﻿@charset "utf-8";
/* CSS Document */
html{font-size: 14px;}
body{margin:0px; padding:0px; font-size:14px;  color:#666;}
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
/*a:visited{text-decoration: none; outline:none;}*/
/*a:hover{text-decoration:none; color:#36a390; outline:none;}*/
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.ovh{overflow: hidden;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

input, textarea{background:transparent; padding:0px; font-size:14px; color:#666; outline:none; border:0px;}
em{font-style:normal;}
input[type=button], input[type=submit],input[type=file], button { cursor: pointer;-webkit-appearance: none; } 
/*通用*/
.switcher{display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;   display: -webkit-flex; display: flex; -webkit-justify-content:center; -moz-justify-content: center; -ms-justify-content:center; -o-justify-content:center; justify-content: center; padding: 0 0 78px; border-bottom: 2px solid #05C8C8; margin-top: 62px; text-align: center;}

textarea::-webkit-input-placeholder{color: #666;} 
textarea:-moz-placeholder{color: #666; } 
textarea::-moz-placeholder{color: #666; } 
textarea:-ms-input-placeholder{color: #666; }

input:focus {outline: none; } 
input:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } 
input:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } 
input:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; }
textarea:focus {outline: none; } 
textarea:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } 
textarea:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } 
textarea:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; }
i{font-style: normal;}

.wal{width: 1280px;margin:0 auto;}
.pc-show{display: block!important;}
.pc-hide{display: none!important;}

.l1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.l2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.l3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.l4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}

/*图片放大*/
.icb{overflow: hidden;}
.icb img{transition: all .5s;}
.icb:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}

.icb1{overflow: hidden;}
.icb1 img{transition: all .5s;}
.icb1:hover img{-webkit-transform: scale(1.08);transform: scale(1.08);}

