/*首页*/
.banner .swiper-button-next,.banner .swiper-button-prev{
    color:#fff;
}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{
color:#0048FF;
}
.index-page .width{max-width:140rem}

.index-page .banner{position:relative}
.index-page .banner .m{display:none}
.index-page .banner .img{width:100%}
.index-page .banner .banner-video{object-fit:cover;width:100%;}
.index-page .banner .info{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);color:#fff}
.index-page .banner .info>div{width:50%}
.index-page .banner .name{font-size:4.8rem;}
.index-page .banner .name>p{line-height:6.8rem}
.index-page .banner .note{font-size:2.4rem;opacity:.6;margin-top:2rem;max-width:100%}
.index-page .banner .btn{display:inline-block;margin-top:9rem;padding:1.8rem 6rem 1.8rem 3.5rem;border-radius:5rem;background:#fff url(../images/arrow.png) no-repeat 80% center;font-size:1.6rem}
.index-page .banner .btns{bottom:5rem;position:absolute;left:50%;transform:translateX(-50%);z-index:999;display:flex;justify-content:space-between}
.index-page .banner .progress{display:flex;align-items:center;color:#fff;font-size:1.6rem}
/* .index-page .banner .swiper-pagination{margin:0 1rem;position:static;width:10rem;height:1px;background:rgba(255,255,255,.3)} */
.index-page .banner .swiper-pagination{bottom:1.5rem;}
.index-page .banner .swiper-pagination .swiper-pagination-bullet{width: 1.6rem;height: 1.6rem;}
.index-page .banner .swiper-pagination-progressbar-fill{background:#fff}
.index-page .banner .arrow{display:flex}
.index-page .banner .arrow>div{width:5rem;height:5rem;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:url(../images/arrow1.png) no-repeat center center/.9rem;cursor:pointer;transition:.3s}
.index-page .banner .arrow .prev{margin-right:1.5rem;transform:rotate(180deg)}

.index-page .tit-name{font-size:4.2rem;text-align:center;}
.index-page .tit-note{font-size:1.6rem;line-height:3rem;color:#666;text-align:center;margin-top:1rem}

.index-page .box1{padding:10rem 0}
.index-page .box1 .tit-name{font-weight:bold}
.index-page .box1 .con{position:relative;}
.index-page .box1 .img_bg{width:52.8%}
.index-page .box1 .img{width:100%;padding-bottom:73%}
.index-page .box1 .info{background:#0048FF;position:absolute;width:57%;height:70%;top:0;right:0;background-size:auto 70% !important;padding:0 5%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.index-page .box1 .info .content{font-size:1.6rem;line-height:3rem;color:#fff;text-align:justify}
.index-page .box1 .info .btn{display:inline-block;margin-top:5rem;padding:1.8rem 6rem 1.8rem 3.5rem;border-radius:5rem;background:url(../images/arrow-w.png) no-repeat 80% center;font-size:1.6rem;border:1px #fff solid;color:#fff}
.index-page .box1 .num-animate{position:absolute;width:47.2%;height:30%;bottom:0;right:0;display:flex;align-items:center;justify-content:center}
.index-page .box1 .num-animate .item{padding:0 5rem;border-right:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;}
.index-page .box1 .num-animate .item:last-child{padding-right:2rem}
.index-page .box1 .num-animate .item:last-child{border-right:0}
.index-page .box1 .num-animate .num{display:flex;align-items:flex-end}
.index-page .box1 .num-animate .num>span:first-child{font-size:4.8rem;color:#0048FF;font-weight:bold}
.index-page .box1 .num-animate .num>span:last-child{font-size:1.6rem;margin-bottom:.5rem;margin-left:.5rem}
.index-page .box1 .num-animate .name{font-size:1.6rem;color:#666;margin-top:.5rem;width:100%;}

.index-page .box2{padding:6.5rem 0 6.5rem;background:#0C1B30 url(../images/1.png) no-repeat center center/cover}
.index-page .box2 .tag{display:flex;justify-content:space-between;align-items:center}
.index-page .box2 .tit{width:25%}
.index-page .box2 .tit-name{text-align:left;color:#fff}
.index-page .box2 .tit-note{color:#fff;opacity:.7;text-align:left}
.index-page .box2 .cate{width: calc(75% - 5rem);display:flex;justify-content:right}
.index-page .box2 .cate .item{margin-right:3rem;cursor:pointer;position:relative;}
.index-page .box2 .cate .item:last-child{margin-right:0}
.index-page .box2 .cate .item::after{content:'';position:absolute;width:4rem;height:1px;top:40%;right:-23%;background:rgba(255,255,255,.1)}
.index-page .box2 .cate .item:last-child::after{display:none}
.index-page .box2 .cate .icon-bg{width:9.4rem;height:10.8rem;background:url(../images/2.png) no-repeat center center/9.4rem;display:flex;justify-content:center;align-items:center;margin:0 auto}
.index-page .box2 .cate .icon{width:3.1rem;height:3.3rem;opacity:.3}
.index-page .box2 .cate .name{min-width: 15rem;font-size:1.6rem;color:#fff;opacity:.5;text-align:center;margin-top:1rem}
.index-page .box2 .cate .item.active .icon-bg{background:url(../images/3.png) no-repeat center center/9.4rem}
.index-page .box2 .cate .item.active .icon{opacity:1}
.index-page .box2 .cate .item.active .name{font-weight:bold;opacity:1}
.index-page .box2 .swiper{padding-top:10rem;display:none;position:relative;max-width: 140rem;margin: 0 auto;}
.index-page .box2 .swiper-slide{position:relative;width: 25%;}
.index-page .box2 .swiper .swiper-slide img{max-width:100%;max-height:100%;width:100%;display:block;}
.index-page .box2 .swiper .swiper-slide .info{background: rgba(0,72,255,.85);transition:.3s;opacity:0;display:none;align-items: center;width:100%;padding:0 2rem 0 2rem;height:100%;flex-direction:column;justify-content:center; position: absolute;top: 0;left: 0;}
.index-page .box2 .swiper .swiper-slide .info img{width: 3rem; height: 3rem;}
.index-page .box2 .swiper .swiper-slide:hover .info{display: flex;opacity:1}
.index-page .box2 .swiper .swiper-slide .name-en{font-size:2rem;color:#fff;}
.index-page .box2 .swiper .swiper-slide .name{font-size:3.2rem;color:#fff}
.index-page .box2 .swiper .swiper-slide .note{font-size:1.6rem;color:#fff;margin-top:1.5rem;line-height:2.6rem}
.index-page .box2 .swiper-slide-active .img{opacity:1}
.index-page .box2 .swiper-pagination{left:50%;transform:translateX(-50%);height:3px;background:rgba(255,255,255,.1);bottom:0 !important;top:auto !important;display: none;}
.index-page .box2 .swiper-pagination-progressbar-fill{background:#0048FF}
.index-page .box2 .arrow{display: none;}
.index-page .box2 .arrow>div{width:5rem;height:5rem;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:url(../images/arrow1.png) no-repeat center center/.9rem;cursor:pointer;transition:.3s;position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:999}
.index-page .box2 .arrow .prev{margin-right:1.5rem;transform:rotate(180deg);left:0}

.index-page .box3{padding:10rem 0}
.index-page .box3 .tag{display:flex;justify-content:space-between;align-items:center}
.index-page .box3 .tit{width:70%}
.index-page .box3 .tit-name{text-align:left;}
.index-page .box3 .tit-note{text-align:left}
.index-page .box3 .btn{width:calc(30% - 2rem);display:flex;justify-content:flex-end}
.index-page .box3 .tag .btn>a{display:inline-block;padding:1.8rem 6rem 1.8rem 3.5rem;border-radius:5rem;background:url(../images/arrow.png) no-repeat 80% center;font-size:1.6rem;border:1px #000 solid;}
.index-page .box3 .con{display:flex;}
.index-page .box3 .con .item{height:30rem;position:relative}
.index-page .box3 .con .img_bg{width:100%;height:100%}
.index-page .box3 .con .img{width:100%;height:100%}
.index-page .box3 .con .info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom,transparent,#000);padding:3rem 4rem;color:#fff;opacity: .8;}
.index-page .box3 .con .name{font-size:1.8rem;font-weight:bold}
.index-page .box3 .con .name-en{margin-top:.5rem;font-size:1.6rem}
.index-page .box3 .con1{margin-top:4rem;justify-content:space-between;}
.index-page .box3 .con1 .item:first-child{width:calc(66.67% - .7rem)}
.index-page .box3 .con1 .item:last-child{width:calc(33.33% - 1.4rem)}
.index-page .box3 .con2{flex-wrap:wrap;margin-top: 4rem;}
.index-page .box3 .con2 .item{margin-top:2.1rem;width:calc(33.33% - 1.4rem);margin-right:2.1rem;}
.index-page .box3 .con2 .item:nth-child(3n){margin-right:0}

.index-page .box4{padding:10rem 0;background:#122136 url(../images/5.png) no-repeat center center/cover}
.index-page .box4 .tag{display:flex;justify-content:space-between;align-items:center}
.index-page .box4 .tit{width:70%}
.index-page .box4 .tit-name{text-align:left;color:#fff}
.index-page .box4 .tit-note{text-align:left;color:#fff;opacity:.8}
.index-page .box4 .tag .btn{width:calc(30% - 2rem);display:flex;justify-content:flex-end}
.index-page .box4 .tag .btn>a{display:inline-block;padding:1.8rem 6rem 1.8rem 3.5rem;border-radius:5rem;background:url(../images/arrow-w.png) no-repeat 80% center;font-size:1.6rem;border:1px #fff solid;color:#fff}
.index-page .box4 .con{margin-top:8rem;display:flex;justify-content:space-between}
.index-page .box4 .item{cursor:pointer;width:24%;height:53rem;padding:0 2.5%;display:flex;flex-direction:column;justify-content:center;color:#fff;margin-right: 1.25%;}
.index-page .box4 .item:first-child{background:url(../images/6.png) no-repeat center center/40rem}
.index-page .box4 .item:nth-child(2){background:url(../images/6.png) no-repeat center center/40rem}
.index-page .box4 .item:nth-child(3){background:#212F43;}
.index-page .box4 .item:nth-child(4){background:url(../images/7.png) no-repeat center center/40rem}
.index-page .box4 .item:last-child{background:url(../images/7.png) no-repeat center center/40rem;margin-right: 0;}
.index-page .box4 .item .icon-bg{width:9.4rem;height:10.8rem;display:flex;justify-content:center;align-items:center;background:url(../images/9.png) no-repeat center center/9.4rem;margin: 0 auto;}
.index-page .box4 .item .icon{width:4.5rem;height:4rem}
.index-page .box4 .item .name{font-size:3.6rem;margin-top:3.5rem}
.index-page .box4 .item .note{font-size:1.6rem;margin-top:2.5rem;line-height:3rem}
.index-page .box4 .item .btn{width:1.4rem;height:1.4rem;background:url(../images/arrow3.png) no-repeat center center/1.4rem;margin-top:4.5rem}

.index-page .box5{padding:10rem 0}
.index-page .box5 .tag{display:flex;justify-content:space-between;align-items:center}
.index-page .box5 .tit{width:70%}
.index-page .box5 .tit-name{text-align:left;}
.index-page .box5 .tit-note{text-align:left}
.index-page .box5 .btn{width:calc(30% - 2rem);display:flex;justify-content:flex-end}
.index-page .box5 .tag .btn>a{display:inline-block;padding:1.8rem 6rem 1.8rem 3.5rem;border-radius:5rem;background:url(../images/arrow.png) no-repeat 80% center;font-size:1.6rem;border:1px #000 solid;}
.index-page .box5 .con{margin-top:4rem;display:flex}
.index-page .box5 .head{width:45%;height:56rem;border-right:1px #ddd solid;padding-right:6.5%;margin-right:6.5%;}
.index-page .box5 .head .img_bg{width:100%;height:36rem}
.index-page .box5 .head .img{width:100%;height:36rem}
.index-page .box5 .head .info{background:#F7F7F7;height:20rem;padding:0 7%;display:flex;flex-direction:column;justify-content:center}
.index-page .box5 .head .name{font-size:2rem;color:#000}
.index-page .box5 .head .note{line-height:2.4rem;color:#666;margin-top:1rem}
.index-page .box5 .head .time{color:#666;margin-top:2.5rem}
.index-page .box5 .best{width:48.5%;height:56rem;}
.index-page .box5 .best .item{height:14rem;padding-top:2rem;border-bottom:1px #ddd solid;display:flex;flex-direction:column;justify-content:center}
.index-page .box5 .best .item:first-child{padding-top:0;justify-content:flex-start}
.index-page .box5 .best .item:last-child{border: none;}
.index-page .box5 .best .name{display:flex;justify-content:space-between;align-items:center}
.index-page .box5 .best .name>a{width:calc(100% - 12rem);font-size:2rem;color:#000}
.index-page .box5 .best .name>span{width:10rem;color:#666;text-align:right}
.index-page .box5 .best .note{margin-top:1.5rem;width:calc(100%);line-height: 1.5;}

@media (max-width:1400px){
    .index-page .banner .info{width:calc(100% - 10rem)}
}

@media (max-width:950px){
    .index-page .banner .pc{display:none}
    .index-page .banner .m{display:block}
    .index-page .banner .info{left:50%;top:45%;}
    .index-page .banner .info>div{width:100%;align-items:center;display:flex;flex-direction:column}
    .index-page .banner .name{font-size:2.2rem;text-align:center;line-height:3rem}
    .index-page .banner .name>p{line-height:3rem}
    .index-page .banner .note{font-size:1.6rem;margin-top:1rem;text-align:center}
    .index-page .banner .btn{margin:2rem auto 0;padding:1.2rem 3.5rem 1.2rem 2rem;border-radius:5rem;font-size:1.2rem}
    .index-page .banner .btns{bottom:2rem;justify-content:center}
    .index-page .banner .arrow{display:none}
    
    .index-page .tit-name{font-size:2.2rem}
    .index-page .tit-note{font-size:1.4rem;line-height:2.4rem;}
    
    .index-page .box1{padding:3rem 0}
    .index-page .box1 .con{margin-top:2rem;position:static;}
    .index-page .box1 .img_bg{width:100%}
    .index-page .box1 .info{position:static;width:100%;height:auto;padding:3rem 2rem;align-items:center}
    .index-page .box1 .info .content{font-size:1.4rem;line-height:2.4rem}
    .index-page .box1 .info .btn{margin-top:1rem;padding:1.2rem 3.5rem 1.2rem 2rem;font-size:1.2rem}
    .index-page .box1 .num-animate{position:static;width:100%;height:auto;margin-top:2rem;white-space:nowrap;overflow-x:auto}
    .index-page .box1 .num-animate .item{padding:0 1.5rem}
    .index-page .box1 .num-animate .item:last-child{padding-right:0}
    .index-page .box1 .num-animate .num>span:first-child{font-size:2rem;}
    .index-page .box1 .num-animate .num>span:last-child{font-size:1.2rem;}
    .index-page .box1 .num-animate .name{font-size:1.4rem;}
    
    .index-page .box2{padding:5rem 0;}
    .index-page .box2 .tag{display:block}
    .index-page .box2 .tit{width:100%}
    .index-page .box2 .tit-name{text-align:center}
    .index-page .box2 .tit-note{text-align:center}
    .index-page .box2 .cate{width:100%;justify-content:center;margin-top:3rem;flex-wrap: wrap;}
    .index-page .box2 .cate .name{min-width: auto;}
    .index-page .box2 .cate .item{margin-right:2rem;width:calc(33.33% - 3.33rem)}
    .index-page .box2 .cate .item::after{display:none}
    .index-page .box2 .cate .icon-bg{width:7rem;height:8rem;background:url(../images/2.png) no-repeat center center/7rem;}
    .index-page .box2 .cate .icon{width:2.5rem;height:2.6rem;background-size:2.5rem auto !important}
    .index-page .box2 .cate .name{font-size:1.4rem;margin-top:.5rem}
    .index-page .box2 .cate .item.active .icon-bg{background:url(../images/3.png) no-repeat center center/7rem}
    .index-page .box2 .swiper{padding:3rem 0}
    .index-page .box2 .swiper-pagination{display: block;}
    .index-page .box2 .swiper-slide{width:calc(100% - 4rem);height:auto;background:none;position:static}
    .index-page .box2 .swiper .img{width:100%;height:auto;position:static;}
    .index-page .box2 .swiper .img>img{max-width:80%;max-height:80%}
    .index-page .box2 .swiper .info{width:100%;padding:2rem 0;height:auto;}
    .index-page .box2 .swiper .name-en{font-size:2rem;text-align:center}
    .index-page .box2 .swiper .name{font-size:1.8rem;text-align:center}
    .index-page .box2 .swiper .note{font-size:1.6rem;text-align:center}
    .index-page .box2 .swiper-pagination{width:calc(100% - 4rem)}
    .index-page .box2 .arrow{display:none}
    
    .index-page .box3{padding:3rem 0}
    .index-page .box3 .tag{display:block}
    .index-page .box3 .tit{width:100%}
    .index-page .box3 .tit-name{text-align:center;}
    .index-page .box3 .tit-note{text-align:center}
    .index-page .box3 .btn{width:100%;justify-content:center;margin-top:1rem}
    .index-page .box3 .tag .btn>a{padding:1.2rem 3.5rem 1.2rem 2rem;font-size:1.2rem}
    .index-page .box3 .con{display:block;}
    .index-page .box3 .con .item{height:25rem;margin-top:2rem}
    .index-page .box3 .con .info{padding:2rem}
    .index-page .box3 .con .name{font-size:1.6rem;}
    .index-page .box3 .con .name-en{font-size:1.4rem}
    .index-page .box3 .con1{margin-top:0;}
    .index-page .box3 .con1 .item:first-child{width:100%}
    .index-page .box3 .con1 .item:last-child{width:100%}
    .index-page .box3 .con2 .item{margin-top:2rem;width:100%;margin-right:0;}
    
    .index-page .box4{padding:5rem 0;}
    .index-page .box4 .tag{display:block}
    .index-page .box4 .tit{width:100%}
    .index-page .box4 .tit-name{text-align:center}
    .index-page .box4 .tit-note{text-align:center}
    .index-page .box4 .tag .btn{width:100%;justify-content:center;margin-top:1rem}
    .index-page .box4 .tag .btn>a{padding:1.2rem 3.5rem 1.2rem 2rem;font-size:1.2rem}
    .index-page .box4 .con{margin-top:3rem;display:block}
    .index-page .box4 .item{width:100%;height:auto;padding:3rem 2rem;align-items:center;margin:2rem 0 0}
    .index-page .box4 .item:first-child{background:#212F43}
    .index-page .box4 .item:nth-child(2){background:#212F43;margin:2rem 0 0}
    .index-page .box4 .item:last-child{background:#212F43}
    .index-page .box4 .item .icon-bg{width:7rem;height:8rem;background-size:7rem auto !important}
    .index-page .box4 .item .icon{width:3rem;height:2.7rem;background-size:3rem auto !important}
    .index-page .box4 .item .name{font-size:2rem;margin-top:1rem;text-align:center}
    .index-page .box4 .item .note{margin-top:1rem;font-size:1.4rem;line-height:2.4rem;text-align:center}
    .index-page .box4 .item .btn{margin-top:2rem}
    
    .index-page .box5{padding:3rem 0}
    .index-page .box5 .tag{display:block;}
    .index-page .box5 .tit{width:100%}
    .index-page .box5 .tit-name{text-align:center;}
    .index-page .box5 .tit-note{text-align:center}
    .index-page .box5 .btn{width:100%;justify-content:center;margin-top:1rem}
    .index-page .box5 .tag .btn>a{padding:1.2rem 3.5rem 1.2rem 2rem;font-size:1.2rem}
    .index-page .box5 .con{margin-top:2rem;display:block}
    .index-page .box5 .head{width:100%;height:auto;border-right:0;padding-right:0;margin-right:0;}
    .index-page .box5 .head .img_bg{height:25rem}
    .index-page .box5 .head .img{height:25rem}
    .index-page .box5 .head .info{height:auto;padding:2rem;}
    .index-page .box5 .head .name{font-size:1.6rem;}
    .index-page .box5 .head .note{line-height:2.2rem}
    .index-page .box5 .head .time{margin-top:1rem}
    .index-page .box5 .best{width:100%;height:auto;}
    .index-page .box5 .best .item{height:auto;padding:2rem 0;border-bottom:1px #ddd solid;}
    .index-page .box5 .best .item:first-child{height:auto;padding-top:2rem;justify-content:center}
    .index-page .box5 .best .name>a{font-size:1.6rem;}
    .index-page .box5 .best .note{margin-top:.5rem;width:100%;line-height:2.6rem}
}

@media (any-hover:hover){
    .index-page .banner .btn:hover{background:#0048FF url(../images/arrow-w.png) no-repeat 80% center;color:#fff}
    .index-page .banner .arrow>div:hover{background-color:#0048FF;border:1px solid #0048FF}
    
    .index-page .box1 .btn:hover{background:#fff url(../images/arrow2.png) no-repeat 80% center;color:#0048FF}
    
    .index-page .box2 .arrow>div:hover{background-color:#0048FF;border:1px solid #0048FF}
    .index-page .box2 .swiper .name-en:hover{color:#0048FF;}
    .index-page .box2 .swiper .name:hover{color:#0048FF}
    
    .index-page .box3 .tag .btn>a:hover{border:1px solid #0048FF;background:#0048FF url(../images/arrow-w.png) no-repeat 80% center;color:#fff}
    .index-page .box3 .con .item:hover .name{color:#0048FF;}
    .index-page .box3 .con .item:hover .name-en{color:#0048FF;}
    
    .index-page .box4 .tag .btn>a:hover{background:#fff url(../images/arrow2.png) no-repeat 80% center;color:#0048FF;}
    .index-page .box4 .item:first-child:hover{background:url(../images/6-h.png) no-repeat center center/40rem}
    .index-page .box4 .item:nth-child(2):hover{background:url(../images/6-h.png) no-repeat center center/40rem}
    .index-page .box4 .item:nth-child(3):hover{background:#0048FF}
    .index-page .box4 .item:nth-child(4):hover{background:url(../images/7-h.png) no-repeat center center/40rem}
    .index-page .box4 .item:last-child:hover{background:url(../images/7-h.png) no-repeat center center/40rem}
    
    .index-page .box5 .tag .btn>a:hover{border:1px solid #0048FF;background:#0048FF url(../images/arrow-w.png) no-repeat 80% center;color:#fff}
    .index-page .box5 .head .name:hover{color:#0048FF}
    .index-page .box5 .best .name>a:hover{color:#0048FF}
}

/*产品*/
.goods-page{padding:5rem 0}
.goods-page .cate{margin-bottom:7rem;background:#F5F5F5;padding:3rem 4rem 1rem}
.goods-page .cate .item{display:flex;border-bottom:1px solid #ccc;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;font-size:1.6rem}
.goods-page .cate .item:last-child{border-bottom:0;margin-bottom:0}
.goods-page .cate .item>span{width:15rem;padding:1rem 0 1rem 3.5rem;border-right:1px #ccc solid;color:#666}
.goods-page .cate .child{width:calc(100% - 21rem);display:flex;flex-wrap:wrap}
.goods-page .cate .child>a{padding:1rem 3rem;color:#666;margin-right:2rem;margin-bottom:2rem;transition:0s;}
.goods-page .cate .child>a.active{border-radius:5rem;background:#0048ff;color:#fff}

.goods-page .list1{display:flex;flex-wrap:wrap;}
.goods-page .list1 .item{width:calc(33.33% - 1.7rem);margin-right:2.55rem;margin-bottom:3rem;background:#F5F5F5;position:relative;cursor:pointer}
.goods-page .list1 .item:nth-child(3n){margin-right:0}
.goods-page .list1 .item .is-best{width:2.2rem;height:2.5rem;background:url(../images/11.png) no-repeat center center/2.2rem;position:absolute;top:3rem;left:3rem;z-index:997}
.goods-page .list1 .item .img{display:flex;justify-content:center;align-items:center;height:38rem;}
.goods-page .list1 .item .img>img{max-width:80%;max-height:80%}
.goods-page .list1 .item>.name{text-align:center;font-weight:bold;font-size:2rem;padding:1rem 3rem 3rem;}
.goods-page .list1 .item .mask{background:rgba(0,72,255,.85);display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:997}
.goods-page .list1 .item .info{position:absolute;top:50%;left:50%;width:calc(100% - 6rem);transform:translate(-50%,-50%);z-index:998;color:#fff;display:flex;flex-direction:column;align-items:center}
.goods-page .list1 .item .info .name{font-size:2.4rem;font-weight:bold;text-align:center;max-width:100%}
.goods-page .list1 .item .info .line{margin-top:2rem;width:2rem;height:1px;background:#fff;}
.goods-page .list1 .item .info .note{display:inline-block;margin-top:2rem;opacity:.8;text-align:center;max-width:100%}
.goods-page .list1 .item .info .btn{width:3rem;height:3rem;border-radius:50%;border:1px rgba(255,255,255,.6) solid;background:url(../images/10.png) no-repeat center center/1.3rem;margin:2.3rem auto 0}
.goods-page .page{padding-top:4rem}

.goods-page .list2 .item{margin-bottom:15rem;display:flex;position:relative}
.goods-page .list2 .item.odd{justify-content:flex-end}
.goods-page .list2 .item:last-child{margin-bottom:12rem}
.goods-page .list2 .img_bg{width:57.8%;}
.goods-page .list2 .img{width:100%;padding-bottom:54%}
.goods-page .list2 .info{background:url(../images/31.png) no-repeat right bottom;position:absolute;top:10%;right:0;width:50%;padding:5.5%;z-index:998}
.goods-page .list2 .item.odd .info{padding:5.5% 5.5% 5.5% 7%;right:auto;left:0;background:url(../images/32.png) no-repeat right bottom;}
.goods-page .list2 .icon-bg{width:9.4rem;height:10.8rem;background:url(../images/3.png) no-repeat center center/9.4rem;display:flex;justify-content:center;align-items:center}
.goods-page .list2 .icon{width:3.4rem;height:3.6rem;}
.goods-page .list2 .name{margin-top:2.5rem}
.goods-page .list2 .name>span:first-child{font-size:2.4rem;font-weight:bold;}
.goods-page .list2 .name>span:last-child{margin-left:5rem;font-size:1.6rem;color:#999}
.goods-page .list2 .note{margin-top:2.5rem;font-size:1.6rem;line-height:2.8rem;height:8.5rem;color:#666}

.goods-page .detail{padding-bottom:10rem}
.goods-page .detail .name{font-size:3.6rem;text-align:center;padding-bottom:3rem;}
.goods-page .detail .content{padding-top:2rem;border-top:1px solid #ccc}
.goods-page .detail .content p{font-size:1.6rem;line-height:3rem;margin-bottom:2rem}
.goods-page .detail .content img{display:block;margin:0 auto;height:auto !important;max-width:100%}
.goods-page .detail .jump{border-top:1px solid #ccc;padding-top:5rem;display:flex;justify-content:space-between;align-items:center}
.goods-page .detail .jump .btn{font-size:1.6rem;color:#fff;padding:1.8rem 0;width:13%;border-radius:5rem;background:#0048FF;transition:.3s;text-align:center}
.goods-page .detail .jump .info{width:80%;}
.goods-page .detail .jump .info>a{font-size:1.6rem;line-height:2.4rem;color:#666;}

.goods-page .best{background:#F5F5F5;padding:10rem 0}
.goods-page .best .tit-name{font-size:3.6rem;text-align:center;}
.goods-page .best .con{position:relative;max-width:144rem;margin-top:4rem}
.goods-page .best .swiper-slide{background:#fff;height:44.6rem}
.goods-page .best .swiper-slide .img{display:flex;justify-content:center;align-items:center;height:38rem;}
.goods-page .best .swiper-slide .img>img{max-width:80%;max-height:80%}
.goods-page .best .swiper-slide>.name{text-align:center;font-weight:bold;font-size:2rem;padding:1rem 3rem 3rem;}
.goods-page .best .swiper-slide .mask{background:rgba(0,72,255,.85);display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:997}
.goods-page .best .swiper-slide .info{position:absolute;top:50%;left:50%;width:calc(100% - 6rem);transform:translate(-50%,-50%);z-index:998;color:#fff;display:flex;flex-direction:column;align-items:center}
.goods-page .best .swiper-slide .info .name{font-size:2.4rem;font-weight:bold;text-align:center;max-width:100%}
.goods-page .best .swiper-slide .info .line{margin-top:2rem;width:2rem;height:1px;background:#fff;}
.goods-page .best .swiper-slide .info .note{display:inline-block;margin-top:2rem;opacity:.8;text-align:center;max-width:100%}
.goods-page .best .swiper-slide .info .btn{width:3rem;height:3rem;border-radius:50%;border:1px rgba(255,255,255,.6) solid;background:url(../images/10.png) no-repeat center center/1.3rem;margin:2.3rem auto 0}
.goods-page .best .swiper-slide:hover .mask{display: block;opacity: 1;}

.goods-page .best .arrow{position:absolute;top:50%;transform:translateY(-50%);width:5rem;height:5rem;border-radius:50%;border:1px solid #000;background:url(../images/arrow4.png) no-repeat center center/.9rem;cursor:pointer;z-index:998;transition:.3s}
.goods-page .best .arrow.prev{left:0;transform:translateY(-50%) rotate(180deg)}
.goods-page .best .arrow.next{right:0}
.goods-page .best .swiper-pagination{display:none}

#showproduct{padding: 6rem 0;}
#showproduct .pshow{display: flex;justify-content:space-between;}
#showproduct .pshow dt{width: 40rem;}
#showproduct .pshow dd{width: calc(100% - 45rem - 10rem);}
#showproduct .list-none{}
#showproduct .list-none li{line-height: 3;border-bottom: 1px dashed #dee2e6 ;margin-bottom: 1rem;font-size: 1.6rem;}
#showproduct .list-none h1{font-size: 2.8rem;margin-bottom: 2.5rem;}
#showproduct .list-none .zixun a{   display: inline-block;
    padding: 1.8rem 6rem 1.8rem 3.5rem;
    border-radius: 5rem;
    background: url(../images/arrow.png) no-repeat 80% center;
    font-size: 1.6rem;
    border: 1px #000 solid;
margin-top: 2.5rem;}
#showproduct .list-none .zixun a:hover{
        border: 1px solid #0048FF;
    background: #0048FF url(../images/arrow-w.png) no-repeat 80% center;
    color: #fff;
}

@media (max-width:950px){
    #showproduct .pshow dd{width: calc(100% - 45rem );}
    .goods-page{padding:2rem 0}
    .goods-page .cate{margin-bottom:3rem;padding:.1rem 2rem}
    .goods-page .cate .item{display:block;margin:2rem 0;font-size:1.4rem}
    .goods-page .cate .item>span{width:100%;border-right:0;background-size:2rem auto !important;padding-left:3rem}
    .goods-page .cate .child{width:100%;display:block;white-space:nowrap;overflow-x:auto;margin-top:1.5rem}
    .goods-page .cate .child>a{display:inline-block;padding:.5rem 1.5rem;margin-right:1rem;margin-bottom:1.5rem}
    
    .goods-page .list1{display:block;}
    .goods-page .list1 .item{width:100%;margin-right:0;margin-bottom:2rem;}
    .goods-page .list1 .item .is-best{top:2rem;left:2rem}
    .goods-page .list1 .item .img{height:28rem;}
    .goods-page .list1 .item .img>img{max-width:70%;max-height:70%}
    .goods-page .list1 .item>.name{font-size:1.6rem;padding:1rem 2rem 2rem;}
    .goods-page .list1 .item .mask{display:none}
    .goods-page .page{padding-top:2rem}
    
    .goods-page .list2 .item{margin-bottom:2rem;display:block;position:static}
    .goods-page .list2 .item.odd{justify-content:left}
    .goods-page .list2 .item:last-child{margin-bottom:3rem}
    .goods-page .list2 .img_bg{width:100%;}
    .goods-page .list2 .img{padding-bottom:54%}
    .goods-page .list2 .info{position:static;width:100%;padding:3rem;background:#f5f5f5}
    .goods-page .list2 .info.odd{background:#f5f5f5}
    .goods-page .list2 .icon-bg{width:7rem;height:8rem;background-size:7rem auto !important}
    .goods-page .list2 .icon{width:2.5rem;height:2.6rem;background-size:2.5rem auto !important}
    .goods-page .list2 .name{margin-top:1.5rem;display:flex;flex-direction:column}
    .goods-page .list2 .name>span:first-child{font-size:1.8rem}
    .goods-page .list2 .name>span:last-child{margin-left:0;margin-top:.5rem;font-size:1.4rem}
    .goods-page .list2 .note{margin-top:1rem;font-size:1.4rem;line-height:2.6rem;height:auto}
    
    .goods-page .detail{padding-bottom:3rem}
    .goods-page .detail .name{font-size:2rem;padding-bottom:1rem;}
    .goods-page .detail .content p{font-size:1.4rem;line-height:2.8rem;margin-bottom:1.5rem}
    .goods-page .detail .jump{padding-top:2rem;display:block}
    .goods-page .detail .jump .btn{font-size:1.4rem;padding:1rem 2rem;width:auto;display:inline-block}
    .goods-page .detail .jump .info{width:100%;}
    .goods-page .detail .jump .info>a{font-size:1.4rem;margin-bottom:1rem}
    
    .goods-page .best{padding:3rem 0}
    .goods-page .best .tit-name{font-size:2rem}
    .goods-page .best .con{margin-top:2rem;width:100%}
    .goods-page .best .swiper{background:#fff;height:38rem}
    .goods-page .best .swiper-wrapper{padding-bottom:3rem}
    .goods-page .best .swiper-slide .img{height:28rem;}
    .goods-page .best .swiper-slide>.name{font-size:1.6rem;padding:1rem 2rem 2rem;}
    .goods-page .best .swiper-slide .mask{display:none}
    .goods-page .best .arrow{display:none}
    .goods-page .best .swiper-pagination{display:block}
    .goods-page .best .swiper-pagination-bullet-active{background:#0048FF}
}

@media (max-width:769px){
    #showproduct{padding: 3rem 0;}
    #showproduct .pshow{display: block;}
    #showproduct .pshow dt{width: 100%;}
    #showproduct .pshow dd{width: 100%;}
    #showproduct .list-none h1{margin-top: 2rem;}
    #showproduct .list-none li{line-height: 2;}
    #showproduct .list-none .zixun a{
        padding: 1.2rem 3.5rem 1.2rem 2rem;
    font-size: 1.2rem;
    }
    
}

@media (any-hover:hover){
    .goods-page .cate .child>a:hover{border-radius:5rem;background:#0048FF;color:#fff}
    
    .goods-page .list1 .item:hover>.name{display:none}
    
    .goods-page .detail .jump a:hover{color:#0048FF}
    .goods-page .detail .jump .btn:hover{background:#0042FD;color:#fff}
    
    .goods-page .best .swiper-slide:hover>.name{color:#0048FF}
    .goods-page .best .swiper-slide:hover>.name{display:none}
    .goods-page .best .arrow:hover{background:#0048FF url(../images/arrow1.png) no-repeat center center/.9rem;border:1px solid #0048FF}
}

/*服务1*/
.service-page1 .list{padding:10rem 0;max-width:131.4rem;width:calc(100% - 10rem);margin:0 auto}
.service-page1 .list .item{display:flex;justify-content:flex-end;margin-bottom:8rem;position:relative}
.service-page1 .list .item.odd{justify-content:left}
.service-page1 .list .info{width:55%;background:#F5F5F5;padding:5% 10%;position:absolute;z-index:997;top:50%;left:0;transform:translateY(-50%) skew(15deg);display:flex;align-items:center}
.service-page1 .list .item.odd .info{left:auto;right:0;transform:translateY(-50%) skew(-15deg);}
.service-page1 .list .icon-bg{width:9.4rem;height:10.8rem;background:url(../images/3.png) no-repeat center center/9.4rem;transform:skew(-15deg);display:flex;justify-content:center;align-items:center;margin-right:4rem}
.service-page1 .list .item.odd .icon-bg{transform:skew(15deg)}
.service-page1 .list .icon{width:3.6rem;height:3.3rem;}
.service-page1 .list .txt{transform:skew(-15deg);width:calc(100% - 13.4rem)}
.service-page1 .list .item.odd .txt{transform:skew(15deg)}
.service-page1 .list .name{font-size:2.4rem;font-weight:bold}
.service-page1 .list .note{font-size:1.8rem;line-height:2.8rem;margin-top:1rem}
.service-page1 .list .img_bg{width:50%;border-radius:0 12rem 0 0;position:relative;z-index:998}
.service-page1 .list .item.odd .img_bg{border-radius:12rem 0 0 0}
.service-page1 .list .img{width:100%;padding-bottom:57.8%}

.service-page1 .detail{padding:10rem 0}
.service-page1 .detail .name{font-size:3.6rem;text-align:center;padding-bottom:3rem;}
.service-page1 .detail .content{padding-top:2rem;border-top:1px solid #ccc}
.service-page1 .detail .content p{font-size:1.6rem;line-height:3rem;margin-bottom:10rem}
.service-page1 .detail .content img{display:block;margin:0 auto;height:auto !important;max-width:100%}
.service-page1 .detail .jump{border-top:1px solid #ccc;padding-top:5rem;display:flex;justify-content:space-between;align-items:center}
.service-page1 .detail .jump .btn{font-size:1.6rem;color:#fff;padding:1.8rem 0;width:13%;border-radius:5rem;background:#0048FF;transition:.3s;text-align:center}
.service-page1 .detail .jump .info{width:80%;}
.service-page1 .detail .jump .info>a{font-size:1.6rem;line-height:3rem;color:#666;}

@media (max-width:950px){
    .service-page1 .list{padding:3rem 0;max-width:100%;width:calc(100% - 4rem)}
    .service-page1 .list .item{display:block;margin-bottom:2rem;position:static}
    .service-page1 .list .info{width:100%;padding:3rem;position:static;transform:translateY(0) skew(0);}
    .service-page1 .list .item.odd .info{transform:translateY(0) skew(0);}
    .service-page1 .list .icon-bg{width:7rem;height:8rem;background-size:7rem auto !important;transform:skew(0);margin-right:2rem}
    .service-page1 .list .item.odd .icon-bg{transform:skew(0)}
    .service-page1 .list .icon{width:2.5rem;height:2.3rem;background-size:2.5rem auto !important;}
    .service-page1 .list .txt{transform:skew(0);width:calc(100% - 9rem)}
    .service-page1 .list .item.odd .txt{transform:skew(0)}
    .service-page1 .list .name{font-size:1.8rem}
    .service-page1 .list .note{font-size:1.4rem;line-height:2rem;margin-top:1rem}
    .service-page1 .list .img_bg{width:100%;border-radius:0;}
    .service-page1 .list .item.odd .img_bg{border-radius:0}
    .service-page1 .list .img{width:100%;padding-bottom:57.8%}
    
    .service-page1 .detail{padding:3rem 0}
    .service-page1 .detail .name{font-size:2rem;padding-bottom:1rem;}
    .service-page1 .detail .content p{font-size:1.4rem;line-height:2.8rem;margin-bottom:1.5rem}
    .service-page1 .detail .jump{padding-top:2rem;display:block}
    .service-page1 .detail .jump .btn{margin-top:1rem;font-size:1.4rem;padding:1rem 2rem;width:auto;display:inline-block}
    .service-page1 .detail .jump .info{width:100%;}
    .service-page1 .detail .jump .info>a{font-size:1.4rem;}
}

@media (any-hover:hover){
    .service-page1 .list .name:hover{color:#0048FF}
    
    .service-page1 .detail .jump a:hover{color:#0048FF}
    .service-page1 .detail .jump .btn:hover{background:#0042FD;color:#fff}
}

/*服务2*/
.service-page2 .tit-name{text-align:center;font-size:4.8rem;color:#000}
.service-page2 .tit-note{text-align:center;font-size:1.6rem;line-height:2.8rem;margin-top:1rem;color:#666}

.service-page2 .box1{padding:10rem 0}
.service-page2 .box1 .con{max-width:152rem;position:relative;margin-top:4rem}
.service-page2 .box1 .swiper{height:43.8rem;padding:5rem 0}
.service-page2 .box1 .swiper-slide{width:33.8rem;background:url(../images/22.png) no-repeat center top/100%;margin-left:-1rem;display:flex;justify-content:center;align-items:center}
.service-page2 .box1 .swiper-slide:nth-child(2n){margin-top:-.5rem;width:31.7rem;background:url(../images/23.png) no-repeat center bottom/100%}
.service-page2 .box1 .icon-bg{width:18rem;height:18rem;background:url(../images/24.png) no-repeat center center/18rem;display:flex;justify-content:center;align-items:center}
.service-page2 .box1 .icon{width:4.1rem;height:4.4rem}
.service-page2 .box1 .info{position:absolute;top:29rem;left:50%;transform:translateX(-50%);z-index:998}
.service-page2 .box1 .swiper-slide:nth-child(2n) .info{top:-3rem}
.service-page2 .box1 .name{font-size:2rem;font-weight:bold;text-align:center}
.service-page2 .box1 .note{margin-top:1rem;color:#666;text-align:center;line-height:2.4rem}
.service-page2 .box1 .swiper-pagination{display:none}
.service-page2 .box1 .arrow{position:absolute;top:40%;transform:translateY(-50%);width:6rem;height:6rem;border-radius:50%;background:#F2F2F2 url(../images/arrow4.png) no-repeat center center/.9rem;cursor:pointer;z-index:998;transition:.3s}
.service-page2 .box1 .arrow.prev{left:0;transform:translateY(-50%) rotate(180deg)}
.service-page2 .box1 .arrow.next{right:0}

.service-page2 .box2{background-image:url(../images/25.png);background-color:#132339;padding:10rem 0}
.service-page2 .box2 .tit-name{color:#fff}
.service-page2 .box2 .tit-note{color:#fff}
.service-page2 .box2 .swiper{margin-top:4rem}
.service-page2 .box2 .swiper-wrapper{width:100%}
.service-page2 .box2 .swiper-slide{width:45.3%;transform:scale(.7);position:relative}
.service-page2 .box2 .swiper-slide-active{transform:scale(1)}
.service-page2 .box2 .swiper-slide-next{transform:scale(.7) translateX(-15%)}
.service-page2 .box2 .swiper-slide-prev{transform:scale(.7) translateX(15%)}
.service-page2 .box2 .img_bg{width:100%;border-radius:2rem}
.service-page2 .box2 .img{width:100%;padding-bottom:59.7%}
.service-page2 .box2 .info{position:absolute;width:100%;bottom:0;left:0;background:linear-gradient(to bottom,transparent,#000);padding:5%;color:#fff;border-radius:0 0 2rem 2rem}
.service-page2 .box2 .name{font-size:2.4rem;font-weight:bold}
.service-page2 .box2 .note{line-height:2.4rem;margin-top:1rem}
.service-page2 .box2 .swiper-pagination{display:none}
.service-page2 .box2 .arrow{position:absolute;top:50%;transform:translateY(-50%);width:5rem;height:5rem;border-radius:50%;background:#F2F2F2 url(../images/arrow4.png) no-repeat center center/.9rem;cursor:pointer;z-index:999;transition:.3s}
.service-page2 .box2 .arrow.prev{left:5%;transform:translateY(-50%) rotate(180deg)}
.service-page2 .box2 .arrow.next{right:5%}

@media (max-width:950px){
    .service-page2 .tit-name{font-size:2rem}
    .service-page2 .tit-note{font-size:1.4rem;line-height:2.4rem;margin-top:.5rem}
    
    .service-page2 .box1{padding:3rem 0 1rem}
    .service-page2 .box1 .con{max-width:100%;position:static;margin-top:2rem}
    .service-page2 .box1 .swiper{height:auto;padding:0;width:100%}
    .service-page2 .box1 .swiper-wrapper{padding-bottom:4rem}
    .service-page2 .box1 .swiper-slide{width:100%;background:none;margin-left:0;display:flex;flex-direction:column}
    .service-page2 .box1 .swiper-slide:nth-child(2n){margin-top:0;width:100%;background:none}
    .service-page2 .box1 .icon-bg{width:15rem;height:15rem;background-size:15rem auto !important}
    .service-page2 .box1 .info{margin-top:2rem;position:static;transform:translateX(0)}
    .service-page2 .box1 .name{font-size:1.8rem}
    .service-page2 .box1 .swiper-pagination{display:block}
    .service-page2 .box1 .swiper-pagination-bullet-active{background:#0048FF}
    .service-page2 .box1 .arrow{display:none}
    
    .service-page2 .box2{padding:5rem 0 2rem}
    .service-page2 .box2 .swiper{margin-top:2rem;width:calc(100% - 4rem)}
    .service-page2 .box2 .swiper-wrapper{padding-bottom:4rem}
    .service-page2 .box2 .swiper-slide{width:100%;transform:scale(1)}
    .service-page2 .box2 .swiper-slide-next{transform:scale(1) translateX(0)}
    .service-page2 .box2 .swiper-slide-prev{transform:scale(1) translateX(0)}
    .service-page2 .box2 .info{padding:2rem;}
    .service-page2 .box2 .name{font-size:1.8rem}
    .service-page2 .box2 .note{line-height:2rem;margin-top:.5rem}
    .service-page2 .box2 .swiper-pagination{display:block;}
    .service-page2 .box2 .swiper-pagination-bullet{background:#fff}
    .service-page2 .box2 .swiper-pagination-bullet-active{background:#0048FF}
    .service-page2 .box2 .arrow{display:none}
}

@media (any-hover:hover){
    .service-page2 .box1 .arrow:hover{background:#0048FF url(../images/arrow1.png) no-repeat center center/.9rem}
    
    .service-page2 .box2 .arrow:hover{background:#0048FF url(../images/arrow1.png) no-repeat center center/.9rem}
}

/*服务3*/
.service-page3 .tit-name{text-align:center;font-size:4.8rem}
.service-page3 .tit-note{text-align:center;font-size:1.6rem;line-height:2.8rem;color:#666;width:60%;margin: 1rem auto 0}

.service-page3 .box1{padding:10rem 0 5rem}
.service-page3 .box1 .con{margin-top:6rem;background:url(../images/12.png) no-repeat center center/75% auto;padding-bottom:37%;position:relative}
.service-page3 .box1 .circle{position:absolute;width:1rem;height:1rem;background:#0048FF;border-radius:50%}
.service-page3 .box1 .circle::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(157,30,35,.5);}
.service-page3 .box1 .circle::after{content:'';background:rgba(157,30,35,.2);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:service-page3-box1-play .8s infinite alternate}
@keyframes service-page3-box1-play{
    from{width:2.5rem;height:2.5rem}
    to{width:4.1rem;height:4.1rem}
}
.service-page3 .box1 .circle1{top:40%;left:24%}
.service-page3 .box1 .circle2{top:32%;left:49%}
.service-page3 .box1 .circle3{top:41%;right:23%}
.service-page3 .box1 .item.pc{position:absolute}
.service-page3 .box1 .item.m{display:none}
.service-page3 .box1 .item1{top:calc(40% - 3.5rem);left:calc(24% - 20.5rem)}
.service-page3 .box1 .item2{top:calc(32% - 3.5rem);left:calc(49% - 20.5rem)}
.service-page3 .box1 .item3{top:calc(41% - 3.5rem);right:calc(23% - 20.5rem)}
.service-page3 .box1 .name{background:url(../images/13.png) no-repeat center center/18.3rem;width:18.3rem;height:4rem;line-height:4rem;text-align:center;color:#fff;position:relative;z-index:998;padding-right:2.5rem}
.service-page3 .box1 .item3 .name{background:url(../images/14.png) no-repeat center center/18.3rem;padding-right:0;padding-left:2.5rem}
.service-page3 .box1 .img{margin-top:1rem;width:16rem;height:16rem;}
.service-page3 .box1 .item3 .img{float:right;}
.service-page3 .box1 .img>img{max-width:100%;max-height:100%;float:right;}

.service-page3 .box2{padding:6rem 0;margin-bottom:10rem;box-shadow:0 0 2rem #eee;border-radius:2rem}
.service-page3 .box2 .tit-name{font-size:3rem;}
.service-page3 .box2 .tit-note{font-size:1.4rem;margin-top:.5rem}
.service-page3 .box2 .con{position:relative;max-width:118rem;margin-top:4rem}
.service-page3 .box2 .swiper{max-width:100rem;}
.service-page3 .box2 .swiper-slide{display:flex;flex-direction:column;align-items:center}
.service-page3 .box2 .swiper-slide .icon-bg{display:flex;justify-content:center;align-items:center;width:9.4rem;height:10.8rem;background:url(../images/15.png) no-repeat center center/9.4rem}
.service-page3 .box2 .swiper-slide .icon{width:4.2rem;height:4.3rem}
.service-page3 .box2 .swiper-slide .name{text-align:center;font-size:1.8rem;margin-top:1rem;}
.service-page3 .box2 .swiper-pagination{display:none;}
.service-page3 .box2 .arrow{position:absolute;top:40%;transform:translateY(-50%);width:4rem;height:4rem;border-radius:50%;background:#F2F2F2 url(../images/arrow.png) no-repeat center center/.7rem;cursor:pointer;z-index:998;transition:.3s}
.service-page3 .box2 .arrow.prev{left:0;transform:translateY(-50%) rotate(180deg)}
.service-page3 .box2 .arrow.next{right:0}

.service-page3 .box3{padding:10rem 0;background-image:url(../images/16.png)}
.service-page3 .box3 .tit-name{color:#fff}
.service-page3 .box3 .tit-note{color:#fff}
.service-page3 .box3 .con{position:relative;max-width:154rem;margin-top:4rem}
.service-page3 .box3 .swiper{max-width:136rem;}
.service-page3 .box3 .swiper-slide{width:72%;display:flex;border-radius:2rem;}
.service-page3 .box3 .swiper-slide-active{transition:.3s}
.service-page3 .box3 .swiper-slide-next{transition:.3s}
.service-page3 .box3 .swiper-slide-prev{transition:.3s}
.service-page3 .box3 .con .img_bg{width:41%;border-radius:2rem 0 0 2rem}
.service-page3 .box3 .con .img{width:100%;padding-bottom:107%}
.service-page3 .box3 .con .info{width:59%;display:flex;flex-direction:column;justify-content:center;padding:0 7%;background:#fff;border-radius:0 2rem 2rem 0}
.service-page3 .box3 .con .name{font-size:3rem;font-weight:bold}
.service-page3 .box3 .con .note{font-size:2rem;margin-top:1.5rem;font-weight:bold}
.service-page3 .box3 .con .detail{font-size:1.6rem;margin-top:2rem;line-height:3.2rem}
.service-page3 .box3 .swiper-pagination{display:none;}
.service-page3 .box3 .arrow{position:absolute;top:50%;transform:translateY(-50%);width:6rem;height:6rem;border-radius:50%;background:rgba(255,255,255,.1) url(../images/arrow1.png) no-repeat center center/.9rem;cursor:pointer;z-index:998;transition:.3s}
.service-page3 .box3 .arrow.prev{left:0;transform:translateY(-50%) rotate(180deg)}
.service-page3 .box3 .arrow.next{right:0}

.service-page3 .box4{padding:10rem 0;}
.service-page3 .box4 .con{margin-top:4rem;height:40rem;display:flex;justify-content:center;align-items:center;position:relative;background:url(../images/17.png) no-repeat center center/128rem;}
.service-page3 .box4 .tag{font-size:3rem;color:#fff;font-weight:bold;text-align:center}
.service-page3 .box4 .item{position:absolute}
.service-page3 .box4 .item:nth-child(1){top:3rem;left:1.5%;}
.service-page3 .box4 .item:nth-child(2){top:3rem;left:74%;}
.service-page3 .box4 .item:nth-child(3){top:15.5rem;left:4.7%;}
.service-page3 .box4 .item:nth-child(4){top:15.5rem;left:75.8%;}
.service-page3 .box4 .item:nth-child(5){top:28.5rem;left:8.6%;}
.service-page3 .box4 .item:nth-child(6){top:28.5rem;left:74.2%;}
.service-page3 .box4 .name{display:inline-block;font-weight:bold;font-size:1.8rem;color:#000;line-height:8rem;border:1px solid rgba(157,30,35,.2);border-radius:5rem;position:relative;padding:0 9rem 0 4rem;background:#fff;z-index:998;}
.service-page3 .box4 .item:nth-child(1) .name{max-width:33rem}
.service-page3 .box4 .item:nth-child(2) .name{max-width:33rem}
.service-page3 .box4 .item:nth-child(3) .name{max-width:27rem}
.service-page3 .box4 .item:nth-child(4) .name{max-width:33rem}
.service-page3 .box4 .item:nth-child(5) .name{max-width:23rem}
.service-page3 .box4 .item:nth-child(6) .name{max-width:33rem}
.service-page3 .box4 .item:nth-child(2n) .name{padding:0 4rem 0 9rem;}
.service-page3 .box4 .icon-bg{position:absolute;top:0;right:0;width:8rem;height:8rem;border-radius:50%;background:#0048FF;display:flex;justify-content:center;align-items:center}
.service-page3 .box4 .item:nth-child(2n) .icon-bg{right:auto;left:0}
.service-page3 .box4 .icon{width:4.3rem;height:4.1rem}

.service-page3 .box5{padding:10rem 0;background-image:url(../images/18.png)}
.service-page3 .box5 .tit-name{color:#fff}
.service-page3 .box5 .tit-note{color:#fff;margin-bottom:4rem}
.service-page3 .box5 .tag{padding:2rem 4rem;border-radius:3rem 0 3rem 0;background:#0048FF;display:inline-block;margin:0 auto;font-size:2.4rem;font-weight:bold;color:#fff;border:.5rem solid #632934}
.service-page3 .box5 .line{width:85.9%;margin:0 auto;height:8rem;background:url(../images/19.png) no-repeat center center/100%}
.service-page3 .box5 .con{display:flex;}
.service-page3 .box5 .item{width:calc(16.67% - 3.25rem);margin-right:3.9rem;color:#fff}
.service-page3 .box5 .item:last-child{margin-right:0}
.service-page3 .box5 .icon-bg{width:100%;height:19.9rem;background:url(../images/20.png) no-repeat center top;background-size:100% auto;}
.service-page3 .box5 .num{font-size:2.4rem;text-align:center;padding-top:1rem}
.service-page3 .box5 .icon{width:4.1rem;height:4.2rem;margin:4.5rem auto}
.service-page3 .box5 .name{margin-top:2rem;font-weight:bold;font-size:1.8rem;line-height:2.6rem;text-align:center;padding:0 2.5rem}

.service-page3 .box6{padding:10rem 0;}
.service-page3 .box6 .con{margin-top:4rem;height:57rem;background:url(../images/21.png) no-repeat center center/63.5rem;display:flex;justify-content:center;align-items:center;position:relative;}
.service-page3 .box6 .tag{margin-top:3rem;font-size:3rem;color:#fff;font-weight:bold;line-height:4rem;text-align:center}
.service-page3 .box6 .item{position:absolute}
.service-page3 .box6 .item:nth-child(1){top:6rem;left:17rem}
.service-page3 .box6 .item:nth-child(2){top:6rem;right:17rem}
.service-page3 .box6 .item:nth-child(3){top:25rem;left:10rem}
.service-page3 .box6 .item:nth-child(4){top:25rem;right:8rem}
.service-page3 .box6 .item:nth-child(5){top:45rem;left:17rem}
.service-page3 .box6 .item:nth-child(6){top:45rem;right:11rem}
.service-page3 .box6 .icon-bg{width:10rem;height:10rem;background:#0048FF;border-radius:50%;display:flex;justify-content:center;align-items:center;position:absolute;}
.service-page3 .box6 .item:nth-child(1) .icon-bg{top:-2rem;right:-13rem}
.service-page3 .box6 .item:nth-child(2) .icon-bg{top:-2rem;left:-12rem}
.service-page3 .box6 .item:nth-child(3) .icon-bg{top:-2rem;right:-13rem}
.service-page3 .box6 .item:nth-child(4) .icon-bg{top:-2rem;left:-12rem}
.service-page3 .box6 .item:nth-child(5) .icon-bg{top:-2rem;right:-13rem}
.service-page3 .box6 .item:nth-child(6) .icon-bg{top:-2rem;left:-12rem}
.service-page3 .box6 .icon{width:4.7rem;height:4rem}
.service-page3 .box6 .name{font-size:1.8rem;line-height:2.6rem;font-weight:bold}
.service-page3 .box6 .item:nth-child(2n+1) .name{text-align:right;}

@media (max-width:950px){
    .service-page3 .tit-name{font-size:2rem}
    .service-page3 .tit-note{font-size:1.4rem;line-height:2.4rem;margin-top:.5rem;width:100%}
    
    .service-page3 .box1{padding:3rem 0}
    .service-page3 .box1 .con{margin-top:2rem;background:none;padding-bottom:0;position:static;display:flex}
    .service-page3 .box1 .circle{display:none}
    .service-page3 .box1 .item.pc{display:none}
    .service-page3 .box1 .item.m{display:block;position:static;width:calc(33.33% - .7rem);margin-right:1.4rem}
    .service-page3 .box1 .item:last-child{margin-right:0}
    .service-page3 .box1 .name{background:none;width:auto;height:auto;line-height:2.2rem;color:#333;position:relative;padding-right:0}
    .service-page3 .box1 .item3 .name{background:none;padding-left:0}
    .service-page3 .box1 .img{margin-top:1rem;width:100%;height:auto;}
    .service-page3 .box1 .item3 .img{float:none;}
    .service-page3 .box1 .img>img{max-width:100%;max-height:100%;float:none;}
    
    .service-page3 .box2{padding:3rem 0 1rem;margin-bottom:3rem}
    .service-page3 .box2 .tit-name{font-size:2rem;}
    .service-page3 .box2 .con{width:100%;margin-top:2rem}
    .service-page3 .box2 .swiper-wrapper{padding-bottom:5rem}
    .service-page3 .box2 .swiper-slide{display:flex;flex-direction:column;align-items:center}
    .service-page3 .box2 .icon-bg{width:8rem;height:9.2rem;background-size:8rem auto !important}
    .service-page3 .box2 .icon{width:3rem;height:3.1rem;background-size:3rem auto !important}
    .service-page3 .box2 .swiper-slide .icon-bg{width:7rem;height:8rem;background-size:7rem auto !important}
    .service-page3 .box2 .swiper-slide .icon{width:3rem;height:3.1rem;background-size:3rem auto !important}
    .service-page3 .box2 .swiper-slide .icon{width:4.2rem;height:4.3rem}
    .service-page3 .box2 .swiper-slide .name{font-size:1.6rem;margin-top:.5rem;}
    .service-page3 .box2 .swiper-pagination{display:block;}
    .service-page3 .box2 .swiper-pagination-bullet-active{background:#0048FF}
    .service-page3 .box2 .arrow{display:none}
    
    .service-page3 .box3{padding:5rem 0}
    .service-page3 .box3 .con{max-width:100%;margin-top:2rem}
    .service-page3 .box3 .swiper{width:100%;padding-bottom:3rem;background:#fff;border-radius:2rem}
    .service-page3 .box3 .swiper-slide{width:100%;display:block}
    .service-page3 .box3 .con .img_bg{width:100%;border-radius:2rem 2rem 0 0}
    .service-page3 .box3 .con .img{padding-bottom:80%}
    .service-page3 .box3 .con .info{width:100%;padding:3rem;border-radius:0 0 2rem 2rem}
    .service-page3 .box3 .con .name{font-size:2rem}
    .service-page3 .box3 .con .note{font-size:1.6rem;margin-top:1rem}
    .service-page3 .box3 .con .detail{font-size:1.4rem;margin-top:1rem;line-height:2.4rem}
    .service-page3 .box3 .swiper-pagination{display:block;bottom:2.5rem !important}
    .service-page3 .box3 .swiper-pagination-bullet-active{background:#0048FF}
    .service-page3 .box3 .arrow{display:none}
    
    .service-page3 .box4{padding:3rem 0;}
    .service-page3 .box4 .con{text-align:center;margin-top:1rem;position:static;height:auto;display:block;background:none}
    .service-page3 .box4 .tag{display:inline-block;font-size:1.4rem;border-radius:2rem 0 2rem 0;background:#0048FF;color:#fff;padding:1rem 2rem;margin-bottom:2rem}
    .service-page3 .box4 .item{position:static;width:100%;}
    .service-page3 .box4 .name{display:flex;font-size:1.6rem;line-height:auto;padding:0 3rem 0 0;position:static;max-width:100% !important;width:100%;height:5rem;align-items:center;margin-bottom:2rem}
    .service-page3 .box4 .item:nth-child(2n) .name{padding:0 3rem 0 0}
    .service-page3 .box4 .name>span{font-size:1.2rem;width:calc(100% - 5rem);text-align:left;padding-left:1rem}
    .service-page3 .box4 .icon-bg{position:static;width:5rem;height:5rem}
    .service-page3 .box4 .icon{width:3rem;height:2.9rem;background-size:3rem auto !important}
    
    .service-page3 .box5{padding:5rem 0 3rem}
    .service-page3 .box5 .tit-note{margin-bottom:1rem}
    .service-page3 .box5 .tag{padding:1rem 2rem;font-size:1.4rem}
    .service-page3 .box5 .line{display:none}
    .service-page3 .box5 .con{flex-wrap:wrap;margin-top:2rem}
    .service-page3 .box5 .item{width:calc(50% - 1rem);margin-right:0;margin-bottom:2rem}
    .service-page3 .box5 .item:nth-child(2n+1){margin-right:2rem}
    .service-page3 .box5 .icon-bg{width:12rem;height:13.3rem;margin:0 auto;background-size:12rem auto !important;}
    .service-page3 .box5 .num{font-size:1.4rem;padding-top:1rem}
    .service-page3 .box5 .icon{width:3rem;height:3.1rem;background-size:3rem auto !important;margin:2.7rem auto}
    .service-page3 .box5 .name{margin-top:1rem;font-size:1.4rem;line-height:2.2rem;padding:0 2rem}
    
    .service-page3 .box6{padding:5rem 0 3rem;}
    .service-page3 .box6 .con{margin-top:1rem;height:auto;background:none;display:block}
    .service-page3 .box6 .tag{margin:1rem auto 2rem;font-size:1.4rem;border-radius:1rem;background:#0048FF;color:#fff;padding:2.5rem 0;line-height:0;display:flex;width:40%;justify-content:center;border-radius:2rem 0 2rem 0;}
    .service-page3 .box6 .item{background:#f5f5f5;border-radius:5rem;position:static;display:flex;margin-bottom:2rem;align-items:center;justify-content:space-between}
    .service-page3 .box6 .icon-bg{width:6rem;height:6rem;position:static;}
    .service-page3 .box6 .icon{width:3rem;height:2.6rem;background-size:3rem auto !important}
    .service-page3 .box6 .name{width:calc(100% - 7rem);font-size:1.2rem;display:flex;}
    .service-page3 .box6 .item:nth-child(2n+1) .name{text-align:left;}
}

@media (any-hover:hover){
    .service-page3 .box2 .arrow:hover{background:#0048FF url(../images/arrow-w.png) no-repeat center center/.7rem}
    
    .service-page3 .box3 .arrow:hover{background-color:#0048FF}
}

/*供应链服务*/
.supply-page{background:#F2F3F6}
.supply-page .inner-banner .pc{padding-bottom:36.8%}
.supply-page .inner-banner .info{width:100%}
.supply-page .inner-banner .info::before{display:none}
.supply-page .inner-banner .name{display:block;margin-top:0;padding:0;background:none;text-align:center}
.supply-page .inner-banner .note{text-align:center}
.supply-page .inner-banner .play{width:7rem;height:7rem;background:url(../images/play.png) no-repeat center center/7rem;margin:3rem auto 0;cursor:pointer}

.supply-page .con{padding:10rem 0}
.supply-page .item{margin-bottom:8rem;display:flex;position:relative}
.supply-page .item.odd{justify-content:flex-end}
.supply-page .item:last-child{margin-bottom:0}
.supply-page .item .img_bg{width:68.7%}
.supply-page .item .img{width:100%;padding-bottom:56.8%}
.supply-page .item .info{position:absolute;bottom:0;right:0;background:#fff;width:50%;padding:5.5%}
.supply-page .item.odd .info{right:auto;left:0}
.supply-page .item .icon-bg{width:9.4rem;height:10.8rem;background:url(../images/3.png) no-repeat center center/9.4rem;display:flex;justify-content:center;align-items:center}
.supply-page .item .icon{width:4rem;height:3.7rem}
.supply-page .item .name{font-size:2.4rem;font-weight:bold;margin-top:2rem}
.supply-page .item .note{font-size:1.6rem;line-height:3rem;color:#666;margin-top:1.5rem;height:9.5rem;overflow:hidden}

@media (max-width:950px){
    .supply-page .inner-banner .play{width:5rem;height:5rem;background-size:5rem auto !important;margin:1rem auto 0}
    
    .supply-page .con{padding:3rem 0}
    .supply-page .item{margin-bottom:2rem;position:static;display:block}
    .supply-page .item .img_bg{width:100%}
    .supply-page .item .info{position:static;background:#fff;width:100%;padding:3rem}
    .supply-page .item .icon-bg{width:7rem;height:8rem;background-size:7rem auto !important}
    .supply-page .item .icon{width:3rem;height:2.8rem;background-size:3rem auto !important}
    .supply-page .item .name{font-size:1.8rem;margin-top:1rem}
    .supply-page .item .note{font-size:1.4rem;line-height:2.4rem;margin-top:1rem;height:auto;overflow:auto}
}

/*案例*/
.cases-page{padding:5rem 0;}
.cases-page .list{display:flex;flex-wrap:wrap}
.cases-page .list .item{width:calc(33.33% - .8rem);margin-right:1.2rem;margin-bottom:1.2rem;position:relative}
.cases-page .list .item:nth-child(3n){margin-right:0}
.cases-page .list .img_bg{width:100%}
.cases-page .list .img{width:100%;padding-bottom:70%}
.cases-page .list .name{position:absolute;bottom:0;padding:5.5%;left:0;width:100%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.5));font-size:1.8rem;font-weight:bold;color:#fff;text-align:center}
.cases-page .page{padding-top:5rem}
.cases-page .fubiaoti{margin: 2rem 0;}

.cases-page .detail{padding-bottom:10rem}
.cases-page .detail .name{font-size:3.6rem;text-align:center;padding-bottom:3rem;}
.cases-page .detail .content{padding:2rem 0 10rem;border-top:1px solid #ccc}
.cases-page .detail .content p{font-size:1.6rem;line-height:3rem;margin-bottom:2rem}
.cases-page .detail .content img{display:block;margin:0 auto;height:auto !important;max-width:100%}
.cases-page .detail .jump{border-top:1px solid #ccc;padding-top:5rem;display:flex;justify-content:space-between;align-items:center}
.cases-page .detail .jump .btn{font-size:1.6rem;color:#fff;padding:1.8rem 0;width:13%;border-radius:5rem;background:#0048FF;transition:.3s;text-align:center}
.cases-page .detail .jump .info{width:80%;}
.cases-page .detail .jump .info>a{font-size:1.6rem;line-height:3rem;color:#666;}

.cases-page .best{background:#F5F5F5;padding:10rem 0}
.cases-page .best .tit-name{font-size:4.8rem;text-align:center;}
.cases-page .best .con{position:relative;max-width:144rem;margin-top:4rem}
.cases-page .best .swiper-slide{position:relative}
.cases-page .best .swiper-slide .img{width:100%;padding-bottom:100%}
.cases-page .best .swiper-slide .name{text-align:center;font-weight:bold;font-size:1.8rem;position:absolute;bottom:0;padding:5.5%;left:0;width:100%;color:#fff;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.5))}
.cases-page .best .swiper-pagination{display:none;}
.cases-page .best .arrow{position:absolute;top:50%;transform:translateY(-50%);width:5rem;height:5rem;border-radius:50%;border:1px solid #000;background:url(../images/arrow4.png) no-repeat center center/.9rem;cursor:pointer;z-index:998;transition:.3s}
.cases-page .best .arrow.prev{left:0;transform:translateY(-50%) rotate(180deg)}
.cases-page .best .arrow.next{right:0}

@media (max-width:950px){
    .cases-page{padding:3rem 0;}
    .cases-page .list .item{width:100%;margin-right:0;margin-bottom:2rem;}
    .cases-page .list .name{padding:2rem;font-size:1.6rem;}
    .cases-page .page{margin-bottom:0}
    
    .cases-page .detail{padding-bottom:3rem}
    .cases-page .detail .name{font-size:2rem;padding-bottom:1rem}
    .cases-page .detail .content{padding:2rem 0}
    .cases-page .detail .content p{font-size:1.4rem;line-height:2.8rem;margin-bottom:1.5rem}
    .cases-page .detail .jump{padding-top:2rem;display:block}
    .cases-page .detail .jump .btn{margin-top:1rem;font-size:1.4rem;padding:1rem 2rem;width:auto;display:inline-block}
    .cases-page .detail .jump .info{width:100%;}
    .cases-page .detail .jump .info>a{font-size:1.4rem;}
    
    .cases-page .best{padding:3rem 0 2rem}
    .cases-page .best .tit-name{font-size:2rem}
    .cases-page .best .con{margin-top:2rem}
    .cases-page .best .swiper{width:100%}
    .cases-page .best .swiper-wrapper{padding-bottom:5rem}
    .cases-page .best .swiper-slide .name{font-size:1.6rem;padding:2rem;}
    .cases-page .best .swiper-pagination{display:block;}
    .cases-page .best .swiper-pagination-bullet-active{background:#0048FF}
    .cases-page .best .arrow{display:none}
}

@media (any-hover:hover){
    .cases-page .list .item:hover .name{color:#0048FF;}
    
    .cases-page .detail .jump a:hover{color:#0048FF}
    .cases-page .detail .jump .btn:hover{background:#0042FD;color:#fff}
    
    .cases-page .best .swiper-slide:hover .name{color:#0048FF;}
    .cases-page .best .arrow:hover{background:#0048FF url(../images/arrow1.png) no-repeat center center/.9rem;border:1px solid #0048FF}
}

/*荣誉资质*/
.grid-box {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}
.honor-page{padding: 5rem 0;}
.honor-list .img-wrap {
  height:auto !important;
  overflow: hidden;
}
.honor-list .img-wrap img{max-width: 100%;}
.honor-list .txts-wrap {
  padding: 1rem 1.5rem;
}
.honor-list .list2-h5 {
  font-size: 1.8rem;
  line-height:3rem;
  color: #333;
  height: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
   text-transform: capitalize;
  transition-duration: .5s;
}
.honor-list .list2-item {
  background: #fff;
  box-shadow: 0 0 10px rgba(0,72,255,.1);
  margin-bottom: 1rem;
  transition-duration: .5s;
}
.honor-list .list2-item:hover .list2-h5{
    color: #0048FF;
}
.honor-list{
    padding-bottom: 3rem;
}




/*视频*/
.video-page{padding:6rem 0;}
.video-page .tit-name{font-size:4.8rem;color:#000;text-align:center}
.video-page .tit-note{font-size:1.6rem;color:#666;text-align:center;width:50%;margin:1rem auto 0;line-height:2.8rem}
.video-page .list{display:flex;flex-wrap:wrap;margin-top:5rem}
.video-page .list .item{width:calc(33.33% - .8rem);margin-right:1.2rem;margin-bottom:1.2rem;position:relative}
.video-page .list .item:nth-child(3n){margin-right:0}
.video-page .list .img_bg{width:100%}
.video-page .list .img{width:100%;padding-bottom:100%}
.video-page .list .name{position:absolute;bottom:0;padding:5.5%;left:0;width:100%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.5));font-size:1.8rem;font-weight:bold;color:#fff;text-align:center}
.video-page .list .play{width:4.5rem;height:4.5rem;background:url(../images/play.png) no-repeat center center/4.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}
.video-page .page{margin-top:3rem}

@media (max-width:950px){
    .video-page{padding:3rem 0;}
    .video-page .tit-name{font-size:2rem}
    .video-page .tit-note{width:100%;font-size:1.4rem;margin-top:.5rem}
    .video-page .list{margin-top:2rem}
    .video-page .list .item{width:100%;margin-right:0;margin-bottom:2rem}
    .video-page .list .name{padding:2rem;font-size:1.6rem}
    .video-page .page{margin-bottom:0}
}

/*公司介绍*/
.about-page .box1{padding:12rem 0 43.5rem;background-size:cover}
.about-page .box1 .width{display:flex;justify-content:space-between;align-items:flex-start}
.about-page .box1 .note{width:36%;font-size:11rem;font-weight:bold;color:#0048FF}
.about-page .box1 .note>p{margin-bottom:-2rem}
.about-page .box1 .note>p:nth-child(2n){text-align:right;}
.about-page .box1 .box1-r{width:53.6%}
.about-page .box1 .name{font-size:4rem;color:#0048FF;margin-top:2rem}
.about-page .box1 .detail{margin-top:3rem;height:20rem;overflow:hidden;font-size:1.6rem;color:#6c6e6f;text-align:justify}
.about-page .box1 .detail p{line-height:3rem;margin-bottom:2rem}
/* .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar */
.about-page .box1 .detail .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#0048FF !important}
.about-page .box1 .detail .mCSB_scrollTools .mCSB_draggerRail{background:#ccc}
.about-page .box1 .num-animate{display:flex;align-items:center;justify-content:space-between;margin-top:4.5rem}
.about-page .box1 .num-animate .item{padding-right:9rem;display:flex;flex-direction:column;align-items:center;}
.about-page .box1 .num-animate .item:last-child{padding-right:3rem}
.about-page .box1 .num-animate .num{display:flex;align-items:flex-end}
.about-page .box1 .num-animate .num>span:first-child{font-size:6rem;color:#0048FF;font-weight:bold}
.about-page .box1 .num-animate .num>span:last-child{font-size:1.6rem;margin-bottom:.5rem;margin-left:.5rem}
.about-page .box1 .num-animate .name{font-size:1.6rem;color:#666;margin-top:.5rem;width:100%;}

.about-page .tit-name{font-size:4.8rem;color:#000;text-align:center}
.about-page .tit-note{font-size:1.6rem;color:#666;text-align:center;margin-top:1rem}

.about-page .box2{padding:10rem 0}
.about-page .box2 .con{max-width:144rem;margin-top:4rem;position:relative}
.about-page .box2 .swiper{height:43rem}
.about-page .box2 .swiper-slide{padding:3% 2%;background:#F5F5F5;cursor:pointer;transition:.3s}
.about-page .box2 .icon{width:5.6rem;height:5.1rem}
.about-page .box2 .name{margin-top:4rem;font-size:2rem;font-weight:bold}
.about-page .box2 .note{font-size:1.5rem;color:#666;line-height:3rem;margin-top:2rem}
.about-page .box2 .note>p{line-height:3rem}
.about-page .box2 .swiper-pagination{display:none}
.about-page .box2 .arrow{position:absolute;top:50%;transform:translateY(-50%);width:5rem;height:5rem;border-radius:50%;border:1px solid #000;background:url(../images/arrow4.png) no-repeat center center/.9rem;cursor:pointer;z-index:998;transition:.3s}
.about-page .box2 .arrow.prev{left:0;transform:translateY(-50%) rotate(180deg)}
.about-page .box2 .arrow.next{right:0}

.about-page .box3{padding:10rem 0;}
.about-page .box3 .tit-name{color:#fff}
.about-page .box3 .tit-note{color:#fff;opacity:.8}
.about-page .box3 .con{max-width:144rem;margin-top:4rem;position:relative}
.about-page .box3 .swiper{background:#fff;height:45rem}
.about-page .box3 .swiper-slide{padding:0 4%;cursor:pointer;transition:.3s;display:flex;flex-direction:column;justify-content:center}
.about-page .box3 .num{display:flex;justify-content:space-between;align-items:center;margin-top:-5%}
.about-page .box3 .num>span{font-size:6rem;color:#0048FF;font-weight:bold}
.about-page .box3 .icon{width:10.9rem;height:8.9rem}
.about-page .box3 .name{margin-top:4rem;font-size:2rem;font-weight:bold}
.about-page .box3 .note{font-size:1.5rem;color:#666;line-height:3rem;margin-top:2rem}
.about-page .box3 .note>p{line-height:3rem}
.about-page .box3 .swiper-pagination{display:none}
.about-page .box3 .arrow{position:absolute;top:50%;transform:translateY(-50%);width:5rem;height:5rem;border-radius:50%;background:#fff url(../images/arrow4.png) no-repeat center center/.9rem;cursor:pointer;z-index:998;transition:.3s}
.about-page .box3 .arrow.prev{left:0;transform:translateY(-50%) rotate(180deg)}
.about-page .box3 .arrow.next{right:0}

.about-page .box4{padding:10rem 0;}
.about-page .box4 .con{margin-top:5rem;position:relative}
.about-page .box4 .swiper{max-width:110rem}
.about-page .box4 .name{text-align:center;font-size:2.4rem;font-weight:bold;position:relative;color:#0048FF}
.about-page .box4 .name::after{content:'';position:absolute;bottom:-2.5rem;left:50%;transform:translateX(-50%);width:.8rem;height:.8rem;border-radius:50%;background:#0048FF;z-index:998}
.about-page .box4 .name::before{content:'';position:absolute;bottom:-3.2rem;left:50%;transform:translateX(-50%);width:2rem;height:2rem;border-radius:50%;border:1px #ccc solid;background:#fff;z-index:998}
.about-page .box4 .img_bg{margin-top:6rem;width:100%}
.about-page .box4 .img{width:100%;padding-bottom:66.6%}
.about-page .box4 .note{margin-top:1.5rem}
.about-page .box4 .line{position:absolute;top:5rem;left:0;width:100%;height:1px;background:#ddd}
.about-page .box4 .arrow{position:absolute;top:2.5rem;width:5rem;height:5rem;border-radius:50%;background:#eee url(../images/arrow4.png) no-repeat center center/.9rem;cursor:pointer;z-index:998;transition:.3s}
.about-page .box4 .arrow.prev{left:0;transform:rotate(180deg)}
.about-page .box4 .arrow.next{right:0}

.about-page .box5{background:#f5f5f5;padding:10rem 0;}
.about-page .box5 .con{margin-top:4rem;display:flex;flex-wrap:wrap}
.about-page .box5 .img_bg{background:#fff;margin-right:3.5rem;padding:2.4% 0;width:calc(20% - 2.8rem);margin-bottom:2rem}
.about-page .box5 .img_bg:nth-child(5n){margin-right:0}
.about-page .box5 .img{width:14.7rem;height:5.5rem}

@media (max-width:950px){
    .about-page .box1{padding:3rem 0 35rem;}
    .about-page .box1 .width{display:block}
    .about-page .box1 .note{width:100%;font-size:3rem;display:flex}
    .about-page .box1 .note>p{margin-right:1rem}
    .about-page .box1 .note>p:nth-child(2n){text-align:left;}
    .about-page .box1 .box1-r{width:100%}
    .about-page .box1 .name{font-size:2rem;margin-top:2.5rem}
    .about-page .box1 .detail{margin-top:1.5rem;height:30rem;font-size:1.4rem;}
    .about-page .box1 .detail p{margin-bottom:1rem;line-height:2.6rem}
    .about-page .box1 .num-animate{margin-top:2rem;overflow-x:auto;white-space:nowrap}
    .about-page .box1 .num-animate .item{padding-right:2rem;width:auto}
    .about-page .box1 .num-animate .item:last-child{padding-right:0}
    .about-page .box1 .num-animate .num>span:first-child{font-size:3rem;}
    .about-page .box1 .num-animate .num>span:last-child{font-size:1.4rem;}
    .about-page .box1 .num-animate .name{font-size:1.4rem;margin-top:.5rem;}
    
    .about-page .tit-name{font-size:2rem}
    .about-page .tit-note{font-size:1.4rem;margin-top:.5rem}
    
    .about-page .box2{padding:3rem 0 1rem}
    .about-page .box2 .con{margin-top:2rem;}
    .about-page .box2 .swiper{height:auto;width:100%;background:#f5f5f5}
    .about-page .box2 .swiper-wrapper{padding-bottom:5rem}
    .about-page .box2 .swiper-slide{padding:3rem}
    .about-page .box2 .icon{width:4.5rem;height:4.1rem;background-size:4.5rem auto !important}
    .about-page .box2 .name{margin-top:1rem;font-size:1.8rem}
    .about-page .box2 .note{font-size:1.4rem;line-height:2.6rem;margin-top:1rem}
    .about-page .box2 .note>p{line-height:2.6rem;}
    .about-page .box2 .swiper-pagination{display:block}
    .about-page .box2 .swiper-pagination-bullet-active{background:#0048FF}
    .about-page .box2 .arrow{display:none}
    
    .about-page .box3{padding:5rem 0;}
    .about-page .box3 .con{margin-top:2rem}
    .about-page .box3 .swiper{width:100%;height:auto}
    .about-page .box3 .swiper-slide{padding:3rem 3rem 5rem}
    .about-page .box3 .num>span{font-size:3rem}
    .about-page .box3 .icon{width:7rem;height:5.3rem;background-size:7rem auto !important}
    .about-page .box3 .name{margin-top:2rem;font-size:1.8rem}
    .about-page .box3 .note{font-size:1.4rem;line-height:2.6rem;margin-top:1rem}
    .about-page .box3 .note>p{line-height:2.6rem}
    .about-page .box3 .swiper-pagination{display:block;bottom:2rem !important}
    .about-page .box3 .swiper-pagination-bullet-active{background:#0048FF}
    .about-page .box3 .arrow{display:none}
    
    .about-page .box4{padding:3rem 0 4rem;}
    .about-page .box4 .con{margin-top:2rem}
    .about-page .box4 .swiper{width:100%}
    .about-page .box4 .name{font-size:2rem}
    .about-page .box4 .name::after{bottom:-2.1rem}
    .about-page .box4 .name::before{bottom:-2.9rem}
    .about-page .box4 .arrow{top:3.3rem;width:3.5rem;height:3.5rem;}
    
    .about-page .box5{padding:3rem 0;}
    .about-page .box5 .con{margin-top:2rem;}
    .about-page .box5 .img_bg{margin-right:1rem;padding:2%;width:calc(50% - .5rem);margin-bottom:1rem}
    .about-page .box5 .img_bg:nth-child(5n){margin-right:1rem}
    .about-page .box5 .img_bg:nth-child(2n){margin-right:0}
    .about-page .box5 .img{width:8rem;height:3rem;background-size:100% auto !important}
}
@media (max-width:769px){
    .about-page .box1 {
    padding: 3rem 0 20rem;
}
}
@media (any-hover:hover){
    .about-page .box2 .swiper-slide:hover{background:#0048FF;}
    .about-page .box2 .swiper-slide:hover .name{color:#fff}
    .about-page .box2 .swiper-slide:hover .note{color:#fff}
    .about-page .box2 .arrow:hover{background:#0048FF url(../images/arrow1.png) no-repeat center center/.9rem;border:1px solid #0048FF}
    
    .about-page .box3 .swiper-slide:hover{background:#0048FF;}
    .about-page .box3 .swiper-slide:hover .num>span{color:#fff}
    .about-page .box3 .swiper-slide:hover .name{color:#fff}
    .about-page .box3 .swiper-slide:hover .note{color:#fff}
    .about-page .box3 .arrow:hover{background:#0048FF url(../images/arrow1.png) no-repeat center center/.9rem}
    
    .about-page .box4 .arrow:hover{background:#0048FF url(../images/arrow1.png) no-repeat center center/.9rem}
}

/*新闻*/
.article-page .head{padding:10rem 0 4rem}
.article-page .head .swiper-slide{display:flex}
.article-page .head .img_bg{width:50%;position:relative}
.article-page .head .img{width:100%;padding-bottom:65.6%}
.article-page .head .info{background:#f5f5f5;padding:0 5%;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative}
.article-page .head .time{color:#666;font-size:1.6rem}
.article-page .head .name{font-size:2rem;max-width:100%;margin-top:1rem}
.article-page .head .note{line-height:2.4rem;color:#666;margin-top:2rem}
.article-page .head .btn{margin-top:4rem;padding:1.8rem 6rem 1.8rem 3.5rem;border-radius:5rem;background:url(../images/arrow.png) no-repeat 80% center;font-size:1.6rem;border:1px solid #ccc;transition:.3s}
.article-page .head .swiper-pagination{display:none}
.article-page .head .arrow{width:5rem;height:5rem;cursor:pointer;position:absolute;bottom:0;z-index:999;}
.article-page .head .prev{right:0;background:#fff url(../images/arrow4.png) no-repeat center center/.9rem;transform:rotate(180deg)}
.article-page .head .next{left:0;background:#0048FF url(../images/arrow1.png) no-repeat center center/.9rem}

.article-page .list{padding-bottom:10rem}
.article-page .list .item{padding:4rem 0;border-bottom:1px #ddd solid;display:flex;justify-content:space-between;align-items:center}
.article-page .list .img_bg{width:23.4%;}
.article-page .list .img_bg img{max-width: 100%;}
.article-page .list .img{width:100%;padding-bottom:67%}
.article-page .list .info{width:65.6%;padding:0 5%;    border-right: 1px #ddd solid;}
.article-page .list .info span{color:#0048FF !important;}
.article-page .list .name{font-size:2rem}
.article-page .list .note{line-height:3rem;color:#666;margin-top:1rem}
.article-page .list .time.pc{width:11%;display:flex;text-align:right;flex-direction:column}
.article-page .list .time.pc>span{color:#666;font-weight:bold}
.article-page .list .time.pc>span:first-child{font-size:4.8rem}
.article-page .list .time.pc>span:last-child{font-size:1.6rem}
.article-page .list .time.m{display:none}
.article-page .page{margin-top:5rem}

.article-page .detail{padding:6rem 0}
.article-page .detail .name{font-size:3.6rem;text-align:center;}
.article-page .detail .time{font-size:1.6rem;color:#999;margin-top:1.5rem;text-align:center;padding-bottom:3rem}
.article-page .detail .content{padding:2rem 0 10rem;border-top:1px solid #ccc}
.article-page .detail .content p{font-size:1.6rem;line-height:3rem;margin-bottom:2rem}
.article-page .detail .content img{display:block;margin:0 auto;height:auto !important;max-width:100%}
.article-page .detail .jump{border-top:1px solid #ccc;padding-top:5rem;display:flex;justify-content:space-between;align-items:center}
.article-page .detail .jump .btn{font-size:1.6rem;color:#fff;padding:1.8rem 0;width:13%;border-radius:5rem;background:#0048FF;transition:.3s;text-align:center}
.article-page .detail .jump .info{width:80%;}
.article-page .detail .jump .info>a{font-size:1.6rem;line-height:2rem;color:#666;}

@media (max-width:950px){
    .article-page .head{padding:3rem 0 0}
    .article-page .head .swiper-wrapper{padding-bottom:5rem}
    .article-page .head .swiper-slide{display:block}
    .article-page .head .img_bg{width:100%}
    .article-page .head .info{padding:3rem;width:100%}
    .article-page .head .time{font-size:1.4rem}
    .article-page .head .name{font-size:1.8rem}
    .article-page .head .note{margin-top:1rem;margin-top:.5rem}
    .article-page .head .btn{margin-top:2rem;padding:1rem 3.5rem 1rem 2rem;font-size:1.4rem}
    .article-page .head .swiper-pagination{display:block;}
    .article-page .head .swiper-pagination-bullet-active{background:#0048FF}
    .article-page .head .arrow{display:none}
    
    .article-page .list{padding-bottom:3rem}
    .article-page .list .item{padding:2rem 0 0;display:block;border-bottom:0}
    .article-page .list .img_bg{width:100%}
    .article-page .list .info{background:#f5f5f5;width:100%;padding:3rem;border-right:0}
    .article-page .list .name{font-size:1.8rem}
    .article-page .list .note{line-height:2.4rem}
    .article-page .list .time.pc{display:none}
    .article-page .list .time.m{display:block;color:#999;margin-top:1rem}
    .article-page .page{margin-top:3rem}
    
    .article-page .detail{padding:3rem 0}
    .article-page .detail .name{font-size:2rem;text-align:center;}
    .article-page .detail .time{font-size:1.4rem;margin-top:1rem;padding-bottom:1.5rem}
    .article-page .detail .content{padding:2rem 0}
    .article-page .detail .content p{font-size:1.4rem;line-height:2.8rem;margin-bottom:1.5rem}
    .article-page .detail .jump{padding-top:2rem;display:block}
    .article-page .detail .jump .btn{font-size:1.4rem;padding:1rem 2rem;width:auto;display:inline-block}
    .article-page .detail .jump .info{width:100%;}
    .article-page .detail .jump .info>a{font-size:1.4rem;margin-bottom:1rem}
}

@media (any-hover:hover){
    .article-page .head .btn:hover{background:#0048FF url(../images/arrow-w.png) no-repeat 80% center;color:#fff}
    .article-page .head .prev:hover{background:#0048FF url(../images/arrow1.png) no-repeat center center/.9rem}
    .article-page .head .next:hover{background-color:#0042FD}
    
    .article-page .list .item:hover .name{color:#0048FF}
    .article-page .list .item:hover .time>span{color:#0048FF}
    
    .article-page .detail .jump a:hover{color:#0048FF}
    .article-page .detail .jump .btn:hover{background:#0042FD;color:#fff}
}

/*联系*/
.contact-page{position:relative}
.contact-page #map{width:53%;position:absolute;height:64rem;left:0;top:0}
.contact-page #map img{width: 100%;}
.anchorBL,.BMapLabel{display:none !important}
.contact-page .con .width{display:flex;justify-content:flex-end}
.contact-page .con .info{width:45%;padding:0 5%;height:64rem;display:flex;flex-direction:column;justify-content:center}
.contact-page .con .item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px #ddd solid;padding:3rem 0}
.contact-page .con .item .icon{width:3.6rem;height:3.5rem}
.contact-page .con .address .icon{background:url(../images/26.png) no-repeat center center/3.6rem}
.contact-page .con .phone .icon{background:url(../images/27.png) no-repeat center center/3.6rem}
.contact-page .con .email .icon{background:url(../images/28.png) no-repeat center center/3.6rem}
.contact-page .con .item .txt{width:calc(100% - 8rem)}
.contact-page .con .item .txt>p:first-child{font-size:2.4rem;color:#0048FF}
.contact-page .con .item .txt>p:last-child{font-size:1.8rem;margin-top:1rem;line-height:3rem}
.contact-page .con .qrs{display:flex;justify-content:space-between;margin-top:15%}
.contact-page .con .qr{width:10rem;}
.contact-page .con .qr .img{width:10rem;height:10rem}
.contact-page .con .qr .name{text-align:center;margin-top:1rem}

@media (max-width:950px){
    .contact-page{position:static}
    .contact-page #map{width:100%;height:auto;position:static}
    .contact-page .con .width{display:block}
    .contact-page .con .info{width:100%;padding:0;margin-top:1.5rem;height:auto;}
    .contact-page .con .item{padding:1.5rem 0}
    .contact-page .con .item .icon{width:3rem;height:2.9rem;background-size:3rem auto !important}
    .contact-page .con .item .txt{width:calc(100% - 5rem)}
    .contact-page .con .item .txt>p:first-child{font-size:1.6rem;}
    .contact-page .con .item .txt>p:last-child{font-size:1.4rem;margin-top:0;line-height:2.4rem}
    .contact-page .con .qrs{margin:3rem 0}
}