﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage208-page1-title{font-weight:var(--fontbold7);padding-bottom:0;text-align:center;position:relative}
.wmpage208-page1-span{width:70px;height:5px;display:block;margin:10px auto 0;background:linear-gradient(to right,var(--color),#ffffff94)}
.wmpage208-page1-img img{width:100%;display:block}
.wmpage208-page1-contant{margin-top:35px}
.wmpage208-page1-box{position:relative;border-radius:10px;overflow:hidden}
.wmpage208-page1-box::after{content:'';position:absolute;width:100%;height:0;background:linear-gradient(0deg,var(--color) 0,transparent 100%);left:0;bottom:0;z-index:1;transition:all .3s}
.wmpage208-page1-img{padding:5px}
.wmpage208-page1Swiper .swiper-slide{display:flex;flex-direction:column;height:auto}
.wmpage208-page1-sub{width:100%;text-align:center;flex:1;margin:10px 0;font-weight:500}
.wmpage208-page1-box:hover::after{height:100%}
.wmpage208-page1-box:hover .wmpage208-page1-sub{color:#fff}
.wmpage208-page1-btn{display:flex;justify-content:center;margin-top:45px}
.wmpage208-page1-btn a{display:inline-block;padding:12px 35px;border:1px solid var(--color);border-radius:30px;color:var(--color);transition:all .5s;line-height:1}
.wmpage208-page1-btn a em{animation:clrotate 4s linear infinite;font-size:var(--fontsize18);line-height:1;width:var(--fontsize18);display:inline-block}
.wmpage208-page1-btn a span{margin-left:10px}
@keyframes clrotate{from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
@media (max-width:1024px){.wmpage208-page1-contant{margin-top:20px}
.wmpage208-page1-btn{margin-top:20px}
}
.wmpage208-page1{padding:70px 20px 0}
.wmpage208-page1-contant{padding:0 80px}
.wmpage208-page1-img img {aspect-ratio:100/67;object-fit:contain}
@media (max-width:1024px){.wmpage208-page1-contant{padding:0}}
@media (max-width:768px){.wmpage208-page1{padding:40px 15px 0}}
.home-sorp ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-sorp ul li{width:calc(100% / 3);position: relative;padding:6% 4%;background:#F9F9F9;text-align:center;}
.home-sorp ul li p.tit{font-weight: var(--fontbold7);border-bottom:2px solid #000;padding-bottom:3%;font-size:30px;margin-bottom:4%}
/* .home-sorp ul li:nth-child(2n){background: #f7f7f7;color:var(--color)}
.home-sorp ul li:nth-child(2n) p.tit{border-bottom-color:var(--color);} */
.home-sorp ul li p.des{display:flex;flex-wrap:wrap;justify-content: space-between;text-align:left;}
.home-sorp ul li p.des span{display:block;width:48%;margin-bottom:2%}
@media (max-width:768px){.home-sorp ul li{width:100%;}
.home-sorp ul li p.tit{font-size:22px;}}
.home-application .applist .item:hover .icon img{filter: brightness(360);}
.home-static::before {display:none}
.home-static .list li,.home-static .list li .inner{color:var(--fontcolor)}
.home-static .list li .num::after{background:var(--fontcolor)}
video#video {display:block;width:100%;min-height:inherit}
@media (min-width:1025px){.home-application .home-button-next,.home-application .home-button-prev {display:none}
#application-swiper .swiper-wrapper{justify-content:space-between}
#application-swiper .swiper-slide{width:19%!important;margin-right:0!important}}
#application-swiper .swiper-slide{height:auto}
.home-application .applist .item{height:100%;display:flex;flex-direction:column}
.home-application .applist .item .info{flex:1;padding:15px}
.home-application .applist .item .title{line-height:1.3;}
@media (min-width:768px){
/* .home-about .l-wrap{flex-direction:column}
.home-about .l-wrap>div{width:100%}
.home-about .about-info .home-title{text-align:center}
.home-about .about-info .home-title-line{margin: 0px auto} */

}
/* .home-about .about-info{padding-right:0} */
.home-about .l-wrap{align-items:center}
.home-about .about-img lite-youtube{height:auto !important;aspect-ratio:1.78}
.home-about .about-info .home-des{text-align:center}
.home-about .about-info .text{text-indent:2em;hyphens:auto;text-align:justify}
@media (min-width:1025px){video#video{min-height:650px;object-fit:cover;max-height:650px}}
@media (max-width:1024px){video#video{min-height:inherit;}}
.home-news .newswrap .item{display: flex;flex-direction: column;}
.home-news .newswrap .item .news-img img{aspect-ratio:1.33}
.home-news .newswrap .item .news-info{flex: 1;display: flex;flex-direction: column;}
.home-news .newswrap .item .news-info .title{min-height: 57px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
@media (max-width: 768px) {.home-news .newswrap .item .news-info .title{min-height:51px;}}
.home-about .about-info .text{margin-top:15px;line-height:1.5}
.aboutmoretxt{display:none;}
.aboutmorebtn{text-indent:0;margin-top:10px}
.aboutmorebtn span{display:inline-block;text-decoration:underline;cursor:pointer}
.home-about .about-info .more{margin-top:20px}
@media (max-width:768px){.home-about{padding:40px 15px}}
.home-sorp ul li:nth-child(2n){background: #fff;color:var(--color)}
.home-sorp ul li:nth-child(2n) p.tit{border-bottom-color:var(--color);}
.home-product .swiper .swiper-slide .img a img{aspect-ratio: 1/1;object-fit: contain;}
.home-honor{background: #f9f9f9;}
/*.wmpage208-page1Swiper .swiper-slide:nth-child(even) .wmpage208-page1-box { background-color: #fff;}*/
.wmpage208-page1 .wmpage208-page1Swiper .swiper-slide.gray-bg{background:#efefef;}

@media (min-width:1025px){.wmpage208-page1Swiper .swipe-wrapper{transform: none !important;}
.wmpage208-page1Swiper .swiper-slide{width:25% !important;margin-right:0 !important;padding:0 10px;}
.wmpage208-page1-img{padding:0;}}
  .wmpage208-page1 .home-title{display:none}
.wmpage208-page1{margin:0;padding:0}
.wmpage208-page1 .l-wrap{max-width:unset}
.wmpage208-page1-contant{margin-top:0; padding: 0;}
.wmpage208-page1 .home-title-line{display: none;}
.home-sorp ul li p.des{text-align: center; justify-content: center;}
.home-news .newswrap .item .news-info .title>a,.home-product .swiper .swiper-slide .info .title>a{display:block;width:100%;height:100%;}
.home-about .about-info .more a{color:#aaa;border-color:#aaa}
.home-about .about-info .more a:hover{color:#aaa;}