.common-main .l-wrap{max-width:none;padding:0}
.page-main{padding:0}
.page1,.page2,.page3,.page4,.page6{position:relative;padding:5% 0}
.page-wrap{width:100%;max-width:1600px;padding:0 70px;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)}
}
.page1::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:rgba(190,22,131,.1)}
.page1 .page-wrap{position:relative;display:flex;flex-wrap:wrap}
.page1 .page1-info{width:58.6%}
.page1 .page1-info .title-wrap{width:68%}
.page1 .page1-info .title-wrap .page-des{line-height:1.8}
.page1 .page1-info .page1-list{position:relative;padding:30px 0;background:#fff;display:flex;justify-content:space-between;flex-wrap:wrap;z-index:2}
.page1 .page1-info .page1-list li{position:relative;width:25%;display:flex;flex-direction:column;justify-content:space-between;text-align:center}
.page1 .page1-info .page1-list li:nth-child(-n+3)::after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:140px;background:#e3e3e3}
.page1 .page1-info .page1-list .li-title{margin-top:15px;padding:0 5px;font-weight:var(--fontbold6);line-height:1.5}
.page1 .page1-img{position:absolute;top:0;right:2%}
@media (max-width:1660px){.page1 .page1-img{right:0}}
@media (max-width:1440px){.page1 .page1-img{top:10%;max-width:57%}}
@media (max-width:1024px){.page1::before{display:none}
.page1 .page1-info{width:100%}
.page1 .page1-info .title-wrap{width:100%}
.page1 .page1-img{position:static;max-width:none;width:100%}
.page1 .page1-img img{width:100%}
}
@media (max-width:768px){.page1 .page1-info .page1-list li{width:49%}
.page1 .page1-info .page1-list li:nth-child(-n+2){margin-bottom:15px}
.page1 .page1-info .page1-list li:nth-child(2)::after{display:none}
.page1 .page1-info .page1-list .li-title{margin-top:10px;font-size:var(--fontsize14);padding:0}
}
.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:space-between;flex-wrap:wrap}
.page2 .page2-tabs li{width:19%;padding:15px 10px 10px;color:#fff;font-size:var(--fontsize20);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:calc(100% - 400px);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}
@media (max-width:1440px){.page2 .page2-tabs{margin:0 15px}}
@media (max-width:1280px){.page2 .title-wrap{margin-bottom:20px}
.page2 .page2-tabs{margin:0}
.page2 .page2-tabs li{font-size:var(--fontsize18)}
.page2 .page2-content{padding:30px 50px}
.page2 .page2-content .content-info{width:calc(100% - 370px)}
}
@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{width:calc(100% - 350px);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{padding:0}
.page3 .title-wrap{margin-bottom:30px;text-align:center}
.page3 .title-wrap .page-title::after{left:50%;transform:translateX(-50%)}
.page3 #prolistswiper{width:100%;height:880px}
.page3 #prolistswiper .swiper-slide{height:calc((100% - 30px)/ 2)!important}
.page3 #prolistswiper .swiper-slide .pro-img{position:relative;border:1px solid #e7e7e7;border-radius:var(--borderradius);overflow:hidden}
.page3 #prolistswiper .swiper-slide .pro-img img{transition:all .3s linear}
.page3 #prolistswiper .swiper-slide:hover .pro-img img{transform:scale(1.03)}
.page3 #prolistswiper .info{padding-top:20px}
.page3 #prolistswiper .info .title{display:block;text-align:center;color:#000;font-size:var(--fontsize18);font-weight:var(--fontbold6);transition:all .2s linear;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.page3 #prolistswiper .swiper-slide:hover .title{color:var(--color);text-decoration:none}
.page3 .prolist-pagination{width:100%;display:flex;justify-content:center;margin-top:40px}
.page3 .swiper-pagination-bullet{background:var(--color)}
@media (max-width:1280px){.page3 #prolistswiper{height:950px}
.page3 #prolistswiper .swiper-slide{height:calc((100% - 60px)/ 2)!important}
.page3 #prolistswiper .info{padding-top:10px}
.page3 .prolist-pagination{margin-top:0}
}
@media (max-width:1024px){.page3 #prolistswiper{height:830px}
.page3 #prolistswiper .swiper-slide{height:calc((100% - 60px)/ 2)!important}
}
@media (max-width:990px){.page3 .title-wrap .page-des br{display:none}}
@media (max-width:768px){.page3 .title-wrap{margin-bottom:20px}
.page3 #prolistswiper{height:880px}
.page3 #prolistswiper .swiper-slide{height:calc((100% - 30px)/ 2)!important}
}
@media (max-width:640px){.page3 #prolistswiper{height:760px}
.page3 #prolistswiper .swiper-slide{height:calc((100% - 50px)/ 2)!important}
}
@media (max-width:500px){.page3 #prolistswiper{height:auto}
.page3 #prolistswiper .info .title{font-size:var(--fontsize16)}
.page3 .prolist-pagination{margin-top:25px}
}
.page4{padding-bottom:0}
.page4 .page4-item{position:relative;padding:75px 70px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.page4 .page4-item::after,.page4 .page4-item::before{content:'';position:absolute;top:0;width:50%;height:100%;z-index:1}
.page4 .page4-item::before{left:0;background:#f8e7f2}
.page4 .page4-item::after{right:0;background:#f3f3f3}
.page4 .page4-item:nth-child(even)::before{left:auto;right:0;background:#f8e7f2}
.page4 .page4-item:nth-child(even)::after{left:0;right:auto;background:#f3f3f3}
.page4 .page4-item .page-wrap{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;z-index:2}
.page4 .page4-item:nth-child(even) .page-wrap{flex-direction:row-reverse}
.page4 .page4-item .item-left{position:relative;width:45.2%}
.page4 .page4-item .item-left .left-desc{margin-top:20px;font-size:var(--fontsize22);font-weight:var(--fontbold6);line-height:1.5}
.page4 .page4-item .item-right{position:relative;width:45.2%}
.page4 .page4-item .item-right .right-list{margin:25px 0}
.page4 .page4-item .item-right .right-list li{margin-bottom:10px;display:flex;justify-content:space-between}
.page4 .page4-item .item-right .right-list li:last-child{margin-bottom:0}
.page4 .page4-item .item-right .right-list .li-info{width:calc(100% - 50px)}
.page4 .page4-item .item-right .right-list .title{font-weight:var(--fontbold6);margin-bottom:5px}
.page4 .page4-item .item-right .right-list .p1{position:relative;padding-left:18px}
.page4 .page4-item .item-right .right-list .p1::before{content:'';position:absolute;top:9px;left:4px;width:8px;height:8px;border-radius:50%;background:var(--color)}
.page4 .page4-item .item-right .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}
.page4 .page4-item .item-right .more:hover{color:var(--color);background:0 0;text-decoration:none}
@media (min-width:1025px){.page4{display:grid;grid-template-rows:repeat(3,1fr);height:100%}}
@media (max-width:1280px){.page4 .page4-item{padding:40px}
.page4 .page4-item .item-left .left-desc{font-size:var(--fontsize20)}
.page4 .page4-item .item-right .right-list{margin:15px 0}
}
@media (max-width:1024px){.page4 .page4-item{padding:30px 15px;background:#f8e7f2}
.page4 .page4-item:nth-child(even){background:#f3f3f3}
.page4 .page4-item .item-left .left-desc{font-size:var(--fontsize18);margin-top:10px}
.page4 .page4-item .item-left .left-desc br{display:none}
.page4 .page4-item::after,.page4 .page4-item::before{display:none}
.page4 .page4-item .item-left{width:100%;margin-bottom:15px}
.page4 .page4-item .item-right{width:100%}
}
@media (max-width:768px){.page4 .page4-item{padding:30px 0}
.page4 .page4-item .item-left .left-desc{font-size:var(--fontsize16);margin-top:10px}
.page4 .page4-item .item-right .right-list{margin:10px 0}
.page4 .page4-item .item-right .right-list .li-info{width:calc(100% - 40px)}
}
.page5{position:relative;padding:2% 0}
.page5::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://css02.v15cdn.com/m617/imgs/srfl-page5-bg.webp) no-repeat;background-size:cover}
.page5 .page-wrap{position:relative;display:flex;justify-content:flex-end}
.page5 .page5-content{padding:50px 60px;width:50%;background:rgba(0,0,0,.6);border-radius:10px}
.page5 .page5-content .title-wrap{margin-bottom:30px}
.page5 .page5-content .title-wrap .page-title{color:#fff;font-size:var(--fontsize30)}
.page5 .page5-content .title-wrap .page-des{color:#fff}
.page5 .page5-content .wmkcfeedback .inquiry-form .wmkcfb-phone{width:100%}
.page5 .page5-content .wmkcfeedback .send-btn{width:100%}
@media (max-width:1280px){.page5{padding:40px 0}
.page5::before{background-position:top}
.page5 .page-wrap{justify-content:center}
.page5 .page5-content{padding:40px;width:90%}
.page5 .page5-content .title-wrap{margin-bottom:20px}
.page5 .page5-content .title-wrap .page-title{font-size:var(--fontsize26)}
}
@media (max-width:768px){.page5 .page5-content{padding:30px;width:100%}
.page5 .page5-content .title-wrap .page-title{font-size:var(--fontsize24)}
}
.page6 .title-wrap{text-align:center}
.page6 .title-wrap .page-title::after{left:50%;transform:translateX(-50%)}
.page6 .faq-list{margin-top:20px}
.page6 .faq-list li{border-bottom:1px solid #d9d9d9;padding:20px 0 20px 70px}
.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}
@media (max-width:768px){.page6 .faq-list{margin-top:10px}
.page6 .faq-list li{padding:10px 0 10px 50px}
.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)}
}
.banner-img{display:none}
@media screen and (min-width:1025px) {.banner-inner .banner-content{margin-bottom: -55px;}.banner-inner .banner-content{border-bottom: none;}}