﻿.index-choose{padding: 30px 0;}
.index-choose .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index-choose .item{width: 24%;padding: 15px;box-shadow: rgb(0 0 0 / 20%) 0px 2px 15px;}
.index-choose .item em{color: var(--color);font-size: var(--fontsize30);}
.index-choose .item .title{font-size: var(--fontsize20);font-weight: bold;margin: 10px 0;}
@media (max-width:1024px) {.index-choose .item{width: 48%;}}
.home-cert{position: relative;padding: 4% 0;background:#F4F4F4;}
.home-cert .home-title,.home-cert .home-des{text-align: center}
.home-cert .swiper{margin-top: 20px;overflow: hidden}
.home-cert .swiper .swiper-slide img{vertical-align: bottom}
@media (max-width:768px){.home-cert{padding: 30px 0}}
.home-video{position: relative;padding: 4% 0}
.home-video::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 30%;background: var(--color);}
.home-video iframe{width: 100%;aspect-ratio: 1.77;z-index: 2;}
.home-video .video{position: relative;}
.home-video .video .icon-play{position: absolute;top:0;left:0;width: 100%;height: 100%;background: url(/Content/uploads/2025210015/202508121319154470e9e1bdfb4c39b9b2aefe96ab64eb.jpg) no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;z-index: 1;}
.home-video .video .icon-play .icon{cursor: pointer;}
.home-video .video-info{margin-top: 20px;}
.home-video .video-info .p1{margin-bottom: 10px;}
.home-video .video-info .p1:last-child{margin-bottom: 0;}
@media (max-width:768px){.home-video{padding: 30px 0 0 0}
.home-video .video-info{margin-top: 10px;}
}
@media (max-width:500px){.home-video .video-info .p1{margin-bottom:5px;font-size: var(--fontsize14)}}
.highpro{display:none}
.home-awards{display:flex;flex-wrap:wrap;align-items: center;background: #F4F4F4;}
.home-awards .awards-img{width:60%}
.home-awards .awards-img img{width:100%;vertical-align: bottom}
.home-awards .awards-info{width:40%;padding: 0 50px}
.home-awards .awards-info .list{margin-top: 20px}
.home-awards .awards-info .list li{margin-bottom:10px}
@media (max-width: 1024px) {.home-awards .awards-img{width:100%}
.home-awards .awards-info{width:100%;padding:15px 20px}
}
.productcate-img{position:relative}
.productcate-img .catetit{font-size:26px;text-align:center;font-weight:bold;padding:12px 0;background:rgba(255,255,255,0.7);position:absolute;bottom:0;width:100%;color:#333;transition:.3s;}
.productcate-list li:hover .productcate-img .catetit{opacity:0}
@media (max-width:1280px){.productcate-img .catetit{font-size:20px}}
@media (max-width:1024px){.productcate-img .catetit{font-size:16px;padding:8px}
.productcate-box,.productcate-list li:hover .productcate-box{left:100%}
.productcate{padding-bottom:40px}
.productcate .swiper-pagination{bottom:0}}
.about{background:#fff;position:relative;margin-top:3%;padding:110px 0 60px}
.about:before{content:'';width:80%;height:50px;background:linear-gradient(to right,var(--color),rgba(0 0 0 / 0%) 85%);position:absolute;top:0;left:0;}
.about .container{align-items:center}
.about-info{width:45%}
.about-pic{width:54%}
.about .home-title{color:var(--color);font-size:47px;line-height:1.3;}
.about-l-text{font-size:26px;margin:6% 0 8%}
.about .home-more{display:inline-flex;border:none;width:auto;border-radius:0;padding:0;align-items:center;text-transform:initial;background:none!important}
.about .home-more span{font-size:24px;display:block;background:var(--color);color:#fff;border-radius:50px;padding:10px 30px;margin-right:15px}
.about .home-more em{display:block;width:26px;height:44px;background:url(/uploads/14636/page/p202601091624477ea6d.png) no-repeat -8px center;background-size:auto 100%}
.about .home-more:hover{opacity:.85}
.about-pic img{width:100%}
@media (max-width:1440px){.about .home-title{font-size:40px;}
.about-l-text{font-size:22px;margin:6% 0 8%}
.about .home-more span{font-size:20px;padding:8px 25px;}
.about .home-more em{width:22px;height:38px;background-position:-8px center;}}
@media (max-width:1280px){.about .home-title{font-size:34px;}
.about-l-text{font-size:20px;margin:5% 0 6%}
.about .home-more span{font-size:18px;}}
@media (max-width:1024px){.about-info{width:100%}
.about-pic{width:100%;margin-top:20px}}
@media (max-width:768px){.about{margin-top:3%;padding:60px 0 50px}
.about:before{width:95%;height:30px;}
.about .home-title{font-size:26px;}
.about-l-text{font-size:18px;margin:20px 0 30px}
.about .home-more span{font-size:16px;padding:8px 20px;margin-right:10px}
.about .home-more em{width:20px;height:32px;}}