﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage207-page3-title{text-align:center}
.wmpage207-page3-contant{display:flex;justify-content:space-between;margin-top:35px}
.wmpage207-page3-box{width:31.5%;position:relative;border-radius:6px;overflow:hidden;box-shadow:0 1px 6px 1px #ebebeb}
.wmpage207-page3-image{position:relative}
.wmpage207-page3-image img{width:100%}
.wmpage207-page3-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#00000000;transition:all .3s ease-in-out}
.wmpage207-page3-btn a{box-shadow:0 20px 30px rgba(0,0,0,.1);position:relative;display:inline-flex;overflow:hidden;padding:17px 35px 16px;text-align:center;z-index:1;letter-spacing:1px;color:#fff;font-weight:600;text-transform:uppercase;transition:all .3s ease-in-out;background-color:var(--color);line-height:1;transform:translateX(40px);opacity:0}
.wmpage207-page3-con{padding:25px;background:#fff}
.wmpage207-page3-tit{font-size: var(--wmpage-font20);line-height: 1.25;margin-bottom: 15px;font-weight: var(--fontbold6);}
.wmpage207-page3-box:hover .wmpage207-page3-btn{background:#00000052}
.wmpage207-page3-box:hover .wmpage207-page3-btn a{transform:translateX(0);opacity:1}
.wmpage207-page3-btn a:hover span{width:225%;height:562.5px}
.wmpage207-page3-btn a span{position:absolute;display:block;width:0;height:0;border-radius:50%;background-color:#2c2a49;transition:width .4s ease-in-out,height .4s ease-in-out;transform:translate(-50%,-50%);z-index:-1}
@media (max-width:1366px){.wmpage207-page3-con{padding:15px}
.wmpage207-page3-tit{font-size:18px;line-height:1.25;margin-bottom:10px}
}
@media (max-width:1024px){.wmpage207-page3-btn a{padding:15px 20px;font-size:14px}
}
@media (max-width:768px){.wmpage207-page3-contant{flex-wrap:wrap}
.wmpage207-page3-box{width:49%;margin-bottom:2%}
}
@media (max-width:550px){.wmpage207-page3-box{width:100%;margin-bottom:2%}
}
.index-text-section{ padding: 3% 0 ;}
.index-text-section-top{background:#F4F4F4;padding-bottom:0;}
.pro+.index-text-section{padding-bottom:0}
.wmpage207-page3-contant {flex-wrap:wrap}
.wmpage207-page3-box{margin-bottom:30px}
.wmpage207-page3-tit{margin:0}
@media (max-width:550px){.pro+.index-text-section{padding-top:40px}
.wmpage207-page3-box{width:48%}}
.adv{margin:0;}
.index-text-section .common-tip{margin-top:30px;}
.wmpage203-page5 .wmpage203-page5-text{position:relative;display:inline-block;padding-left:32px;color:var(--color);font-weight:var(--fontbold6);text-transform:uppercase;left:50%;transform:translateX(-50%)}
.wmpage203-page5 .wmpage203-page5-text::before{content:'';position:absolute;top:50%;transform:translateY(-50%);left:0;width:0;height:0;border-top:7px solid transparent;border-left:12px solid var(--color);border-bottom:7px solid transparent}
.wmpage203-page5 .wmpage203-page5-text::after{content:'';position:absolute;top:50%;transform:translateY(-50%);left:15px;width:0;height:0;border-top:7px solid transparent;border-left:12px solid var(--color);border-bottom:7px solid transparent}
.wmpage203-page5 .wmpage-title{text-align:center}
.wmpage203-page5 .wmpage203-page5-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage203-page5 .wmpage203-page5-box .wmpage203-page5-item{width:32%;padding:20px 25px;border:1px solid #a8b4b0;border-radius:10px;position:relative;margin-top:30px;overflow:hidden}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-icon{display:inline-flex;justify-content:center;align-items:center;width:70px;height:55px;background:#000;position:absolute;right:0;top:0}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-icon::after{position:absolute;content:'';width:0;height:0;border-bottom:15px solid rgba(14,18,29,.95);border-left:15px solid transparent;left:-15px;top:0;transition:all .3s linear}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-icon::before{position:absolute;content:'';width:0;height:0;border-top:15px solid rgba(14,18,29,.95);border-left:15px solid transparent;right:0;bottom:-15px;transition:all .3s linear}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-icon em{color:#fff;font-size:var(--wmpage-font30)}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-top{position:relative;display:flex;align-items:center;margin-top:50px}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-img{width:90%;position:relative;overflow:hidden}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-img img:first-child{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;transform:translatex(50%) scalex(2);opacity:0;filter:blur(10px);width:100%;display:block;transition:all .5s ease}
.wmpage203-page5 .wmpage203-page5-item:hover .wmpage203-page5-img img:first-child{transform:translatex(0) scalex(1);opacity:1;filter:blur(0)}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-img img:last-child{position:relative;width:100%;display:block;transition:all .5s ease}
.wmpage203-page5 .wmpage203-page5-item:hover .wmpage203-page5-img img:last-child{transform:translatex(-50%) scalex(2);opacity:0;filter:blur(10px)}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-data{position:absolute;right:-15%;top:50%;transform:translateY(-50%) rotate(-90deg);font-weight:var(--fontbold6);font-size:var(--wmpage-font20);color:var(--wmpage-color22);line-height:1;display:flex}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-data em{color:var(--color);font-size:var(--wmpage-font20);display:block;line-height:1;margin-right:10px}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-bottom{margin-top:15px}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-bottom ul{display:flex;align-items:center;flex-wrap:wrap}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-bottom ul li{color:var(--wmpage-color8);font-size:var(--wmpage-font15);font-weight:var(--fontbold6)}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-bottom ul li:first-child{margin-right:20px}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-bottom ul li em{color:var(--color);margin-right:5px;font-weight:var(--fontbold5)}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20);color:var(--wmpage-color22);margin:5px 0 10px;transition:all .3s linear}
.wmpage203-page5 .wmpage203-page5-item:hover .wmpage203-page5-title{color:var(--color)}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-desc{color:var(--wmpage-color8)}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-more span{display:inline-flex;align-items:center;text-transform:uppercase;font-size:var(--wmpage-font15);font-weight:var(--fontbold6);color:var(--color);margin-top:10px}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-more em{transform:translateX(5px);transition:all .3s linear}
.wmpage203-page5 .wmpage203-page5-item:hover .wmpage203-page5-more em{transform:translateX(15px)}
@media screen and (max-width:1024px){.wmpage203-page5 .wmpage203-page5-box .wmpage203-page5-item{width:49%}
}
@media screen and (max-width:768px){.wmpage203-page5 .wmpage203-page5-box .wmpage203-page5-item{width:100%}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-img{width:100%}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-top{display:inline-block;width:100%}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-data{position:static;transform:translateY(0) rotate(0);font-weight:var(--fontbold6);font-size:var(--wmpage-font24);color:var(--wmpage-color22);line-height:1;display:flex;align-items:center}
}
.wmpage203-page5{padding:3% 0 4%}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-img img {aspect-ratio:4/3;object-fit:cover}
.wmpage203-page5 .wmpage203-page5-box .wmpage203-page5-item a{display:flex;flex-direction:column;width:100%;height:100%;}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-bottom{flex:1;display:flex;flex-direction:column;}
.wmpage203-page5-more{margin-top:auto}
@media (max-width:768px){.wmpage203-page5{padding:10px 0 40px}
.wmpage203-page5 .wmpage203-page5-item .wmpage203-page5-data{font-size:18px}}
.wmpage181-page1{padding:4% 0;}
.wmpage181-page1 .wmpage181-page1-text{color:var(--color);text-align:center;text-transform:uppercase;font-weight:var(--fontbold6)}
.wmpage181-page1 .wmpage-title{text-align:center;margin:5px 0}
.wmpage181-page1 .wmpage181-page1-words{max-width:500px;text-align:center;margin:0 auto}
.wmpage181-page1 .wmpage181-page1-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage181-page1 .wmpage181-page1-list .wmpage181-page1-item{width:32%;position:relative;padding:40px;box-shadow:0 0 20px 3px rgba(0,0,0,.05);margin-top:30px;overflow:hidden;z-index:1}
.wmpage181-page1 .wmpage181-page1-list .wmpage181-page1-item::before{position:absolute;content:'';width:180px;height:180px;background:var(--color);opacity:.7;border-radius:50%;clip-path:polygon(50% 50%,100% 0,100% 100%);transform-origin:center;transform:rotate(135deg);right:-192px;top:-192px;transition:all .3s linear}
.wmpage181-page1 .wmpage181-page1-list .wmpage181-page1-item:hover:before{right:-92px;top:-92px}
.wmpage181-page1 .wmpage181-page1-list .wmpage181-page1-item::after{position:absolute;content:'';width:210px;height:210px;background:var(--color);opacity:.5;border-radius:50%;clip-path:polygon(50% 50%,100% 0,100% 100%);transform-origin:center;transform:rotate(135deg);right:-205px;top:-205px;transition:all .3s linear}
.wmpage181-page1 .wmpage181-page1-list .wmpage181-page1-item:hover::after{right:-105px;top:-105px}
.wmpage181-page1 .wmpage181-page1-item .wmpage181-page1-icon{position:relative;display:inline-flex;justify-content:center;align-items:center;width:60px;height:60px;background:var(--color);border-radius:50%}
.wmpage181-page1 .wmpage181-page1-item .wmpage181-page1-icon em{color: #fff;font-size: var(--wmpage-font28);width: var(--wmpage-font28);line-height: 1;}
.wmpage181-page1 .wmpage181-page1-item .wmpage181-page1-icon::after{position:absolute;content:'';width:67px;height:67px;border-radius:50%;border:1px dashed var(--color);left:50%;top:50%;transform:translate(-50%,-50%)}
.wmpage181-page1 .wmpage181-page1-item .wmpage181-page1-title{font-size:var(--wmpage-font20);font-weight:var(--fontbold6);color:var(--wmpage-color22);margin:15px 0 8px;transition:all .2s linear}
.wmpage181-page1 .wmpage181-page1-item:hover .wmpage181-page1-title{color:var(--color)}
.wmpage181-page1 .wmpage181-page1-item .wmpage181-page1-letter{color:var(--wmpage-color8);margin-bottom:20px;margin-top:10px;}
.wmpage181-page1 .wmpage181-page1-item .wmpage181-page1-btn a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:70px;height:45px;padding:0 20px;border-radius:5px;overflow:hidden;border:2px solid var(--color);color:var(--color);font-size:var(--wmpage-font15);font-weight:var(--fontbold6);transition:all .2s linear;z-index:1}
.wmpage181-page1 .wmpage181-page1-item .wmpage181-page1-btn a::before{content:'';position:absolute;top:0;left:0;width:25%;height:0;background-color:var(--color);z-index:-1;transition:all ease .5s}
.wmpage181-page1 .wmpage181-page1-item .wmpage181-page1-btn a:hover::before{top:auto;bottom:0;height:100%}
.wmpage181-page1 .wmpage181-page1-item .wmpage181-page1-btn a::after{content:'';position:absolute;bottom:0;left:25%;width:25%;height:0;background-color:var(--color);z-index:-1;transition:all ease .5s}
.wmpage181-page1 .wmpage181-page1-item .wmpage181-page1-btn a:hover::after{bottom:auto;top:0;height:100%}
.wmpage181-page1 .wmpage181-page1-item .wmpage181-page1-btn a span::before{content:'';position:absolute;top:0;left:50%;width:25%;height:0;background-color:var(--color);z-index:-1;transition:all ease .5s}
.wmpage181-page1 .wmpage181-page1-item .wmpage181-page1-btn a:hover span::before{top:auto;bottom:0;height:100%}
.wmpage181-page1 .wmpage181-page1-item .wmpage181-page1-btn a span::after{content:'';position:absolute;bottom:0;left:75%;width:25%;height:0;background-color:var(--color);z-index:-1;transition:all ease .5s}
.wmpage181-page1 .wmpage181-page1-item .wmpage181-page1-btn a:hover span::after{bottom:auto;top:0;height:100%}
.wmpage181-page1 .wmpage181-page1-item .wmpage181-page1-btn a:hover{color:#fff}
@media screen and (max-width:1024px){.wmpage181-page1 .wmpage181-page1-list .wmpage181-page1-item{width:48%}
}
@media screen and (max-width:768px){.wmpage181-page1{padding:40px 0;}
.wmpage181-page1 .wmpage181-page1-list .wmpage181-page1-item{width:100%;padding:20px}
}