@charset "utf-8";



*{margin: 0; padding: 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-tap-highlight-color: transparent} 



a:hover, button:hover{ cursor:pointer;}

body, button, input, select, textarea /* for ie */ {font: 14px / 1.5 "Open Sans","sans-serif"; -webkit-font-smoothing: antialiased;}



h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}



address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */



code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */



small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化*/ 



ul, ol { list-style: none; }



ul li{ list-style: none; }



li{ list-style: none; }



a { text-decoration: none; }



article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,



summary, time, mark, audio, video{ display: block; margin: 0; padding: 0;}







.clearfix{*zoom:1;}



img{ vertical-align:middle;}



.l{float: left;}



.r{float: right;}



.c{clear: both;}



body{background:#fff;}



.clearfix:after{ 



    visibility: hidden; 



    display: block; 



    font-size: 0; 



    content: "."; 



    clear: both; 



    height: 0; 



}



.main{width: 100%;max-width:1200px;margin: 0 auto;}



header{ width: 100% }



.logo img{ height:40px; margin-top:20px;}



.encn{ float:right; margin-left:20px; font-size:16px; color:#545454; margin-top:28px;font-family:"Microsoft Yahei";font-size:15px; }

.encn a{color:#545454; font-weight:bold;font-family:"Microsoft Yahei"; font-size:15px; }
.encn a.on{ color:#cc0000;}
.encn a:hover{ color:#cc0000;}

.hea_ding{ background: #eeeeee; height: 36px; line-height: 36px; color:#545454; font-size: 14px; }



.hea_ding a{font-size: 16px; color:#545454}



.hea_ding a:hover{color:#c50303}



.hea_top{ height:80px; position: relative;}



.search{ width:25%;position:relative; margin-top:24px;}



.search .kuang1{ width:100%;border:1px solid #dedede; border-radius:7px; background:#fff; padding-left:8px;height:34px;line-height:34px;}



.search .kuang2{ width:32px;border:none; height:32px; position:absolute; right:1px; top:1px;  background: url(../img/sear_btn.png) no-repeat center #cc0000; border-radius:7px; }







.dnav{ background:#cc0000; height:42px; width:100%;line-height:42px;}



nav{ position: relative;}



nav li{ text-align:center;height:42px;  display: block;float: left; position: relative;}



nav li>a{color: #fff;font-size: 15px; font-weight:bold;display:inline-block; padding:0 20px; font-family:"Microsoft Yahei";}



nav li:hover, nav li.on{background:#fff; color: #fff}



nav li:hover>a, nav li.on>a{color:#464646;}



.move-bg{ display:none;position:absolute;left:0;top:0;



 width:14%; height:50px; background:#fff; z-index:0}







.zinav{display: none; background:rgba(0,0,0,0.6); position: absolute; top: 50px; left: 0; 



z-index: 2; width:100%; padding:10px 0; }



.zinav a{ font-size: 14px; color: #fff; display:block; text-align:center; line-height:40px; }



.zinav a:hover{ text-decoration:underline;}



.find2 .zinav{display: block;}



.nav_click{ display: none; }











/*banner*/



.banner{width: 100%; overflow: hidden; position:relative;}



.banner img{ width:100%; height:100%;}



.swiper-pagination-bullet { background:#dedede !important; border-radius:50%!important;  width:10px!important; opacity:1!important; height:10px!important;}



.swiper-pagination-bullet-active{background:#cc0000!important;}















.dtit{width: 100%; border-bottom:1px solid #dedede; font-size: 18px; color:#333333;



 padding-bottom: 15px; margin:2% 0px;}



.dtit a{ float: right; font-size: 14px; color:#9d9d9d}



.dtit a:hover{color: #cc0000}



.dtit1{padding: 0;margin:20px 0;}



.dtit1 span{ font-size: 15px; font-family:"Microsoft Yahei"; font-weight:bold; color:#333333; background: url(../img/dtit_bg.png) no-repeat center bottom; margin-bottom:-7px;   display: inline-block; width: 130px;height: 42px;line-height: 33px; text-align: center;color: #fff;}



.dtit1 a{ margin-top: 10px; } 















/*产品展示*/



.pro{width: 100%; background: #f7f7f7; border:1px solid #dedede; padding: 0px 18px 25px 18px;



margin-top: 4%}







.prolist{ display: inline-block; width:100%;}



.prolist li{ width: 31%; margin-right:3.5%; float: left; }



.prolist li figure{ width: 100%; overflow: hidden; border-radius:10px; }



.prolist li figure img{ width: 100%; height:100%}



.prolist li span{display:block; font-size: 16px; color:#4d4d4d; margin:3% 0px; font-family:Arial;}



.prolist li p{width:100%; font-size: 14px; color:#848484}















/*新闻*/



.news{width: 100%;} 



.news .newsz{width:25%; margin-left:5%; }



.news .newsz .nimg{ height:225px; text-align:center; overflow:hidden;}



.newsz .nimg img{ height:225px; width:100%; display:block; }



.newsz .span1{display: inline-block; font-size: 16px; color: #fff; background: #cc0000; width:20%; text-align:center; line-height: 30px; margin:3% 0px;}



.newsz .span2{display:block; font-size: 18px; color: #303030;}



.newsz p{ font-size: 14px; color: #666666; line-height:26px; margin-bottom: 3% }



.newsz a{font-size: 14px; color: #7d7d7d; text-transform: uppercase;}



.newsz a:hover{color:#cc0000}



.newsy{width:60%; margin-right:5%;}



.newsy>li{font-size: 14px; color: #666; line-height: 36px; border-bottom: 1px dashed #c6c6c6;}



.newsy>li a{color: #666; }



.newsz:hover .span2, .newsy>li:hover a{color:#cc0000}



.newsy>li span{ color:#999999; float: right;}











/*友情链接*/



.link{ width: 100%; margin-bottom:4%;}



.link ul{height:100px;}



.link li{ float:left; width:200px; box-sizing:border-box; height:90px; overflow:hidden; margin-bottom: 10px; align-items: center;justify-content: space-around;flex-direction: column; display: flex;}



.link li img{ max-width:100%; max-height:100%;}



.link li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);-o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1);}







/*go-top*/



.go-top{ position: fixed; right:10px; bottom:70px; width: 35px; height:35px;



text-align: center; background:#cd0b0b url(../img/side05.png) no-repeat center center; }







/*底部*/



.copy{width:100%; background:#cd0b0b; padding:20px 0px; font-size: 14px;color:#fff; text-align: center}

.copy a{ color: #ffffff; }








/*内页 公共*/



.n_ban{width: 100%; height:200px }



.dposi{width:100%;background: #f9f9f9; height:40px; line-height:40px;}



.dposi span{background:url(../img/posi_bg.png) no-repeat left; display: inline-block;



  padding-left:20px; float:right; font-size:14px; color:#6c6c6c;}



.dposi span a{ color:#6c6c6c}



.dposi span a:hover{ color:#cc0000}







/*内页标题*/



.ntit{ width: 100%; text-align: center; font-size: 20px; font-weight:bold; font-family:"Microsoft Yahei"; font-weight:bold; color: #cc0000; margin:40px 0;}



.ntit span{font-size:16px; color: #cacaca; text-transform:uppercase; display: block;}







/*分页*/



.fenye {overflow: hidden; text-align:center;clear: both; width: 100%; margin:4% 0px;}



.fenye a { font-size:14px; color: #747474;display: inline-block; padding:5px 12px; border:1px solid #eeeeed; margin-right:10px;}



.fenye .current { color: #fff; background:#cc0000;font-size:14px;



    display: inline-block; font-weight: normal;padding:5px 12px; margin-right:10px;}







/*产品*/



.npro{ width: 100%; display: inline-block; }



.npro li{ width: 24%; margin-right: 1.3%; float: left; margin-bottom: 2% }



.npro li figure{ position:relative; width: 100%; height:200px; overflow: hidden;  display: flex;align-items: center;justify-content: space-around;flex-direction: column;}

.npro li figure span{ left:10px; top:10px; width:45px; height:67px; position:absolute;}
.npro li figure span img{}


.npro li figure img{   }



.npro li p{ width: 100%; height: 60px;font-size: 16px;font-family:Arial;color: #4d4d4d; text-align:center;}



.npro li:hover p{ color: #cc0000 }



.npro li:hover{transition:all 0.5s;



 -webkit-transition:all 0.5s;



 -moz-transition:all 0.5s;



 -ms-transition:all 0.5s;



 -o-transition:all 0.5s;}











/*产品内页*/



.pro_con{ width: 100%; overflow: hidden; display: inline-block; }







.pro_conbiaoti{ width: 98%; max-width:1200px; background: #fff; height:45px;  z-index: 1000;



 border-bottom: 3px solid #cc0000; font-size: 16px;color: #000 }



.pro_conbiaoti ul{width: 100%;  }



.pro_conbiaoti li{ width:15%; line-height:45px; float: left;text-align: center;}



.pro_conbiaoti li a{ display: block; color: #000;font-family:"Microsoft Yahei"; font-size:15px; font-weight:bold; }



.pro_conbiaoti li a.on{background: #cc0000;border-radius:10px 10px 0px 0px; color: #fff}



.fixedbiaoti{ position: fixed; top: 0; z-index: 1; background: #fff;



 }



.fixedbiaoti ul{display: inline-block;}











.pro_contit{font-family:"Microsoft Yahei"; font-size:18px; font-weight:bold;color:#cc0000; padding-bottom: 10px;



 border-bottom:1px solid #e2e2e2; margin: 2% 0px}







.jianjie{width:100%; display: inline-block;}



.jianjieprodtu{ display: none }



.dshow{ width:45%;}



#showbox span {height:60px; width:60px; border:1px solid #ffffff;}



#showbox{ margin:0 auto; }



#showsum { left:5px; margin-top:10px; width:100%!important; 



  height:120px!important;}



#showsum p{width: 100%!important;}



#showsum span{border: 1px solid #dedede; padding:10px; width: 21%!important}



#showsum span img{width:100%; height:90px; top: 0 !important}



#showsum span.sel { border:1px solid #d13030;}



.showpage { width:97%; position:relative;}



.showpage a { font-size:28px; position:absolute; left:0; top:-80px; color:#cca771; font-family:SimSun;}



.showpage a#shownext { left:auto; right:-20px;}



.showpage a:hover {color:#d13030;}



















.ban{float: left; width:500px;position:relative; overflow:hidden;margin:40px auto 0 auto;}



.ban2{ width:500px; height:300px; position:relative; overflow:hidden;}



.ban2 ul{ position:absolute; left:0; top:0;}



.ban2 ul li{ width:500px;}



.ban2 ul li img{ width:100%; height: 100% }



/*.prev{ float:left; cursor:pointer;}



.num{ height:82px;overflow:hidden; width:430px; position:relative;float:left;}*/



.min_pic{ padding-top:10px; width:500px;}



.num ul{ position:absolute; left:0; top:0;}



.num ul li{ width:80px; height:80px; margin-right:5px; padding:10px 0px;border:1px solid #ccc; }



.num ul li img{ width:100%; height:100%;}



.num ul li.on{ border:1px solid red; }



.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}



.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}



.prev1{ position:absolute; top:45%; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}



.next1{ position:absolute; top:45%; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}















.pop_up{ width:1200px; background:#fff; position:absolute; -position:absolute; left:0; right: 0; margin: 0 auto; top:0; display:none; z-index:99;}



.pop_up_xx{ width:40px; height:40px; position:fixed; top:0px; right:8%; cursor:pointer; z-index: 1}



.pop_up2{ width:1200px;  text-align:center; height:750px;position:fixed; overflow:hidden; overflow-y: auto}



.pop_up2 ul{ position:absolute; left:0; top:0;}



.pop_up2 ul li{ width:1200px;  float:left;}







































/*#Tony_1, #Tony_2, #Tony_3, #Tony_4{ padding-top: 50px; }*/







.jianjie_y{ width:54% }



.jianjie_yt{font-size: 24px;color: #323232;margin-bottom: 2%; font-weight:bold;font-family: "Microsoft Yahei";}



.jianjie_y ul{ width: 100%; margin-bottom: 1%}





.jianjie_y ul li{ list-style: inside; color: #cc0000; font-size:14px; }



.jianjie_y ul li a{color: #4d4d4d}

.jianjie_y ul li>p{ display:inline}

.jianjie_xia{float: left; width:100%; font-size: 14px;color: #4d4d4d; 



  line-height: 1.8; margin-top:2%}



















.canshu{border: 1px solid #dedede; width: 83%; margin:0 auto; text-align: center;}



.canshu_t{font-size: 24px;color: #484848; background: #f3f3f3; height: 70px;}



.canshu .biaoti{ font-size: 18px;color: #fff; background: #cc0000 }





.canshu .huise{ background: #f3f3f3; height: 90px }















.xiazai{ width:100%; display: inline-block; }



.xiazai li{ padding-bottom: 2%; border-bottom: 1px dashed #e2e2e2;



 float: left; width: 100%; margin-bottom: 2%}



.xiazai li p{ width:88%;float:left;font-size:14px; color:#4d4d4d; line-height: 1.8}



.xiazai li .xiazai_a{ float: right; font-size:18px; color: #fff; text-align: center;



width: 8%; height: 30px; line-height: 30px; background: #cc0000;



/* border-radius:10px;*/ margin-top: 2% }















































/*新闻*/



.newlist{}



.newlist li{ position:relative; float:left;width:100%;padding-bottom:2%;  margin-bottom:2%; border-bottom:1px dashed #ebebeb; transition: all 0.3s ;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s ;  -ms-transition:all 0.5s;  -o-transition: all 0.3s;}



.newlist .liimg{ width:20%; height:180px; overflow:hidden; }



.newlist .liimg img{ width:100%; height:100%;}



.newlist .litxt{ width:78%; padding:10px 0px;}



.newlist .litxt span{ width:100%; font-size:18px; color:#3e3e3e; display:block;}



.newlist .litxt span a{color:#3e3e3e; font-family: Arial;}

.newlist .litxt span a:hover{ color:#cc0000;}



.newlist  li:hover span{ color:#cc0000;}



.newlist .litxt p{ font-size:14px; color:#828282; line-height:24px; height:72px;margin:10px  0;}



.newlist .litxt>a{ background: #cc0000; color:#fff; padding: 5px 25px; font-size:14px; font-weight:bold; }















/*新闻内页*/



.art_new{ width:100%;}



.art_dtit{ color:#3e3e3e; text-align:center; width:100%; margin:0 auto; 



padding-bottom:20px; border-bottom:1px dashed #efefef;}



.art_dtit .art_tit{ font-size:18px; font-family: Arial;}



.art_dtit .art_date{font-size:14px; color:#a5a5a5; margin-top:10px;}







.art_txt{color:#4D4D4D; font-size:16px; line-height:2; overflow:hidden; padding-top:20px;}

.art_txt p{ margin-bottom:1.5em;}



.art_txt img{max-width:100%; margin:0 auto; margin:20px auto;}



.art_page{border-top:1px dashed #efefef; padding-top:2%; width:100%; clear:both; margin:3% 0px;}



.art_page a{ font-size:14px; color:#5a5a5a; display:block; margin:10px 0;}



.art_page a:hover{ color:#cc0000; text-decoration:underline;}







/*解决*/



/*.jiejue{ width: 100%; display: inline-block; }



.jiejue li{ width: 24%; margin-right: 1.3%; float: left; margin-bottom: 2% }



.jiejue li figure{ width: 100%; height:200px; overflow: hidden;}



.jiejue li figure img{ width: 100%; height: 100%}



.jiejue li p{ width: 100%; height: 60px;font-size: 16px;



color: #4d4d4d; text-align:center; line-height: 60px; }



.jiejue li:hover{transition:all 0.5s;



 -webkit-transition:all 0.5s;



 -moz-transition:all 0.5s;



 -ms-transition:all 0.5s;



 -o-transition:all 0.5s;}



.jiejue li:hover p{ background: #cc0000; color: #fff;transition:all 0.5s;



 -webkit-transition:all 0.5s;



 -moz-transition:all 0.5s;



 -ms-transition:all 0.5s;



 -o-transition:all 0.5s; }*/







/*问题 解答*/



.que_menu{ width: 100%; overflow:hidden; text-align:center;  margin-bottom:20px; border-bottom: 3px solid #cc0000; }



.que_menu li{ overflow:hidden;height: 36px; line-height: 36px;text-align: center;  color: #000;  background: url(../img/hui.png) no-repeat right center; background-size:auto 100%; float:left; width:178px; margin-right:-15px; margin-bottom:-1px; }  



.que_menu li a{ color: #000; display: block; padding:0 12px; font-weight:bold;font-size: 14px;font-family:Arial;}



.que_menu li:hover{ background: url(../img/hei.png) no-repeat right center; color:#fff; z-index:99; position:relative; }



.que_menu li:hover a{color: #fff}

.que_menu li.on{ background: url(../img/hei.png) no-repeat right center; color:#fff;  z-index:99; position:relative;}





.que_menu li.on a{color: #fff}







.que_list{ width: 100%; display: inline-block; }



.que_list li{ margin-bottom: 2% }



.que_list span{font-size: 18px; color: #3e3e3e; display: block;}



.que_list p{font-size: 14px; color: #828282; padding:2% 0px; border-bottom: 1px dashed #efefef}



.que_list li:hover span{ color: #cc0000 }







/*技术支持*/



/*在线留言*/
.ontit{ text-align:center; width:660px; margin:0 auto 20px auto;}
.ontit h1{ font-size:28px; font-weight:bold;}
.ontit p{ text-align:right; font-size:16px; font-weight:bold;}
.ontit p span{ color:#cc0000;}



.online{ width:80%;margin:0 auto; margin-bottom:4%}



.online li{ width:100%; margin-bottom:20px; overflow:hidden;}



.onlinem7{margin-left:7%}



.online>li>span{ float:left; width:25%; line-height:35px; font-size: 14px; font-family:"Microsoft Yahei"; font-weight:bold; text-align:right; color:#292929 ;}


.online>li>span i{ color:#cc0000; margin-right:5px; font-weight: bold; font-size:18px; font-style:normal;}

.online .kuang{ padding:0 15px; font-size:14px; height:35px; line-height:35px; border:1px solid #dcdcdc; width:60%;}



.online .dkuang{padding:10px 15px; font-size:14px; height:170px; line-height:1.8; border:1px solid #dcdcdc; width:75%;}



.online .tijiao{ border:none; font-size: 14px; font-family:"Microsoft Yahei"; font-weight:bold;  color: #fff; height: 36px; margin-left:25%; background: #cc0000; width: 120px; }



.online .xkuang{ padding-left:15px; font-size:14px; height:40px; line-height:40px; border:1px solid #dcdcdc; width:30%;}



.online .schuan1, .online .schuan2{ border:none; font-size: 14px; font-family:"Microsoft Yahei"; font-weight:bold;   color: #fff;display: inline-block; height: 35px; line-height: 35px; text-align: center;  }





.online .schuan2{width: 120px;  background: #cc0000; float:left; }



.online p{font-size:14px; color:#666666; float:left; line-height:35px; margin-left:20px;}







.tupian{ overflow:hidden;}



.tupian li{ float:left; width:18%; margin-left:2%;}



.tupian li .dels{ margin:0 auto; height:30px; line-height:30px; text-align:center; display:block; }



.tupian li .dels:hover{ color:#cc0000;}



.tupian li .file-name{ width:100%; height:30px; line-height:30px; text-align:center; display:block;}



.tupian li img{ width:100%;}



       



/*下载中心*/



.downlist{border: 1px solid #dedede; width:100%; margin:0 auto; text-align: center;



margin-bottom: 4%}



.downlist .biaoti{text-align: center;font-family:"Microsoft Yahei"; font-size:15px; font-weight:bold; color: #fff; background: #cc0000; border-right:1px solid #fff;}



.downlist tr{}



.downlist td{padding: 6px 0px;  border:none;border-bottom: 1px solid #dedede; }



.downlist td a{ background: #cc0000; font-family:"Microsoft Yahei";  font-size: 13px; color: #fff; padding:0 10px; margin:0 10px; height:28px; line-height:28px; display: inline-block;}











.down_con{/*border: 1px solid #dedede;*/ width: 100%; margin-bottom: 4%; }



.down_contit{ background: url(../img/down_contitbg.png) repeat-x; width: 100%; height: 36px;



font-size: 14px; color: #333333; line-height: 36px; padding-left: 10px; }



.down_contit span{ background: #cc0000; width: 6px; height: 20px; float: left;



margin-right: 10px; border-radius:10px; margin-top:8px;}







.down_conz{/*border-bottom: 1px solid #dedede;*/ padding-bottom:1%;}



.down_conz h6{ font-size: 18px; color: #333333; padding-left: 50px; 



  display: block; height: 55px; line-height: 55px; margin-bottom:1% }



.down_conz p{ font-size: 14px; color: #4d4d4d; line-height: 1.8; text-align: left;}



.downlist1 .downlist_t span{ width: 25%; }



.downlist1 li span{ width: 25%; }







.down_conz a.downbtn{ width: 110px; background: #cc0000; text-align: center; height:38px; line-height:38px;font-size: 14px; font-family:"Microsoft Yahei"; font-weight:bold; color: #fff; display:block; margin:30px auto 0 auto;}













/*关于我们*/



.about{width: 100%; display: inline-block;}



.about figure{ float: left; width:39%; overflow: hidden; text-align:center; }



.about figure img{max-width: 100%;}



.about .zi{float: right; width: 57%; font-size: 14px; color: #808080; line-height: 24px;}



.contact {width: 100%; display: inline-block; margin-bottom:2%}



.ditu{ margin-bottom: 20px; }




.contact p{font-size: 14px; color:#6c6c6c; width: 100%; line-height: 1.8}



























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



.main{ padding: 0px 10px;  overflow: hidden;}



.jianjie_y{ width:45% }



}







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



.dshow { width:55%;}



.jianjie_y { width:38%;}



}



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



.product_detail_left{ width: 100%!important }



.product_detail_left table{ width: 100%!important }



.jianjie_y { width:100%;}



  }







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



.dshow { width:100%;}



.jianjie_y { width:100%;}



.downlistdd{overflow-x:auto;}



.downlist{ width: 810px;  }



.go-top{ display: none }



}







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



header{ position: fixed; top: 0; z-index: 1500; background: #fff }



.height128{ height: auto; clear: both; width: 100% }



.hea_top{ height:auto; }



.logo img{ margin:20px 0 0 0; width: 200px; height:auto;}



.encn{ float:right; line-height:40px; margin-right:50px; margin-top:10px;}



.search{ width: 100%; margin:10px 0px}



.search .kuang1{ height: 30px; line-height: 30px; }



.search .kuang2{width: 28px; height: 28px; }



.nav_click{ position: absolute; display: block;top:16px;right: 10px;background: none;border: none;outline: none;cursor: pointer;}



.nav_click span{display: block;width:30px;height:3px;margin: 6px;background-color: #000; -webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}



.dnav{background: none; height: 0}



nav {display: none; position: absolute;  top:100px; left: 0; margin-left:0; background: rgba(0,0,0,0.9);  z-index: 1000; width:100%;}



nav li { width: 100%; height:auto; }



nav li>a { display:block; color: #fff;line-height: 50px; padding: 0 15px; 



 font-size:20px;}



nav li:hover, nav li.on{ background: none; border-bottom:1px solid #fff;}



nav li:hover>a, nav li.on>a{ color: #fff!important }



nav li .zinav{ position: static; 



  padding:0; margin:0 auto; width:100%; left: 0}



nav li .zinav a{font-size: 16px; width: 100%; display: block; line-height: 35px;}



nav li .zinav span{ display: none }



.banner{ margin-top:100px;}

.n_ban{ margin-top:100px;}



.dtit1 { margin-top:10px;}

.dtit1 span{ background: none; color:#cc0000; font-size:18px; width: auto;height: auto; line-height: 0 }



.dtit1 a{ margin:0; } 



.pro{padding:10px;border: none}



.prolist li{ width: 100%; position: relative; margin-bottom: 15px; }



.prolist li span{ position: absolute; bottom: 0; background: rgba(0,0,0,0.6);



z-index: 1; display: block; color: #fff; width: 100%;margin:0; padding: 10px 0px; text-align: center; }



.prolist li p{ display: none } 



.downlist td a{ margin:0 3px;}



.dshow { display: none }



.fixedbiaoti{ position: static;}



.pro_conbiaoti{ display: none!important; }



.sTop{ display: none; }



.npro li figure{height: 130px} 











.news .newsz{ width: 100%; margin-left:0; }



.newsz .span1{ display: none}



.newsz .span2{ color: #cc0000;float:left; margin-top:10px; width: 100%}



.newsz p{ margin-bottom: 0px }



.newsy{ width: 100%; margin-top: 10px;margin-bottom: 18px; margin-right:0;}







.link{display: none}



.copy{ padding:10px 0px; }



















.dposi{display: none}



.ntit{ font-size: 18px; }



.n_ban{ height: 150px }



.que_menu li{ font-size:14px;}



.npro li{ width: 49%; margin-right:1% }







.jianjie_yt{ font-size: 18px; }



.jianjie_y ul span{ font-size: 16px; }



.pro_contit{ font-size: 18px; font-weight:bold; }



.canshu{ width: 100% }



.canshu_t{font-size: 18px; }



.canshu .biaoti{font-size: 16px;}



.pro_conbiaoti li a.on{ background: none; color: #cc0000 }







.xiazai li p{ width: 100% }



.xiazai li .xiazai_a{float:left; font-size: 18px; width: 35%; height: 30px; line-height: 30px; }



.dshow { display: none }



/*.product_detail_left{ display: none }



.jianjieprodtu{ display: block; width: 100%; overflow: hidden; text-align: center;}



.jianjieprodtu img{ width: auto; max-width: 100%}



.fixedbiaoti{ position: static; }*/











.downlist_t span{ font-size: 16px; height:30px; line-height: 30px; }



.down_conz a.downbtn{font-size: 16px;height:30px; line-height: 30px; width: 35%}







.ontit{width:100%; margin:0 auto 20px auto;}
.ontit h1{ font-size:20px; }
.ontit p{ font-size:14px; }





.online{ width: 100% }



.onlinem7{ margin-left: 0 }



.online span{ width: 80px}



.online .kuang{ width: 69% }



.online .dkuang{ width: 70%; height:120px; }



.online .xkuang{ width: 70%; margin-bottom: 10px; }





.online p{ margin-left:0; text-align: center; width:100%;}



.online .tijiao{width:180px;display:block; margin:0 auto;}





.newlist .liimg{ width: 100%; text-align:center;}

.newlist .liimg img{ max-height:100%; width:auto;}

.newlist .litxt{ width: 100% }







.about figure, .about .zi{ width: 100%}






.ditu{ display: none; }







.fenye{ display: none; } 



}







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



.swiper-container-horizontal>.swiper-pagination-bullets



{bottom: 3px!important;}



.swiper-pagination-bullet{ width: 5px!important; height: 5px!important; }



.banner{ height: 13rem; }



}



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



.banner{ height: 8rem; }



}



















img{transition:all 0.5s;



 -webkit-transition:all 0.5s;



 -moz-transition:all 0.5s;



 -ms-transition:all 0.5s;



 -o-transition:all 0.5s;}



.transmin, .transmax, .transfY, .transzY, .transzX{transition:all 0.5s;



 -webkit-transition:all 0.5s;



 -moz-transition:all 0.5s;



 -ms-transition:all 0.5s;



 -o-transition:all 0.5s;} 



.transmin:hover { 



-webkit-transform:scale(0.95);-moz-transform:scale(0.95);



-ms-transform:scale(0.95);-o-transform:scale(0.95);



}



.trans99:hover { 



-webkit-transform:scale(0.99);-moz-transform:scale(0.99);



-ms-transform:scale(0.99);-o-transform:scale(0.99);



}



.transmax:hover { 



-webkit-transform:scale(1.1);-moz-transform:scale(1.1);



-ms-transform:scale(1.1);-o-transform:scale(1.1);



}



.transfY:hover{



transform: translateY(-5px);



  -webkit-transform: translateY(-5px);



  -moz-transform: translateY(-5px);



  -ms--transform: translateY(-5px);



  -o--transform: translateY(-5px);



}



.transzY:hover{



transform: translateY(6px);



  -webkit-transform: translateY(6px);



  -moz-transform: translateY(6px);



  -ms--transform: translateY(6px);



  -o--transform: translateY(6px);



}.transzX:hover{



transform: translateX(6px);



  -webkit-transform: translateX(6px);



  -moz-transform: translateX(6px);



  -ms--transform: translateX(6px);



  -o--transform: translateX(6px);



}







.hoveryuan{ position: relative;}



.hoveryuan:before {



  position: absolute;



  top: 50%;



  left: 50%;



  z-index: 2;



  display: block;



  content: '';



  width: 0;



  height: 0;



  background: rgba(255,255,255,.2);



  border-radius: 100%;



  -webkit-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  opacity: 0;filter:alpha(opacity=0);



}



.hoveryuan:hover:before { -moz-animation: circle .75s; -ms-animation: circle .75s;



 -o-animation: circle .75s; -webkit-animation: circle .75s; animation: circle .75s;}







@keyframes circle {



  0% {



    opacity: 1;



  }



  40% {



    opacity: 1;



  }



  100% {



    width: 130%;



    height: 130%;



    opacity: 0;



  }



}



.hovershine {



  position: relative;



}



.hovershine::before {



  position: absolute;



  top: 0;



  left: -75%;



  z-index: 2;



  display: block;



  content: '';



  width: 50%;



  height: 100%;



  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);



  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);



  -webkit-transform: skewX(-25deg);



  transform: skewX(-25deg);



}



.hovershine:hover:before {



  -webkit-animation: shine .75s;



  animation: shine .75s;



}



@-webkit-keyframes shine {



  100% {



    left: 125%;



  }



}



@keyframes shine {



  100% {



    left: 125%;



  }



}



.inner{ font-size:16px; overflow:hidden;}

.cptxt ul{ padding-left:20px;}

.cptxt li{list-style-type:disc; margin-left:20px;}

.inner table { border-collapse: collapse; border-spacing: 0; width:100%; }

.inner table td{ /*padding:10px;*/}

.product_detail_left .big_product_photo  img{ max-width:80%; max-height:270px;}



.item td{  height:80px;} 
.item img{ max-width:100%; max-height:100%;}