/*按钮动画--start*/
.ico_h {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.ico_h:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.ico_h:hover, .ico_h:focus, .ico_h:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
/*按钮动画--end*/

.tran_2{-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.tran_3{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

/*模拟下划线动画*/
.lm:after{content:' '; display: block; width: 0%; height: 1px; background: #004ea1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } 
.lm:hover:after{width: 100%; } 

/*头部*/
.header {position: fixed;top:0;z-index: 90;background: #fff;height: 82px;line-height: 82px;padding: 0 7%;width: 86%;} 
.header .wal{position: relative;}
.header .list{overflow: hidden;margin-right: 4%;} 
.header .list li{float: left;margin: 0 38px;border-top:4px solid #fff;} 
.header .list li a{display: block;font-size: 15px;color: #545454;font-weight: bold;margin-top: -4px;} 
.header .list li.on{border-top:4px solid #2850b9; } 
.header .list li:hover{border-top:4px solid #2850b9; }
.header .list li.on a{color: #2850b9; } 
.header .list li:hover a{color: #2850b9; }
.header .home{margin-right: 17px; margin-top: -2px; }
.header .search-inp{display: none; position: absolute; right: 0; width: 200px; height: 35px; line-height: 35px; padding: 0 15px; background: #fff; border: 1px solid #cbcbcb; border-radius: 40px; margin-top: -14px; }
.header .search:hover .search-inp{display: block;}

/*底部*/
.footer .top{background: #fff;} 
.footer .list{overflow:hidden;padding: 75px 0; } 
.footer .list li{float: left; margin-right: 62px; } 
.footer .list li:last-child{margin-right: 0; } 
.footer .list li b{font-size: 16px; display: block; margin-bottom: 25px; } 
.footer .list li a{display: block; line-height: 30px; color: #8c9095; } 
.footer .list li a:hover{color: #05c8c8; } 
.footer .list li p{line-height: 30px; color: #8c9095; } 
.footer .list li .p1{color:#05c8c8;font-weight: bold;}
.footer .list li.notes{width: 274px;margin-right: 40px;}
.footer .list li.notes .ewm{margin-bottom: 17px; } 
.footer .list li.notes .ewm img{width: 123px; } 
.footer .list li.notes .ewm span{line-height: 50px; color: #8c9095; display: block; text-align: center; } 
.footer .list li.notes .share{overflow: hidden; } 
.footer .list li.notes .share a{display: inline-block; margin-right: 10px; } 
.footer .bot{height: 62px;line-height: 62px;background: #2850b9;}
.footer .bot p{color: #a0b1e7;}
.footer .bot p a{color: #a0b1e7;}
.footer .bot p a:hover{color: #00ccfe; }
.footer .to-links{background: #00ccfe url(../images/a27.png) no-repeat right;position:  relative;width: 283px;} 
.footer .to-links span{display: inline-block;float: left;width: 240px;height:  62px;line-height: 62px;padding-left: 25px;cursor:  pointer;color:  #fff;} 
.footer .to-links .cont{display:none;position:  absolute;background: #eee;left: 0px;bottom: 62px;width: 283px;padding: 5px 0;z-index: 20;} 
.footer .to-links .cont a{display: block;line-height: 34px;color: #999;padding-left: 25px;} 
.footer .to-links .cont a:hover{color: #00ccfe;}      
.footer .m-notes .ewm{/*width: 100%;*/ margin-bottom: 6px; width: 50%; float: left; } 
.footer .m-notes .ewm img{width: 60%; margin:  0 auto; display:  block; } 
.footer .m-notes .ewm span{display:  block; color:  #8c9095; text-align:  center; font-size:  12px; line-height: 28px; } 
.footer .m-notes .le{/*width: 32%; margin: 0 3% 0 5%;*/ width: 100%;  } 
.footer .m-notes .rg{/*width: 53%; margin-right: 5%;*/ width: 100%; text-align: center; } 
.footer .m-notes p.p1{color:  #05c8c8; font-weight:  bold; } 
.footer .m-notes p{color:  #8c9095; font-size:  12px; line-height: 28px; } 
.footer .m-notes .share{margin-top: 30px; display: flex; justify-content: center;} 
.footer .m-notes .share a{display: inline-block; width:  25px; float:  left; margin:0 4px; } 
.footer .m-notes .share a img{width:100%; }

/*首页侧边悬浮圆点*/
#fp-nav {top: 70%!important; } 
#fp-nav ul li, .fp-slidesNav ul li {width: 12px; height: 12px; margin: 11px 0!important; } 
#fp-nav ul li a span, .fp-slidesNav ul li a span {height: 12px!important; width: 12px!important; background: #ccc!important; left: 0!important; top: 0!important; margin: 0!important; } 
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {height: 12px; width: 12px; margin: 0; background: #00ccfe!important; } 
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width: 12px; height: 12px; margin:0; }

/*侧边栏*/
.sideBar{position:fixed;right: 0;top: 26%;z-index:111;}
.sideBar li{position:relative;height: 52px;margin-bottom:1px;cursor:pointer;}
.sideBar .mouse{position:absolute; left:-152px; top:0px; display:none;}
.sideBar .img{background:#e7e7e7; height:52px; text-align:center; width:52px;}
.sideBar .img img{position:relative;}
.sideBar .liNow .img { background: #2850b9;}
.sideBar .liNow .mouse{display:block;}
.sideBar li .on{display: none;}
.sideBar .liNow .on{display: block;}
.sideBar .liNow .off{display: none;}
.sideBar .li02.liNow .img{background:#05c8c8;}
.sideBar .li02 .mouse{background:#05c8c8;width: 149px;height:52px;left: -149px;}
.sideBar .li02 a{display:block;width:210px;height:52px;color:#fff;font-size: 16px;line-height:52px;margin-left: 25px;}
.sideBar .li02 em{}
.sideBar .li03.liNow .img{background:#2850b9;}
.sideBar .li03 .mouse{background:#2850b9; width:120px; height:52px; left:-120px;}
.sideBar .li03 a{ display:block; width:120px; height:52px; color:#fff; font-size:16px; text-align:center; line-height:52px;}
.sideBar .li04.liNow .img{background:#00ccfe;}
.sideBar .li04 .mouse{background:#00ccfe;width: 290px;height: 211px;left: -305px;top: -106px;overflow:  hidden;padding-left: 15px;}
.sideBar .li04 .mouse p{text-align:center;font-size: 14px;color:#fff;padding-bottom: 14px;}
.sideBar .li04 .mouse .imgDiv{text-align:center;padding: 29px 0 19px;margin: 0 8px;float:  left;}

/*手机头部*/
.m-head-div{height: 50px; line-height: 50px; background: #fff; } 
.m-head-div img{width: 100%;} 
.m-head-div .logo{width: 30%;margin-left: 3%;} 
.m-head-div .menu{width: 50px; height: 50px; line-height: 50px; text-align: center; } 
.m-head-div .menu img{width: 52%; }
.m-head-div .search{width: 50px; height: 50px; line-height: 50px; text-align: center; } 
.m-head-div .search img{width: 52%; }
.m-head-div .close{width: 50px;height: 50px;line-height: 50px;text-align: center;display: none;} 
.m-head-div .close img{width: 40%;}

/*手机菜单栏*/
.sideMemu{display: none;background: #f2f2f2;width: 100%;position: absolute;top: 50px;z-index: 999;left: 100%;transition: all .5s;} 
.sideMemu .navLayer {overflow-x: auto;width: 100%;overflow: hidden;position: static;z-index: 555;right: -100%;top: 45px;} 
.sideMemu .navLayer .bg{overflow-x: auto;position:relative;width:100%;} 
.sideMemu .subNav {cursor: pointer;display: block;height: 42px;line-height: 42px;position: relative;font-size: 14px;color: #666;opacity: 1;border-bottom: 1px solid #e2e2e2;} 
.sideMemu .subNav .name{text-align: left;position: relative;padding: 0 10px;text-align: center;} 
.sideMemu .subNav a{color: #666;} 
.sideMemu .subNav1{background: url(../images/m5.png) 85% center no-repeat;background-size: 11px;}
.sideMemu .currentDt{background: #2950b9 url(../images/m5_on.png) 85% center no-repeat;background-size: 11px;border-bottom: 0;} 
.sideMemu .currentDt .name{color: #fff;}
.sideMemu .currentDt .name a{color: #fff;}
.sideMemu .navContent{display: none;background: #fff;} 
.sideMemu .navContent li{ position:relative;} 
.sideMemu .navContent a{display: block;height: 35px;line-height: 35px;color: #666;font-size: 12px;text-align: center;padding: 0 19px;}
.sideMemu .navContent a i{padding-right:10px;}

/*手机-搜索框*/
.phSearch{position: absolute;z-index: 99;top: 50px;left: 0;width: 100%;height: 100%;display: none;}
.phSearch .phSearchBg {width: 100%;height: 100%;}
.phSearch .searchBox {position: absolute;z-index: 22;left: 0;top: 0;width: 100%;height: 80px;background-color: rgba(0,0,0,0.5);}
.phSearch .searchBox .sbSearch {height: 40px;line-height: 40px;margin: 18px 10%;position: relative;border-radius: 6px;overflow: hidden;}
.phSearch .searchBox .sbSearch .input1{display: block;height: 40px;width: 100%;font-size: 14px;color: #525252;text-indent: 15px;border-radius: 6px;background-color: #fff;}
.phSearch .searchBox .sbSearch .btn{display: block;position: absolute;right: 0;top: 0;width: 60px;height: 40px;text-align: center;background-color: #2950b9;color: #fff;}
.phSearch .searchBox .sbSearch input::-webkit-input-placeholder{ color: #525252;} 
.phSearch .searchBox .sbSearch input:-moz-placeholder{ color: #525252; } 
.phSearch .searchBox .sbSearch input::-moz-placeholder{ color: #525252; } 
.phSearch .searchBox .sbSearch input:-ms-input-placeholder{ color: #525252; }

/*二级导航*/
.sNav{position: fixed;z-index: 15;width: 150px;background: url(../images/k8.png);display: none;top: 82px;} 
.sNav li a{height: 60px; line-height: 60px; text-align: center; font-size: 14px;color: #333; border-top:1px solid #eaeaeb; display: block; } 
.sNav li a:hover{color: #2850b9; }

.sideBar .li01 .mouse{ background: #2850b9;width: 149px;height: 52px;left: -149px; }
.sideBar .li01 .mouse em{ display: block;width: 210px;height: 52px;color: #fff;font-size: 16px;line-height: 52px;margin-left: 25px; 







