/*首页*/
.index-page .tit-name{font-size:42px;line-height:52px;text-align:center}
.index-page .btn{display:inline-block;padding:12px 55px 12px 30px;background:#d2433f url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow-w.ee1eac14.png) no-repeat 80% center;color:#fff;border-radius:23px;margin-right:20px;border:1px #d2433f solid;transition:.3s}

.index-page .banner .swiper-slide{position:relative;cursor:pointer}
.index-page .banner .img{width:100%;position:relative;overflow:hidden}
.index-page .banner .img picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.index-page .banner .img img{width:100%;height:100%;object-fit:cover;display:block}
.index-page .banner .hero-visual{position:relative;width:100%;padding-bottom:33.33%;overflow:hidden}
.index-page .banner .hero-visual picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.index-page .banner .hero-visual img{width:100%;height:100%;object-fit:cover;display:block}
.index-page .banner .m{display:none}
.index-page .banner .pc{padding-bottom:33.33%}
.index-page .banner .swiper-slide .width{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%)}
.index-page .banner .info{width:43%}
.index-page .banner .name{font-size:48px;line-height:60px}
.index-page .banner .note{font-size:36px;margin:20px 0 10px}
.index-page .banner .detail{font-size:18px;color:#666;margin-bottom:60px}
.index-page .banner .btns{display:flex}
.index-page .banner .btns .btn:not(:first-of-type){ display: none;}
.index-page .banner .btn1{border:1px rgba(0,0,0,.3) solid;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3%208%20H13%20M9%204%20L13%208%20L9%2012%22%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");color:#333}
.index-page .banner .swiper-pagination{bottom:16%;left:50%;transform:translateX(-50%);text-align:left;width:calc(100% - 100px) !important}
.index-page .banner .swiper-pagination-bullet{opacity:1;background:#fff;width:10px;height:10px}
.index-page .banner .swiper-pagination-bullet-active{background:#007aff}

.index-page .box1 ul{display:flex;justify-content:space-between;background:#fff;position:relative;z-index:998;margin-top:-60px;padding:25px 100px 30px;border-radius:20px;box-shadow:0 11px 22px rgba(2,82,130,.07)}
.index-page .box1 li{max-width:25%;display:flex;justify-content:center}
.index-page .box1 .icon{width:51px;height:46px;display:flex;justify-content:center;align-items:center;margin:25px 15px 0 0}
.index-page .box1 .icon>img{width:auto;height:auto;max-width:100%;max-height:100%}
.index-page .box1 .info{flex:1}
.index-page .box1 .num{display:flex;align-items:flex-end}
.index-page .box1 .num>span:first-child{font-size:48px}
.index-page .box1 .num>span:last-child{font-size:16px;color:#000;margin:0 0 10px 5px}
.index-page .box1 .note{font-size:16px;color:#666;line-height:26px;margin-top:-5px}

.index-page .box2{padding-top:70px}
.index-page .box2 li:nth-child(2n){background:#f4fbfe}
.index-page .box2 li>.width{display:flex;justify-content:space-between;align-items:center;padding:80px 0}
.index-page .box2 .img{width:58.12%;display:flex}
.index-page .box2 li:nth-child(2n) .img{justify-content:flex-end}
.index-page .box2 .img>img{max-width:100%}
.index-page .box2 .info{width:40%}
.index-page .box2 .name{font-size:30px;line-height:40px;margin-bottom:40px}
.index-page .box2 .item{margin-bottom:30px}
.index-page .box2 .item>p{padding-left:30px}
.index-page .box2 .item>p:first-child{font-size:20px;line-height:30px;background:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/2.36d131f6.png) no-repeat left 5px/20px;margin-bottom:10px}
.index-page .box2 .item>p:last-child{font-size:16px;line-height:24px}
.index-page .box2 .btn{margin-top:15px}

.index-page .box3{padding:80px 0 60px}
.index-page .box3 ul{display:flex;flex-wrap:wrap;margin-top:40px}
.index-page .box3 li{margin-right:27px;width:calc(100% / 6 - 22.5px);background:#fff;border-radius:10px;padding:60px 40px 50px;margin-bottom:20px;transition:.3s}
.index-page .box3 li:nth-child(6n){margin-right:0}
.index-page .box3 .icon{width:65px;height:55px;margin:0 auto;display:flex;justify-content:center;align-items:center;margin-bottom:20px}
.index-page .box3 .icon>img{width:auto;height:auto;max-width:100%;max-height:100%}
.index-page .box3 p{text-align:center;font-size:16px;line-height:26px}

.index-page .box4{padding:80px 0}
.index-page .box4 .tit-note{font-size:18px;line-height:28px;color:#666;text-align:center;margin-top:10px}
.index-page .box4 .con{margin-top:40px;max-width:1475px;position:relative}
.index-page .box4 .swiper-container{padding:10px;max-width:1300px}
.index-page .box4 .img-bg{border-radius:20px 20px 0 0;position:relative}
.index-page .box4 .img{width:100%;padding-bottom:73.33%;}
.index-page .box4 .mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(26,53,102,.4)}
.index-page .box4 .name{position:absolute;bottom:0;left:0;width:100%;padding:10% 30px 25px;font-size:22px;color:#fff;transition:.3s;background:linear-gradient(to bottom,transparent 25%,rgba(0,0,0,.5) 75%)}
.index-page .box4 .note{box-shadow:0 0 10px #ddd;border-radius:0 0 20px 20px;padding:25px 30px 35px}
.index-page .box4 .note>p{font-size:16px;line-height:24px;color:#666;}
.index-page .box4 .arrow{width:48px;height:48px;border:1px solid #ddd;border-radius:50%;background:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow1-g.288e997d.png) no-repeat center center/7px;position:absolute;transition:.3s;cursor:pointer;top:50%;transform:translateY(-50%)}
.index-page .box4 .prev{left:0;transform:translateY(-50%) rotate(180deg)}
.index-page .box4 .next{right:0}
.index-page .box4 .swiper-pagination{display:none}

.index-page .box5{padding:80px 0 60px}
.index-page .box5 .tit-name{color:#fff}
.index-page .box5 ul{display:flex;flex-wrap:wrap;margin-top:40px}
.index-page .box5 li{width:calc(20% - 16px);margin-right:20px;margin-bottom:20px;background:#fff;border-radius:20px;padding:65px 25px 50px 35px;transition:.3s}
.index-page .box5 li:nth-child(5n){margin-right:0}
.index-page .box5 .icon{width:46px;height:43px;display:flex;justify-content:center;align-items:center}
.index-page .box5 .icon>img{width:auto;height:auto;max-width:100%;max-height:100%}
.index-page .box5 .name{font-size:18px;margin:25px 0 15px}
.index-page .box5 .note{font-size:16px;color:#666;line-height:24px}

.index-page .box6{padding:80px 0}
.index-page .box6 .swiper-container{display:none}
.index-page .box6 .btns{text-align:center;margin-top:40px}

.index-page .box7{padding:80px 0 50px}
.index-page .box7 ul{margin-top:40px;display:flex;flex-wrap:wrap}
.index-page .box7 li{margin-bottom:30px;margin-right:30px;width:calc(100% / 3 - 20px)}
.index-page .box7 li:nth-child(3n){margin-right:0}
.index-page .box7 .img-bg{border-radius:10px 10px 0 0;position:relative}
.index-page .box7 .img{width:100%;padding-bottom:49.38%;}
.index-page .box7 .mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,122,255,.2)}
.index-page .box7 .name{position:absolute;bottom:0;left:0;width:100%;padding:10% 30px 25px;font-size:22px;color:#fff;transition:.3s;background:linear-gradient(to bottom,transparent 25%,rgba(0,0,0,.5) 75%)}
.index-page .box7 .info{border:1px #eee solid;border-top:0;border-radius:0 0 10px 10px;padding:20px 35px 30px}
.index-page .box7 .info>p{line-height:40px;display:flex}
.index-page .box7 .info>p>span{color:#999;width:45px}
.index-page .box7 .info>p>a{flex:1}

.index-page .box8{padding:80px 0}
.index-page .box8 .tit-name{color:#fff}
.index-page .box8 .btns{text-align:center;margin-top:25px}
.index-page .box8 .btn{background-image:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow-m.2829cd57.png);background-color:#fff;color:#0066e0;border:0}

@media (max-width:1440px){
    .index-page .banner .name{font-size:40px;line-height:50px}
    .index-page .banner .note{font-size:30px;margin:15px 0 10px}
    .index-page .banner .detail{font-size:16px;margin-bottom:30px}
}

@media (max-width:750px){
    .index-page .tit-name{font-size:22px;line-height:32px}
    .index-page .btn{padding:10px 40px 10px 25px;background-size:6px;background-position:85% center;margin-right:0}
    
    .index-page .banner .pc{display:none}
    .index-page .banner .m{display:block;padding-bottom:133.33%}
    .index-page .banner .hero-visual{padding-bottom:133.33%}
    .index-page .banner .swiper-slide .width{top:30px;transform:translate(-50%,0)}
    .index-page .banner .info{width:100%}
    .index-page .banner .name{font-size:22px;line-height:32px;text-align:center}
    .index-page .banner .note{font-size:16px;margin:10px 0 5px;text-align:center}
    .index-page .banner .detail{font-size:14px;margin-bottom:20px;text-align:center}
    .index-page .banner .btns{justify-content:center;flex-direction: column;align-items: center;gap: 10px;}
    .index-page .banner .btns .btn:not(:first-of-type){display: block;}
    .index-page .banner .btn1{margin-right:0}
    .index-page .banner .btn:first-child{margin-right:15px}
    .index-page .banner .swiper-pagination{bottom:15px;text-align:center}
    
    .index-page .box1 ul{flex-wrap:wrap;margin-top:0;padding:30px 30px 10px;margin:30px 0}
    .index-page .box1 li{max-width:50%;width:calc(50% - 10px);flex-direction:column;align-items:center;margin-bottom:20px}
    .index-page .box1 li:nth-child(2n+1){margin-right:20px}
    .index-page .box1 .icon{width:45px;height:40px;margin:0 0 5px 0}
    .index-page .box1 .num{justify-content:center;margin-bottom:5px}
    .index-page .box1 .num>span:first-child{font-size:35px}
    .index-page .box1 .num>span:last-child{font-size:14px;margin:0 0 5px 5px}
    .index-page .box1 .note{font-size:14px;line-height:24px;text-align:center}
    
    .index-page .box2{padding-top:0}
    .index-page .box2 li>.width{display:block;padding:30px 0}
    .index-page .box2 .img{width:100%;margin-bottom:20px}
    .index-page .box2 li:nth-child(2n) .img{justify-content:center}
    .index-page .box2 .info{width:100%}
    .index-page .box2 .name{font-size:18px;line-height:28px;margin-bottom:15px}
    .index-page .box2 .item{margin-bottom:10px}
    .index-page .box2 .item>p{padding-left:30px}
    .index-page .box2 .item>p:first-child{font-size:16px;line-height:26px;background-size:18px;background-position:left 3px;margin-bottom:5px}
    .index-page .box2 .item>p:last-child{font-size:14px}
    .index-page .box2 .btn{margin-top:10px}
    
    .index-page .box3{padding:30px 0 20px}
    .index-page .box3 ul{margin-top:20px}
    .index-page .box3 li{margin-right:10px;width:calc(50% - 5px);padding:30px 25px 20px;margin-bottom:10px}
    .index-page .box3 li:nth-child(6n){margin-right:10px}
    .index-page .box3 li:nth-child(2n){margin-right:0}
    .index-page .box3 .icon{width:55px;height:45px;margin-bottom:10px}
    .index-page .box3 p{font-size:14px;line-height:24px}
    
    .index-page .box4{padding:30px 0}
    .index-page .box4 .tit-note{font-size:14px;line-height:24px;margin-top:5px}
    .index-page .box4 .con{margin-top:20px}
    .index-page .box4 .swiper-container{padding:0;width:100%;border-radius:20px}
    .index-page .box4 .name{font-size:18px;text-align:center;padding-bottom:15px}
    .index-page .box4 .note{background:#fff;box-shadow:none;border-radius:0 0 20px 20px;padding:20px 20px 50px;border:1px #eee solid;border-top:0}
    .index-page .box4 .note>p{font-size:14px;text-align:center}
    .index-page .box4 .arrow{display:none}
    .index-page .box4 .swiper-pagination{display:block;bottom:20px;text-align:center}
    .index-page .box4 .swiper-pagination-bullet{background:#ccc;opacity:1}
    .index-page .box4 .swiper-pagination-bullet-active{background:#007aff}
    
    .index-page .box5{padding:30px 0 20px}
    .index-page .box5 ul{margin-top:20px}
    .index-page .box5 li{width:100%;margin-right:0;margin-bottom:10px;padding:25px}
    .index-page .box5 li:nth-child(5n){margin-right:0}
    .index-page .box5 .icon{width:38px;height:35px}
    .index-page .box5 .name{font-size:16px;margin:15px 0 5px}
    .index-page .box5 .note{font-size:14px}
    
    .index-page .box6{padding:30px 0}
    .index-page .box6 .empile{display:none}
    .index-page .box6 .swiper-container{display:block;margin-top:20px;border-radius:20px}
    .index-page .box6 .img{width:100%;padding-bottom:46.91%}
    .index-page .box6 .info{background:#fff;padding:25px 25px 60px}
    .index-page .box6 .info>a,.index-page .box6 .info>.b{font-size:16px}
    .index-page .box6 .info>span{font-size:14px;margin:10px 0 5px}
    .index-page .box6 .info>p{font-size:14px}
    .index-page .box6 .swiper-pagination{bottom:20px;text-align:center}
    .index-page .box6 .swiper-pagination-bullet{background:#ccc;opacity:1}
    .index-page .box6 .swiper-pagination-bullet-active{background:#007aff}
    .index-page .box6 .btns{margin-top:20px}
    
    .index-page .box7{padding:30px 0 10px}
    .index-page .box7 ul{margin-top:20px;display:block}
    .index-page .box7 li{margin-bottom:20px;margin-right:0;width:100%}
    .index-page .box7 .name{font-size:18px;text-align:center;padding-bottom:15px}
    .index-page .box7 .info{padding:20px 25px}
    .index-page .box7 .info>p{line-height:30px}
    
    .index-page .box8{padding:50px 0}
    .index-page .box8 .tit-name{font-size:20px}
    .index-page .box8 .btns{margin-top:15px}
}

@media (any-hover:hover){
    .index-page .btn:hover{background-color:#d2433f;border-color:#d2433f}
    
    .index-page .banner .btn1:hover{background-color:#007aff;background-image:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow-w.ee1eac14.png);color:#fff;border-color:#007aff}
    
    .index-page .box3 li:hover{transform:translateY(-10px)}
    
    .index-page .box4 .swiper-slide:hover .img{transform:scale(1.1)}
    .index-page .box4 .swiper-slide:hover .name{padding-bottom:30px}
    .index-page .box4 .arrow:hover{background-color:#007aff;border-color:#007aff;background-image:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow1-w.2109f19f.png)}
    
    .index-page .box5 li:hover{transform:translateY(-10px)}
    
    .index-page .box6 .arrow:hover{background-color:#007aff;background-image:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow1-w.2109f19f.png)}
    
    .index-page .box7 li:hover .img{transform:scale(1.1)}
    .index-page .box7 li:hover .name{padding-bottom:30px}
    .index-page .box7 li p>a:hover{color:#007aff}
    
    .index-page .box8 .btn:hover{background-image:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow-w.ee1eac14.png);color:#fff}
}

/*产品*/
.goods-page .tit-name{font-size:42px;line-height:52px;text-align:center}
.goods-page .btn{margin-top:15px;display:inline-block;padding:12px 55px 12px 30px;background:#007aff url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow-w.ee1eac14.png) no-repeat 80% center;color:#fff;border-radius:23px;border:1px #007aff solid;transition:.3s}

.goods-page .box1{padding:20px 0 55px}
.goods-page .box1 ul{display:flex;flex-wrap:wrap;margin-top:35px}
.goods-page .box1 li{width:calc(100% / 3 - 16px);margin-right:24px;margin-bottom:25px;background:#f4fbfe;border-radius:10px;padding:60px 50px;display:flex;box-shadow:0 10px 15px rgba(0,122,255,.1);transition:.3s}
.goods-page .box1 li:nth-child(3n){margin-right:0}
.goods-page .box1 .icon{width:56px;height:48px;margin:10px 20px 0 0}
.goods-page .box1 p{font-size:18px;line-height:30px;flex:1}

.goods-page .box2 li:nth-child(2n){background:#f4fbfe}
.goods-page .box2 li>.width{display:flex;justify-content:space-between;align-items:center;padding:60px 0}
.goods-page .box2 .img{width:58.12%;display:flex}
.goods-page .box2 li:nth-child(2n) .img{justify-content:flex-end}
.goods-page .box2 .img>img{max-width:100%}
.goods-page .box2 .info{width:40%}
.goods-page .box2 .name{font-size:30px;line-height:40px}
.goods-page .box2 .note{font-size:18px;line-height:30px;color:#666;margin:25px 0 35px}
.goods-page .box2 .item{margin:40px 0 30px}
.goods-page .box2 .item>p{padding-left:30px}
.goods-page .box2 .item>p:first-child{font-size:20px;line-height:30px;background:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/2.36d131f6.png) no-repeat left 5px/20px;margin-bottom:10px}
.goods-page .box2 .item>p:last-child{font-size:16px;line-height:24px}

.goods-page .box3{padding:80px 0 60px}
.goods-page .box3 ul{display:flex;flex-wrap:wrap;margin-top:40px}
.goods-page .box3 li{margin-right:27px;width:calc(100% / 6 - 22.5px);background:#fff;border-radius:10px;padding:60px 40px 50px;margin-bottom:20px;transition:.3s}
.goods-page .box3 li:nth-child(6n){margin-right:0}
.goods-page .box3 .icon{width:65px;height:55px;margin:0 auto;display:flex;justify-content:center;align-items:center;margin-bottom:20px}
.goods-page .box3 .icon>img{max-width:100%;max-height:100%}
.goods-page .box3 p{text-align:center;font-size:16px;line-height:26px}

.goods-page .box4{padding:80px 0 60px}
.goods-page .box4 .tit-name{color:#fff}
.goods-page .box4 ul{display:flex;flex-wrap:wrap;margin-top:40px}
.goods-page .box4 li{width:calc(20% - 16px);margin-right:20px;margin-bottom:20px;background:#fff;border-radius:20px;padding:65px 25px 50px 35px;transition:.3s}
.goods-page .box4 li:nth-child(5n){margin-right:0}
.goods-page .box4 .icon{width:46px;height:43px;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:18px;margin:25px 0 15px}
.goods-page .box4 .note{font-size:16px;color:#666;line-height:24px}

.goods-page .box5{padding:80px 0}
.goods-page .box5 ul{display:flex;justify-content:space-between}
.goods-page .box5 li{display:flex;justify-content:center}
.goods-page .box5 .icon{width:51px;height:42px;display:flex;justify-content:center;align-items:center;margin:25px 15px 0 0}
.goods-page .box5 .icon>img{max-width:100%;max-height:100%}
.goods-page .box5 .info{flex:1}
.goods-page .box5 .num{display:flex;align-items:flex-end}
.goods-page .box5 .num>span:first-child{font-size:48px;color:#007aff}
.goods-page .box5 .num>span:last-child{font-size:16px;margin:0 0 10px 5px}
.goods-page .box5 .note{font-size:16px;line-height:26px}
.goods-page .box5 .line{width:1px;height:40px;background:rgba(0,0,0,.15);margin-top:25px}

.goods-page .box6{padding:80px 0}
.goods-page .box6 .swiper-container{display:none}
.goods-page .box6 .btns{text-align:center;margin-top:40px}

.goods-page .box7{padding:80px 0}
.goods-page .box7 .tit-name{color:#fff}
.goods-page .box7 .btns{text-align:center;margin-top:25px}
.goods-page .box7 .btn{background-image:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow-m.2829cd57.png);background-color:#fff;color:#007aff;border:0}

.goods-page .box8{padding:20px 0 55px}
.goods-page .box8 ul{display:flex;flex-wrap:wrap;margin-top:35px}
.goods-page .box8 li{width:calc(100% / 3 - 16px);margin-right:24px;margin-bottom:25px;background:#f4fbfe;border-radius:10px;padding:45px;display:flex;box-shadow:0 10px 15px rgba(0,122,255,.1);transition:.3s}
.goods-page .box8 li:nth-child(3n){margin-right:0}
.goods-page .box8 .icon{width:56px;height:48px;margin:10px 20px 0 0}
.goods-page .box8 .info{flex:1}
.goods-page .box8 p:first-child{font-size:18px;line-height:30px;margin-bottom:5px}
.goods-page .box8 p:last-child{line-height:24px;color:#666}

.goods-page .box9{margin:40px auto 80px;display:flex;align-items:center;background:#f4fbfe;border-radius:20px}
.goods-page .box9 .img-bg{width:54.68%;border-radius:20px 0 0 20px}
.goods-page .box9 .img{width:100%;padding-bottom:71.42%}
.goods-page .box9 .info{flex:1;padding:60px}
.goods-page .box9 .tit-name{text-align:left;margin-bottom:30px}
.goods-page .box9 p:last-child{line-height:30px;font-size:16px;color:#666;max-height:300px;overflow-y:hidden}

.goods-page .box10{padding:60px 0 80px}
.goods-page .box10 .tit-name{color:#fff}
.goods-page .box10 .note{font-size:20px;line-height:30px;color:#fff;text-align:center;margin:25px 0 60px}
.goods-page .box10 .con{display:flex;justify-content:space-between}
.goods-page .box10 .img{width:27.81%;display:flex;justify-content:center;align-items:center}
.goods-page .box10 .img>img{max-width:100%;max-height:100%}
.goods-page .box10 ul{width:72%;display:flex;flex-wrap:wrap}
.goods-page .box10 li{width:calc(100% / 3 - 20px);margin-right:30px;margin-bottom:40px}
.goods-page .box10 li:nth-child(3n){margin-right:0}
.goods-page .box10 .icon{margin:0 auto 15px;width:100px;height:100px;display:flex;justify-content:center;align-items:center}
.goods-page .box10 .icon>img{max-width:100%;max-height:100%}
.goods-page .box10 li>p{font-size:16px;line-height:26px;color:#fff;text-align:center}

.goods-page .box11{background:#f4fbfe;padding:40px 0 30px}
.goods-page .box11 li{background:#fff;padding:50px 50px 20px;margin-bottom:40px}
.goods-page .box11 .tit-name{text-align:left;position:relative;padding-left:22px;display:inline}
.goods-page .box11 .tit-name::before{content:'';width:5px;height:40px;background:#007aff;position:absolute;top:10px;left:0;}
.goods-page .box11 .tit-name>span{font-size:18px;color:#666;font-weight:normal;padding-left:10px}
.goods-page .box11 li>p{font-size:16px;line-height:30px;color:#666;margin:20px 0 30px}
.goods-page .box11 .con{display:flex;flex-wrap:wrap}
.goods-page .box11 .img-bg{width:calc(50% - 15px);border-radius:20px;margin-bottom:30px}
.goods-page .box11 .img-bg:nth-child(2n+1){margin-right:30px}
.goods-page .box11 .img{width:100%;padding-bottom:48.69%}

@media (max-width:750px){
    .goods-page .tit-name{font-size:22px;line-height:32px}
    .goods-page .btn{padding:10px 40px 10px 25px;background-size:6px;background-position:85% center;margin-right:0;margin-top:0}
    
    .goods-page .box1{padding:10px 0 20px}
    .goods-page .box1 ul{display:block;margin-top:20px}
    .goods-page .box1 li{width:100%;margin-right:0;margin-bottom:20px;padding:30px;display:block}
    .goods-page .box1 .icon{width:46px;height:38px;margin:0 auto 10px;background-size:46px}
    .goods-page .box1 p{font-size:16px;line-height:26px;text-align:center}
    
    .goods-page .box2 li>.width{display:block;padding:30px 0}
    .goods-page .box2 .img{width:100%;margin-bottom:20px}
    .goods-page .box2 li:nth-child(2n) .img{justify-content:center}
    .goods-page .box2 .info{width:100%}
    .goods-page .box2 .name{font-size:18px;line-height:28px;margin-bottom:15px}
    .goods-page .box2 .note{font-size:14px;line-height:24px;margin:0 0 10px}
    .goods-page .box2 .item{margin:0 0 10px}
    .goods-page .box2 .item>p{padding-left:30px}
    .goods-page .box2 .item>p:first-child{font-size:16px;line-height:26px;background-size:18px;background-position:left 3px;margin-bottom:5px}
    .goods-page .box2 .item>p:last-child{font-size:14px}
    .goods-page .box2 .btn{margin-top:10px}
    
    .goods-page .box3{padding:30px 0 20px}
    .goods-page .box3 ul{margin-top:20px}
    .goods-page .box3 li{margin-right:10px;width:calc(50% - 5px);padding:30px 25px 20px;margin-bottom:10px}
    .goods-page .box3 li:nth-child(6n){margin-right:10px}
    .goods-page .box3 li:nth-child(2n){margin-right:0}
    .goods-page .box3 .icon{width:55px;height:45px;margin-bottom:10px}
    .goods-page .box3 p{font-size:14px;line-height:24px}
    
    .goods-page .box4{padding:30px 0 20px}
    .goods-page .box4 ul{margin-top:20px}
    .goods-page .box4 li{width:100%;margin-right:0;margin-bottom:10px;padding:25px}
    .goods-page .box4 li:nth-child(5n){margin-right:0}
    .goods-page .box4 .icon{width:38px;height:35px}
    .goods-page .box4 .name{font-size:16px;margin:15px 0 5px}
    .goods-page .box4 .note{font-size:14px}
    
    .goods-page .box5{padding:30px 0 10px}
    .goods-page .box5 ul{flex-wrap:wrap}
    .goods-page .box5 li{width:50%;padding:0 10px;flex-direction:column;align-items:center;margin-bottom:20px}
    .goods-page .box5 .icon{width:45px;height:40px;margin:0 0 10px 0}
    .goods-page .box5 .num{justify-content:center}
    .goods-page .box5 .num>span:first-child{font-size:35px}
    .goods-page .box5 .num>span:last-child{font-size:14px;margin:0 0 5px 5px}
    .goods-page .box5 .note{font-size:14px;line-height:24px}
    .goods-page .box5 .line{display:none}
    
    .goods-page .box6{padding:30px 0}
    .goods-page .box6 .empile{display:none}
    .goods-page .box6 .swiper-container{display:block;margin-top:20px;border-radius:20px}
    .goods-page .box6 .img{width:100%;padding-bottom:46.91%}
    .goods-page .box6 .info{background:#fff;padding:25px 25px 60px}
    .goods-page .box6 .info>a{font-size:16px}
    .goods-page .box6 .info>span{font-size:14px;margin:10px 0 5px}
    .goods-page .box6 .info>p{font-size:14px}
    .goods-page .box6 .swiper-pagination{bottom:20px;text-align:center}
    .goods-page .box6 .swiper-pagination-bullet{background:#ccc;opacity:1}
    .goods-page .box6 .swiper-pagination-bullet-active{background:#007aff}
    .goods-page .box6 .btns{margin-top:20px}
    
    .goods-page .box7{padding:50px 0}
    .goods-page .box7 .tit-name{font-size:20px}
    .goods-page .box7 .btns{margin-top:20px}
    
    .goods-page .box8{padding:10px 0 20px}
    .goods-page .box8 ul{display:block;margin-top:20px}
    .goods-page .box8 li{width:100%;margin-right:0;margin-bottom:20px;padding:20px;flex-direction:column;align-items:center}
    .goods-page .box8 .icon{width:46px;height:38px;background-size:46px;margin:0 auto 15px}
    .goods-page .box8 p{text-align:center}
    .goods-page .box8 p:first-child{font-size:16px;line-height:26px}
    
    .goods-page .box9{margin:10px auto 30px;display:block}
    .goods-page .box9 .img-bg{width:100%;border-radius:20px 20px 0 0}
    .goods-page .box9 .info{padding:25px}
    .goods-page .box9 .tit-name{margin-bottom:20px}
    .goods-page .box9 p:last-child{line-height:24px;font-size:14px;max-height:240px}
    
    .goods-page .box10{padding:30px 0 10px}
    .goods-page .box10 .note{font-size:14px;line-height:24px;margin:10px 0 20px}
    .goods-page .box10 .con{flex-wrap:wrap}
    .goods-page .box10 .img{width:100%;margin-bottom:20px}
    .goods-page .box10 ul{width:100%}
    .goods-page .box10 li{width:calc(50% - 10px);margin-right:20px;margin-bottom:20px}
    .goods-page .box10 li:nth-child(3n){margin-right:20px}
    .goods-page .box10 li:nth-child(2n){margin-right:0}
    .goods-page .box10 .icon{margin:0 auto 10px;width:80px;height:80px}
    .goods-page .box10 li>p{font-size:14px;line-height:24px}
    
    .goods-page .box11{padding:30px 0}
    .goods-page .box11 li{padding:25px 20px 10px;margin-bottom:20px}
    .goods-page .box11 .tit-name{padding-left:15px}
    .goods-page .box11 .tit-name::before{width:3px;height:22px;top:5px}
    .goods-page .box11 .tit-name>span{display:block;font-size:14px;padding-left:20px}
    .goods-page .box11 li>p{font-size:14px;line-height:24px;margin:10px 0 20px}
    .goods-page .box11 .con{display:block}
    .goods-page .box11 .img-bg{width:100%;margin-bottom:15px}
    .goods-page .box11 .img-bg:nth-child(2n+1){margin-right:0}
}

@media (any-hover:hover){
    .goods-page .btn:hover{background-color:#2DA8CB;border-color:#2DA8CB}
    
    .goods-page .box1 li:hover{transform:translateY(-5px)}
    
    .goods-page .box3 li:hover{transform:translateY(-10px)}
    
    .goods-page .box4 li:hover{transform:translateY(-10px)}
    
    .goods-page .box6 .arrow:hover{background-color:#007aff;background-image:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow1-w.2109f19f.png)}
    
    .goods-page .box7 .btn:hover{background-image:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow-w.ee1eac14.png);color:#fff}
    
    .goods-page .box8 li:hover{transform:translateY(-5px)}
}

/*解决方案*/
.plan-page .tit-name{font-size:42px;line-height:52px;text-align:center}
.plan-page .btn{margin-top:15px;display:inline-block;padding:12px 55px 12px 30px;background:#007aff url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow-w.ee1eac14.png) no-repeat 80% center;color:#fff;border-radius:23px;border:1px #007aff solid;transition:.3s}

.plan-page .box1{padding:20px 0 55px}
.plan-page .box1 ul{display:flex;flex-wrap:wrap;margin-top:35px}
.plan-page .box1 li{width:calc(25% - 15px);margin-right:20px;margin-bottom:30px;background:#f4fbfe;border-radius:10px;padding:45px 45px 60px;box-shadow:0 10px 15px rgba(0,122,255,.1);transition:.3s}
.plan-page .box1 li:nth-child(4n){margin-right:0}
.plan-page .box1 .icon{width:56px;height:48px;}
.plan-page .box1 p:nth-of-type(1){font-size:18px;line-height:28px;margin:25px 0 10px}
.plan-page .box1 p:last-child{line-height:24px;color:#666}

.plan-page .box2{background:#f4fbfe;padding-top:45px}
.plan-page .box2 li:nth-child(2n){background:#fff}
.plan-page .box2 li>.width{display:flex;justify-content:space-between;align-items:center;padding:60px 0}
.plan-page .box2 .img{width:58.12%;display:flex}
.plan-page .box2 li:nth-child(2n) .img{justify-content:flex-end}
.plan-page .box2 .img>img{max-width:100%}
.plan-page .box2 .info{width:40%}
.plan-page .box2 .name{font-size:30px;line-height:40px}
.plan-page .box2 .note{font-size:18px;line-height:30px;color:#666;margin:25px 0 35px}

.plan-page .box3{padding:70px 0 100px}
.plan-page .box3 ul{display:flex;flex-wrap:wrap;margin-top:35px}
.plan-page .box3 li{width:calc(100% / 3 - 16px);margin-right:24px;margin-bottom:30px;background:#fff;border-radius:10px;padding:45px;transition:.3s}
.plan-page .box3 li:nth-child(3n){margin-right:0}
.plan-page .box3 .icon{width:56px;height:48px;}
.plan-page .box3 p:nth-of-type(1){font-size:20px;line-height:30px;margin:15px 0 10px}
.plan-page .box3 p:last-child{line-height:26px;font-size:16px;color:#666}

.plan-page .box4{padding:80px 0 60px}
.plan-page .box4 .tit-name{color:#fff}
.plan-page .box4 ul{display:flex;flex-wrap:wrap;margin-top:40px}
.plan-page .box4 li{width:calc(20% - 16px);margin-right:20px;margin-bottom:20px;background:#fff;border-radius:20px;padding:65px 25px 50px 35px;transition:.3s}
.plan-page .box4 li:nth-child(5n){margin-right:0}
.plan-page .box4 .icon{width:46px;height:43px;display:flex;justify-content:center;align-items:center;margin-bottom:15px}
.plan-page .box4 .icon>img{max-width:100%;max-height:100%}
.plan-page .box4 .name{font-size:18px;margin:25px 0 15px}
.plan-page .box4 .note{font-size:16px;color:#666;line-height:24px}

.plan-page .box5{padding:80px 0}
.plan-page .box5 .swiper-container{display:none}
.plan-page .box5 .btns{text-align:center;margin-top:40px}

.plan-page .box6{padding:80px 0}
.plan-page .box6 .tit-name{color:#fff}
.plan-page .box6 .btns{text-align:center;margin-top:25px}
.plan-page .box6 .btn{background-image:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow-m.2829cd57.png);background-color:#fff;color:#007aff;border:0}

@media (max-width:750px){
    .plan-page .tit-name{font-size:22px;line-height:32px}
    .plan-page .btn{padding:10px 40px 10px 25px;background-size:6px;background-position:85% center;margin-top:0}
    
    .plan-page .box1{padding:10px 0}
    .plan-page .box1 ul{display:block;margin-top:20px}
    .plan-page .box1 li{width:100%;margin-right:0;margin-bottom:20px;padding:25px}
    .plan-page .box1 li:nth-child(4n){margin-right:0}
    .plan-page .box1 .icon{width:46px;height:38px;background-size:46px;margin:0 auto}
    .plan-page .box1 p:nth-of-type(1){font-size:16px;line-height:26px;margin:15px 0 5px;text-align:center}
    .plan-page .box1 p:last-child{text-align:center}
    
    .plan-page .box2{padding-top:30px}
    .plan-page .box2 li>.width{display:block;padding:30px 0}
    .plan-page .box2 .img{width:100%;margin-bottom:20px}
    .plan-page .box2 li:nth-child(2n) .img{justify-content:center}
    .plan-page .box2 .info{width:100%}
    .plan-page .box2 .name{font-size:18px;line-height:28px;margin-bottom:15px}
    .plan-page .box2 .note{font-size:14px;line-height:24px;margin:0 0 10px}
    .plan-page .box2 .btn{margin-top:10px}
    
    .plan-page .box3{padding:30px 0 10px}
    .plan-page .box3 ul{display:block;margin-top:20px}
    .plan-page .box3 li{width:100%;margin-right:0;margin-bottom:20px;padding:25px}
    .plan-page .box3 .icon{width:46px;height:38px;background-size:46px;margin:0 auto}
    .plan-page .box3 p:nth-of-type(1){font-size:16px;line-height:30px;margin:10px 0 5px;text-align:center}
    .plan-page .box3 p:last-child{line-height:24px;font-size:14px;text-align:center}
    
    .plan-page .box4{padding:30px 0 20px}
    .plan-page .box4 ul{margin-top:20px}
    .plan-page .box4 li{width:100%;margin-right:0;margin-bottom:10px;padding:25px}
    .plan-page .box4 li:nth-child(5n){margin-right:0}
    .plan-page .box4 .icon{width:38px;height:35px}
    .plan-page .box4 .name{font-size:16px;margin:15px 0 5px}
    .plan-page .box4 .note{font-size:14px}
    
    .plan-page .box5{padding:30px 0}
    .plan-page .box5 .empile{display:none}
    .plan-page .box5 .swiper-container{display:block;margin-top:20px;border-radius:20px}
    .plan-page .box5 .img{width:100%;padding-bottom:46.91%}
    .plan-page .box5 .info{background:#fff;padding:25px 25px 60px}
    .plan-page .box5 .info>a{font-size:16px}
    .plan-page .box5 .info>span{font-size:14px;margin:10px 0 5px}
    .plan-page .box5 .info>p{font-size:14px}
    .plan-page .box5 .swiper-pagination{bottom:20px;text-align:center}
    .plan-page .box5 .swiper-pagination-bullet{background:#ccc;opacity:1}
    .plan-page .box5 .swiper-pagination-bullet-active{background:#007aff}
    .plan-page .box5 .btns{margin-top:20px}
    
    .plan-page .box6{padding:50px 0}
    .plan-page .box6 .tit-name{font-size:20px}
    .plan-page .box6 .btns{margin-top:20px}
}

@media (any-hover:hover){
    .plan-page .btn:hover{background-color:#2DA8CB;border-color:#2DA8CB}
    
    .plan-page .box1 li:hover{transform:translateY(-5px)}
    
    .plan-page .box3 li:hover{transform:translateY(-5px)}
    
    .plan-page .box4 li:hover{transform:translateY(-10px)}
    
    .plan-page .box5 .arrow:hover{background-color:#007aff;background-image:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow1-w.2109f19f.png)}
    
    .plan-page .box6 .btn:hover{background-image:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow-w.ee1eac14.png);color:#fff}
}

/*使用教程*/
.document-page .width{padding:30px 0 100px;display:flex}
.document-page .box1{width:20%}
.document-page .box1 .cate{display:flex;margin-bottom:30px}
.document-page .box1 .cate>a{margin-right:40px;position:relative;font-size:18px;color:rgba(91,90,90,.4)}
.document-page .box1 .cate>a.active{color:#007aff}
.document-page .box1 .cate>a.active::after{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:1px;background:#007aff}
.document-page .box1 ul{background:#f4fbfe;padding:20px;font-size:16px;border-radius:10px}
.document-page .box1 ul>li{margin-bottom:20px}
.document-page .box1 ul>li>a{position:relative;display:flex;}
.document-page .box1 ul>li>a>span:first-child{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M4.5%202.5%20L8.5%206%20L4.5%209.5%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;width:7px;height:11px;margin-top:8px}
.document-page .box1 ul>li>a>span:last-child{line-height:26px;flex:1;padding-left:10px}
.document-page .box1 .child{display:none;margin:10px 0 0 20px}
.document-page .box1 .items{margin-bottom:10px}
.document-page .box1 .items>a{position:relative;display:flex}
.document-page .box1 .items>a>span:first-child{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M4.5%202.5%20L8.5%206%20L4.5%209.5%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;width:7px;height:11px;margin-top:8px}
.document-page .box1 .items>a>span:last-child{line-height:26px;flex:1;padding-left:10px}
.document-page .box1 .item{display:none;margin:10px 0 0 18px}
.document-page .box1 .item>a{margin-bottom:5px;line-height:26px;position:relative;color:#666}
.document-page .box1 .item>a::before{width:5px;height:5px;content:'';position:absolute;top:10px;left:-15px;background:#666;border-radius:50%}
.document-page .box1 ul>li>a.active{color:#007aff}
.document-page .box1 ul>li>a.active>span:first-child{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M4.5%202.5%20L8.5%206%20L4.5%209.5%22%20fill%3D%22none%22%20stroke%3D%22%23007aff%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");transform:rotate(90deg)}
.document-page .box1 ul>li.open .child{display:block}
.document-page .box1 .items>a.active:first-child{color:#007aff}
.document-page .box1 .items>a.active:first-child>span:first-child{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M4.5%202.5%20L8.5%206%20L4.5%209.5%22%20fill%3D%22none%22%20stroke%3D%22%23007aff%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");transform:rotate(90deg)}
.document-page .box1 .items.open .item{display:block}
.document-page .box1 .item>a.active{color:#007aff}

.document-page .box2{width:80%;padding-left:55px}
.document-page .box2 .pos{margin-top:30px}
.document-page .box2 .name{font-size:30px;line-height:40px;margin-bottom:15px}
.document-page .box2 .time{color:#666}
.document-page .box2 .content{padding:30px 0 50px;border-bottom:1px rgba(0,0,0,.15) solid}
.document-page .box2 .content p{font-size:16px;color:#666;line-height:30px}
.document-page .box2 .content img{max-width:100%;margin:20px 0;height:auto !important}
.document-page .box2 .jump{display:flex;justify-content:space-between;margin:15px 0 50px}
.document-page .box2 .jump>a{width:49%;font-size:16px;line-height:26px;color:#666}
.document-page .box2 .jump>a:last-child{text-align:right}
.document-page .box2 .click>p{font-size:18px}
.document-page .box2 .click>a{font-size:24px}
.document-page .box2 .click>a>span{color:#007aff}
.document-page .box2 .hand{display:flex;margin:30px 0}
.document-page .box2 .hand>span{padding:12px 20px 12px 60px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%2010%20V19%20H5%20V10%20H8%20Z%20M8%2011%20L11%205%20C12%204%2014%204.2%2014%206.2%20V9%20H18.2%20C19.4%209%2020.2%2010.1%2019.9%2011.2%20L18.4%2017.2%20C18.2%2018%2017.5%2018.6%2016.6%2018.6%20H8%22%20fill%3D%22none%22%20stroke%3D%22%23007aff%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22round%22%20%2F%3E%3C%2Fsvg%3E") no-repeat 25px center;border-radius:23px;border:1px #007aff solid;font-size:16px;color:#007aff;margin-right:20px;cursor:pointer}
.document-page .box2 .hand>span:last-child{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%2010%20V19%20H5%20V10%20H8%20Z%20M8%2011%20L11%205%20C12%204%2014%204.2%2014%206.2%20V9%20H18.2%20C19.4%209%2020.2%2010.1%2019.9%2011.2%20L18.4%2017.2%20C18.2%2018%2017.5%2018.6%2016.6%2018.6%20H8%22%20fill%3D%22none%22%20stroke%3D%22%23007aff%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22round%22%20transform%3D%22rotate(180%2012%2012)%22%2F%3E%3C%2Fsvg%3E")}
.document-page .box2 .hand>span.active{background-color:#007aff;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%2010%20V19%20H5%20V10%20H8%20Z%20M8%2011%20L11%205%20C12%204%2014%204.2%2014%206.2%20V9%20H18.2%20C19.4%209%2020.2%2010.1%2019.9%2011.2%20L18.4%2017.2%20C18.2%2018%2017.5%2018.6%2016.6%2018.6%20H8%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22round%22%20%2F%3E%3C%2Fsvg%3E");color:#fff}
.document-page .box2 .hand>span:last-child.active{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%2010%20V19%20H5%20V10%20H8%20Z%20M8%2011%20L11%205%20C12%204%2014%204.2%2014%206.2%20V9%20H18.2%20C19.4%209%2020.2%2010.1%2019.9%2011.2%20L18.4%2017.2%20C18.2%2018%2017.5%2018.6%2016.6%2018.6%20H8%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22round%22%20transform%3D%22rotate(180%2012%2012)%22%2F%3E%3C%2Fsvg%3E")}

.document-page .box3{width:80%;padding-left:55px}
.document-page .box3 li{font-size:16px;line-height:36px;color:#666}
.document-page .box3 .page{margin-top:50px}

@media (max-width:750px){
    .document-page .width{padding:30px 0;display:block}
    .document-page .inner-banner1 .img{padding-bottom:50%}
    .document-page .pos{margin-top:20px}
    
    .document-page .box1{width:100%}
    .document-page .box1 .cate{justify-content:center;margin-bottom:20px;position:relative}
    .document-page .box1 .cate>a{margin-right:20px;font-size:16px}
    .document-page .box1 .category{width:25px;height:25px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%207%20H20%20M4%2012%20H20%20M4%2017%20H20%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/25px;position:absolute;right:10px;top:0}
    .document-page .box1 ul{position:fixed;right:-100%;top:0;width:70%;height:100%;padding:60px 20px 20px;border-radius:0;z-index:999;transition:.5s;font-size:14px}
    .document-page .box1 .close{width:25px;height:25px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%206%20L18%2018%20M18%206%20L6%2018%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/25px;position:absolute;right:15px;top:15px}
    .document-page .box1 ul>li{margin-bottom:15px}
    .document-page .box1 ul>li>a>span:first-child{margin-top:6px}
    .document-page .box1 ul>li>a>span:last-child{line-height:24px}
    .document-page .box1 .items>a>span:first-child{margin-top:6px}
    .document-page .box1 .items>a>span:last-child{line-height:24px}
    .document-page .box1 .item>a{line-height:24px;}
    
    .document-page .box2{width:100%;padding-left:0}
    .document-page .box2 .name{font-size:22px;line-height:32px;margin-bottom:10px;text-align:center}
    .document-page .box2 .time{text-align:center}
    .document-page .box2 .content{padding:20px 0}
    .document-page .box2 .content p{font-size:14px;line-height:24px}
    .document-page .box2 .content img{margin:10px 0}
    .document-page .box2 .jump{display:block;margin:15px 0}
    .document-page .box2 .jump>a{width:100%;font-size:14px;line-height:24px}
    .document-page .box2 .jump>a:last-child{text-align:left}
    .document-page .box2 .click>p{font-size:16px}
    .document-page .box2 .click>a{font-size:18px}
    .document-page .box2 .hand{margin:15px 0}
    .document-page .box2 .hand>span{padding:10px 15px 10px 45px;background-position:20px center;background-size:18px;font-size:14px;margin-right:15px}
    
    .document-page .box3{width:100%;padding-left:0}
    .document-page .box3 li{font-size:14px;line-height:24px}
    .document-page .box3 .page{margin-top:20px}
}

@media (any-hover:hover){
    .document-page .box1 .cate>a:hover{color:#007aff}
    .document-page .box1 ul>li>a:hover{color:#007aff}
    .document-page .box1 .child .items>a:hover{color:#007aff}
    .document-page .box1 .item>a:hover{color:#007aff}
    
    .document-page .box2 .jump>a:hover{color:#007aff}
    .document-page .box2 .click>a:hover{color:#007aff}
    
    .document-page .box3 li>a:hover{color:#007aff}
}

/*常见问题*/
.faq-page .width{padding:30px 0 100px;display:flex}
.faq-page .pos{margin-top:30px}

.faq-page .box1{width:20%}
.faq-page .box1 .cate{display:flex;margin-bottom:30px}
.faq-page .box1 .cate>a{margin-right:40px;position:relative;font-size:18px;color:rgba(91,90,90,.4)}
.faq-page .box1 .cate>a.active{color:#007aff}
.faq-page .box1 .cate>a.active::after{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:1px;background:#007aff}
.faq-page .box1 ul{background:#f4fbfe;padding:20px;border-radius:10px}
.faq-page .box1 li{margin-bottom:20px;font-size:16px;line-height:26px}
.faq-page .box1 li>a.active{color:#007aff}

.faq-page .box2{width:80%;padding-left:55px}
.faq-page .box2 li{font-size:16px;line-height:36px;color:#666}
.faq-page .box2 .page{margin-top:50px}

.faq-page .box3{width:80%;padding-left:55px}
.faq-page .box3 .name{font-size:30px;line-height:40px;margin-bottom:15px}
.faq-page .box3 .time{color:#666}
.faq-page .box3 .content{padding:30px 0 50px;border-bottom:1px rgba(0,0,0,.15) solid}
.faq-page .box3 .content p{font-size:16px;color:#666;line-height:30px}
.faq-page .box3 .content img{max-width:100%;margin:20px 0;height:auto !important}
.faq-page .box3 .jump{display:flex;justify-content:space-between;margin:15px 0 50px}
.faq-page .box3 .jump>a{width:49%;font-size:16px;line-height:26px;color:#666}
.faq-page .box3 .jump>a:last-child{text-align:right}
.faq-page .box3 .click>p{font-size:18px}
.faq-page .box3 .click>a{font-size:24px}
.faq-page .box3 .click>a>span{color:#007aff}
.faq-page .box3 .hand{display:flex;margin:30px 0}
.faq-page .box3 .hand>span{padding:12px 20px 12px 60px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%2010%20V19%20H5%20V10%20H8%20Z%20M8%2011%20L11%205%20C12%204%2014%204.2%2014%206.2%20V9%20H18.2%20C19.4%209%2020.2%2010.1%2019.9%2011.2%20L18.4%2017.2%20C18.2%2018%2017.5%2018.6%2016.6%2018.6%20H8%22%20fill%3D%22none%22%20stroke%3D%22%23007aff%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22round%22%20%2F%3E%3C%2Fsvg%3E") no-repeat 25px center;border-radius:23px;border:1px #007aff solid;font-size:16px;color:#007aff;margin-right:20px;cursor:pointer}
.faq-page .box3 .hand>span:last-child{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%2010%20V19%20H5%20V10%20H8%20Z%20M8%2011%20L11%205%20C12%204%2014%204.2%2014%206.2%20V9%20H18.2%20C19.4%209%2020.2%2010.1%2019.9%2011.2%20L18.4%2017.2%20C18.2%2018%2017.5%2018.6%2016.6%2018.6%20H8%22%20fill%3D%22none%22%20stroke%3D%22%23007aff%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22round%22%20transform%3D%22rotate(180%2012%2012)%22%2F%3E%3C%2Fsvg%3E")}
.faq-page .box3 .hand>span.active{background-color:#007aff;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%2010%20V19%20H5%20V10%20H8%20Z%20M8%2011%20L11%205%20C12%204%2014%204.2%2014%206.2%20V9%20H18.2%20C19.4%209%2020.2%2010.1%2019.9%2011.2%20L18.4%2017.2%20C18.2%2018%2017.5%2018.6%2016.6%2018.6%20H8%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22round%22%20%2F%3E%3C%2Fsvg%3E");color:#fff}
.faq-page .box3 .hand>span:last-child.active{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%2010%20V19%20H5%20V10%20H8%20Z%20M8%2011%20L11%205%20C12%204%2014%204.2%2014%206.2%20V9%20H18.2%20C19.4%209%2020.2%2010.1%2019.9%2011.2%20L18.4%2017.2%20C18.2%2018%2017.5%2018.6%2016.6%2018.6%20H8%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22round%22%20transform%3D%22rotate(180%2012%2012)%22%2F%3E%3C%2Fsvg%3E")}

@media (max-width:750px){
    .faq-page .width{padding:30px 0;display:block}
    .faq-page .inner-banner1 .img{padding-bottom:50%}
    .faq-page .pos{margin-top:20px}
    
    .faq-page .box1{width:100%}
    .faq-page .box1 .cate{justify-content:center;margin-bottom:20px;position:relative}
    .faq-page .box1 .cate>a{margin-right:20px;font-size:16px}
    .faq-page .box1 .category{width:25px;height:25px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%207%20H20%20M4%2012%20H20%20M4%2017%20H20%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/25px;position:absolute;right:10px;top:0}
    .faq-page .box1 ul{position:fixed;right:-100%;top:0;width:70%;height:100%;padding:60px 20px 20px;border-radius:0;z-index:999;transition:.5s}
    .faq-page .box1 li{margin-bottom:15px;font-size:14px;line-height:24px}
    .faq-page .box1 .close{width:25px;height:25px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%206%20L18%2018%20M18%206%20L6%2018%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/25px;position:absolute;right:15px;top:15px}
    
    .faq-page .box2{width:100%;padding-left:0}
    .faq-page .box2 li{font-size:14px;line-height:30px}
    .faq-page .box2 .page{margin-top:20px}
    
    .faq-page .box3{width:100%;padding-left:0}
    .faq-page .box3 .name{font-size:22px;line-height:32px;margin-bottom:10px;text-align:center}
    .faq-page .box3 .time{text-align:center}
    .faq-page .box3 .content{padding:20px 0}
    .faq-page .box3 .content p{font-size:14px;line-height:24px}
    .faq-page .box3 .content img{margin:10px 0}
    .faq-page .box3 .jump{display:block;margin:15px 0}
    .faq-page .box3 .jump>a{width:100%;font-size:14px;line-height:24px}
    .faq-page .box3 .jump>a:last-child{text-align:left}
    .faq-page .box3 .click>p{font-size:16px}
    .faq-page .box3 .click>a{font-size:18px}
    .faq-page .box3 .hand{margin:15px 0}
    .faq-page .box3 .hand>span{padding:10px 15px 10px 45px;background-position:20px center;background-size:18px;font-size:14px;margin-right:15px}
}

@media (any-hover:hover){
    .faq-page .box1 .cate>a:hover{color:#007aff}
    .faq-page .box1 li:hover{color:#007aff}
    
    .faq-page .box2 li>a:hover{color:#007aff}
    
    .faq-page .box3 .jump>a:hover{color:#007aff}
    .faq-page .box3 .click>a:hover{color:#007aff}
}

/*服务支持*/
.support-page .tit-name{font-size:42px;line-height:52px;text-align:center}
.support-page .inner-banner1 .name{font-size:48px}

.support-page .box1{padding:20px 0 55px}
.support-page .box1 ul{display:flex;flex-wrap:wrap;margin-top:35px}
.support-page .box1 li{width:calc(25% - 15px);margin-right:20px;margin-bottom:30px;background:#f4fbfe;border-radius:10px;padding:45px 45px 60px;box-shadow:0 10px 15px rgba(0,122,255,.1);transition:.3s}
.support-page .box1 li:nth-child(4n){margin-right:0}
.support-page .box1 .icon{width:56px;height:48px;}
.support-page .box1 p:nth-of-type(1){font-size:18px;line-height:28px;margin:25px 0 10px}
.support-page .box1 p:last-child{line-height:24px;color:#666}

.support-page .box2{padding:70px 0}
.support-page .box2 .tit-name{color:#fff}
.support-page .box2 .swiper-container{margin-top:30px;border-radius:10px;padding:10px 0}
.support-page .box2 .swiper-slide{position:relative;background:#fff;height:auto;border-radius:10px;display:flex;padding:60px;transition:.3s}
.support-page .box2 .swiper-slide::after{content:'';position:absolute;width:33px;height:15px;top:calc(50% - 7px);right:-60px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3%208%20H13%20M9%204%20L13%208%20L9%2012%22%20fill%3D%22none%22%20stroke%3D%22%23007aff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");z-index:998}
.support-page .box2 .swiper-slide:last-child::after{display:none}
.support-page .box2 .icon{width:56px;height:48px;margin-top:10px}
.support-page .box2 .info{flex:1;padding-left:10px}
.support-page .box2 .info>p:first-child{font-size:24px;line-height:34px;margin-bottom:10px}
.support-page .box2 .info>p:last-child{font-size:18px;line-height:28px;color:#666}
.support-page .box2 .swiper-pagination{display:none}

.support-page .box3{padding:80px 0 100px}
.support-page .box3 .map-box{margin-top:50px;display:flex;justify-content:flex-end}
.support-page .box3 .map{position:relative}
.support-page .box3 .map>img{max-width:100%}
.support-page .box3 .arrow{width:31px;height:29px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3%208%20H13%20M9%204%20L13%208%20L9%2012%22%20fill%3D%22none%22%20stroke%3D%22%23007aff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");position:absolute;z-index:998}

@media (max-width:750px){
    .support-page .tit-name{font-size:22px;line-height:32px}
    
    .support-page .box1{padding:10px 0}
    .support-page .box1 ul{display:block;margin-top:20px}
    .support-page .box1 li{width:100%;margin-right:0;margin-bottom:20px;padding:25px}
    .support-page .box1 .icon{width:46px;height:38px;background-size:46px;margin:0 auto}
    .support-page .box1 p:nth-of-type(1){font-size:16px;line-height:26px;margin:15px 0 5px;text-align:center}
    .support-page .box1 p:last-child{text-align:center}
    
    .support-page .box2{padding:30px 0}
    .support-page .box2 .swiper-container{margin-top:20px;padding:0}
    .support-page .box2 .swiper-slide{padding:25px 25px 50px;display:block}
    .support-page .box2 .swiper-slide::after{display:none}
    .support-page .box2 .icon{width:46px;height:38px;background-size:46px;margin:0 auto 10px}
    .support-page .box2 .info{padding-left:0}
    .support-page .box2 .info>p:first-child{font-size:16px;line-height:26px;margin-bottom:0;text-align:center}
    .support-page .box2 .info>p:last-child{font-size:14px;line-height:24px;text-align:center}
    .support-page .box2 .swiper-pagination{display:block;bottom:15px}
    .support-page .box2 .swiper-pagination-bullet{opacity:1;background:#ccc}
    .support-page .box2 .swiper-pagination-bullet-active{background:#007aff}
    
    .support-page .box3{display:none}
}

@media (any-hover:hover){
    .support-page .box1 li:hover{transform:translateY(-5px)}
    
    .support-page .box2 .swiper-slide:hover{transform:translateY(-5px)}
}

/*案例*/
.cases-page .inner-banner1 .name{font-size:48px}

.cases-page .list{background:#f4fbfe;padding-bottom:60px}
.cases-page .list .cate{display:flex;justify-content:center;padding:30px 0 40px}
.cases-page .list .cate .swiper-slide{color:#999;font-size:16px;width:auto;padding:15px 32px;border-radius:30px}
.cases-page .list .cate .swiper-slide.active{background:#fb6946;color:#fff}
.cases-page .list .item{display:flex;flex-wrap:wrap}
.cases-page .list .item>li{width:calc(100% / 2 - 22px);margin-right:21px;margin-bottom:40px;border-radius:10px}
.cases-page .list .item>li:nth-child(3n){margin-right:0}
.cases-page .list .item>li>img{max-width: 100%;border-radius: 10px;}
.cases-page .list .item .img-bg{border-radius:10px 10px 0 0}
.cases-page .list .item .img{width:100%;padding-bottom:46.91%;display:block}
.cases-page .list .item .info{padding:25px 30px}

.cases-page .list .item .info{padding:25px 30px}
.cases-page .list .item .info>a{font-size:20px;margin-bottom:10px}
.cases-page .list .item .info>p{font-size:16px;line-height:24px;color:#666}
.cases-page .list .page{margin:10px auto 40px}
.cases-page .list .page a{background:#fff}
.cases-page .list .page .a_cur{background:#007aff}

.cases-page .detail{background:#f4fbfe;padding-top:30px}
.cases-page .detail .box{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:80px}
.cases-page .detail .box1{width:72.65%;background:#fff;padding:30px 40px 100px}
.cases-page .detail .box1 .name{font-size:30px;line-height:40px;text-align:center;width:80%;margin:0 auto}
.cases-page .detail .box1 .txt{width:83%;margin:40px auto 20px;line-height:20px;display:flex;justify-content:space-between;align-items:center;color:#666}
.cases-page .detail .box1 .txt>span:first-child{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2215%22%20rx%3D%222%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M4%2010%20H20%20M8%203%20V7%20M16%203%20V7%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat left center;padding-left:35px}
.cases-page .detail .box1 .txt>span:last-child{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M2%2012%20C5%207%2019%207%2022%2012%20C19%2017%205%2017%202%2012%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%221.6%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.2%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%221.6%22%2F%3E%3C%2Fsvg%3E") no-repeat left center;padding-left:35px}
.cases-page .detail .box1 .content{border-top:1px rgba(0,0,0,.15) solid;border-bottom:1px rgba(0,0,0,.15) solid;padding:30px 0 70px;margin-bottom:30px}
.cases-page .detail .box1 .content p{font-size:16px;line-height:30px;color:#666}
.cases-page .detail .box1 .content a{display:inline-block}
.cases-page .detail .box1 .content img{max-width:100%;margin:20px auto;height:auto !important}
.cases-page .detail .box1 .jump{display:flex;justify-content:space-between;align-items:center}
.cases-page .detail .box1 .info{width:calc(100% - 200px)}
.cases-page .detail .box1 .info>a{font-size:16px;color:#666;line-height:30px}
.cases-page .detail .box1 .btn{width:200px;display:flex;justify-content:flex-end}
.cases-page .detail .box1 .btn>a{color:#fff;background:#007aff;border-radius:23px;padding:13px 40px;transition:.3s}
.cases-page .detail .box2{width:25%}
.cases-page .detail .box2-1{background:#fff;padding:20px;display:flex;justify-content:center;align-items:center}
.cases-page .detail .box2-1>img{max-width:100%;border-radius:10px}
.cases-page .detail .box2-2{margin:30px 0;background:#fff;padding:20px}
.cases-page .detail .box2-2 .tit{font-size:18px;margin-bottom:15px}
.cases-page .detail .box2-2 li{border-top:1px solid rgba(0,0,0,.15);padding:15px 0}
.cases-page .detail .box2-2 .img-bg{border-radius:10px;margin-bottom:15px;display:none}
.cases-page .detail .box2-2 li.active .img-bg{display:block}
.cases-page .detail .box2-2 .img{width:100%;padding-bottom:61.53%}
.cases-page .detail .box2-2 .name{font-size:16px;line-height:28px;color:#666}
.cases-page .detail .box2-3{background:#fff;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.cases-page .detail .box2-3>img{max-width:100%;margin-bottom:10px}
.cases-page .detail .box2-3>p{font-size:16px;line-height:26px;color:#666}
.cases-page .detail .box3{padding:80px 0}
.cases-page .detail .box3 .name{color:#fff;font-size:42px;text-align:center}
.cases-page .detail .box3 .btn{text-align:center;margin-top:25px}
.cases-page .detail .box3 .btn>a{display:inline-block;padding:12px 55px 12px 30px;background:#fff url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow-m.2829cd57.png) no-repeat 80% center;color:#007aff;border-radius:23px;transition:.3s}

@media (max-width:750px){
    .cases-page .list{padding-bottom:30px}
    .cases-page .list .cate{padding:10px 0 20px}
    .cases-page .list .cate .swiper-slide{font-size:14px;padding:10px 15px}
    .cases-page .list .item{display:block}
    .cases-page .list .item>li{width:100%;margin-right:0;margin-bottom:20px}
    .cases-page .list .item .info{padding:25px}
    .cases-page .list .item .info>a{font-size:16px;margin-bottom:5px}
    .cases-page .list .item .info>p{font-size:14px}
    .cases-page .list .page{margin:10px auto 20px}
    
    .cases-page .detail{padding-top:0}
    .cases-page .detail .box{display:block;padding-bottom:30px}
    .cases-page .detail .box1{width:100%;padding:20px;margin-bottom:20px}
    .cases-page .detail .box1 .name{font-size:22px;line-height:32px;width:100%}
    .cases-page .detail .box1 .txt{width:100%;margin:20px auto;line-height:18px}
    .cases-page .detail .box1 .txt>span:first-child{background-size:auto 18px;padding-left:25px}
    .cases-page .detail .box1 .txt>span:last-child{background-size:auto 15px;padding-left:30px}
    .cases-page .detail .box1 .content{padding:20px 0;margin-bottom:20px}
    .cases-page .detail .box1 .content p{font-size:14px;line-height:24px}
    .cases-page .detail .box1 .content img{margin:10px auto}
    .cases-page .detail .box1 .jump{display:block}
    .cases-page .detail .box1 .info{width:100%;margin-bottom:10px}
    .cases-page .detail .box1 .info>a{font-size:14px;line-height:24px}
    .cases-page .detail .box1 .btn{width:100%;justify-content:flex-start}
    .cases-page .detail .box1 .btn>a{padding:10px 20px}
    .cases-page .detail .box2{width:100%}
    .cases-page .detail .box2-2{margin:20px 0}
    .cases-page .detail .box2-2 .tit{font-size:16px;margin-bottom:10px}
    .cases-page .detail .box2-2 .img-bg{display:block}
    .cases-page .detail .box2-2 .name{font-size:14px;line-height:24px}
    .cases-page .detail .box2-3{padding:20px}
    .cases-page .detail .box2-3>img{margin-bottom:5px}
    .cases-page .detail .box2-3>p{font-size:14px;line-height:24px}
    .cases-page .detail .box3{padding:50px 0}
    .cases-page .detail .box3 .name{font-size:22px}
    .cases-page .detail .box3 .btn{margin-top:15px}
    .cases-page .detail .box3 .btn>a{padding:10px 40px 10px 25px;background-size:6px;background-position:85% center}
}

@media (any-hover:hover){
    .cases-page .list .cate .swiper-slide:hover{background:#fb6946;color:#fff}
    .cases-page .list .item>li:hover .info>a{color:#007aff}
    .cases-page .list .page a:hover{background:#007aff}
    
    .cases-page .detail .box1 .info>a:hover{color:#007aff}
    .cases-page .detail .box1 .btn>a:hover{background:#2DA8CB}
    .cases-page .detail .box2-2 li:hover .name{color:#007aff}
    .cases-page .detail .box3 .btn>a:hover{background-color:#2DA8CB;background-image:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow-w.ee1eac14.png);color:#fff}
}

/*下载中心*/
.download-page .inner-banner1 .note{margin:15px 0 25px}
.download-page .inner-banner1 .btn{text-align:center}
.download-page .inner-banner1 .btn>a{display:inline-block;padding:12px 55px 12px 30px;background:#007aff url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow-w.ee1eac14.png) no-repeat 80% center;color:#fff;border-radius:23px;transition:.3s}

.download-page .box1{display:flex;flex-wrap:wrap;padding:25px 0 130px}
.download-page .box1 li{width:calc(35% - 24px);margin-right:30px;margin-bottom:30px;padding:97px 45px;border-radius:20px;position:relative}
.download-page .box1 li:nth-child(5n){margin-right:0}
.download-page .box1 .icon{width:89px;height:88px;margin:0 auto;display:flex;justify-content:center;align-items:center}
.download-page .box1 .icon>img{max-width:100%;max-height:100%}
.download-page .box1 li>p{font-size:18px;color:#666;line-height:28px;text-align:center;margin:25px 0 15px}
.download-page .box1 li>a{color:#666;border-radius:23px;border:1px solid #999;padding:10px 0;text-align:center}
.download-page .box1 .qr{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:20px;padding:30px 45px;}
.download-page .box1 .qr>img{max-width:100%;margin:0 auto 10px;}
.download-page .box1 .qr>p{text-align:center;line-height:24px}

.download-page .box2{padding:80px 0}
.download-page .box2 .name{color:#fff;font-size:42px;text-align:center}
.download-page .box2 .btn{text-align:center;margin-top:25px}
.download-page .box2 .btn>a{display:inline-block;padding:12px 55px 12px 30px;background:#fff url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow-m.2829cd57.png) no-repeat 80% center;color:#007aff;border-radius:23px;transition:.3s}

@media (max-width:750px){
    .download-page .inner-banner1 .img{padding-bottom:50%}
    .download-page .inner-banner1 .note{margin:5px 0 10px}
    .download-page .inner-banner1 .btn>a{padding:10px 40px 10px 25px;background-size:6px;background-position:85% center}
    
    .download-page .box1{display:block;padding:10px 0}
    .download-page .box1 li{width:100%;margin-right:0;margin-bottom:20px;padding:25px}
    .download-page .box1 .icon{width:79px;height:78px;}
    .download-page .box1 li>p{font-size:16px;line-height:26px;margin:15px 0 10px}
    .download-page .box1 .qr{padding:25px;}
    .download-page .box1 .qr>img{max-height:120px;margin:0 auto 10px;}
    
    .download-page .box2{padding:50px 0}
    .download-page .box2 .name{font-size:22px}
    .download-page .box2 .btn{margin-top:15px}
    .download-page .box2 .btn>a{padding:10px 40px 10px 25px;background-size:6px;background-position:85% center}
}

@media (any-hover:hover){
    .download-page .inner-banner1 .btn>a:hover{background-color:#2DA8CB;background-image:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow-w.ee1eac14.png)}
    
    .download-page .box1 li:hover{border-color:#007aff}
    .download-page .box1 li>a:hover{background:#007aff;color:#fff;border-color:#007aff}
    
    .download-page .box2 .btn>a:hover{background-color:#2DA8CB;background-image:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow-w.ee1eac14.png);color:#fff}
}

/*新闻*/
.article-page{background:#f4f9fc}
.article-page .inner-banner1 .name{font-size:48px}
.article-page .box{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:80px}

.article-page .list .box1{width:72.65%;background:#fff;padding:40px 45px 100px}
.article-page .list .box1 .cate{margin-bottom:30px}
.article-page .list .box1 .cate .swiper-slide{color:#999;font-size:16px;width:auto;padding:15px 32px;border-radius:30px}
.article-page .list .box1 .cate .swiper-slide.active{background:#007aff;color:#fff}
.article-page .list .box1 .item>li{padding:20px 0;display:flex;border-bottom:1px solid rgba(0,0,0,.15)}
.article-page .list .box1 .item .img-bg{border-radius:6px;width:29.2%;height:148px}
.article-page .list .box1 .item .img{width:100%;height:100%}
.article-page .list .box1 .item .info{padding-left:30px;width:70.8%}
.article-page .list .box1 .item .name{font-size:20px;line-height:30px}
.article-page .list .box1 .item .note{font-size:16px;line-height:26px;color:#666;margin:10px 0}
.article-page .list .box1 .item .txt{line-height:20px;display:flex;justify-content:space-between;color:#666;align-items:center}
.article-page .list .box1 .item .txt>span{padding-left:30px}
.article-page .list .box1 .item .txt>span:first-child{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2215%22%20rx%3D%222%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M4%2010%20H20%20M8%203%20V7%20M16%203%20V7%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat left center}
.article-page .list .box1 .item .txt>span:last-child{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M2%2012%20C5%207%2019%207%2022%2012%20C19%2017%205%2017%202%2012%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%221.6%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.2%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%221.6%22%2F%3E%3C%2Fsvg%3E") no-repeat left center}
.article-page .list .box1 .page{margin-top:60px}

.article-page .detail .box1{width:72.65%;background:#fff;padding:30px 40px 100px}
.article-page .detail .box1 .name{font-size:30px;line-height:40px;text-align:center;width:80%;margin:0 auto}
.article-page .detail .box1 .txt{width:83%;margin:40px auto 20px;line-height:20px;display:flex;justify-content:space-between;align-items:center;color:#666;}
.article-page .detail .box1 .txt>span:first-child{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2215%22%20rx%3D%222%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M4%2010%20H20%20M8%203%20V7%20M16%203%20V7%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat left center;padding-left:35px}
.article-page .detail .box1 .txt>span:last-child{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M2%2012%20C5%207%2019%207%2022%2012%20C19%2017%205%2017%202%2012%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%221.6%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.2%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%221.6%22%2F%3E%3C%2Fsvg%3E") no-repeat left center;padding-left:35px}
.article-page .detail .box1 .content{border-top:1px rgba(0,0,0,.15) solid;padding:30px 0 80px}
.article-page .detail .box1 .content p{font-size:16px;line-height:30px;color:#666}
.article-page .detail .box1 .content a{display:inline-block}
.article-page .detail .box1 .content img{max-width:100%;margin:20px auto;height:auto !important}
.article-page .detail .box1 .tag{border-bottom:1px rgba(0,0,0,.15) solid;display:flex;align-items:flex-start;padding-bottom:30px;margin-bottom:30px;font-size:16px}
.article-page .detail .box1 .tag>span{color:#666;width:80px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2012%20L12%204%20H20%20V12%20L12%2020%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%229%22%20r%3D%221.3%22%20fill%3D%22%23888%22%2F%3E%3C%2Fsvg%3E") no-repeat left center;padding-left:30px}
.article-page .detail .box1 .tag>ul{flex:1;display:flex;flex-wrap:wrap}
.article-page .detail .box1 .tag>ul>li{margin-right:10px;margin-bottom:10px}
.article-page .detail .box1 .tag>ul>li>a{color:#007aff}
.article-page .detail .box1 .jump{display:flex;justify-content:space-between;align-items:center}
.article-page .detail .box1 .info{width:calc(100% - 200px)}
.article-page .detail .box1 .info>a{font-size:16px;color:#666;line-height:30px}
.article-page .detail .box1 .btn{width:200px;display:flex;justify-content:flex-end}
.article-page .detail .box1 .btn>a{color:#fff;background:#007aff;border-radius:23px;padding:13px 40px;transition:.3s}

.article-page .box2{width:25%}
.article-page .box2 .tit{font-size:18px;margin-bottom:15px}
.article-page .box2-1{background:#fff;padding:20px;display:flex;justify-content:center;align-items:center}
.article-page .box2-1>img{max-width:100%;border-radius:10px}
.article-page .box2-2{margin:30px 0;background:#fff;padding:20px}
.article-page .box2-2 li{border-top:1px solid rgba(0,0,0,.15);padding:15px 0}
.article-page .box2-2 .img-bg{border-radius:10px;margin-bottom:15px;display:none}
.article-page .box2-2 li.active .img-bg{display:block}
.article-page .box2-2 .img{width:100%;padding-bottom:61.53%}
.article-page .box2-2 .name{font-size:16px;line-height:28px;color:#666}
.article-page .box2-3{background:#fff;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.article-page .box2-3>img{max-width:100%;margin-bottom:10px}
.article-page .box2-3>p{font-size:16px;line-height:26px;color:#666}
.article-page .box2-4{margin:30px 0;background:#fff;padding:20px}
.article-page .box2-4 ul{border-top:1px solid rgba(0,0,0,.15);display:flex;flex-wrap:wrap}
.article-page .box2-4 ul>li{margin-top:15px;margin-right:11px;border-radius:13px;background:rgba(0,122,255,.1);padding:2px 13px}
.article-page .box2-4 ul>li>a{color:#007aff}

@media (max-width:1440px){
    .article-page .inner-banner1 .name{font-size:40px}
    .article-page .inner-banner1 .note{font-size:20px;margin-top:20px}
}

@media (max-width:750px){
    .article-page .box{display:block;padding-bottom:30px}
    
    .article-page .list .box1{width:100%;padding:20px;margin-bottom:30px}
    .article-page .list .box1 .cate{margin-bottom:0}
    .article-page .list .box1 .cate .swiper-slide{font-size:14px;padding:10px 15px}
    .article-page .list .box1 .item>li{display:block}
    .article-page .list .box1 .item .img-bg{width:100%;margin-bottom:15px}
    .article-page .list .box1 .item .info{padding-left:0;width:100%}
    .article-page .list .box1 .item .name{font-size:16px;line-height:26px}
    .article-page .list .box1 .item .note{font-size:14px;line-height:24px}
    .article-page .list .box1 .item .txt{font-size:12px;}
    .article-page .list .box1 .item .txt>span{padding-left:25px;line-height:18px}
    .article-page .list .box1 .item .txt>span:first-child{background-size:auto 18px}
    .article-page .list .box1 .item .txt>span:last-child{background-size:auto 15px;padding-left:30px;}
    .article-page .list .box1 .page{margin-top:20px}
    
    .article-page .detail .box1{width:100%;padding:20px;margin-bottom:30px}
    .article-page .detail .box1 .name{font-size:22px;line-height:32px;width:100%}
    .article-page .detail .box1 .txt{width:100%;margin:20px auto 15px;line-height:18px;font-size:12px}
    .article-page .detail .box1 .txt>span:first-child{background-size:auto 18px;padding-left:25px}
    .article-page .detail .box1 .txt>span:last-child{background-size:auto 15px;padding-left:30px}
    .article-page .detail .box1 .content{padding:20px 0}
    .article-page .detail .box1 .content p{font-size:14px;line-height:24px}
    .article-page .detail .box1 .content img{margin:10px auto}
    .article-page .detail .box1 .tag{padding-bottom:10px;margin-bottom:20px;font-size:14px}
    .article-page .detail .box1 .tag>span{width:70px;background-size:18px;padding-left:25px}
    .article-page .detail .box1 .jump{display:block}
    .article-page .detail .box1 .info{width:100%;margin-bottom:10px}
    .article-page .detail .box1 .info>a{font-size:14px;line-height:24px}
    .article-page .detail .box1 .btn{width:100%;justify-content:flex-start}
    .article-page .detail .box1 .btn>a{padding:10px 25px}
    
    .article-page .box2{width:100%}
    .article-page .box2 .tit{font-size:16px;margin-bottom:10px}
    .article-page .box2-2{margin:20px 0}
    .article-page .box2-2 .img-bg{margin-bottom:10px;display:block}
    .article-page .box2-2 .img{width:100%;padding-bottom:61.53%}
    .article-page .box2-2 .name{font-size:14px;line-height:24px;text-align:center}
    .article-page .box2-3{padding:20px}
    .article-page .box2-3>img{margin-bottom:5px}
    .article-page .box2-3>p{font-size:14px;line-height:24px}
    .article-page .box2-4{margin:20px 0}
}

@media (any-hover:hover){
    .article-page .list .cate .swiper-slide:hover{background:#007aff;color:#fff}
    
    .article-page .detail .box1 .tag>ul>li>a:hover{color:#2DA8CB}
    .article-page .detail .box1 .info>a:hover{color:#007aff}
    .article-page .detail .box1 .btn>a:hover{background:#2DA8CB}
    
    .article-page .box2-2 li:hover .name{color:#007aff}
    .article-page .box2-4 ul>li:hover{background:#007aff}
    .article-page .box2-4 ul>li:hover>a{color:#fff}
}

/*关于我们*/
.about-page .inner-banner1 .name{font-size:48px}
.about-page .tit-name{font-size:42px;text-align:center}

.about-page .box1{display:flex;justify-content:space-between;padding:40px 0 80px}
.about-page .box1 .tit-name{text-align:left}
.about-page .box1 .info{flex:1;padding-right:60px}
.about-page .box1 .note{font-size:16px;line-height:30px;color:#666;margin-top:15px}
.about-page .box1 .img-bg{width:56.52%;border-radius:20px}
.about-page .box1 .img{width:100%;padding-bottom:59.72%}

.about-page .box2{padding:70px 0 40px}
.about-page .box2 ul{display:flex;flex-wrap:wrap;margin-top:40px}
.about-page .box2 li{margin-right:48px;width:calc(100% / 3 - 32px);margin-bottom:40px;background:#fff;border-radius:10px;padding:40px 50px;display:flex;transition:.3s}
.about-page .box2 li:nth-child(3n){margin-right:0}
.about-page .box2 .icon{width:56px;height:48px;margin-top:20px}
.about-page .box2 .info{flex:1;padding-left:20px}
.about-page .box2 .info>p:first-child{font-size:24px;line-height:34px;margin-bottom:10px}
.about-page .box2 .info>p:last-child{color:#666;line-height:24px}

.about-page .box3{padding:70px 0 80px}
.about-page .box3 .tit-name{color:#fff}
.about-page .box3 .year{position:relative;max-width:770px}
.about-page .box3 .year .swiper-container{width:450px;margin:40px auto;color:#fff}
.about-page .box3 .year .swiper-slide>p:first-child{font-size:90px;text-align:center}
.about-page .box3 .year .swiper-slide>p:last-child{font-size:16px;line-height:30px;text-align:center}
.about-page .box3 .arrow{width:48px;height:48px;border-radius:50%;background:#fff url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow1-g.288e997d.png) no-repeat center center;cursor:pointer;transition:.3s;position:absolute;top:50%;transform:translateY(-50%)}
.about-page .box3 .prev{left:0;transform:translateY(-50%) rotate(180deg)}
.about-page .box3 .next{right:0}
.about-page .box3 .years{position:relative}
.about-page .box3 .line{height:1px;background:rgba(255,255,255,.15);top:9px;left:0;width:100%;position:absolute}
.about-page .box3 .years .swiper-slide{padding-top:25px;color:rgba(255,255,255,.3);font-size:16px;text-align:center;position:relative;cursor:pointer}
.about-page .box3 .years .swiper-slide-active{color:#fff}
.about-page .box3 .years .swiper-slide::before{content:'';width:9px;height:9px;background:rgba(255,255,255,.6);border-radius:50%;position:absolute;top:5px;left:50%;transform:translateX(-50%)}
.about-page .box3 .years .swiper-slide-active::before{background:#fff}
.about-page .box3 .years .swiper-slide-active::after{content:'';width:19px;height:19px;background:rgba(255,255,255,.2);border-radius:50%;position:absolute;top:0;left:50%;transform:translateX(-50%)}

.about-page .box4{padding:70px 0}
.about-page .box4 .cate{margin:40px 0;display:flex;justify-content:center}
.about-page .box4 .cate .swiper-slide{cursor:pointer;color:#999;font-size:16px;width:auto;padding:15px 32px;border-radius:30px}
.about-page .box4 .cate .swiper-slide.active{background:#007aff;color:#fff}
.about-page .box4 .con{max-width:1475px;position:relative}
.about-page .box4 .arrow{width:48px;height:48px;border-radius:50%;background:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow1-g.288e997d.png) no-repeat center center;border:1px solid rgba(0,0,0,.3);cursor:pointer;transition:.3s;position:absolute;top:45%;transform:translateY(-50%)}
.about-page .box4 .prev{left:0;transform:translateY(-50%) rotate(180deg)}
.about-page .box4 .next{right:0}
.about-page .box4 .con .swiper-container{display:none}
.about-page .box4 .con .swiper-container:first-child{display:block}
.about-page .box4 .con .swiper-slide .img{background:#eef3f8;border-radius:10px;display:flex;justify-content:center;align-items:center;padding:60px;margin-bottom:25px}
.about-page .box4 .con .swiper-slide .img>img{max-width:100%;box-shadow:0 10px 27px rgba(0,0,0,.3)}
.about-page .box4 .con .swiper-slide>p{font-size:18px;line-height:28px;text-align:center}
.about-page .box4 .con .swiper-pagination{display:none}

.about-page .box5{padding:70px 0 100px}
.about-page .box5 .con{display:flex;margin-top:40px;}
.about-page .box5 .info{width:50%;border-radius:20px 0 0 20px;background:#fff;padding:70px 70px 0}
.about-page .box5 .info>p{font-size:18px;line-height:30px;position:relative;padding-left:60px;min-height:40px;margin-bottom:20px}
.about-page .box5 .info>p::before{content:'';width:40px;height:40px;border-radius:50%;position:absolute;left:0;top:-5px}
.about-page .box5 .info>p.address::before{background:#007aff url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/31.59df974d.png) no-repeat center center}
.about-page .box5 .info>p.phone::before{background:#007aff url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/32.0ad8750b.png) no-repeat center center}
.about-page .box5 .info>p.mobile::before{background:#007aff url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/33.77039218.png) no-repeat center center}.box5 .info>p.kefu::before{background:#007aff url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/37.c1c9c4f3.png) no-repeat center/cover}.box5 .info>p.kefu a{color:#007aff}
.about-page .box5 .info>ul{display:flex}
.about-page .box5 .info>ul>li{margin-right:20px}
.about-page .box5 .info .img{width:114px;height:114px;display:flex;justify-content:center;align-items:center;margin-bottom:15px}
.about-page .box5 .info .img>img{max-width:100%;max-height:100%}
.about-page .box5 .info>ul>li>p{text-align:center;line-height:24px;color:#666}
.about-page .box5 #map{width:50%;height:450px;border-radius:0 20px 20px 0}
.anchorBL,.BMapLabel{display:none !important}

@media (max-width:1440px){
    .about-page .inner-banner1 .name{font-size:40px}
    .about-page .inner-banner1 .note{font-size:20px;margin-top:20px}
}

@media (max-width:750px){
    .about-page .tit-name{font-size:22px}
    
    .about-page .box1{display:block;padding:10px 0 30px}
    .about-page .box1 .tit-name{text-align:center}
    .about-page .box1 .info{padding-right:0;margin-bottom:20px}
    .about-page .box1 .note{font-size:14px;line-height:24px;margin-top:10px}
    .about-page .box1 .img-bg{width:100%}
    
    .about-page .box2{padding:30px 0 20px}
    .about-page .box2 ul{display:block;margin-top:20px}
    .about-page .box2 li{margin-right:0;width:100%;margin-bottom:20px;padding:25px;display:block}
    .about-page .box2 .icon{width:46px;height:38px;background-size:46px;margin:0 auto 10px}
    .about-page .box2 .info{padding-left:0}
    .about-page .box2 .info>p:first-child{font-size:16px;line-height:26px;margin-bottom:5px;text-align:center}
    .about-page .box2 .info>p:last-child{text-align:center}
    
    .about-page .box3{padding:30px 0}
    .about-page .box3 .year .swiper-container{width:calc(100% - 80px);margin:20px auto}
    .about-page .box3 .year .swiper-slide>p:first-child{font-size:30px}
    .about-page .box3 .year .swiper-slide>p:last-child{font-size:14px;line-height:24px}
    .about-page .box3 .arrow{width:30px;height:30px}
    
    .about-page .box4{padding:30px 0}
    .about-page .box4 .cate{margin:20px 0}
    .about-page .box4 .cate .swiper-slide{font-size:14px;padding:10px 15px}
    .about-page .box4 .arrow{display:none}
    .about-page .box4 .con .swiper-container{width:100%;padding-bottom:30px}
    .about-page .box4 .con .swiper-slide .img{padding:40px;margin-bottom:15px}
    .about-page .box4 .con .swiper-slide>p{font-size:16px;line-height:26px}
    .about-page .box4 .con .swiper-pagination{display:block;bottom:0}
    .about-page .box4 .con .swiper-pagination-bullet{background:#ccc;opacity:1}
    .about-page .box4 .con .swiper-pagination-bullet-active{background:#007aff}
    
    .about-page .box5{padding:30px 0}
    .about-page .box5 .con{display:block;margin-top:20px;}
    .about-page .box5 .info{width:100%;border-radius:20px 20px 0 0;padding:25px}
    .about-page .box5 .info>p{font-size:14px;line-height:24px;padding-left:50px;min-height:35px;margin-bottom:10px}
    .about-page .box5 .info>p::before{width:35px;height:35px}
    .about-page .box5 .info>ul{justify-content:center}
    .about-page .box5 .info>ul>li:last-child{margin-right:0}
    .about-page .box5 .info .img{width:100px;height:100px;margin-bottom:10px}
    .about-page .box5 #map{width:100%;height:300px;border-radius:0 0 20px 20px}
}

@media (any-hover:hover){
    .about-page .box2 li:hover{transform:translateY(-10px)}
    
    .about-page .box3 .arrow:hover{background-color:#2DA8CB;background-image:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow1-w.2109f19f.png)}
    
    .about-page .box4 .arrow:hover{background-color:#007aff;border-color:#007aff;background-image:url(https://oss-cdn.wsjsq.net/wsjsq_website/static/home/images/arrow1-w.2109f19f.png)}
}

/*加入我们*/
.joins-page .inner-banner1 .name{font-size:48px}
.joins-page .tit-name{font-size:42px;text-align:center}

.joins-page .box1{padding:40px 0 65px}
.joins-page .box1>ul{display:flex;flex-wrap:wrap}
.joins-page .box1>ul>li{height:260px;border-radius:10px;margin-right:24px;margin-bottom:24px;width:calc(100% / 3 - 16px)}
.joins-page .box1>ul>li:first-child{width:calc(100% - (100% / 3) - 8px)}
.joins-page .box1>ul>li:nth-child(2),.joins-page .box1>ul>li:nth-child(3n+2){margin-right:0}
.joins-page .box1 .img{width:100%;height:100%}

.joins-page .box2{padding:60px 0 40px}
.joins-page .box2 .tit-name{margin-bottom:40px}
.joins-page .box2 .con{border-radius:20px;background:#fff;padding:40px 30px 0;margin-bottom:35px}
.joins-page .box2 .note{text-align:center;font-size:24px}
.joins-page .box2 .detail{text-align:center;font-size:16px;line-height:30px;color:#666;padding:20px 0 30px}
.joins-page .box2 .con>ul{display:flex;flex-wrap:wrap;padding:30px 0 20px}
.joins-page .box2 .con>ul>li{width:calc(100% / 6 - 12.5px);margin-right:15px;margin-bottom:20px;background:#f4fbfe;border-radius:20px;padding:45px 35px;transition:.3s}
.joins-page .box2 .con>ul>li:nth-child(6n){margin-right:0}
.joins-page .box2 .con .icon{width:44px;height:32px;display:flex;justify-content:center;align-items:center}
.joins-page .box2 .con .icon>img{max-width:100%;max-height:100%}
.joins-page .box2 .con>ul>li>p:nth-of-type(1){font-size:18px;line-height:28px;margin:20px 0 10px}
.joins-page .box2 .con>ul>li>p:last-child{line-height:24px;color:#666}

.joins-page .box3{padding:80px 0}
.joins-page .box3 .cate{margin:40px 0;display:flex;justify-content:center}
.joins-page .box3 .cate .swiper-slide{cursor:pointer;color:#999;font-size:16px;width:auto;padding:15px 32px;border-radius:30px}
.joins-page .box3 .cate .swiper-slide.active{background:#007aff;color:#fff}
.joins-page .box3 ul{display:none}
.joins-page .box3 ul>li{border:1px solid rgba(0,0,0,.15);border-top:0}
.joins-page .box3 .tit{display:flex;padding:20px 0;cursor:pointer}
.joins-page .box3 .tit>p{font-size:20px;padding:0 50px}
.joins-page .box3 .tit>p:first-child{width:calc(40% - 100px)}
.joins-page .box3 .tit>p:nth-child(2){width:60%;color:#666}
.joins-page .box3 .tit>p:last-child{width:100px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%209%20L12%2016%20L20%209%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;transition:.3s}
.joins-page .box3 .tit.open>p:last-child{transform:rotate(180deg)}
.joins-page .box3 ul>li:first-child{border:0;background:#007aff;}
.joins-page .box3 ul>li:first-child .tit>p{color:#fff}
.joins-page .box3 .con{background:#f5f5f5;border-top:1px solid rgba(0,0,0,.1);padding:40px 50px 80px;display:none}
.joins-page .box3 .con>span{font-size:20px;display:block}
.joins-page .box3 .con>p{font-size:18px;line-height:40px;color:#666;margin:10px 0 40px}
.joins-page .box3 .email{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2218%22%20height%3D%2212%22%20rx%3D%222%22%20fill%3D%22none%22%20stroke%3D%22%23007aff%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M4%207%20L12%2013%20L20%207%22%20fill%3D%22none%22%20stroke%3D%22%23007aff%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat left center;padding-left:35px;font-size:16px;color:#007aff}
.joins-page .box3 .load{text-align:center;margin-top:50px}
.joins-page .box3 .load>span{cursor:pointer;border:1px rgba(0,0,0,.15) solid;border-radius:25px;padding:12px 30px}
.joins-page .box3 .load>span.loading{padding:12px 30px 12px 60px;position:relative}
.joins-page .box3 .load>span.loading::before{content:'';width:20px;height:20px;position:absolute;top:11px;left:30px;box-sizing:border-box;border:2px solid #d0d5dd;border-top-color:#007aff;border-radius:50%;animation:play 1s linear infinite}
@keyframes play{
    from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}

@media (max-width:1440px){
    .joins-page .inner-banner1 .name{font-size:40px}
    .joins-page .inner-banner1 .note{font-size:20px;margin-top:20px}
}

@media (max-width:750px){
    .joins-page .tit-name{font-size:22px}
    
    .joins-page .box1{padding:10px 0}
    .joins-page .box1>ul{display:block}
    .joins-page .box1>ul>li{height:200px;margin-right:0;margin-bottom:20px;width:100%}
    .joins-page .box1>ul>li:first-child{width:100%;height:150px}
    
    .joins-page .box2{padding:30px 0 10px}
    .joins-page .box2 .tit-name{margin-bottom:20px}
    .joins-page .box2 .con{padding:25px 25px 0;margin-bottom:20px}
    .joins-page .box2 .note{font-size:16px}
    .joins-page .box2 .detail{font-size:14px;line-height:24px;padding:10px 0 20px}
    .joins-page .box2 .con>ul{display:block;padding:25px 0 15px}
    .joins-page .box2 .con>ul>li{width:100%;margin-right:0;margin-bottom:10px;padding:25px}
    .joins-page .box2 .con .icon{margin:0 auto}
    .joins-page .box2 .con>ul>li>p:nth-of-type(1){font-size:16px;line-height:26px;margin:10px 0 5px;text-align:center}
    .joins-page .box2 .con>ul>li>p:nth-of-type(2){text-align:center}
    
    .joins-page .box3{padding:30px 0}
    .joins-page .box3 .cate{margin:20px 0}
    .joins-page .box3 .cate .swiper-slide{font-size:14px;padding:10px 15px}
    .joins-page .box3 .tit{padding:10px 0}
    .joins-page .box3 .tit>p{font-size:14px;line-height:24px;padding:0 15px}
    .joins-page .box3 .tit>p:first-child{width:50%}
    .joins-page .box3 .tit>p:nth-child(2){width:calc(50% - 20px)}
    .joins-page .box3 .tit>p:last-child{width:20px;background-size:12px}
    .joins-page .box3 .con{padding:25px}
    .joins-page .box3 .con>span{font-size:16px}
    .joins-page .box3 .con>p{font-size:14px;line-height:24px;margin:5px 0 20px}
    .joins-page .box3 .email{padding-left:25px;font-size:14px}
    .joins-page .box3 .load{margin-top:30px}
    .joins-page .box3 .load>span{padding:10px 20px}
    .joins-page .box3 .load>span.loading{padding:10px 20px 10px 50px}
    .joins-page .box3 .load>span.loading::before{left:20px}
}

@media (any-hover:hover){
    .joins-page .box2 .con>ul>li:hover{transform:translateY(-10px)}
    
    .joins-page .box3 .cate .swiper-slide:hover{background:#007aff;color:#fff}
}

/*体验*/
.comment-page{background:#f4fbfe;padding:80px 0 100px}
.comment-page .width{max-width:1190px;display:flex;box-shadow:0 10px 15px rgba(0,122,255,.1)}
.comment-page .img{width:62.26%;height:536px}
.comment-page .img>p{text-align:center}
.comment-page .img>p:first-child{font-size:40px;margin:40px 0 5px}
.comment-page .img>p:first-child>span{color:#007aff}
.comment-page .img>p:last-child{font-size:20px;color:#666}
.comment-page .info{flex:1;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:0 65px}
.comment-page .info>p{text-align:center}
.comment-page .info>p:first-child{font-size:26px;margin-bottom:15px}
.comment-page .info>p:last-child{font-size:16px;color:#666}
.comment-page .info ul{margin:30px 0 10px}
.comment-page .info li{margin-bottom:20px}
.comment-page .info li>p{font-size:16px;color:#666;margin-bottom:10px}
.comment-page .info li>p>span{color:red;margin-left:5px}
.comment-page .info li>input{line-height:40px;padding:0 15px;background:#f5f5f5;width:100%;border:1px #f5f5f5 solid}
.comment-page .info li>input.focus{border-color:red}
.comment-page .info .btn{padding:10px 0;background:#007aff;color:#fff;text-align:center;cursor:pointer;transition:.3s}

.comment-page .success{display:none;position:fixed;background:rgba(0,0,0,.3);width:100%;height:100%;top:0;left:0}
.comment-page .success .con{background:#fff;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:50px 80px;box-shadow:0 0 10px #eee}
.comment-page .success .tit{height:30px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%2012%20L10%2017%20L19%207%22%20fill%3D%22none%22%20stroke%3D%22%2316a34a%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat left center/30px;padding-left:40px;line-height:30px;font-size:20px}
.comment-page .success p{font-size:16px;line-height:26px;margin:20px 0 30px}
.comment-page .success a{display:inline-block;padding:12px 40px;border-radius:25px;background:#007aff;color:#fff;font-size:16px}

@media (max-width:750px){
    .comment-page{padding:30px 0}
    .comment-page .width{display:block}
    .comment-page .img{width:100%;height:auto;padding-bottom:72.33%}
    .comment-page .img>p:first-child{font-size:22px;padding:20px 0 10px;margin:0}
    .comment-page .img>p:last-child{font-size:14px;line-height:24px;padding:0 20px}
    .comment-page .info{padding:25px}
    .comment-page .info>p:first-child{font-size:22px;margin-bottom:5px}
    .comment-page .info>p:last-child{font-size:14px;line-height:24px}
    .comment-page .info ul{margin:20px 0 0}
    .comment-page .info li{margin-bottom:15px}
    .comment-page .info li>p{font-size:14px}

    .comment-page .success .con{width:80%;border-radius:10px;padding:30px 25px;display:flex;flex-direction:column;align-items:center}
    .comment-page .success .tit{background-size:20px;padding-left:30px;font-size:16px}
    .comment-page .success p{font-size:14px;line-height:24px;margin:10px 0 20px;text-align:center}
    .comment-page .success a{padding:12px 30px;font-size:14px}
}

@media (any-hover:hover){
    .comment-page .info .btn:hover{background:#2DA8CB}
    .comment-page .success a:hover{background:#2DA8CB}
}