﻿ .dh{margin:-4% 0 -5%;background-color:#F5F5F5}
.dh .single-title-s{width:200px;text-align:left}
.dh .single-title-s::after{content:"";display:block;width:53px;height:3px;background:var(--color);margin-top:10px}
.dh .dh-cont{width:calc(100% - 200px);height:780px}
.dh .dh-cont #dh{width:calc(90% - 100px);height:100%;margin:0px auto}
.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:var(--fontbold5);color:var(--color);font-size:80px;margin-bottom:20px}
.dh .dh-cont #dh .swiper-slide img{display:block}
.dh .dh-cont #dh .swiper-slide .dh-slide-des{color:var(--fontcolor);line-height:2;margin-top:30px}
.dh .dh-cont #dh .swiper-slide .dh-slide-des p{color:var(--fontcolor);line-height:2}
.dh .dh-cont .dh-pagination{height:100%;border-right:2px solid #E4E4E4;display:flex;flex-direction:column;justify-content:center}
.dh .dh-cont .dh-pagination p{font-size:var(--fontsize14);color:#999999;padding:20px 18px;position:relative;cursor:pointer}
.dh .dh-cont .dh-pagination p::before{content:"";display:block;width:2px;height:100%;background:var(--color);position:absolute;right:-1px;top:0px;opacity:0;transition:opacity .3s}
.dh .dh-cont .dh-pagination p.active{color:var(--color)}
.dh .dh-cont .dh-pagination p.active::before{opacity:1}
@media(max-width:900px){.dh .single-title-s{margin:30px 0 -20px}
.dh .dh-cont{width:100%;height:650px}
.dh .dh-cont #dh{margin:0px 30px 0px 0px;flex:1}
}@media(max-width:768px){.dh .dh-cont .dh-pagination p{padding:10px}
.dh .dh-cont #dh .swiper-slide .dh-slide-title{font-size:9.3333333333vw}
.dh .dh-cont #dh .swiper-slide .dh-slide-des{line-height:1.6;margin-top:10px}
.dh .dh-cont #dh .swiper-slide .dh-slide-des p{line-height:1.6}
}@media(max-width:480px){.dh .dh-cont{height:550px}
.dh .dh-cont #dh .swiper-slide .dh-slide-title{font-size:9.3333333333vw}
.dh .dh-cont #dh .swiper-slide .dh-slide-des{font-size:var(--fontsize14);max-height:190px;overflow:hidden}
}#dh{overflow:hidden}
.flex{display:flex;flex-wrap:wrap}
.flex-ai-c{display:flex;flex-wrap:wrap;align-items:center}