@charset "utf-8";

html {/*overflow-x:hidden;*/overflow-y:scroll;}
html,body {/*width:100%;height:100%;*/-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body,div,p,dl,dt,dd,ul,ol,li,table,th,td,textarea,form,fieldset,legend,input,select,button {margin:0;padding:0}
ul,ol,li {list-style:none;}
img,fieldset,iframe {border:0 none;}
input,select,button,textarea {vertical-align:middle;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
textarea {overflow:auto;}
img {height:auto;vertical-align:top;-ms-interpolation-mode:bicubic;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:1em;font-weight:100;}
address,em,strong,th {font-style:normal;font-weight:100;}
table {border-spacing:0;border-collapse:collapse;}
img[usemap],map area {outline:0;}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
caption, legend, hr, .hid {position:absolute;left:-9999px;width:0;height:0;font-size:0;overflow:hidden;}

button, input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button[disabled], input[disabled] {cursor:default;}
button {-webkit-appearance:none;-moz-appearance:none;background:transparent;padding:0;border:0;line-height:1;}
.button {display:inline-block;text-align:center;line-height:1;cursor:pointer;vertical-align:middle;border:1px solid transparent;border-radius:3px;background-color:#2ba6cb;color:#fff;
	-webkit-appearance:none;transition:opacity 0.25s ease-out, background-color 0.25s ease-out, color 0.25s ease-out;}
button:focus {outline:0;}
.button:after {transition:opacity 0.25s ease-out, background-color 0.25s ease-out, color 0.25s ease-out;}
.button span {position:relative;z-index:1;}

.clearfix {zoom:1;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}

.fleft {float:left;}
.fright {float:right;}

.tac {text-align:center;}


.main_slide{width:1920px;left:50%;margin-left:-960px;position:relative;/*border-bottom:1px solid #ebebeb;*/}
.main_slide .slick-dots {text-align:center;bottom:20px;}
.main_slide .slick-dots li{margin:7px;}
.main_slide img{width: 1920px; height:399px;}


.main_slide .slick-arrow:before{display: none;}
.main_slide .slick-prev{left:339px;width:32px;height:47px;background:url('../images/main/visual_prev.png') 0 0 no-repeat;}
.main_slide .slick-next{right:339px;width:32px;height:47px;background:url('../images/main/visual_next.png') 0 0 no-repeat;}


.menu_wrap{width:550px;left:50%;top:0;margin-left:-550px;position:absolute; height:399px;}
.menu_box{;width: 170px; height:399px;position: relative; box-sizing: border-box; -webkit-box-sizing:border-box; 
 background: url("../images/main/menu_box_bg.png") 0 0 repeat;
}
.menu_box>li{height:80px; line-height:80px; transition:0.3s; -webkit-transition:0.3s;}
.menu_box>li>a{display: block;width: 100%;font-size: 14px; font-weight:500; color: #404041; position: relative; text-indent:30px;border-bottom: 1px solid #ccc;}

.menu_box ul{position: absolute;left:170px; top:0px; z-index: 8}

.menu_box>li:hover a{background-color: #1d2d63; color:#fff;}
.menu_box ul {width:0; overflow: hidden; transition:0.3s; -webkit-transition:0.3s; opacity: 1}
.menu_box li:hover ul{width: 567px; opacity:1; z-index: 9;}


.top_banner{margin-top:20px;}

.mid_banner{margin-top: 20px;}
.mid_left{float: left; width:748px; height:600px;}
.mid_left li{float:left; width:356px; height:288px; margin-left:15px;margin-bottom:20px; transition: 0.3s; -webkit-transition: 0.3s;}
.mid_left li:first-child,.mid_left li:nth-child(3) { margin-left:0px;}
/*.mid_left li:hover{
  box-shadow: 0 8px 8px rgba(159,31,99,.12), 0 0 8px rgba(159,31,9,.12), 0 6px 18px rgba(159,31,99,.12);
  transform: translate3d(0,-2px,0); -webkit-transform: translate3d(0,-2px,0);
}*/
.mid_left li:nth-child(2n){margin-right:0;}

.mid_right{float: right; width:352px; height:543px;}

.mid_slide{width:355px; height:600px;}
.mid_slide .slick-dots {bottom:28px; width: 63px;margin-left:-31.5px;left:50%;}
.mid_slide .slick-dots li{margin:0 4.5px;}
.mid_slide .slick-dots li button{width:12px;height:12px;opacity:1; background-color: #fff; box-shadow: 1px 3px 3px 0px rgba(7, 7, 7, 0.3); -webkit-box-shadow: 1px 3px 3px 0px rgba(7, 7, 7, 0.3); }
.mid_slide .slick-dots li.slick-active button{width:12px;height:12px; background-color: #8dc63f;}

.mid{margin-top:20px; height: 290px;}
.movie_box{float: left; position: relative;}
.movie_more{position: absolute; right:1px; top:15px;display: block;width: 26px; height:26px; background:url("../images/main/movie_btn_off.png") 0 0 no-repeat;}
.movie_more:hover{background:url("../images/main/movie_btn_on.png") 0 0 no-repeat;}
.movie_box .movie{margin-top: 15px; height: 239px; width: 725px; background-color: #000;}
.movie_box  .video-js{margin: auto; height: 239px; width: 425px;}
/*.movie_box video{width: 725px;height: 239px !important;}*/

.f2mg_pro{float: right; position: relative;}
.f2mg_pro a{position: absolute;right:20px; top:18px; display: block; width: 34px; line-height: 34px; background: #fff url("../images/main/btn_off.jpg") 0 0 no-repeat; text-indent: -9999px;}
.f2mg_pro a:hover{background: #fff url("/images/main/main/btn_on.jpg") 0 0 no-repeat;}

.main_bot{margin-top: 20px; width: 100%; overflow: hidden;}
.main_bot>div{padding-top: 15px; width: 727px; height: 381px; position: relative;float: left; box-sizing: border-box;-webkit-box-sizing: border-box; border:1px solid #d7d7d7; background-color: #fff;  overflow: hidden;}
.main_bot .more_btn{display: block;width: 26px; height: 26px;position: absolute; right:18px;top:18px; background: url("../images/main/more_off.jpg") 0 0 no-repeat; text-indent: -9999px;}
.main_bot .more_btn:hover{background: url("../images/main/more_on.jpg") 0 0 no-repeat;}

.story{padding-left: 19px;}
.story_list{margin-top: 14px;}


.story_list div img{width: 100%; height: auto;}
.story_list p{font-size: 12px;  color:#000; height: 36px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
 }

.notice{margin-left: 19px;  padding-left: 16px;}
.notice .more_btn{right: 24px;}
.notice_list{ margin-top: 22px;  margin-right: 24px}
.notice_list li{width: 309px;}
.notice_list li{margin-bottom: 10px;}
.notice_list li:after{content: ""; display: block; clear: both;}
.notice_list a{display: block;width:230px ;font-size: 16px; color: #000; float: left; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; white-space: nowrap;}
.notice_list a:hover{color: #9f1f63; text-decoration: underline;}
.notice_list span{font-size: 16px; color:#808080; float: right;}

.main_bot>div.competition{float: right; width: 355px; padding-left: 20px;height:180px;margin-bottom:20px;}

.competition_list{margin-top:15px;width:300px;}
.competition_list li { float: left; margin-bottom:8px;width: 311px;}
.competition_list li:first-child{width: 311px;}
.competition_list li:nth-child(2){margin-right:13px;width: 311px;}
.competition_list div{border:0px solid #d7d7d7; height:102px; overflow: hidden;}
.competition_list div img{width: 100%;}
.competition_list p{ font-size: 12px;  color:#000; height: 36px; margin-top:2px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
}
.competition_list li:hover p{color: #9f1f63; text-decoration: underline;}

#bottom_banner {width:100%; min-height:500px; margin:0 auto; background:#f7f7f7;padding-top:50px;}
#bottom_banner p{width:100%; margin: 0 auto; text-align:center;margin-bottom:30px;}
#widgetScroll {width:1020px;clear:both;margin:0 auto; }
#widgetScroll .new_prev {width:18px;  float:left; cursor:pointer;margin-top:150px;}
#widgetScroll .new_next {width:18px;  float:right; cursor:pointer;margin-top:150px;}
.imgList { width:1007px; margin:0 auto;  }
.imgList ul { height:220px; list-style:none; padding-left:50px;}
.imgList ul li { padding:0 20px 0 0; }
.imgList ul li img { width:958px; height:384px; }
.imglist .no1 {padding:0 20px 0 20px}
.bottom_right {float:right; margin:62px 0 0 0}