@charset "utf-8";
/* CSS Document */
body,div,ul,li,h1,h2,h3,h4,h5,h6,img,input,form,dl,dd,span,strong,p,em{margin:0 auto; padding:0;}
img{ border:0;}
ul, li{ list-style-type:none;}
a{transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;}
a,a:hover{ text-decoration:none; color:#3f3f3f;}
body{font-family:"Microsoft YaHei"; font-size:14px; letter-spacing:1px;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.hiddle{display:none;}
.middle{max-width:1200px;width:90%;margin:0 auto;}
input,textarea{outline:none;}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none;}
i,em{ font-style:normal;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.bodyv{overflow:hidden;}

/*header*/
header{width:100%;}
.header{margin:0 auto;padding:20px 5%;}
.header.hactive{ position:fixed;top:0;left:0;width:100%; background:#fff;z-index:11; box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}
.logo{margin-top:10px;}
.logo img{display:block;}
.top_tel{display:block;font-size:22px;color:#007fff;text-align:right;margin-bottom:8px;}
.navul{display:block;overflow:hidden;}
.navul li{float:left;font-size:16px;color:#000;margin-left:30px;}
.navul li a{color:#000;}
.navul li a:hover,.navul li.active a{color:#007fff;}
/*header*/

/*footer*/
.footer{overflow:hidden; background:#131526;}
.foottel{overflow:hidden;border-bottom:1px solid #676870;padding:50px 0 30px 0;}
.foottel_fl{float:left;}
.foottel_fl li{overflow:hidden;font-size:14px;color:#b0b0b0;line-height:24px;margin-bottom:10px;}
.foottel_fl li img{display:block;float:left;margin-right:10px;}
.foottel_fl li strong{font-size:24px;font-weight:normal;}
.foottel_fl li p{display:inline-block;}
.foottel_fr{float:right;}
.foottel_fr li{font-size:16px;color:#b0b0b0;line-height:40px;text-align: justify;text-align-last: justify;}
.foottel_fr li a{color:#b0b0b0;}
.foottel_fr li a:hover{color:#007fff;}
.footbq{padding:15px 0;}
.footbq .fl{font-size:16px;color:#b0b0b0;line-height:32px;display:block;text-align:center;width:100%;}
.footwx{display:none;}
.footwx span{float:left;margin-left:30px; position:relative;}
.footwx span img{display:block;}
.footwxp{ position:absolute;bottom:38px;right:-30px;width:120px;height:120px;background:#fff;padding:2px;display:none;}
.footwxp img{display:block;width:100%;height:100%;}
.footwx span:hover .footwxp{display:block;}
/*footer*/


/*手机*/
.sj_nav{float:right;width:36px;overflow:hidden;display:none;}
.sj_nav span{display:block;width:100%;height:2px; background:#131526;margin:5px 0;float:left;}
.nav_gb{padding:0 5%;text-align:right;font-size:50px;color:#fff;display:none;line-height:40px;}
.sj_bc{ position:fixed;left:-100%;top:0;width:40%;height:100%; background:rgba(0,0,0,0.6); transition:all 1s;z-index:15;}
.sj_bc span{float:right;font-size:40px;color:#fff;margin-right:20px;}
.sj_bc.active{left:0;}
/*手机*/