@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;}
.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;}
input{
-webkit-appearance: none;
}
div,input{border:0;outline:none;}
div:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
i,em{ font-style:normal;}
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*{-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;}

/*header*/
.header{position:fixed;top:13px;left:0;width:100%;z-index:9; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.1);border-bottom:1px solid #acabab;}
.logo{float:left;margin:4px 0;}
.logo img{display:block;}
.nav ul li{float:left;font-size:16px;color:#686868;height:72px;margin:0 10px; position:relative;}
.nav ul li a{color:#686868;padding:0 14px;line-height:40px; background:#fff; display:block;margin-top:16px;border-radius:5px;font-weight:bold}
.nav ul:hover li.active a{ background:none;color:#686868;}
.nav ul li.active a,.nav ul li:hover a,.nav ul li.active:hover a{ background:#2a86bf;color:#fff;}
.nav ul li .nav_xl{ position:absolute;top:72px;left:-10px;width:120px; background:#fff;border-radius:0 0 10px 10px;border-top:1px solid #acabab;visibility: hidden;opacity: 0;-webkit-transition: -webkit-transform 0.4s,opacity 0.4s,visibility 0s 0.4s;transition: transform 0.4s,opacity 0.4s,visibility 0s 0.4s; box-shadow:0 1px 2px rgba(0,0,0,0.2);}
.nav ul li .nav_xl a,.nav ul li.active .nav_xl a{display:block;font-size:14px;color:#6a6868;text-align:center;line-height:18px;border-radius:0; background:none;border-bottom:1px solid #e5e5e5;margin-top:0;padding:8px 10px;}
.nav ul li .nav_xl a.active,.nav ul li .nav_xl a.active:hover{ background:#2a86bf;color:#fff;}
.nav ul li .nav_xl a:nth-last-child(1){border:0;}
.nav ul li .nav_xl a:hover{color:#2a86bf; background:none;}
.nav ul li:hover .nav_xl{visibility: visible;opacity: 1;-webkit-transition: -webkit-transform 0.4s,opacity 0.4s;transition: transform 0.4s,opacity 0.4s;}
.cn_en_change{float:right;position: absolute;right: 2%;top: 26px;display:none;}
/*header*/
.nav ul li .subnav{ width:100%; overflow:hidden; position:fixed;left:0px;top:50px; z-index:2345; height:360px; background:none; border-radius:0px;border:none}
.nav ul li .subnav-content{ width:100%; overflow:hidden; background:#fff; margin-top:23px; padding-bottom:60px; padding-left:10%}
.nav ul li .sub{ float:left; display:inline; width:15%; margin:35px 0px 0px 40px; border-right:1px #eee solid; height:280px}
.nav ul li .sub h3{ float:left; width:100%; overflow:hidden; font-size:16px; color:#333; font-weight:normal;}
.nav ul li .sub h3:before{ width:6px; height:6px; overflow:hidden;border-radius: 50%;background: #0091eb; margin-right: 5px;vertical-align: middle;display: inline-block;content: '';}
.nav ul li .sub p{ float:left; width:100%; overflow:hidden; margin-top:12px}
.nav ul li .sub p a{ width:100%; overflow:hidden; margin:0px; height:30px; line-height:30px; display:block; font-size:14px; color:#666; font-weight:normal; background:none; border:none; text-align:left; padding:0px}
.sub p a:hover{ background:none; color:#777}
.nav ul li .sub-1{ width:16%}
.nav ul li .sub-2{ width:26%}
.nav ul li .sub-3{ width:24%}
.nav ul li .sub-4{ width:20%}




/*手机导航*/
.mnav{ position:fixed;top:13px;right:5%;width:40px;height:40px; background:#cfae67; border-radius:5px;padding:5px;z-index:99;display:none;}
.mnav span{display:block;width:100%;height:2px; background:#fff;margin:6px 0;}
.mnavx{ position:fixed;top:3%;right:10%;font-size:40px;line-height:34px;z-index:991;color:#fff;display:none;}
/*手机导航*/

/*footer*/
footer{border-top:1px solid #eee;overflow:hidden;}
.foot1{overflow:hidden;padding:35px 0;}
.foot1_flul li{float:left;font-size:14px;color:#3d3e3d;margin-left:24px;margin-right:10px;}
.foot1_flul li span{display:block;font-size:16px;line-height:22px;}
.foot1_flul li a{color:#3d3e3d;display:block;padding:5px 0;}
.foot1_flul li a:hover{color:#2a86bf;}
.foot1_flul li:nth-child(1){margin-left:0;}
.foot1_flul li:nth-last-child(1){margin-right:0;}
.foot1_fr{overflow:hidden;}
.foot1_fr p{display:block;overflow:hidden;margin-bottom:20px;}
.foot1_frz{float:left;display:block;}
.foot1_fry{float:left;margin-left:15px;line-height:39px;color:#3d3e3d;}
.foot1_fry img{display:block;margin:0;width:96px;}
.foot1_fr1 .foot1_fry{font-size:30px;}
.foot1_fr2 .foot1_fry{font-size:24px;}
.foot1_fr4 .foot1_fry{font-size:18px;}
.foot2{ background:#eee;overflow:hidden;margin-bottom:13px;font-size:14px;color:#3d3e3d;padding:30px 0;}
.foot2 a{color:#3d3e3d;}
.foot2 a:hover{color:#2a86bf;}

/*footer*/

@media screen and (max-width:768px){
.nav ul li .subnav-content{padding-bottom:0px}	
.nav ul li .subnav{height:auto;padding-bottom:15px}
.nav ul li .sub{height:auto}	
.nav ul li .sub-1,.nav ul li .sub-2,.nav ul li .sub-3,.nav ul li .sub-4,.nav ul li .sub-5{width:100%;margin:15px 0px 0px}
}