﻿@import url(https://js01.v15cdn.com/single-template/public.css); 
section.productcate{display: none; }
.about-topbox .img1{display:flex;justify-content:center;align-items:center;margin:40px auto}
.about .about1-imgs .about-image1 iframe{display: block; margin: 0 auto; }
.about1-swiper .swiper-pagination-bullet:nth-of-type(1)::after{content:'AYA Video'}
.about1-swiper .swiper-pagination-bullet:nth-of-type(2)::after{content:'about AYA'}
.about1-swiper .swiper-pagination-bullet:nth-of-type(3)::after{content:'AYA Footprints'}
.about1-swiper .swiper-pagination-bullet:nth-of-type(4)::after{content:'Application'}
@media (min-width:768px) and (max-width:1024px){
.about1-swiper .swiper-pagination-bullet{ width: 170px; }}
.about .swiper-slide:first-child  .about-image1{max-width:800px;aspect-ratio:16 / 9;margin:0 auto}
.about .swiper-slide:first-child  .about-image1 iframe{width:100%;height:100%}
.news .home-title{text-align:left;}
.location{position:relative;padding: 0;}
.location img{width:100%;display:block}
.location .inner{position: absolute;top:50%;left:0;width:100%;text-align: center;transform: translateY(-50%);}
.location .inner p{color:#fff;font-weight:var(--fontbold7);font-size:30px;text-transform: uppercase;}
@media (max-width:1024px){.location .inner p{font-size:20px;}}
@media (max-width:550px){.location .inner p{font-size:14px;}}

.hotproduct{display: none;}
.about{padding:3% 0;}
.about-topbox .flex{display: flex;flex-wrap: wrap;align-items: center;}
.about-topbox .abbox-l,.about-topbox .abbox-r{width: 50%;}
.about-topbox .infobox{max-width: 800px;padding: 20px;}
.about-topbox .infobox .info{margin: 10px 0;}
.about-topbox .abbox-l.abouttext .infobox{margin-left: auto;}
.about-topbox .btn a{color: var(--color);}
.about-topbox .aboutimg img{width: 100%;height: 100%;}
.about-topbox .about1-title {margin-bottom: 0;}
.abmidba{background: var(--color);padding: 2%;color: #fff;text-align: center;font-size: 24px;font-weight: bold;}
.about .about1-title h4,.about .about1-title h1{text-align: left;text-transform: uppercase;}
.about-botbox{margin-top: 50px;}
.about-botbox .botnumlist{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 20px;}
.about-botbox .botnumlist .item{width: 24%;}
.about-botbox .botnumlist .item .num{font-size: 32px;color: var(--color);font-weight: bold;}
@media (max-width:1024px) {
.about-botbox .botnumlist .item{width: 48%;}
.about-botbox{margin-top: 0;}
}
@media (max-width:768px) {
.about-topbox .abbox-l,.about-topbox .abbox-r{width: 100%;}
.about-topbox .infobox{max-width: 100%;}
.about-topbox .flex.topbox2{flex-direction: column-reverse;}
.about-topbox .aboutimg img{display: flex;}
}


@media (min-width:1025px) {
.about-topbox .abbox-l.abouttext{padding-left: 15%;;padding-right: 100px;}
.about-topbox .abbox-r.abouttext{padding-right: 15%;padding-left: 100px;}

}
.about .about1-title h4,.about .about1-title h1{text-transform: uppercase;}
.about-botbox .botnumlist .item .num{ font-weight: 900;font-size: 40px;}
#swiper-banner .swiper-slide .banner-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:25px;color:#fff}
.about .abmidba .container{text-transform: uppercase;}
.about-botbox .info{text-align:justify}
.about-botbox .botnumlist .item{display:flex;flex-direction:column}
.about-botbox .botnumlist .item:nth-child(1){align-items:flex-start}
.about-botbox .botnumlist .item:nth-child(2),.about-botbox .botnumlist .item:nth-child(3){align-items:center}
.about-botbox .botnumlist .item:nth-child(4){align-items:flex-end}
.home-cate{padding:3% 0;background:#F7F7F7;}
.home-cate .home-title{font-size:32px;font-weight:800}
.home-cate-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px;}
.home-cate-list li{width:18%;max-width:235px}
.home-cate-list li a{display:block;width:100%;position:relative;}
.home-cate-list li .home-cate-pic img{width:100%;display:block;}
.home-cate-list li .home-cate-tit{position:absolute;width:100%;text-align:center;bottom:3%;padding:10px;font-size:var(--fontsize20);transition:.3s}
.home-cate-list li:hover{box-shadow:0 0 10px #ddd}
.home-cate-list li:hover .home-cate-tit{color:var(--color)}
.home-cate-btn{display:flex;justify-content:flex-end;margin-top:30px;}
.home-cate-btn a{text-transform:capitalize;color:var(--color);}
.home-cate-btn a:hover{text-decoration:underline;}
.home-why{position:relative;}
.home-why img{display:block;width:100%;min-height:150px;object-fit:cover}
.home-why .home-why-tit{position:absolute;top:50%;left:0;color:#fff;font-weight:bold;transform:translate(0,-50%);width:100%;padding:0 15px;text-align:center;font-size:30px;}
@media (max-width:1280px){.home-cate-list li .home-cate-tit{font-size:var(--fontsize18);bottom:1%}}
@media (max-width:1024px){.home-why .home-why-tit{font-size:25px}}
@media (max-width:768px){.home-cate .home-title{font-size:25px;}
.home-cate-list{margin-top:20px;}
.home-cate-list li{width:48%;margin-bottom:15px}
.home-cate-btn{margin-top:10px;}
.home-cate-list li .home-cate-tit{font-size:var(--fontsize16);}
.home-why .home-why-tit{font-size:var(--fontsize22)}}
.about{padding-top: 0;}
.about-topbox .aboutimg img{display: block;}
.about-topbox .flex{align-items: unset;}
#swiper-banner .swiper-slide .banner-text{text-transform:uppercase;font-weight:bold;padding:0 15px;font-size:44px;text-align:center;line-height:1.3;width:80%;max-width:1300px;}
@media (max-width:1600px){#swiper-banner .swiper-slide .banner-text{font-size:2.7vw;}}
@media (max-width:768px){#swiper-banner .swiper-slide .banner-text{font-size:22px;width:100%;padding:0 40px}}
@media (max-width:540px){#swiper-banner .swiper-slide .banner-text{font-size:14px}}
.about-topbox .infobox .info{text-align:justify}
.about-botbox .botnumlist .item .num span:nth-child(2) {font-size: 25px;}
.about-topbox .flex{align-items: center;}
.container{max-width: 1335px;}

.wmpage183-page5 .wmpage183-page5-text{display:inline-flex;align-items:center;justify-content:center;padding:5px 15px;background:rgba(249,99,4,.25);border-radius:20px;color:var(--color);font-weight:var(--fontbold6);display:table;margin-left:auto;margin-right:auto}
.wmpage183-page5 .wmpage183-page5-text em{margin-right:4px}
.wmpage183-page5 .wmpage-title{margin:5px 0 15px;text-align:left;color:var(--color)}
.wmpage183-page5 .wmpage183-page5-desc{max-width:700px;color:var(--wmpage-color8);margin-bottom:15px;text-align:center;margin:0 auto}
.wmpage183-page5 .wmpage183-page5-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage183-page5 .wmpage183-page5-list .wmpage183-page5-item{width:24%;margin-top:30px}
.wmpage183-page5 .wmpage183-page5-item .wmpage183-page5-img{border-radius:8px;overflow:hidden}
.wmpage183-page5 .wmpage183-page5-item .wmpage183-page5-img img{width:100%;height:auto;object-fit:cover;transition:all .2s linear}
.wmpage183-page5 .wmpage183-page5-item:hover .wmpage183-page5-img img{transform:scale(1.05)}
.wmpage183-page5 .wmpage183-page5-item .wmpage183-page5-info{padding:20px 10px}
.wmpage183-page5 .wmpage183-page5-item ul{display:flex}
.wmpage183-page5 .wmpage183-page5-item ul li{display:flex;align-items:center;color:var(--wmpage-color8);font-size:var(--wmpage-font15)}
.wmpage183-page5 .wmpage183-page5-item ul li:first-child{margin-right:15px}
.wmpage183-page5 .wmpage183-page5-item ul li em{font-size:var(--wmpage-font18);margin-right:5px}
.wmpage183-page5 .wmpage183-page5-item .wmpage183-page5-title{font-weight:var(--fontbold7);font-size:var(--wmpage-font20);margin:5px 0 10px;transition:all .2s linear}
.wmpage183-page5 .wmpage183-page5-item .wmpage183-page5-title:hover{color:var(--color)}
.wmpage183-page5 .wmpage183-page5-item .wmpage183-page5-words{color:var(--wmpage-color8)}
.wmpage183-page5 .wmpage183-page5-item .wmpage183-page5-btn{margin-top:20px;display:inline-flex;align-items:center;color:var(--color);font-weight:var(--fontbold7);text-transform:uppercase;transition:all .2s linear}
.wmpage183-page5 .wmpage183-page5-item .wmpage183-page5-btn em{margin-left:5px;transition:all .2s linear}
.wmpage183-page5 .wmpage183-page5-item .wmpage183-page5-btn:hover{color:#409eff}
.wmpage183-page5 .wmpage183-page5-item .wmpage183-page5-btn:hover em{transform:rotate(-30deg)}
@media screen and (max-width:1024px){.wmpage183-page5 .wmpage183-page5-list .wmpage183-page5-item{width:48%}
}
@media screen and (max-width:768px){.wmpage183-page5 .wmpage183-page5-list .wmpage183-page5-item{width:100%}
}
@media screen and (max-width:400px){.wmpage183-page5 .wmpage183-page5-item ul{flex-direction:column}
}
