@charset "utf-8";

.lintel-product{padding:75px 0;background:url(images/bg3.jpg) no-repeat center bottom;}
.lintel-product .tit{text-align:center;}
.lintel-product .tit h3{color:#fff;font-size:48px;line-height:1;font-weight:600;}
.lintel-product .tit a{font-size:18px;color:#E30C1A;margin:25px 0 0;display:inline-block;}

.lintel-product .list{margin:50px 0 0;position:relative;}
.lintel-product .swiper-slide{}
.lintel-product .swiper-slide .pic{display:block;position:relative;overflow:hidden;position:relative;border-radius:10px;}
.lintel-product .swiper-slide .pic img{display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.lintel-product .swiper-slide .txt{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(81,180,228,0.63);padding:23px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;transition:.5s;}
.lintel-product .swiper-slide .txt span{width:62px;height:62px;background:#fff;border-radius:6px;display:flex;justify-content:center;align-items:center;transition:all 0.5s ease 0.2s;opacity:0;transform:translateX(-10px);}
.lintel-product .swiper-slide .txt span i{font-size:30px;color:#000;}
.lintel-product .swiper-slide .txt h5{width:100%;text-align:center;font-size:20px;font-weight:500;color:#fff;transition:all 0.5s ease 0.2s;opacity:0;transform:translateY(10px);}

@media screen and (min-width:768px){
.lintel-product .swiper-slide:hover .txt{opacity:1;}
.lintel-product .swiper-slide:hover .txt span{opacity:1;transform:translateX(0);}
.lintel-product .swiper-slide:hover .txt h5{opacity:1;transform:translateY(0);}
}

.lintel-product .page{margin:40px 0 0;text-align:center;display:flex;justify-content:center;align-items:center;}

.lintel-product .swiper-pagination-fraction{position:static;width:auto;text-align:center;margin:0 30px;font-size:24px;color:#fff;}
.lintel-product .swiper-pagination-fraction .swiper-pagination-current{color:#E30C1A;}
.lintel-product .swiper-pagination-bullet{width:12px;height:12px;margin:0 3px;background:rgba(255,255,255,0.37);border-radius:20px;opacity:1;}
.lintel-product .swiper-pagination-bullet-active{background:#fff;}

.lintel-product .page .swiper-button-prev,.lintel-product .page .swiper-button-next{position:static;display:inline-block;color:#fff;width:40px;height:40px;line-height:40px;margin-top:0;text-align:center;background:transparent;border-radius:0;}
.lintel-product .page .swiper-button-next::after,.lintel-product .page .swiper-button-prev::after{display:none;}
.lintel-product .page .swiper-button-next i,.lintel-product .page .swiper-button-prev i{font-size:28px;color:inherit;}

.lintel-product .page .swiper-button-prev:hover,.lintel-product .page .swiper-button-next:hover{color:#E30C1A;}



@media screen and (max-width:1680px){
.lintel-product .tit h3{font-size:46px;}

}

@media screen and (max-width:1550px){
.lintel-product .tit h3{font-size:44px;}

}

@media screen and (max-width:1441px) {
.lintel-product{padding:70px 0;}
.lintel-product .tit h3{font-size:42px;}
.lintel-product .swiper-slide .txt h5{font-size:19px;}
}

@media screen and (max-width:1367px) {
.lintel-product{padding:65px 0;}
.lintel-product .tit h3{font-size:40px;}

}

@media screen and (max-width:1281px){
.lintel-product{padding:60px 0;}
.lintel-product .tit h3{font-size:37px;}
.lintel-product .tit a{font-size:17px;margin:20px 0 0;}
.lintel-product .swiper-slide .txt span{width:46px;height:46px;}
.lintel-product .swiper-slide .txt span i{font-size:26px;}
.lintel-product .swiper-slide .txt h5{font-size:18px;}
}


@media screen and (max-width:1171px){
.lintel-product .tit h3{font-size:34px;}

}

@media screen and (max-width:992px){
.lintel-product .tit h3{font-size:31px;}
.lintel-product .swiper-slide .txt{top:auto;padding:20px;opacity:1;}
.lintel-product .swiper-slide .txt span{display:none;}
.lintel-product .swiper-slide .txt h5{font-size:17px;opacity:1;transform:translateY(0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

}

@media screen and (max-width:768px){
.lintel-product{padding:30px 0;}
.lintel-product .tit h3{font-size:28px;}
.lintel-product .tit a{font-size:16px;margin:15px 0 0;}
.lintel-product .list{margin:25px 0 0;}
.lintel-product .swiper-slide .txt{padding:10px;}
.lintel-product .swiper-slide .txt h5{font-size:16px;}
.lintel-product .page{margin:25px 0 0;}
.lintel-product .swiper-pagination-fraction{font-size:20px;}
.lintel-product .page .swiper-button-prev,.lintel-product .page .swiper-button-next{width:36px;height:36px;line-height:36px;}
.lintel-product .page .swiper-button-next i,.lintel-product .page .swiper-button-prev i{font-size:24px;}
}

@media screen and (max-width:576px) {
.lintel-product .tit h3{font-size:26px;}
.lintel-product .swiper-slide .txt h5{font-size:15px;}
}

@media screen and (max-width:480px) {
.lintel-product .tit h3{font-size:24px;}
.lintel-product .swiper-slide .txt h5{font-size:14px;}
}	


@media screen and (max-width:420px) {


}
