@charset "utf-8";
/* css reset */
html,body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,textarea,button,th,td,blockquote,address,var,pre{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,input,textarea,select,button,label{font-size:100%;}
button,select,textarea,input{vertical-align:middle;color:#444;}
input[type=button],input[type=submit],input[type=reset],input[type=file],button{cursor:pointer;overflow:visible;width:auto;}
button{padding:3px 5px 2px;}
textarea{resize:vertical;}  /* word-wrap for opera, resize for webkit */
a{color:#19b2ee;text-decoration:none;}
ul,ol{list-style:none outside none;}
img,fieldset{border:0;}
img{overflow:hidden;vertical-align:top;}
em,address,var{font-style:normal;}
sup,sub{vertical-align:baseline;}
table{border-collapse:collapse;border-spacing:0;}
i{display:inline-block;} /*用于修饰性小图标*/
input{outline:none}
.hide{display:none!important;}
.clearfix:before,.clearfix:after { content: ""; display: table }
.clearfix:after { clear: both }
.clearfix { *zoom:1}

body{font: 14px/22px "Microsoft YaHei","simsun",Verdana;}
.layout{margin: 0 auto;width:1140px;}
.layout-color{color: #0086d1;}
.title{font-family: "微软雅黑";font-size: 48px;line-height: 50px;color: #0086d1;padding: 80px 0 40px;/*text-transform:uppercase;*/width: 100%;z-index: 2; }
.title-fixed{position: fixed;top: 46px;background: #fff;}
.double{color: #fff;}
.hide{display: none;}

/*icon*/
i{background: url(../images/icons.png) no-repeat;}
.i-dot{background-position: -43px -41px;width: 5px;height: 5px;}
.i-flower{background-position: -65px -2px;;width: 36px;height: 36px;}
.i-down{background-position: -1px -42px;width: 20px;height: 21px;}
.i-open{background-position:  -1px -97px;width: 24px;height: 25px;}
.speaker-con ul li h3 i.current{background-position:  -1px -68px;width: 24px;height: 25px;cursor: pointer;}
.i-right{background-position: -3px -19px;width: 12px;height: 7px;}
.i-right-blue{background-position:  -43px -3px;width: 21px;height: 11px;}
.i-camera{background-position: -2px -170px;width: 22px;height: 22px;}
.i-top{ background-position: -135px -135px; width: 63px; height: 63px; }

#container { position: relative; left: 0; width: 100%; top: 0; }
#container, #tab_main_nav_mobile_container { -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in;  transition: all 300ms ease-in;  }
#container.mobile-menu-open { left: -100% !important; }
/*top*/
.top{ height:70px; background: #fff; width:100%; }
.logo{ background: url("../images/logo.png") no-repeat;width: 56px;height: 27px;float: left;margin: 21px 0; }
.top-fr{ float: right;height:70px;line-height:70px; }
.top-fr a{ color:#777;font-family: "微软雅黑", helvetica, arial, sans-serif;font-size: 14px;}
.top-fr a:hover{ text-decoration: none; }
.top-fr span{ color:#d9d9d9;margin:0 5px;}
.nav{ height:70px;line-height:70px;z-index: 2;margin-left:55px; float: left;/*border-bottom: #e7e7e7 1px solid;*/}
.nav li{float: left;height:70px;line-height:70px;margin:0 10px;}
.nav li a{ color:#333;font-size:16px;}
.nav li span{width: 1px;color: #d2d2d2;margin-left: 15px;}
.nav li.current a{text-decoration: none;border-bottom: #0186d1 3px solid;padding: 12px 0;color:#0186d1; }
.nav-fixed{ position: fixed;top: 0;opacity: 0.9;z-index: 100;}
.a-color{color: #19b2ee;}
.top-icon{ display:none; }
/*banner*/
.banner{ background: #016dc3;width: 100%;text-align: center;overflow: hidden;}
.banner img{ width:100%;}
/*core*/
.core{background: #f0f4f7;padding-bottom: 50px;}
.core-con{float: left;width: 50%;}
.core-con p{margin-bottom: 10px;}
.core-con p i{margin-right: 10px;}
.core-img{float: right;}
.core-img img{ width:100%;}
.core-con2{ width: 100%;clear:both;padding-top: 10px;}
.mb-p{ margin-bottom: 20px!important;margin-right: 20px; }
.mb-b{ font-weight:bold;}
.mb-dot{ position:relative;margin-left:15px;}
.mb-dot i.mb-icon{ position:absolute;top: 7px; left: -15px;display:inline-block;width:5px;height:5px;background-position: -3px -3px;}
.mb-more{ margin-right: 20px;float:right;color:#333;font-size:16px;}
.mb-more:hover{ color: #0086d1;}
.mb-more:after{ background:url(../images/icons.png) no-repeat -186px -2px;content:'';display:inline-block;width:12px;height:12px;}
.mb-more:hover:after{ background-position:-186px -24px;}
/*field*/
.field{ /*background: linear-gradient(to right,#19b2ee,#0086d1);*/background-color: #fff;padding-bottom: 60px;border-bottom: 1px solid #dae1e5; }
.field-img li{ width:23.5%;margin-right:20px;margin-bottom:20px;float:left; }
.field-img li.last{ margin-right:0; }
.field-img li a{ display: block; }
.field-img li a img{ width:100%;}
.field-img li .img-words{ font-size:18px;color:#333;text-align:center;display: block; margin-top: 20px; }
.field-img li .img-words:hover{ color: #0086d1;}
.cen{ margin-top: -8px; }
.ff{ font-family: "微软雅黑";font-weight: 500; }
/*dynamic*/
.dynamic{ /*background: linear-gradient(to right,#0086d1,#19b2ee);*/background-color: #fff;padding-bottom: 100px; }
.dynamic .title{ padding: 60px 0 30px; }
.dynamic-bd{ background: #fff;border: #e7e7e7 2px solid;border-radius: 4px;width: 526px;float: left;margin: 0 20px 20px 0;padding: 30px 15px 0}
.dynamic-bd h3{color: #fc8f2b;font: 100 18px/24px "microsoft yahei";border-bottom: #e7e7e7 1px solid;margin-bottom: 20px;padding-bottom: 6px;}
.dynamic-bd p {color: #0086d1;margin-bottom: 24px;}
.dynamic-bd p a{color: #0086d1;}
.dynamic-con ul{ padding-bottom: 30px;}
.dynamic-con ul li{ border-bottom: #dae1e5 1px solid;line-height: 60px; }
.dynamic-con ul li.last{ border-bottom:0;}
.dynamic-con ul li a{ color: #333;font-size: 16px; }
.dynamic-con ul li:hover a{ color:#0086d1; text-decoration: none; }
.dynamic-con ul li i{ margin-right: 10px;margin-left: 10px; }
.dynamic-con ul li:hover i{ background-position:-3px -40px; }
.dynamic-con ul li p{ float:right;color: #999;font-size: 16px;padding-right:12px; }
.dynamic-con .mb-more{ margin-right: 15px;display:block;}
.dynamic-con .cur-b{ margin-right: 15px;display:none;float: right;}
.dynamic-con .cur-b:after { background: url(../images/icons.png) no-repeat -186px -2px; content: ''; display: inline-block; width: 12px; height: 12px; }
.dynamic-con .cur-b:hover:after { background-position: -186px -24px; }
/*map*/
.map{ background:#f0f4f7;width:100%;padding-bottom: 100px; }
.map .layout p{ margin-bottom: 30px;color: #333;font-size: 16px; line-height: 30px;padding-right: 20px; }
.map .layout .map-img{ margin:80px 0;width: 100%; }
.map ul{ padding-top: 40px;}
.map ul li{ float:left;margin-right:30px;width:36%; }
.map ul li.last{ margin-right:0;width:61%;}
.map ul li img{ width:100%; }
/*resource*/
.resource{background: #fff;padding-bottom: 50px;}
.resource-con{ position: relative;  }
.resource-con ul{ width: 100%;}
.resource-con ul li{float: left;margin-right: 20px;width:23.6%;}
.resource-con ul li.last{ margin-right:0; }
.resource-con .res{ width:100%;position: relative;}
.resource-con img{ width:100%;}
.resource-con h3{margin-top: 20px;color: #1baded;font-weight: 400;text-align: center;font-size:16px;}
.resource-con a{ width:100%;height:100%;position: absolute; left:0; top: 0;cursor:pointer;}
.resource-con a.res-icon1{ background:url(../images/res-icon1.png) no-repeat center center;}
.resource-con a.res-icon2{ background:url(../images/res-icon2.png) no-repeat center center;}
.swiper-button-next, .swiper-button-prev{ display: block; width: 45px;height: 45px;top: 26%;  }
.swiper-button-next{ background: url(../images/next-arrow.png) no-repeat; right: 5px;}
.swiper-button-prev{ background: url(../images/prev-arrow.png) no-repeat;left: 5px;}

.footer{ background:#f0f4f7;height: 50px;line-height: 50px;color: #666;}
.go-top{position: fixed;right:30px;bottom:30px;z-index: 1;}

/*手机版导航*/
#tab_main_nav_mobile_container { position: fixed; top: 0; right: -100%; width: 100%; height: 100%; overflow: auto; background-color: #fff; transition: all 300ms ease-in; z-index: 99999; }
#tab_main_nav_mobile_container.mobile-menu-open { right: 0; box-shadow: -5px 0px 10px rgba(0,0,0,.2); }
#tab_main_nav_mobile_container ul li { border-bottom: 1px solid #ededed; padding: 10px 20px; }
#tab_main_nav_mobile_container ul li a { display: block; color: #333; }
#tab_main_nav_mobile_container ul li a:hover{ color: #0186d1;}
#tab_main_nav_close_mobile a{ display: block; float:right; padding:0 15px; margin-right: -15px; }
#tab_main_nav_mobile_container .btn{ border:none; }
#tab_main_nav_mobile_container .btn a{ display: block; margin:0 auto; width: 170px; height: 45px; border-radius: 5px; border: 1px solid #666; text-align: center; text-transform: uppercase; line-height: 2.8em; }
#tab_main_nav_mobile_container .btn.login{ margin-top: 30px; }
#tab_main_nav_mobile_container .btn.login a{ border:none; color:#fff; background-color: #cc0000; }

/*main*/
.main{ width:100%;background:#f0f4f7;padding-bottom: 50px;}
.main .title{ padding:70px 0 0;line-height: 60px;}
hr{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc;width: 1140px;padding: 15px 0 0;}
.m-text{ width:70.2%;float:left;}
.m-text h2{ font-size:30px;line-height:36px;color:#333;font-weight:500;padding: 25px 0;}
.m-text p{ font-size:16px;line-height: 30px;margin-bottom: 30px;color:#333;}
.m-text p em{ float:left;width: 100%;}
.m-text p img{ width:100%;}
.m-tab{ font-size:16px;line-height: 30px;margin-bottom: 30px;color:#333;}
.m-tab p{ margin-bottom:0;}
.m-img li{ float:left;margin-right:20px;width: 36%;}
.m-img li.last{ margin-right:0;width: 61%;}
.m-img li img{ width:100%;}
.m-text table{ width:100%; border:1px solid #e5e5e5;margin-bottom: 30px;}
.m-text table th,.m-text table td{ width:11.6%; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;font-size:16px;color:#333;text-align:center;padding: 8px 12px;}
.m-text table .m-brn{ border-right:0;}
.m-text table .m-bbn{ border-bottom:0;}
.m-text table .m-title{ font-weight: bold;}
.m-text table .m-color{ color:#0086d1;}
.m-text h3{ font-size:30px;color:#0086d1;line-height:36px;text-align:center;margin-bottom:30px;}
.m-img2 li{ float:left;margin-right:35px;margin-left:5px;width: 29%;}
.m-img2 li.last{ margin-right:0;}
.m-img2 li img{ width:100%;}
.m-text .m-table .m-title{ padding:10px 10px;}
.footer-bg{ background:#fff;}


/**/
#player_wrapper { height: 540px; width: 960px; display: block; overflow: hidden; }
.fancybox-outer {  background: none; }
.fancybox-wrap { padding: 0; }
.fancybox-bg{display:none;}
.speaker-bgcolor { background-color: #f5f5f5;min-height: 320px; }
.speaker-bgcolor > h4, .speaker-bgcolor > p{padding:0 10px;}
.fancybox-lock body { overflow: hidden !important; }
@media  (max-width: 768px){
    #player_wrapper { height: auto; width: 100%; }
    .fancybox-wrap { width: 96% !important;  left: 2% !important; }
    .fancybox-outer { background: none; }
    .fancybox-content { width: 100% !important; height: auto !important; }
    .fancybox-content >div { overflow:hidden!important; }
    .fancybox-inner{ width:98%!important;height:auto!important;}
}

/*移动端*/
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md { display: none !important; }
}
@media (min-width: 1200px) {
    .hidden-lg { display: none !important; }
}
@media  (max-width: 1680px){
    /*.go-top{ right:10%;}*/
}
@media  (max-width: 1140px){
    .layout{ width:100%;}
    .nav{ margin-left: 20px;}
    .core-img{width:50%;}
    .resource-con ul li{ width: 23%;}
    hr{width:100%;}
    /*.go-top{ right:3%;}*/
}
@media  (max-width: 1040px){
    .map ul li,.m-img li{ margin-right:5px;}
    .m-text .m-table th,.m-text .m-table td{ padding:10px 10px;}
    .m-text .m-table .m-title { padding: 2px 2px; }
}
@media  (max-width: 1024px){
    .logo{ background-size: 90% 90%;margin: 23px 0 19px;}
    .nav { margin-left: 0;  }
    .nav li{ margin: 0 5px;}
    .nav li a{ font-size: 14px;}
    .nav li.current a{ border-bottom: #0186d1 2px solid;}
    .top-fr span{ margin: 0 1px;}
    .top-fr a{ font-size: 12px;}
}
@media  (max-width: 960px){
    .m-img2 li{ margin-right: 25px;}
}
@media  (max-width: 900px){
    /*.nav{ margin-left: 20px;}*/
    /*.nav li{ margin: 0 10px;}*/
}
@media  (max-width: 840px){
    .logo { background-size: 70% 70%;  margin: 26px 0 16px; }
    .nav { margin-left: -28px; }
    .nav li { margin: 0 4px; }
    .nav li a { font-size: 13px;  }
}
@media  (max-width: 768px){
    .logo{ background-size: 100% 100%;margin: 21px 0 21px 10px; }
    .resource-con .res { width: 70%; margin: 0 auto; }
    .nav{ display:none; }
    .top-fr{ display:none; }
    .title,.dynamic .title{ width:95%;margin:0 auto;padding: 30px 0;}
    .main .title{ padding: 30px 0 0;}
    .top-icon{ display:block;float: right;margin: 30px 10px 0 0; }
    .core-con,.core-img,.core-con2{width:95%;margin:0 auto;float:none;}
    .core-img{ width:70%;}
    .mb-more{ padding-bottom: 10px;}
    .field-img li,.field-img li.last{ width:70%;margin:0 auto 20px;float:none;}
    .dynamic{ padding-bottom: 30px;}
    .dynamic-con{ width:95%;}
    .dynamic-con ul li a,.dynamic-con ul li p{ display: inline-block;}
    .dynamic-con ul li a{ width:86%;margin-left: 0;}
    .dynamic-con ul li p{ width:14%;padding-right: 0;}
    .dynamic-con .mb-more{ float:right;width: 17%;margin-right: 0;}
    .dynamic-con .cur-b{ width:16%;margin-right: 0; }
    .map{ padding-bottom: 50px;}
    .map .layout .map-img{ margin: 20px 0;}
    .map ul{ padding-top: 0;}
    .field,.resource{ padding-bottom: 30px;}
    .resource-con ul li,.resource-con ul li.last{ width:70%;margin:0 auto 20px;float:none;}
    /*.go-top{ display:none;}*/
    .m-text{ width:95%;margin:0 auto;float: none;}
}
@media (max-width: 640px){
    .dynamic-con ul li{ line-height: 28px;}
    .dynamic-con ul li a{ width:80%;margin-left: 0;}
    .dynamic-con ul li i{ margin-left: 0;}
    .dynamic-con ul li p{ width:20%;padding-right: 0;}
    .m-text table th,.m-text table td{ font-size:12px;}
    .dynamic-con .mb-more,.dynamic-con .cur-b{ width:20%;}
}
@media (max-width: 560px){
    .m-text table th, .m-text table td{ padding: 6px 6px;}
    .m-img2 li { margin-right: 10px; }
}
@media only screen and (min-width: 320px) and (max-width: 480px){
    body{font: 12px/22px "微软雅黑","Microsoft YaHei","simsun",Verdana;}
    .title,.dynamic .title{font-size: 22px;padding: 15px 0;line-height: 36px;}
    .nav{margin-left: 0;}
    .nav li{width: 100%;border-bottom: #d2d2d2 1px solid;}
    .nav li:last-child{border-bottom: none;}
    .nav li a{display: block;}
    .nav li span{display: none;}
    .mb-more{ font-size: 14px;}
    .field-img li .img-words{ font-size: 16px;}
    .dynamic-con ul li a,.dynamic-con ul li p{ display: inline-block;font-size: 12px;}
    .dynamic-bd{width: auto;margin: 0 0 20px 0;padding: 15px 10px 0;float: none;}
    .dynamic-bd p{margin-bottom: 10px;}
    .map .layout p,.m-text p,.m-tab{ font-size: 12px; }
    .main{ padding-bottom: 30px;}
    .main .title{ padding: 15px 0 0;line-height: 30px;}
    hr{ padding: 5px 0 0;}
    .m-text h2{ font-size: 20px; line-height: 30px;padding: 10px 0;}
    .m-text p,.m-tab{ line-height:22px;margin-bottom: 15px;}
    .m-tab p{ margin-bottom: 5px;}
    .m-text table{ margin-bottom: 15px;}
    .m-text .m-table th,.m-text .m-table td{ padding:2px 2px;}
    .m-text h3{ font-size: 20px; line-height: 30px;margin-bottom: 15px;}
    .resource-con ul li h3{ font-size:14px;}
    .dynamic-con .mb-more,.dynamic-con .cur-b{ width: 26%;}
}
@media (max-width: 360px){
    .m-text table th, .m-text table td{ padding:0;}
}
@media (max-width: 320px){
    .dynamic-con ul li a{ width: 75%;}
    .dynamic-con ul li p{ width: 25%;}
    .dynamic-con ul li i{ margin-right: 5px;}
    .dynamic-con .mb-more,.dynamic-con .cur-b{ width: 29%;}
}