@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 "Gotham","Microsoft Yahei"; -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{font-family:"Microsoft YaHei"; 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:15px; color:#545454; margin-top:28px;}
.encn a{color:#545454; font-weight: bold; }
.encn a.on,.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: 14px; font-weight:bold; display:inline-block; padding:0 20px;}

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: 16px; color:#333333; background: url(../img/dtit_bg.png) no-repeat center bottom; margin-bottom:-7px;   display: inline-block; width: 120px;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;}

.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:#fff;}



/*内页 公共*/

.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: 26px; color: #cc0000; margin:20px 0px;}

.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{ width: 100%; height:200px; overflow: hidden;  display: flex;   align-items: center;   justify-content: space-around; flex-direction: column; position:relative;}
.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;

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 }

.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-size:20px; color:#cc0000; padding-bottom: 10px; font-weight:bold; 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%}

.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;}
.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: 3px 25px }







/*新闻内页*/

.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;}

.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; font-size: 14px; 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;   }

.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:16px; 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: 18px; 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: 16px; 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-size: 16px; 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-size: 14px; 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: 18px; 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;font-size: 18px; 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%;}