﻿@import url(https://js01.v15cdn.com/single-template/public.css);.common-main .l-wrap{max-width:none;padding:0}
.page-main{padding:0}
.padding{padding-top:5%;padding-bottom:5%}
.page-wrap{width:100%;max-width:1600px;padding:0 50px;margin:0 auto}
.page-title{position:relative;padding-bottom:20px;color:#000;font-size:42px;font-weight:var(--fontbold6);line-height:1.3}
.page-title::after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:var(--color)}
.page-des{margin-top:20px;color:#1a1a1a;line-height:1.6}
@media (max-width:1440px){.page-title{font-size:38px}
.page-wrap{padding:0 30px}
}
@media (max-width:1366px){.page-title{font-size:32px}
}
@media (max-width:1024px){.page1,.page2,.page3,.page4,.page6{padding:40px 0}
.page-wrap{padding:0 15px}
.page-title{padding-bottom:15px;font-size:var(--fontsize26)}
.page-des{margin-top:10px;font-size:var(--fontsize15)}
}
@media (max-width:768px){.page-title{font-size:var(--fontsize24)}
}
@media (max-width:500px){.page1,.page2,.page3,.page4,.page6{padding:30px 0}
.page-title{font-size:var(--fontsize22)}
}
.hr-more{display:inline-block;padding:10px 30px;color:#fdfdfd;background:var(--color);border:1px solid var(--color);border-radius:20px;line-height:1.2;text-transform:capitalize;transition:all .3s ease}
.hr-more:hover{color:var(--color);background:0 0;text-decoration:none}
.hrmodel1.sfullwidthbg::before{content:"";position:absolute;top:0;right:0;width:50%;left:58%;height:80%;background:rgba(190,22,131,.1);transform:unset;border-radius:150px 0 0 600px}
.hrmodel1 .box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.hrmodel1 .box .left,.hrmodel1 .box .right{width:48%}
@media screen and (max-width:768px){.hrmodel1 .box .left,.hrmodel1 .box .right{width:100%}
.hrmodel1 .box .right{margin-top:30px}
}
.hrmodel1 .box2{display:flex;width:85%;justify-content:space-between;align-items:flex-start;gap:3%;margin-top:50px}
@media screen and (max-width:768px){.hrmodel1 .box2{flex-wrap:wrap;width:100%;gap:0}
.hrmodel1 .box2 .item{width:33%;margin-top:3%}
}
.hrmodel1 .box2 .item{display:flex;flex-direction:column;align-items:center;cursor:pointer;text-align:center}
.hrmodel1 .box2 .item .img{width:100px;height:100px;border-radius:50%;border:1px solid #333;background-color:transparent;display:flex;align-items:center;justify-content:center;transition:all .3s ease}
.hrmodel1 .box2 .item .img img{width:50%;height:auto;display:block;transition:filter .3s ease}
.hrmodel1 .box2 .item .tit{margin-top:20px;line-height:1;font-weight:500;transition:color .3s ease}
.hrmodel1 .box2 .item:hover .img{background-color:var(--color);border-color:var(--color)}
.hrmodel1 .box2 .item:hover .img img{filter:brightness(0) invert(1)}
.hrmodel1 .box2 .item:hover .tit{color:var(--color)}
@media screen and (max-width:1366px){.hrmodel1 .page-title br{display:none}
}
.page2.sfullwidthbg::before{background:#f7f7f9}
.page2 .title-wrap{margin-bottom:30px;text-align:center}
.page2 .title-wrap .page-title::after{left:50%;transform:translateX(-50%)}
.page2 .page2-tabs{margin:0 80px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.page2 .page2-tabs li{width:21%;padding:20px 0;color:#fff;font-size:var(--fontsize16);font-weight:var(--fontbold6);background:#192c5c;border-radius:10px 10px 0 0;line-height:1.4;text-align:center;cursor:pointer;transition:all .3s ease}
.page2 .page2-tabs li.active,.page2 .page2-tabs li:hover{color:#222;background:#f8e7f2}
.page2 .page2-content{padding:50px 70px;background:#f8e7f2;display:none;justify-content:space-between;align-items:center;flex-wrap:wrap}
.page2 .page2-content.active{display:flex}
.page2 .page2-content .content-info{width:48%;line-height:1.6}
.page2 .page2-content .content-info .p1{margin-bottom:10px}
.page2 .page2-content .content-info .p1 span{font-weight:var(--fontbold6)}
.page2 .page2-content .content-info ul{display:flex;flex-wrap:wrap}
.page2 .page2-content .content-info ul li{position:relative;width:50%;padding-left:20px}
.page2 .page2-content .content-info ul li::before{content:"";position:absolute;top:8px;left:4px;width:8px;height:8px;border-radius:50%;background:#be1683}
.page2 .page2-content .content-info ul li:nth-child(-n+4){margin-bottom:4px}
.page2 .page2-content .content-img{position:relative;overflow:hidden}
.page2 .page2-content .content-img .right-img{position:absolute;top:0;width:100%;height:100%;overflow:hidden;right:0;clip-path:inset(0 0 0 50%)}
.page2 .page2-content .content-img .img-wrap .img{width:100%;height:100%;object-fit:cover;vertical-align:bottom}
.page2 .page2-content .content-img .btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#fff;border-radius:50%;display:flex;justify-content:space-evenly;align-items:center;z-index:3;cursor:ew-resize}
.page2 .page2-content .content-img .btn em{font-size:var(--fontsize22);font-weight:var(--fontbold6)}
.page2 .page2-content .content-img .line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;z-index:2}
.page2 .btnbox{margin-top:40px}
.page2 .btnbox .home-more{padding:0 30px;border-radius:20px}
.page2 .video-cover{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:2;overflow:hidden}
.page2 .video-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease,opacity .3s ease}
@media (max-width:1440px){.page2 .page2-tabs{margin:0 15px}
}
@media (max-width:1280px){.page2 .title-wrap{margin-bottom:20px}
.page2 .page2-content .content-img{width:48%}
.page2 .page2-tabs{margin:0}
.page2 .page2-tabs li{font-size:var(--fontsize16)}
.page2 .page2-content{padding:30px 50px}
}
@media (max-width:990px){.page2 .title-wrap{margin-bottom:15px}
.page2 .title-wrap .page-des br{display:none}
.page2 .page2-content{padding:30px}
.page2 .page2-tabs li{font-size:var(--fontsize15);padding:8px 5px 5px}
.page2 .page2-content .content-info{font-size:var(--fontsize15)}
.page2 .page2-content .content-info .p1{margin-bottom:5px}
.page2 .page2-content .content-info ul li{width:100%}
.page2 .page2-content .content-info ul li:nth-child(-n+5){margin-bottom:4px}
.page2 .page2-content .content-img .btn{width:50px;height:50px}
.page2 .page2-content .content-img .btn em{font-size:var(--fontsize18)}
}
@media (max-width:768px){.page2 .page2-content{padding:20px}
.page2 .page2-tabs li{width:49%;margin-bottom:10px;padding:10px;border-radius:10px}
.page2 .page2-tabs li br{display:none}
.page2 .page2-content .content-info{width:100%;margin-bottom:15px}
.page2 .page2-content .content-img{width:100%}
}
@media (max-width:500px){.page2 .page2-tabs li{width:100%}
}
.page3 .title-wrap{margin-bottom:30px;text-align:center}
.page3 .title-wrap .page-title::after{left:50%;transform:translateX(-50%)}
.page3 #prolistswiper{width:100%}
.page3 .box .list{display:flex;flex-wrap:wrap;gap:40px 2%}
.page3 .box .list .item{width:23.5%;display:flex;flex-direction:column;cursor:pointer}
.page3 .box .list .item:hover .img{border-color:var(--color);box-shadow:0 4px 15px rgba(0,0,0,.04)}
.page3 .box .list .item:hover .img img{transform:scale(1.05)}
.page3 .box .list .item:hover .tit{color:var(--color)}
.page3 .box .list .item .img{width:100%;aspect-ratio:1/1;border:1px solid #eaedf1;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background-color:#fff;transition:all .3s ease;overflow:hidden}
.page3 .box .list .item .img img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .4s ease}
.page3 .box .list .item .tit{text-align:center;font-size:18px;font-weight:700;color:#000;line-height:1.4;margin-top:16px;transition:color .3s ease}
@media (max-width:1024px){.page3 .box .list{gap:30px 3%}
.page3 .box .list .item{width:31.333%}
}
@media (max-width:768px){.page3 .box .list{gap:30px 4%}
.page3 .box .list .item{width:48%}
}
@media (max-width:480px){.page3 .box .list{gap:30px 0}
.page3 .box .list .item{width:100%}
}
@media screen and (max-width:768px){.page3 .page-des br{display:none}
}
@media screen and (max-width:500px){.page3 .box .list .item{width:100%}
}
.page4 .title-wrap{margin-bottom:30px;text-align:center}
.page4 .title-wrap .page-title::after{left:50%;transform:translateX(-50%)}
.page4{position:relative;background:url("/Content/uploads/20261122201/20261013165627748b360581584a6d8c5dc774e2c8426a.webp") center no-repeat fixed;background-size:cover}
.page4 .page-des,.page4 .page-title{color:#fff}
.page4 .box .list{display:flex;flex-wrap:wrap;gap:30px 2%}
.page4 .box .list .item{width:32%;background:rgba(255,255,255,.1);border-radius:10px;border:1px solid #585678;box-shadow:0 0 3px transparent,0 0 8px transparent,0 0 22px transparent;padding:50px 30px;box-sizing:border-box;display:flex;flex-direction:column;transition:transform .3s ease,background .3s ease;cursor:pointer}
.page4 .box .list .item:hover{border-color:transparent;box-shadow:0 0 3px rgba(255,255,255,.4),0 0 8px rgba(255,255,255,.3),0 0 22px rgba(255,255,255,.15);transition:all .3s ease}
.page4 .box .list .item .img{display:block;width:auto;height:auto;margin-bottom:30px}
.page4 .box .list .item .img img{display:block;object-fit:contain}
.page4 .box .list .item .tit{font-size:22px;font-weight:700;color:#fff;line-height:1;margin:0 0 30px}
.page4 .box .list .item .des{color:rgba(255,255,255,.85);line-height:30px;margin:0}
@media (max-width:1024px){.page4 .box .list{gap:30px 4%}
.page4 .box .list .item{width:48%;padding:30px 24px}
}
@media (max-width:640px){.page4 .box .list{gap:20px 0}
.page4 .box .list .item{width:100%}
}
.page4 .box .list .item .img img{transition:all .3s ease}
.page4 .box .list .item .img img:hover{transform:rotateY(-180deg)}
@media screen and (max-width:1440px){.page4 .box .list .item .tit{font-size:20px;margin-bottom:20px}
.page4 .box .list .item{padding:40px 30px}
.page4 .box .list .item .img img{max-width:55px;max-height:55px}
}
@media screen and (max-width:1280px){.page4 .page-des br{display:none}
}
@media screen and (max-width:1024px){.page4 .box .list .item{padding:30px}
.page4 .box .list .item .tit{font-size:18px}
}
@media screen and (max-width:768px){.page4 .box .list .item{padding:20px}
.page4 .box .list .item .img img{max-width:40px;max-height:40px}
}
.page5 .title-wrap{margin-bottom:30px;text-align:center}
.page5 .title-wrap .page-title::after{left:50%;transform:translateX(-50%)}
.page5 .box{margin-top:3%;display:flex;flex-wrap:wrap;justify-content:space-between}
.page5 .item{width:23%;background:#f6f8fa;border-radius:10px;border:1px solid transparent;overflow:hidden;display:flex;flex-direction:column}
.page5 .item:hover{border:1px solid var(--color)}
.page5 .item:hover .tit{color:var(--color)}
.page5 .item .info{padding:40px 30px;display:flex;flex-direction:column;flex:1}
.page5 .img{border-radius:10px;overflow:hidden}
.page5 .img img{width:100%;transition:all .3s ease}
.page5 .img img:hover{transform:scale(1.03)}
.page5 .item .tit{font-size:20px;font-weight:700;margin-bottom:25px}
.page5 .item .des{color:#666;line-height:30px;margin-bottom:25px}
.page5 .btnbox{margin-top:auto}
.page5 .btnbox a{font-weight:700;text-decoration:none}
.page5 .btnbox em{transition:all .3s ease;display:inline-block}
.page5 .btnbox:hover em{transform:translateX(5px)}
@media screen and (max-width:1440px){.page5 .item .info{padding:30px}
.page5 .item .tit{margin-bottom:20px}
}
@media screen and (max-width:1024px){.page5 .box{margin-top:0}
.page5 .item{width:48%;margin-top:30px}
.page5 .item .info{padding:20px}
.page5 .item .tit{font-size:18px}
.page5 .item .tit{margin-bottom:15px}
}
@media screen and (max-width:500px){.page5 .item{width:100%}
}
@media screen and (max-width:1366px){.page5 .page-des br{display:none}
}
.page6.sfullwidthbg::before{background:#f3f3f3}
.page6 .box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.page6 .box .faqlist{width:48%}
.page6 .box .formlist{width:48%}
.page6 .box .formlist .subdes{margin:30px 0}
.page6 .box .formlist .wmkcfeedback .send-btn{max-width:none;width:100%;border-radius:25px}
.page6 .faq-list{margin-top:20px}
.page6 .faq-list li{border-bottom:1px solid #d9d9d9;padding:15px 0 15px 20px}
.page6 .faq-list li:first-child{border-top:1px solid #d9d9d9}
.page6 .faq-list li .title-box{display:flex;justify-content:space-between;align-items:center;position:relative;cursor:pointer;padding:10px 0;padding-right:20px}
.page6 .faq-list li .title-box::before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:13px;height:3px;background-color:var(--color)}
.page6 .faq-list li .title-box::after{content:"";position:absolute;right:5px;top:50%;transform:translateY(-50%);width:3px;height:13px;background-color:var(--color);transition:all .2s linear}
.page6 .faq-list li .icon{width:50px;height:50px;border-radius:50%;background-color:var(--color);position:absolute;left:-70px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--fontsize20);font-weight:var(--fontbold5)}
.page6 .faq-list li .title{font-weight:var(--fontbold6);font-size:var(--fontsize18);line-height:1.5}
.page6 .faq-list li .txt-box{color:#222;display:none;line-height:1.5}
.page6 .faq-list li.act .title-box::after{height:0}
.page6 .faq-list li .icon{display:none}
@media (max-width:768px){.page6 .faq-list{margin-top:10px}
.page6 .faq-list li{padding:10px 0 10px 0}
.page6 .faq-list li .icon{left:-50px;width:40px;height:40px}
.page6 .faq-list li .title-box{padding:10px 15px 10px 0}
}
@media (max-width:500px){.page6 .faq-list li .icon{width:35px;height:35px}
.page6 .faq-list li .title{font-size:var(--fontsize16)}
}
@media screen and (max-width:768px){.page6 .box .faqlist,.page6 .box .formlist{width:100%}
.page6 .box .formlist{margin-top:30px}
}
