*,::after,::before{box-sizing:border-box}
.topway{width:100%; float:left;margin:120px 0 0;padding:8px 0;background-color: #eaeaea}
.navpath{width:80%; margin:0 auto; color: #000}
.navpath h1{float:left; line-height:1.5em;margin:0;font-size:14px; font-weight:400;}
.navpath h2{float:left; line-height:1.5em;margin:0;font-size:14px; font-weight:400;}
 .navpath h3{float:left; margin:0;line-height:1.5em;font-size:14px;} 
 .navpath a{color: #000;transition:500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;text-decoration: none;}
 .navpath a:hover {color: #8b282d;}
 .navpath i{font-size:11px; margin:0 5px 0 0; padding-bottom: 2px; vertical-align: middle;}
 .navpath span{margin:0 8px 0 8px; font-weight:bold; font-size: 10px; margin-top: -5px; vertical-align:top}
@media screen and (max-width: 1600px) {
.navpath{width:85%}
}
@media screen and (max-width: 1200px) {
.topway{margin:100px 0 0;}
.navpath{width:90%}
}
@media screen and (max-width: 767px) {
.topway{margin:90px 0 0;}
 .navpath span{margin:0 6px}
}
.img-fluid{max-width:100%;height:auto}
.product{width:100%; float:left;margin:60px 0 35px; }
.product-content{width:1470px; margin: 0 auto}
.product-title{ width:100%; float:left; margin-bottom:60px;padding: 0 15px}
.product-title h2{ font-size:38px;letter-spacing: 0.1em;margin-bottom: 25px}
.product-title p{ font-size:18px;color: #222;line-height: 1.8em}
.productContainer{ width:100%; float: left; margin:0;font-size:0;}
.product-item{width:33.333333%;padding:0 15px;margin: 0 0 65px; display:inline-block; vertical-align:top;position:relative;}
.product-item{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.product-item.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.product-box {width: 100%; float: left; overflow: hidden;position: relative;margin: 0}
.product-box .product-box-img {width: 100%;float: left;margin-bottom: 10px;position: relative}
.product-box .product-box-img img{max-width: 100%;height: auto;}
.product-box .product-boxinfo{width: 100%;  float: left;box-sizing: border-box; display:block;font-size:20px;}
.product-box .product-boxinfo h2{position:relative;overflow:hidden;display:inline-block;font-size:26px; font-weight:500;}
.product-box .product-boxinfo h3{font-size: 17px; letter-spacing:0.05em;color: #555;}
.product-box .product-boxinfo h2::after{content:" ";display:block; width: 0%;height: 2px;background-color: #ce1a1c;transition: .3s .2s;}
.product-item:hover .product-boxinfo h2::after{width:100%;}
.bannerbox{width:100%; position:absolute; right:10px; top:15px;z-index:2;}
.banneritem{display: inline-block; float: right; height: 22px; margin:0 0 0 5px;line-height: 21px; padding: 0 6px; border-radius:2px; color:#fff; font-size:12px; text-align:center;}

@media screen and (max-width: 1600px) {
.product{margin: 50px auto 30px}
.product-content{width:90%}
.product-title{margin-bottom: 50px;}
}
@media screen and (max-width: 1200px) {
.product{margin:40px auto 20px; }
.product-content{width:93%}
.product-item{width:50%;padding:0 15px;margin: 0 0 45px;}
.product-title h2{ font-size:34px;margin-bottom: 20px}
}
@media only screen and (max-width: 980px) {
.product{margin:30px auto 10px; }
.product-title{margin-bottom:25px; }
.product-title h2{ font-size:32px; margin-bottom:15px}
}
@media only screen and (max-width: 550px) {
.product{margin:25px auto 0}
.product-content{width:90%}
.product-title{margin-bottom: 20px; }
.product-title h2{ font-size:24px; margin-bottom:10px}
.product-item{width:100%;padding:0;margin-bottom: 35px;}
.product-box .product-box-img {margin-bottom: 10px}
}