@import url(https://js01.v15cdn.com/single-template/public.css);
.banner-inner .banner-content{background: #000;border-bottom: 1px solid #000;}
.banner-inner .banner-title-h1{color: #fff;}
.bannercontent{position: absolute;width: 100%;height: 100%;top: 0;display: flex;align-items: center;}
.bannercontent .l-wrap{display: flex;justify-content: space-between;align-items: center;}
.banleft{width: 42%;}
.banright{width: 48%;}
.oem-odm>.l-wrap{max-width:100%;margin:0;padding:0}
.oem-odm .page-main{padding:0}
.padding{padding:5% 0}
.modhead{text-align:center}
.modutext{color:#a1a0a6;line-height:26px;margin-top:15px}
.moduletitle{font-weight:var(--fontbold6);font-size:var(--fontsize42);color:#fff;line-height:1.25;}
.modular-span{display:inline-block;background:rgba(251,91,33,.08);border-radius:21px;border:1px solid rgba(251,91,33,.23);padding:14px 25px;line-height:1;margin-bottom: 25px;}
.modular-span p{padding-left:20px;position:relative;color:#e98b24}
.modular-span p::after{position:absolute;content:'';width:8px;height:8px;background:var(--color);border-radius:50%;left:0;top:4px}
.bannertext{color: #A1A0A6;line-height: 26px;margin-top: 20px;}
.module-btns{display: flex;margin-top: 40px;}
.module-btns a{padding: 20px 32px;line-height: 1;background: var(--color);border-radius: 50px;color: #fff;display: flex;align-items: center;gap: 15px;transition: all .3s ease-in-out;}
.module-btns a em{font-size: 22px;width: 22px;}
.module-btns a:hover{text-decoration: unset;gap: 25px;}
@media (max-width:1640px) {.moduletitle{font-size: var(--fontsize36);}}
@media (max-width:1440px) {.moduletitle{font-size: var(--fontsize32);}}
@media (max-width:1366px) {.moduletitle{font-size: var(--fontsize28);}}
@media (max-width:1200px) {.moduletitle{font-size: var(--fontsize26);}}
@media (max-width:1024px) {.moduletitle{font-size: var(--fontsize24);}}
@media (max-width:768px) {.moduletitle{font-size: var(--fontsize22);}}
.module1{background:url(/Content/uploads/20261231085/202606021753129acab46adb944ed1b66a5ac78832816b.webp) center no-repeat;background-size:cover}
.module1 .l-wrap{display:flex;justify-content:space-between;align-items:center;}
.module1-left{width: 45%;}
.module1-left .moduletitle{line-height: 1.52;}
.module1-right{width: 45%;border-radius: 30px;overflow: hidden;position: relative;}
.module1-right p{background: #2d2d2d9c;border-radius: 10px;position: absolute;bottom: 20px;width: 95%;color: #fff;padding: 17px 20px;line-height: 1;left: 20px;}
.module1-text{margin-top:30px}
.module1-text p{color:#a1a0a6;line-height:26px}
.module1-icon{margin-top: 25px;}
.module2{background:#252421;padding-top: 5%;}
.module2-down{margin: 20px 0;}
.module2 .modhead .modutext{max-width: 55%;margin: 15px auto 0;}
.module2-contant{padding: 45px 60px 5%;display: flex;justify-content: space-between;background: linear-gradient(-55deg, #000000 49%, #252421 100%);border-radius: 30px 30px 0px 0px;border: 1px solid rgba(255, 255, 255, 0.07);align-items: center;}
.module2-item{width: 44%;}
.module2-info{width: 53%;}
.mod2Swiper .swiper-slide{aspect-ratio: 4 / 7;}
.mod2Swiper .swiper-slide img{width: 100%;height: 100%;object-fit: cover;border-radius: 25px;}
.module2-btns{display: flex;justify-content: center;margin-top: 30px;gap: 20px;}
.module2-btns>div{width: 49px;height: 49px;border-radius: 50%;border: 1px solid #A1A0A6;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: all .3s ease-in-out;}
.module2-btns>div em{font-size: 24px;width: 23px;line-height: 1;color: #fff;}
.module2-btns div:hover{background: var(--color);border-color: var(--color);}
.module2-info ul li{color: #A1A0A6;display: flex;gap: 10px;margin-bottom: 8px;}
.module2-info ul li:nth-last-child(1){margin-bottom: 0;}
.module2-info ul li em{line-height: 1;margin-top: 10px;color: var(--color);font-size: 20px;}
.mod2title{color: #fff;margin: 15px 0;}
.module3{background: linear-gradient(90deg, #161616 33%, #2D2D2D 98%);}
.module3-contant{margin-top: 40px;}
.module3-item{display: flex;justify-content: space-between;}
.module3-box{width: 15%;height: 115px;background: rgba(45, 45, 45, 0.7);border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.07);text-align: center;display: flex;flex-direction: column;justify-content: center;}
.module3-left .module3-box{margin-right: 11.5%;}
.module3-right .module3-box{margin-left: 11.5%;}
.module3-box p:nth-of-type(1){color: var(--color);}
.module3-box p:nth-of-type(2){color: #A1A0A6;line-height: 1.25;}
.module3-span{margin: 15px 0;}
.module4{position: relative;background: linear-gradient(45deg, #252421 0%, #161616 100%);overflow: hidden;z-index: 3;}
.module4::after{position: absolute;content: '';width: 800px;height: 800px;left: 50%;transform: translateX(-50%);bottom: -50%;border-radius: 100%;background: radial-gradient(#ff44004f 10%, #ff44004f 30%, #ff440038 50%, #ff44000a 65%, #ffffff00 100%);z-index: -1;opacity: .5;}
.module4-contant{padding: 40px 90px;background:#6b6b6bcc;margin-top: 40px;border-radius: 50px;}
.module4-contant .titiel{text-align: center;font-weight: bold;font-size: 32px;color: #FFFFFF;line-height: 1;margin-bottom: 10px;}
@media (max-width:1440px) {.module2 .modhead .modutext{max-width: 80%;}
.module4-contant .titiel{font-size: 26px;}}
@media (max-width:1366px) {.module1-right{width: 46%;}
.module1-left{width: 48%;}
.module1-icon img{max-width: 50%;}
.module4-contant .titiel{font-size: 24px;}}
@media (max-width:1024px) {.module1 .l-wrap{flex-direction: column-reverse;}
.module1-left{width: 100%;margin-top: 20px;}
.module1-icon img{max-width: 25%;}
.module1-right{width: 100%;}
.module1-right img{width: 100%;}
.module2-contant{flex-direction: column;padding: 30px 35px 5%;}
.module2-item{width: 100%;}
.module2-info {width: 100%;margin-top: 30px;}
.module3-span{display: none;}
.module3-contant{display: flex;}
.module3-item{flex-direction: column;width: 50%;align-items: center;gap: 20px;}
.module3-left .module3-box{margin-right: 0;}
.module3-right .module3-box{margin-left: 0;}
.module3-box{width: 85%;height: auto;padding: 50px 0;}
.module4-contant{padding: 25px 30px;}
.module4-contant .titiel{font-size: 22px;}}
@media (max-width:768px) {.banleft{width: 60%;}
.module2 .modhead .modutext{max-width: 100%;}
.module4-contant{margin-top: 25px;padding: 20px 15px;}
.module4-contant .titiel{font-size: 18px;}}