﻿.dh{margin:-4% 0 -5%;padding:3% 0}
.dh>.flex-ai-c{flex-direction: column;align-items:flex-end}
.dh .single-title-s{width:auto;text-align:left}
.dh .single-title-s::after{content:"";display:block;width:128px;height:3px;background:var(--color);margin-top:10px}
.dh .dh-cont{width:100%;height:740px}
.dh .dh-cont #dh{width:calc(90% - 100px);height:100%;margin:0px auto;margin-left:0;}
.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;text-align: center;}
.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:1.5}
@media (min-width:1281px){.dh .dh-cont #dh .swiper-slide .dh-slide-des p{font-size:18px;line-height: 1.5;}}
@media (min-width:768px) and (max-width:1280px){.dh .dh-cont #dh .swiper-slide .dh-slide-des p{line-height: 1;}}
.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{height:850px}
.dh .dh-cont .dh-pagination p{padding:10px}
.dh .dh-cont #dh .swiper-slide .dh-slide-title{font-size:5vw;line-height:1.1;margin-bottom:10px}
.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.5;font-size:var(--fontsize14);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:17;overflow:hidden;}
}@media(max-width:480px){.dh .dh-cont{height:550px}
.dh .dh-cont #dh .swiper-slide .dh-slide-title{font-size:7vw}
.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}

.dh .dh-cont .dh-pagination p::before{width:20px;height:20px;border-radius:50%;background:#c1c1c1;right:-11px}
.dh .dh-cont .dh-pagination p.active::before{background:var(--color)}
.dh .dh-cont .dh-pagination p::before{opacity:1}
.dh-pagination-box{display:flex;flex-direction:column;align-items:flex-end}
.dh .dh-cont #dh .swiper-slide .info{display:flex;align-items: center;}
@media (min-width:769px){.dh .dh-cont #dh .swiper-slide .info>p{width:45%;}}
.dh .dh-cont #dh .swiper-slide .info>p img{width:100%;display:block;aspect-ratio: 1/1;object-fit: cover;}
.dh .dh-cont #dh .swiper-slide .dh-slide-des{width:50%;padding-left:5%;}
.dh .dh-cont #dh .swiper-slide .dh-slide-des{margin-top:0}
.mySwiper{width:100px;height:100%;position:relative;padding-right:20px;z-index:1111}
.mySwiper::after{content:'';position:absolute;right:10px;top:-40px;width:1px;height:100%;background:#c1c1c1}
.mySwiper .swiper-slide{position:relative;cursor:pointer}
.mySwiper .swiper-slide.swiper-slide-thumb-active::before{background:var(--color)}
.mySwiper .swiper-slide.swiper-slide-thumb-active{color:var(--color)}
.mySwiper .swiper-slide::before{width:20px;height:20px;border-radius:50%;content:"";display:block;background:#c1c1c1;position:absolute;right:-19px;top:0px;opacity:1;transition:opacity .3s}
.myswiper-content{height:100%;display:flex;flex-direction:column;align-items:flex-end;position:relative;padding:50px 0}
.myswiper-content .swiper-button-next1{margin-top:-30px;margin-right:-5px}
.myswiper-content .swiper-button-prev1{margin-bottom:10px;margin-right:-5px}
.myswiper-content .swiper-button-next1,.myswiper-content .swiper-button-prev1{width:30px;border-radius:50%;border:1px solid #c1c1c1;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:11111}
.myswiper-content .swiper-button-prev1 .iconfont{transform:rotate(180deg)}
@media (max-width:768px){.dh .dh-cont #dh .swiper-slide .info{display:unset}
.dh .dh-cont #dh .swiper-slide .dh-slide-des{max-height:unset;width:100%;padding:0}
.dh .dh-cont #dh .swiper-slide .info>p img{max-width:400px;margin:0 auto 15px}}
@media (max-width:480px){.dh .dh-cont{height:800px}
.dh .dh-cont #dh{margin-right:20px;}
.mySwiper{width:70px}
.dh .dh-cont #dh .swiper-slide .dh-slide-des p{font-size:var(--fontsize13);-webkit-line-clamp:24;line-height:1.4}}
.dh .dh-cont .swiper-free-mode>.swiper-wrapper{justify-content: space-between;}
.dh .dh-cont #dh .swiper-slide .dh-slide-des p{text-align: justify; }