@charset "utf-8";
@import url(https://css02.v15cdn.com/m527/aos.css);
.home-banner{min-height:400px}
.home-banner .swiper-slide{overflow:hidden}
.home-banner .swiper-slide>a{position:relative}
.home-banner .swiper-slide>a::after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(21,21,21,.6)}
.home-banner .swiper-slide img{width:100%;height:100%;object-fit:cover}
.home-banner .pcimg{display:block}
.home-banner .mobimg{display:none}
.home-banner .banner-animote{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1400px;color:var(--headercolor);padding:0px 70px;opacity:0;text-align:center}
.home-banner .banner-animote .p1{font-size:50px;font-weight:var(--fontbold5);text-align:center;line-height:1.3}
.home-banner .banner-animote .p2{font-size:var(--fontsize16);margin:5% 0 4%}
.home-banner .banner-animote .p3 a{border-color:var(--color);background:var(--color)}
.home-banner .banner-animote .p3 a:hover{color:var(--headercolor);transform:translateY(-5px)}
.home-banner .swiper-slide-active img{animation:bannerimg 6s forwards}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
.home-banner .swiper-pagination{bottom:8%!important;max-width:1400px;padding:0px 70px;left:50%!important;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}
.home-banner .swiper-pagination-bullet{position:relative;border-radius:50%;opacity:1;width:12px;height:12px;background:0 0}
.home-banner .swiper-pagination-bullet em{width:10px;height:10px;border-radius:50%;background:#FFFFFF;opacity:.6;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.home-banner .swiper-pagination-bullet::before{position:absolute;width:100%;height:100%;left:0px;top:0px;background-color:#FFFFFF;z-index:2;animation:mymove 6s linear forwards}
.home-banner .swiper-pagination-bullet::after{position:absolute;width:100%;height:100%;left:0px;top:0px;background-color:var(--color);z-index:1}
.home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{mask:radial-gradient(transparent 4px,#FFFFFF 0)}
.home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after,.home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before{content:""}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{position:absolute;top:45%;width:80px;height:40px;display:flex;align-items:center;justify-content:center;background:0 0;border:2px solid rgba(231,231,231,.5);color:var(--headercolor);z-index:9;cursor:pointer;transition:all .15s linear;border-radius:var(--borderradius)}
.home-banner .bannerswiper-next:hover,.home-banner .bannerswiper-prev:hover{background:rgba(255,255,255,.6);color:var(--fontcolor)}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:var(--fontsize24)}
.home-banner .bannerswiper-prev{left:70px}
.home-banner .bannerswiper-next{right:70px}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}}
@keyframes mymove{0%{clip-path:polygon(6px 6px,6px -25px,-25px 6px,6px 37px,37px 6px,6px -25px)}
25%{clip-path:polygon(6px 6px,6px -25px,-25px 6px,6px 37px,37px 6px,37px 6px)}
50%{clip-path:polygon(6px 6px,6px -25px,-25px 6px,6px 37px,6px 37px,6px 37px)}
75%{clip-path:polygon(6px 6px,6px -25px,-25px 6px,-25px 6px,-25px 6px,-25px 6px)}
100%{clip-path:polygon(6px 6px,6px -25px,6px -25px,6px -25px,6px -25px,6px -25px)}}
.home-cate,.home-choose,.home-news{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:32%;margin-right:2%;margin-bottom:2em}
.home-cate .homecate-list li:nth-child(3n){margin-right:0px}
.home-cate .homecate-list li .img{position:relative;display:flex;justify-content:center;align-items:center;width:100%;background:#EEEEEE;border:1px solid #EEEEEE;aspect-ratio:25/16}
.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}
.home-service{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-service .service-item{width:50%;position:relative}
.home-service .service-item:nth-child(2) .box{bottom:auto;top:0px}
.home-service .service-item img{width:100%;height:100%;object-fit:cover}
.home-service .service-item .box{position:absolute;bottom:0px;left:0px;width:100%;padding:8%;color:var(--headercolor)}
@media(min-width:1600px){
.home-service .service-item:nth-child(1) .box{padding-left:18%;}
}
.home-service .service-item .box .title{font-size:50px;margin-bottom:30px;line-height:1.2;font-weight:var(--fontbold5)}
.home-service .service-item .box .text{font-size:var(--fontsize14);max-width:400px;margin-bottom:50px}
.home-choose .choose-list{list-style:none;margin-top:3%;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-choose .choose-list li{width:20%;display:flex;flex-direction:column;align-items:center;text-align:center}
.home-choose .choose-list li .icon{position:relative;z-index:1}
.home-choose .choose-list li .icon img{height:56px}
.home-choose .choose-list li .icon::after{content:"";position:absolute;bottom:-15px;left:90%;transform:translateX(-50%);width:50px;height:50px;background:var(--color);opacity:.5;border-radius:50%;z-index:-1}
.home-choose .choose-list li:nth-child(3) .icon::after{left:50%}
.home-choose .choose-list li .title{font-size:var(--fontsize20);margin:40px 0px 10px}
.home-choose .choose-list li .text{color:var(--introcolor);font-size:var(--fontsize14)}
.home-choose .choose-list li .more{margin-top:30px}
.home-choose .choose-list li .more a{font-size:var(--fontsize14);text-transform:uppercase;position:relative;padding-bottom:5px}
.home-choose .choose-list li .more a::after{content:"";position:absolute;left:0px;bottom:0px;width:60px;height:1px;background:#000000;transition:all .1s linear}
.home-choose .choose-list li .more em{margin-left:10px}
.home-choose .choose-list li:hover .more a{color:var(--color)}
.home-choose .choose-list li:hover .more a::after{width:100%}
.home-about{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-about .about-img{width:50%}
.home-about .about-img img{width:100%;height:100%;object-fit:cover}
.home-about .about-info{flex:1;position:relative;z-index:1;padding:4% 0}
.home-about .about-info::after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:var(--color);opacity:.1;z-index:-1}
.home-about .about-info .p1{color:var(--color);font-size:var(--fontsize14);text-transform:uppercase}
.home-about .about-info .title{font-size:45px;line-height:1.2;font-weight:var(--fontbold5);margin:30px 0px}
.home-about .about-info .list{list-style:none;border-bottom:1px solid #E5E5E5;padding-bottom:20px}
.home-about .about-info .list li{position:relative;padding-left:18px;margin-bottom:10px;font-size:var(--fontsize14)}
.home-about .about-info .list li::before{content:"";position:absolute;left:0px;top:10px;width:5px;height:5px;border-radius:50%;background:var(--color)}
.home-about .about-info .num{display:flex;flex-wrap:wrap;align-items:flex-start;list-style:none;padding:20px 0 30px}
.home-about .about-info .num li{margin-right:40px}
.home-about .about-info .num li:nth-child(3){margin-right:0px}
.home-about .about-info .num li span{color:var(--color);font-size:34px}
.home-about .about-info .num li p{font-size:var(--fontsize14)}
.home-about .about-info .home-more{border-color:#d0d0d0;color:var(--fontcolor)}
.home-about .about-info .home-more:hover{border-color:var(--fontcolor)}
.home-hotpro{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-hotpro .hotpro-main{width:50%;flex:1;padding-top:4%;z-index:1;position:relative}
@media(min-width:1600px){
.hotpro-main .l-wrap{padding-left:20%;}
}
.home-hotpro .hotpro-main .home-des,.home-hotpro .hotpro-main .home-title{text-align:left}
.home-hotpro .hotpro-main .hotpro-wrap{width:138%;z-index:1;padding-top:20px}
.home-hotpro .hotpro-main #hotpro{padding:20px;margin-left:-20px}
.home-hotpro .hotpro-main .hotpro-button{display:flex;align-items:center;margin-bottom:10px}
.home-hotpro .hotpro-main .hotpro-button .hotpro-next,.home-hotpro .hotpro-main .hotpro-button .hotpro-prev{margin-right:20px;width:70px;height:40px;background:rgba(243,243,241,0);border-radius:22px;border:1px solid #e2e2e2;display:flex;align-items:center;justify-content:center;color:#bcbec1;cursor:pointer;transition:all .1s linear}
.home-hotpro .hotpro-main .hotpro-button .hotpro-next:hover,.home-hotpro .hotpro-main .hotpro-button .hotpro-prev:hover{background:var(--color);color:#FFFFFF}
.home-hotpro .hotpro-main .hotpro-pagination{bottom:0px;display:none}
.home-hotpro .hotpro-main .swiper-slide{background:#FFFFFF}
.home-hotpro .hotpro-main .swiper-slide .img{background:#EEEEEE}
.home-hotpro .hotpro-main .swiper-slide .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.home-hotpro .hotpro-main .swiper-slide .info{text-align:center;padding:20px 15px;transition:all .1s linear}
.home-hotpro .hotpro-main .swiper-slide .info .icon{color:var(--color)}
.home-hotpro .hotpro-main .swiper-slide .info .title{font-size:var(--fontsize18);padding:10px 0px}
.home-hotpro .hotpro-main .swiper-slide .info .text{font-size:var(--fontsize14);color:var(--introcolor)}
.home-hotpro .hotpro-main .swiper-slide .info .more{margin-top:25px;min-width:180px;height:50px;padding:0px 20px;background:#1a1414;color:#FFFFFF;font-size:var(--fontsize14);text-transform:uppercase;border-radius:var(--borderradius);display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;opacity:0;overflow:hidden;visibility:hidden}
.home-hotpro .hotpro-main .swiper-slide:hover .img img{transform:scale(1.02)}
.home-hotpro .hotpro-main .swiper-slide:hover .info{box-shadow:0px 10px 19px 5px rgba(224,224,224,.42)}
.home-hotpro .hotpro-main .swiper-slide:hover .info .more{opacity:1;overflow:inherit;visibility:inherit}
.home-hotpro .hotpro-main .swiper-slide:hover .info .more:hover{opacity:.8}
.home-hotpro .hotpro-img{width:50%}
.home-hotpro .hotpro-img img{width:100%}
.home-news .l-wrap{position:relative}
.home-news .newslist{margin-top:1%;list-style:none;display:flex}
.home-news .newslist .swiper-slide{width:31%;margin-right:3.5%}
.home-news .newslist .swiper-slide:nth-child(3n){margin-right:0px}
.home-news .newslist .swiper-slide .img{background:#EEEEEE;display:flex;align-items:center;justify-content:center}
.home-news .newslist .swiper-slide .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.home-news .newslist .swiper-slide .info{padding:20px 0px}
.home-news .newslist .swiper-slide .info .date{color:var(--color)}
.home-news .newslist .swiper-slide .info .title{font-size:var(--fontsize18);color:var(--fontcolor);margin:10px 0px;font-weight:var(--fontbold5);transition:all .1s linear;line-height:1.4}
.home-news .newslist .swiper-slide .info .text{font-size:var(--fontsize14);color:var(--introcolor);margin-bottom:15px}
.home-news .newslist .swiper-slide .info .more{text-transform:uppercase;font-size:var(--fontsize14);position:relative;padding-bottom:10px}
.home-news .newslist .swiper-slide .info .more em{margin-left:10px}
.home-news .newslist .swiper-slide .info .more::after{content:"";position:absolute;bottom:0px;left:0px;width:70px;height:1px;background:#000000;transition:all .1s linear}
.home-news .newslist .swiper-slide:hover .img img{transform:scale(1.02)}
.home-news .newslist .swiper-slide:hover .info .title{color:var(--color)}
.home-news .newslist .swiper-slide:hover .info .more{color:var(--color)}
.home-news .newslist .swiper-slide:hover .info .more::after{width:100%}
.home-news .newswiper-pagination{bottom:0px;display:none}
@media(max-width:1280px){.home-banner .banner-animote .p1{font-size:36px}
.home-banner .banner-animote .p2{margin:4% 0 3%}
.home-service .service-item .box .title{font-size:36px}
.home-about .about-info .l-wrap{padding:0 5%}
.home-about .about-info .title{font-size:34px}
.home-news .newslist .swiper-slide .info .title{font-size:var(--fontsize18)}}
@media(max-width:1024px){.home-banner .banner-animote{top:50%}
.home-service .service-item .box .title{font-size:var(--fontsize26)}
.home-about .about-info .title{font-size:var(--fontsize24)}
.home-choose .choose-list li{width:24%}}
@media(max-width:768px){
.home-banner{min-height:150px}
.home-banner .pcimg{display:none}
.home-banner .mobimg{display:block}
.home-banner .banner-animote{padding:0px 15px}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}
.home-banner .banner-animote .p1{font-size:var(--fontsize24)}
.home-cate .homecate-list{justify-content:space-between}
.home-cate .homecate-list li{width:49%;margin-right:0px}
.home-choose .choose-list li{width:49%;margin-bottom:20px}
.home-choose .choose-list li .icon img{height:40px}
.home-choose .choose-list li .icon::after{width:45px;height:45px}
.home-service .service-item{width:100%}
.home-about .about-img{width:100%}
.home-about .about-info .l-wrap{padding:0px 15px}
.home-service .service-item .box{padding:20px 15px}
.home-hotpro{flex-direction:column-reverse}
.home-hotpro .hotpro-img,.home-hotpro .hotpro-main{width:100%}
.home-hotpro .hotpro-main .hotpro-wrap{width:100%}
.home-hotpro .hotpro-main .swiper-slide .info{box-shadow:0px 10px 19px 5px rgba(224,224,224,.42)}
.home-hotpro .hotpro-main .swiper-slide .info .more{opacity:1;overflow:inherit;visibility:inherit;height:45px}
.home-news .newslist .swiper-slide{width:49%;margin-right:0px;margin-bottom:20px}
.home-news .l-wrap{padding-bottom:20px}
.home-news .newswiper-pagination{display:block}
.home-news .newswiper-pagination .swiper-pagination-bullet-active{background:var(--color)}
.home-hotpro .hotpro-main .hotpro-wrap{padding-bottom:30px}
.home-hotpro .hotpro-main .hotpro-pagination{display:block}
.home-hotpro .hotpro-main .hotpro-pagination .swiper-pagination-bullet-active{background:var(--color)}}
@media(max-width:500px){
.home-banner .swiper-slide>a{height:100%}
.home-banner .banner-animote{top:45%}
.home-banner .banner-animote .p1{font-size:var(--fontsize16)}
.home-banner .banner-animote .p2{margin:10px 0px 0px;font-size:var(--fontsize14)}
.home-banner .banner-animote .p3{display:none}
.home-cate .homecate-list li{margin-bottom:1em}
.home-cate,.home-choose,.home-news{padding:30px 0px}
.home-service .service-item .box .text{margin-bottom:20px}
.home-service .service-item .box .title{font-size:var(--fontsize22);margin-bottom:10px}
.home-about .about-info .title{font-size:var(--fontsize20)}
.home-about .about-info .num li span{font-size:var(--fontsize28,28px)}
.home-about .about-info .num{justify-content:space-between}
.home-about .about-info .num li{width:33%;margin:0px !important}
.home-about .about-info .num li:nth-child(1){text-align:left}
.home-about .about-info .num li:nth-child(2){text-align:center}
.home-about .about-info .num li:nth-child(3){text-align:right}
.home-hotpro .hotpro-main #hotpro{padding:0px;margin:0px}
.home-news .newslist .swiper-slide{width:100%}
.home-cate .homecate-list li .title{margin-top:0px}
.home-cate .homecate-list li .title a{font-size:var(--fontsize16)}
.home-hotpro .hotpro-main .swiper-slide .info .more{border-radius:5px;min-width:inherit;width:100%;height:40px;padding:0px 10px}}