*{margin:0; padding:0;}
body {font-size:13px; font-family:"Î¢ÈíÑÅºÚ"; line-height:23px;color:#585858; background:#ffffff; min-width:1200px;}
.clr{clear:both; font-size:0; line-height:0;zoom:1}
ul, li { list-style:none;margin:0; padding:0;}
img { border:none; }
/*--------¹«ÓÃ--------------*/
td {FONT-WEIGHT: normal;FONT-SIZE: 13px;COLOR: #5A5A5A;LINE-HEIGHT: 20px;TEXT-DECORATION: none;}
.borders{ border:1px #ebe7e8 solid;}
.fl{ float:left}
.fr{ float:right;}
.mag20{ margin-top:20px;}
.clearBoth{line-height:1px;height:1px;clear:both}
.wrap{width:1200px;margin: 0 auto 0;}
.min1200{ min-width:1200px;}
.mag30{ margin-top:30px;}
.mag40{ margin-top:40px;}
a:link,a:visited,a:active {text-decoration: none; color:#333;}
a:hover {color: #c00;text-decoration:none;}
header{position: fixed;left: 0;top: 0;height: 120px;min-width: 1200px;z-index:10000;opacity: 1;width:100%; background:#fff}
.head-tel{ height:50px; background:url(/images/tel.png) no-repeat 0 50%;padding-left:45px; margin-top:18px;}
.head-tel p{ float:left; line-height:22px; width:100%;}
.head-tel span{ width:100%; float:left;font-size:26px; color:#b40001; font-weight:bold}
.menu{ width:100%;height:57px; background:#090810;}
.nav{ width:1200px; margin:auto; height:57px; line-height:57px; position:relative; z-index:1;}
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left; width:150px; text-align:center; color:#ffffff}
.nav .nLi h3 a{ display:block; padding:0 10px; font-size:16px; font-weight:normal;color:#ffffff; }
.nav .sub{ display:none; width:170px; left:0; top:57px;  position:absolute; background:#090810;  line-height:26px; padding:5px 0;  }
.nav .sub li{ zoom:1; line-height:30px;}
.nav .sub a{ display:block; padding:0 10px; color:#ffffff }
.nav .sub a:hover{ background:#3e3e3e; color:#fdff6f;}
.nav .on h3 a{ background:#3e3e3e; color:#fbf812;}
/*title*/
.section-title { margin-bottom: 40px; text-align: center; font-size: 28px; }
.section-title h2 { margin-top: 0; margin-bottom: 0px; text-align: center; font-size: 28px; letter-spacing: 2px; color:#373737; font-weight:normal }
.section-title p { color: #5c5c5c; font-size: 13px; /*font-family:Arial;*/ margin: 5px 0 0 0; text-align: center; }
.section-title:after { display: block; content: ''; width:60px; height: 2px; margin: 10px auto 0; background-color: #b40001; }
/*product list*/
.cplist {width:100%;display: flex;flex-wrap: wrap; margin-top:2%;overflow:hidden;}
.cplist li{ float:left;width:31%; margin-right:2%; padding:5px;cursor: pointer;border-bottom:0; margin-bottom:15px; background:#f5f5f5;}
.cplist li:nth-child(3n) {margin-right:0px;}
.cplist li span{ float:left; width:100%; line-height:35px; padding:5px 0; text-align:center; font-size:15px;}
.cplist li .img{ overflow:hidden;}
.cplist li .img img {max-width: 100%;width: 100%;height:168px;object-fit: cover;transition: transform 0.5s;}
.cplist li .img img:hover{ transform: scale(1.1);-webkit-transform:scale(1.1)}
.cplist li:hover {box-shadow: 0 2px 20px rgba(0, 0, 0, 0.39);border-bottom: 0;}
/*foot*/
.foot{ width:100%; height:auto; min-width:1200px; background:#30333a; padding-top:20px; overflow:hidden; margin-top:30px;}
.footer{margin:auto;}
.footbar{ width:100%; line-height:40px; border-bottom:1px solid #474747; font-size:15px; color:#FFF; font-weight:boldl}
.footer .footL{ float:left; width:300px;}
.footer .footC{ margin-left:80px; float:left; width:380px; color:#cdcdcd;} 
.footer .footC span{ width:99%; line-height:30px; margin-top:10px;}
.footer .footR{float:right; width:280px; color:#cdcdcd; padding-top:30px;}
.footer .footR li{ float:left; width:140px;}
.foottype{ float:left; width:300px;  margin-top:10px;}
.foottype ul{}
.foottype ul li{ float:left; width:50%;}
.foottype ul li a{ display:block; color:#cdcdcd; line-height:30px;}
.foottype ul li a:hover{ color:#faff75}
.copyright{ margin:auto;border-top:1px solid #474747; line-height:50px; margin-top:20px; color:#cdcdcd; text-align:right}
.copyright a{color:#cdcdcd;}