:root{--color2:#e5be4e}
.que-item:nth-of-type(2) {background: #666566;}
.cate-img{background-color: initial;}
.cate-img img {opacity: 1;object-fit: cover;aspect-ratio: 1 / 1;}
.cate-info a{color: #000;}
.pro-info{background-color: initial;}
.pro-item{background-color: initial;}
.pro-item .pro-btn{display: none;}
.pro-name{text-align: center;}
.about .more-btn{background: #aaa;}
.about .about-list{background: #aaa;}
@media (min-width:768px) {.part-list {flex-wrap: nowrap;}}
.about .about-con .about-title{max-width:100%;font-family:impact}
.about-con{padding:20px 40px 20px calc(50% - 800px);background:#050505}
.about article{max-width:100%;margin:15px 0}
.about ul li{display:flex}
.about .about-sel img{top:0;width:22px}
@media (max-width:1700px){.about-con{padding:20px 40px 20px calc(50% - 700px)}
.about .about-con .about-title{font-size:30px}}
@media (max-width:1500px){.about-con{padding:20px 40px 20px calc(50% - 600px)}}
@media (max-width:768px){.about ul li{background-position:left 2px;padding-left:35px} 
.about .about-sel{margin-right:15px;position:absolute;}
.about .about-con .about-title{font-size:var(--fontsize22)}}
.part{display:none}
#swiper-banner .banner-animate{width: 80%;top: 20%;;left: 50%;transform:translateX(-50%);text-align: left;max-width: 1640px;padding: 0 20px;color: #fff;position: absolute;}
#swiper-banner .banner-animate .p1{line-height: 1.2;font-size: 48px;margin-bottom: 20px;font-weight: bold;}
#swiper-banner .banner-animate .p1 p{margin-bottom: 10px;}
#swiper-banner .banner-animate .btn a{display: inline-flex;margin-top: 20px;padding: 8px 20px;font-weight: 500;width: auto;border-radius: 25px;background: var(--color2);color: #fff;font-size:20px}
.varcolor{color: var(--color2);}
.bgcolor{background: var(--color2);color: #fff;}
#swiper-banner .banner-animate .cont{display: inline-block;width: 20px;height: 20px;border-radius: 50%;background: var(--color2);margin-right: 10px;}
#swiper-banner .banner-animate.bannertxt2{left: 47%;}
#swiper-banner .banner-animate.bannertxt2 .p2{font-size: 24px;}
#swiper-banner .banner-animate.bannertxt2 .p2 p{display: flex;align-items: center;margin-bottom: 10px;}
#swiper-banner .banner-animate.bannertxt2 .p2 p.bgcolor{display: inline-block;margin-bottom: 35px;font-size: 30px;
}
@media (max-width:1480px) {#swiper-banner .banner-animate.bannertxt2 .p1{margin-bottom:5px}
#swiper-banner .banner-animate.bannertxt2 .p2 p.bgcolor{margin-bottom: inherit;}
#swiper-banner .banner-animate.bannertxt2 .p2 p{margin-bottom:5px}
}
@media (max-width:1024px) {
#swiper-banner .swiper-wrapper .banner-animate .p1{font-size: 24px;}
#swiper-banner .swiper-wrapper .banner-animate .p2,#swiper-banner .banner-animate .btn{display:none}
}
@media (max-width:768px) {
#swiper-banner .swiper-wrapper .banner-animate{display:none}}
#swiper-banner .banner-animate.bannertxt2 .p2 .bgcolor{background: unset;}