/*head*/
.head {width:100%; position:fixed; z-index:999; }

.head .head_bottom  .lang{ float:right; overflow:hidden;margin-right:24px;}
.head .head_bottom  .ss { overflow:hidden; float:right;font-size:28px;color:#fff; font-family:Arial, Helvetica, sans-serif;  margin-left:6px; font-weight:bold}
.head .head_bottom  .icoTel {float:right; text-align:center;margin-top:38px;height:25px; width:25px; margin-left:24px; background:url(../images/zxkf.png) no-repeat  top center}

.head .head_bottom  .menu{  float:right; overflow:hidden;margin-right:24px; }
.head .head_bottom  .menu img {display:block; transition:.3s all linear; height:100%}

 
.head .head_bottom { line-height:100px;  height:100px;box-shadow: 0 0 1px rgba(255,255,255,.45);position:relative; margin:0 auto; width:100%;}
.head .head_bottom  .logo {position:absolute; left:24px; top:0px;}
.head .head_bottom  .logo a{display:block;float:left;}
.head .head_bottom  .logo img {display:block; transition:.3s all linear; height:100% }

.head .head_bottom .topnav { float:right;}
.head .head_bottom .topnav li {  display:inline-block;  text-align:center; cursor:pointer; position:relative;}
.head .head_bottom .topnav li a {display:block;font-size:16px; text-decoration:none;color:#fff; }
.head .head_bottom .topnav li .subnav {position:absolute; left:-60px; top:88px; z-index:99999; display:none; }
.head .head_bottom .topnav li .subnav span {display:block; width:100%; height:12px;  background:url(../images/nav_sub_top.png) no-repeat center  bottom;}
.head .head_bottom .topnav li .subnav ul {background:#FFF;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);  }
.head .head_bottom .topnav li .subnav li {width:200px; line-height:45px; text-align:center;  clear:both; border-bottom:1px solid #eee;}

.head .head_bottom .topnav li .subnav li:last-child {border-bottom:none;  }
.head .head_bottom .topnav li .subnav li a {color:#333; padding:0; font-size:14px}
.head .head_bottom .topnav li .subnav li a:hover { background:#f3c91f;}
.head .head_bottom .topnav li.li { display:inline-block; text-align:center; cursor:pointer; position:relative; width:30px; color:#eee; font-family:宋体}


/*head_fixed*/
.head_fixed .head_bottom  .logo img {display:block; transition:.3s all linear; height:80px }
.head_fixed .head_bottom {line-height:80px; height:80px; background:#ffffff;box-shadow: 0 5px 15px rgba(0,0,0,.15);}
.head_fixed .head_bottom .topnav li a {color:#333;}
.head_fixed .head_bottom .topnav li .subnav { top:67px; }
.head_fixed .head_bottom .topnav li.li { color:#ccc; }
.head_fixed .head_bottom  .icoTel{background:url(../images/zxkf.png) no-repeat  bottom center; margin-top:28px; }
.head_fixed .head_bottom  .ss{color:#333 }




/*移动端菜单**/
.m-menu-layer { width:100%; position:fixed; height:100%; z-index:888;background: rgba(0, 0, 0, 0.95);
display:none; text-align:center; }
.m-menu-layer ul{ overflow:hidden;margin:150px 10% 0}
.m-menu-layer li{text-align:center; float:left; width:33.3333%; }
.m-menu-layer li a{margin:12px; border:1px rgba(255, 255, 255, .2) solid;color:#000;background: #ffc301;font-size:16px; display:block; text-align:center;padding:15% 0}
.m-menu-layer li a span{ font-size:36px; color:#f8c808; font-weight:bold; line-height:120%; font-family:Arial, Helvetica, sans-serif;  display:block}
.m-menu-layer .lan {padding:12px; text-align:center;color:#fff;  display:inline-block;margin-top:24px;}





/*Footer*/
.footer{ background:#404040; overflow:hidden; padding:24px 0 12px }
.footer-first{ width:20%}
.footer-first ul{margin:12px 0px 24px;}
.footer-first li{  line-height:200%; width:50%; float:left}
.footer-first li a{ font-size:14px; color:#fafafa; display:block; background:#606060; text-align:center;  margin-left:24px; margin-bottom:12px}

.footer_content { width:80%; overflow:hidden; padding:0px 12px ; box-sizing:border-box }
.footer_content ul{ }
.footer_content ul li{ width:33.3333%; float:left}
.footer_content ul li dl{ margin:12px; padding:18px ;  background:#606060; overflow:hidden;}
.footer_content ul li dl dt{ width:100%; float:left; font-size:18px;  line-height:32px; color:#fafafa}
.footer_content ul li dl dt span{ font-size:14px; color:#fafafa; vertical-align:bottom; line-height:200%; text-transform:uppercase; float:right}
.footer_content ul li dl dd{ width:100%; float:left; margin-top:6px } 
.footer_content ul li dl dd .p{  background:#404040; padding-left:30px; position:relative; line-height:40px; margin-top:5px; min-height:40px; padding-right:10%;}
.footer_content ul li dl dd .p .ico{ width:30px; position:absolute; left:0; top:6px; height:30px;}
.footer_content ul li dl dd .p .ico img{ width:100%; float:left;}
.footer_content ul li dl dd .p h5{ display:inline-block; *zoom:1; *display:inline; vertical-align:middle; font-size:14px; color:#fafafa; line-height:40px; white-space:nowrap }



.footer-bot{ overflow:hidden;  background:#333;text-align:center;}
.footer-bot .link{line-height:180%; text-align:center;font-size:14px;padding:9px 24px;border-bottom:1px #444 solid}
.footer-bot .link a{ color:#ababab }
.footer-bot .link span.line{width: 1px; display:inline-block;	height: 12px;	background: #ccc;		margin: 5px 17px 0;}
.footer-bot  p{	font-size: 12px; line-height:180%;	color: #ababab;padding:9px 24px;}
.footer-bot  p a{	color:#ababab}
.footer-bot p a:hover{}





/*分页*/
.pagenum { text-align:center; margin:12px 24px 48px; }
.pagenum a {color: #fff;margin: 0 2px;padding: 10px 16px;background: #404040;x -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  }
.pagenum a:hover {color: #fff !important;padding: 10px 16px;background-color: #fdbf18;x-moz-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px;}
.pagenum .current {color: #fff !important;padding: 10px 16px;background-color: #fdbf18; -moz-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px;}
.pagenum .firstPage,.pagenum .nextPage,.pagenum .prePage,.pagenum .lastPage {background-color: #404040;  color: #fff; padding:10px 16px;-moz-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px;}

/*首页视频展示*/
.product_top .product_top_l .vsp{box-sizing: border-box;}
.video_b_in{position:relative;overflow:hidden;}
.video_rs{position:relative;}
.one_tb_r1{right:0 !important;}
.sp_bt1{right:133px !important;background-position:center right !important;}
.btb1{right:108px !important;}
.sp_t,.sp_b{background:#000;cursor:pointer;position:relative;z-index:11;}
.sp_t img,.sp_b img{width:20px;height:11px;position:absolute;top:50%;margin-top:-10px;z-index:11;}


.product_txt{overflow:auto;overflow-x:hidden;}






/*响应式*/

@media screen and (max-width:639px) {


.head .head_bottom  .lang{ display:none}
.head .head_bottom .topnav {display:none}

.head .head_bottom { line-height:80px;  height:80px;}
.head .head_bottom  .logo { left:12px; }
.head .head_bottom  .logo img {display:block; transition:.3s all linear; height:80px }
.head .head_bottom  .menu{  margin-right:12px; height:80px}

.head_fixed .head_bottom  .logo img { height:60px }
.head_fixed .head_bottom {line-height:60px; height:60px; }
.head_fixed .head_bottom .topnav li .subnav { top:67px; }
.head_fixed .head_bottom   .menu img {height:60px}

.m-menu-layer ul{ margin:100px 5% 0}
.m-menu-layer li a{margin:6px; font-size:14px }





.footer{ padding:12px 0 6px}
.footer-first{ width:100%}
.footer-first ul{margin:6px 12px 12px 0;}
.footer-first li{  width:50%; float:left}
.footer-first li a{ font-size:12px;  margin-left:12px; margin-bottom:6px}


.footer_content { width:100%;padding:0px 6px ;}
.footer_content ul li{ width:100%; }
.footer_content ul li dl{ margin:6px;  padding:12px ;}
.footer_content ul li dl dt{font-size:14px;  line-height:32px; }
.footer_content ul li dl dt span{ font-size:12px; }
.footer_content ul li dl dd .p h5{ font-size:12px;  }



.footer-bot{padding:12px 0 9px;}
.footer-bot .link{ font-size:12px;margin-bottom:12px;}
.footer-bot .link span.line{margin: 5px 6px 0;}


}
@media screen and (min-width:640px) and (max-width: 779px) {


.head .head_bottom  .lang{margin-right:24px;}
.head .head_bottom  .ss {font-size:24px;}
.head .head_bottom  .icoTel {margin-top:28px}


.head .head_bottom .topnav {display:none}

.head .head_bottom { line-height:80px;  height:80px;}
.head .head_bottom  .logo { left:12px; }
.head .head_bottom  .logo img {display:block; transition:.3s all linear; height:80px }
.head .head_bottom  .menu{  margin-right:12px; height:80px}

.head_fixed .head_bottom  .logo img { height:60px }
.head_fixed .head_bottom {line-height:60px; height:60px; }
.head_fixed .head_bottom .topnav li .subnav { top:67px; }
.head_fixed .head_bottom   .menu img {height:60px}
.head_fixed .head_bottom  .icoTel{margin-top:18px; }


.m-menu-layer ul{ margin:100px 10% 0}





.footer{ padding:12px 0 6px}

.footer-first{ width:100%}
.footer-first ul{margin:6px 12px 12px 0;}
.footer-first li{  width:50%; float:left}
.footer-first li a{ font-size:12px;  margin-left:12px; margin-bottom:6px}


.footer_content { width:100%;padding:0px 6px ;}
.footer_content ul li{ width:70%; }
.footer_content ul li dl{ margin:6px;  padding:12px ;}
.footer_content ul li dl dt{font-size:16px;  line-height:32px; }
.footer_content ul li dl dt span{ font-size:12px; }
.footer_content ul li dl dd .p h5{ font-size:12px;  }






}

@media screen and (min-width:780px) and (max-width: 1079px) {

.head .head_bottom .topnav {display:none}
.m-menu-layer ul{ margin:150px 10% 0}

.footer{ padding:12px 0 6px}

.footer-first{ width:100%}
.footer-first ul{margin:6px 12px 12px 0;}
.footer-first li{  width:25%; float:left}
.footer-first li a{ font-size:12px;  margin-left:12px; margin-bottom:6px}


.footer_content { width:100%;padding:0px 6px ;}
.footer_content ul li{ width:60%; }
.footer_content ul li dl{ margin:6px;  padding:12px ;}
.footer_content ul li dl dt{font-size:16px;  }
.footer_content ul li dl dt span{ font-size:12px; }
.footer_content ul li dl dd .p h5{ font-size:14px;  }



}

@media screen and (min-width:1080px) and (max-width: 1399px) {

.head .head_bottom .topnav {display:none}
.m-menu-layer ul{ margin:150px 10% 0}


.footer{ padding:18px 0 12px}
.footer-first{ width:100%}
.footer-first ul{margin:9px 18px 18px 0;}
.footer-first li{  width:25%; float:left}
.footer-first li a{ font-size:12px;  margin-left:12px; margin-bottom:6px}

.footer_content { width:100%;padding:0px 9px ;}
.footer_content ul li{ width:33.333%; }
.footer_content ul li dl{ margin:9px;  padding:12px ;}
.footer_content ul li dl dt{font-size:16px;  }
.footer_content ul li dl dt span{ font-size:12px; }
.footer_content ul li dl dd .p h5{ font-size:14px;  }


}

@media screen and (min-width:1200px) and (max-width: 1399px) {
.head .head_bottom  .lang{ display:none}
.head .head_bottom  .ss {font-size:24px;}
.head .head_bottom  .icoTel {margin-top:28px}
.head .head_bottom .topnav {display:inline; margin-right:12px}
.head .head_bottom .topnav li.li { width:10px; }

}

@media screen and (min-width:1400px) and (max-width: 1560px) {
.head .head_bottom .topnav li.li { width:15px; }

}

@media screen and (min-width:1690px) {
.main{ width:1690px;}
.head .head_bottom .topnav li a {display:block;font-size:18px;}
.head .head_bottom .topnav li.li { width:30px; }
}

@media screen and (min-width:1920px) {
.main{ width:95%; max-width:2160px}


}