@import url(https://js01.v15cdn.com/single-template/public.css);
.home-banner .swiper-slide>a::after{display:none;}
.home-banner .banner-animote{font-family:"Roboto",sans-serif;}
.home-banner .banner-animote .art{letter-spacing: 3px;text-transform: uppercase;font-size:30px;font-weight: var(--fontbold5);}
.home-banner .banner-animote .title{font-size:40px;font-weight: var(--fontbold7);line-height: 1.3;max-width:35%;margin:0.5% 0 1%;}
.home-banner .banner-animote .ban-more{display:flex;margin-top:2%;}
.home-banner .banner-animote .ban-more a{margin-right:10px;display:inline-block;background: #0F1925;padding:5px 15px;transition: all .3s;text-align:center;border-radius: 5px;}
.home-banner .banner-animote .ban-more a:hover{background: #fff;color:var(--fontcolor)}
@media (max-width:1600px){.home-banner .banner-animote .art{font-size:1.8vw;}
.home-banner .banner-animote .des{font-size:0.98vw;}}
@media (max-width:768px){.home-banner .banner-animote .art{font-size:14px;}
.home-banner .banner-animote .title{font-size:20px;}
.home-banner .banner-animote .des{font-size:12px;max-width:35%;}
.home-banner .banner-animote .ban-more{display:none;}}
@media (max-width:550px){.home-banner .banner-animote .title,.home-banner .banner-animote .des{max-width:60%;}
.home-banner .banner-animote .art{font-size:12px;letter-spacing: 1px;}
.home-banner .banner-animote .title{font-size:12px;}
.home-banner .banner-animote .des{font-size: 12px;line-height: 1;}}

.home-cate{position:relative;padding:4% 0}
.home-cate .homecate-list{list-style:none;margin-top:3%;display:flex;flex-wrap:wrap}
.home-cate .homecate-list li{width:23.5%;margin-right:2%;margin-bottom:2em}
.home-cate .homecate-list li:nth-child(4n){margin-right:0px}
@media (min-width:769px){.home-cate .homecate-list li:nth-child(n + 5){margin-bottom:0;}}
.home-cate .homecate-list li .img{position:relative;display:flex;justify-content:center;align-items:center;width:100%;background:#EEEEEE;border:1px solid #EEE;}
.home-cate .homecate-list li .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.home-cate .homecate-list li .img::after{content:"";transition:all .1s linear;position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0}
.home-cate .homecate-list li .title{margin-top:10px;display:flex;justify-content:center;padding:4px 0px}
.home-cate .homecate-list li .title a{color:var(--fontcolor);font-size:var(--fontsize18);text-transform:capitalize;transition:color .1s linear;padding-bottom:4px;border-bottom:1px solid transparent;text-align:center}
.home-cate .homecate-list li .title em{opacity:0;display:inline-block;width:0px;transition:all .1s linear}
.home-cate .homecate-list li:hover .img img{transform:scale(1.02)}
.home-cate .homecate-list li:hover .img::after{opacity:1}
.home-cate .homecate-list li:hover .title a{color:var(--color);border-color:#000000}
.home-cate .homecate-list li:hover .title em{margin-left:15px;opacity:1;width:20px}
@media (max-width:768px){.home-cate{padding:40px 0;}
.home-cate .homecate-list{justify-content:space-between}
.home-cate .homecate-list li{width:49%;margin-right:0px}}
@media (max-width:500px){.home-cate .homecate-list li{margin-bottom:1em}
.home-cate .homecate-list li .title{margin-top:0px}
.home-cate .homecate-list li .title a{font-size:var(--fontsize16)}}
  .home-logo{padding:4% 0}
.home-about .aboutinfo .more{text-transform:capitalize}
.home-about{background: #000;}
.home-about .home-title{color:#fff;}
.home-about .aboutinfo p{color:#fff;}
.home-about .aboutinfo .more{color:#fff;}
.wmpage208-page2-Swiper2 .swiper-slide::after{content:'';position:absolute;width:100%;height:100%;top:0;background:linear-gradient(0deg,var(--color) 0,transparent 100%);left:0;opacity:.3}
.wmpage208-page2 .wmpage-lwrap{max-width:100%;padding:3% 0}
.wmpage208-page2-con{position:relative;width:100%}
.wmpage208-page2-Swiper1{position:absolute;width:100%;overflow:hidden;bottom:0}
.wmpage208-page2-ic{display:flex;justify-content:center}
.wmpage208-page2-ic em{font-size:var(--fontsize24);width:var(--fontsize24);line-height:1;margin-bottom:15px}
.wmpage208-page2-text p{text-align:center;font-size:var(--fontsize18)}
.wmpage208-page2-Swiper1 .swiper-slide{color:#fff;text-align:center;background:linear-gradient(0deg,var(--color) 0,transparent 100%);padding:25px 0;border-right:1px solid rgba(255,255,255,.2);font-size:18px;cursor:pointer}
.wmpage208-page2-texts{position:absolute;top:50%;left:5%;width:70%;transform:translateY(-50%);z-index:4;color:#fff}
.wmpage208-page2-texts h5{font-size:40px;color:#fff;font-weight:var(--fontbold7);position:relative}
.wmpage208-page2-btn{display:flex;margin-top:35px}
.wmpage208-page2-btn a{font-size:var(--fontsize14);color:#fff;border:1px solid #fff;padding:13px 35px;border-radius:5px;transition:all .5s;line-height:1}
.wmpage208-page2-texts span{width:70px;height:5px;display:block;margin:10px 0;background:linear-gradient(to right,var(--color),#ffffff94)}
.wmpage208-page2-texts p{color:#fff;line-height:1.75}
.wmpagecontainer .swiper-backface-hidden .swiper-slide>img{width:100%}
@media (max-width:1400px){.wmpage208-page2-texts{left:3%;width:95%}
.wmpage208-page2-texts p{line-height:1.52}
.wmpage208-page2-Swiper1 .swiper-slide{padding:15px 0}
}
@media (max-width:1024px){.wmpage208-page2-texts p{-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;display:-webkit-box}
.wmpage208-page2-btn a{padding:10px 30px}
.wmpage208-page2-btn{margin-top:20px}
.wmpage208-page2-text p{font-size:var(--fontsize14)}
.wmpage208-page2-texts{top:40%}
}
.home-banner .banner-animote{top:50%}
.home-banner .banner-animote.hba3{top:43%;text-transform: uppercase;}
.home-banner .banner-animote .title{max-width:100%;font-size:56px;}
.hba1 .ban-more{margin-top:6% !important;}
.hba2 .ban-more{margin-top:6% !important;}
@media (max-width:1600px){.home-banner .banner-animote .title{font-size:4vw;}}
@media (min-width:769px){.home-choose .l-wrap{align-items:center;}}
@media (max-width:768px){.home-banner .banner-animote.hba3{top:38%;}
.home-banner .banner-animote .title{font-size:var(--fontsize26)}}
@media (max-width:550px){.home-banner .banner-animote .title{font-size:var(--fontsize16)}}
.home-banner .swiper-slide-active img{animation: none;}
.home-banner .banner-animote.hba3{text-transform: unset;}