@charset "utf-8";

/*首页样式*/
.banner{height:322px; background-color:#000; background-position:center; background-repeat:no-repeat;}
.home-box{margin:22px 0 13px 0;}
.all-products, .successful-cases, .news-events, .client-visit{height:745px;float:left;background:url(images/line_2.png) right repeat-y;} 
.all-products, .successful-cases, .client-visit{ width:25%;} 
.news-events{width:30%;}
 /*20 20 25 20 15*/

.home-box .best-sellers{/*width:13.9%;*/width:20%;height:327px;float:left;}
.home-box .title-bar{margin:0 12px 0 10px; height:31px; line-height:28px; padding:0 8px; background:#edebeb url(images/line_3.png) bottom repeat-x;}
.home-box .title-bar h3{margin:0;padding:0; padding-top:3px; float:left; font-size:14px; color:#c30912;}
.home-box .title-bar .more{float:right; font-size:12px; padding-top:5px;}
.all-products .box{margin:0 0 0 20px;padding-bottom:8px;}
.productIcon{position: absolute;right: 15px;bottom: 0;}
.all-products .box li::after{position: absolute;left: 0;bottom: -1px;right: 95px;content: '';border-top: 1px dotted #c30912;}
.all-products .box ul{background:url(images/line_4.png) left repeat-y}
.all-products .box li{height:68px;padding-top:18px;padding-left:1px;box-sizing:border-box;position:relative}
.all-products .box li a{display:block;line-height:32px;font-weight:700;padding-left:8px}
.all-products .box .child-box{position:absolute;width:294px;top:18px;right:-294px;z-index:1;background-color:rgba(242,242,242,.9);box-sizing:border-box;padding:12px;display:none}
.all-products .box .child-box a{display:block;line-height:20px;color:#333;font-size:12px}
.all-products .box li:hover a{background-color:rgba(255,255,255,.5);color:#f08200;text-decoration:none}
.all-products .box li:hover .child-box{display:block}
.all-products .box li:hover .child-box a{color:#333;background-color:transparent}
.all-products .box li:hover .child-box a:hover{color:#f08200}

.home-thumb-box .box .dl{clear:both; padding:10px 10px;}
.home-thumb-box .box tr{display: flex;}
.home-thumb-box .box .dt{padding-right:10px;}
.home-thumb-box .box .dt a{display:block; width:121px; height:96px; padding:2px; position:relative;}
.home-thumb-box .box .dt span{display:block; width:121px; height:96px; top:0; left:0; position:absolute; background:url(images/home_img_bg.gif);}
.home-thumb-box .box .dd a{display:block; overflow: hidden; height:96px; line-height:20px}
.home-thumb-box .box .dd a span{
    display: block;
    margin-top: 8px;
}
.threeLine{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ctd_83 td{
    width: 8.3%;
}
.ctd_83 td img{
    width: 100%;
}
.banner_sw .swiper-pagination-bullet-active{
    background: #c30912;
}
@media (max-width: 767px){
    .threeLine{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
.news-events .box{padding:0 10px;}
.news-events .box ul li{width:100%;white-space:nowrap;overflow:hidden;white-space:nowrap;_white-space:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis;line-height:30px; height:30px;}
.news-events .box ul li span{font-size:14px; padding:0 5px;}

.best-sellers .box{padding:15px 12px 0;}
.best-sellers .box .item{display: block;text-align: center}
.best-sellers .box .item img{width: 90%;height: 140px;border: 1px #10628a solid;object-fit: cover;}
/* .best-sellers .box .item img{width: 90%;height: 131px;border: 1px #10628a solid;} */
.best-sellers .box .item .title{line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding:0 10px;}
/* .best-sellers .box .item .title{line-height: 40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} */

.links{border-top:4px #000 solid; margin-top:10px; padding:10px 0;}
.links td{padding-top:4px;padding-bottom:4px;padding-left:3px;padding-right:2px}

/*首页幻灯片*/
.slider{
    width:100%;
    /*height:322px; */
    position:relative;
    overflow:hidden;
    background-color: #000; 
    padding:8px 0 12px 0;
    
}
.banner_sw{
    width: 100%;
    padding:8px 0 12px 0;
    overflow: hidden;
    position: relative;
}
.banner_sw img{
    width: 100%;
    aspect-ratio: 96 / 35;
    object-fit: cover;
}
.banner_sw .swiper-pagination-bullet{
    width: 30px;
    height: 8px;
    border-radius: 0;
}
.banner_sw.swiper-container-horizontal>.swiper-pagination{
    bottom: 30px;
}
.slider .container{
    /*width:1309px; */
    margin:0 auto;
    width: 100%;
} 
@media(max-width:767px){
    .banner_sw .swiper-pagination-bullet{
        width: 5px;
        height: 5px;
    }
}
.slider .container .slides_control div{
    /*height:322px; */
    background-position: center;  
    background-size: cover;
    background-repeat: no-repeat;
}
.slider .container .slides_control img{
    width: 100%;
    aspect-ratio: 96 / 35;
    object-fit: cover;
}
.slider .container .slides_control div a{display: block; height: 322px;}
.slider .pagination{z-index:999;position:absolute; bottom:20px; left:45%;}
.slider .pagination li{width:30px; height:8px; display:inline-block; *display:inline; *zoom:1; margin:0 3px; background-color:#fff;}
.slider .pagination li a{width:30px; height:0; display:block; padding-top:8px; overflow:hidden;}
.slider .pagination li.current{background-color: #f08200;}

@media only screen and (max-width:960px) {
    .slider{padding: 0;}
    .slider,.slider .container,.slider .container .slides_control div,.slider .container .slides_control div a{max-width: 100%;height: 3rem;background-size: cover;}
    .slider .pagination{left: 0;right: 0;bottom: 10px;text-align: center;z-index: 7;}
    .slider .pagination li{height: 3px;}
    .home-box{overflow: hidden;display: flex;flex-wrap: wrap;display: -webkit-flex;flex-wrap: -webkit-wrap;margin: 0;padding: 5px 0;background: #fff;}
    .all-products, .successful-cases, .client-visit{width: 50%; height: auto;}
    .news-events,.home-box .best-sellers{width: 50%; height: auto;}
    .home-thumb-box .box .dt a img{object-fit: cover;height: auto;width: 100%;}
    .home-box .title-bar .more{padding: 0;}
    .home-box .title-bar{margin: 5px 10px;background: #edebeb;border-bottom: 1px solid #aaa;}
    .all-products .box{margin: 0 0 0 10px;}
    .home-thumb-box .box .dl{padding: 5px 10px;}
    .responseB{padding: 0 10px;}
    .responseB img{height: auto;}
    .responseB tr{display: flex;flex-wrap: wrap;display: -webkit-flex;flex-wrap: -webkit-wrap;justify-content: space-between;-webkit-justify-content: space-between;}
    .responseB tr td{width: 32%;padding: 5px 0;}
    .all-products .box li a{margin-right: 67px;}
    .home-thumb-box .box .dt{width: auto;padding: 0}
    .home-thumb-box .box .dt a{width: auto; height: auto;}
    .links{margin: 0;}
    .home-thumb-box .box {padding: 0 10px; display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;}
    .home-thumb-box .box .dl{width: 49%;padding: 0;margin-bottom: .2rem;}
    .home-thumb-box .box .dl table,.home-thumb-box .box .dl tbody,.home-thumb-box .box .dl tr,.home-thumb-box .box .dl td{display: block}
    .home-thumb-box .box .dt span{width: 100%;height: 100%;background-repeat: no-repeat;background-size: 100% 100%;}
    .home-thumb-box .box .dd a{height: auto;}
    
}
@media only screen and (max-width:767px) {
    .all-products, .successful-cases, .client-visit,.news-events,.home-box .best-sellers{width: 50%;}
    .best-sellers .box{display: flex;flex-wrap: wrap;display: -webkit-flex;flex-wrap: -webkit-wrap;padding: 0 10px;justify-content: space-between;-webkit-justify-content: space-between;}
    .best-sellers .box .item{width: 49%;}
    .best-sellers .box .item img{width: 100%;object-fit: cover;}
    .all-products .box ul{display: flex;flex-wrap: wrap;justify-content: space-between;display: -webkit-flex;-webkit-flex-wrap: wrap;-webkit-justify-content: space-between;background: none;}
    .all-products .box ul li{width: 48%;text-align: center;}
    .productIcon{position: static;}
    .all-products .box li::after{display: none;}
    .all-products .box li{height: auto;}
    .all-products .box li a{margin: 0;padding: 5px;border-bottom: 1px dotted #0f5d82;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 11px;}
    /* .all-products .box li a{margin: 0;padding: 10px;border-bottom: 1px dotted #0f5d82;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} */
    .all-products .box{margin: 0 10px;}
    .home-thumb-box .box .dl:nth-child(5),.home-thumb-box .box .dl:nth-child(6){
        display: none;
    }
    .news-events .box ul li:nth-child(n+11){
        display: none;
    }
    .foot-link li:nth-child(1),.foot-link li:nth-child(2),.foot-link li:nth-child(3){
        display: none;
    }

}
@media only screen and (max-width:480px) {
    .all-products, .successful-cases, .client-visit,.news-events,.home-box .best-sellers{width: 100%;}
    
}