@charset "utf-8";
/* CSS Document */
html,body,div,iframe,em,img,small,b,u,i,dl,dt,dd,ol,ul,li,p{font-size:14px;font-family: Tahoma,Arial,'Microsoft Yahei','Open Sans','Hiragino Sans GB','WenQuanYi Zen Hei Mono',sans-serif;font-weight:normal;margin:0px;padding:0px;list-style:none;font-style:normal;}
h1,h2,h3,h4,h5,h6 {margin:0px;padding:0px;list-style:none;}body {overflow-x:hidden;}body,html{width:100%;height:100%;}
a:link {text-decoration:none;color:#202224;}
a:visited {text-decoration:none;color:#202224;}
a:active {text-decoration:none;color:#202224;}
a:hover {text-decoration:none;color:#2085BB;}
img{width:100%;float:left;}
a:hover img{transform:scale(1.1);transition:460ms;}
.header :before{content:"";position:absolute;top:0px;z-index:1;}
.header :after{content:"";position:absolute;top:0px;z-index:1;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
h1{font-size:22px;line-height:26px;overflow:hidden;}
h2{font-size:16px;}
p{font-size:14px;line-height:16px;color:#666;overflow:hidden;}
table {border-collapse:collapse;border-spacing:0;}th,td {vertical-align:middle;}
button,input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;outline:none;border:none;}
header,nav,article,section,aside,footer{width:100%;float:left;display:block;}
.cw {width:1200px;margin:0 auto;clear:both;position:relative;}
.box {width:100%;float:left;padding-top:30px;}
.wap_nav {display:none;}
.block{display:block;}
.none{display:none;}
.list_box{width:100%;float:left;position:relative;padding:30px 0 50px 0;}

/*头部样式*/
.header {width:100%;float:left;height:80px;position:relative;border-bottom:solid 1px #D4D4D4;}
.header .h_sign{width:189px;height:60px;float:left;margin-top:10px;}
.header .h_sign a {width:100%;height:100%;display:block;background:url(../image/logo.png) no-repeat 0 center;background-size:100%;}
.header .logn{float:right;position:relative;margin:24px 0 0 10px;position:relative;}
.header .logn a{width:90px;height:32px;line-height:32px;font-size:18px;color:#2085BB;display:block;position:relative;text-indent:40px;}
.header .logn a:before{width:32px;height:32px;background:#2085BB url(../image/dl.png) no-repeat center;background-size:24px;border-radius:30px;left:0;}

/*主导航*/
.header .nav {float:right;}
.header .nav li {width:140px;float:left;position:relative;text-align:center;}
.header .nav li a{display:block;position:relative;height:40px;top:0;}
.header .nav li a span{display:block;position:relative;top:0;font-size:18px;color:#202224;line-height:80px;transition:0.3s ease-out;}
.header .nav li.yes span{background-color:#F0F2F1;background:linear-gradient(to bottom,#fff,#F0F2F1);}
.header .nav li:hover span{background-color:#F0F2F1;background:linear-gradient(to top,#fff,#F0F2F1);}
.header .nav li.yes span,.header .nav li a:hover span{color:#2085BB;}

.header .nav li:hover .subnav{top:80px;visibility:visible;transition:0.3s ease-out;opacity:1;}
.header .nav .subnav{width:calc(100% - 20px);padding:5% 10px;position:absolute;top:80px;left:0px;background:rgba(255,255,255,.95);box-shadow:0 6px 12px 0 rgba(0,0,0,.10);border-radius:0 0 3px 3px;visibility:hidden;transition:all 0.3s ease 0s;z-index:999;border-top:0;opacity:0;}
.header .nav .subnav b{width:0;height:3px;background:#2085BB;position:absolute;top:0;left:50%;right:50%;transition:400ms;}
.header .nav li:hover .subnav b{width:100%;left:0;right:0;}

.header .nav .subnav a{width:100%;height:36px;line-height:36px;float:left;text-align:center;border-bottom:1px solid #B7B7B7;position:relative;}
.header .nav .subnav a:after{width:0;height:1px;background:#2085BB;left:0;top:auto;bottom:-1px;transition:800ms;}
.header .nav .subnav a:hover:after{width:100%;}
.header .nav .subnav a:last-child{border-bottom:0;}
.header .nav .subnav a:last-child:after{display:none;}

.header .Close_btn.active{left:auto;right:130px;}
.header .Close_btn.active:before{display:none;}
.header .Close_btn.active span{background:#fff}
.header .Close_btn {position:fixed;left:45.5%;bottom:11px;width:40px;height:40px;cursor:pointer;z-index:9999;display:none;transition:0.4s all;text-align:center;}
.header .Close_btn:before{width:34px;height:34px;left:2px;top:-6px;background:#2085BB;border-radius:30px;}
.header .Close_btn h2{font-size:12px;margin-top:10px;}
.header .Close_btn b{width:34px;height:34px;background:#3396FB;border-radius:12px;position:absolute;left:2px;top:-5px;}
.header .Close_btn span {display:block;width:20px;height:1px;margin:5px 0 0 9px;background:#fff;transition:0.3s all;position:relative;z-index:2;}
.header .Close_btn span:nth-child(2){width:12px;}
.header .Close_btn span:nth-child(2):before{width:4px;height:4px;background:#fff;right:-8px;top:-1px;z-index:1;border-radius:5px;}
.header .Close_btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.header .Close_btn.active span:nth-child(3){transform:translateY(-5px) rotate(-45deg);}
.header .Close_btn.active span:nth-child(2){opacity:0;}
.header .Close_btn.active h2{color:#fff;}

.top_seach{float:right;margin-top:20px;padding:0 10px;margin-right:20px;border:1px solid #D4D4D4;border-radius:30px;}
.top_seach .ts_key{width:130px;background:rgba(255,255,255,.8);line-height:22px;text-indent:10px;font-size:12px;border:0;transition:0.3s ease-out;}
.top_seach .ts_Btn{width:20px;background:url(../ico/cop.png) no-repeat 0 -24px;background-size:18px;color:#fff;display:inline-block;padding:0 10px;border:0;line-height:28px;cursor:pointer;text-indent:-9999px;}
.top_seach:hover {box-shadow:0 3px 10px 0 rgba(0,0,0,.20);}
.top_seach:hover .ts_key{width:220px;}
.sot{margin-top:15px;}

.footer{width:100%;float:left;padding:30px 0;border-top:solid 30px #F0F2F1;}
.footer .fnav {width:700px;float:left;}
.footer .fnav li{width:18%;float:left;margin-right:7%;}
.footer .fnav li h2 {width:100%;float:left;position:relative;padding-bottom:10px;}
.footer .fnav li p {width:100%;float:left;}
.footer .fnav li p a{display:block;line-height:30px;color:#656565;font-size:14px;transition:400ms;position:relative;}
.footer .fnav li p a:hover {text-indent:10px;}
.footer .fnav li p a:before{width:5px;height:5px;background:#CACACA;left:-10px;top:12px;opacity:0;transition:500ms;}
.footer .fnav li p a:hover:before{left:0px;opacity:1;}

.footer .fcop {float:right;height:170px;padding-left:90px;border-left:solid 1px rgba(255,255,255,.4);}
.footer .fcop ul{width:100%;float:left;margin-bottom:25px;}
.footer .fcop li {display:block;line-height:30px;text-indent:30px;background:url(../ico/cop.png) no-repeat;background-size:18px;margin-top:5px;}
.footer .fcop li:nth-child(1){background:none;font-size:22px;text-indent:0;}
.footer .fcop li:nth-child(2){background-position:0 -53px;}
.footer .fcop li:nth-child(3){background-position:0 -88px;}

.footer .fcop .skey{width:280px;float:left;background:url(../ico/cop.png) rgba(234,235,236,.9) no-repeat 10px -26px;background-size:20px;line-height:34px;text-indent:40px;font-size:12px;border:solid 1px #F0F3F5;border-right:0;}
.footer .fcop .skey:focus{border:1px solid #2085BB;border-right:0;background-color:#fff;color:#2085BB;border-radius:3px 0 0 3px;transition:0.4s all;}
.footer .fcop .sBtn{width:70px;float:left;background:#2085BB;background:linear-gradient(to left,#5AA2D4,#2085BB);color:#fff;display:inline-block;padding:0 10px;border:0;line-height:38px;border-radius:0 3px 3px 0;cursor:pointer;}


.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
.nav>li>a {
    padding: 0;
}