﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage208-page3{padding:50px 0 0;}
.wmpage208-page3 .common-title{text-align:center}
.wmpage208-page3-title{font-weight:var(--fontbold7);padding-bottom:0;text-align:center;position:relative}
.wmpage208-page3-span{width:70px;height:5px;display:block;margin:10px auto 0;background:linear-gradient(to right,var(--color),#ffffff94)}
.wmpage208-page3-about{display:flex;align-items:center;margin-top:50px}
.wmpage208-page3 .wmpage208-page3-text strong{color:var(--color)}
.wmpage208-page3-right{width:50%;border-radius:22% 0 8% 0;overflow:hidden}
.wmpage208-page3-left{width:50%;padding-right:50px;box-sizing:border-box}
.wmpage208-page3-btn{display:flex;margin-top:45px}
.wmpage208-page3-btn a{display:inline-block;font-size:16px;padding:12px 35px;border:1px solid var(--color);border-radius:30px;color:var(--color);transition:all .5s;line-height:1}
.wmpage208-page3-btn a em{animation:clr 4s linear infinite;font-size:18px;line-height:1;width:18px;display:inline-block}
.wmpage208-page3-btn a span{margin-left:10px}
.wmpage208-page3-top{display:flex;align-items:baseline;color:var(--color)}
.wmpage208-page3-math{display:flex;justify-content:space-between;margin-top:35px}
.wmpage208-page3-top p{font-size:54px;line-height:1;font-weight:var(--fontbold7)}
.wmpage208-page3-top sub{margin:0 4px;font-size:var(--fontsize22)}
.wmpage208-page3-box{width:20%;display:flex;flex-direction:column;align-items:center;text-align:center}
@keyframes clr{from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
@media (max-width:1024px){.wmpage208-page3-about{flex-direction:column}
.wmpage208-page3-left{width:100%;padding:0}
.wmpage208-page3-btn{margin-top:25px}
.wmpage208-page3-right{width:100%;margin-top:30px}
.wmpage208-page3-top p{font-size:34px}
.wmpage208-page3-box{width:25%}
}
@media (max-width:768px){.wmpage208-page3-top p{font-size:var(--fontsize22)}
.wmpage208-page3-top sub{font-size:var(--fontsize14)}
}
@media (max-width:550px){.wmpage208-page3-math{margin-top:25px;flex-wrap:wrap}
.wmpage208-page3-box{width:49%;margin-bottom:20px}
}
.hot-pro .common-title{text-align:center}
.common-title,.about-title{font-weight: var(--fontbold7);}
.news .common-title{color:var(--fontcolor);text-align:center;margin-bottom:5px;}
.map .common-title{margin-bottom: 5px;}
.news .common-des,.map .common-des{color:#555;text-align:center}

.wmpage211-page5{padding:50px 0 0}
.wmpage211-page5 .common-title{text-align: center;}
.wmpage211-page5 .wmpage211-page5-text{display:inline-block;position:relative;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);padding-left:20px;left:50%;transform:translateX(-50%)}
.wmpage211-page5 .wmpage211-page5-text:before{content:'';position:absolute;width:14px;height:7px;background-color:var(--color);border-top-left-radius:7px;border-top-right-radius:7px;left:0;top:50%;transform:translateY(-50%) rotate(-90deg)}
.wmpage211-page5 .wmpage-title{color:var(--wmpage-color22);text-align:center}
.wmpage211-page5 .wmpage211-page5-box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:30px}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left{width:25%}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li{display:flex;justify-content:space-between;align-items:center;border:1px solid #ddd;border-radius:35px;transition:all .2s linear;cursor: pointer;}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li.active{background:var(--color);border:1px solid transparent}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li:nth-child(-n+4){margin-bottom:20px}
.wmpage211-page5 .wmpage211-page5-left .wmpage211-page5-letter{padding:15px 25px;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font18);flex:1;transition:all .2s linear}
.wmpage211-page5 .wmpage211-page5-left li.active .wmpage211-page5-letter{color:#fff}
.wmpage211-page5 .wmpage211-page5-left .wmpage211-page5-icon{display:inline-flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:50%;margin:5px;background:#f6f6f6;transition:all .2s linear}
.wmpage211-page5 .wmpage211-page5-left li.active .wmpage211-page5-icon{background:#fff}
.wmpage211-page5 .wmpage211-page5-left .wmpage211-page5-icon em{transform:rotate(-30deg);color:var(--color);transition:all .2s linear}
.wmpage211-page5 .wmpage211-page5-left li.active .wmpage211-page5-icon em{color:var(--wmpage-color22)}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-right{width:73%;position:relative;overflow:hidden}
.wmpage211-page5 .wmpage211-page5-right .wmpage211-page5-item{visibility:hidden;opacity:0;transform:scale(.8);transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s ease-in-out;position:absolute;top:0;left:0;width:100%}
.wmpage211-page5 .wmpage211-page5-right .wmpage211-page5-item.active{visibility:visible;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;opacity:1;transform:scale(1);position:relative}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-img{width:36%}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-img img{width:100%;height:auto;border-radius:30px;object-fit:cover}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-info{width:61%}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20)}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-desc{color:var(--wmpage-color8);margin:10px 0 20px}
.wmpage211-page5 .wmpage211-page5-item ul li{display:flex;align-items:center;color:var(--wmpage-color8);font-weight:var(--fontbold6);margin-top:7px}
.wmpage211-page5 .wmpage211-page5-item ul li em{color:var(--color);font-weight:var(--fontbold5);margin-right:10px}
@media screen and (max-width:1024px){.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left{width:100%;margin-bottom:30px}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-right{width:100%}
}
@media screen and (max-width:768px){.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-img{width:100%;margin-bottom:30px}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-info{width:100%}
}