@import url(https://css02.v15cdn.com/m628/aos.css);
body{padding-top: 0;}
header{background-color: transparent;}
#indexbanner video{width:100%}
.home-banner .swiper-slide{overflow:hidden}
.home-banner .swiper-slide>a{position:relative;display:flex}
.home-banner .swiper-slide>a::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:1}
.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:1600px;padding:0 10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;color:#fff;opacity:0;text-align:center;z-index:2}
.home-banner .banner-animote .p1{font-size:60px;font-weight:var(--fontbold6);line-height:1.2;color:var(--color)}
.home-banner .banner-animote .p2{font-size:var(--fontsize18);margin-bottom:30px;font-weight:var(--fontbold4)}
.home-banner .banner-animote .p3{margin-top:80px}
.home-banner .banner-animote .p3 a{min-width:160px;height:50px}
@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 .swiper-pagination{bottom:30px;max-width:1400px;padding:0 70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}
.home-banner .swiper-pagination-bullet{background:linear-gradient(0deg,rgba(109,151,107,.5) 0)}
.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)}}
.swiper-pagination-bullet{width:12px;height:12px}
@media (max-width:1366px){.home-banner .banner-animote{top:50%}
.home-banner .swiper-pagination{bottom:20px}}
@media (max-width:768px){.home-banner{height:300px}
.home-banner .pcimg{display:none}
.home-banner .mobimg{display:block}
.home-banner .swiper{height:100%}
.home-banner .swiper-slide a{height:100%}
.home-banner .banner-animote .p1{font-size:var(--fontsize22);margin-bottom:10px}
.home-banner .banner-animote .p2{margin-bottom:10px;font-size:var(--fontsize16)}
.home-banner .banner-animote .p3{display:none}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}
.home-banner .swiper-pagination{bottom:10px}}
.home-bags,.home-cate,.home-our,.home-program{padding:5% 0}
.home-introduce{background-color:rgba(0,0,0,.5);margin-top:-143px;z-index:2;position:relative}
.home-introduce ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-introduce ul li{display:flex;align-items:center;color:#fff;padding:50px 0}
.home-introduce ul li .icon{margin-right:20px;transition:all .2s linear}
.home-introduce ul li .info{flex:1}
.home-introduce ul li .tit{font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.home-introduce ul li:hover .icon{transform:translateY(-5px) rotateY(25deg)}
.home-cate{background-color:#2d2d2d}
.home-cate .home-title{color:var(--color)}
.home-cate .home-des{color: var(--color);}
.home-cate .l-wrap{max-width:1900px}
.home-cate .cate-list{display:flex;flex-wrap:wrap}
.home-cate .cate-list li{width:32%;margin-right:2%;position:relative;margin-top:40px;border-radius:3px;overflow:hidden}
.home-cate .cate-list li:nth-child(3n){margin-right:0}
.home-cate .cate-list li .img{overflow:hidden}
.home-cate .cate-list li .img img{width:100%;transition:all .2s linear}
.home-cate .cate-list li .info{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;z-index:2;color:#fff}
.home-cate .cate-list li .info .title{font-size:var(--fontsize36);font-weight:var(--fontbold6)}
.home-cate .cate-list li .info .more{width:160px;height:50px;border:1px solid #fff;color:#fff;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;margin:40px auto 0;transition:all .2s linear}
.home-cate .cate-list li:hover .img img{transform:scale(1.03)}
.home-cate .cate-list li:hover .info .more{background-color:var(--color);border-color:var(--color)}
.home-bags{background-color:#efefef}
.home-bags .home-title{color: var(--color);}
.home-bags .box{margin-top:50px}
.home-bags .swiper{overflow:inherit}
.home-bags .swiper-slide{background-color:#fff;height:auto;display:flex;flex-direction:column;box-shadow:0 2px 36px 4px rgba(210,210,210,.34);border-radius:3px;overflow:hidden}
.home-bags .swiper-slide .info{flex:1;padding:20px 30px 30px;color:#000;line-height:1.4;min-height:120px}
.home-bags .swiper-slide .title{font-size:var(--fontsize18);font-weight:var(--fontbold7)}
.home-bags .swiper-slide .img{overflow:hidden}
.home-bags .swiper-slide .img img{width:100%;transition:all .2s linear}
.home-bags .swiper-slide:hover .img img{transform:scale(1.03)}
.home-bags .btn{position:relative;margin-top:60px;display:flex;align-items:center;justify-content:center}
.home-bags .btn .homebags-next,.home-bags .btn .homebags-prev{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.5);border-radius:50%;color:#000;cursor:pointer;margin:0 10px;font-weight:var(--fontbold7);transition:all .2s linear}
.home-bags .btn .homebags-next:hover,.home-bags .btn .homebags-prev:hover{background-color:var(--color);color:#fff;border-color:var(--color)}
.home-bags .btn::after,.home-bags .btn::before{content:"";position:absolute;width:calc(50% - 100px);height:1px;background-color:var(--color);top:50%;transform:translateY(-50%)}
.home-bags .btn::before{left:0}
.home-bags .btn::after{right:0}
.home-allpro{padding:13% 0 14%;background-image:url(https://css02.v15cdn.com/m628/imgs/products-bg.webp);background-size:cover;background-repeat:no-repeat;border-bottom:6px solid var(--color)}
.home-allpro .home-title{text-align:right;color:#fff}
.home-allpro .home-more{margin-top:80px}
.home-allpro .info{color:#fff;text-align:right;display:flex;flex-direction:column;align-items:flex-end}
.home-about{padding:10% 0;background-image:url(https://css02.v15cdn.com/m628/imgs/homeabout-bg.webp);background-size:cover;background-repeat:no-repeat;border-bottom:6px solid var(--color)}
.home-about .home-title{text-align:left;color:#fff}
.home-about .home-more{margin-top:40px}
.home-about .info{color:#f0f0f0;background-color:rgba(32,33,37,.9);padding:60px 40px;max-width:850px}
.home-about .info .txt{margin-top:20px}
.home-our{background-color:#252421}
.home-our .home-title{color:var(--color)}
.home-our .home-des{color: var(--color);}
.home-our .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-our .list li{width:24%;background-color:#333435;border-radius:3px;overflow:hidden;display:flex;flex-direction:column;margin-top:50px;transition:all .2s linear}
.home-our .list li .info{flex:1;padding:28px;display:flex;flex-direction:column;position:relative}
.home-our .list li .info .tit{color:#fff;font-size:var(--fontsize18);font-weight:var(--fontbold6);padding-bottom:20px;border-bottom:1px solid #4d4d4d;margin-bottom:20px;transition:all .2s linear}
.home-our .list li .info .txt{color:#cdcdcd;flex:1;transition:all .2s linear}
.home-our .list li .info .more{color:#fff;margin-top:10px;display:inline-flex;align-items:center;font-weight:var(--fontbold6);transition:all .2s linear}
.home-our .list li .info .more em{display:inline-block;color:var(--color);transform:rotate(-45deg);margin-left:10px;transition:all .2s linear}
.home-our .list li .info .icon{position:absolute;width:80px;height:80px;background-color:var(--color);border-radius:3px;display:inline-flex;align-items:center;justify-content:center;color:#fff;right:30px;bottom:-50px;z-index:2}
.home-our .list li .info .icon em{font-size:var(--fontsize42);line-height:1}
.home-our .list li .img{overflow:hidden}
.home-our .list li .img img{width:100%;transition:all .2s linear}
.home-our .list li:nth-child(2) .info .icon em{font-size:var(--fontsize45)}
.home-our .list li:hover{background-color:#fff}
.home-our .list li:hover .info .tit{color:var(--color);border-color:rgba(77,77,77,.29)}
.home-our .list li:hover .info .txt{color:#333}
.home-our .list li:hover .info .more{color:var(--color)}
.home-our .list li:hover .info .more em{transform:rotate(0)}
.home-our .list li:hover .img img{transform:scale(1.03)}
.home-program{background-color:#f1f1f1}
.home-program .box{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.home-program .info{width:41%}
.home-program .info .home-title{color:var(--color);text-align:left}
.home-program .info .txt{color:#656565;margin-top:30px}
.home-program .info .txt strong{color:#000}
.home-program .info .more{display:inline-flex;align-items:center;margin-top:50px;font-weight:var(--fontbold6);color:#000;transition:all .2s linear}
.home-program .info .more em{margin-left:10px;width:28px;height:28px;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background-color:var(--color);transition:all .2s linear;transform:rotate(-45deg)}
.home-program .info .more:hover{color:var(--color)}
.home-program .info .more:hover em{transform:rotate(0)}
.home-program .img{width:57%}
.home-family{background-color:#000}
.home-family .l-wrap{padding:0;max-width:1920px}
.home-family .home-title{color:#fff}
.home-family .btn{display:flex;justify-content:center;margin-top:50px}
.home-family .top{padding:12% 0;background-image:url(https://css02.v15cdn.com/m628/imgs/family-bg.webp);background-repeat:no-repeat;background-size:cover}
.home-family .bottom{padding:20px 0}
.home-family .bottom .swiper-slide img{width:100%}
@media screen and (max-width:1440px){.home-banner .banner-animote .p1{font-size:var(--fontsize45)}}
@media screen and (max-width:1280px){.home-introduce{margin-top:0;background-color:rgba(0,0,0,.8)}
.home-introduce ul{padding:20px 0}
.home-introduce ul li{width:49%;padding:20px 0;justify-content:center}
.home-cate .cate-list li .info .title{font-size:var(--fontsize24);text-align:center}
.home-our .list li .info .tit{min-height:85px}}
@media screen and (max-width:1024px){.home-banner .banner-animote .p1{font-size:var(--fontsize32)}
.home-banner .banner-animote .p3{margin-top:40px}
.home-bags,.home-cate,.home-our,.home-program{padding:40px 0}
.home-cate .cate-list li{margin-top:30px}
.home-cate .cate-list li .info .title{font-size:var(--fontsize20)}
.home-cate .cate-list li .info .more{width:140px;height:42px}
.home-bags .box{margin-top:30px}
.home-bags .btn{margin-top:40px}
.home-our .list li{width:49%;margin-top:30px}
.home-our .list li .info .tit{min-height:auto}}
@media screen and (max-width:768px){.home-about .info{max-width:90%;padding:20px}
.home-program .info{width:100%}
.home-program .info .txt{margin-top:20px}
.home-program .info .more{margin-top:30px}
.home-program .img{width:100%;margin-top:30px}}
@media screen and (max-width:500px){.home-banner .banner-animote .p1{font-size:var(--fontsize30);line-height:1.4}
.home-introduce ul li{width:46%;flex-wrap:wrap;text-align:center}
.home-introduce ul li .tit{font-size:var(--fontsize16)}
.home-introduce ul li .icon{margin-right:0;width:100%;margin-bottom:10px}
.home-introduce ul li .icon img{max-height:32px}
.home-cate .cate-list li{width:100%;margin-right:0}
.home-bags .swiper-slide .info{min-height:100px;padding:15px}
.home-allpro{background-position-x:center;padding:60px 0}
.home-allpro .home-more{margin-top:40px}
.home-about{padding:60px 0}
.home-about .info{max-width:100%}
.home-our .list li{width:100%}
.home-our .list li .info .icon{width:70px;height:70px}}