/*头部导航*/
.headerWrap_wc { width: 100%;background-color: #042855; background-color: rgba(4,40,85,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80042855, endColorstr=#80042855);
z-index: 100; }
.header { background: url(../images/logo.png) right -80px no-repeat; }
.headL .logo, .logosmall { display: block; padding-top: 5px; padding-bottom: 5px; }
.headR .nav li { float: left; line-height: 60px; font-size: 16px; position: relative; z-index: 3; }
.headR .nav li a { display: block; color: #fff; padding-left: 50px; }
.headR .nav li a:hover, .headR .nav li a.current, .headR .nav li.cur a { color: #a4c8f5; }
.headR .nav li ul.box { position: absolute; width: 100%; background-color: #fff; z-index: 9999; border-radius: 0 0 5px 5px; border-top: 2px solid #02a3fe; padding: 5px 0 10px; text-align: left;left:20px; }
.headR .nav li ul.box li { line-height: 20px; float:none; }
.headR .nav li ul.box dl { padding:8px;text-align:center; }
.headR .nav li ul.box dt a { color: #666; font-size: 14px; line-height: 25px; padding: 0; }
.headR .nav li ul.box dt a:hover { color: #02a3fe; }
.headR .nav li ul.box dd { font-size: 12px; color: #999; }
.box1 { left: -50px; }
.box2 { left: -100px; }
.box3 { left: -120px; }
.box4 { left: -200px; }
.box5 { left: -300px; }
.headBtns { text-align: right; margin-top: 8px; }
.headR {  }
.headR .nav { float: right; }
.btnblue, .btnorange, .btnblue-p, .btnorange-p { display: inline-block; text-align: center; padding: 5px 5px; width: 80px; margin-left: 8px; vertical-align: middle; font-size: 14px; }
.btnblue, .btnblue-p:hover { border: 1px solid #fff; color: #fff; }
.btnblue:hover, .btnblue-p { color: #7cabe6; border-color: #7cabe6; }
.btnorange, .btnorange-p:hover { border: 1px solid #f90; color: #f90; }
.btnorange:hover, .btnorange-p { color: #FFD699; border-color: #FFD699; }
.tel { color: #eee; font-size: 20px; display:inline-block; vertical-align: middle; margin-right: 10px; }
.tel span { font-size: 12px; margin-right: 8px; }
.version{color:#A4C8F5;display:inline-block;line-height:27px;margin-right:20px;}
.version a{color:#A4C8F5;line-height:27px;margin:0 5px;}
.version a:hover{color:#fff; text-decoration:underline;}
/**侧滑**/
.navtel { display: none;/*height:80px;*/ position: relative; }
.mm-menu-toggle { width: 40px; height: 40px; float: right; cursor: pointer; margin-top: 28px; z-index: 2; background: url(../images/menu.png) no-repeat center center; background-size: 64%; border: 2px solid #CEE0F6; border-radius: 0.5rem; position: relative; }
.mm-menu-toggle em { width: 12px; height: 12px; background-color: #f00; border-radius: 20px; overflow: hidden; display: block; position: absolute; right: -6px; top: -6px; }
.mm-menu { position: fixed; top: 0; right: 0; z-index: 100; width: 300px; height: 100%; overflow-y: auto; box-shadow: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform .5s, box-shadow .5s; transition: transform .5s, box-shadow .5s; background-color: #343434; }
.mm-menu .chlogo { width: 80%; margin: 20px auto 0; }
.mm-menu .chlogo img { width: 70%; }
.mm-menu .form { padding: 20px 0; }
.mm-menu .form li { width: 94%; float: right; border-bottom: 1px solid #444; line-height: 24px; padding: 8px 0; font-size: 16px; margin-left: 3%; margin-right: 3%; position: relative; word-break: break-all; }
.mm-menu .form li a { width: 92%; display: inline-block; color: #CEE0F6; float: left; padding-left: 8%; word-break: break-all; }
.mm-menu .form li a:hover { color: #02a3fe; }
.mm-menu .form li ul.box { padding-left: 20px; }
.mm-menu .form li ul.box li { border-width: 0; }
.mm-menu .form li ul.box li a { color: #fff; }
.mm-menu .form li ul.box li a:hover { color: #02a3fe; }
.mm-menu.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
.mm-menu-mask { display: block; position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background-color: rgba(0,0,0,.34); visibility: hidden; opacity: 0; -webkit-transition: opacity .5s, visibility .5s; transition: opacity .5s, visibility .5s; }
.mm-menu-mask.active { visibility: visible; opacity: 1; }
/**banner**/
.bannerWrap_wc { width: 100%; height: auto; }
/*banner*/
.main_visual { overflow: hidden; position: relative; z-index: 2; }
.main_image { height: 325px; overflow: hidden; position: relative; z-index: 1; }
.main_image ul { width: 9999px; height: 573px; overflow: hidden; position: absolute; top: 0; left: 0; }
.main_image li { float: left; width: 100%; height: 100%; }
.main_image li span { display: block; width: 100%; height: 325px; background-repeat: no-repeat; background-position: center; }
.main_image li a { display: block; width: 100%; height: 100%; }
#btn_prev, #btn_next { z-index: 1; position: absolute; display: block; width: 40px!important; height: 74px!important; top: 45%; margin-top: -37px; }
#btn_prev { background: url(../images/left.png) no-repeat left top; left: 100px; }
#btn_next { background: url(../images/right.png) no-repeat right top; right: 100px; }
div.flicking_con { position: absolute; bottom: 1.5em; z-index: 99; width: 100%; height: 1em; margin: 0 auto; text-align: center; }
div.flicking_con a { width: 10px; height: 10px; margin: 0 5px 0 0; padding: 0; background: #869BAE; text-indent: -1000px; display: inline-block;border-radius:20px; }
div.flicking_con a.on { background: #f60; }
.banner_small { display: none; }

.introWrap_wc{padding:30px 0;}
.iintro{width:35%;float:left;padding-bottom:20px;}
.iintro .tit{font-size:28px;background-color:#224d82;color:#fff;padding:15px;}
.iintro .tit .btn-test{color:#fff;margin-top:5px;}
.iintro .tit .btn-test:hover{border-color:#a0cbff;color:#a0cbff;}
.iintro h2{font-size:20px;color:#222;margin:25px 10px 15px;}
.iintro h6{font-size:12px;color:#777;margin:0 10px 15px;}
.iintro p{color:#777;margin:0 10px 15px;font-size:14px;}
.ivideo{width:60%;float:right;background-color:#f4f4f4;}
.ivideo .img{width:66.6%;float:left;position:relative;}
.ivideo .img .ivideoimg{width:100%;}
.ivideo .img .btn-play{position:absolute;bottom:20px;right:20px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1); }
.ivideo .img .btn-play:hover{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);}
.ivideo .info{width:33.3%;float:right;}
.ivideo .info .tit{margin:30px 20px 20px;font-size:20px;}
.ivideo .info .tit a:hover{color:#224d82; text-decoration:underline;}
.ivideo .info .txt{font-size:14px;color:#777;margin:20px;}
.ivideo .info .rbtn{padding:0 20px 30px;}
.ivideo .info .rbtn a{background-color:#fff;}

.solutes { margin-left: -3%; margin-top: 30px; }
.solutes .solute-block { float: left; padding: 10px 0;background-color:#224d82; margin-left: 3%; margin-bottom: 35px; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.solutes .solute-block:hover {-webkit-box-shadow: 0 0 8px #224d82; -moz-box-shadow: 0 0 8px #224d82; box-shadow: 0 0 8px #224d82;background-color:#eee; }
.solutes .solute-block:hover .dot3 { color: #02a3fe; }
.solutes .solute-block:hover .tit a{color:#224d82; text-decoration:underline;}
.solutes .solute-block:hover .txt {color:#4D76A7;}
.solutes .solute-block:hover .pic{border-right-color:#ccc;}
.solutes .solute1-block { width: 30.3%; height: 112px; position: relative; }
.solutes .solute-block .pic { position: absolute; left: 15px; top: 15px; width: 117px; height: 102px; border-right: 1px solid #637fa2; }
.solutes .solute-block .pic a { display: block; font-size: 14px;color:#fff; }
.solutes .solute-block .pic a img{width: 102px; height: 102px;}
.solutes .solute-block .content { margin-left: 150px; margin-right: 10px; position: relative; height: 105px; }
.solutes .tit{ margin: 6px 0;height: 40px;}
.solutes .tit a { color: #fff; font-size: 14px; height: 40px; }
.solutes .txt { color: #a0cbff;}
.solutes .more{position:absolute;right:0;bottom:0; }
.solutes .solute-block .dot3 { color: #a0cbff; font-size: 20px; }
.solutes .solute-block .dot3:hover { color: #02a3fe; }

/*小小尝试*/
.testWrap_wc{padding-bottom:30px;}
.test { padding-top: 20px; }
.test .title { font-size: 28px; line-height: 2em; color: #222; font-weight: 700; }
.test .des-text { font-size: 20px; line-height: 1.5em; margin-bottom: 20px; color: #666;float:left; }
.btn-test { border: 1px solid #ddd; font-size: 16px; padding: 3px 20px; color: #666; display: inline-block; float:right;}
.btn-test:hover { color: #224d82; border-color: #224d82; }

/*新闻资讯*/
.newsWrap_wc { background: #F2F2F2 url(../images/service-bg.png) no-repeat center center; min-height: 400px; }
.newsWrap_wc .news-title { width: 200px; max-width: 100%; margin: 0 auto; }
.newsWrap_wc .news-title li { font-size: 24px;  margin: 0 auto 40px; text-align: center; border-top: 4px solid #ccc; padding-top: 10px; color: #333; cursor: pointer; }
.newsWrap_wc .news-title li span { display: block; color: #999; font-size: 12px; text-transform: uppercase; }
.n-cont { display: none; }
.news-content ul { width: 49.99%; }
.news-content ul li { height: 80px; padding: 15px 10px; overflow: hidden; position: relative; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.news-content ul li:hover { background: #224D82; }
.news-content ul li>div { background: url(../images/arrow1.png) no-repeat right center; padding-right: 20px; height: 80px; position: relative; overflow: hidden; }
.news-content ul li:hover>div { background: url(../images/arrow2.png) no-repeat right center; }
.w70 { width: 70%; }
.news-content li .list_time { width: 80px; color: #666; text-align: right; position: absolute; left: 0; top: 0; }
.news-content ul li:hover .list_time, .news-content li:hover .list_time .day, .news-content li:hover .list_wen .tit, .news-content li:hover .list_wen p { color: #fff; }
.news-content li .list_time .day { color: #02a3fe; font-size: 28px; line-height: 28px; }
.news-content li .list_wen { margin-left: 100px; }
.news-content li .list_wen p { color: #999; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-content li .list_wen .l_tit { margin-bottom: 0.8em; }
.news-content li .list_wen .tit { font-size: 16px; height: 25px; display: block; overflow: hidden; }
.news-more { text-align: center; padding: 50px 0; }
.btnmore { border: 2px solid #02a3fe; font-size: 18px; padding: 5px 50px; color: #02a3fe; display: inline-block; }
.btnmore:hover { background-color: #02a3fe; color: #fff; }
.partner{margin-top:20px;margin-bottom:20px;}
.partner .partner_list{padding:30px 0 40px;}
.partner .partner_list .swiper-slide img{width:100%;}

/*版权*/
.copyrightWrap_wc { background: #343434; padding: 30px 0 40px; color: #fff; font-size: 14px; text-align: center; line-height: 2em;border-top:5px solid #1457a9; }
.copyrightWrap_wc .cr1,.copyrightWrap_wc .cr2,.copyrightWrap_wc .cr3{padding-top:10px;}

.copyrightWrap_wc .cr1,.copyrightWrap_wc .cr2{width:25%;text-align:left;color:#aaaaac;}
.copyrightWrap_wc .cr2 a{color:#fff;margin:0 5px;}
.copyrightWrap_wc .cr2 .cr2a{color:#fff;}
.copyrightWrap_wc .cr2 .cr2b{font-size:24px;}
.copyrightWrap_wc .cr2 .cr2b i{font-size:14px;font-style:normal;margin-right:5px;}
.copyrightWrap_wc .cr2 .cr2c{font-size:16px;}
.copyrightWrap_wc .cr3{width:50%;text-align:left;color:#aaaaac;}
/*侧边浮动栏*/
.connusWrap_wc dt i,.siderbar li i,.totop i{width:50px;height:50px;display:inline-block;}
.ico-conn1,.ico-conn2,.ico-conn3,.ico-qq,.ico-group,.ico-code2w,.ico-mail,.ico-totop{background-image:url(../images/why.png);}
.ico-conn1{background-position:0 -400px;}
.ico-conn2{background-position:-50px -400px;}
.ico-conn3{background-position:-100px -400px;}
.ico-qq{background-position:-150px -400px;}
.ico-group{background-position:-200px -400px;}
.ico-code2w{background-position:-250px -400px;}
.ico-mail{background-position:-300px -400px;}
.ico-totop{background-position:-350px -400px;}
.siderbar{position:fixed;right:0;top:35%;z-index:9999;}
.siderbar ul{width:55px;min-height:260px;padding:5px 5px 5px 0;background-color:#000;background-color:rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#33ffffff',endColorstr='#33ffffff');}
.siderbar li{margin:10px 0;position:relative;width:50px;height:50px;display:block;padding-left:5px;}
/*.siderbar li a:hover{background:rgba(255,255,255,.7);}*/
.siderbar li:hover .ico-qq,.siderbar li.on .ico-qq{background-position:-150px -450px;}
.siderbar li:hover .ico-group,.siderbar li.on .ico-group{background-position:-200px -450px;}
.siderbar li:hover .ico-code2w,.siderbar li.on .ico-code2w{background-position:-250px -450px;}
.siderbar li:hover .ico-mail,.siderbar li.on .ico-mail{background-position:-300px -450px;}
.siderbar .totop{background-color:#000;background-color:rgba(0,0,0,.7);text-align:center;margin-top:5px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#55ffffff',endColorstr='#55ffffff');}
.siderbar .totop:hover{background-color:#000;background-color:rgba(0,0,0,.9);}
.sbstyle{background:#fff;border:1px solid #ddd;position:absolute;bottom:0;right:55px;padding:15px;-webkit-box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;}
.sbstyle .sd-h1{font-size:16px;font-weight:600;color:#333;margin-bottom:10px;}
.sbstyle .sd-h2{font-size:14px;line-height:2.5em;color:#666;}

.subbanner { height: 325px; }
.maincontent { position: relative; min-height: 400px; }
.side-navigation { width: 220px; height: 100%; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; font-size: 16px; background: #f3f3f3; position: absolute; left: 0; top: 0; }
.main-content { margin-left: 222px; position: relative; padding-top: 70px; }
.side-navigation li { border-bottom: 1px solid #dadada; }
.side-navigation li a { color: #000; overflow: hidden; display: block; font-size: 16px; line-height: 40px; padding-top: 13px; padding-bottom: 13px; padding-right: 30px; vertical-align: text-bottom; text-indent: 12%; }
.side-navigation li.on a { border-left: 1px solid #02a3fe; background-color: #fdfdfd; color: #02a3fe; }
.main-content .main-content-tit { font-size: 26px; font-weight: 600; border-left: 20px solid #f90; padding: 15px; background-color: #f8f8f8; position: absolute; top: 0; left: 0; width: 8000px; }
.main-content .main-content-block { padding: 20px 20px 50px 20px; color: #666; font-size: 14px; line-height: 1.8em;min-height: 450px; }
.main-content .main-content-block .title { font-size: 18px; color: #333; margin: 30px 0 20px; font-weight: 600; line-height: 1.5em; }
.main-content .main-content-block p { margin: 0; }
.main-content .main-content-block dl { margin: 20px 0 50px; font-size: 18px; line-height: 2em; }
.main-content .main-content-block dt { font-size: 25px; color: #999; font-weight: 600; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
.main-content .main-content-block dt span { font-size: 30px; color: #ddd; margin-left: 5px; }
.main-content .main-content-block dd { margin-left: 45px; }
.abouttxt { position: relative; background-color: #f8f8f8; padding: 20px; border-left: 5px solid #02a3fe; }
.abouttxt i { position: absolute; width: 50px; height: 150px; display: block; background: url(../images/why.png) -400px -400px no-repeat; }
.abouttxt .bg_quote { left: 20px; background-position: -550px -400px; left: 20px; top: 20px; }
.main-content .main-content-block .abouttxt p { margin-left: 80px; }