@import url(https://js01.v15cdn.com/single-template/public.css);
.bannercard{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;justify-content: center;align-items: center;}
.bannercard .l-wrap{display: flex;align-items: center;gap: 60px;}
.bannercard .l-wrap>div{flex: 1;}
.banner-left ul{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 20px;}
.banner-left ul li{display: flex;align-items: center;gap: 20px;}
.banner-left ul li:nth-of-type(2n-1){width: 55%;}
.banner-left ul li:nth-of-type(2n){width: 40%;}
.banner-left ul img{width: 50px;height: 50px;min-height: unset;}
.banner-left .banner-logo img{width: 320px;min-height: unset;}
.banner-left .module-btn{margin-top: 40px;}
.banner-title{font-weight: 600;font-size: 42px;color: #111111;line-height: 60px;}
.banner-span{display: block;width: 100px;height: 6px;background: var(--color);margin: 20px 0 30px;}
.nf-trisolve-anti-aging-solution>.l-wrap{max-width:100%;padding:0}
.nf-trisolve-anti-aging-solution.common-main{padding:0}
.modtitle{font-weight:var(--fontbold6);font-size:42px;color:#000003;line-height:1.52}
.modtit{color:#515362;line-height:26px;margin-top:30px;}
.modhead .modtit{padding:0 8%}
.modhead{text-align:center}
.modhead .moddesc{justify-content: center;}
.modtitle span{color: var(--color);}
.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%}
.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 .l-wrap{display: flex;gap: 60px;align-items: center;}
.module1 .l-wrap>div{flex: 1;}
.module1-tit{color: #515362;line-height: 30px;}
.module1 .moddesc{margin: 25px 0;}
.module1-list{background: #FFFFFF;border-radius: 6px;padding: 20px;margin: 30px 0;box-shadow: 0px 0px 10px 5px #47474717;}
.module1 .title{font-weight: var(--fontbold6);color: var(--color);line-height: 1;margin-bottom: 10px;}
.module1-list ul li{display: flex;align-items: center;gap: 10px;}
.module1-list ul li em{width: 36px;height: 36px;background: #FFFFFF;border-radius: 50%;border: 1px solid var(--color);display: flex;justify-content: center;align-items: center;font-size: 18px;line-height: 1;color: var(--color);}
.module1-list ul li p{color: #515362;line-height: 1;padding: 15px 0;border-bottom: 1px solid #eee;flex: 1;}
.module1-item{background: #ECF7F7;border-radius: 6px;display: flex;padding: 10px 55px 10px 20px;gap: 10px;align-items: center;margin-top: 25px;}
.module1-icon{width: 60px;height: 60px;background: var(--color);border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.module1-icon em{font-size: 28px;width: 28px;line-height: 1;color: #fff;}
.module1-item p{font-weight: var(--fontbold6);font-size: var(--fontsize18);line-height: 30px;flex: 1;}
.module1-item p span{color: var(--color)}
.module2{background: url(/Content/uploads/20261289013/202606091742062918973289bf4b05953c0064b1257cd1.webp)center no-repeat;background-size: cover;}
.module2 .l-wrap{display: flex;justify-content: space-between;align-items: center;}
.module2-left{width: 42%;}
.module2-right{width: 50%;text-align: center;padding: 50px 0;position: relative;}
.module2-box{position: absolute;text-align: left;}
.module2-box .title{font-weight: var(--fontbold6);font-size: var(--fontsize20);color: #111111;line-height: 30px;}
.module2-box .text{color: #515362;line-height: 30px;margin-top: 15px;}
.module2-box.box1{left: 0;top: 15px;width: 45%;}
.module2-box.box2{right: -27px;top: -15px;width: 35%;}
.module2-box.box3{bottom: 0;left: 0;width: 35%;}
.module2-box.box4{right: 0;bottom: 20px;width: 30%;}
.module3-contant{margin-top: 50px;}
.module3-list ul{display: flex;gap: 20px;justify-content: center;}
.module3-list ul li{display: flex;background: #ECF7F7;border-radius: 10px 10px 0px 0px;padding: 20px 42px;gap: 20px;align-items: center;cursor: pointer;}
.module3-list ul li.active{background: var(--color);}
.module3-list ul li.active em{color: #fff;}
.module3-list ul li.active p{color: #fff;}
.module3-list ul li p{font-weight: var(--fontbold5);font-size: var(--fontsize18);color: #000003;line-height: 1;}
.module3-list ul li em{font-size: 28px;width: 28px;line-height: 1;color: var(--color);}
.module3-gard{padding: 40px 20px;background: #FFFFFF;border-radius: 10px;box-shadow: 0px 0px 15px 0px #63636333;}
.module3-itemcom{display: flex;gap: 20px;}
.module3-box{flex: 1;background: #ECF7F7;border-radius: 10px;padding: 20px 30px;display: flex;flex-direction: column;}
.module3-box .module3-images img{aspect-ratio: 1/1;width: 100%;object-fit: cover;}
.module3-images{border-radius: 6px;border: 1px solid var(--color);overflow: hidden;}
.module3-images .module3-title{height: 70px;background: var(--color);color: #fff;display: flex;justify-content: center;align-items: center;padding: 0 30px;}
.module3-images .module3-title p{-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;color: #fff;}
.module3-box p{color: #515362;line-height: 30px;}
.module3-box ul{margin: 15px 0;}
.module3-box ul li{color: #515362;line-height: 30px;}
.module3-box ul li strong{color: var(--color);}
.module3-box .title{display: flex;align-items: center;gap: 10px;}
.module3-box .title p{font-weight:var(--fontbold6);font-size: var(--fontsize22);color: #111111;line-height: 30px;}
.module3box{justify-content: center;}
.module3-items{display: none;}
.module3 .module-btn{justify-content: center;margin-top: 50px;}
.module3 .module-btn a{background: var(--color1);}
.module4-content{display: flex;gap: 30px;margin-top: 50px;}
.module4-box{flex: 1;height: 400px;border-radius: 10px; overflow: hidden;position: relative;color: #fff;transition: all .3s ease-in-out;}
.module4-box.active{flex: 2;}
.module4-box.active .module4-info .card{height: auto;opacity: 1;}
.module4-box.active .module4-info{background: #222782bf;}
.module4-info{position: absolute;bottom: 0;left: 0;width: 100%;padding: 40px;background: #00000085;height: 100%;display: flex;flex-direction: column;justify-content: center;transition: all .3s ease-in-out;}
.module4-box img{width: 100%;height: 100%;object-fit: cover;}
.module4-info .title{font-weight: var(--fontbold6);font-size: var(--fontsize22);}
.module4-info .card{height: 0;opacity: 0;transition: all .3s ease-in-out;}
.module4-info .card .p1{line-height: 30px;margin: 25px 0 20px;}
.module4-info .card .p2{font-size: var(--fontsize18);line-height: 30px;font-weight: var(--fontbold6);}
.module5-contant{display: flex;gap: 60px;margin-top: 50px;}
.module5-contant>div{flex: 1;}
.module5-faq .itembox{padding: 20px;background: #ECF7F7;border-radius: 6px;margin-bottom: 20px;text-align: left;position: relative;}
.module5-icon{position: absolute;right: 20px;top: 20px;}
.module5-icon em{font-size: 22px;line-height: 1;width: 22px;color: var(--color);}
.module5-faq .itembox .tit{font-weight: var(--fontbold6);font-size: var(--fontsize18);color: #000003;line-height: 1;}
.module5-faq .itembox .box{margin-top: 20px;color: #515362;line-height: 30px;}
.module5-image{overflow: hidden;border-radius: 10px;}
.module5-image img{width: 100%;height: 100%;object-fit: cover;}
.module5-faq .itembox.active .tit{color: var(--color);}
.module6{background:url(/Content/uploads/20261289013/20260602145604c2fed09aa0e6434e9033eed3c974c2d7.webp)center no-repeat;background-size:cover}
.module6-grid{display:flex;justify-content:space-between;gap:30px;margin-top:50px}
.module6-card{width: calc(33.333% - 20px);display: flex;flex-direction: column;align-items: center;text-align: center;padding: 50px 30px;border-bottom: 5px solid var(--color);transition: all .3s ease;box-shadow: 0 0 14px 0 #75757540;border-radius: 10px;position: relative;background: #fff;}
.module6-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.08);transform:translateY(-5px)}
.module6-icon{width:120px;height:120px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:40px;box-shadow:inset 0 0 20px 2px #54b78040;position:relative;border:15px solid #fff}
.module6-icon::after{position:absolute;content:'';width:125px;height:125px;border-radius:100%;border:1px solid #caead766}
.module6-icon em{color:var(--color);font-size:38px;line-height:1;width:38px}
.module6-card-title{padding-bottom: 30px;position: relative;font-weight: var(--fontbold6);font-size: var(--fontsize22);color: #000003;line-height: 34px;}
.module6-card p{font-size:var(--fontsize16);color:#515362;line-height:30px}
.module7 .l-wrap{display: flex;align-items: center;gap: 70px;}
.module7{background: url(/Content/uploads/20261289013/20260609174207f3866dd448eb46eca6de219ce5cb4448.webp) center no-repeat;background-size: cover;}
.module7-right{background: #FFFFFF;border-radius: 10px;width: 48%;padding: 70px 40px;overflow: hidden;text-align: center;}
.module7-left{flex: 1;}
.module7 .modtitle{color: #fff;}
.module7-right .title{font-weight: var(--fontbold6);font-size: var(--fontsize30);color: #000003;line-height: 46px;margin-bottom: 15px;}
.module7-right .text{color: #515362;line-height: 30px;margin-bottom: 35px;padding: 0 5%;}
.module7 .modtit{color: #FFFFFF;line-height: 30px;}
.module7 .wmkcfeedback .inquiry-form>*{width: 100%;}
@media (max-width:1640px){
    .modtitle{font-size:36px}
    .moddesc{margin-top:15px}
    .banner-title{font-size:36px;line-height:50px}
    .banner-span{height:5px;margin:15px 0 25px}
    .module1 .l-wrap{gap:40px}
    .module5-contant{gap:40px}
    .module5-contant .module5-faq .itembox{padding:15px;margin-bottom:15px}
    .module6-card{padding:35px 20px}
    .module6-icon{width:100px;height:100px}
    .module6-icon::after{width:105px;height:105px}
    .module6-icon em{font-size:32px;width:32px}
    .banner-left .banner-logo img{width: 250px;}
}
@media (max-width:1440px){
    .modtitle{font-size:32px}
    .banner-title{font-size:32px;line-height:45px}
    .banner-left .banner-logo img{width:260px}
    .module1 .l-wrap{gap:30px}
    .module1-item{padding:10px 30px 10px 15px}
    .module1-icon{width:50px;height:50px}
    .module1-icon em{font-size:24px;width:24px}
    .module2-box .title{font-size:18px}
    .module2-right{width: 55%;}
    .module3-list ul li{padding:15px 30px}
    .module3-gard{padding:30px 15px}
    .module4-content{gap:20px}
    .module4-box{height:340px}
    .module5-contant{gap:30px}
    .module6-card{padding:30px 15px}
    .module6-icon{width:90px;height:90px}
    .module6-icon::after{width:95px;height:95px}
    .module6-icon em{font-size:28px;width:28px}
    .module7 .l-wrap{gap:50px}
    .module7-right{padding:50px 30px}
}
@media (max-width:1366px){
    .modtitle{font-size:28px}
    .banner-title{font-size:28px;line-height:40px}
    .banner-left .banner-logo img{width:220px}
    .banner-left ul li img{width:40px;height:40px}
    .banner-left .module-btn{margin-top:30px}
    .module1 .l-wrap{gap:25px}
    .module1-list{padding:15px}
    .module1-list ul li p{padding:12px 0}
    .module1-item{padding:8px 20px 8px 12px}
    .module1-icon{width:45px;height:45px}
    .module1-icon em{font-size:22px;width:22px}
    .module1-item p{font-size:16px;line-height:26px}
    .module2-box .title{font-size:16px}
    .module2-box .text{font-size:14px;line-height:26px;margin-top:10px}
    .module3-list ul li{padding:12px 24px;gap:15px}
    .module3-list ul li p{font-size:16px}
    .module3-list ul li em{font-size:24px;width:24px}
    .module3-box{padding:15px 20px}
    .module4-box{height:300px}
    .module4-info{padding:30px}
    .module4-info .title{font-size:20px}
    .module5-contant .module5-faq .itembox{padding:15px 12px}
    .module5-icon{right:12px;top:15px}
    .module5-icon em{font-size:18px;width:18px}
    .module5-faq .itembox .tit{font-size:16px}
    .module6-card{padding:25px 12px}
    .module6-icon{width:80px;height:80px}
    .module6-icon::after{width:85px;height:85px}
    .module6-icon em{font-size:24px;width:24px}
    .module6-card-title{font-size:20px;padding-bottom:20px}
    .module6-card p{font-size:14px;line-height:26px}
    .module7-right{padding:40px 25px}
    .module7-right .title{font-size:26px;line-height:38px}
    .module7-right .text{font-size:14px;line-height:26px}
}
@media (max-width:1220px){
    .modtitle{font-size:26px}
    .banner-left .banner-logo img{width: 200px;}
    .banner-right{width: 35%;flex: unset !important;}
    .banner-title{font-size:26px;line-height:36px}
    .banner-span{width:80px;height:4px}
    .module1 .l-wrap{flex-direction:column}
    .module1 .l-wrap>div{width:100%}
    .module2 .l-wrap{flex-direction:column}
    .module2-left{width:100%;text-align:center}
    .module2-right{width:100%;position:relative;padding:55px 0 30px}
    .module2-left .moddesc{justify-content: center;}
    .module2-left{margin-bottom: 35px;}
    .module3-list ul{gap:15px;flex-wrap:wrap}
    .module3-list ul li{padding:12px 20px}
    .module3-gard{padding:25px 10px}
    .module3-box ul li{line-height:26px}
    .module4-content{flex-direction:column;gap:15px}
    .module4-box{height:280px;flex:unset}
    .module4-box.active{flex:unset}
    .module5-contant{flex-direction:column}
    .module5-contant>div{width:100%}
    .module6-grid{flex-wrap:wrap}
    .module6-card{width:calc(50% - 15px)}
    .module6-icon{margin-bottom: 20px;}
    .module7 .l-wrap{flex-direction:column-reverse}
    .module7-left,.module7-right{width:100%}
    .module7-right{padding:40px 20px}
}
@media (max-width:1024px){
    .modtitle{font-size:24px}
    .bannercard{zoom: .8;}
    .modtit{margin-top:20px;font-size:14px;line-height:24px}
    .banner-title{font-size:24px;line-height:34px}
    .banner-left .banner-logo img{width:180px}
    .banner-left ul{gap:15px}
    .banner-left ul li:nth-of-type(2n-1){width:52%}
    .banner-left ul li:nth-of-type(2n){width:43%}
    .banner-left ul img{width:35px;height:35px}
    .module1-list{margin:20px 0}
    .module1-list ul li em{width:30px;height:30px;font-size:14px}
    .module1-item{margin-top:20px}
    .module1-icon{width:40px;height:40px}
    .module1-icon em{font-size:20px;width:20px}
    .module1 .module1-img img{width: 100%;}
    .module1-item p{font-size:14px;line-height:24px}
    .module2-box.box1,.module2-box.box2,.module2-box.box3,.module2-box.box4{position:relative;width:100%;margin:0 auto 15px;right:unset;left:unset;top:unset;bottom:unset}
    .module3-list ul li{padding:10px 16px;gap:10px}
    .module3-list ul li p{font-size:14px}
    .module3-list ul li em{font-size:20px;width:20px}
    .module3-box{padding:12px 15px}
    .module3-images .module3-title{height:55px;font-size:14px}
    .module3-box .title p{font-size:18px}
    .module4-box{height:250px}
    .module4-info{padding:20px}
    .module4-info .title{font-size:18px}
    .module4-info .card .p1{font-size:14px;margin:15px 0 12px;line-height:24px}
    .module4-info .card .p2{font-size:16px;line-height:26px}
    .module5-contant{margin-top:30px}
    .module5-faq .itembox{padding:12px 10px;margin-bottom:12px}
    .module5-icon{right:10px;top:12px}
    .module5-icon em{font-size:16px;width:16px}
    .module5-faq .itembox .tit{font-size:14px}
    .module5-faq .itembox .box{margin-top:12px;font-size:14px;line-height:24px}
    .module6-grid{gap:20px}
    .module6-card{width:calc(50% - 10px);padding:20px 10px}
    .module6-icon{width:70px;height:70px;margin-bottom:25px}
    .module6-icon::after{width:75px;height:75px}
    .module6-icon em{font-size:22px;width:22px}
    .module6-card-title{font-size:18px;padding-bottom:15px}
    .module6-card p{font-size:14px;line-height:24px}
    .module7-right .title{font-size:22px;line-height:32px}
    .module7-right .text{font-size:14px}
    .module7 .modtit{font-size:14px;line-height:24px}
}
@media (max-width:768px){
    .modtitle{font-size:22px}
    .modtit{padding:0;font-size:14px}
    .moddesc{margin-top:15px}
    .banner-left ul,.banner-left .module-btn{display: none;}
    .bannercard .l-wrap>div{text-align: center;}
    .moddesc div:first-of-type{width:45px;height:4px}
    .banner-title{font-size:22px;line-height:32px}
    .banner-span{width:70px;height:4px;margin:12px auto 20px}
    .banner-left .banner-logo img{width:160px}
    .banner-left ul{flex-direction:column;gap:10px}
    .banner-left ul li:nth-of-type(2n-1),.banner-left ul li:nth-of-type(2n){width:100%}
    .banner-left ul img{width:30px;height:30px}
    .banner-left .module-btn{margin-top:20px}
    .module-btn a{padding:10px 24px;font-size:14px}
    .module-btn a em{width:24px;height:24px;font-size:12px}
    .module1-tit{font-size:14px;line-height:24px}
    .module1-list{padding:12px}
    .module1-list ul li em{width:28px;height:28px;font-size:14px}
    .module1-list ul li p{font-size:14px;padding:10px 0}
    .module1-item{padding:8px 15px 8px 10px;margin-top:15px}
    .module1-icon{width:36px;height:36px}
    .module1-icon em{font-size:18px;width:18px}
    .module1-item p{font-size:14px;line-height:22px}
    .module2{padding:5% 0}
    .module3{padding:5% 0}
    .module3-list ul li{padding:8px 12px;gap:8px}
    .module3-list ul li p{font-size:13px}
    .module3-list ul li em{font-size:18px;width:18px}
    .module3-gard{padding:20px 8px}
    .module3-box{padding:10px 12px}
    .module3-images .module3-title{height:48px;padding:0 15px;font-size:13px}
    .module3-box .title p{font-size:16px;line-height:24px}
    .module3-box p{font-size:13px;line-height:22px}
    .module3-box ul li{font-size:13px;line-height:22px}
    .module3-itemcom{flex-wrap: wrap;}
    .module3-box{flex: unset !important; width: 48%;}
    .module3box{width: 100% !important;}
    .module4{padding:5% 0}
    .module4-content{margin-top:30px;gap:12px}
    .module4-box{height:220px}
    .module4-info{padding:15px}
    .module4-info .title{font-size:16px}
    .module4-info .card .p1{font-size:13px;line-height:22px;margin:10px 0 8px}
    .module4-info .card .p2{font-size:14px;line-height:22px}
    .module5{padding:5% 0}
    .module5-content{margin-top:30px}
    .module5-faq .itembox{padding:10px 8px;margin-bottom:10px}
    .module5-icon{right:8px;top:10px}
    .module5-icon em{font-size:14px;width:14px}
    .module5-faq .itembox .tit{font-size:13px}
    .module5-faq .itembox .box{margin-top:10px;font-size:13px;line-height:22px}
    .module6{padding:5% 0}
    .module6-grid{margin-top:30px;gap:15px}
    .module6-card{width:100%;padding:25px 15px}
    .module6-icon{width:80px;height:80px;margin-bottom:20px}
    .module6-icon::after{width:85px;height:85px}
    .module6-icon em{font-size:26px;width:26px}
    .module6-card-title{font-size:18px}
    .module7{padding:5% 0}
    .module7-right{padding:30px 15px}
    .module7-right .title{font-size:20px;line-height:30px}
    .module7-right .text{font-size:13px;line-height:22px;margin-bottom:25px}
    .module7 .modtit{font-size:13px;line-height:22px}
    .module7 .wmkcfeedback .inquiry-form input,
    .module7 .wmkcfeedback .inquiry-form textarea,
    .module7 .wmkcfeedback .inquiry-form select{padding:10px 12px;font-size:14px}
}
@media (max-width:550px){
    .modtitle{font-size:20px}
    .modtit{font-size:13px;line-height:22px}
    .banner-title{font-size:20px;line-height:28px}
    .banner-span{width:60px;height:3px}
    .banner-left .banner-logo img{width:140px}
    .banner-left ul img{width:26px;height:26px}
    .module-btn a{padding:8px 20px;font-size:13px;gap:10px}
    .module-btn a em{width:22px;height:22px;font-size:11px}
    .module1 .title{font-size:14px}
    .module1-list ul li em{width:26px;height:26px;font-size:12px}
    .module1-list ul li p{font-size:13px;padding:8px 0}
    .module1-icon{width:32px;height:32px}
    .module1-icon em{font-size:16px;width:16px}
    .module1-item p{font-size:13px;line-height:20px}
    .module2-box .title{font-size:14px;line-height:22px}
    .module2-box .text{font-size:13px;line-height:22px}
    .module3-list ul li{padding:8px 10px;gap:8px}
    .module3-list ul li p{font-size:12px}
    .module3-list ul li em{font-size:16px;width:16px}
    .module3-gard{padding:15px 5px}
    .module3-box{padding:8px 10px}
    .module3-images .module3-title{height:42px;font-size:12px}
    .module3-box .title p{font-size:14px;line-height:20px}
    .module3-box p{font-size:12px;line-height:20px}
    .module3-box ul li{font-size:12px;line-height:20px}
    .module4-box{height:200px}
    .module4-info{padding:12px}
    .module4-info .title{font-size:14px}
    .module4-info .card .p1{font-size:12px;line-height:20px}
    .module4-info .card .p2{font-size:13px;line-height:20px}
    .module5-faq .itembox{padding:8px 6px;margin-bottom:8px}
    .module5-icon{right:6px;top:8px}
    .module5-icon em{font-size:12px;width:12px}
    .module5-faq .itembox .tit{font-size:12px}
    .module5-faq .itembox .box{margin-top:8px;font-size:12px;line-height:20px}
    .module6-card{padding:20px 12px}
    .module6-icon{width:70px;height:70px;margin-bottom:15px}
    .module6-icon::after{width:75px;height:75px}
    .module6-icon em{font-size:22px;width:22px}
    .module6-card-title{font-size:16px;line-height:26px}
    .module6-card p{font-size:13px;line-height:22px}
    .module7-right{padding:25px 12px}
    .module7-right .title{font-size:18px;line-height:26px}
    .module7-right .text{font-size:12px;line-height:20px;margin-bottom:20px}
    .module7 .wmkcfeedback .inquiry-form input,
    .module7 .wmkcfeedback .inquiry-form textarea,
    .module7 .wmkcfeedback .inquiry-form select{font-size:13px}
}
.wmpage107-page5 .wmpage-title{text-align:center;margin-bottom:6px}
.wmpage107-page5 .title-line{position:relative;height:3px}
.wmpage107-page5 .title-line::after{content:'';position:absolute;left:45%;width:10%;background:var(--color);height:3px}
.wmpage107-page5 .page5-list{display:flex;justify-content:space-between;position:relative;margin-top:50px}
.wmpage107-page5 .page5-li{width:49%;border-radius:5px;overflow:hidden}
.wmpage107-page5 .page5-li-contant{overflow:hidden;position:relative}
.wmpage107-page5 .page5-li-img{transition:all .4s ease 0s}
.wmpage107-page5 .page5-li-img-p{position:absolute;top:25px;left:25px;color:#fff;z-index:2}
.wmpage107-page5 .page5-li-text{position:absolute;width:100%;height:100%;top:0;left:0;color:#fff;z-index:2}
.wmpage107-page5 .page5-li-text-bottom{position:absolute;bottom:20px;left:0;width:100%;padding:0 25px;max-height:150px;overflow:hidden;transition:all .4s ease 0s}
.wmpage107-page5 .page5-li-text-btn1{transition:background .3s linear;background:var(--color);color:#fff;width:auto;display:inline-block;padding:2px 10px;font-size:var(--fontsize14);border-radius:35px;text-align:center}
.wmpage107-page5 .page5-li-text-p1{font-size:var(--wmpage-font20,20px);margin:6px 0 10px;font-weight:var(--fontbold6)}
.wmpage107-page5 .page5-li-text-p2{margin-bottom:25px}
.wmpage107-page5 .page5-li-text-btn2 a{transition:background .3s linear;background:var(--color);border:1px solid var(--color);color:#fff;padding:10px 24px;border-radius:35px;text-align:center;display:inline-flex}
.wmpage107-page5 .page5-li-text-btn2:hover a{background-color:transparent}
.wmpage107-page5 .page5-li:hover .page5-li-img{transform:scale(1.03)}
.wmpage107-page5 .page5-li:hover .page5-li-text-bottom{max-height:100%}
@media (max-width:1024px){.wmpage107-page5 .page5-li{width:100%}
.wmpage107-page5 .page5-list{flex-wrap:wrap;margin-top:20px}
.wmpage107-page5 .page5-li{margin-top:20px}
.wmpage107-page5 .page5-li-img{text-align:center}
}
@media (max-width:768px){.wmpage107-page5 .page5-li{margin-top:4%}
.wmpage107-page5 .page5-li .page5-li-contant::before{transform:translate(-50%,-50%) scale(1);background:#000;opacity:.5;z-index:1}
.wmpage107-page5 .page5-li .page5-li-text-bottom{bottom:10px;padding:0 10px;max-height:100%}
.wmpage107-page5 .page5-li-text-p1{font-size:var(--wmpage-font20)}
.wmpage107-page5 .page5-li-text-p2{display:none}
.wmpage107-page5 .page5-li-img-p{left:10px;top:10px}
}
@media (max-width:550px){.wmpage107-page5 .page5-li{margin-top:20px}}
.module3 .contant{display:flex;gap:28px;margin-top:50px}
.module3 .contant .item{flex:1;border-radius:10px;overflow:hidden;position:relative}
.module3 .contant .item .img img{width: 100%;}
.module3 .contant .info{position: absolute;padding: 90px 40px;bottom: 0;width: 100%;height: 100%;display: flex;justify-content: space-between;flex-direction: column;z-index: 1;}
.module3 .contant .info .p1{font-weight: var(--fontbold6);font-size: var(--fontsize34);color: #fff;line-height: 1.52;padding: 15px 0;width: 85%;}
.module3 .contant .info .p2{font-weight: bold;font-size: var(--fontsize22);color: var(--color);line-height: 1;}
.module3 .info-bottom{display: flex;gap: 15px;}
.module3 .info-bottom em{font-size: 26px;width: 26px;line-height: 1;color: #fff;}
.module3 .info-bottom p{color: #fff;font-weight: bold;font-size: var(--fontsize22);line-height: 1;}
.module3 .contant .item::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, #000000ad 0%, rgb(0 0 0 / 40%) 100%);z-index: 0;}
.module3.back{background: url(/Content/uploads/20261289013/20260625112950dbd292e286fc4c6781d92e269f0ec4c6.webp)center no-repeat;background-size: cover;}