﻿.about-us{padding:0!important}
.about-us>.l-wrap{margin:0 auto;padding:0;max-width:1920px}
.banner-contant{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);}
.banner-contant .p1{color: #fff;}
.banner-contant span{width: 64px;height: 3px;background: #FFFFFF;display: block;margin: 25px 0;}
.banner-contant .p2{color: #fff;}
.indextitle{font-weight:700;font-size:var(--fontsize38);color:#000;line-height:1.25;font-family:var(--fontfamily1)}
.padding{padding:80px 0}
.module1{position:relative}
.module1 .module1-top{display:flex;align-items:center;justify-content:space-between}
.module1-left{width:46%;background:#fff;box-shadow:0 0 9px 0 rgba(2,2,2,.1);border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.module1-left img{width:100%;height:auto;transition:transform .5s ease}
.module1-right{flex:1;padding-left:5%}
.module1-right ul{margin-top:25px}
.module1-right ul li{color:#555;line-height:28px;margin-bottom:5px;transition:color .3s ease}
.module1-right ul li:hover span{color:var(--color)}
.module1-right ul li span{font-weight:var(--fontbold6);color:var(--color);transition:all .3s ease}
.module1-right ul li:hover span{transform:scale(1.05);display:inline-block}
.module1-bottom{display:flex;justify-content:space-between;margin-top:80px}
.module1-bottom .item{width:30%;text-align:center;transition:transform .3s ease}
.module1-bottom .item:hover{transform:translateY(-8px)}
.module1-bottom .icon{width:84px;height:84px;background:#fff;border-radius:50%;border:1px solid var(--color);display:flex;justify-content:center;align-items:center;margin:0 auto;transition:all .3s ease}
.module1-bottom .item:hover .icon{background:var(--color);box-shadow:0 5px 15px rgba(0,0,0,.1)}
.module1-bottom .icon em{font-size:34px;width:34px;line-height:1;color:var(--color);transition:color .3s ease}
.module1-bottom .item:hover .icon em{color:#fff}
.module1-bottom .item .title{font-size:var(--fontsize22);font-weight:var(--fontbold6);line-height:1;margin:15px 0 20px}
.module1-bottom .item .tit{color:#555;line-height:28px}
.module2 .contant{margin-top:40px}
.module2 .indextitle{text-align:center}
.module2 .item{display:flex;align-items:center;background:#f7f7f7;transition:transform .3s ease,box-shadow .3s ease}
.module2 .item:nth-of-type(2n){flex-direction:row-reverse}
.module2 .item:nth-of-type(2n) .info{padding-right:11%;padding-left:5%}
.module2 .item .info{width:50%;padding-left:11%;padding-right:5%}
.module2 .item .title{font-weight:700;font-size:var(--fontsize24);color:#000;transition:color .3s ease}
.module2 .item:hover .title{color:var(--color)}
.module2 .item .img{width:50%;overflow:hidden;position:relative}
.mod2Swiper img{width:100%;transition:transform .5s ease}
.mod2Swiper .swiper-pagination-bullet-active{background: #fff !important;}
.module2 .item .info .tit{color:#555;line-height:28px;margin-top:20px}
.module2 .item .info .btn{display:flex;margin-top:25px}
.module2 .item .info .btn a{padding:22px 35px;line-height:1;border-radius:6px;overflow:hidden;color:#fff;background:var(--color);transition:all .3s ease;text-decoration:none;display:inline-block}
.module2 .item .info .btn a:hover{background:#000;transform:translateX(5px);box-shadow:0 5px 15px rgba(0,0,0,.2)}
.module3{padding-top:80px;background:url(/Content/uploads/20261241215/2026051116420512a7d187062e4258afff50d4ca29e4fe.webp) center no-repeat;background-size:cover}
.module3 .modulehead{text-align:center;color:#fff;margin-bottom:50px}
.module3 .modulehead .indextitle{color:#fff;margin-bottom:15px}
.module3 .contant img{max-width:100%;height:auto;transition:transform .5s ease,box-shadow .3s ease}
.module4{background:url(/Content/uploads/20261241215/2026051116420500f136f919ce435db4dee4aea39dbdfa.webp) center no-repeat;background-size:cover;padding:80px 0}
.module4 .l-wrap{display:flex;justify-content:space-between;align-items:flex-end}
.module4 .l-wrap .left{width:50%}
.module4 .l-wrap .left .indextitle{color:#fff}
.module4 .l-wrap .left span{width:64px;height:3px;background:#fff;display:block;margin:30px 0}
.module4 .l-wrap .left p{color:#fff;line-height:28px}
.module4 .l-wrap .right{display:flex}
.module4 .l-wrap .right a{padding:20px 30px;line-height:1;background:var(--color);color:#fff;border-radius:8px;overflow:hidden;transition:all .3s ease;text-decoration:none;display:inline-block}
.module4 .l-wrap .right a:hover{background:#fff;color:var(--color);transform:translateX(8px);box-shadow:0 5px 15px rgba(0,0,0,.2)}
.module4 .l-wrap .right a em{margin-left:15px;transition:transform .3s ease}
.module4 .l-wrap .right a:hover em{transform:translateX(3px)}
@media screen and (max-width:1600px){.indextitle{font-size:var(--fontsize32)}
.padding{padding:60px 0}
.module1-bottom{margin-top:60px}
.module1-bottom .icon{width:70px;height:70px}
.module1-bottom .icon em{font-size:var(--fontsize28)}
.module2 .item .info{padding-left:4%;padding-right:30px}
.module2 .item:nth-of-type(2n) .info{padding-right:4%;padding-left:30px}
.module2 .item .info .btn a{padding:18px 28px}
.module3{padding-top:60px}
.module4{padding:60px 0}
.module4 .l-wrap .right a{padding:16px 24px}}
@media screen and (max-width:1440px){.indextitle{font-size:var(--fontsize28)}
.padding{padding:50px 0}
.module1-left{width:44%}
.module1-right ul li{line-height:24px}
.module1-bottom{margin-top:50px}
.module1-bottom .icon{width:60px;height:60px}
.module1-bottom .icon em{font-size:var(--fontsize24)}
.module1-bottom .item .title{font-size:var(--fontsize18)}
.module1-bottom .item .tit{line-height:24px}
.module2 .item .info .tit{line-height:24px;margin-top:15px}
.module2 .item .info .btn{margin-top:20px}
.module2 .item .info .btn a{padding:15px 22px}
.module3{padding-top:50px}
.module3 .modulehead{margin-bottom:40px}
.module4{padding:50px 0}
.module4 .l-wrap .right a{padding:14px 20px}}
@media screen and (max-width:1366px){.indextitle{font-size:var(--fontsize26)}
.padding{padding:45px 0}
.module1-left{width:43%}
.module1-right{padding-left:4%}
.module1-bottom{margin-top:45px}
.module1-bottom .icon{width:55px;height:55px}
.module1-bottom .icon em{font-size:var(--fontsize22)}
.module2 .item .info{padding-left:3%;padding-right:20px}
.module2 .item:nth-of-type(2n) .info{padding-right:3%;padding-left:20px}
.module2 .item .title{font-size:var(--fontsize20)}
.module2 .item .info .btn a{padding:12px 18px}
.module3{padding-top:45px}
.module4{padding:45px 0}
.module4 .l-wrap .right a{padding:12px 18px}}
@media screen and (max-width:1280px){.indextitle{font-size:var(--fontsize24)}
.padding{padding:40px 0}
.module1 .module1-top{flex-wrap:wrap;gap:30px}
.module1-left{width:100%}
.module1-right{width:100%;padding-left:0}
.module1-bottom{margin-top:40px}
.module1-bottom .item{width:31%}
.module1-bottom .icon{width:50px;height:50px}
.module1-bottom .icon em{font-size:var(--fontsize20)}
.module2 .item{flex-wrap:wrap}
.module2 .item .info{width:100%;padding:30px 5%}
.module2 .item .img{width:100%}
.module2 .item:nth-of-type(2n){flex-direction:column}
.module2 .item:nth-of-type(2n) .info{padding:30px 5%}
.module3{padding-top:40px}
.module4{padding:40px 0}
.module4 .l-wrap{flex-wrap:wrap;gap:30px}
.module4 .l-wrap .left{width:100%}
.module4 .l-wrap .right{width:100%}}
@media screen and (max-width:1024px){.indextitle{font-size:var(--fontsize22)}
.padding{padding:35px 0}
.module1 .module1-top{gap:25px}
.module1-right ul{margin-top:20px}
.module1-right ul li{line-height:22px}
.module1-bottom{margin-top:35px}
.module1-bottom .item{width:32%}
.module1-bottom .icon{width:45px;height:45px}
.module1-bottom .icon em{font-size:var(--fontsize18)}
.module1-bottom .item .title{font-size:var(--fontsize16)}
.module1-bottom .item .tit{line-height:22px;font-size:var(--fontsize12)}
.module2 .contant{margin-top:30px}
.module2 .item .info{padding:25px 4%}
.module2 .item:nth-of-type(2n) .info{padding:25px 4%}
.module2 .item .title{font-size:var(--fontsize18)}
.module2 .item .info .tit{line-height:22px;font-size:var(--fontsize13)}
.module2 .item .info .btn{margin-top:15px}
.module2 .item .info .btn a{padding:10px 15px;font-size:var(--fontsize13)}
.module3{padding-top:35px}
.module3 .modulehead{margin-bottom:30px}
.module3 .modulehead p{font-size:var(--fontsize13)}
.module4{padding:35px 0}
.module4 .l-wrap .left p{line-height:22px;font-size:var(--fontsize13)}
.module4 .l-wrap .right a{padding:10px 15px;font-size:var(--fontsize13)}}
@media screen and (max-width:768px){.indextitle{font-size:var(--fontsize20);line-height:1.3}
.padding{padding:25px 0}
.module1 .module1-top{gap:20px}
.module1-right ul{margin-top:15px}
.module1-right ul li{line-height:20px;font-size:var(--fontsize13)}
.module1-bottom{flex-wrap:wrap;gap:25px;margin-top:30px}
.module1-bottom .item{width:100%}
.module1-bottom .icon{width:50px;height:50px}
.module1-bottom .icon em{font-size:var(--fontsize20)}
.module1-bottom .item .title{font-size:var(--fontsize18);margin:12px 0 15px}
.module1-bottom .item .tit{line-height:20px;font-size:var(--fontsize13)}
.module2 .contant{margin-top:20px}
.module2 .item .info{padding:20px 4%}
.module2 .item:nth-of-type(2n) .info{padding:20px 4%}
.module2 .item .title{font-size:var(--fontsize16)}
.module2 .item .info .tit{line-height:20px;font-size:var(--fontsize12);margin-top:12px}
.module2 .item .info .btn{margin-top:12px}
.module2 .item .info .btn a{padding:8px 12px;font-size:var(--fontsize12)}
.module3{padding-top:25px}
.module3 .modulehead{margin-bottom:25px}
.module3 .modulehead p{font-size:var(--fontsize12);line-height:20px}
.module4{padding:25px 0}
.module4 .l-wrap{flex-direction:column;align-items:flex-start;gap:20px}
.module4 .l-wrap .left span{margin:20px 0}
.module4 .l-wrap .left p{line-height:20px;font-size:var(--fontsize12)}
.module4 .l-wrap .right{width:auto}
.module4 .l-wrap .right a{padding:8px 12px;font-size:var(--fontsize12)}
.banner-contant span{margin: 15px 0;height: 2px;}}
@media screen and (max-width:480px){.indextitle{font-size:var(--fontsize18)}
.padding{padding:20px 0}
.module1-right ul li{font-size:var(--fontsize12)}
.module1-bottom{gap:20px;margin-top:25px}
.module1-bottom .icon{width:45px;height:45px}
.module1-bottom .icon em{font-size:var(--fontsize18)}
.module1-bottom .item .tit{font-size:var(--fontsize12)}
.module2 .item .info{padding:15px 4%}
.module2 .item:nth-of-type(2n) .info{padding:15px 4%}
.module2 .item .info .tit{font-size:var(--fontsize11)}
.module3{padding-top:20px}
.module3 .modulehead{margin-bottom:20px}
.module4{padding:20px 0}}
@media screen and (max-width:320px){.indextitle{font-size:var(--fontsize16)}
.padding{padding:15px 0}
.module1 .module1-top{gap:15px}
.module1-right ul{margin-top:12px}
.module1-right ul li{line-height:18px;font-size:var(--fontsize11)}
.module1-bottom{gap:15px;margin-top:20px}
.module1-bottom .icon{width:40px;height:40px}
.module1-bottom .icon em{font-size:var(--fontsize16)}
.module1-bottom .item .title{font-size:var(--fontsize16);margin:10px 0 12px}
.module1-bottom .item .tit{line-height:18px;font-size:var(--fontsize11)}
.module2 .contant{margin-top:15px}
.module2 .item .info{padding:12px 4%}
.module2 .item:nth-of-type(2n) .info{padding:12px 4%}
.module2 .item .title{font-size:var(--fontsize14)}
.module2 .item .info .tit{line-height:18px;font-size:var(--fontsize10);margin-top:10px}
.module2 .item .info .btn{margin-top:10px}
.module2 .item .info .btn a{padding:6px 10px;font-size:var(--fontsize11)}
.module3{padding-top:15px}
.module3 .modulehead{margin-bottom:15px}
.module3 .modulehead p{font-size:var(--fontsize11)}
.module4{padding:15px 0}
.module4 .l-wrap{gap:15px}
.module4 .l-wrap .left span{margin:15px 0}
.module4 .l-wrap .left p{font-size:var(--fontsize11)}
.module4 .l-wrap .right a{padding:6px 10px;font-size:var(--fontsize11)}}





