@charset "utf-8"; 
:root {--color: #000000;--headercolor:#000000}
.an1,.an3-title,.an2-b {opacity:0}
.swiper-slide-active .an1,.swiper-slide-active .an3-title,.swiper-slide-active .an2-b {animation:bannerup2 .5s forwards}
@keyframes bannerup2 {0% {margin-left:-80px;opacity:0}
100% {margin-left:0;opacity:1}}
.an1{position: absolute;top: 10%;left: 10%;z-index: 1;padding: 20px;border-radius: 10px;transform: translateY(20px);text-transform: uppercase;font-size:40px;font-weight: 700;color:#555757;}
.an1 div>span:nth-child(1){color:#fed101;}
.an1 div>span:nth-child(2){color:#01a2e7;}
@media(max-width:1024px){.an1{top:0;font-size:22px}}
@media(max-width:768px){.an1{font-size:18px;transform:translate(0,0);top:8%;padding:0 20px;left:3%;line-height:1.2;}}
@media(max-width:500px){.an1{font-size: 14px;}}
.an2-b{font-size:1.1vw;color:#fff;font-weight: 400;}
.an2{position: absolute;top:52%;left:22.5%;z-index: 1;padding: 20px;width:50%;color:#fff;text-transform: uppercase;}
.an2-btn {display:flex;margin-top:3.5vw}
.home-banner .swiper-slide .an2-btn a {background:#FCD002;width:auto;color:#fff;border-radius:8px;line-height:1.4;padding:.4vw 1.7vw;font-size:1.1vw;}
@media (max-width:1400px){.an2 {top:52%;left:22%}
.an2-btn {margin-top:3vw}}
@media (max-width:1024px){.an2 {top:48%;left:21%}
.an2-b {font-size:12px}
.home-banner .swiper-slide .an2-btn a{font-size:12px;padding:4px 15px}}
@media (max-width:768px){.an2 {top:44%;left:20%}
.an2-b {display:none}
.home-banner .swiper-slide .an2-btn a{font-size:12px;padding:4px 10px;border-radius:5px}}
@media(max-width:500px){.an2{display:none;}}
.an3{position: absolute;top: 10%;left: 10%;z-index: 1;padding: 20px;font-size:40px;}
.an3 div>em:nth-child(2){color:#089dde;text-decoration: underline;margin-left:20px;}
.an3-b{font-size:25px;color:#666;}
@media (max-width:1024px){.an3{font-size:22px}
.an3-b{font-size:14px}}
@media(max-width:768px){.an3{font-size:20px;left:3%;}.an3-b{font-size:14px;}}
@media(max-width:500px){.an3{padding: 5px;font-size: 17px;top: 4%;left: 3%;}}
.banner-animote .title{opacity:0;}
.home-banner .swiper-slide>a::after{background:none;}
.banner-animote .text{opacity:0;}
@media (min-width:1025px){body:not(.nobanner) main{margin-top: 120px;}}
@media (min-width:1025px){.head-info{background:#fff;}
.head-nav .nav-ul>li>a{color:var(--fontcolor)}}
.home-about .aboutimg  iframe{height: 100%;}
.home-about .aboutimg{aspect-ratio: 750/500;}
.pro-main .fillhight iframe{height: 100%; } .pro-main .fillhight {text-align: center; aspect-ratio: 1000/562; width: 80%;margin: 0 auto;}
.protype-main .procate li:hover , .pro-main .pro-list.list1 li:hover .pro-info * ,  .prodetails-tabs .prodetails-tabs-item.act ,  .wmkcfeedback .send-btn,.maylink-list .swiper-slide:hover .pro-info .title ,  .maylink-list .swiper-slide:hover .pro-info .text {
color: #fff;}
.home-helpcenter .list li:hover .imgbg{transform: perspective(1000px) translate3d(-7%, 0, 0);}
@media (max-width:768px){.bottom-btn .btn-item.gotop em{color:#fff;}}
.pro-d-main iframe{height: 510px;width: 900px;margin: 15px auto;display: block;}
@media (max-width:1440px){.pro-d-main iframe{height: 400px;width: 700px;}}
@media (max-width:550px){.pro-d-main iframe{height:auto;width:100%;}}
.common-page span.ctxt{color: #fff;}
.head-logo a img{max-height: 75px;}
.home-helpcenter .list .img{height: 24vw;}
.an3 div>em:nth-child(2){color: #000;text-decoration: unset;}
.an1{display:none;}
.home-helpcenter .list .imgbg{top: 5%;bottom: 5%;width: 100%;right: 0;}
.pagesbanner img{min-height: inherit;object-fit: contain;}
@media (max-width: 768px) {.pagesbanner {min-height: inherit;}}
.home-banner .bannerswiper-next:hover, .home-banner .bannerswiper-prev:hover{background: #d8d8d8;}
@media (max-width:768px){.home-helpcenter .list .imgbg img{aspect-ratio:1/1;object-fit:cover}
.home-helpcenter .list .img{aspect-ratio:1/1;height:unset}
.home-mainpro{padding-top:20px}
}@media (min-width:1025px){body:not(.nobanner) main{margin-top:80px}
.lang-icon img{filter: brightness(0)}}
.home-news .homenewslist .swiper-slide .info .title,.home-news .homenewslist .swiper-slide .info .text{display:block;}
.an3{display:none;}