﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage146-page1{background:#f6f6f6}
.wmpage146-page1 .wmpage146-page1-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage146-page1 .wmpage146-page1-list .wmpage146-page1-item{width:23%;background:#fff;border-radius:5px;text-align:center;position:relative;padding:80px 0;border-bottom:2px solid transparent;box-shadow:0 5px 61px -15px rgba(0,0,0,.1);transition:all .4s ease}
.wmpage146-page1 .wmpage146-page1-item .wmpage146-page1-icon em{font-size:var(--wmpage-font50);color:var(--color);display:inline-block;width: var(--wmpage-font50);line-height: 1;}
.wmpage146-page1 .wmpage146-page1-item .wmpage146-page1-title{font-size:var(--wmpage-font20);font-weight:var(--fontbold5);color:var(--wmpage-color20);margin-top:15px}
.wmpage146-page1 .wmpage146-page1-item .wmpage146-page1-btn{background:var(--color);color:#fff;font-weight:var(--fontbold6);border-radius:30px;min-width:140px;height:46px;position:absolute;display:inline-flex;justify-content:center;align-items:center;bottom:-23px;left:50%;transform:translateX(-50%);transition:all .4s ease;opacity:0}
.wmpage146-page1 .wmpage146-page1-item:hover .wmpage146-page1-btn{opacity:1}
.wmpage146-page1 .wmpage146-page1-item:hover{border-bottom:2px solid var(--color)}
.wmpage146-page1 .wmpage146-page1-item .wmpage146-page1-btn:hover{background:#000;color:#fff}
@media screen and (max-width:1024px){.wmpage146-page1 .wmpage146-page1-list .wmpage146-page1-item{width:49%;margin-bottom:20px}}
@media screen and (max-width:768px){.wmpage146-page1 .wmpage146-page1-list .wmpage146-page1-item{width:100%;margin-bottom:40px;padding:40px 0}
.wmpage146-page1 .wmpage146-page1-item .wmpage146-page1-icon em{font-size:42px;width:42px}
.wmpage146-page1 .wmpage146-page1-item .wmpage146-page1-title{margin-top:10px}
.wmpage146-page1 .wmpage146-page1-item:last-child{margin-bottom:0}
.wmpage146-page1 .wmpage146-page1-item .wmpage146-page1-btn{min-width:126px;height:40px;opacity:1}}
.wmpage76-page3 .wmpage76-page3-into{display:flex;justify-content:center;margin-bottom:15px}
.wmpage76-page3 .wmpage76-page3-into span{width:6px;height:6px;background:var(--color);border-radius:100%;margin:0 3px}
.wmpage76-page3 .wmpage76-page3-solutions .wmpage-title{text-align:center;margin-bottom:35px}
.wmpage76-page3{position:relative}
.wmpage76-page3::after{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);height:100%;width:100%;max-width:1920px;background:#ececec;z-index:-1}
.wmpage76-page3 .wmpage76-page3-ulli1{list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage76-page3 .wmpage76-page3-ulli1 li{width:23%;background:#fff;margin-bottom:2em;padding:25px;border-radius:4px;transition:all .1s linear;cursor:pointer}
.wmpage76-page3 .wmpage76-page3-name{font-weight:var(--fontbold6);font-size:var(--fontsize20);padding-bottom:10px}
.wmpage76-page3 .wmpage76-page3-ulli1 li:hover{background:var(--color);color:#fff}
@media (max-width:1200px){.wmpage76-page3 .wmpage76-page3-ulli1 li{width:24%;margin-bottom:1%;padding:20px}
.wmpage76-page3 .wmpage76-page3-name{font-size:var(--wmpage-font18)}}
@media (max-width:1024px){.wmpage76-page3 .wmpage76-page3-ulli1 li{width:49%;margin-bottom:2%}}
@media (max-width:550px){.wmpage76-page3 .wmpage76-page3-ulli1 li{width:100%}
.wmpage76-page3 .wmpage76-page3-name{padding-bottom:0}}
.beauty-anti-aging>.l-wrap{padding: 0;max-width: 100%;}
.beauty-anti-aging .page-main{padding: 0;}
.anti-des{text-align:center;color:#666;line-height:30px;margin-top:30px}
@media screen and (max-width:1024px){
.anti-des{margin-top:10px!important}}
.antipage1{padding-top: 5%;}
.antipage1.mode1 .info{width:61%;padding:0 0 0 5%}
.antipage1.mode1 .img{width:35%}
.antipage1.mode1 .box{padding:5% 0}
.antipage1.mode1 .txt{margin-top:30px}
.antipage1.mode1 .box::before{height:100%;width:82.5%}
.antipage1 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.antipage1 .list .item{width:24%;display:flex;flex-direction:column;padding:40px 20px;background-color:#fff;border-radius:6px;margin-top:3%}
.antipage1 .list .item .icon{display:flex;justify-content:center}
.antipage1 .list .item .title{flex:1;text-align:center;color:#0b1b2b;margin-top:25px;line-height:26px;font-weight:var(--fontbold7);font-size:var(--fontsize18)}
.antipage1 .list .item:hover{box-shadow:0 5px 19px 1px rgba(0,0,0,.1)}
.antipage1 .list .item:hover .title{color:var(--color)}
.antipage1 .img{overflow:hidden}
@media screen and (max-width:1440px){.antipage1 .list .item{padding:20px}
.antipage1 .list .item .title{margin-top:15px}}
@media screen and (max-width:1024px){.antipage1 .list .item{width:48%}
.antipage1 .list .item .title{margin-top:15px}
.antipage1 .mod-title br{display:none}
.antipage1.mode1 .txt{margin-top:20px}}
@media screen and (max-width:768px){.antipage1 .info{width:100%!important;padding:20px!important}
.antipage1 .box::before{width:100%!important}
.antipage1 .img{margin:0 auto}}
.antipage2{padding:5% 0}
.antipage2 .bom{display:flex;flex-wrap:wrap;justify-content:space-between}
.antipage2 .bom .item{width:23.5%;display:flex;flex-direction:column;padding:60px 30px;box-shadow:0 5px 19px 1px rgba(0,0,0,.1);margin-top:3%}
.antipage2 .bom .item .iconbox .iconfont{width:50px;font-size:50px;line-height:1;color:var(--color);transition:all .3s ease}
.antipage2 .bom .item .iconbox .iconfont:hover{transform:rotateY(-180deg)}
.antipage2 .bom .item .tit{font-size:var(--fontsize24);line-height:36px;font-weight:var(--fontbold6);margin-top:35px;padding-bottom:30px;color:#0b1b2b;border-bottom:1px solid #dadce0}
.antipage2 .bom .item .des{color:#666;margin-top:20px;line-height:30px}
.antipage2 .bom .item:hover{background:#1e2c5d}
.antipage2 .bom .item:hover .iconfont,.antipage2 .bom .item:hover .tit{color:#fff}
.antipage2 .bom .item:hover .des{color:#a2a8bc}
@media screen and (max-width:1440px){.antipage2 .bom .item{width:48%;padding:40px 30px}
.antipage2 .bom .item .tit{font-size:var(--fontsize18);margin-top:15px;padding-bottom:15px}}
@media screen and (max-width:768px){.antipage2 .bom .item{width:100%}}
.antipage3.sfullwidthbg::before{background-color:#e9f5fa}
@keyframes anti-breathe{0%{transform:scale(1);opacity:1}
50%{transform:scale(1.04);opacity:.8}
100%{transform:scale(1);opacity:1}}
.antipage3{padding:5% 0}
.antipage3 .anti-des{margin-top:30px}
.antipage3 .bom{display:flex;justify-content:space-between;text-align:center}
.antipage3 .bom .item{width:23%;cursor:pointer;margin-top:3%}
.antipage3 .bom .item .iconbox{position:relative;width:200px;height:200px;margin:0 auto 40px;border:1px dashed var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center}
.antipage3 .bom .item .iconbox .hover-num{position:absolute;top:10px;right:5px;background:#fff;color:var(--color);font-weight:var(--fontbold6);width:40px;height:40px;border-radius:50%;line-height:40px;text-align:center;opacity:0;transition:all .3s ease}
.antipage3 .bom .item .iconbox .icon-inner{width:140px;height:140px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}
.antipage3 .bom .item .iconbox .icon-inner .iconfont{font-size:60px;width:60px;line-height:1;color:var(--color);display:inline-block;transition:all .3s ease-in-out}
.antipage3 .bom .item:hover .iconbox .hover-num{opacity:1}
.antipage3 .bom .item:hover .iconfont{animation:anti-breathe 1.5s infinite ease-in-out;cursor:pointer}
.antipage3 .bom .item .text .tit{font-size:var(--fontsize24);font-weight:var(--fontbold6);color:#111;margin-bottom:30px;line-height:36px}
.antipage3 .bom .item .text .des{color:#666;line-height:30px}
@media screen and (max-width:1024px){.antipage3 .mode-title br{display:none}
.antipage3 .bom{flex-wrap:wrap}
.antipage3 .bom .item{width:48%}
.antipage3 .bom .item .iconbox{width:150px;height:150px;margin:0 auto 30px}
.antipage3 .bom .item .iconbox .hover-num{top:5px;right:5px;width:30px;height:30px;line-height:30px}
.antipage3 .bom .item .iconbox .icon-inner{width:100px;height:100px}
.antipage3 .bom .item .iconbox .icon-inner .iconfont{width:45px;font-size:45px}
.antipage3 .bom .item .text .tit{font-size:var(--fontsize18);margin-bottom:20px;line-height:1}}
@media screen and (max-width:550px){.antipage3 .bom .item{width:100%}}
.antipage4{padding:5% 0}
.antipage4 .bom{display:flex;flex-wrap:wrap;justify-content:space-between}
.antipage4 .bom .item{width:49%;display:flex;align-items:stretch;background:#fff;border:1px solid #e5e5e5;border-radius:16px;overflow:hidden;margin-top:3%}
.antipage4 .bom .item .img{flex:1;display:flex;justify-content:center;align-items:center;border-radius:6px;overflow:hidden}
.antipage4 .bom .item .img img{transition:all .3s ease}
.antipage4 .bom .item .img img:hover{transform:scale(1.03)}
.antipage4 .bom .item .text{width:60%;padding:30px 40px;border-left:1px solid #eee;display:flex;flex-direction:column}
.antipage4 .bom .item .tit{font-size:var(--fontsize18);line-height:1;font-weight:var(--fontbold6);margin-bottom:30px}
.antipage4 .bom .item .des{color:#666;line-height:26px;font-size:14px;margin-bottom:30px}
.antipage4 .bom .item .btn{margin-top:auto;font-size:14px;line-height:26px}
.antipage4 .bom .item .btn a{color:#000003!important}
@media screen and (max-width:1440px){.antipage4 .bom .item{display:flex;flex-direction:column}
.antipage4 .bom .item .text{width:100%;flex:1;border-left:none;border-top:1px solid #eee}
.antipage4 .bom .item .img{flex:none}}
@media screen and (max-width:1660px){.antipage4 .bom .item .text{padding:20px 30px}
.antipage4 .bom .item .tit{margin-bottom:20px}}
@media screen and (max-width:650px){.antipage4 .bom .item{width:100%}
.antipage4 .bom .item .text{padding:20px 30px}}
.antipage5{padding:0 0 5% 0}
.antipage5 .bom{width:100%;display:flex;flex-wrap:wrap}
.antipage5 .bom .left .content{padding-right:10%}
.antipage5 .bom .right .content{padding-left:7%}
.antipage5 .bom .left,.antipage5 .bom .right{width:50%;position:relative;box-sizing:border-box;padding:210px 0;display:flex;flex-direction:column;justify-content:center;color:#fff;margin-top:3%}
.antipage5 .bom .left .content,.antipage5 .bom .right .content{position:relative;z-index:2}
.antipage5 .bom .left .tit,.antipage5 .bom .right .tit{font-size:var(--fontsize30);font-weight:var(--fontbold6);margin-bottom:30px;line-height:1}
.antipage5 .bom .left .des,.antipage5 .bom .right .des{font-size:var(--fontsize16);line-height:30px;color:#f5f6f6;margin-bottom:30px;opacity:.8}
.antipage5 .bom .left .btn-box a,.antipage5 .bom .right .btn-box a{display:inline-block;padding:20px 30px;border:1px solid #fff;border-radius:10px;color:#f5f6f6;text-decoration:none;line-height:1;transition:all .3s ease}
.antipage5 .bom .left .btn-box a:hover,.antipage5 .bom .right .btn-box a:hover{color:#fff}
.antipage5 .bom .left::before{content:"";position:absolute;top:0;right:0;width:50vw;height:100%;z-index:1;background:url("/uploads/44422/info/p2026040711105131460.jpg") no-repeat center center/cover}
.antipage5 .bom .right::before{content:"";position:absolute;top:0;left:0;width:50vw;height:100%;z-index:1;background:url("/uploads/44422/info/p202604071110514dfd1.png") no-repeat center center/cover}
@media screen and (max-width:1440px){.antipage5 .bom .left,.antipage5 .bom .right{justify-content:flex-start;padding:100px 0}
.antipage5 .bom .content{display:flex;flex-direction:column;height:100%}
.antipage5 .bom .btn-box{margin-top:auto}}
@media screen and (max-width:1024px){.antipage5 .bom .left .tit,.antipage5 .bom .right .tit{font-size:var(--fontsize18);margin-bottom:20px}
.antipage5 .bom .left .des,.antipage5 .bom .right .des{margin-bottom:20px}
.antipage5 .bom .left .btn-box a,.antipage5 .bom .right .btn-box a{padding:15px 20px}}
@media screen and (max-width:768px){.antipage5 .bom .left,.antipage5 .bom .right{width:100%;padding:50px 0}
.antipage5 .bom .left .content,.antipage5 .bom .right .content{margin:0;padding-left:7%;padding-right:0}
.antipage5 .bom .left::before,.antipage5 .bom .right::before{width:100%}}
@media screen and (max-width:350px){.antipage5 .bom .left .content,.antipage5 .bom .right .content{margin:0;padding:0 10px}}
.antipage6{padding-bottom:5%}
.antipage6 .partner-faq li.act{background-color: var(--color); color: #fff !important;}
.antipage6 .partner-faq li.act .tit,.antipage6 .partner-faq li.act .text{ color: #fff !important;}
.antipage6 .partner-faq li.act .title .icon{ background-color: #fff !important;color: var(--color) !important;}


.mode-title{font-size:44px;font-weight:var(--fontbold6);color:#0b1b2b;line-height:1.4;text-align:center}
.mode1 .box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative;z-index:1}
.mode1 .box::before{content:"";position:absolute;left:0;top:50%;width:68%;height:88%;transform:translateY(-50%);background-color:#e9f5fa;border-radius:10px;z-index:-1}
.mode1 .mode-title{text-align:left}
.mode1 .info{width:50%;padding:20px;padding-left:5%}
.mode1 .info .txt{color:#000;margin-top:10px}
.mode1 .img{width:45%}
.mode2 .des{text-align:center;color:#666;margin-top:10px}
.mode2 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.mode2 .list li{width:48%;box-shadow:0 20px 30px 0 rgba(11,3,6,.06);background-color:#fff;border-radius:10px;padding:50px 40px;margin-top:40px;transition:all .2s linear;display:flex;flex-wrap:wrap}
.mode2 .list li .icon{margin-right:30px}
.mode2 .list li .icon em{font-size:60px;line-height:1;color:var(--color);transition:all .2s linear}
.mode2 .list li .info{flex:1}
.mode2 .list li .title{font-size:28px;color:#0b1b2b;font-weight:var(--fontbold6);transition:all .2s linear}
.mode2 .list li .txt{color:#333;margin-top:10px;transition:all .2s linear}
.mode2 .list li .txt p{position:relative;padding-left:20px}
.mode2 .list li .txt p::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background-color:var(--color);border-radius:50%;transition:all .2s linear}
.mode2 .list li:hover{background-color:var(--color);color:#fff}
.mode2 .list li:hover .icon em{color:#fff}
.mode2 .list li:hover .title{color:#fff}
.mode2 .list li:hover .txt{color:#fff}
.mode2 .list li:hover .txt p::before{background-color:#fff}
.mode3{position:relative;z-index:1;padding:5% 0}
.mode3::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:100vw;max-width:1920px;height:100%;background:#e9f5fa;z-index:-1}
.mode3 .mode-title{text-align:left}
.mode3 .box{display:flex;justify-content:space-between;flex-wrap:wrap}
.mode3 .info-box{width:48%}
.mode3 .inquiry{width:48%;background:var(--color);border-radius:10px;padding:50px;color:#fff}
.mode3 .inquiry .title{font-size:var(--fontsize30);font-weight:var(--fontbold6)}
.mode3 .inquiry .des{margin-bottom:20px}
.mode3 .wmkcfeedback .wmkcfb-fileupload,.mode3 .wmkcfeedback input,.mode3 .wmkcfeedback textarea{background-color:rgba(255,255,255,.06);border-color:rgba(255,255,255,.06);color:#fff}
.mode3 .wmkcfeedback .send-btn{margin-left:0;background-color:#fff;color:var(--color);font-weight:var(--fontbold6)}
.mode3 .list{margin-top:20px}
.mode3 .list li{display:flex;position:relative;z-index:1}
.mode3 .list li::before{content:"";position:absolute;left:22px;top:0;width:1px;height:100%;background-color:var(--color);z-index:-1}
.mode3 .list li .icon{width:46px;height:46px;background-color:var(--color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:var(--fontsize20);font-weight:var(--fontbold6);margin-right:20px;transition:all .2s linear}
.mode3 .list li .info{flex:1}
.mode3 .list li .info .p1{font-size:20px;font-weight:var(--fontbold6);color:#0b1b2b;line-height:1.4}
.mode3 .list li .info .p2{color:#666;min-height:60px}
.mode3 .list li:hover .icon{transform:translateY(-5px)}
.mode3 .list li:last-child::before{display:none}
.partner-faq{margin-top:40px}
.partner-faq li{background:#e9f5fa;margin-top:20px}
.partner-faq li .title{display:flex;justify-content:space-between;padding:20px;cursor:pointer}
.partner-faq li .title p{flex:1;font-size:var(--fontsize20);font-weight:var(--fontbold6);color:#0b1b2b}
.partner-faq li .title .icon{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:#0b1b2b;margin-left:10px;transition:all .1s linear}
.partner-faq li .text{border-top:1px solid rgba(210,210,210,.2);padding:20px;color:#666;display:none}
.partner-faq li.act .title .icon{background-color:var(--color);transform:rotate(90deg);color:#fff}
@media screen and (max-width:1440px){.mode-title{font-size:var(--fontsize36)}}
@media screen and (max-width:1280px){.mode1 .box::before{height:100%}
.mode2 .list li .title{font-size:var(--fontsize20)}}
@media screen and (max-width:1024px){.mode-title{font-size:var(--fontsize24)}
.mode2 .list li{padding:20px;width:100%}
.mode2 .list li .icon em{font-size:var(--fontsize36)}
.mode3{padding:40px 0}
.mode3 .info-box{width:100%}
.mode3 .inquiry{width:100%;margin-top:25px}
.mode3 .inquiry .title{font-size:var(--fontsize22)}}
@media screen and (max-width:500px){.mode1 .box{flex-direction:column-reverse}
.mode1 .box::before{display:none}
.mode1 .info{width:100%;padding:0;margin-top:25px}
.mode1 .img{width:100%}
.mode2 .list li .icon{width:100%;margin-right:0;margin-bottom:10px}
.mode3 .inquiry{padding:15px}}
