@charset "utf-8";

.lintel-why{padding:55px 0;background:#000;}
.lintel-why h3{font-size:48px;color:#fff;line-height:1;text-align:center;font-weight:600;}
.lintel-why .view{margin:50px 0 0;}
.lintel-why .view .swiper-slide{position:relative;}
.lintel-why .view .swiper-slide .pic{width:100%;}
.lintel-why .view .swiper-slide .txt{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;display:flex;align-items:center;}
.lintel-why .view .swiper-slide .txt .wp{background: #51b5e56b;padding: 30px;max-width: 60%;margin: 198px;border-radius: 20px;}
.lintel-why .view .swiper-slide .txt h5{font-size:36px;color:#fff;line-height:1;font-weight:600;}
.lintel-why .view .swiper-slide .txt p{font-size:18px;color:#fff;line-height:30px;/* max-width:60%; */margin:30px auto 0 0;}
.lintel-why .view .swiper-slide .txt p span{font-weight:700;color: #e5dc51;}
.lintel-why .preview{margin:-100px 0 0;position:relative;z-index:30;}
.lintel-why .preview .swiper{padding:30px 0;}
.lintel-why .preview .swiper-wrapper{border-radius:13px;background:#fff;}
.lintel-why .preview .swiper-slide{cursor:pointer;position:relative;text-align:center;}
.lintel-why .preview .swiper-slide .box{padding:30px 0;}
.lintel-why .preview .swiper-slide::after{display:none;content:'';background:#51B5E5;position:absolute;left:10px;right:10px;top:-30px;bottom:-30px;border-radius:13px;}
.lintel-why .preview .swiper-slide >*{position:relative;z-index:20;}
.lintel-why .preview .swiper-slide .ico{width:80px;height:80px;display:flex;justify-content:center;align-items:center;margin:0 auto;}
.lintel-why .preview .swiper-slide .ico img{}
.lintel-why .preview .swiper-slide p{font-size:20px;color:#3c3c3c;margin:20px 0 0;}


.lintel-why .preview .swiper-slide.active-nav::after{display:block;}
.lintel-why .preview .swiper-slide.active-nav p{color:#fff;}

.lintel-why .preview .arrow-left,.lintel-why .preview .arrow-right{background:#E30C1A;color:#fff;border-radius:50%;position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;line-height:42px;z-index:10;text-align:center;display:none;}
.lintel-why .preview .arrow-left{left:-20px;}
.lintel-why .preview .arrow-right{right:-20px;}
.lintel-why .preview .arrow-left i,.lintel-why .preview .arrow-right i{color:inherit;font-size:22px;}
.lintel-why .preview .arrow-left:hover,.lintel-why .preview .arrow-right:hover{color:#333;}



@media screen and (max-width:1680px){
.lintel-why h3{font-size:46px;}
.lintel-why .view .swiper-slide .txt h5{font-size:35px;}
}

@media screen and (max-width:1550px){
.lintel-why h3{font-size:44px;}
.lintel-why .view .swiper-slide .txt h5{font-size:34px;}
}

@media screen and (max-width:1441px) {
.lintel-why h3{font-size:42px;}
.lintel-why .view .swiper-slide .txt h5{font-size:33px;}
.lintel-why .view .swiper-slide .txt p{font-size:17px;line-height:28px;}
}

@media screen and (max-width:1367px) {
.lintel-why h3{font-size:40px;}
.lintel-why .view .swiper-slide .txt h5{font-size:32px;}
.lintel-why .view .swiper-slide .txt p{line-height:26px;}
}

@media screen and (max-width:1281px){
.lintel-why h3{font-size:37px;}
.lintel-why .view .swiper-slide .txt h5{font-size:30px;}
.lintel-why .view .swiper-slide .txt p{font-size:16px;line-height:24px;margin:20px auto 0 0;}
.lintel-why .preview .swiper{padding:20px 0;}
.lintel-why .preview .swiper-slide .box{padding:20px 0;}
.lintel-why .preview .swiper-slide::after{top:-20px;bottom:-20px;}
.lintel-why .preview .swiper-slide .ico{width:60px;height:60px;}
.lintel-why .preview .swiper-slide .ico img{max-width:90%;max-height:90%;}
.lintel-why .preview .swiper-slide p{font-size:17px;margin:15px 0 0;}
}


@media screen and (max-width:1171px){
.lintel-why{padding:50px 0 20px;}
.lintel-why h3{font-size:34px;}
.lintel-why .preview{margin:-20px 0 0;}

}

@media screen and (max-width:992px){
.lintel-why h3{font-size:31px;}

.lintel-why > .wp{width:100%;}
.lintel-why .preview{background:#fff;}
.lintel-why .preview .swiper-wrapper{border-radius:0;}
.lintel-why .preview{margin:-10px 0 0;}
.lintel-why .preview .swiper{padding:0;}
.lintel-why .preview .swiper-slide.active-nav::after{display:none;}
.lintel-why .preview .swiper-slide.active-nav{background:#51B5E5;}
.lintel-why .preview .arrow-left, .lintel-why .preview .arrow-right{display:block;}

}

@media screen and (max-width:768px){
.lintel-why{padding:30px 0 10px;}
.lintel-why h3{font-size:28px;}
.lintel-why .view{margin:30px 0 0;}
.lintel-why .view .swiper-slide .txt h5{font-size:26px;}
.lintel-why .view .swiper-slide .txt p{max-width:80%;margin:15px auto 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
.lintel-why .preview .swiper-slide .box{padding:15px 0;}
.lintel-why .preview .swiper-slide .ico{width:50px;height:50px;}
.lintel-why .preview .swiper-slide p{font-size:16px;margin:10px 0 0;}
.lintel-why .preview .arrow-left{left:-10px;}
.lintel-why .preview .arrow-right{right:-10px;}
}

@media screen and (max-width:576px) {
.lintel-why h3{font-size:26px;}
.lintel-why .view .swiper-slide .txt h5{font-size:24px;}
.lintel-why .view .swiper-slide .txt p{-webkit-line-clamp:3;}

.lintel-why .preview .arrow-left,.lintel-why .preview .arrow-right{margin-top:-17px;width:34px;height:34px;line-height:34px;}
.lintel-why .preview .arrow-left i,.lintel-why .preview .arrow-right i{font-size:20px;}

}

@media screen and (max-width:480px) {
.lintel-why h3{font-size:24px;}
.lintel-why .view .swiper-slide .txt h5{font-size:22px;}
.lintel-why .view .swiper-slide .txt p{-webkit-line-clamp:2;}
.lintel-why .preview .swiper-slide .ico{width:40px;height:40px;}
.lintel-why .preview .swiper-slide p{font-size:15px;margin:8px 0 0;}
}	


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

.lintel-why .view .swiper-slide .txt h5{font-size:20px;}
}