/* -----------Common Style----------- */

.build-news{padding:clamp(30px,4.17vw,80px) 0;}
.build-news .tit{display:flex;justify-content:space-between;align-items:center;}
.build-news .tit h3{border-bottom:1px solid #dadada;display:inline-block;font-size:clamp(22px, 2.1vw, 40px);font-weight:700;line-height:1;padding-bottom:15px;color:#0b2c3d;position:relative;}
.build-news .tit h3::after{content:"";position:absolute;left:0;bottom:-2px;height:4px;width:70px;background:var(--color-primary);display:block;}

.build-news .tit .page{display:flex;gap:1rem}
.build-news .s-btn{width:2.5rem;height:2.5rem;overflow:hidden;text-align:center;color:#555;border-radius:5px;border:1px solid #b1bec7;display:flex;justify-content:center;align-items:center;cursor:pointer;}
.build-news .s-btn i{color:inherit;font-size:1.1rem;display:inline-block;}
.build-news .s-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;}
                  
                                                                                         
.build-news .list{margin-top:3rem;}
.build-news .list .swiper-slide{}
.build-news .swiper-slide .pic{display:block;position:relative;aspect-ratio:1.33 / 1;border-radius:5px;overflow:hidden;}
.build-news .swiper-slide .pic img{width:100%;height:100%;object-fit:cover;}
.build-news .swiper-slide .txt{background:#fff;border-radius:5px;margin:-50px auto 0;padding:20px 15px 0;position: relative;width:92%;z-index:1;}
.build-news .swiper-slide .txt h4{font-size:1.125rem;line-height:1.4;overflow:hidden;font-weight:600;color:#212121;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.build-news .swiper-slide .txt span{margin:15px 0 0;display:block;color:#454545;font-size:14px;}
.build-news .swiper-slide .txt span i{margin-right:5px;}
.build-news .swiper-slide .txt p{margin:15px 0 0;line-height:1.5;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.build-news .swiper-slide .txt .more{display:inline-block;margin:15px 0 0;padding:6px 18px;background:var(--color-primary);color:#fff;font-size:14px;}
.build-news .swiper-slide .txt .more:hover{opacity:0.6;}

.build-news .swiper-pagination{margin:25px 0 0;position:static;width:100%;display:none;}
.build-news .swiper-pagination-bullet {height:14px;width:14px;border-radius:50%;margin:0 7px;background:#ccc;opacity:1;}
.build-news .swiper-pagination-bullet-active{background:var(--btn-bg);}


@media screen and (max-width:1281px){
.build-news .tit .page .swiper-button-prev,.build-news .tit .page .swiper-button-next{width:36px;height:36px;line-height:36px;}
.build-news .tit .page .swiper-button-next{margin-left:12px;}
.build-news .tit .page .swiper-button-prev i,.build-news .tit .page .swiper-button-next i{font-size:21px;}
}


@media screen and (max-width:768px){
.build-news .tit .page .swiper-button-prev,.build-news .tit .page .swiper-button-next{width:32px;height:32px;line-height:32px;}
.build-news .tit .page .swiper-button-next{margin-left:10px;}
.build-news .tit .page .swiper-button-prev i,.build-news .tit .page .swiper-button-next i{font-size:19px;}
}

@media screen and (max-width:576px) {

}

@media screen and (max-width:480px) {
.build-news .swiper-slide .txt h4{font-size:17px;}
.build-news .swiper-slide .txt .more{display:none;}
.build-news .swiper-slide .txt p{-webkit-line-clamp:2;line-height:22px;}

}	

@media screen and (max-width:420px) {
}
                                  


                               
                               
.sutong-factory{padding:clamp(30px,4.17vw,80px) 0;background:#F6F6F6;}
.sutong-factory h3{border-bottom:1px solid #dadada;display:inline-block;font-size:clamp(22px, 2.1vw, 40px);font-weight:700;line-height:1;padding-bottom:15px;color:#0b2c3d;position:relative;}
.sutong-factory h3::after{content:"";position:absolute;left:0;bottom:-2px;height:4px;width:70px;background:var(--color-primary);display:block;}
                   
.sutong-factory .list{margin:3rem 0 0;position:relative}
.sutong-factory .swiper-slide{text-align:center}
.sutong-factory .swiper-slide .pic{width:100%;display:block}
.sutong-factory .swiper-slide img{width:100%}
.sutong-factory .swiper-slide p{font-size:1.125rem;color:var(--title-text-color);line-height:1.5;font-weight:700;margin:1.5rem 0 0}
.sutong-factory .bot{display:flex;align-items:center;width:100%;margin:3rem auto 0}
.sutong-factory .tips{flex:1;margin-left:20px;overflow:hidden}
.sutong-factory .swiper-pagination-progressbar.swiper-pagination-horizontal{position:static;width:100%;height:2px;background:#c9d2d7}
.sutong-factory .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000;top:0;height:2px}
.sutong-factory .bot .page{font-size:0}
.sutong-factory .swiper-button-prev,.sutong-factory .swiper-button-next{position:static;width:20px;height:20px;line-height:20px;overflow:hidden;background:0 0;margin-top:0;text-align:center;color:var(--title-text-color);display:inline-block;border-radius:0}
.sutong-factory .swiper-button-next::after,.sutong-factory .swiper-button-prev::after{display:none}
.sutong-factory .swiper-button-prev i,.sutong-factory .swiper-button-next i{color:inherit;font-size:18px;display:inline-block}
.sutong-factory .swiper-button-next,.sutong-factory .swiper-container-rtl .swiper-button-prev{margin-left:8px}
.sutong-factory .swiper-button-prev:hover,.sutong-factory .swiper-button-next:hover{color:var(--color-primary)}
                                                                                   

                     
                               
 
.index-form{padding: clamp(30px,4.17vw,80px) 0;}                         
.index-form .inner{display:flex;align-items:center;flex-direction:row-reverse;gap:3rem;}                         
    
.index-form .crm-form{width:50%;}
.index-form .inquirbox .row > div{margin-bottom:15px;}
.index-form .inquirbox input[type="text"],.index-form .inquirbox textarea{padding:15px 15px;font-size:1rem;border:1px solid #D9D9D9;background:transparent;width:100%;text-align:left;color:#333;background:transparent;}
.index-form .inquirbox textarea{max-width:100%;resize:none;}
.index-form .inquirbox input[type="text"]:focus,.index-form .inquirbox textarea:focus{box-shadow:0 0 5px #999;border-color:#999;outline:0}

.index-form .inquirbox .submit-box{text-align:center;}
.index-form .inquirbox .submit-box .submit{line-height:46px;background:var(--color-primary);text-align:center;display:block;color:#fff;font-size:17px;cursor:pointer;width:100%;}
.index-form .inquirbox .submit-box .submit:hover{background:var(--btn-bg-hover);}

.index-form .txt{flex:1;}      
.index-form .txt h3{font-size:clamp(20px, 1.7vw, 32px);}
.index-form .txt p{margin:20px 0;line-height:1.67;color:#666;}
.index-form .txt p a{color:var(--color-primary);}
.index-form .txt .contact{display:inline-block;padding:10px 30px;background:var(--color-primary);color:#fff;font-size:1rem;}  
                        

@media screen and (max-width:768px){
.index-form .inner{flex-direction:column-reverse;}
.index-form .crm-form{width:100%;}
}






