.pagesbanner .pagesbanner-animate{top:50%}
.pagesbanner::after {content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0, 0, 0, .2);}
.pagesbanner .pagesbanner-animate .p1{font-size:46px;font-weight:var(--fontbold7);max-width:55%;margin:0 auto}
.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)}
.accessories-flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.img{overflow:hidden}
article{padding-bottom:0}
.page-nav{margin-bottom:20px}
.accessories1{padding:5% 0}
.accessories1 .inner .accessories1-left{width:49%}
.accessories1 .inner .accessories1-right{width:45%}
.accessories-common-title{font-weight:var(--fontbold6);font-size:var(--fontsize30);color:#222;line-height:1.3}
.accessories-title-dian{display:flex;align-items:center;margin:20px 0}
.accessories-title-dian p{display:block;width:6px;height:6px;background:var(--color);border-radius:50%;margin-right:10px}
.accessories-title-dian p:last-child{margin-right:0}
.accessories1 .inner-bot .accessories1-list{display:flex;flex-wrap:wrap;align-items:center;margin-top:30px}
.accessories1 .inner-bot .accessories1-list .item{width:23.4%}
.accessories1 .inner-bot .accessories1-list .item .img{border:1px solid #e8f2ff;display:flex;align-items:center;justify-content:center;transition: all .3s;}
.accessories1 .inner-bot .accessories1-list .item img{aspect-ratio:1/1;object-fit:contain;display:block;transition:all .3s}
.accessories1 .inner-bot .accessories1-list .item:hover img{transform:scale(1.05)}
.accessories1 .inner-bot .accessories1-list .item p{font-weight:var(--fontbold6);color:#222;font-size:var(--fontsize20);text-align:center;margin-top:20px}
.accessories1 .inner-bot .accessories1-list .item:hover .img{border-color:var(--color)}
.accessories1 .inner-bot .accessories1-list .item:hover p{color:var(--color)}
.accessories2{position:relative;padding:5% 0}
.accessories2:before{content:'';width:100vw;max-width:1920px;height:100%;background:url(https://css02.v15cdn.com/m618/imgs/accessories-keybg.webp) no-repeat center/cover;display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1}
.accessories2 .inner{position:relative;z-index:2}
.accessories2 .accessories-common-title{color:#fff;text-align:center}
.accessories2 .accessories-title-dian{justify-content:center}
.accessories2 .wmpage210-page2-text em{margin-right:5px}
.accessories2 .wmpage-title{color:#fff;text-align:center}
.accessories2 .wmpage210-page2-box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}
.accessories2 .wmpage210-page2-box .wmpage210-page2-left{width:35%}
.accessories2 .wmpage210-page2-left .wmpage210-page2-item{text-align:right;padding:30px 0}
.accessories2 .wmpage210-page2-left .wmpage210-page2-item:first-child,.accessories2 .wmpage210-page2-right .wmpage210-page2-item:first-child{padding:30px 0 35px}
.accessories2 .wmpage210-page2-item .wmpage210-page2-icon em{display:inline-block;font-size:30px;width:30px;line-height:1;color:#fff;transition:all .2s linear}
.accessories2 .wmpage210-page2-item:hover .wmpage210-page2-icon em{transform:rotateY(180deg)}
.accessories2 .wmpage210-page2-item .wmpage210-page2-title{color:#fff;font-weight:var(--fontbold6);font-size:var(--fontsize20);margin:15px 0 10px;line-height:1;transition:all .2s linear}
.accessories2 .wmpage210-page2-item .wmpage210-page2-desc{color:#f0f0f0;font-size:var(--fontsize16)}
.accessories2 .wmpage210-page2-box .wmpage210-page2-content{width:30%;text-align:center;padding-bottom:40px}
.accessories2 .wmpage210-page2-slide img{width:340px;height:340px;object-fit:cover;border-radius:50%;border:2px solid var(--color);background:#fff}
.accessories2 .wmpage210-page2-slide p{text-align:center;color:#fff;font-weight:var(--fontbold7);font-size:var(--fontsize20);margin-top:10px}
.accessories2 .wmpage210-page2-box .wmpage210-page2-right{width:35%}
.accessories2 .wmpage210-page2-right .wmpage210-page2-item{padding-top:30px}
.accessories2 .wmpage210-page2-pagination{margin-top:20px}
.accessories2 .wmpage210-page2-pagination .swiper-pagination-bullet{background:#8292a8;opacity:1;margin:0 10px}
.accessories2 .wmpage210-page2-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:var(--color)}
.accessories3{padding:5% 0}
.accessories3 .accessories-common-title{text-align:center}
.accessories3 .accessories-title-dian{justify-content:center}
.accessories3 .accessories3-list{align-items:initial;margin-top:40px}
.accessories3 .accessories3-list .accessories3-item{width:23%;padding:2%;border:1px solid #eaf3ff;transition:all .3s;display:flex;flex-direction:column;border-radius: var(--borderradius);}
.accessories3 .accessories3-item .icon{line-height:1}
.accessories3 .accessories3-item .icon em{font-size:var(--fontsize36);color:var(--color)}
.accessories3 .accessories3-item-tit{font-size:var(--fontsize20);font-weight:var(--fontbold6);margin:10px 0 5px}
.accessories3 .accessories3-item-more{margin-top:auto}
.accessories3 .accessories3-item-more a{font-weight:var(--fontbold7);color:var(--color);display:block;margin-top:10px}
.accessories3 .accessories3-item:hover{background:var(--color);border-color:var(--color);color:#fff}
.accessories3 .accessories3-item:hover .accessories3-item-more a,.accessories3 .accessories3-item:hover .icon em{color:#fff}
.accessories4 .inner{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;align-items:center}
.accessories4 .inner>div{width:50%;padding:4%}
.accessories4 .inner .accessories4-left{background:var(--color)}
.accessories4 .inner .accessories4-left::before{content:'';position:absolute;top:0;right:50%;width:960px;height:100%;background:var(--color)}
.accessories4 .inner .accessories4-left *{position:relative;z-index:2;color:#fff}
.accessories4 .inner .accessories4-left .accessories-title-dian p{background:#fff}
@media (min-width:1025px){.accessories4 .inner>div.accessories4-left{padding-left:0}
.accessories4 .inner>div.accessories4-right{padding-right:0}}
.accessories4 .wmkcfeedback .inquiry-form>*{width:100%;border-radius:var(--borderradius);border:1px solid #e8f2ff}
.accessories4 .wmkcfeedback textarea{height:100px}
.accessories4 .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}}
@media (max-width:1440px){.accessories-common-title{font-size:var(--fontsize26)}
.accessories2 .wmpage210-page2-slide img{width:300px;height:300px}}
@media (max-width:1280px){.accessories-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;}
.accessories1,.accessories2,.accessories3{padding:40px 0}
.accessories1 .inner .accessories1-left,.accessories1 .inner .accessories1-right{width:100%;margin:10px 0}
.accessories-common-title{font-size:var(--fontsize22)}
.accessories1 .inner .accessories1-left img{width:100%}
.accessories1 .inner-bot .accessories1-list .item,.accessories3 .accessories3-list .accessories3-item{width:49%}
.accessories1 .inner-bot .accessories1-list .item:nth-child(n+3),.accessories3 .accessories3-list .accessories3-item:nth-child(n+3){margin-top:10px}
.accessories1 .inner-bot .accessories1-list{margin-top:10px}
.accessories3 .accessories3-list .accessories3-item{padding:10px;}
.accessories2 .wmpage210-page2-box .wmpage210-page2-left{width:100%}
.accessories1 .inner-bot .accessories1-list .item p{margin-top:5px;font-size:var(--fontsize16)}
.accessories2 .wmpage210-page2-left .wmpage210-page2-item{text-align:center}
.accessories2 .wmpage210-page2-box .wmpage210-page2-content{width:100%}
.accessories2 .wmpage210-page2-slide img{width:80%;height:auto;margin:10px 0}
.accessories2 .wmpage210-page2-box .wmpage210-page2-right{width:100%;text-align:center}
.accessories4 .inner>div{width:100%;padding:20px}
.accessories2 .wmpage210-page2-left .wmpage210-page2-item,.accessories2 .wmpage210-page2-left .wmpage210-page2-item:first-child,.accessories2 .wmpage210-page2-right .wmpage210-page2-item:first-child{padding:10px 0}
.accessories2 .wmpage210-page2-item .wmpage210-page2-title{font-size:var(--fontsize17);margin:10px 0}
.accessories2 .wmpage210-page2-right .wmpage210-page2-item{padding:10px 0}
.accessories4 .inner .accessories4-left::before{display:none}
.accessories4 .inner>div.accessories4-right{padding-left:10px;padding-right:10px}}
@media (max-width:500px){.pagesbanner .pagesbanner-animate .p1{max-width:100%;}
.pagesbanner .pagesbanner-animate .more{display:none}
.accessories3 .accessories3-list .accessories3-item{width:100%}
.accessories3 .accessories3-list .accessories3-item:nth-child(n+2){margin-top:10px}
.accessories3 .accessories3-item-tit{font-size:var(--fontsize17)}}
.pagesbanner{position: relative;}
.pagesbanner .banner-text{width: 75%;color: #fff;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 3;}
.pagesbanner .banner-text .c-wrap{padding: 0;text-align: left;padding-right: 40%;}
.pagesbanner .banner-text .title{font-size: 46px;font-weight: var(--fontbold6);line-height: 1.2;}
.pagesbanner .banner-text .des{font-size: var(--fontsize18);font-weight: var(--fontbold4);margin: 10px 0 30px 0;padding: 0;}
.pagesbanner .banner-text a{display: inline-block;padding: 4px 20px;background: var(--color);border-radius: 6px;}
.pagesbanner .banner-text a:hover{background: #fff;}
@media (max-width:1660px) {
  .pagesbanner .banner-text .title{font-size: 34px;}
.pagesbanner .banner-text .des{margin-bottom: 15px;padding: 0;}
.pagesbanner .banner-text{width: 90%;}
}
@media (max-width:1280px) {
  .pagesbanner .banner-text{width: 85%;}
  .pagesbanner .banner-text .title{font-size: var(--fontsize30);}
  .pagesbanner .banner-text .des{font-size: var(--fontsize16);padding: 0;}
  .pagesbanner .banner-text a{padding: 4px 10px;}
}
@media (max-width:1024px) {
  .pagesbanner .banner-text{width: 95%;}
  .pagesbanner .banner-text .title{font-size: var(--fontsize24);}
  .pagesbanner .banner-text .c-wrap {padding: 0;text-align: center;padding-right: 0%;}
}
@media (max-width:768px) {
  .pagesbanner .banner-text .des{padding: 0 20px;line-height: 1.3;}
  .pagesbanner .banner-text a{padding: 2px 10px;}
}
@media (max-width:500px) {
  .pagesbanner .banner-text .title{font-size: var(--fontsize20);}
  .pagesbanner .banner-text .des{margin: 10px 0;}
}