/*banner start*/
/*.banner{height: 300px;}*/
.banner-item{height: 100%;}
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.product_info{font-size: 21px;font-weight: 400;text-align: center;color:#333;margin-top:20px;}
/*banner end*/

.hr{border-top: 1px solid #8C8D8E;padding-bottom: 10px;}
.about,.news{min-height: 300px;}
.about .about-img{margin-left:10px;margin-bottom: 10px;}
.about .info{margin-top:10px;}
.news-title{margin-top:5px;}
.news-info{margin-top:5px; word-break:break-all;}
.news-first-img{width: 100%;height: 100px;}
.news-first-info{ word-break:break-all;}
.news-list-swiper.swiper-container{margin-top:20px !important;}
.news-list-swiper .swiper-button-next{ height: 25px; width: 25px;  right:0px; }
.news-list-swiper .swiper-button-prev{ height: 25px; width: 25px; left: 0;}
.news-list-swiper {font-size:12px;height: 142px;overflow: hidden;line-height: 15px;}
.news-list-swiper img{height:80px;width: 100%;}
.products{margin-top:15px;}
.products-title{font-size:21px; color:#333;margin-top:20px;}
.product-more{font-size:14px;}
.products img{height:120px !important;}
.products .thumbnail{border-radius: 0px;margin-bottom:5px;}
.products .item{margin-bottom:15px;display: block;height: 280px;}
.products .item .caption{color:#888;font-size:13px}
.products .item .caption h5{margin-top:10px;margin-bottom:5px;color:#333;font-size:14px;}
.products-more{margin-bottom:35px;}
.products-more:before,.products-more:after{height:1px;background:#ccc;width: 42%;content:'';display: inline-block;float:left;margin-top:15px;}
.products-more:after{float:right}
.products-more a{border-color:#ddd;border-radius: 0;}
.product-first img{width: 100%;height: 210px;}
.product-first .info{color:#666 !important;}
@media (min-width: 992px) and (max-width: 1199px) {
    .banner{height: auto;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .banner{height: auto;}
}
@media (min-width: 481px) and (max-width:767px){
    .banner{height: auto;}
    .product_info{font-size:18px;}
}
@media (max-width: 480px ) {
    .banner-item img{height: 136px;}
    .product_info{font-size:14px;}
    .products-more:before,.products-more:after{width: 30%}
    .product-first img{height: auto}
}