@charset "utf-8";

/*---------------------------------------------------*/

.seppes-development{padding:70px 0 50px;background:#F7F7F7;}

.seppes-development .tit{display:flex;justify-content:space-between;align-items:center;background:#fff;border-left:3px solid #2A4A8E;padding:50px 38px;}

.seppes-development .tit h3{font-size:50px;color:#141414;line-height:1;}

.seppes-development .tit .preview{width:60%;padding-bottom:2px;}
.seppes-development .tit .preview .swiper-wrapper{border-bottom:1px solid #CFCFCF;}
.seppes-development .tit .swiper-slide{font-size:19px;color:#999;line-height:65px;padding:0 15px;position:relative;cursor:pointer;text-align:center;}
.seppes-development .tit .swiper-slide::after{content:"";height:3px;background:#2a4a8e;position:absolute;left:0;right:0;bottom:-2px;opacity:0;}

.seppes-development .tit .active-nav{color:#2a4a8e;}
.seppes-development .tit .active-nav::after{opacity:1;}


.seppes-development .tit ul li+li{margin-left:50px;}
.seppes-development .tit ul li
.seppes-development .tit ul li.active{}
.seppes-development .tit ul li.active::after{opacity:1;}

.seppes-development .list{margin:50px 0 0;position:relative;background:#fff;border-left:3px solid #2A4A8E;padding:50px 38px;}
.seppes-development .list .swiper-slide .box > img{max-height:40px;}
.seppes-development .list .swiper-slide{}
.seppes-development .list .swiper-slide .pic{width:100%;display:block;overflow:hidden;}
.seppes-development .list .swiper-slide .pic img{width:100%;box-sizing:border-box;display:block;transition:all 0.5s ease 0s;}
.seppes-development .list .swiper-slide{display:flex;justify-content:space-between;}
.seppes-development .list .swiper-slide .box{flex:1;margin-right:50px;}
.seppes-development .list .swiper-slide .img{width:40%;}
.seppes-development .list .swiper-slide .img img{width:100%;aspect-ratio:1.49 / 1;object-fit:cover;}

.seppes-development .list .swiper-slide .txt{position:absolute;top:0;left:0;right:0;bottom:0;padding:0 40px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;}
.seppes-development .list .swiper-slide .txt h6{font-size:27px;color:#2a4a8e;font-weight:700;text-transform:uppercase;-webkit-text-stroke:1px #fff;text-stroke:1px #fff;}
.seppes-development .list .swiper-slide .box p{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    margin-top: 40px;
    font-size: 24px;
    color: #3b3b3b;
    line-height: 1.5;}
.seppes-development .list .swiper-slide .more{margin-top:40px;text-align: left;}
.seppes-development .list .swiper-slide .more a{display:inline-flex;align-items:center;color:#040404;font-size:20px;}
.seppes-development .list .swiper-slide .more a i{margin:2px 0 0 15px;font-size:22px;}
.seppes-development .list .swiper-slide .more a:hover{}


.seppes-development .list .swiper-slide.swiper-slide-active::after{display:none;}
.seppes-development .list .swiper-slide.swiper-slide-active .pic{box-shadow:0 0 15px rgba(0,0,0,0.22);}
.seppes-development .list .swiper-slide.swiper-slide-active .txt{opacity:1;}




@media screen and (max-width:1680px) {
.seppes-development .tit h3{font-size:48px;}
.seppes-development .list .swiper-slide .box p{font-size:23px;}
}

@media screen and (max-width:1550px) {
.seppes-development .tit h3{font-size:46px;}
.seppes-development .list .swiper-slide .box p{font-size:22px;}
}

@media screen and (max-width:1440px) {
.seppes-development .tit{padding:45px 38px;}
.seppes-development .tit h3{font-size:44px;}
.seppes-development .tit .swiper-slide{font-size:18px;line-height:60px;}

.seppes-development .list .swiper-slide .box p{margin-top:35px;font-size:21px;}
.seppes-development .list .swiper-slide .more{margin-top:35px;}
}

@media screen and (max-width:1367px) {
.seppes-development .tit{padding:40px 38px;}
.seppes-development .tit h3 {font-size:40px;}
.seppes-development .list .swiper-slide .box p{font-size:20px;}
}

@media screen and (max-width:1280px) {
.seppes-development{padding:60px 0 50px;}
.seppes-development .tit{padding:35px 35px;}
.seppes-development .tit h3{font-size:36px;}
.seppes-development .tit .preview{width:70%;}
.seppes-development .tit .swiper-slide{font-size:17px;line-height:55px;}
.seppes-development .list{margin:45px 0 0;padding:45px 35px;}
.seppes-development .list .swiper-slide .box p{margin-top:30px;font-size:18px;}
.seppes-development .list .swiper-slide .more{margin-top:30px;}
.seppes-development .list .swiper-slide .more a{font-size:18px;}
.seppes-development .list .swiper-slide .more a i{margin:1px 0 0 15px;font-size:20px;}

}

@media screen and (max-width:1171px) {
.seppes-development .tit{padding:35px 30px;}
.seppes-development .tit h3{font-size:33px;}
.seppes-development .list{margin:40px 0 0;padding:40px 30px;}
}

@media screen and (max-width:992px) {
.seppes-development .tit{padding:30px 25px;display:block;text-align:center;border-left:none;border-top:2px solid #2A4A8E;}
.seppes-development .tit h3{font-size:30px;}
.seppes-development .tit .preview{width:100%;margin:20px 0 0;}
.seppes-development .list{margin:45px 0 0;padding:40px 25px;border-left:none;border-top:2px solid #2A4A8E;}
.seppes-development .list .swiper-slide{display:block;}
.seppes-development .list .swiper-slide .img{width:100%;margin:20px 0 0;}
.seppes-development .list .swiper-slide .box{margin-right:0;text-align:center;}
.seppes-development .list .swiper-slide .box p{margin-top:25px;font-size:17px;}
.seppes-development .list .swiper-slide .more{margin-top:25px;text-align:center;}

}

@media screen and (max-width:768px) {
.seppes-development{padding:30px 0;}
.seppes-development .tit h3{font-size:28px;}
.seppes-development .tit{padding:30px 20px;}
.seppes-development .tit .swiper-slide{font-size:16px;line-height:50px;}
.seppes-development .list{margin:30px 0 0;padding:30px 20px;}
.seppes-development .list .swiper-slide .box p{margin-top:20px;}
.seppes-development .list .swiper-slide .more{margin-top:20px;font-size:16px;}
.seppes-development .list .swiper-slide .more a{font-size:17px;}
.seppes-development .list .swiper-slide .more a i{margin:1px 0 0 12px;font-size:18px;}

}

@media screen and (max-width:576px) {
.seppes-development .tit{padding:25px 15px 20px;}
.seppes-development .tit h3{font-size:26px;}
.seppes-development .tit .swiper-slide{font-size:15px;line-height:45px;}

.seppes-development .list{margin:25px 0 0;padding:25px 15px;}

}

@media screen and (max-width:480px) {
.seppes-development .tit h3{font-size:24px;}
.seppes-development .list .swiper-slide .box p{font-size:15px;}
.seppes-development .list .swiper-slide .box > img{max-height:35px;}
}

@media screen and (max-width:420px) {
.seppes-development .tit h3{font-size:22px;}
}