/*首页*/
.index-page .width{max-width:1400px}

.index-page .more{font-size:16px;position:relative;padding-left:90px;color:#fff}
.index-page .more::before{content:'';position:absolute;top:50%;left:20px;transform:translateY(-50%);width:48px;height:48px;border:1px #fff solid;border-radius:50%}
.index-page .more::after{content:'';position:absolute;top:50%;left:0;width:44px;height:1px;background:#fff}
.index-page .more>span{display:none;}

.index-page .section{display:none}
.index-page .section:first-child{display:block}

.index-page .menu-left{position:fixed;top:0;left:60px;height:100%;;z-index:999;display:none}
.index-page .menu-left>div{height:100%;display:flex;flex-direction:column;justify-content:center}
.index-page .menu-left .line{width:1px;height:calc(50% - 162px);background:rgba(255,255,255,.1)}
.index-page .menu-left li{position:relative;height:100px;padding:4px 0 0 20px;color:#fff}
.index-page .menu-left li:nth-of-type(1){display:none}
.index-page .menu-left li:nth-of-type(5){height:24px}
.index-page .menu-left li::before{position:absolute;width:5px;height:5px;background:rgba(255,255,255,.1);top:10px;left:-2px;content:'';z-index:1000}
.index-page .menu-left li::after{position:absolute;width:1px;height:calc(100% - 25px);background:rgba(255,255,255,.1);top:25px;left:0;content:'';z-index:1000}
.index-page .menu-left li>span{display:none}
.index-page .menu-left li.active::before{background:#fff}
.index-page .menu-left li.active>span{display:block}

.index-page .banner .swiper{height:100%}
.index-page .banner .swiper-slide{position:relative}
.index-page .banner .m{display:none;height:100%}
.index-page .banner .img{width:100%}
.index-page .banner .video{width:100%;height:100%;object-fit:cover}
.index-page .banner .info{position:absolute;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff}
.index-page .banner .note{font-size:24px;line-height:38px}
.index-page .banner .name{font-size:56px;line-height:80px;padding:5px 0 90px}
.index-page .banner .swiper-pagination{bottom:60px !important}
.index-page .banner .swiper-pagination-bullet{background:#fff;border-radius:50%;opacity:1;margin:0 20px !important;width:8px;height:8px;}
.index-page .banner .swiper-pagination-bullet-active{position:relative;}
.index-page .banner .swiper-pagination-bullet-active:after{border-radius:50%;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:15px;border:1px #fff solid}

.index-page .box1{position:relative}
.index-page .box1 .video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}
.index-page .box1 .width{display:flex;justify-content:flex-end;margin-top:50px}
.index-page .box1 .info{position:relative;z-index:998;width:45%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.index-page .box1 .info>.name{font-size:48px;}
.index-page .box1 .note{font-size:18px;line-height:32px;opacity:.8;margin:35px 0 50px;border-top:1px solid rgba(255,255,255,.1);padding-top:35px;color:#fff}
.index-page .box1 .icons{position:relative;width:100%;margin-bottom:90px}
.index-page .box1 .swiper{margin:0 auto;width:calc(100% - 110px);}
.index-page .box1 .swiper-slide{width:70px}
.index-page .box1 .icon-bg{width:70px;height:70px;margin-bottom:15px;display:flex;justify-content:center;align-items:center;position:relative}
.index-page .box1 .icon-bg::before{position:absolute;top:50%;left:105px;transform:translateY(-50%);content:'';width:9px;height:11px;background:url(../images/arrow.png)}
.index-page .box1 .icon-bg::after{position:absolute;top:50%;left:70px;transform:translateY(-50%);content:'';width:80px;height:1px;border-top:1px solid #35e3d6;opacity:.3}
.index-page .box1 .icon{max-width:100%;max-height:100%}
.index-page .box1 .swiper .name{text-align:center;font-size:16px;color:#fff}
.index-page .box1 .arrow{position:absolute;top:35px;background:url(../images/arrow2.png);width:10px;height:17px;cursor:pointer;transition:.3s}
.index-page .box1 .prev{left:0;transform:rotate(180deg)}
.index-page .box1 .next{right:0;}

.index-page .box2{position:relative}
.index-page .box2 .info{width:35%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.index-page .box2 .info>.name{font-size:48px;}
.index-page .box2 .note{font-size:18px;line-height:32px;opacity:.8;margin:35px 0 90px;border-top:1px solid rgba(255,255,255,.1);padding-top:35px;color:#fff}
.index-page .box2 .arrow{display:flex;margin-top:100px}
.index-page .box2 .arrow>div{width:58px;height:58px;opacity:.3;border:1px #fff solid;border-radius:50%;background:url(../images/arrow1-w.svg) no-repeat center center/12px;cursor:pointer}
.index-page .box2 .arrow .prev{transform:rotate(180deg);margin-right:20px}
.index-page .box2 .swiper{width:55.2%;position:absolute;right:0;top:55%;transform:translateY(-50%);padding-bottom:40px}
.index-page .box2 .swiper-slide{width:400px;position:relative;border-radius:30px}
/*.index-page .box2 .swiper-slide:nth-child(2n+1){margin-top:30px}*/
.index-page .box2 .swiper .img{width:100%;padding-bottom:130%}
.index-page .box2 .swiper .name{position:absolute;left:0;bottom:0;width:100%;height:40%;padding:0 40px 40px;font-size:20px;line-height:32px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(to bottom,transparent 10%,#78afd9 90%)}
.index-page .box2 .swiper-pagination{display:none}

.index-page .box3{position:relative}
.index-page .box3 .body{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;justify-content:center;align-items:center}
.index-page .box3 .tit{display:flex;justify-content:space-between;align-items:center}
.index-page .box3 .tit .name{font-size:48px;width:calc(100% - 200px)}
.index-page .box3 .tit .more{width:155px}
.index-page .box3 .con{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:50px;display:flex}
.index-page .box3 .swiper{width:67.8%;height:380px;border-radius:30px 0 0 30px}
.index-page .box3 .swiper-slide{display:flex}
.index-page .box3 .img-bg{width:54.7%;border-radius:30px}
.index-page .box3 .img{width:100%;height:100%}
.index-page .box3 .info{width:45.3%;padding:40px 60px 0;color:#fff}
.index-page .box3 .info .time{opacity:.5}
.index-page .box3 .info .name{font-size:20px;line-height:35px;margin:45px 0 30px;}
.index-page .box3 .info .note{opacity:.5;line-height:26px}
.index-page .box3 .swiper-pagination{text-align:left;width:calc(45.3% - 120px);bottom:20px !important;right:60px !important;left:auto}
.index-page .box3 .swiper-pagination-bullet{background:#fff;border-radius:50%;opacity:.2;margin:0 5px !important;width:6px;height:6px;}
.index-page .box3 .swiper-pagination-bullet-active{opacity:1;width:40px;border-radius:3px}
.index-page .box3 .best{width:calc(32.2% - 1px);padding-left:60px;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}
.index-page .box3 .item{flex:1;display:flex;flex-direction:column;justify-content:center}
.index-page .box3 .item .time{opacity:.5;padding-bottom:5px;color:#fff}
.index-page .box3 .item .name{font-size:18px;line-height:32px;}

.index-page .box4 .tit{display:flex;flex-direction:column;align-items:center;margin-top:50px}
.index-page .box4 .tit .name{font-size:48px;text-align:center}
.index-page .box4 .tit .note{font-size:16px;text-align:center;color:#fff;padding:10px 0 50px}
.index-page .box4 .swiper{height:470px}
.index-page .box4 .swiper-slide{display:flex;justify-content:center;align-items:center;height:110px;border:5px solid #fff;border-radius:5px;background:#fff}
.index-page .box4 .swiper-slide>img{max-width:80%;max-height:80%}
.index-page .box4 .swiper-pagination-bullet{opacity:1;background:rgba(255,255,255,.3);width:14px;height:14px;border-radius:50%;margin:0 7px !important}
.index-page .box4 .swiper-pagination-bullet-active{background:linear-gradient(to right,#00b1ff,#35e3d6)}

@media (max-width:1400px){
    .index-page .banner .name{font-size:50px;line-height:70px}
    .index-page .banner .swiper-pagination{bottom:40px !important}
    
    .index-page .box1 .info{margin-top:20px}
    .index-page .box1 .info>.name{font-size:40px;}
    .index-page .box1 .note{margin:25px 0 40px;padding-top:25px}
    .index-page .box1 .icons{margin-bottom:80px}
    
    .index-page .box2 .info>.name{font-size:40px;}
    .index-page .box2 .note{margin:25px 0 80px;padding-top:25px}
    .index-page .box2 .arrow{display:flex;margin-top:100px}
    .index-page .box2 .swiper{padding-bottom:30px}
    .index-page .box2 .swiper-slide{width:320px}
    .index-page .box2 .swiper-slide:nth-child(2n+1){margin-top:30px}
    
    .index-page .box3 .tit .name{font-size:40px}
    
    .index-page .box4 .tit .name{font-size:40px}
    .index-page .box4 .tit .note{padding:10px 0 40px}
    .index-page .box4 .swiper{height:420px}
    .index-page .box4 .swiper-slide{height:100px}
}

@media (max-width:750px){
    .index-page .more{padding-left:65px}
    .index-page .more::before{width:30px;height:30px}
    .index-page .more::after{width:36px;height:1px;background:#fff}
    
    .index-page .banner .pc,.index-page .banner .video{display:none}
    .index-page .banner .m,.index-page .banner .gif{display:block}
    .index-page .banner .info{align-items:center;background:rgba(0,0,0,.3);width:100%;padding:0 20px}
    .index-page .banner .note{font-size:16px;line-height:26px;text-align:center}
    .index-page .banner .name{font-size:30px;line-height:45px;padding:10px 0 50px;text-align:center}
    .index-page .banner .swiper-pagination{bottom:30px !important}
    .index-page .banner .swiper-pagination-bullet{margin:0 15px !important;width:6px;height:6px;}
    .index-page .banner .swiper-pagination-bullet-active:after{padding:12px}
    
    
    .index-page .box1 .width{justify-content:center;margin-top:0}
    .index-page .box1 .info{width:100%;align-items:center}
    .index-page .box1 .info>.name{font-size:25px;line-height:35px}
    .index-page .box1 .note{font-size:14px;line-height:24px;margin:15px 0 30px;padding-top:15px}
    .index-page .box1 .icons{margin-bottom:30px}
    .index-page .box1 .swiper{margin:0 auto;width:calc(100% - 50px);}
    .index-page .box1 .swiper-slide{width:60px}
    .index-page .box1 .icon-bg{width:60px;height:60px;margin-bottom:10px}
    .index-page .box1 .icon-bg::before{left:72px}
    .index-page .box1 .icon-bg::after{left:60px;width:30px}
    .index-page .box1 .icon{width:20px;height:23px;background-size:20px auto !important}
    .index-page .box1 .swiper .name{font-size:14px}
    .index-page .box1 .arrow{top:22px}
    .index-page .box1 .more{display:none}
    
    .index-page .box2 .info{width:100%;align-items:center;margin-top:30px}
    .index-page .box2 .info>.name{font-size:25px;text-align:center}
    .index-page .box2 .note{font-size:14px;line-height:24px;margin:15px 0 20px;padding-top:15px}
    .index-page .box2 .arrow{display:none}
    .index-page .box2 .swiper{width:calc(100% - 40px);margin:30px auto 15px;position:static;transform:translateY(0);border-radius:20px;padding-bottom:0}
    .index-page .box2 .swiper-slide{width:100%;border-radius:20px}
    .index-page .box2 .swiper-slide:nth-child(2n+1){margin-top:0}
    .index-page .box2 .swiper .name{padding:15px;font-size:14px;line-height:24px;text-align:center}
    .index-page .box2 .swiper-pagination{display:block;position:static}
    .index-page .box2 .swiper-pagination-bullet{opacity:.5;background:#00b1ff}
    .index-page .box2 .swiper-pagination-bullet-active{opacity:1}
    
    .index-page .box3 .body{position:static;margin-top:50px}
    .index-page .box3 .tit .name{font-size:25px;width:calc(100% - 140px)}
    .index-page .box3 .tit .more{width:130px;}
    .index-page .box3 .con{margin-top:20px;padding-top:20px;display:block}
    .index-page .box3 .swiper{width:100%;height:auto;border-radius:20px 0 0 20px;margin-bottom:30px}
    .index-page .box3 .swiper-slide{display:block;position:relative}
    .index-page .box3 .img-bg{width:100%;height:200px;border-radius:20px}
    .index-page .box3 .info{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.3);left:0;top:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:20px 20px 30px}
    .index-page .box3 .info .time{display:none}
    .index-page .box3 .info .name{font-size:16px;line-height:26px;margin:0}
    .index-page .box3 .info .note{display:none}
    .index-page .box3 .swiper-pagination{text-align:center;width:100%;bottom:10px !important;right:0 !important}
    .index-page .box3 .swiper-pagination-bullet-active{width:30px}
    .index-page .box3 .best{width:100%;padding-left:0;border-left:0}
    .index-page .box3 .item{margin-bottom:15px}
    .index-page .box3 .item .time{font-size:12px}
    .index-page .box3 .item .name{font-size:14px;line-height:24px;}
    
    .index-page .box4 .tit .name{font-size:25px}
    .index-page .box4 .tit .note{font-size:14px;padding:5px 0 20px}
    .index-page .box4 .swiper{height:480px}
    .index-page .box4 .swiper-slide{height:60px}
    .index-page .box4 .swiper-pagination-bullet{width:8px;height:8px;margin:0 5px !important}
}

@media (any-hover:hover){
    .index-page .more:hover::before{border:0;width:50px;height:50px;background:linear-gradient(to right,#00b1ff,#35e3d6)}
    .index-page .more:hover>span{display:block;width:15px;height:100%;position:absolute;top:1px;left:5px;background:url(../images/arrow-w.svg) no-repeat center center/15px;transform:rotate(-90deg);animation:more 1s forwards alternate}
    @keyframes more{
        from{left:5px}
        to{left:38px}
    }
    
    .index-page .box1 .info>.name:hover{background-image:linear-gradient(to right,#35e3d6,#00b1ff)}
    .index-page .box1 .arrow:hover{background-image:url(../images/arrow2-hover.png)}
    
    .index-page .box2 .arrow>div:hover{opacity:1;background:url(../images/arrow1-w.svg) no-repeat center center/12px,linear-gradient(to right,#35e3d6,#00b1ff);border:0}
    .index-page .box2 .swiper-slide:hover .img{transform:scale(1.1)}
    .index-page .box2 .swiper-slide:hover .name{background:linear-gradient(to bottom,transparent 10%,#2ea9df 90%);}
    
    .index-page .box3 .info .name:hover{background-image:linear-gradient(to right,#35e3d6,#00b1ff)}
    .index-page .box3 .item .name:hover{background-image:linear-gradient(to right,#35e3d6,#00b1ff)}
    
    /*.index-page .box4 .swiper-slide:hover{border:5px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(to right,#fff,#fff),linear-gradient(90deg,#14a8d0,#277bfd)}*/
}

/*产品*/
.goods-page .inner-banner .info{max-width:1400px;justify-content:flex-start}
.goods-page .inner-banner .name{margin:20% 0 25px}
.goods-page .inner-banner .note{font-size:24px;color:#000}
.goods-page .inner-banner .center{text-align:center}
.goods-page .inner-banner .name.center{margin:14% 0 25px}
.goods-page .inner-banner .tip{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);color:#fff}
.goods-page .inner-banner .tip::after{width:8px;height:11px;background:url(../images/arrow3.png) no-repeat center center/8px;content:'';position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);animation:tip .5s linear infinite}
@keyframes tip{
    0%{bottom:-25px}
    50%{bottom:-30px}
    100%{bottom:-25px}
}

.goods-page .tit{line-height:70px;background:linear-gradient(to right,#00b1ff,#35e3d6);color:#fff;text-align:center;font-size:24px;position:fixed;top:0;left:0;width:100%;display:none;z-index:9999}
.goods-page .tit-name{text-align:center;font-size:48px;line-height:58px;margin-bottom:20px;max-width:100%}
.goods-page .tit-note{text-align:center;font-size:20px;line-height:30px;color:#000;width:100%}

.goods-page .box1{display:flex;padding:100px 0}
.goods-page .box1 .img-bg{width:53.12%;border-radius:30px}
.goods-page .box1 .img{width:100%;padding-bottom:73.52%; background-size: contain !important;}
.goods-page .box1 .img-bg .bg:hover{ transform: scale(1.05); }
.goods-page .box1 .info{width:46.88%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:7%}
.goods-page .box1 .tit-name{text-align:left}
.goods-page .box1 .tit-note{text-align:left;border-bottom:1px #eee solid;margin-bottom:30px;padding-bottom:20px}
.goods-page .box1 .detail{font-size:18px;line-height:30px;max-height:300px;overflow-y:hidden}

.goods-page .box2{padding:150px 0;background:linear-gradient(to bottom,#f0faff,#cbf0ff)}
.goods-page .box2 .swiper1{margin:50px 0}
.goods-page .box2 .swiper1 .swiper-slide{width:460px;height:auto;padding:100px 60px 80px;border-radius:30px;background:rgba(255,255,255,.5) url(../images/7.png) no-repeat center bottom/cover}
.goods-page .box2 .swiper1 .swiper-slide:first-child{margin-left:16.67%}
.goods-page .box2 .swiper1 .swiper-slide:last-child{margin-right:16.67%}
.goods-page .box2 .swiper1 .icon{width:44px;height:44px;display:flex;justify-content:center;align-items:center}
.goods-page .box2 .swiper1 .icon>img{max-width:100%;max-height:100%}
.goods-page .box2 .swiper1 .name{font-size:24px;color:#000;margin:40px 0 20px;line-height:34px}
.goods-page .box2 .swiper1 .note{font-size:16px;color:#666;line-height:30px}
.goods-page .box2 .swiper2{margin:50px auto}
.goods-page .box2 .swiper2 .swiper-slide{height:auto;padding:100px 60px 80px;border-radius:30px;background:rgba(255,255,255,.5) url(../images/7.png) no-repeat center bottom/100%}
.goods-page .box2 .swiper2 .icon{width:44px;height:44px;display:flex;justify-content:center;align-items:center}
.goods-page .box2 .swiper2 .icon>img{max-width:100%;max-height:100%}
.goods-page .box2 .swiper2 .name{font-size:24px;color:#000;margin:30px 0 20px;line-height:34px}
.goods-page .box2 .swiper2 .note{font-size:16px;color:#666;line-height:30px}
.goods-page .box2 .arrow{display:flex;justify-content:center}
.goods-page .box2 .arrow>div{width:60px;height:60px;border-radius:50%;border:1px solid rgba(0,177,255,.5);background:url(../images/arrow2-hover.png) no-repeat center center/7px;cursor:pointer}
.goods-page .box2 .prev{margin-right:15px;transform:rotate(180deg)}

.goods-page .box3{padding:100px 0}
.goods-page .box3 .swiper{margin-top:40px;padding-bottom:50px}
.goods-page .box3 .swiper-slide{height:auto;padding:50px;border-radius:30px;position:relative}
.goods-page .box3 .swiper-slide-active::after,.goods-page .box3 .swiper-slide-next::after{content:'';position:absolute;height:calc(100% - 60px);border-right:1px solid #eee;width:1px;top:40px;right:0;}
.goods-page .box3 .swiper-pagination-bullet{background:rgba(0,0,0,.2);opacity:1}
.goods-page .box3 .swiper-pagination-bullet-active{background:linear-gradient(to right,#00b1ff,#35e3d6)}
.goods-page .box3 .swiper .icon{border:3px solid #2cdade;border-radius:50%;width:95px;height:95px;margin:0 auto;display:flex;justify-content:center;align-items:center}
.goods-page .box3 .swiper .icon>img{max-width:45%;max-height:45%}
.goods-page .box3 .swiper .name{font-size:24px;color:#000;margin:25px 0 10px;line-height:34px;text-align:center}
.goods-page .box3 .swiper .note{font-size:16px;color:#666;line-height:30px;text-align:center}
.goods-page .box3 .con{margin-top:60px;display:flex;flex-wrap:wrap}
.goods-page .box3 .con .item{width:50%;height:auto;padding:40px 80px;border-right:1px #eee solid;border-bottom:1px #eee solid}
.goods-page .box3 .con .item:nth-child(2n){border-right:0}
.goods-page .box3 .con .item:nth-last-child(1),.goods-page .box3 .con .item:nth-last-child(2){border-bottom:0}
.goods-page .box3 .con .icon{border:3px solid #2cdade;border-radius:50%;width:95px;height:95px;margin:0 auto;display:flex;justify-content:center;align-items:center}
.goods-page .box3 .con .icon>img{max-width:45%;max-height:45%}
.goods-page .box3 .con .name{font-size:24px;color:#000;margin:25px 0 10px;line-height:34px;text-align:center}
.goods-page .box3 .con .note{font-size:16px;color:#666;line-height:30px;text-align:center}

.goods-page .box4{padding:100px 0 120px;background:linear-gradient(to bottom,#f0faff,#cbf0ff)}
.goods-page .box4 .swiper{margin:50px 0}
.goods-page .box4 .swiper-slide{height:auto;background:rgba(255,255,255,.7) url(../images/9.png) no-repeat center bottom/100%;border-radius:30px;padding:90px 70px 110px}
.goods-page .box4 .icon{width:46px;height:46px;display:flex;justify-content:center;align-items:center}
.goods-page .box4 .icon>img{max-width:100%;max-height:100%}
.goods-page .box4 .name{font-size:24px;line-height:34px;color:#000;margin:40px 0 20px;}
.goods-page .box4 .note{font-size:16px;color:#666;line-height:26px}
.goods-page .box4 .arrow{display:flex;justify-content:center}
.goods-page .box4 .arrow>div{width:60px;height:60px;border-radius:50%;border:1px solid rgba(0,177,255,.5);background:url(../images/arrow2-hover.png) no-repeat center center/7px;cursor:pointer}
.goods-page .box4 .prev{margin-right:15px;transform:rotate(180deg)}

.goods-page .box5{padding:100px 0 120px}
.goods-page .box5 .swiper{margin-top:50px;padding-bottom:50px}
.goods-page .box5 .swiper-slide{position:relative;}
.goods-page .box5 .img-bg{border-radius:30px;position:relative;}
.goods-page .box5 .img{width:100%;padding-bottom:46.87%}
.goods-page .box5 .info{position:absolute;width:100%;left:0;bottom:0;padding:20% 10% 5%;background:linear-gradient(to bottom,transparent 10%,#000 90%);display:flex;border-radius:0 0 30px 30px}
.goods-page .box5 .item{padding:0 30px;flex:1;text-align:center;border-right:1px solid rgba(255,255,255,.1)}
.goods-page .box5 .item:last-child{border-right:0}
.goods-page .box5 .name{color:#fff;line-height:34px;font-size:24px;}
.goods-page .box5 .note{color:#fff;opacity:.6;line-height:22px;font-size:14px;margin-top:10px}
.goods-page .box5 .play{position:absolute;width:50px;height:50px;background:url(../images/play.png) no-repeat center center/100%;z-index:998;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}
.goods-page .box5 .swiper-pagination-bullet{background:rgba(0,0,0,.2);opacity:1}
.goods-page .box5 .swiper-pagination-bullet-active{background:linear-gradient(to right,#00b1ff,#35e3d6)}

@media (max-width:1400px){
    .goods-page .tit-name{font-size:45px}
    .goods-page .box1{padding:80px 0}
    .goods-page .box2{padding:100px 0}
    .goods-page .box2 .swiper1 .swiper-slide:first-child{margin-left:50px}
    .goods-page .box2 .swiper1 .swiper-slide:last-child{margin-right:50px}
    .goods-page .box3{padding:80px 0}
    .goods-page .box4{padding:80px 0}
    .goods-page .box4 .swiper-slide{padding:70px}
    .goods-page .box5{padding:80px 0}
}

@media (max-width:750px){
    .goods-page .inner-banner .info{background:rgba(0,0,0,.2);width:100%;padding:0 20px}
    .goods-page .inner-banner .name{margin:50% 0 10px;text-align:center}
    .goods-page .inner-banner .name>span{color:#fff}
    .goods-page .inner-banner .note{font-size:16px;text-align:center;color:#fff}
    .goods-page .inner-banner .name.center{margin:50% 0 10px}
    .goods-page .inner-banner .tip{bottom:40px}
    
    .goods-page .tit{line-height:50px;font-size:18px}
    .goods-page .tit-name{font-size:25px;line-height:35px;margin-bottom:5px}
    .goods-page .tit-note{font-size:16px;line-height:26px}
    
    .goods-page .box1{display:block;padding:30px 0}
    .goods-page .box1 .img-bg{width:100%;border-radius:20px;margin-bottom:20px}
    .goods-page .box1 .info{width:100%;padding-left:0;align-items:center}
    .goods-page .box1 .tit-name{text-align:center}
    .goods-page .box1 .tit-note{text-align:center;margin-bottom:15px;padding-bottom:10px}
    .goods-page .box1 .detail{font-size:14px;line-height:24px;max-height:240px}
    
    .goods-page .box2{padding:30px 0}
    .goods-page .box2 .swiper1{width:calc(100% - 40px);margin:20px auto}
    .goods-page .box2 .swiper1 .swiper-slide{width:100%;padding:35px 25px;border-radius:20px}
    .goods-page .box2 .swiper1 .swiper-slide:first-child{margin-left:0}
    .goods-page .box2 .swiper1 .swiper-slide:last-child{margin-right:0}
    .goods-page .box2 .arrow>div{width:40px;height:40px;background-size:5px}
    .goods-page .box2 .prev{margin-right:10px}
    .goods-page .box2 .swiper1 .icon{margin:0 auto}
    .goods-page .box2 .swiper1 .name{font-size:18px;margin:20px 0 10px;line-height:28px;text-align:center}
    .goods-page .box2 .swiper1 .note{font-size:14px;line-height:24px;max-height:96px;text-align:center}
    .goods-page .box2 .swiper2{width:calc(100% - 40px);margin:20px auto}
    .goods-page .box2 .swiper2 .swiper-slide{width:100%;padding:35px 25px 25px;border-radius:20px}
    .goods-page .box2 .swiper2 .swiper-pagination{max-width:100%}
    .goods-page .box2 .swiper2 .icon{margin:0 auto;width:60px;height:50px}
    .goods-page .box2 .swiper2 .name{font-size:18px;margin:20px 0 10px;line-height:28px;text-align:center}
    .goods-page .box2 .swiper2 .note{font-size:14px;line-height:24px;max-height:96px;text-align:center}
    
    .goods-page .box3{padding:30px 0}
    .goods-page .box3 .swiper{margin-top:20px;padding-bottom:40px}
    .goods-page .box3 .swiper-slide{padding:0;border-radius:0}
    .goods-page .box3 .swiper-slide-active::after,.goods-page .box3 .swiper-slide-next::after{display:none}
    .goods-page .box3 .swiper .icon{border-width:2px;width:75px;height:75px}
    .goods-page .box3 .swiper .name{font-size:18px;margin:15px 0 5px;line-height:28px}
    .goods-page .box3 .swiper .note{font-size:14px;line-height:24px}
    .goods-page .box3 .con{margin-top:0;display:block}
    .goods-page .box3 .con .item{width:100%;padding:25px 0;border-right:0;border-bottom:1px #eee solid}
    .goods-page .box3 .con .item:nth-last-child(2){border-bottom:1px #eee solid}
    .goods-page .box3 .con .icon{border-width:2px;width:75px;height:75px}
    .goods-page .box3 .con .name{font-size:18px;margin:15px 0 5px;line-height:28px}
    .goods-page .box3 .con .note{font-size:14px;line-height:24px}
    
    .goods-page .box4{padding:30px 0}
    .goods-page .box4 .swiper{width:100%;margin:20px auto}
    .goods-page .box4 .swiper-slide{border-radius:20px;padding:35px 25px 25px}
    .goods-page .box4 .arrow>div{width:40px;height:40px;background-size:5px}
    .goods-page .box4 .prev{margin-right:10px}
    .goods-page .box4 .icon{margin:0 auto}
    .goods-page .box4 .name{font-size:18px;line-height:28px;margin:20px 0 10px;text-align:center}
    .goods-page .box4 .note{font-size:14px;line-height:24px;text-align:center}
    
    .goods-page .box5{padding:30px 0}
    .goods-page .box5 .swiper{margin-top:20px;padding-bottom:40px}
    .goods-page .box5 .img-bg{border-radius:20px}
    .goods-page .box5 .info{position:static;padding:0;background:none;display:block;border-radius:0}
    .goods-page .box5 .item{padding:15px 0 0;border:0;width:100%}
    .goods-page .box5 .name{color:#333;line-height:28px;font-size:18px;}
    .goods-page .box5 .note{color:#666;opacity:1;margin-top:5px}
    .goods-page .box5 .play{width:40px;height:40px}
}

@media (any-hover:hover){
    .goods-page .box2 .swiper1 .swiper-slide:hover{background:url(../images/8.png) no-repeat center bottom/100%,linear-gradient(to right,#00b1ff,#35e3d6)}
    .goods-page .box2 .swiper1 .swiper-slide:hover .name{color:#fff}
    .goods-page .box2 .swiper1 .swiper-slide:hover .note{color:#fff}
    .goods-page .box2 .swiper2 .swiper-slide:hover{background:url(../images/8.png) no-repeat center bottom/100%,linear-gradient(to right,#00b1ff,#35e3d6)}
    .goods-page .box2 .swiper2 .swiper-slide:hover .name{color:#fff}
    .goods-page .box2 .swiper2 .swiper-slide:hover .note{color:#fff}
    .goods-page .box2 .arrow>div:hover{background:url(../images/arrow2-w.png) no-repeat center center/7px,linear-gradient(to right,#01b2fe,#33e1d7);border:0}
    
    .goods-page .box3 .swiper-slide:hover{background:linear-gradient(to right,#00b1ff,#35e3d6)}
    .goods-page .box3 .swiper-slide-active:hover::after,.goods-page .box3 .swiper-slide-next:hover::after{display:none}
    .goods-page .box3 .swiper-slide:hover .icon{border-color:#fff}
    .goods-page .box3 .swiper-slide:hover .name{margin:25px 0 10px;color:#fff}
    .goods-page .box3 .swiper-slide:hover .note{color:#fff}
    .goods-page .box3 .con .item:hover{background:linear-gradient(to right,#00b1ff,#35e3d6)}
    .goods-page .box3 .con .item:hover .icon{border-color:#fff}
    .goods-page .box3 .con .item:hover .name{margin:25px 0 10px;color:#fff}
    .goods-page .box3 .con .item:hover .note{color:#fff}
    
    .goods-page .box4 .swiper-slide:hover{background:url(../images/10.png) no-repeat center bottom/100%,linear-gradient(to right,#00b1ff,#35e3d6)}
    .goods-page .box4 .swiper-slide:hover .name{color:#fff}
    .goods-page .box4 .swiper-slide:hover .note{color:#fff}
    .goods-page .box4 .arrow>div:hover{background:url(../images/arrow2-w.png) no-repeat center center/7px,linear-gradient(to right,#01b2fe,#33e1d7);border:0}
}

/*新闻*/
.article-page .head.pc{display:flex}
.article-page .head.pc .head-l{width:50%;position:relative}
.article-page .head.pc .head-l .img{width:100%;padding-bottom:83.33%}
.article-page .head.pc .head-r{width:50%}
.article-page .head.pc .head-r .img-bg{height:50%;position:relative}
.article-page .head.pc .head-r .img{width:100%;padding-bottom:41.66%}
.article-page .head.pc .info{position:absolute;width:100%;bottom:0;left:0;padding:5% 60px 50px;background:linear-gradient(to bottom,transparent 10%,#000 90%);transition:.3s}
.article-page .head.pc .time{background:url(../images/time.png) no-repeat left center;padding-left:25px;margin-bottom:10px;color:#fff}
.article-page .head.pc .name{font-size:20px;color:#fff}
.article-page .head.m{display:none}

.article-page .list{padding:50px 0}
.article-page .list .item{display:flex;padding-top:50px}
.article-page .list .img-bg{width:28.12%;border-radius:20px}
.article-page .list .img{width:100%;padding-bottom:62.5%}
.article-page .list .info{width:71.88%;padding-left:60px;display:flex;flex-direction:column;justify-content:center}
.article-page .list .time{font-size:16px;color:#999}
.article-page .list .name{font-size:20px;padding:15px 0 20px}
.article-page .list .note{font-size:16px;line-height:30px;color:#666}
.article-page .page{margin-bottom:100px}

.article-page .detail .base .img{width:100%;padding-bottom:35.41%;position:relative}
.article-page .detail .base .img .info{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);color:#fff}
.article-page .detail .base .img .time{line-height:40px;display:flex;align-items:center;margin-bottom:15px}
.article-page .detail .base .img .time>span:first-child{padding-left:50px;font-size:16px;}
.article-page .detail .base .img .time>span:last-child{background:url(../images/time.png) no-repeat 15px center;padding-left:40px;border-left:1px solid rgba(255,255,255,.2);line-height:17px;margin-left:15px}
.article-page .detail .base .img .name{font-size:30px;line-height:44px;}
.article-page .detail .con{padding:80px 0 50px;border-bottom:1px #eee solid}
.article-page .detail .con p{font-size:16px;line-height:32px;color:#666;margin-bottom:20px}
.article-page .detail .con img{max-width:100%;margin:50px auto;height:auto !important}
.article-page .detail .jump{padding:50px 0 80px;display:flex;align-items:center}
.article-page .detail .jump .info{width:calc(100% - 200px)}
.article-page .detail .jump .info>a{line-height:30px;font-size:16px;color:#999}
.article-page .detail .jump .btn{width:200px;text-align:right}
.article-page .detail .jump .btn>a{color:#fff;font-size:16px;display:inline-block;padding:20px 50px;background:linear-gradient(to right,#00b1ff,#35e3d6);border-radius:50px}
.article-page .detail .best{background:#f7f8fa;padding:100px 0}
.article-page .detail .tit-name{text-align:center;margin-bottom:40px}
.article-page .detail .tit-name>span{font-size:36px}
.article-page .detail .best-con{position:relative}
.article-page .detail .swiper{max-width:1120px;border-radius:20px}
.article-page .detail .best .img-bg{border-radius:20px}
.article-page .detail .best .img{width:100%;padding-bottom:62.5%}
.article-page .detail .best .time{padding:25px 0 15px;color:#999}
.article-page .detail .best .name{font-size:18px;margin-bottom:15px}
.article-page .detail .best .note{font-size:14px;line-height:24px;color:#666}
.article-page .detail .swiper-pagination{display:none}
.article-page .detail .arrow{width:17px;height:30px;position:absolute;top:30%;transform:translateY(-50%);transition:.3s;background:url(../images/arrow2-g.png) no-repeat center center/17px;z-index:998;cursor:pointer}
.article-page .detail .arrow.prev{left:0;transform:translateY(-50%) rotate(180deg)}
.article-page .detail .arrow.next{right:0}

@media (max-width:1400px){
    .article-page .list{padding:30px 0}
    .article-page .page{margin-bottom:80px}
    .article-page .detail .con{padding:50px 0}
    .article-page .detail .jump{padding:50px 0}
    .article-page .detail .best{padding:80px 0}
}

@media (max-width:750px){
    .article-page .head.pc{display:none}
    .article-page .head.m{display:block}
    .article-page .head.m .img-bg{position:relative}
    .article-page .head.m .img{width:100%;padding-bottom:83.33%}
    .article-page .head.m .info{position:absolute;width:100%;bottom:0;left:0;padding:5% 25px 40px;background:linear-gradient(to bottom,transparent 10%,#000 90%);transition:.3s}
    .article-page .head.m .time{background:url(../images/time.png) no-repeat left center;padding-left:25px;margin-bottom:5px;color:#fff}
    .article-page .head.m .name{font-size:18px;color:#fff}
    .article-page .head.m .swiper-pagination-bullet{background:#fff;opacity:1}
    .article-page .head.m .swiper-pagination-bullet-active{background:#35e3d6;}
    
    .article-page .list{padding:10px 0}
    .article-page .list .item{display:block;padding:20px 0}
    .article-page .list .img-bg{width:100%;margin-bottom:10px}
    .article-page .list .info{width:100%;padding-left:0}
    .article-page .list .time{font-size:14px}
    .article-page .list .name{font-size:16px;padding:10px 0}
    .article-page .list .note{font-size:14px;line-height:24px}
    .article-page .page{margin:10px 0 20px}
    
    .article-page .detail .base .img{padding-bottom:80%}
    .article-page .detail .base .img .info{bottom:20px}
    .article-page .detail .base .img .time{margin-bottom:5px;justify-content:space-between}
    .article-page .detail .base .img .time>span:first-child{padding-left:35px;font-size:14px;background-size:25px !important}
    .article-page .detail .base .img .time>span:last-child{padding-left:25px;border-left:0;margin-left:10px;background-position:left center}
    .article-page .detail .base .img .name{font-size:18px;line-height:28px;}
    .article-page .detail .con{padding:30px 0}
    .article-page .detail .con p{font-size:14px;line-height:26px;margin-bottom:10px}
    .article-page .detail .con img{margin:10px auto}
    .article-page .detail .jump{padding:20px 0 30px;display:block}
    .article-page .detail .jump .info{width:100%;margin-bottom:10px}
    .article-page .detail .jump .info>a{line-height:26px;font-size:14px}
    .article-page .detail .jump .btn{width:100%;text-align:left}
    .article-page .detail .jump .btn>a{font-size:14px;padding:10px 30px}
    .article-page .detail .best{padding:30px 0 20px}
    .article-page .detail .tit-name{margin-bottom:20px}
    .article-page .detail .tit-name>span{font-size:25px}
    .article-page .detail .swiper{width:100%;padding-bottom:40px}
    .article-page .detail .best .time{padding:15px 0 10px}
    .article-page .detail .best .name{font-size:16px;margin-bottom:10px}
    .article-page .detail .swiper-pagination{display:block}
    .article-page .detail .swiper-pagination-bullet{opacity:1;background:rgba(0,0,0,.2)}
    .article-page .detail .swiper-pagination-bullet-active{background:linear-gradient(to right,#00b1ff,#35e3d6)}
    .article-page .detail .arrow{display:none}
}

@media (any-hover:hover){
    .article-page .head.pc .img-bg:hover .info{padding-bottom:60px}
    
    .article-page .list .item:hover .img{transform:scale(1.1)}
    .article-page .list .item:hover .name{background-image:linear-gradient(to right,#00b1ff,#35e3d6);-webkit-background-clip:text;color:transparent;display:inline-block}
    
    .article-page .detail .jump .info>a.active:hover{background-image:linear-gradient(to right,#00b1ff,#35e3d6);-webkit-background-clip:text;color:transparent}
    .article-page .detail .jump .btn>a:hover{background:linear-gradient(to right,#35e3d6,#00b1ff)}
    .article-page .detail .swiper-slide:hover .name{background-image:linear-gradient(to right,#00b1ff,#35e3d6);-webkit-background-clip:text;color:transparent}
    .article-page .detail .arrow:hover{background-image:url(../images/arrow2-hover.png)}
}

/*关于我们*/
.about-page .width{max-width:1400px}

.about-page .inner-banner .name{margin-top:-5%}
.about-page .inner-banner .tip{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);color:#fff}
.about-page .inner-banner .tip::after{width:8px;height:11px;background:url(../images/arrow3.png) no-repeat center center/8px;content:'';position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);animation:tip .5s linear infinite}
@keyframes tip{
    0%{bottom:-25px}
    50%{bottom:-30px}
    100%{bottom:-25px}
}

.about-page .tit-name{font-size:48px;margin-bottom:15px}
.about-page .tit-note{font-size:20px;line-height:30px;color:#000}
.about-page .tit-detail{font-size:16px;line-height:32px;color:#666;border-top:1px rgba(255,255,255,.1) solid;margin-top:25px;padding-top:30px;max-height:256px;overflow-y:hidden}

.about-page .box1{padding:120px 0 240px;background:linear-gradient(to right,#fff,#f1f8fa);position:relative;overflow:hidden}
.about-page .box1 .bg1{width:54.37%;position:absolute;bottom:10%;left:0}
.about-page .icon-bg{max-width:1580px;position:absolute;height:calc(100% - 120px);top:0;left:50%;transform:translateX(-50%);background:url(../images/3.png) no-repeat right bottom/32%}
.about-page .box1 .width{display:flex}
.about-page .box1 .info{width:61.43%;padding-right:8%}
.about-page .box1 .tit-name{margin-bottom:35px}
.about-page .box1 .tit-note{font-size:16px;line-height:32px;color:#666}
.about-page .box1 .txt{width:38.57%}
.about-page .box1 .tit-sname{font-size:30px;margin-bottom:25px}
.about-page .box1 .con{display:flex;flex-wrap:wrap}
.about-page .box1 .item{width:calc(50% - 10px);margin-bottom:20px;background:#fff url(../images/14.png) no-repeat center center/cover;border-radius:10px;border:1px #fff solid;padding:45px 50px;display:flex;align-items:center;position:relative;z-index:998}
.about-page .box1 .item:nth-child(2n+1){margin-right:20px}
.about-page .box1 .icon{width:51px;height:51px;display:flex;justify-content:center;align-items:center}
.about-page .box1 .icon>img{max-width:100%;max-height:100%}
.about-page .box1 .name{width:calc(100% - 51px);padding-left:20px;font-size:18px;color:#000}
.about-page .box1 .name>span{font-size:16px;color:#666}

.about-page .box2 .width{display:flex;align-items:center;}
.about-page .box2 .num-animate.m{display:none}
.about-page .box2 .num-animate{width:21.42%;border-right:1px solid rgba(255,255,255,.2);padding:200px 0}
.about-page .box2 .item{margin-bottom:65px}
.about-page .box2 .item:last-child{margin-bottom:0}
.about-page .box2 .num{display:flex;align-items:flex-end;margin-bottom:5px}
.about-page .box2 .num>span:first-child{font-size:48px}
.about-page .box2 .num>span:last-child{font-size:16px;margin-bottom:10px;margin-left:5px}
.about-page .box2 .num-animate .note{font-size:18px;color:#fff}
.about-page .box2 .info{width:78.58%;padding-left:13%}
.about-page .box2 .tit-note{color:#fff}
.about-page .box2 .tit-detail{color:#fff}

/*.about-page .box3{padding:100px 0 0}*/
.about-page .box3{padding:100px 0}
.about-page .box3 .tit-name{text-align:center;margin-bottom:10px}
.about-page .box3 .tit-note{text-align:center}
.about-page .box3 .swiper{height:470px;margin-top:50px}
.about-page .box3 .swiper-slide{display:flex;justify-content:center;align-items:center;height:110px;border:1px solid #eee;border-radius:5px}
.about-page .box3 .swiper-slide>img{max-width:80%;max-height:80%}
.about-page .box3 .swiper-pagination-bullet{opacity:1;background:rgba(0,0,0,.2);width:14px;height:14px;border-radius:50%;margin:0 7px !important}
.about-page .box3 .swiper-pagination-bullet-active{background:linear-gradient(to right,#01b2fe,#33e1d7)}

.about-page .box4{padding:100px 0;position:relative}
.about-page .box4 .tit-name{text-align:center;margin-bottom:10px}
.about-page .box4 .tit-note{text-align:center}
.about-page .box4 .swiper{margin-top:50px;padding-bottom:50px;}
.about-page .box4 .swiper-slide{width:400px;transform:translateY(20px)}
.about-page .box4 .swiper-slide-active{width:440px;transform:translateY(0)}
.about-page .box4 .img{width:400px;height:400px;display:flex;justify-content:center;align-items:center;background:#F8F9FA;border-radius:20px;opacity:.5}
.about-page .box4 .swiper-slide-active .img{width:440px;height:440px;opacity:1}
.about-page .box4 .swiper-slide-prev .img,.about-page .box4 .swiper-slide-next .img{opacity:.5}
.about-page .box4 .img>img{max-width:100%;max-height:100%}
.about-page .box4 .arrow{display:flex;justify-content:center}
.about-page .box4 .arrow>div{width:60px;height:60px;border-radius:50%;background:#fff url(../images/arrow1.svg) no-repeat center center/10px;cursor:pointer;z-index:999;transition:.3s;border:1px solid #ccc}
.about-page .box4 .prev{left:0;transform:rotate(180deg);margin-right:20px}
.about-page .box4 .next{right:0}
.about-page .box4 .swiper-pagination{display:none}

@media (max-width:1400px){
    .about-page .box1{padding:80px 0}
    .about-page .box1 .bg1{width:40%}
    .about-page .box1 .item{padding:35px 40px}
    .about-page .box1 .icon{width:40px;height:40px}
    .about-page .box1 .name{width:calc(100% - 40px)}
    .about-page .box2 .num-animate{padding:80px 0}
    .about-page .box2 .info{padding-left:8%}
    /*.about-page .box3{padding:80px 0 0}*/
    .about-page .box3{padding:80px 0}
    .about-page .box4{padding:80px 0}
}

@media (max-width:750px){
    .about-page .inner-banner .info{background:rgba(0,0,0,.1);width:100%;padding:0 20px}
    .about-page .inner-banner .name{margin-top:-20%;text-align:center}
    .about-page .inner-banner .note{text-align:center}
    .about-page .inner-banner .tip{bottom:40px}
    
    .about-page .tit-name{font-size:25px;margin-bottom:10px;text-align:center}
    .about-page .tit-note{font-size:16px;line-height:26px;text-align:center}
    .about-page .tit-detail{font-size:14px;line-height:24px;margin-top:15px;padding-top:20px;max-height:192px}
    
    .about-page .box1{padding:30px 0}
    .about-page .box1 .bg1{display:none}
    .about-page .icon-bg{display:none !important}
    .about-page .box1 .width{display:block}
    .about-page .box1 .info{width:100%;padding-right:0;margin-bottom:20px}
    .about-page .box1 .tit-name{margin-bottom:15px}
    .about-page .box1 .tit-note{font-size:14px;line-height:24px}
    .about-page .box1 .txt{width:100%}
    .about-page .box1 .tit-sname{font-size:20px;margin-bottom:15px;text-align:center;width:100%}
    .about-page .box1 .con{display:flex;flex-wrap:wrap}
    .about-page .box1 .item{padding:25px;display:block}
    .about-page .box1 .icon{margin:0 auto 15px;width:30px;height:30px}
    .about-page .box1 .name{padding-left:0;font-size:16px;text-align:center;width:100%}
    .about-page .box1 .name>span{font-size:14px;text-align:center}
    
    .about-page .box2 .width{display:block}
    .about-page .box2 .num-animate.pc{display:none}
    .about-page .box2 .num-animate.m{width:100%;border-right:0;padding:20px 0 0;display:flex;flex-wrap:wrap}
    .about-page .box2 .item{margin-bottom:20px;width:calc(50% - 10px);margin-right:20px}
    .about-page .box2 .item:last-child{margin-bottom:20px}
    .about-page .box2 .item:nth-child(2n){margin-right:0}
    .about-page .box2 .num{justify-content:center}
    .about-page .box2 .num>span:first-child{font-size:30px}
    .about-page .box2 .num>span:last-child{font-size:14px;margin-bottom:3px}
    .about-page .box2 .num-animate .note{font-size:16px;text-align:center}
    .about-page .box2 .info{width:100%;padding-left:0;padding:50px 0 30px}
    
    /*.about-page .box3{padding:30px 0 0}*/
    .about-page .box3{padding:30px 0}
    .about-page .box3 .swiper{height:400px;margin-top:20px;padding-bottom:50px}
    .about-page .box3 .swiper-slide{height:80px}
    .about-page .box3 .swiper-slide>img{max-width:70%;max-height:70%}
    .about-page .box3 .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px !important}
    
    .about-page .box4{padding:30px 0}
    .about-page .box4 .swiper{margin-top:20px;padding-bottom:50px;width:calc(100% - 40px)}
    .about-page .box4 .swiper-slide{width:auto;height:auto;transform:translateY(0)}
    .about-page .box4 .swiper-slide-active{width:auto}
    .about-page .box4 .img{width:100%;height:100%;opacity:1}
    .about-page .box4 .swiper-slide-active .img{width:100%;height:100%}
    .about-page .box4 .swiper-slide-prev .img,.about-page .box4 .swiper-slide-next .img{opacity:1}
    .about-page .box4 .img>img{max-width:80%;max-height:80%}
    .about-page .box4 .arrow{display:none}
    .about-page .box4 .swiper-pagination{display:block}
    .about-page .box4 .swiper-pagination-bullet{opacity:1;background:rgba(0,0,0,.2);width:10px;height:10px;border-radius:50%;margin:0 5px !important}
    .about-page .box4 .swiper-pagination-bullet-active{background:linear-gradient(to right,#01b2fe,#33e1d7)}
}

@media (any-hover:hover){
    /*.about-page .box3 .swiper-slide:hover{border:5px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(to right,#fff,#fff),linear-gradient(90deg,#01b2fe,#33e1d7)}*/
    
    .about-page .box4 .arrow>div:hover{background:url(../images/arrow1-w.svg) no-repeat center center/10px,linear-gradient(to right,#01b2fe,#33e1d7);border:0}
}

/*加入我们*/
.contact-page .inner-banner .name{margin-top:-5%}
.contact-page .inner-banner .tip{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);color:#fff}
.contact-page .inner-banner .tip::after{width:8px;height:11px;background:url(../images/arrow3.png) no-repeat center center/8px;content:'';position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);animation:tip .5s linear infinite}
@keyframes tip{
    0%{bottom:-25px}
    50%{bottom:-30px}
    100%{bottom:-25px}
}

.contact-page .tit-name{font-size:48px;margin-bottom:15px}
.contact-page .tit-note{font-size:20px;color:#000;line-height:30px}

.contact-page .box1 .bg{width:60.9%;margin-top:-2%}
.contact-page .box1 .width{padding:60px 0 120px}
.contact-page .box1 .tit-name{width:50%;margin:0 auto 100px}
.contact-page .box1 .tit-name>span{position:relative;text-align:center}
.contact-page .box1 .tit-name>span::after{content:'';position:absolute;width:100%;height:30px;background:linear-gradient(#01b2fe,#33e1d7);bottom:-8px;left:0;opacity:.1}
.contact-page .box1 .img{width:100%;padding-bottom:35.93%;border-radius:20px}

.contact-page .box2{padding:120px 0;background:url(../images/5.png) no-repeat center 80px/26.4%,linear-gradient(to right,#fafcfc,#f1f8fa)}
.contact-page .box2 .tit-name{width:100%;text-align:center}
.contact-page .box2 .tit-note{text-align:center}
.contact-page .box2 .arrow{margin-top:40px;display:flex;justify-content:center}
.contact-page .box2 .arrow>div{width:60px;height:60px;border-radius:50%;border:1px solid #ccc;background:url(../images/arrow1.svg) no-repeat center center/10px;cursor:pointer}
.contact-page .box2 .prev{margin-right:15px;transform:rotate(180deg)}
.contact-page .box2 .swiper{margin-top:70px;margin-left:-35%}
.contact-page .box2 .swiper-slide{width:610px}
.contact-page .box2 .img{width:100%;padding-bottom:65.57%;border-radius:20px}
.contact-page .box2 .swiper-pagination{display:none}
.contact-page .box2 .info{padding:20px 40px 0}
.contact-page .box2 .name{font-size:24px;line-height:34px;margin-bottom:5px}
.contact-page .box2 .note{font-size:16px;line-height:26px;color:#666}

.contact-page .box3{padding:100px 0}
.contact-page .box3 .tit-name{text-align:center;}
.contact-page .box3 .tit-note{text-align:center;}
.contact-page .box3 .con{display:flex;flex-wrap:wrap;margin-top:50px}
.contact-page .box3 .item{width:calc(25% - 19.5px);height:240px;margin-right:26px;border-radius:20px;background:#f8f9fa;margin-bottom:30px;overflow:hidden;position:relative;}
.contact-page .box3 .info{padding:40px 40px 115px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:998}
.contact-page .box3 .item:nth-child(4n){margin-right:0}
.contact-page .box3 .num{font-size:36px;color:#000}
.contact-page .box3 .name{font-size:18px;margin-top:10px;line-height:28px;color:#666}
.contact-page .box3 .icon{width:141px;height:154px;position:absolute;bottom:-20%;right:-5%;opacity:.2}
.contact-page .box3 .bg{opacity:.2;width:100%;height:100%;top:0;left:0;display:none;z-index:997}

.contact-page .box4{padding:100px 0;background:#F1F5F8 url(../images/6.jpg) no-repeat left top/100%}
.contact-page .box4 .tit-name{text-align:center;}
.contact-page .box4 .tit-note{text-align:center;}
.contact-page .box4 .con{margin:50px 0 40px}
.contact-page .box4 .heads{border-radius:10px 10px 0 0;background:linear-gradient(to right,#00b1ff,#35e3d6);display:flex;justify-content:space-between;align-items:center;font-size:20px;color:#fff;padding:25px 60px 25px 50px;}
.contact-page .box4 .head:first-child{width:30%;padding-left:100px;}
.contact-page .box4 .head:nth-child(2){width:calc(70% - 50px);display:flex;justify-content:space-between}
.contact-page .box4 .head:nth-child(2)>span{text-align:center;width:25%;text-align:center;padding-right:20px;}
.contact-page .box4 .head:last-child{width:12px;}
.contact-page .box4 .info>div{background:#fff;display:flex;justify-content:space-between;align-items:center;padding:25px 60px 25px 50px;cursor:pointer;border-bottom:1px solid #eee}
.contact-page .box4 .name{font-size:18px;line-height:28px;width:30%;padding-left:25px;position:relative}
.contact-page .box4 .name::after{content:'';position:absolute;top:5px;left:0;width:4px;height:19px;background:linear-gradient(to bottom,#00b1ff,#35e3d6)}
.contact-page .box4 .attr.pc{width:calc(70% - 50px);display:flex;justify-content:space-between}
.contact-page .box4 .attr.pc>span{text-align:center;width:25%;padding-right:20px;font-size:16px;line-height:26px;color:#474b51}
.contact-page .box4 .icon{width:12px;height:12px;background:url(../images/arrow1.svg) no-repeat center center/12px;transform:rotate(90deg)}
.contact-page .box4 .attr.m{display:none}
.contact-page .box4 .body{display:none;background:#fff;padding:0 80px 50px;border-bottom:1px #eee solid}
.contact-page .box4 .body .tag{font-size:18px;padding:50px 0 15px}
.contact-page .box4 .body p{font-size:16px;line-height:36px}
.contact-page .box4 .body img{margin:20px 0;max-width:100%;line-height:auto !important}
.contact-page .box4 .email{background:url(../images/email.png) no-repeat left center/20px;padding-left:30px;font-size:16px;color:#000;margin:50px 0 30px}
.contact-page .box4 .btn{display:inline-block;font-size:16px;background:linear-gradient(to right,#00b1ff,#35e3d6);padding:12px 35px;color:#fff;border-radius:25px}
.contact-page .box4 .load{text-align:center}
.contact-page .box4 .load>span{padding:15px 50px 15px 70px;background:url(../images/load.png) no-repeat 40px center,linear-gradient(to right,#00b1ff,#35e3d6);font-size:16px;color:#fff;display:inline-block;border-radius:25px;cursor:pointer}
.contact-page .box4 .item.active .info>div{background:#f8f9fa}

.contact-page .box5{padding:100px 0;position:relative}
.contact-page .box5 .bg{background:url(../images/5.png) no-repeat 92% center/26.4%;position:absolute;width:100%;height:100%;top:0;left:0}
.contact-page .box5 .width{display:flex}
.contact-page .box5 .map{background:#fafafa;border:1px #eee solid;border-radius:20px;padding:10px;height:640px;width:53%}
.contact-page .box5 #map{width:100%;height:100%;border-radius:20px}
.contact-page .box5 .BMap_cpyCtrl,.contact-page .box5 .BMap_stdMpCtrl,.contact-page .box5 .anchorBL,.contact-page .box5 .BMap_omCtrl{display:none}
.contact-page .box5 .BMapLabel{width:360px;height:108px;background:url(../images/map1.png) no-repeat center center/360px !important;color:#fff;border:0 !important;}
.contact-page .box5 .map-tit{display:flex;height:108px;align-items:center;padding:0 40px}
.contact-page .box5 .map-tit>img{width:41px;height:41px;margin-top:-10px}
.contact-page .box5 .map-tit .txt{width:calc(100% - 41px);padding-left:10px;margin-top:-10px}
.contact-page .box5 .map-tit .txt>p:first-child{font-size:18px}
.contact-page .box5 .map-tit .txt>p:last-child{font-size:12px}
.contact-page .box5 .info.m{display:none}
.contact-page .box5 .info.pc{width:47%;display:flex;flex-direction:column;justify-content:center;padding-left:8%}
.contact-page .box5 .tit-note{margin-bottom:25px}
.contact-page .box5 .item{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding:40px 0}
.contact-page .box5 .address{width:36px;height:35px;background:url(../images/address.png) no-repeat center center/35px}
.contact-page .box5 .phone{width:34px;height:34px;background:url(../images/phone.png) no-repeat center center/34px}
.contact-page .box5 .email{width:33px;height:24px;background:url(../images/email1.png) no-repeat center center/33px}
.contact-page .box5 .txt{width:calc(100% - 85px);display:flex;flex-direction:column;justify-content:center}
.contact-page .box5 .txt>span:first-child{font-size:24px;margin-bottom:10px}
.contact-page .box5 .txt>span:last-child{font-size:16px;color:#666;line-height:26px}

@media (max-width:1400px){
    .contact-page .box1 .width{padding:40px 0 80px}
    .contact-page .box2{padding:80px 0}
    .contact-page .box2 .swiper{margin-left:0}
    .contact-page .box3{padding:80px 0}
    .contact-page .box4{padding:80px 0}
    .contact-page .box5{padding:80px 0}
}

@media (max-width:750px){
    .contact-page .inner-banner .info{background:rgba(0,0,0,.1);width:100%;padding:0 20px}
    .contact-page .inner-banner .name{margin-top:-20%;text-align:center}
    .contact-page .inner-banner .note{text-align:center}
    .contact-page .inner-banner .tip{bottom:40px}
    
    .contact-page .tit-name{font-size:25px;text-align:center;margin-bottom:5px}
    .contact-page .tit-note{font-size:16px;line-height:26px;text-align:center}
    
    .contact-page .box1 .width{padding:0 0 30px}
    .contact-page .box1 .tit-name{width:100%;margin-bottom:30px}
    .contact-page .box1 .tit-name>span::after{height:20px;bottom:-5px}
    
    .contact-page .box2{padding:30px 0;background:linear-gradient(to right,#fafcfc,#f1f8fa)}
    .contact-page .box2 .tit{display:block}
    .contact-page .box2 .txt{width:100%;text-align:center}
    .contact-page .box2 .arrow{display:none}
    .contact-page .box2 .swiper{width:calc(100% - 40px);margin:20px auto 0;padding-bottom:40px}
    .contact-page .box2 .swiper-slide{width:auto}
    .contact-page .box2 .swiper-pagination{display:block}
    .contact-page .box2 .swiper-pagination-bullet{opacity:1;background:rgba(0,0,0,.2)}
    .contact-page .box2 .swiper-pagination-bullet-active{background:linear-gradient(to right,#00b1ff,#35e3d6)}
    .contact-page .box2 .info{padding:20px 0 0}
    .contact-page .box2 .name{font-size:18px;line-height:28px;text-align:center}
    .contact-page .box2 .note{font-size:14px;line-height:24px;text-align:center}
    
    .contact-page .box3{padding:30px 0}
    .contact-page .box3 .con{margin-top:20px}
    .contact-page .box3 .item{width:calc(50% - 5px);height:160px;margin-right:10px;margin-bottom:10px;padding:25px}
    .contact-page .box3 .item:nth-child(2n){margin-right:0}
    .contact-page .box3 .info{padding:25px;}
    .contact-page .box3 .num{font-size:25px}
    .contact-page .box3 .name{font-size:14px;margin-top:5px;line-height:24px}
    .contact-page .box3 .icon{width:100px;height:109px;background-size:100px !important;bottom:-30%;right:-5%}
    
    .contact-page .box4{padding:50px 0;background:#F1F5F8 url(../images/6.jpg) no-repeat left top/cover}
    .contact-page .box4 .con{margin:20px 0}
    .contact-page .box4 .heads{font-size:16px;padding:15px 20px}
    .contact-page .box4 .head:first-child{width:calc(100% - 20px);padding-left:15px;}
    .contact-page .box4 .head:nth-child(2){display:none}
    .contact-page .box4 .head:last-child{width:12px;}
    .contact-page .box4 .info>div{padding:15px 20px}
    .contact-page .box4 .name{font-size:16px;line-height:26px;width:calc(100% - 20px);padding-left:15px}
    .contact-page .box4 .name::after{top:6px;height:14px}
    .contact-page .box4 .attr.pc{display:none}
    .contact-page .box4 .attr.m{display:block;padding-top:20px}
    .contact-page .box4 .body{padding:0 25px 25px}
    .contact-page .box4 .body .tag{font-size:16px;padding:20px 0 10px}
    .contact-page .box4 .body p{font-size:14px;line-height:24px}
    .contact-page .box4 .body img{margin:10px 0}
    .contact-page .box4 .email{padding-left:25px;font-size:14px;margin:20px 0}
    .contact-page .box4 .btn{font-size:14px;padding:10px 25px}
    .contact-page .box4 .load>span{padding:12px 30px 12px 55px;background:url(../images/load.png) no-repeat 30px center,linear-gradient(to right,#00b1ff,#35e3d6);font-size:14px}
    
    .contact-page .box5{padding:30px 0;display:block}
    .contact-page .box5 .width{display:block}
    .contact-page .box5 .map{height:300px;width:100%;border-radius:10px;margin-bottom:20px}
    .contact-page .box5 #map{border-radius:10px}
    .contact-page .box5 .BMapLabel{display:none !important}
    .contact-page .box5 .info.pc{display:none}
    .contact-page .box5 .info.m{display:block;width:100%;padding-left:0}
    .contact-page .box5 .tit-note{margin-bottom:15px}
    .contact-page .box5 .item{padding:20px 0}
    .contact-page .box5 .address{width:25px;height:24px;background-size:25px}
    .contact-page .box5 .phone{width:25px;height:25px;background-size:25px}
    .contact-page .box5 .email{width:25px;height:18px;background-size:25px}
    .contact-page .box5 .txt{width:calc(100% - 40px)}
    .contact-page .box5 .txt>span:first-child{font-size:18px;margin-bottom:0}
    .contact-page .box5 .txt>span:last-child{font-size:14px;line-height:24px}
}

@media (any-hover:hover){
    .contact-page .box2 .arrow>div:hover{background:url(../images/arrow1-w.svg) no-repeat center center/10px,linear-gradient(to right,#01b2fe,#33e1d7);border:0}
    
    .contact-page .box3 .item:hover{background:linear-gradient(to right,#00b1ff,#35e3d6)}
    .contact-page .box3 .item:hover .bg{display:block}
    .contact-page .box3 .item:hover .num{color:#fff}
    .contact-page .box3 .item:hover .name{color:#fff}
    
    .contact-page .box4 .btn:hover{background:linear-gradient(to right,#35e3d6,#00b1ff)}
    .contact-page .box4 .load>span:hover{background:url(../images/load.png) no-repeat 40px center,linear-gradient(to right,#35e3d6,#00b1ff)}
}

/*搜索*/
.search-page{padding-bottom:50px}
.search-page .pos{border-bottom:1px #eee solid;padding:20px 0;display:flex}
.search-page .pos>span{margin:0 5px}
.search-page .list .item{display:flex;padding:50px 0;border-bottom:1px solid #e5e5e5}
.search-page .list .img-bg{width:28.12%;border-radius:20px}
.search-page .list .img{width:100%;padding-bottom:62.5%}
.search-page .list .info{width:71.88%;padding-left:60px;display:flex;flex-direction:column;justify-content:center}
.search-page .list .name{font-size:20px;padding:15px 0 20px}
.search-page .list .note{font-size:16px;line-height:30px;color:#666}
.search-page .page{margin-top:50px}

@media (max-width:750px){
    .search-page{padding-bottom:30px}
    .search-page .pos{white-space:nowrap;overflow-x:auto}
    .search-page .list .item{display:block;padding:20px 0}
    .search-page .list .img-bg{width:100%}
    .search-page .list .info{width:100%;padding-left:0}
    .search-page .list .name{font-size:18px;padding:25px 0 10px}
    .search-page .list .note{font-size:14px;line-height:24px}
    .search-page .page{margin-top:20px}
}