@import url(https://css02.v15cdn.com/m533/aos.css);
:root{--fontcolor:#fff;--titlecolor:#fff;--introcolor:#fff}
body{background:#1b1a1a;color:#fff;padding-top:40px;}
header{background:none;}
#indexbanner video{width:100%;height:100%;object-fit:cover}
.home-banner{height:calc(100vh - 40px)}
.home-banner .swiper{height:100%}
.home-banner .swiper-slide{overflow:hidden;height:100%;position:relative}
.home-banner .swiper-slide::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.31)}
.home-banner .swiper-slide>a{position:relative;display:flex}
.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{max-width:1400px;padding:0 10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;color:#fff;opacity:0;z-index:2}
.home-banner .banner-animote .p1{font-size:80px;line-height:1.2;margin:10px 0 20px}
.home-banner .banner-animote .p2{font-size:var(--fontsize26);margin-bottom:30px;font-weight:var(--fontbold4)}
.home-banner .banner-animote .p3 a{min-width:160px;height:50px;font-size:22px}
@media (min-width:1025px){.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 .bannerswiper-next,.home-banner .bannerswiper-prev{position:absolute;top:45%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:0 0;background:rgba(255,255,255,.1);color:#fff;z-index:1;cursor:pointer;transition:all .15s linear;border-radius:50%}
.home-banner .bannerswiper-next:hover,.home-banner .bannerswiper-prev:hover{background:#fff;color:var(--color)}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:24px}
.home-banner .bannerswiper-prev{left:25px}
.home-banner .bannerswiper-next{right:25px}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}
}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}
}
.banner-flex{display:flex;align-items:center;justify-content:center;z-index:99;position:absolute;bottom:10%;left:0;width:100%}
.banner-flex .banner-videobtn{width:38px;height:38px;background:#1d3a57;border-radius:50%;border:1px solid #000;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-left:10px}
.banner-flex .banner-videobtn em{color:#fff;width:auto;height:auto}
.home-banner .swiper-pagination{display:inline-flex;align-items:center;justify-content:center;position:static;width:auto}
.home-banner .swiper-pagination-bullet{width:6px;height:6px;background:#fff;opacity:1}
.home-banner .swiper-pagination-bullet-active{background:var(--color)}
.home-about,.home-address,.home-hotsale,.home-news,.home-welcome{padding:4% 0}
#welcomeswiper{padding:0 70px}
.home-welcome .swiper-slide{width:28%;background:#f8f8f8;border-radius:15px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.home-welcome .swiper-slide img{width:100%}
.home-welcome .swiper-slide span{position:absolute;left:0;width:100%;bottom:20px;text-align:center;font-size:26px;font-weight:600}
.welcomeswiper-next,.welcomeswiper-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:22;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .1s linear}
.welcomeswiper-next em,.welcomeswiper-prev em{font-size:22px}
.welcomeswiper-next.swiper-button-disabled,.welcomeswiper-prev.swiper-button-disabled{opacity:0}
#welcomeswiper:hover .welcomeswiper-next,#welcomeswiper:hover .welcomeswiper-prev{opacity:1}
.welcomeswiper-prev{left:70px}
.welcomeswiper-prev em{transform:rotateY(180deg);display:block}
.welcomeswiper-next{right:70px}
.home-about .swiper-slide{width:40%;border-radius:10px;overflow:hidden;position:relative}
.home-about .swiper-slide img{transition:all .1s linear}
.home-about .swiper-slide .box{position:absolute;left:0;bottom:20px;width:100%;padding:0 20px}
.home-about .swiper-slide:hover img{transform:scale(1.02)}
#aboutswiper{padding:0 70px}
.aboutswiper-next,.aboutswiper-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:22;background:#376da3;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .1s linear}
.aboutswiper-next em,.aboutswiper-prev em{font-size:22px}
.aboutswiper-next.swiper-button-disabled,.aboutswiper-prev.swiper-button-disabled{opacity:0}
.aboutswiper-prev{left:70px}
.aboutswiper-prev em{transform:rotateY(180deg);display:block}
.aboutswiper-next{right:70px}
#aboutswiper:hover .aboutswiper-next,#aboutswiper:hover .aboutswiper-prev{opacity:1}
.home-hotsale .list{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-hotsale .list li{width:32%;margin-bottom:2em}
.home-hotsale .list li .img{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;overflow:hidden}
.home-hotsale .list li .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.home-hotsale .list li .info{display:flex;flex-direction:column;align-items:center;padding-top:10px}
.home-hotsale .list li .info .title{font-size:20px;font-weight:500;margin-bottom:10px}
.home-hotsale .list li .info .more{min-width:150px;height:42px;border-radius:43px;border:1px solid #ccc;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.home-hotsale .list li:hover img{transform:scale(1.02)}
.home-hotsale .list li:hover .more{background:var(--color1);border-color:var(--color1)}
.home-video{height:1500px;position:relative}
.home-video::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6)}
.home-video video{position:sticky;top:0}
.home-video .box{position:absolute;bottom:30vh;z-index:2}
.home-video .box .p1{font-size:60px;font-weight:600;line-height:1.2}
.home-video .box .p2{font-size:18px;max-width:600px;margin:10px 0 40px}
.home-video .box .more{display:inline-flex;align-items:center;justify-content:center;min-width:200px;padding:0 20px;height:50px;background:var(--color1);border-radius:30px;color:#fff;font-size:22px}
#newswiper{padding:0 70px}
.home-news .swiper-slide{width:30%;background:#fff;color:#1b1a1a;height:auto;}
.home-news .swiper-slide .img{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:relative}
.home-news .swiper-slide .img img{width:100%;height:100%;object-fit:cover}
.home-news .swiper-slide .img::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);opacity:0;transition:all .1s linear}
.home-news .swiper-slide .info{padding:30px 20px;font-size:18px;text-indent:2em;color:rgba(27,26,26,.8)}
.home-news .swiper-slide .info a{transition:none}
.home-news .swiper-slide:hover{background:#737373;}
.home-news .swiper-slide:hover .img::after{opacity:1}
.home-news .swiper-slide:hover .info{background:#737373;color:#fff}
.home-news .read-more{display:flex;justify-content:flex-end;margin-top:5em;margin-bottom:3em}
.home-news .read-more a{min-width:200px;height:60px;background:var(--color1);border-radius:30px;display:inline-flex;align-items:center;justify-content:center;color:#fff;padding:0 20px;font-size:18px;transition:all .1s linear}
.home-news .read-more a:hover{opacity:.9}
.home-address{background:#474646}
.home-address .list{display:flex;align-items:flex-start;justify-content:space-between}
.home-address .list li{width:28%;text-align:center}
.home-address .list li .icon em{font-size:40px}
.home-address .list li .p1{font-size:24px}
.home-address .list li .p2{margin:10px 0}
.home-address .list li .more{font-size:18px}
.home-address .list li .more:hover{text-decoration:underline}
@media (max-width:1280px){.home-welcome .swiper-slide{width:40%}
.home-news .swiper-slide{width:40%}
.home-video video{top:100px}
.home-banner .banner-animote .p1{font-size:60px}
}
@media (max-width:1024px){#aboutswiper,#newswiper,#welcomeswiper{padding:0 15px;overflow:hidden}
.home-video .box .p1{font-size:50px}
.home-banner .banner-animote .p1{font-size:40px}
}
@media (max-width:768px){.home-about,.home-address,.home-hotsale,.home-news,.home-welcome{padding:30px 0}
.home-video{height:500px}
.home-welcome .swiper-slide{width:70%}
.home-about .swiper-slide{width:70%}
.home-about .swiper-slide .box{position:static;padding:10px 0}
.home-hotsale .list li{width:49%}
.home-video .box .p1{font-size:40px}
.home-news .swiper-slide{width:70%}
.home-address .list{flex-direction:column;gap:20px}
.home-address .list li{width:100%}
.welcomeswiper-next,.welcomeswiper-prev{display:none}
.aboutswiper-next,.aboutswiper-prev{display:none}
.home-video video{width:100vw;height:100vh;object-fit:cover}
.home-video .box .p1{font-size:30px}
.home-video .box .p1 br{display:none}
.home-news .read-more{justify-content:center;margin-top:3em;margin-bottom:1em}
.home-banner .banner-animote .p1{font-size:30px}
.home-banner .banner-animote .p2{font-size:20px}
}