/* CSS Document */
html{background:#FFF;font-size:62.5%; /* 10÷16=62.5% */}
body{font-size:16px;font-size:1.6rem ; /* 14÷10=1.4 */background:#fff;color: #282828;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;letter-spacing: 1px;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px;-webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
fieldset,img{border:0;}
img,object{width:auto;max-width:100%;-ms-interpolation-mode: bicubic;}
a{outline:none;text-decoration:none;color: #282828;}
a:hover{color: #066CD3;text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}
ul,ol,li{list-style:none outside none;}
.tc{text-align:center !important;}
.tl{text-align:left !important;}
.tr{text-align:right !important;}
.pa{position: absolute;}
.pr{position: relative;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';content:none;}
input,textarea,select{font-weight:inherit;}
input,select,textarea,button {vertical-align:middle}
/*头部样式*/
.wraq_header{ width:100%;height:131px;}
.topHeader{height:30px;background-color:#3f3836;font-size: 14px;}
.topHeader > div{width:1200px;margin:0 auto;height:30px;line-height:30px;}
.topHeader ul{width:auto;float:right;}
.topHeader ul li{float:left;}
.topHeader ul li a{color:#eee;}
.topHeader ul li a:hover{color:#fff;}
.topHeader ul li span{margin:0 9px;color:#fcffff;}
.ser{width:163px; height:22px; line-height:22px;margin:4px 0 0 10px; }
.search{width:168px; height: 22px; overflow: hidden;position: relative;font-size:12px;}
.search input{position:absolute; width:141px; height: 22px;line-height:22px; color:#6b6b6b; border:none; background:none; left:0px; top:0px; padding:0px; }
.search input.notxt{color:#6b6b6b; padding-left:7px;width:134px;background-color:#fff;}
.search input.notxt1 {position: absolute;width: 22px;height: 22px;top: 0px;left:141px;border: none;background:url("/images/search-btn.png") no-repeat;cursor:pointer; overflow: hidden; }
.header{width:100%;z-index:9999;position:relative;background:url("/images/navbg.png") repeat-x;}
.top{width:1200px;margin:0 auto;height:101px;}
.logo{ width:500px; float:left;padding:10px 0 0 0;position: relative;z-index: 1003;}
/*导航*/
.nav{width:560px;float:right;overflow:hidden;margin-top:20px;}
.nav > ul{}
.nav ul li{ float:left;line-height:32px;height: 32px;}
.nav ul > li{width:25%;text-align: center;font-size:16px;}
.nav ul > li:hover{background-color:#032f61;}
.nav ul > li a{color:#fff;}
/*footer*/
.content{width: 100%;background:url("/images/content-bg.png") repeat-x;margin-top:10px;}
.mode{width: 1200px;margin:0 auto;background:url("/images/dibu_lefttu.png") no-repeat left center;height: 110px;position: relative;z-index: 200}
.links{padding-top:20px;margin:0 auto;text-align: center;overflow:hidden;margin-left:430px;}
.links span{display: block;font-size:16px;margin:0 20px;float:left;-webkit-transition:all .4s linear 0s;-moz-transition:all .4s linear 0s;-ms-transition:all .4s linear 0s;-o-transition:all .4s linear 0s;transition:all
.4s linear 0s;}
.links span i{display: block;padding-bottom: 5px;}
.links span:hover{margin-top:-10px;-webkit-transition:all .4s linear 0s;-moz-transition:all .4s linear 0s;-ms-transition:all .4s linear 0s;-o-transition:all .4s linear 0s;transition:all
.4s linear 0s;}
.links span strong{display: block;color:#fff;letter-spacing: 1px;}
.ma01{position: absolute;right:0;top:14px;width: 100px;text-align: center;}
.ma01 span{display: block;font-size:14px;color:#fff;padding-top:5px;}
.ma01 img{width: 60px;display: block;margin:0 auto;transition: all 0.4s ease;}
.ma01 img:hover{transform: scale(3.6);border:1px solid #efefef;}
.goTop {position: absolute;bottom: 0;right: 30px;z-index: 99;color: #f18e21;text-align: center;font-size: 16px;transition: none;}
.goTop i {color: #f18e21;display: block;margin-bottom: 8px;transition: all 0.3s ease;}
.goTop:hover{color: #f18e21;}
.goTop:hover i {transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px);}
.sEng{display:none;position:absolute;right:13px;top:4px;font-size:14px;}
.sEng a{color:#fff;}
@keyframes rotate{
from{
transform: rotateX(90deg) translateY(0%);
top:43px;
}
to{
transform: rotateX(0deg) translateY(0%);
top:43px;
}
}
@-moz-keyframes rotate{
from{
-moz-transform: rotateX(90deg) translateY(0%);
top:43px;
}
to{
-moz-transform: rotateX(0deg) translateY(0%);
top:43px;
}
}
@-webkit-keyframes rotate{
from{
-webkit-transform: rotateX(90deg) translateY(0%);
top:43px;
}
to{
-webkit-transform: rotateX(0deg) translateY(0%);
top:43px;
}
}
/*手机端导航*/
.snav{display: none;height: 50px;right:0px; top:27px;z-index: 1002; width:100%;}
.mbtn{display: block;width:26px;height: 38px; right:15px; top:0;z-index: 1002;cursor:pointer;}
#Index_mbtn{margin:0 auto;width:38px;height:18px;display: block;margin-top:10px;color:#fff;}
#Index_mbtn.fa-lg{font-size:2em;}
.mbtn .m{font-size: 12px;font-weight:400;font-family:Arial;color:#fff;text-align:center;width:100%;display:block;hegiht:20px;}
.navm{ width:100%;z-index: 9999; line-height: 30px; background-color:#4b9dea;overflow: hidden; text-align: left; display: none;top:74px;left:0;}
.navm ul{}
.navm li{width:100%;overflow:hidden;border-bottom:1px solid #4490d8;}
.navm li a{ font-size: 15px;font-size:1.5rem; width:60%;float:left; line-height:18px; padding:10px 0px; color:#fff; padding-left:13px; display:block;}
.navm li a:hover{color:#fff;}
.navm li span{ float:right;margin-right:10px;color: #fff;cursor: pointer;width: 38px;height: 38px;text-align: center;line-height: 38px;}
.navm dl{ background-color:#fff;color:#004489;padding-left:20px;}
.navm dl dd{width:100%;height:30px;line-height:30px;border-bottom:1px solid #ddd;}
.navm li.on dl dd a{ display:block;font-size: 14px; color:#282828; line-height:30px;height:30px;width: 100%;}
.navm li dl dd a{ font-size: 14px; color:#282828; font-weight:normal; display:inline; display:block; border:none; padding:0px;}
.navm li dl dd a:hover{ color:#ee931d;}
.subNavs{width:100%;overflow:hidden;display: none; }
.nlinks{width:100%;overflow:hidden;}
.nlinks span{float:left;padding:0 10px;height:35px;line-height: 35px;}
.nlinks span a{color:#fff;}
.phoneSearch{display: none;padding-bottom: 10px;float: left;}
/*footer*/
.footerWrap{width: 100%;overflow:hidden;}
.footer{width: 1200px;margin:0 auto;overflow:hidden;padding:20px 0;position: relative;;font-size:14px;}
.zfdw{width: 80px;float:left;text-align: center;}
.footer-rt{position: absolute;right:0;top:36px;color:#777;}
.copyRight{float:left;color:#777;padding:12px 20px;line-height: 22px;}
.footerFixed{width: 100%;background-color:#0061a8;overflow:hidden;position: fixed;left:0;bottom:0;z-index: 999999;display: none;}
.footerFixed span{float:left;width: 50%;padding:10px 0 6px;}
.footerFixed span i,.footerFixed strong{display: block;margin:0 auto;text-align: center;color:#fff;font-size:14px;}
.footerFixed span i{width: 25px;height: 25px;padding-bottom: 5px;}
.footerFixed span i img{width: 100%;display: block;}
@media screen and (max-width:1240px) {
.footer{width:auto;padding:20px;}
.mode{width: auto;padding:0 20px}
.links span{margin:0 10px;}
.top,.topHeader > div{width: auto;padding:0 15px;}
.logo{width: 400px;padding-top:23px;}
.zfdw{left:25px;}
}
@media screen and (max-width:1024px) {
.logo{width: 300px;}
}
@media screen and (max-width:992px) {
.logo{float:none;margin:0 auto;width: 450px;padding:15px 0;}
.nav{display: none;}
.footer-rt{position: static;margin-left:60px;text-align: center;}
.zfdw{position: absolute;left:20px;top:25px;width: 60px;}
.zfdw{width: 50px !important;display: block !important;}
.copyRight{margin-left:65px;float:none;padding:0;text-align: center;}
.topHeader{display: none;}
.header{background:none;background-color:#3d91df;}
.wraq_header,.top{height: auto;}
.snav,.phoneSearch{display: block;}
.mode{background:none;}
.links{margin-left:0;}
}
@media screen and (max-width:768px) {
.footerWrap{margin-bottom: 65px;}
.footer{font-size:12px;border-top:1px solid #d7d8d8;}
.mode{display: none;}
}
@media screen and (max-width:760px) {
}
@media screen and (max-width:640px) {
.logo{width:350px;margin:0;}
.snav{top:22px;}
.navm{top:64px;}
}
@media screen and (max-width:500px) {
}
@media screen and (max-width:480px) {
.logo{width: 300px;}
.navm{top:57px;}
.footerFixed span i{width: 15px;height: 15px;}
.footerFixed span strong{font-size:12px;}
.footerWrap{margin-bottom: 53px;}
}
@media screen and (max-width:380px) {
.logo{width: 245px;}
.snav{top:14px;}
.navm{top:56px;}
}