﻿.dh{background:url(/uploads/39339/banner/2025021203213949d70.jpg) no-repeat 15% center;background-size:cover;margin:40px 0;padding:60px 0}
.dh .single-title-s{width:200px;text-align:left}
.dh .single-title-s::after{content:"";display:block;width:53px;height:3px;background:var(--color2);margin-top:10px}
.dh .dh-cont{width:100%;height:550px;display:flex;flex-direction:row-reverse;justify-content:space-between;flex-wrap:wrap;overflow:hidden;align-items:center}
.dh .dh-cont #dh{width:100%;height:100%;margin:0 auto;flex:1;padding-left:160px}
.dh .dh-cont #dh .swiper-slide{display:flex;flex-direction:column;justify-content:center}
.dh .dh-cont #dh .swiper-slide .dh-slide-title{font-weight:700;font-size:40px;margin-bottom:12px;text-align:right;line-height:1;color:#fff}
.dh .dh-cont #dh .swiper-slide img{display:block}
.dh .dh-cont #dh .swiper-slide .dh-slide-des{color:#fff;line-height:1.8}
.dh .dh-cont #dh .swiper-slide .dh-slide-des p{color:#fff;line-height:2}
.dh .dh-cont .dh-pagination{height:360px;border-right:2px solid #e4e4e4;width:160px;text-align:center}
.dh .dh-cont .dh-pagination .swiper-container{height:100%;width:100%}
.dh .dh-cont .dh-pagination .swiper-slide{cursor:pointer;display:flex;align-items:center;justify-content:center;color:#999;font-weight:700;font-size:25px;position:relative;opacity:.6}
.dh .dh-cont .dh-pagination .swiper-slide-prev{transform:scale(1.4);opacity:1}
.dh .dh-cont .dh-pagination .swiper-slide-next{transform:scale(1.4);opacity:1}
.dh .dh-cont .dh-pagination .swiper-slide.small{transform:scale(1.2);opacity:.8}
.dh .dh-cont .dh-pagination .swiper-slide-next+.swiper-slide{transform:scale(1.2);opacity:.8}
.dh .dh-cont .dh-pagination .swiper-slide-active{color:var(--color2);transform:scale(1.6);opacity:1}
.dh .dh-cont .dh-pagination .swiper-slide-active::after{content:"";border-width:4px 5px;border-style:solid;border-color:transparent var(--color2) transparent transparent;position:absolute;right:23%}
.dhtop{text-align:right;margin-bottom:25px}
.dhtop-title{font-size:42px;font-weight:700;line-height:1.4;margin-bottom:5px;color:#333}
.dhtop-title span{color:var(--color2)}
.dhtop-title+p{position:relative;padding-bottom:12px;margin-bottom:30px;display:inline-block}
.dhtop-title+p:after{content:"";background:linear-gradient(to right,rgb(5 62 152 / 5%),var(--color));width:80%;height:3px;border-radius:4px;position:absolute;bottom:0;right:0}
.dh-contflex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.dh-contlef{width:48%;text-align:right;flex:1;padding-right:100px;box-sizing:border-box}
.dh-contrig{width:50%;padding-left:50px;box-sizing:border-box}
.dh-contrig.dh-contrigsec{display:flex;justify-content:space-between}
.dh-contrig.dh-contrigsec>div{width:49.5%}
@media (max-width:1366px){.dh{background-position:22% center}
}
@media (max-width:1250px){.dh .dh-cont #dh{padding-left:120px}
}
@media (max-width:1080px){.dh{background-position:17% center}
.dhtop-title{font-size:36px}
.dh .dh-cont .dh-pagination{height:300px;width:130px}
.dh .dh-cont .dh-pagination .swiper-slide{font-size:20px}
.dh .dh-cont #dh .swiper-slide .dh-slide-title{font-size:30px}
.dh .dh-cont #dh .swiper-slide .dh-slide-des p{line-height:1.8;font-size:15px}
.dh .dh-cont{height:450px}
.dh .dh-cont #dh{padding-left:40px}
.dh-contrig{padding-left:30px}
}
@media (max-width:768px){.dh{background-position:22% top;position:relative;margin:30px 0;padding:40px 0}
.dh:before{content:"";width:100%;height:100%;background:rgba(255,255,255,.67);position:absolute;top:0;left:0}
.dh .l-wrap{position:relative}
.dhtop-title{font-size:27px}
.dhtop-title+p{font-size:15px}
.dh .dh-cont .dh-pagination{height:240px;width:100px}
.dh .dh-cont .dh-pagination .swiper-slide{font-size:15px}
.dh .dh-cont #dh .swiper-slide .dh-slide-title{font-size:30px}
.dh .dh-cont #dh .swiper-slide .dh-slide-des p{line-height:1.8;font-size:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:11;overflow:hidden}
.dh .dh-cont{height:540px}
.dh .dh-cont #dh{padding-left:40px}
.dh-contlef{width:100%}
.dh-contrig{padding:15px 0 0;width:100%;display:flex;justify-content:flex-end}
.dh-contflex{flex-direction:column}
.dh .dh-cont #dh .swiper-slide img{max-height:300px}
}
@media (max-width:560px){.dh{margin:30px 0;padding:40px 0}
.dhtop-title{font-size:27px}
.dhtop-title+p{font-size:15px}
.dh .dh-cont .dh-pagination{height:220px;width:80px}
.dh .dh-cont .dh-pagination .swiper-slide{font-size:12px}
.dh .dh-cont .dh-pagination .swiper-slide-active::after{border-width:3px}
.dh .dh-cont #dh .swiper-slide .dh-slide-title{font-size:25px;margin-bottom:6px}
.dh .dh-cont #dh .swiper-slide .dh-slide-des p{font-size:14px;display:inline-block}
.dh .dh-cont{height:650px}
.dh .dh-cont #dh{padding-left:20px}
.dh-contrig{padding:8px 0 0}
.dh .dh-cont #dh .swiper-slide img{max-height:160px}
.dh .dh-cont #dh{padding-left:20px}
}
.dhtop-title span{color:#fff}
.dh .dh-cont .dh-pagination{width:260px}
.dh .dh-cont #dh .swiper-slide .dh-slide-des p{text-align:left}
.abcerti{background:#eee;padding:4% 0;position:relative}
.abcerti .swiper-pagination{bottom:-25px;left:50%;transform:translateX(-50%)}
.abcerti .swiper-pagination-bullet{margin:0 4px}
.abcerti{margin-bottom:3%;padding-bottom:6%}
.abcerti .certiswiper{margin-top:3%}
.abcerti:after{content:"";width:100vw;height:100%;display:block;background:#eee;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-1}
.abcerti .swiper-pagination{bottom:40px}
@media (max-width:768px){.abcerti .certiswiper{padding-bottom:50px}
.abcerti .swiper-pagination{width:100%;bottom:30px}
.abcerti{padding-top:30px}
}
.dh{position:relative}
.dh .product-item-al{position:absolute;z-index:99999;bottom:10px;margin-top:0;left:50%;transform:translateX(-50%)}
.dh .product-button-next{transform:rotate(90deg)}
.dh .product-button-prev{transform:rotate(-90deg)}
@media (max-width:1600px){.dh .dh-cont .dh-pagination .swiper-slide{font-size:20px}
.dh .dh-cont #dh .swiper-slide .dh-slide-title{font-size:30px}
.dh .dh-cont #dh .swiper-slide .dh-slide-des p{font-size:14px}
}
@media (max-width:1440px){.dh-contlef{padding-right:20px}
.dh .dh-cont #dh{padding-left:60px}
.dh .dh-cont #dh .swiper-slide .dh-slide-des p{font-size:12px}
}
@media (max-width:1024px){.dh .dh-cont .dh-pagination{width:180px}
.dh .dh-cont .dh-pagination .swiper-slide{font-size:16px}
.dh .dh-cont #dh .swiper-slide .dh-slide-title{font-size:22px}
.dh .dh-cont #dh{padding-left:20px}
.dh-contlef{padding-right:0}
}
@media (max-width:768px){.dh .dh-cont #dh .swiper-slide .dh-slide-title{font-size:16px}
.dh .dh-cont .dh-pagination .swiper-slide{font-size:12px}
.dh .dh-cont .dh-pagination{width:130px}
.dh .dh-cont #dh .swiper-slide .dh-slide-title{font-size:16px}
}
