﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.banner-text{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;top: 0;flex-direction: column;}
.banner-text .p1{font-weight: var(--fontbold6);font-size: var(--fontsize42);line-height: 1;margin-bottom: 40px;color: #fff;}
.banner-text .p2{color: #fff;text-align: center;}
@media (max-width:1366px) {
    .banner-text .p1{font-size: var(--fontsize36);margin-bottom: 25px;}
}
@media (max-width:1024px) {
    .banner-text .p1{font-size: var(--fontsize28);}
}
@media (max-width:768px) {
    .banner-text .p1{font-size: var(--fontsize24);}
}
@media (max-width:768px) {
    .banner-text .p1{font-size: var(--fontsize22);}
}
.r-d-center>.l-wrap{max-width:100%;padding:0}
.r-d-center.common-main{padding:0}
.modtitle{font-weight:var(--fontbold6);font-size:42px;color:#000003;line-height:1.52}
.modhead{text-align:center}
.modhead .moddesc{justify-content:center}
.mod-padding{padding:5% 0}
.moddesc{display:flex;align-items:center;gap:10px;margin-top:30px}
.moddesc div:first-of-type{display:inline-block;width:60px;height:5px;background:var(--color);border-radius:3px}
.moddesc div:nth-of-type(2){display:inline-block;width:5px;height:5px;background:var(--color);border-radius:50%}
.mod-intro{font-size: var(--fontsize16);color: var(--introcolor);margin: 25px auto 0;padding: 0 5%;}
.module-btn {display: flex;}
.module-btn a {display: flex;align-items: center;color: rgb(255, 255, 255);line-height: 1;gap: 15px;border-radius: 28px;background: var(--color);padding: 12px 30px;transition: all .3s ease-in-out;}
.module-btn a em{width: 30px;height: 30px;background: #FFFFFF;border-radius: 50%;color: var(--color);display: flex;justify-content: center;align-items: center;font-size: 14px;}
.module-btn a:hover{text-decoration: unset;gap: 25px;color: #fff;}
.module1{background: url(/Content/uploads/20261289013/202606050915339a49666e7cca42a1a453a2145f2b91bc.webp)center no-repeat;background-size: cover;padding: 150px 0;}
.module1-content{text-align: center;padding: 80px 55px;background: #ffffffbf;border-radius: 10px;overflow: hidden;}
.module1 .modtitle{color:#000}
.module1 .moddesc{justify-content:center}
.module1-desc{margin-top:40px}
.module1-desc p{margin-bottom: 15px;color: #515362;line-height: 30px;}
.module1-desc p:last-child{margin-bottom:0}
.module2-item{display: flex;flex-direction: column;align-items: center;flex: 1;background: #fff;box-shadow: 0px 0px 20px 5px #bfbfbf59;border-radius: 10px;padding: 50px 40px;justify-content: space-between;}
.module2-item .module-btn{margin-top: 35px;}
.module2-body{display: flex;gap: 32px;margin-top: 50px;}
.module2-info{display: flex;align-items: center;gap: 25px;}
.module2-left{width: 62%;}
.module2-right{flex: 1;}
.module2-right img{width: 100%;display: block;}
.module2-title{font-weight: var(--fontbold6);font-size: 22px;color: #111111;line-height: 34px;}
.module2-tag{font-weight: var(--fontbold6);font-size: var(--fontsize18);color: var(--color);margin-top: 15px;line-height: 1.25;height: 70px;padding-bottom: 20px;margin-bottom: 30px;position: relative;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;display: -webkit-box;}
.module2-tag::after{position: absolute;content: '';width: 40px;height: 3px;background: var(--color);border-radius: 2px;left: 0;bottom: 0;}
.module3{background: #ECF7F7;}
.module3-body{display:flex;gap:60px;margin-top:50px;align-items:center}
.module3-left{width:60%}
.module3-right{width:40%}
.module3-swiper{padding-bottom:40px}
.module3-img{border-radius:var(--borderradius);overflow:hidden;aspect-ratio:4/3}
.module3-img img{width:100%;height:100%;object-fit:cover;display:block}
.module3-info{flex:1}
.mod3button-next,.mod3button-prev{width: 46px;height: 46px;border-radius: 50%;border: 1px solid var(--color);display: flex;justify-content: center;align-items: center;position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;cursor: pointer;transition: all .3s ease-in-out}
.mod3button-prev{right: 15px;}
.mod3button-next{left: 15px;}
.mod3button-next em,.mod3button-prev em{font-size: 18px;width: 18px;color: var(--color);line-height: 1;transition: all .3s ease-in-out;}
.module3-desc p{color: #515362;line-height: 30px;margin-bottom: 10px;}
.module3-desc p:last-child{margin-bottom:0}
.module3-desc{flex: 1;}
.module3-swiper .swiper-pagination .swiper-pagination-bullet{background: var(--color);}
.mod3button-next:hover, .mod3button-prev:hover{background: var(--color);}
.mod3button-next:hover em, .mod3button-prev:hover em{color: #fff;}
.module3-gallery{width: 48%;position: relative;border-radius: 10px;overflow: hidden;}
.module4-body{display: flex;background: #ECF7F7;overflow: hidden;margin-top: 50px;}
.module4-left,.module4-right{flex: 1;}
.module4-left{padding: 70px 40px;}
.module4-left .module4-items1{display:none}
.module4-left .module4-items1:first-child{display:block}
.module4-left .module4-items1{display: none;}
.module4-left ul li{display: flex;gap: 15px;margin-bottom: 20px;}
.module4-left ul li:nth-last-child(1){margin-bottom: 0;}
.module4-left .title{font-weight: var(--fontbold6);font-size: var(--fontsize22);color: #333333;line-height: 1;}
.module4-left .desc{color: #515362;line-height: 30px;margin: 20px 0;}
.module4-left ul li .data{width: 30px;height: 30px;background: var(--color);border-radius: 50%;color: #fff;display: flex;justify-content: center;align-items: center;}
.module4-left ul li .info{flex: 1;}
.module4-left ul li .info .p1{font-weight:var(--fontbold6);font-size: var(--fontsize18);color: var(--color);line-height: 30px;}
.module4-left ul li .info .p2{color: #515362;margin-top: 10px;}
.module4-right{position: relative;z-index: 1;background: url(/Content/uploads/20261289013/2026060815083207da8bbf78a848c6823dc1ce2a9cda9c.webp)center no-repeat;background-size: cover;}
.module4-row{width: 100%;height: 100%;}
.module4-col{float: left;width: 33.33%;height: 100%;position: relative;border-right: 1px solid #eeeeee66;}
.module4-col:nth-last-child(1){border-right: none;}
.module4-colbox{display: block;width: 100%;height: 100%;}
.module4-cont {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;padding: 0 15px;}
.module4-deco {display: block;width: 6rem;height: 6rem;opacity: 1;transition: .1s;transform: translateZ(0);margin: 0 auto;}
.module4-deco::before {content: '';left: 50%;position: absolute;top: 50%;transform: translate3d(-50%, -50%, 0) scale(.75);transition: .4s;border: 1px solid #ffffff4d;border-radius: 100%;height: 3rem;width: 3rem;}
.module4-deco>div{background: #ffffffcc;border: 1px solid #fff;border-radius: 100%;height: 1.2rem;left: 50%;position: absolute;top: 50%;transform: translate3d(-50%, -50%, 0) scale(.5);transition: .4s;width: 1.2rem;}
.module4-deco::after {content: '';left: 50%;position: absolute;top: 50%;transform: translate3d(-50%, -50%, 0) scale(.75);transition: .4s;border: 1px solid #ffffff1a;border-radius: 100%;height: 4rem;width: 4rem;}
.module4-sub {font-size: var(--fontsize22);margin-top: 20px;text-align: center;font-weight: var(--fontbold6);color: #FFFFFF;line-height: 36px;transition: all .3s ease-in-out;}
.module4-imgbox {position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;}
.module4-imgbox::before {content: '';position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;background: rgba(0, 0, 0, .1);}
.module4-img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all .5s;overflow: hidden;}
.module4-poster {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
.module4-img.act {opacity: 1;}
.module5{background: #ECF7F7;}
.module5-imgbox{background: #FFFFFF;border-radius: 10px;padding: 50px 40px;}
.module5-time{display: flex;gap: 10px;color: var(--color);font-size: 18px;line-height: 1;margin-bottom: 25px;}
.module5-text{font-weight: var(--fontbold6);font-size: var(--fontsize18);color: #111111;height: 97px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;display: -webkit-box;}
.module5-swiper .swiper-slide {border-radius: 10px;overflow: hidden;margin-top: 50px;aspect-ratio: 20 / 11;}
.module5-body{margin-top: 50px;position: relative;}
.module5-swiper .mod5Swiper2 .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.module5-swiper .mod5Swiper2 .swiper-pagination .swiper-pagination-bullet{background: var(--color);}
.mod5button-next,.mod5button-prev{width: 46px;height: 46px;background: #FFFFFF;border-radius: 50%;border: 1px solid #54B780;display: flex;justify-content: center;align-items: center;position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;cursor: pointer;transition: all .3s ease-in-out;}
.mod5button-prev{right: -60px;}
.mod5button-next{left: -60px;}
.mod5button-next em,.mod5button-prev em{font-size: 18px;width: 18px;color: var(--color);line-height: 1;}
.mod5button-next:hover, .mod5button-prev:hover{background: var(--color);}
.mod5button-next:hover em, .mod5button-prev:hover em{color: #fff;}
@media (max-width: 1640px) {.module1{padding:130px 0}
.module1-content{padding:70px 50px}
.module2-body{gap:28px}
.module2-item{padding:45px 35px}
.module3-body{gap:50px}
.module4-left{padding:60px 35px}
.mod5button-prev{right:-55px}
.mod5button-next{left:-55px}}
@media (max-width: 1440px) {.modtitle{font-size:38px}
.module1{padding:115px 0}
.module1-content{padding:60px 45px}
.module2-body{gap:24px}
.module2-item{padding:40px 30px}
.module2-title{font-size:20px;line-height:30px}
.module2-tag{font-size:16px;height:auto;padding-bottom:15px;margin-bottom:20px}
.module3-body{gap:40px}
.module3-left{width:55%}
.module3-right{width:45%}
.module3-desc p{line-height:28px}
.module4-left{padding:50px 30px}
.module5-imgbox{padding:40px 30px}
.mod5button-prev{right:-50px}
.mod5button-next{left:-50px}}
@media (max-width: 1366px) {.modtitle{font-size:36px}
.module1{padding:100px 0}
.module1-content{padding:50px 40px}
.module2-body{gap:20px}
.module2-item{padding:35px 25px}
.module2-left{width:55%}
.module2-right{flex:1}
.module2-title{font-size:18px;line-height:28px}
.module2-tag{font-size:15px;margin-top:10px}
.module3-body{gap:30px}
.module3-left{width:55%}
.module3-right{width:45%}
.module4-left{padding:45px 25px}
.module4-left .desc{line-height:28px}
.module4-sub{font-size:20px;line-height:30px}
.module4-deco{width:5.5rem;height:5.5rem}
.module4-deco::before{height:2.5rem;width:2.5rem}
.module4-deco i{height:1rem;width:1rem}
.module4-deco::after{height:3.5rem;width:3.5rem}
.mod5button-prev,.mod5button-next{width:42px;height:42px}
.mod5button-prev{right:-48px}
.mod5button-next{left:-48px}
.mod5button-next em,.mod5button-prev em{font-size:16px;width:16px}
.module5-text{height:auto}
.module5-time{font-size:16px;margin-bottom:20px}}
@media (max-width: 1024px) {.modtitle{font-size:32px}
.moddesc{margin-top:20px}
.mod-intro{margin-top:20px;padding:0 2%}
.module1{padding:80px 0}
.module1-content{padding:40px 30px}
.module1-desc{margin-top:30px}
.module2-body{flex-direction:column;gap:24px;margin-top:35px}
.module2-item{padding:30px 25px}
.module2-info{flex-direction:column}
.module2-left{width:100%}
.module2-right{width:100%}
.module2-right img{max-width:280px;margin:0 auto}
.module2 .module-btn{margin-top:20px}
.module3-body{flex-direction:column;gap:30px;margin-top:35px}
.module3-gallery{width:100%}
.module3-left,.module3-right{width:100%}
.module4-body{flex-direction:column;margin-top:35px}
.module4-left,.module4-right{flex:auto}
.module4-right{min-height:280px;padding: 80px 0;}
.module4-col{float:left;width:33.33%;min-height:100px}
.module5-body{margin-top:35px}
.module5-imgbox{padding:35px 25px}
.module5-swiper .swiper-slide{aspect-ratio:16/9;margin-top:35px}
.mod5button-prev,.mod5button-next{top:auto;bottom:-55px;transform:none}
.mod5button-prev{right:calc(50% - 55px)}
.mod5button-next{left:calc(50% - 55px)}}
@media (max-width: 768px) {.modtitle{font-size:28px}
.module1{padding:60px 0}
.module1-content{padding:30px 20px}
.module1-desc p{line-height:26px;font-size:14px}
.module2-body{gap:20px;margin-top:30px}
.module2-item{padding:25px 20px}
.module2-title{font-size:18px;line-height:26px}
.module2-tag{font-size:14px;padding-bottom:12px;margin-bottom:15px}
.module2-tag::after{width:30px;height:2px}
.module3-swiper{padding-bottom:30px}
.module3-desc p{font-size:14px;line-height:26px}
.mod3button-next,.mod3button-prev{width:36px;height:36px}
.mod3button-next em,.mod3button-prev em{font-size:14px;width:14px}
.mod3button-prev{right:10px}
.mod3button-next{left:10px}
.module4-left{padding:30px 20px}
.module4-left .desc{font-size:14px;line-height:26px;margin:15px 0}
.module4-left ul li{gap:12px;margin-bottom:15px}
.module4-left ul li .info .p1{font-size:15px;line-height:24px}
.module4-left ul li .info .p2{font-size:13px;margin-top:6px}
.module4-left ul li .data{width:26px;height:26px;font-size:12px}
.module4-right{min-height:220px}
.module4-col{min-height:80px}
.module4-deco{width:5rem;height:5rem}
.module4-deco::before{height:2.2rem;width:2.2rem}
.module4-deco::after{height:3.2rem;width:3.2rem}
.module4-deco i{height:.9rem;width:.9rem}
.module4-sub{font-size:16px;line-height:26px;margin-top:15px}
.module5-imgbox{padding:25px 20px}
.module5-time{font-size:15px;margin-bottom:15px}
.module5-text{font-size:15px}
.module5-swiper .swiper-slide{margin-top:25px}
.mod5button-prev,.mod5button-next{width:38px;height:38px}
.mod5button-next em,.mod5button-prev em{font-size:14px;width:14px}}
@media (max-width: 550px) {.modtitle{font-size:24px;line-height:1.4}
.moddesc{margin-top:15px;gap:8px}
.moddesc span:first-of-type{width:40px;height:4px}
.moddesc span:nth-of-type(2){width:4px;height:4px}
.mod-intro{font-size:14px;margin-top:15px;padding:0}
.module1{padding:45px 0}
.module1-content{padding:25px 15px}
.module1-desc{margin-top:20px}
.module1-desc p{font-size:13px;line-height:24px;margin-bottom:10px}
.module2-body{gap:16px;margin-top:25px}
.module2-item{padding:20px 15px}
.module2-title{font-size:17px;line-height:24px}
.module2-tag{font-size:13px;margin-top:8px}
.module2-desc{font-size:13px}
.module-btn{margin-top:20px}
.module-btn a{padding:10px 20px;font-size:14px;gap:10px}
.module-btn-icon{width:24px;height:24px}
.module3-body{margin-top:25px;gap:20px}
.module3-swiper{padding-bottom:25px}
.module3-desc p{font-size:13px;line-height:24px;margin-bottom:8px}
.mod3button-next,.mod3button-prev{width:32px;height:32px}
.mod3button-next em,.mod3button-prev em{font-size:12px;width:12px}
.mod3button-prev{right:5px}
.mod3button-next{left:5px}
.module4-body{margin-top:25px}
.module4-left{padding:25px 15px}
.module4-left .title{font-size:18px}
.module4-left .desc{font-size:13px;line-height:24px}
.module4-left ul li{gap:10px;margin-bottom:12px}
.module4-left ul li .data{width:22px;height:22px;font-size:11px}
.module4-left ul li .info .p1{font-size:14px;line-height:22px}
.module4-left ul li .info .p2{font-size:12px;margin-top:4px}
.module4-right{min-height:auto}
.module4-col{width:33.33%;min-height:70px}
.module4-deco{width:4rem;height:4rem}
.module4-deco::before{height:1.8rem;width:1.8rem}
.module4-deco::after{height:2.6rem;width:2.6rem}
.module4-deco i{height:.7rem;width:.7rem}
.module4-sub{font-size:14px;line-height:22px;margin-top:10px}
.module5-body{margin-top:25px}
.module5-imgbox{padding:20px 15px}
.module5-time{font-size:14px;margin-bottom:12px}
.module5-text{font-size:14px}
.module5-swiper .swiper-slide{margin-top:20px;aspect-ratio:4/3}
.mod5button-prev,.mod5button-next{width:34px;height:34px;bottom:-45px}
.mod5button-prev{right:calc(50% - 45px)}
.mod5button-next{left:calc(50% - 45px)}
.mod5button-next em,.mod5button-prev em{font-size:12px;width:12px}
.module5{padding-bottom: 80px;}}
@media (max-width: 414px) {
.modtitle{font-size:22px}
.module1{padding:35px 0}
.module1-content{padding:20px 12px;border-radius:8px}
.module1-desc p{font-size:12px;line-height:22px}
.module2-item{padding:18px 12px}
.module2 .module-btn{margin-top:15px}
.module2-right img{max-width:200px}
.module3-body{gap:15px}
.module4-body{border-radius:8px;overflow:hidden}
.module4-left{padding:20px 12px}
.module4-left ul li .info .p1{font-size:13px}
.module4-col{width:100%;float:none;border-right:none;border-bottom:1px solid #eeeeee66;height:65px;min-height:65px}
.module4-col:nth-last-child(1){border-bottom:none}
.module4-deco{width:3.2rem;height:3.2rem}
.module4-deco::before{height:1.4rem;width:1.4rem}
.module4-deco::after{height:2.2rem;width:2.2rem}
.module4-deco i{height:.6rem;width:.6rem}
.module4-sub{font-size:13px;line-height:20px}
.module5-imgbox{padding:18px 12px;border-radius:8px}
.module5-time{font-size:13px;gap:6px}
.module5-text{font-size:13px}
.mod5button-prev,.mod5button-next{width:30px;height:30px;bottom:-40px}
.mod5button-prev{right:calc(50% - 38px)}
.mod5button-next{left:calc(50% - 38px)}}

.module4-col:hover .module4-deco::after{border: 1px solid #ffffff;}
.module4-col:hover .module4-deco::before{border: 1px solid #ffffff;}
.module4-col:hover .module4-sub{color: var(--color);}
.module4-col:hover .module4-deco>div{transform: translate3d(-50%, -50%, 0) scale(.8);}