.pagesbanner .pagesbanner-animate{top:50%}
.pagesbanner .pagesbanner-animate .p1{font-weight:var(--fontbold7);font-size:46px}
.pagesbanner::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2)}
.partner-flex{display:flex;flex-wrap:wrap;justify-content:space-between}
.partner-common-title{font-weight:var(--fontbold6);font-size:var(--fontsize30);color:#222;line-height:1.3;text-align:center}
.partner-title-dian{display:flex;align-items:center;margin:20px 0;justify-content:center}
.partner-title-dian p{display:block;width:6px;height:6px;background:var(--color);border-radius:50%;margin-right:10px}
.partner-title-dian p:last-child{margin-right:0}
.partner1 .partner1-item{width:31.5%;background:#fff}
.partner1 .partner1-item.first{display:flex;align-items:center;background:rgba(0,0,0,0)}
.partner1 .partner1-item.first .inner{max-width:76%;position:relative}
.partner1 .partner1-item:not(.first){border:1px solid #e8f2ff;padding:4% 20px;text-align:center;transition:all .3s;border-radius:var(--borderradius)}
.be-a-partner>.l-wrap{max-width:100%;padding:0}
.common-main{padding-top:30px}
article{padding-bottom:0}
.page-nav{display:none}
.partner-box{padding:5% 0}
.partner1{position: relative;z-index: 1;}
.partner1::before{content: '';position: absolute;left: 50%;top: 0;max-width: 1920px;width: 100vw;height: 100%;transform: translateX(-50%);background-color: var(--color);opacity: 0.1;z-index: -1;
}
.partner1 .partner-common-title{font-size:50px;text-align:right}
.partner1 .partner1-item.first .partner-title-dian{position:absolute;bottom:0;left:5px}
.partner1 .partner1-item .partner1-item-icon{width:60px;height:60px;background:#e8f2ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}
.partner1 .partner1-item .partner1-item-icon em{font-size:30px;color:var(--color)}
.partner1 .partner1-item .partner1-item-title{font-weight:var(--fontbold6);font-size:var(--fontsize20);margin:20px 0 7px}
.partner1 .partner1-item .partner1-item-art a{text-decoration:underline}
@media (min-width:769px){.partner1 .partner1-item:nth-child(n+4){margin-top:3%}}
.partner1 .partner1-item:not(.first):hover{background:var(--color)}
.partner1 .partner1-item:not(.first):hover .partner1-item-title{color:#fff}
.partner1 .partner1-item:not(.first):hover .partner1-item-art,.partner1 .partner1-item:not(.first):hover .partner1-item-art a{color:#fff;opacity:.8}
.partner2{background:#f6f7f8;padding-top:6%}
.partner2 .partner2-list{margin-top:40px}
.partner2 .partner2-list .partner2-item{width:31.5%;position:relative}
.partner2 .partner2-list .partner2-item .img:before{content:'';width:100%;height:100%;background:transparent;display:block;position:absolute;top:0;left:0;z-index:1;transition: all .3s;}
.partner2 .partner2-list .partner2-item .partner2-tit{position:absolute;right:10px;bottom:10px;background:var(--color);color:#fff;z-index:2;padding:6px 10px;font-weight:var(--fontbold6);border-radius:var(--borderradius);}
.partner2 .partner2-list .partner2-item .partner2-des{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);color:#fff;width:90%;text-align:center;opacity:0;transition:all .3s;line-height:1.7;z-index:2}
.partner2 .partner2-list .partner2-item:hover .img:before{background: rgba(0,0,0,0.45);}
.partner2 .partner2-list .partner2-item:hover .partner2-des{opacity:1}
.parnter3 .parnter3-logo-list{font-size:40px}
.parnter3 .parnter3-logo-list .parnter3-logo-item{width:19%;min-height:140px}
.parnter3 .parnter3-logo-list .parnter3-logo-item .img{height:100%;text-align:center;display:flex;align-items:center;justify-content:center;transition:all .3s}
.parnter3 .parnter3-logo-list .parnter3-logo-item img.logo-active{display:none}
.parnter3 .parnter3-logo-list .parnter3-logo-item:hover img.logo-gray{display:none}
.parnter3 .parnter3-logo-list .parnter3-logo-item:hover img.logo-active{display:block}
.parnter3 .parnter3-logo-list .parnter3-logo-item .img img{transition:all .3s;max-width:100%}
.partner4{background:#f6f7f8}
.partner4 .partner-flex{align-items:center}
.partner4 .partner4-left{width:calc(100% - 200px)}
.partner4 .partner-common-title{text-align:left;margin-bottom:15px}
.partner4 .partner4-right a{width:140px;display:flex;align-items:center;justify-content:center;border-radius:var(--borderradius);height:40px;background:var(--color);color:#fff;text-decoration:none;font-weight:var(--fontbold6);transition:all .3s;border:1px solid var(--color)}
.partner4 .partner4-right a:hover{background:#fff;color:var(--color)}
@media (max-width:1600px){.pagesbanner .pagesbanner-animate .p1{font-size:2.4vw}
.pagesbanner .pagesbanner-animate .p2{font-size:.98vw}}
@media (max-width:1440px){.partner1 .partner-common-title{font-size:3.24vw}
.partner-common-title{font-size:var(--fontsize26)}
.partner1 .partner1-item .partner1-item-title{font-size:var(--fontsize18)}
.partner2 .partner2-list .partner2-item .partner2-des{font-size:var(--fontsize14)}}
@media (max-width:1366px){.partner1 .partner1-item:not(.first){padding-left:15px;padding-right:15px}}
@media (max-width:1280px){.partner-common-title{font-size:var(--fontsize24)}
.partner2 .partner2-list .partner2-item .partner2-des{line-height:1.3}
.partner2 .partner2-list .partner2-item .partner2-tit{font-size:var(--fontsize15)}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize22)}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize12)}
.pagesbanner img,.pagesbanner video{min-height:inherit}
.partner-common-title,.partner1 .partner-common-title{font-size:var(--fontsize22)}
.partner1 .partner1-item{width:49%}
.partner1 .partner1-item:nth-child(n+3){margin-top:2%}
.partner1 .partner1-item.first .inner{max-width:100%}
.partner1 .partner1-item.first .partner-title-dian{position:initial;justify-content:flex-start}
.partner2 .partner2-list .partner2-item{width:49%}
.partner2 .partner2-list .partner2-item:nth-child(n+3){margin-top:2%}
.parnter3 .parnter3-logo-list .parnter3-logo-item{width:49%;min-height:80px}
.partner4 .partner4-left{width:100%;margin-bottom:20px}}
@media (max-width:500px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize16)}
.partner1 .partner1-item{width:100%}
.partner1 .partner1-item.first{margin-bottom:25px}
.partner1 .partner1-item.first,.partner1 .partner1-item.first .partner-title-dian{justify-content:center}
.partner1 .partner1-item:not(.first){padding:15px}
.partner2 .partner2-list .partner2-item{width:100%}
.partner2 .partner2-list .partner2-item:nth-child(n+2){margin-top:2%}}
.page-nav{display:none}
.common-main{padding-top:0}
.pagesbanner .pagesbanner-animate{top:50%}
article{padding:0}
.pagesbanner::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2)}
.pagesbanner .pagesbanner-animate .p1{font-size:46px;font-weight:var(--fontbold7)}
.pagesbanner .pagesbanner-animate .p2{margin:15px 0}
.pagesbanner .pagesbanner-animate .more a{display:inline-block;color:#fff;background:var(--color);padding:8px 20px;font-size:var(--fontsize18);transition:all .3s;border-radius:var(--borderradius)}
.pagesbanner .pagesbanner-animate .more a:hover{background:#fff;color:var(--color)}
.contactus-box{padding:5% 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:relative;z-index:1}
.contactus-box::before{content:"";position:absolute;width:100vw;max-width:1920px;height:100%;background-color:var(--color);opacity:.1;left:50%;top:0;transform:translateX(-50%);z-index:-1}
.contactus-box .contact-left{border-radius:20px;width:50%;padding:6% 4%;background-color:#fff;color:#222}
.contactus-box .contact-right{width:45%}
.contact-common-title{color:#222;line-height:1.5;font-size:var(--fontsize30);font-weight:var(--fontbold6)}
.contact-get{font-size:var(--fontsize20);margin-bottom:10px}
.contact-title-dian{display:flex;align-items:center;margin:10px 0}
.contact-title-dian p{display:block;width:6px;height:6px;background:var(--color);border-radius:50%;margin-right:10px}
.contact-title-dian p:last-child{margin-right:0}
.contactus-box .contact-left .contact-list{margin:25px 0 20px}
.contactus-box .contact-list .contact-item{display:flex;margin:7px 0}
.contactus-box .contact-list .contact-item em{font-size:var(--fontsize16);margin-right:10px}
.contactus-box .contact-list .contact-item a{color:#333}
.contactus-box .contact-share{display:flex;flex-wrap:wrap;margin-top:20px}
.contactus-box .contact-share .contact-share-item{width:54px;height:54px;border-radius:50%;background:#e5ecf4;margin-right:20px;overflow:hidden}
.contactus-box .contact-share .contact-share-item:last-child{margin-right:0}
.contactus-box .contact-share .contact-share-item a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;color:var(--color);transition:all .3s}
.contactus-box .contact-share .contact-share-item em{color:var(--color);font-size:var(--fontsize24)}
.contactus-box .contact-share .contact-share-item a:hover{background:var(--color)}
.contactus-box .contact-share .contact-share-item a:hover em{color:#fff}
.wmkcfeedback{margin-top:40px}
.wmkcfeedback .inquiry-form>*{width:100%;border:1px solid #e8f2ff}
.wmkcfeedback textarea{height:100px}
.wmkcfeedback input::placeholder,.wmkcfeedback textarea::placeholder{color:#666}
.wmkcfeedback .send-btn{width:100%}
@media (max-width:1600px){.pagesbanner .pagesbanner-animate .p1{font-size:2.7vw}
.pagesbanner .pagesbanner-animate .more a,.pagesbanner .pagesbanner-animate .p2{font-size:1.1vw}
.contact-common-title{font-size:var(--fontsize28)}
}
@media (max-width:1280px){.contact-common-title{font-size:var(--fontsize24)}
}
@media (max-width:768px){.pagesbanner img,.pagesbanner video{min-height:inherit}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize20)}
.pagesbanner .pagesbanner-animate .more a,.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize14)}
.pagesbanner .pagesbanner-animate .p2{margin:7px 0}
.contactus-box .contact-left,.contactus-box .contact-right{width:100%;margin:10px 0}
}
@media (max-width:500px){.pagesbanner .pagesbanner-animate .p1{max-width:100%}
.pagesbanner .pagesbanner-animate .more{display:none}
.contact-get{font-size:var(--fontsize18)}
.contactus-box .contact-share{margin-top:10px}
.contactus-box .contact-share .contact-share-item{width:38px;height:38px;margin-right:10px}
.contactus-box .contact-share .contact-share-item em{font-size:var(--fontsize20)}
.wmkcfeedback{margin-top:20px}
.contactus-box .contact-right{padding:0 10px}
}