﻿.common-main.about-us{overflow:hidden}
.prospectsflex {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:60px;}
.prospectsflex-lef {flex:1;padding-right:80px;}
.prospectsflex-rig {width:612px;position:relative;padding-right:112px;height:500px;}
.prospectsflex-tit {font-weight:bold;font-size:30px;}
.prospectsflex-lef p {margin-top:12px;font-size:16px;}
.prospectsflex-rigpic {width:100%;height:100%;}
.prospectsflex-rigpic img {display:block;width:100%;height:100%;object-fit:contain;}
.prospectsflex-swiper {position:absolute;width:102px;height:100%;right:0;top:0;padding:30px 0;}
.prospectsflex-swiper .swiper {height:100%}
.prospectsflex-swiper .swiper .swiper-slide {border:1px solid transparent;cursor:pointer;}
.prospectsflex-swiper .swiper .prospectsact {border-color:var(--color)}
.prospectsflex-swiper .swiper .swiper-slide img {display:block;width:100%;height:100%;object-fit:contain;}
.prospectsflex-swiper .swiper-pagination {display:none}
.prospectsflex-btn>div {position:absolute;width:100%;height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--color);font-weight:bold;color:#fff;left:0;}
.prospectsflex-btn>div.prospectsflex-prev {top:0;}
.prospectsflex-btn>div.prospectsflex-next {bottom:0;}
.prospectsflex-btn>div.swiper-button-disabled {opacity:.4;cursor:default}
.prospectsflex-btn>div em {display:block;line-height:1;}
.prospectsflex-btn>div.prospectsflex-prev em {transform:rotate(180deg)}
@media (max-width:1280px){.prospectsflex-lef{padding-right:40px}
.prospectsflex-lef p{font-size:14px}
.prospectsflex-tit{font-size:28px}
.prospectsflex-rig{width:490px;height:400px;padding-right:90px}
.prospectsflex-swiper{width:80px}}
@media (max-width:1024px){.prospectsflex-lef{width:100%;padding:0 0 20px}
.prospectsflex-rig{width:100%;height:auto;padding:0;}
.prospectsflex-rigpic{display:none}
.prospectsflex-swiper{width:100%;padding:0;height:auto;position:static}
.prospectsflex-swiper .swiper{width:100%;height:auto;padding-bottom:40px}
.prospectsflex-swiper .swiper .prospectsact {border-color:transparent}
.prospectsflex-swiper .swiper-pagination {display:block;bottom:0;}
.prospectsflex-swiper .swiper-pagination-bullet-active{background:var(--color)}
.prospectsflex-btn>div{display:none}}
@media (max-width:768px){.prospectsflex-tit{font-size:24px}}
.developmentbox{position:relative;padding:60px 0;margin-bottom:50px}
.developmentbox>div{position:relative}
.developmentbox:before{content:'';width:100vw;height:100%;background:#252525;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.development-tit{text-align:center;font-weight:bold;font-size:30px;margin-bottom:40px;color:#fff}
.developmentflex{display:flex;flex-wrap:wrap;justify-content:space-between}
.developmentflex-lef{width:48%;}
.developmentflex-lef img{display:block;width:100%;display:block}
.developmentflex-rig{width:48%;color:#fff}
.developmentflex-swiper{position:relative;height:100%;}
.developmentflex-swiper .swiper{padding-bottom:50px;height:100%;}
.developmentflex-swiper .swiper-pagination{display:none}
.developmentflex-item{margin-bottom:20px}
.developmentflex-tit{font-size:22px;margin-bottom:5px}
.developmentflex-item p{font-size:16px;color:#eee}
.developmentflex-btn{position:absolute;right:0;bottom:0;display:flex;z-index:2;}
.developmentflex-btn>div{z-index:2;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color);border-radius:50%;margin-left:20px;cursor:pointer}
.developmentflex-btn>div.developmentflex-prev em{transform:rotate(90deg)}
.developmentflex-btn>div.developmentflex-next em{transform:rotate(-90deg)}
.developmentflex-btn>div.swiper-button-disabled {background:#444;cursor:default}
@media (max-width:1280px){.developmentflex-tit{font-size:20px}
.developmentflex-item p{font-size:14px}
.development-tit{font-size:28px}
.developmentflex-item{margin-bottom:12px}}
@media (max-width:1024px){.developmentflex-lef{width:100%;}
.developmentflex-rig{width:100%;padding-top:20px}
.developmentflex-btn{left:50%;right:auto;transform:translateX(-50%)}
.developmentflex-btn>div.developmentflex-prev{margin-left:0}}
@media (max-width:768px){.developmentflex-tit{font-size:18px}
.development-tit{font-size:24px;margin-bottom:25px}
.developmentbox{padding:40px 0;margin-bottom:30px}}
.about-swiper-box{padding:20px;background:url(/Content/uploads/20241071827/20241203152445d0dc9fcf9eb54e868092374a24c8c873.jpg) no-repeat;background-size:cover;box-sizing:border-box}
.about-swiper-box .about-swiper-prev{margin-right:10px}
.about-swiper-box .about-swiper-next{margin-left:10px}
.about-swiper-box .about-swiper-next,.about-swiper-box .about-swiper-prev{cursor:pointer;padding:10px;color:#fff;background:rgba(0,0,0,.5);box-sizing:border-box;font-size:25px;display:none;}
.about-swiper-box .about-swiper-container{display:flex;align-items:center;justify-content:space-between}
.about-swiper-box .swiper-slide img{width:100%}


.dh {margin:40px 0;padding:60px 0;position:relative}
.dh:before{content:'';width:100vw;max-width:1920px;height:100%;display:block;position:absolute;top:0;left:50%;transform: translateX(-50%);z-index:1;background:url(/uploads/42509/page/p202412031734121efcf.jpg) no-repeat center/cover;}
.dh>div{position:relative;z-index:2;}
.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:100%;height:480px;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:0px 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:bold;font-size:40px;margin-bottom:12px;text-align:right;line-height:1;color:#555;}
.dh .dh-cont #dh .swiper-slide img {display:block}
.dh .dh-cont #dh .swiper-slide .dh-slide-des {color:#222;line-height:1.8;}
.dh .dh-cont #dh .swiper-slide .dh-slide-des p {color:#222;line-height:1.5}
.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:bold;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(--color);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(--color) transparent transparent;position:absolute;right:23%}
.dhtop {text-align:right;margin-bottom:25px}
.dhtop-title {font-size:42px;font-weight:bold;line-height:1.4;margin-bottom:5px;color:#333;}
.dhtop-title span {color:var(--color);}
.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;}
.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:1440px){.dh .dh-cont #dh .swiper-slide .dh-slide-des p{line-height:1.3}}
@media (max-width:1366px){.dh .dh-cont #dh{padding-left:30px;}}
@media (max-width:1250px){.dh .dh-cont #dh{padding-left:120px}}
@media (max-width:1080px){.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{font-size:13px}
.dh .dh-cont{height:400px}
.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:670px}
.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;-webkit-line-clamp:9;}
.dh .dh-cont{height:440px}
.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}}
.about-swiper .swiper-wrapper{transition-timing-function: linear;}
.about-add-title{text-align:center;font-size:42px;font-weight:700;line-height:1.4;margin-bottom:5px;color:#333;line-height:2}
.kche-t134 .kche-t134-bottom{background-color:#F5F8F9;border-radius:0;}