/*首页*/
.index-page .banner{position:relative;z-index:999}
.index-page .banner .swiper-slide{padding-bottom:50%;position:relative;overflow:hidden}
.index-page .banner .qiu{position:absolute;top:22%;right:-17%;width:63%}
.index-page .banner .swiper-slide .width{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}
.index-page .banner .info{width:55%}
.index-page .banner .name{font-size:50px;line-height:60px;font-family:'dd';margin-bottom:15px}
.index-page .banner .note{font-size:16px;line-height:30px}
.index-page .header{position:absolute;z-index:999;top:0;left:0;width:100%;height:100px}

.index-page .tit-name{font-size:32px;margin-bottom:10px;text-align:center}
.index-page .tit-note{line-height:30px;text-align:center}

.index-page .box1{padding:80px 0 155px;position:relative}
.index-page .box1::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/home-bg-1.jpg) no-repeat center bottom/100% 100%}
.index-page .box1 .width{display:flex;align-items:center;position:relative;z-index:2}
.index-page .box1 .pc-img{width:40.8%}
.index-page .box1 .m-img{width:100%;display:none}
.index-page .box1 .info{flex:1;padding-left:80px}
.index-page .box1 .tit-name{margin-bottom:20px;text-align:left}
.index-page .box1 .tit-note{line-height:30px;text-align:left}
.index-page .box1 .num-animate{display:flex;margin:30px 0 60px}
.index-page .box1 .item{margin-right:70px}
.index-page .box1 .num{display:flex;color:#05bad8}
.index-page .box1 .num>span:first-child{font-size:36px;}
.index-page .box1 .num>span:last-child{font-size:12px;margin:10px 0 0 5px}
.index-page .box1 .btn{display:flex}
.index-page .box1 .btn>a{padding:18px 70px 18px 40px;border:2px solid #05bad8;border-radius:30px;font-size:16px;color:#05bad8;background:url(../images/arrow-m.png) no-repeat 80% center}

.index-page .box2{padding:60px 0 130px;position:relative}
.index-page .box2::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/home-bg2.png) no-repeat center bottom/100% 100%}
.index-page .box2::after{content:'';width:220px;height:266px;position:absolute;bottom:20%;right:0;background:url(../images/home-bg3.png) no-repeat center center/220px}
.index-page .box2 .width{max-width:1000px;position:relative;z-index:2}
.index-page .box2 .con{display:flex;justify-content:space-between;margin-top:40px}
.index-page .box2 .item{width:40%;position:relative;padding-bottom:30px}
.index-page .box2 .tit{display:flex;align-items:center;margin-bottom:20px}
.index-page .box2 .tit .icon{width:60px;height:70px;display:flex;justify-content:center;align-items:center;margin-right:20px}
.index-page .box2 .tit .icon>img{max-width:100%;max-height:100%}
.index-page .box2 .tit p{font-size:20px;line-height:30px}
.index-page .box2 .note{line-height:30px;margin-bottom:30px}
.index-page .box2 .item1 ul{display:flex;flex-wrap:wrap}
.index-page .box2 .item1 li{width:calc(100% / 3 - 20px);margin-right:30px;margin-bottom:30px}
.index-page .box2 .item1 li:nth-child(3n){margin-right:0}
.index-page .box2 .item1 li>p{text-align:center;color:#05bad8}
.index-page .box2 .item1 li>p:nth-of-type(1){margin-bottom:10px;line-height:30px}
.index-page .box2 .item1 li>p:nth-of-type(2){font-size:24px}
.index-page .box2 .item1 li>p:nth-of-type(3){font-size:12px}
.index-page .box2 .item1 li .circlechart{width:95px;height:95px;margin:0 auto;display:flex;justify-content:center;align-items:center}
.index-page .box2 .item1 li .circle-chart__background{stroke-width:1;stroke:rgba(5,186,216,.2)}
.index-page .box2 .item1 li .warning-stroke,.index-page .box2 .item1 li .success-stroke{stroke:#05bad8;stroke-width:1}
.index-page .box2 .item1 li .circle-chart__percent{font-size:8px;fill:#05bad8}
.index-page .box2 .item1 li .icon{width:90px;height:90px;margin:0 auto;display:flex;justify-content:center;align-items:center}
.index-page .box2 .item1 li .icon>img{max-width:100%;max-height:100%}
.index-page .box2 .item2 ul{display:flex;flex-wrap:wrap}
.index-page .box2 .item2 li{width:calc(25% - 1.5px);margin-right:2px;display:flex;align-items:center;margin-bottom:25px}
.index-page .box2 .item2 li:nth-child(4n){margin-right:0}
.index-page .box2 .item2 li .icon{width:37px;height:37px;display:flex;justify-content:center;align-items:center;margin-right:5px}
.index-page .box2 .item2 li .icon>img{max-width:100%;max-height:100%}
.index-page .box2 .btn{position:absolute;bottom:0;left:0;color:#05bad8;background:url(../images/arrow-m.png) no-repeat right center;padding-right:25px}

.index-page .box3{padding:90px 0 180px;position:relative}
.index-page .box3::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/home-bg4.jpg) no-repeat center bottom/100% 100%}
.index-page .box3 .circle1{content:'';width:130px;height:210px;position:absolute;top:-5%;right:0;background:url(../images/7.png) no-repeat center center/130px}
.index-page .box3 .circle2{content:'';width:220px;height:266px;position:absolute;bottom:20%;right:0;background:url(../images/3.png) no-repeat center center/220px}
.index-page .box3 .width{position:relative;z-index:2}
.index-page .box3 .con{display:flex;margin-top:40px}
.index-page .box3 .item{width:calc(100% / 3 - 60px);margin-right:90px;position:relative;padding-bottom:60px}
.index-page .box3 .item:last-child{margin-right:0}
.index-page .box3 .tit{display:flex;align-items:center;margin-bottom:20px}
.index-page .box3 .tit .icon{width:60px;height:70px;display:flex;justify-content:center;align-items:center;margin-right:20px}
.index-page .box3 .tit .icon>img{max-width:100%;max-height:100%}
.index-page .box3 .tit p{font-size:20px;line-height:30px}
.index-page .box3 .note{line-height:30px}
.index-page .box3 ul{display:flex;flex-wrap:wrap}
.index-page .box3 li{width:calc(100% / 3 - 4px);margin-right:6px;display:flex;align-items:center;margin-bottom:25px}
.index-page .box3 li:nth-child(3n){margin-right:0}
.index-page .box3 li .icon{width:36px;height:33px;display:flex;justify-content:center;align-items:center;margin-right:5px}
.index-page .box3 li .icon>img{max-width:100%;max-height:100%}
.index-page .box3 .btn{position:absolute;bottom:0;left:0;color:#05bad8;background:url(../images/arrow-m.png) no-repeat right center;padding-right:25px}

.index-page .box4{padding-top:90px;position:relative}
.index-page .box4::before{content:'';width:100%;height:calc(100% + 1px);position:absolute;top:-1px;left:0;background:url(../images/home-bg5.jpg) no-repeat center bottom/100% 100%}
.index-page .box4 .width{position:relative;z-index:2}
.index-page .box4 ul{margin-top:40px;border-top:1px solid rgba(5,186,216,.15)}
.index-page .box4 li{padding:40px 100px;border-bottom:1px solid rgba(5,186,216,.15);display:flex;align-items:center}
.index-page .box4 .time{width:80px;background:url(../images/7.png) no-repeat left center;padding-left:18px;font-size:12px}
.index-page .box4 .info{flex:1;padding:0 20% 0 15%}
.index-page .box4 .info>a{font-size:18px;line-height:28px;margin-bottom:5px}
.index-page .box4 .info>p{line-height:26px}
.index-page .box4 .btn{width:80px;color:#05bad8;background:url(../images/arrow-m.png) no-repeat right center}

.index-page .footer::before{content:'';width:100%;height:calc(100% + 1px);position:absolute;top:-1px;left:0;background:url(../images/6.jpg) no-repeat center bottom/100% 100%}

@media (max-width:1440px){
    .index-page .tit-name{font-size:28px}
    .index-page .banner .name{font-size:45px}
    .index-page .box1{padding:60px 0 135px}
    .index-page .box1 .btn>a{padding:15px 60px 15px 30px;font-size:14px}
    .index-page .box2::after{display:none}
    .index-page .box2 .item{width:43%}
    .index-page .box3{padding:70px 0 160px}
    .index-page .box3 .circle1{display:none}
    .index-page .box3 .circle2{display:none}
    .index-page .box3 .item{width:calc(100% / 3 - 34px);margin-right:51px}
    .index-page .box4{padding-top:70px}
}

@media (max-width:750px){
    .index-page .banner .swiper-slide{padding-bottom:105%;position:relative;overflow:hidden}
    .index-page .banner .qiu{top:auto;bottom:-50%;right:2.5%;width:95%;}
    .index-page .banner .width{top:150px}
    .index-page .banner .info{width:100%}
    .index-page .banner .name{font-size:25px;line-height:35px;text-align:center;margin-bottom:10px}
    .index-page .banner .note{font-size:14px;line-height:24px;text-align:center;}
    .index-page .header{height:70px}
    
    .index-page .tit-name{font-size:20px;margin-bottom:5px;text-align:center}
    .index-page .tit-note{line-height:24px;text-align:center}
    
    .index-page .box1{padding:30px 0 80px}
    .index-page .box1::after{display:none}
    .index-page .box1 .width{display:block}
    .index-page .box1 .pc-img{display:none}
    .index-page .box1 .m-img{width:80%;display:block;margin:20px auto 0}
    .index-page .box1 .info{padding-left:0}
    .index-page .box1 .tit-name{margin-bottom:10px;text-align:center}
    .index-page .box1 .tit-note{line-height:24px;text-align:center}
    .index-page .box1 .num-animate{flex-wrap:wrap;margin:20px 0}
    .index-page .box1 .item{width:calc(100% / 3 - 6px);margin-right:9px;margin-bottom:15px}
    .index-page .box1 .item:nth-child(3n){margin-right:0}
    .index-page .box1 .num{justify-content:center}
    .index-page .box1 .num>span:first-child{font-size:24px;}
    .index-page .box1 .num-note{text-align:center;font-size:12px}
    .index-page .box1 .btn{justify-content:center}
    .index-page .box1 .btn>a{padding:12px 50px 12px 30px;font-size:14px}
    
    .index-page .box2{padding:30px 0 10px;position:relative;background:linear-gradient(to bottom,#C8F0F7,#F5FCFE)}
    .index-page .box2::before{content:'';width:100%;height:50px;position:absolute;top:-50px;left:0;background:url(../images/16.png) no-repeat center top/auto 100%}
    .index-page .box2::after{display:block;content:'';width:100%;height:50px;position:absolute;bottom:-50px;left:0;background:url(../images/17.png) no-repeat center bottom/auto 100%}
    .index-page .box2 .con{display:block;margin-top:20px}
    .index-page .box2 .item{width:100%;padding:20px 20px 50px 20px;margin-bottom:30px;background:rgba(255,255,255,.5);border-radius:20px}
    .index-page .box2 .tit{margin-bottom:10px}
    .index-page .box2 .tit .icon{width:50px;height:60px;margin-right:10px}
    .index-page .box2 .tit p{font-size:16px;line-height:26px}
    .index-page .box2 .note{line-height:24px;margin-bottom:30px}
    .index-page .box2 .item1 li{width:calc(100% / 3 - 6px);margin-right:9px;margin-bottom:20px;}
    .index-page .box2 .item1 li:nth-child(3n){margin-right:0}
    .index-page .box2 .item1 li>p:first-child{margin-bottom:5px;line-height:22px;font-size:12px}
    .index-page .box2 .item1 li .circlechart{width:75px;height:75px}
    .index-page .box2 .item1 li .icon{width:70px;height:70px}
    .index-page .box2 .item2 li{width:calc(100% / 3 - 6px);margin-right:9px;margin-bottom:15px}
    .index-page .box2 .item2 li:nth-child(4n){margin-right:9px}
    .index-page .box2 .item2 li:nth-child(3n){margin-right:0}
    .index-page .box2 .item2 li .icon{width:27px;height:27px}
    .index-page .box2 .btn{left:50%;transform:translateX(-50%);bottom:20px}
    
    .index-page .box3{padding:70px 0 50px}
    .index-page .box3::before{display:none}
    .index-page .box3 .circle1{display:none}
    .index-page .box3 .circle2{display:none}
    .index-page .box3 .con{display:block;margin-top:20px}
    .index-page .box3 .item{width:100%;margin-right:0;padding-bottom:30px;margin-bottom:30px}
    .index-page .box3 .tit .icon{width:50px;height:60px;margin-right:10px}
    .index-page .box3 .tit p{font-size:16px;line-height:26px}
    .index-page .box3 .note{line-height:24px}
    .index-page .box3 li{margin-bottom:15px}
    .index-page .box3 li .icon{width:30px;height:27px}
    .index-page .box3 .btn{position:absolute;bottom:0;left:0;color:#05bad8;background:url(../images/arrow-m.png) no-repeat right center;padding-right:25px}
    
    .index-page .box4{padding-top:30px;background:linear-gradient(to bottom,#C8F0F7,#F5FCFE)}
    .index-page .box4::before{content:'';width:100%;height:50px;position:absolute;top:-50px;left:0;background:url(../images/16.png) no-repeat center top/auto 100%}
    .index-page .box4 ul{margin-top:20px}
    .index-page .box4 li{padding:30px 0;display:block}
    .index-page .box4 .info{padding:15px 0}
    .index-page .box4 .info>a{font-size:16px;line-height:26px}
    .index-page .box4 .info>p{line-height:24px}
}

@media (any-hover:hover){
    .index-page .box1 .btn>a:hover{background-image:url(../images/arrow-w.png);background-color:#05bad8;color:#fff}
    
    .index-page .box2 .btn:hover{color:#05BAAC}
    
    .index-page .box3 .btn:hover{color:#05BAAC}
    
    .index-page .box4 .info>a:hover{color:#05bad8}
    .index-page .box4 .btn:hover{color:#05BAAC}
}

/*关于我们*/
.about-page .tit-name{font-size:24px;line-height:34px;color:#05bad8;margin-bottom:15px}
.about-page .tit-note{font-size:32px;line-height:42px}

.about-page .box1{position:relative;padding-bottom:180px;margin-top:40px}
.about-page .box1::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/about-1.jpg) no-repeat center bottom/100% 100%}
.about-page .box1 .width{position:relative;z-index:2;display:flex;align-items:flex-start}
.about-page .box1 .info{flex:1;padding-right:90px}
.about-page .box1 .tit-name{margin:30px 0 15px}
.about-page .box1 .tit-note{position:relative;padding-bottom:35px;margin-bottom:45px}
.about-page .box1 .tit-note::after{content:'';position:absolute;width:70px;height:1px;background:#e3e3e3;left:0;bottom:0}
.about-page .box1 .detail{line-height:24px}
.about-page .box1 img{width:40.83%}

.about-page .box2{position:relative;padding:15px 0 50px}
.about-page .box2::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/about-2.jpg) no-repeat center bottom/100% 100%}
.about-page .box2 .width{position:relative;z-index:2}
.about-page .box2 .tit-name{text-align:center}
.about-page .box2 .tit-note{text-align:center}
.about-page .box2 .con{display:none;height:300px;position:relative;margin:45px 0 60px;padding-top:55px}
.about-page .box2 .con .year{font-size:400px;color:#05bad8;opacity:.08;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.about-page .box2 .con .swiper-container{max-width:870px;margin:0 auto;border-radius:10px;padding-bottom:20px}
.about-page .box2 .con .swiper-slide{height:auto;border-radius:10px;background:#fff;height:190px;position:relative;display:flex}
.about-page .box2 .con .swiper-slide::after{content:'';width:18px;height:18px;background:#fff;position:absolute;left:50%;bottom:-9px;transform:translateX(-50%) rotate(45deg)}
.about-page .box2 .con .img-bg{width:31.32%;border-radius:10px 0 0 10px}
.about-page .box2 .con .img{width:100%;height:100%}
.about-page .box2 .con .txt{flex:1;padding:40px 30px 25px 50px;max-height:220px;overflow:hidden}
.about-page .box2 .con .name{font-size:24px;line-height:34px;margin-bottom:10px}
.about-page .box2 .con .note{line-height:24px}
.about-page .box2 .arrow{width:50px;height:50px;border-radius:50%;background:#fff url(../images/arrow.svg) no-repeat center center/10px;position:absolute;top:55%;transform:translateY(-50%);cursor:pointer;transition:.3s}
.about-page .box2 .prev{left:0;transform:translateY(-50%) rotate(180deg)}
.about-page .box2 .next{right:0}
.about-page .box2 .years{position:relative}
.about-page .box2 .years::before{content:'';width:100%;height:1px;position:absolute;top:8px;left:0;background:rgba(5,186,216,.1)}
.about-page .box2 .years .swiper-slide{text-align:center;font-size:16px;position:relative;padding-top:40px;cursor:pointer}
.about-page .box2 .years .swiper-slide.active{font-size:24px;color:#05bad8;font-family:'bold';padding-top:35px}
.about-page .box2 .years .swiper-slide::before{background:#fff;content:'';width:8px;height:8px;border:2px solid #05bad8;border-radius:50%;position:absolute;top:2px;left:50%;transform:translateX(-50%);z-index:2}
.about-page .box2 .years .swiper-slide.active::before{border:0;top:4px;background:#05bad8}
.about-page .box2 .years .swiper-slide.active::after{background:#fff;content:'';width:14px;height:14px;border:1px solid #05bad8;border-radius:50%;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1}

.about-page .box3{padding:50px 0;position:relative}
.about-page .box3::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../fonts/a8de08f152214e0d90913eee693bf565.svg) no-repeat center center/10px;cursor:pointer;transition:.3s;border:1px #eee solid}
.about-page .box3 .prev{transform:rotate(180deg);margin-right:10px}
.about-page .box3 .swiper-container{margin-top:40px;padding-top:10px}
.about-page .box3 .swiper-slide{border:1px solid rgba(5,186,216,.5);border-radius:10px;height:auto;padding:30px 35px 35px;transition:.3s}
.about-page .box3 .img{width:150px;height:150px;border-radius:50%;margin:0 auto}
.about-page .box3 .name{font-size:18px;line-height:28px;text-align:center;margin:15px 0 5px}
.about-page .box3 .note{line-height:24px;text-align:center}

.about-page .box4{padding:50px 0;position:relative}
.about-page .box4::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/4.jpg) no-repeat center bottom/100% 100%}
.about-page .box4 .circle1{content:'';width:130px;height:210px;position:absolute;bottom:0;right:0;background:url(../images/7.png) no-repeat center center/130px}
.about-page .box4 .circle2{content:'';width:220px;height:266px;position:absolute;top:15%;right:0;background:url(../images/3.png) no-repeat center center/220px}
.about-page .box4 .width{position:relative;z-index:2}
.about-page .box4 .tit{display:flex;justify-content:space-between;align-items:flex-end}
.about-page .box4 .tit-txt{flex:1;padding-right:50px}
.about-page .box4 .arrow{display:flex;width:110px;padding-bottom:10px}
.about-page .box4 .arrow>div{width:50px;height:50px;border-radius:50%;background:#fff url(../images/arrow.svg) no-repeat center center/10px;cursor:pointer;transition:.3s;border:1px #eee solid}
.about-page .box4 .prev{transform:rotate(180deg);margin-right:10px}
.about-page .box4 .swiper-container{margin-top:40px;padding-top:10px}
.about-page .box4 .swiper-slide{border:1px solid rgba(5,186,216,.5);border-radius:10px;height:auto;padding:55px 30px 40px;transition:.3s}
.about-page .box4 .img{width:138px;height:192px;margin:0 auto 35px}
.about-page .box4 p{line-height:24px;text-align:center}

.about-page .box5{padding-top:50px;position:relative}
.about-page .box5::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/5.jpg) no-repeat center bottom/100% 100%}
.about-page .box5::after{content:'';width:220px;height:266px;position:absolute;top:35%;right:0;background:url(../images/3.png) no-repeat center center/220px}
.about-page .box5 .width{position:relative;z-index:2}
.about-page .box5 ul{margin-top:40px;border-top:1px solid rgba(5,186,216,.15)}
.about-page .box5 li{padding:40px 0 40px 100px;border-bottom:1px solid rgba(5,186,216,.15);display:flex;align-items:center}
.about-page .box5 .time{width:70px;background:url(../images/7.png) no-repeat left center;padding-left:18px;font-size:12px}
.about-page .box5 .img{width:calc(50% - 70px);padding-left:12%}
.about-page .box5 .img>img{max-width:50%;}
.about-page .box5 p{line-height:30px;font-size:18px;width:50%;padding-right:15%}

.about-page .footer::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/6.jpg) no-repeat center bottom/100% 100%}

@media (max-width:1440px){
    .about-page .tit-note{font-size:28px;line-height:38px}
    .about-page .box1{padding-bottom:160px}
    .about-page .box1 .tit-note{padding-bottom:25px;margin-bottom:35px}
    .about-page .box3{padding:40px 0}
    .about-page .box3 .img{width:130px;height:130px}
    .about-page .box4{padding:40px 0}
    .about-page .box4 .circle1{display:none}
    .about-page .box4 .circle2{display:none}
    .about-page .box4 .swiper-slide{padding:45px 30px 30px}
    .about-page .box5{padding-top:40px}
    .about-page .box5::after{display:none}
    .about-page .box5 li{padding:30px 0 30px 80px}
    .about-page .box5 p{font-size:16px}
    .about-page .footer .ask{padding:80px 0}
}

@media (max-width:750px){
    .inner-banner .name{ font-size:25px; }
    .inner-banner .note{ font-size:14px; line-height:24px}
    .inner-banner .crumb{display: none;}
    .about-page .tit-name{ font-size:14px; line-height:20px; }
    .about-page .tit-note{ font-size:20px; }
    .about-page .box1{ padding-bottom:100px; }
    .about-page .box1 .tit-name{ margin:20px 0 0}
    .about-page .tit-name{ margin:20px 0 10px;}
    .about-page .box1 .tit-note{ padding-bottom:15px; margin-bottom:20px; } 
    .about-page .box1 .detail{ margin-bottom:20px; }
    .about-page .box1 .width{ display:inherit; }
    .about-page .box1 .info{ padding-right:0; }
    .about-page .box1 img{ width:80%; margin:0 auto}
    .about-page .box1::before{content:'';width:100%;height:50px;position:absolute; top:auto; bottom:0;left:0;background:url(../images/16.png) no-repeat center top/auto 100%;}
    
    .about-page .box2{ padding:15px 0 30px; }
    .about-page .box2 .con{ margin-top:10px; padding-top:0; }
    .about-page .box2 .con .year{ font-size:200px; display:none; }
    .about-page .box2 .con .swiper-slide{ display:inline-block; height:300px; }
    .about-page .box2 .con .img-bg{ width:100%; height:160px; border-radius: 10px 10px 0 0; }
    .about-page .box2 .con .txt{ padding:30px; max-height:150px}
    .about-page .box2 .arrow{ display:none; }
    
    .about-page .tit-note{ line-height:30px; }
    .about-page .box3,
    .about-page .box4{ padding:25px 0; }
    .about-page .box3 .swiper-container,
    .about-page .box4 .swiper-container{ margin-top:20px; }
    
    .about-page .box5{ padding-top:25px;  }
    .about-page .box5 ul{ margin-top:30px;}
    .about-page .box5 li{  padding:30px; display:block; }
    .about-page .box5 .img{ width: calc(100% - 70px); padding-left:0; margin:20px 0; }
	.about-page .box5 .img>img{max-width:100%;}
    .about-page .box5 p{ width:100%; padding-right:0; font-size:14px; line-height:24px; }
}

@media (any-hover:hover){
    .about-page .box2 .arrow:hover{background-color:#05bad8;background-image:url(../fonts/arrow-w.svg)}
    .about-page .box2 .years .swiper-slide:hover{color:#05bad8}
    
    .about-page .box3 .arrow>div:hover{background-color:#05bad8;border-color:#05bad8;background-image:url(../fonts/arrow-w.svg)}
    .about-page .box3 .swiper-slide:hover{transform:translateY(-10px)}
    
    .about-page .box4 .arrow>div:hover{background-color:#05bad8;border-color:#05bad8;background-image:url(../images/arrow-w.svg)}
    .about-page .box4 .swiper-slide:hover{transform:translateY(-10px)}
}

/*技术*/
.technology-page .tit-name{font-size:32px;line-height:42px;margin-bottom:25px}
.technology-page .tit-note{line-height:24px}

.technology-page .box1{padding:60px 0 190px;position:relative}
.technology-page .box1::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/1.jpg) no-repeat center bottom/100% 100%}
.technology-page .box1 .width{position:relative;z-index:2}
.technology-page .box1 .info{display:flex;align-items:center;margin-bottom:45px}
.technology-page .box1 .info .txt{flex:1;padding-right:70px}
.technology-page .box1 .info>img{width:45.91%}
.technology-page .box1 ul{display:flex;flex-wrap:wrap}
.technology-page .box1 li{width:calc(20% - 16px);margin-right:20px;padding:0 40px;height:240px;position:relative}
.technology-page .box1 li:nth-child(5n){margin-right:0}
.technology-page .box1 .mask{position:absolute;top:0;left:0;width:100%;height:100%;display:none;border-radius:20px}
.technology-page .box1 .txt{position:relative;z-index:2}
.technology-page .box1 .icon{width:43px;height:46px;margin:40px auto 15px;display:flex;justify-content:center;align-items:center}
.technology-page .box1 .icon>img{max-width:100%;max-height:100%}
.technology-page .box1 .name{font-size:18px;line-height:28px;text-align:center;margin-bottom:15px}
.technology-page .box1 .note{line-height:24px;text-align:center}
.technology-page .box1 li.active .icon{display:none}
.technology-page .box1 li.active .name{color:#fff;margin-top:70px}
.technology-page .box1 li.active .note{color:#fff}

.technology-page .box2{padding:65px 0 115px;position:relative}
.technology-page .box2::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/tech-2.jpg) no-repeat center bottom/100% 100%}
.technology-page .box2 .width{position:relative;z-index:2;display:flex;align-items:center}
.technology-page .box2 .info{flex:1;padding-right:110px}
.technology-page .box2 .img-bg{width:50%;border-radius:20px}
.technology-page .box2 .img{width:100%;padding-bottom:56.66%}

.technology-page .box3{padding:100px 0 150px;position:relative}
.technology-page .box3::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/tech-3.jpg) no-repeat center bottom/100% 100%}
.technology-page .box3 .width{position:relative;z-index:2}
.technology-page .box3 .tit-name{text-align:center;margin-bottom:40px}
.technology-page .box3 .item{margin-bottom:30px;display:flex;align-items:center}
.technology-page .box3 .item:nth-child(2n) .info{padding-left:0;padding-right:80px}
.technology-page .box3 .img-bg{border-radius:20px;width:50%}
.technology-page .box3 .img{width:100%;padding-bottom:56.66%}
.technology-page .box3 .name{font-size:22px;line-height:32px;margin-bottom:20px}
.technology-page .box3 .note{line-height:24px}
.technology-page .box3 .info{flex:1;padding-left:80px}

.technology-page .box4{padding:90px 0 200px;position:relative}
.technology-page .box4::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/tech-4.jpg) no-repeat center bottom/100% 100%}
.technology-page .box4::after{content:'';width:220px;height:266px;position:absolute;bottom:5%;right:0;background:url(../images/3.png) no-repeat center center/220px}
.technology-page .box4 .width{position:relative;z-index:2}
.technology-page .box4 .tit-name{text-align:center;margin-bottom:40px}
.technology-page .box4 .item{margin-bottom:30px;display:flex;align-items:center}
.technology-page .box4 .item:nth-child(2n) .info{padding-left:0;padding-right:80px}
.technology-page .box4 .img-bg{border-radius:20px;width:50%}
.technology-page .box4 .img{width:100%;padding-bottom:56.66%}
.technology-page .box4 .name{font-size:22px;line-height:32px;margin-bottom:20px}
.technology-page .box4 .note{line-height:24px}
.technology-page .box4 .info{flex:1;padding-left:80px}

.technology-page .box5{padding:20px 0 0;position:relative}
.technology-page .box5::before{content:'';width:100%;height:calc(100% + 1px);position:absolute;top:-1px;left:0;background:url(../images/tech-5.jpg) no-repeat center bottom/100% 100%}
.technology-page .box5::after{content:'';width:220px;height:266px;position:absolute;bottom:10%;right:0;background:url(../images/3.png) no-repeat center center/220px}
.technology-page .box5 .width{position:relative;z-index:2}
.technology-page .box5 .tit-name{text-align:center;margin-bottom:40px}
.technology-page .box5 .con{display:flex;flex-wrap:wrap}
.technology-page .box5 .item{width:calc(25% - 22.5px);margin-right:30px;margin-bottom:35px}
.technology-page .box5 .item:nth-child(4n){margin-right:0}
.technology-page .box5 .img-bg{border-radius:20px;margin-bottom:15px}
.technology-page .box5 .img{width:100%;padding-bottom:71.42%}
.technology-page .box5 p{font-size:18px;line-height:28px;text-align:center}

.technology-page .footer::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/6.jpg) no-repeat center bottom/100% 100%}
.technology-page .footer .ask{padding:100px 0 150px}

@media (max-width:1440px){
    .technology-page .tit-name{font-size:28px;line-height:38px;margin-bottom:15px}
    .technology-page .box1{padding:40px 0 170px}
    .technology-page .box2 .info{padding-right:60px}
    .technology-page .box3{padding:80px 0 130px}
    .technology-page .box3 .info{padding-left:60px}
    .technology-page .box3 .item:nth-child(2n) .info{padding-right:60px}
    .technology-page .box4::after{display:none}
    .technology-page .box4 .info{padding-left:60px}
    .technology-page .box4 .item:nth-child(2n) .info{padding-right:60px}
    .technology-page .box5::after{display:none}
    .technology-page .box5 .item{margin-bottom:25px}
    .technology-page .box5 p{font-size:16px;line-height:26px}
    .technology-page .footer .ask{padding:80px 0}
}

@media (max-width:750px){
    .technology-page .tit-name{ font-size:20px; text-align:center; }
    .technology-page .box1::before{ height:50px; top:auto; bottom:0; left:0;background:url(../images/16.png) no-repeat center top/auto 100%}
    .technology-page .box1{ padding-bottom:100px; }
    .technology-page .box1 .info{  display:block; }
    .technology-page .box1 .info .txt{ padding-right:0;  }
    .technology-page .box1 .info>img{ width:100%; margin-top:25px; }
    .technology-page .box1 li{ width:calc(50% - 0px); margin-right:0; height:200px; padding:0 25px;}
    .technology-page .box1 .icon{ margin-top:30px; }
    .technology-page .box1 .name{ font-size:16px; margin-bottom:10px; line-height:25px; }
    .technology-page .box1 .note{ font-size:12px; line-height:20px; }

    .technology-page .box2{ padding:30px 0 60px; }
    .technology-page .box2::before{ background:linear-gradient(to bottom,#C8F0F7,#F5FCFE); }
    .technology-page .box2 .width{ display:block; }
    .technology-page .box2 .info{ padding-right:0; }
    .technology-page .box2 .img-bg{ width:100%; margin:25px 0 0; }
    
    .technology-page .box3{ padding:40px 0 100px; }
    .technology-page .box3::before{ height:50px; top:auto; bottom:0; left:0;background:url(../images/16.png) no-repeat center top/auto 100%}
    .technology-page .box3 .tit-name{ margin-bottom:15px; }
    .technology-page .box3 .item{ display:block; }
    .technology-page .box3 .info{ padding-left:0;  }
    .technology-page .box3 .item:nth-child(2n) .info{ padding-right:0;  }
    .technology-page .box3 .img-bg{ width:100%; }
    .technology-page .box3 .name{ font-size:16px; margin:15px 0 10px; }
    
    .technology-page .box4{ padding:30px 0 100px;  }
    .technology-page .box4::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(to bottom,#C8F0F7,#fff)}
    .technology-page .box4::after{content: ''; display:block; width:100%; height:50px;  bottom:0; left:0;background:url(../images/16-2.png) no-repeat center top/auto 100% }
    
    .technology-page .box4 .item{ display:block; }
    .technology-page .box4 .tit-name{ margin-bottom:15px; }
    .technology-page .box4 .img-bg{ width:100%; }
    .technology-page .box4 .info{ padding-left:0; } 
    .technology-page .box4 .item:nth-child(2n) .info{ padding-right:0; }
    .technology-page .box4 .name{ font-size:16px; margin: 15px 0 10px; } 
    
    .technology-page .box5{ }
    .technology-page .box5 .tit-name{ margin-bottom:15px; }
    .technology-page .box5 .item{ width:calc(50% - 10px); margin-right:20px; margin-bottom:20px; }
    .technology-page .box5 .item:nth-child(4n){ margin-right:20px;  }
    .technology-page .box5 .item:nth-child(2n){ margin-right:0;  }
    .technology-page .box5 .img-bg{ margin-bottom:10px; border-radius:10px; }
    .technology-page .box5 p{ font-size:14px; }

}

/*服务*/
.service-page .box1{padding:40px 0;position:relative}
.service-page .box1::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/service-bg1.jpg) no-repeat center bottom/100% 100%}
.service-page .box1::after{content:'';width:220px;height:266px;position:absolute;bottom:15%;right:0;background:url(../images/service-bg3.png) no-repeat center center/220px}
.service-page .box1 .width{position:relative;z-index:2}
.service-page .box1 .item{padding:60px 0;border-bottom:1px solid #eee;display:flex;align-items:center}
.service-page .box1 .item:nth-child(2n) .info{padding-left:0;padding-right:80px}
.service-page .box1 .item:last-child{border-bottom:0}
.service-page .box1 .img-bg{border-radius:20px;width:50%}
.service-page .box1 .img{width:100%;padding-bottom:56.66%}
.service-page .box1 .name{font-size:32px;line-height:42px;margin-bottom:20px}
.service-page .box1 .note{line-height:24px}
.service-page .box1 .info{flex:1;padding-left:80px}

.service-page .box2{padding:40px 0;position:relative}
.service-page .box2::before{content:'';width:100%;height:calc(100% + 1px);position:absolute;top:-1px;left:0;background:url(../images/service-2.jpg) no-repeat center bottom/100% 100%}
.service-page .box2::after{content:'';width:220px;height:266px;position:absolute;bottom:15%;right:0;background:url(../images/service-bg3.png) no-repeat center center/220px}
.service-page .box2 .width{position:relative;z-index:2}
.service-page .box2 .tit-name{font-size:32px;line-height:42px;text-align:center}
.service-page .box2 .tit-note{line-height:24px;text-align:center;max-width:700px;margin:20px auto 30px}
.service-page .box2 .con{max-width:1360px;position:relative}
.service-page .box2 .img-bg{border-radius:20px}
.service-page .box2 .img{width:100%;padding-bottom:68.42%}
.service-page .box2 .name{font-size:18px;line-height:28px;margin:15px 0 5px}
.service-page .box2 .note{line-height:24px}
.service-page .box2 .arrow{border:1px solid #ddd;width:48px;height:48px;border-radius:50%;background:url(../images/arrow.svg) no-repeat center center/10px;position:absolute;top:40%;transform:translateY(-50%);cursor:pointer;transition:.3s;z-index:998}
.service-page .box2 .prev{left:0;transform:translateY(-50%) rotate(180deg)}
.service-page .box2 .next{right:0}

.service-page .footer::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../fonts/483f9f45a7d3487eb2a9e9bfa141253a.svg)}

/*新闻*/
.news-page.list .con{padding:80px 0;position:relative}
.news-page.list .con::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/1.jpg) no-repeat center bottom/100% 100%}
.news-page.list .con .circle1{content:'';width:220px;height:266px;position:absolute;top:35%;right:0;background:url(../images/3.png) no-repeat center center/220px}
.news-page.list .con .circle2{content:'';width:130px;height:210px;position:absolute;top:55%;right:0;background:url(../images/7.png) no-repeat center center/130px}
.news-page.list .con .circle3{content:'';width:220px;height:266px;position:absolute;bottom:8%;right:0;background:url(../images/3.png) no-repeat center center/220px}
.news-page.list .con .width{position:relative;z-index:2}
/*.news-page.list .con .search{display:flex;justify-content:flex-end;margin-bottom:30px}*/
/*.news-page.list .con .search .input{width:300px;height:50px;padding:0 20px;background:#f5f5f5;border-radius:5px 0 0 5px}*/
/*.news-page.list .con .search .btn{width:50px;height:50px;background:#05bad8 url(../images/search-w.svg) no-repeat center center/22px;transition:.3s;border-radius:0 5px 5px 0}*/
.news-page.list .con ul{display:flex;flex-wrap:wrap}
.news-page.list .con li{width:calc(100% / 3 - 20px);margin-right:30px;margin-bottom:30px}
.news-page.list .con li:nth-child(3n){margin-right:0}
.news-page.list .con .img-bg{border-radius:10px 10px 0 0}
.news-page.list .con .img{width:100%;padding-bottom:52.63%}
.news-page.list .con .info{padding:30px 30px 0;height:220px;border:1px rgba(5,186,216,.3) solid;border-top:0;border-radius:0 0 10px 10px}
.news-page.list .con .time{background:url(../images/ico-newstime.png) no-repeat left center;font-size:12px;padding-left:20px}
.news-page.list .con .name{font-size:18px;line-height:26px;margin:10px 0 20px}
.news-page.list .con .note{line-height:26px}
.news-page.list .page{margin:30px}

.news-page.list .footer::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/2.jpg) no-repeat center bottom/100% 100%}
.news-page.list .footer .ask{padding:50px 0 150px}

.news-page.detail .con{padding-top:80px;position:relative}
.news-page.detail .con::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/1.jpg) no-repeat center bottom/100% 100%}
.news-page.detail .con .circle1{content:'';width:220px;height:266px;position:absolute;bottom:35%;right:0;background:url(../images/3.png) no-repeat center center/220px}
.news-page.detail .con .circle2{content:'';width:130px;height:210px;position:absolute;bottom:20%;right:0;background:url(../images/7.png) no-repeat center center/130px}
.news-page.detail .con .circle3{content:'';width:220px;height:266px;position:absolute;bottom:5%;right:0;background:url(../images/3.png) no-repeat center center/220px}
.news-page.detail .con .width{position:relative;z-index:2}
.news-page.detail .con .base{padding-bottom:100px}
.news-page.detail .con .base .tag{text-align:center}
.news-page.detail .con .base .tag>span{background:rgba(5,186,172,.1);padding:5px 15px;border-radius:5px;color:#636c6c}
.news-page.detail .con .base .name{font-size:36px;line-height:46px;text-align:center;margin:20px 0 10px}
.news-page.detail .con .base .time{text-align:center}
.news-page.detail .con .base .time>span{background:url(../images/7.png) no-repeat left center;font-size:12px;padding-left:20px}
.news-page.detail .con .base .content{margin:30px 0 50px;padding:30px 0 50px;border-top:rgba(5,186,216,.1) solid 1px;border-bottom:rgba(5,186,216,.1) solid 1px}
.news-page.detail .con .base .content p{line-height:30px}
.news-page.detail .con .base .content a{display:inline-block}
.news-page.detail .con .base .content video{max-width:100%;height:auto !important;margin:0 auto}
.news-page.detail .con .base .content img{max-width:100%;height:auto !important;margin:20px auto}
.news-page.detail .con .base .jump{display:flex;align-items:center}
.news-page.detail .con .base .jump .info{flex:1}
.news-page.detail .con .base .jump .info>a{font-size:12px;line-height:30px}
.news-page.detail .con .base .jump .btn{width:200px;display:flex;justify-content:flex-end}
.news-page.detail .con .base .jump .btn>a{transition:.3s;padding:15px 50px;color:#fff;border-radius:25px;background:#05bad8}
.news-page.detail .con .best .tit-name{font-size:36px;text-align:center;margin-bottom:30px}
.news-page.detail .con .best ul{display:flex;flex-wrap:wrap}
.news-page.detail .con .best li{width:calc(100% / 3 - 20px);margin-right:30px;margin-bottom:30px}
.news-page.detail .con .best li:nth-child(3n){margin-right:0}
.news-page.detail .con .best .img-bg{border-radius:10px 10px 0 0}
.news-page.detail .con .best .img{width:100%;padding-bottom:52.63%}
.news-page.detail .con .best .info{padding:30px 30px 0;height:220px;border:1px rgba(5,186,216,.3) solid;border-top:0;border-radius:0 0 10px 10px}
.news-page.detail .con .best .time{background:url(../images/ico-newstime.png) no-repeat left center;font-size:12px;padding-left:20px}
.news-page.detail .con .best .name{font-size:18px;line-height:26px;margin:10px 0 20px}
.news-page.detail .con .best .note{line-height:26px}

.news-page.detail .footer::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/2.jpg) no-repeat center bottom/100% 100%}
.news-page.detail .footer .ask{padding:100px 0 150px}

@media (max-width:1440px){
    .news-page.list .con{padding:60px 0}
    .news-page.list .con .circle1,.news-page.list .con .circle2,.news-page.list .con .circle3{display:none}
    .news-page.list .page{margin:20px 0}
    .news-page.list .footer .ask{padding:30px 0 80px}
    .news-page.detail .con .circle1,.news-page.detail .con .circle2,.news-page.detail .con .circle3{display:none}
    .news-page.detail .con{padding-top:60px}
    .news-page.detail .con .base{padding-bottom:80px}
    .news-page.detail .con .base .name{font-size:30px;line-height:40px}
    .news-page.detail .con .base .content{padding:20px 0 40px;margin:20px 0 40px}
    .news-page.detail .con .base .jump .btn>a{padding:12px 40px}
    .news-page.detail .con .best .tit-name{font-size:30px}
    .news-page.detail .footer .ask{padding:50px 0 80px}
}


@media (max-width:750px){
    .news-page.list .con{ margin-top:50px; padding:0 0 10px; }
    .news-page.list .con li{ width:calc(100%); margin-right:0; margin-bottom:25px; }
    .news-page.list .footer .ask{padding:30px 0 80px}
    
    .news-page.detail .con{ padding-top:40px; }
    .news-page.detail .con .base{ padding-bottom:60px; }
    .news-page.detail .con .base .content{ padding-bottom:20px;  margin-bottom:20px; }
    .news-page.detail .con .base .name{font-size:20px;  line-height:30px; }
    .news-page.detail .con .base .jump{ display:block;}
    .news-page.detail .con .base .jump .info{ margin-bottom:20px; }
    .news-page.detail .con .base .jump .btn{ display:block;}
    
    .news-page.detail .con .best .tit-name{ font-size:24px; margin-bottom:20px; }
    .news-page.detail .con .best li{ width:calc(100%); margin-right:0; margin-bottom:25px;  }
    .news-page.detail .con .best .name{ font-size:16px; margin-bottom:15px; }
}


@media (any-hover:hover){
    .news-page.list .con .name:hover{color:#05bad8}
    
    .news-page.detail .con .base .jump .info>a:hover{color:#05bad8}
    .news-page.detail .con .base .jump .btn>a:hover{background:#05BAAC}
    .news-page.detail .con .best .name:hover{color:#05bad8}
}

/*联系我们*/
.contact-page .tit-name{font-size:24px;line-height:34px;color:#05bad8;margin-bottom:15px}
.contact-page .tit-note{font-size:32px;line-height:42px}

.contact-page .box1{padding:50px 0 200px;position:relative}
.contact-page .box1::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/contact-1.jpg) no-repeat center bottom/100% 100%}
.contact-page .box1::after{content:'';width:220px;height:266px;position:absolute;bottom:6%;right:0;background:url(../images/3.png) no-repeat center center/220px}
.contact-page .box1 .width{position:relative;z-index:2;display:flex;align-items:center}
.contact-page .box1 .info{flex:1;padding-right:120px}
.contact-page .box1 .info ul{border-top:1px solid rgba(5,186,216,.15);margin-top:45px}
.contact-page .box1 .info li{padding:30px 0;border-bottom:1px solid rgba(5,186,216,.15);display:flex}
.contact-page .box1 .info .icon{width:21px;height:22px;display:flex;justify-content:center;align-items:center}
.contact-page .box1 .info .icon>img{max-width:100%;max-height:100%}
.contact-page .box1 .info .name{width:60px;margin:0 50px}
.contact-page .box1 .map{width:530px;position:relative}
.contact-page .box1 .map>img{width:530px;height:538px}
.contact-page .box1 #map{width:500px;height:500px;border-radius:50%;position:absolute;left:20px;top:20px}
.contact-page .box1 .BMap_cpyCtrl,.contact-page .box1 .BMap_stdMpCtrl,.contact-page .box1 .anchorBL,.contact-page .box1 .BMap_omCtrl,.contact-page .box1 .BMap_noprint{display:none}
.contact-page .box1 .BMapLabel{width:280px;height:108px;background:url(../images/15.png) no-repeat center center/280px !important;color:#fff;border:0 !important;}
.contact-page .box1 .map-tit{display:flex;height:108px;align-items:center;padding:0 40px;}
.contact-page .box1 .map-tit>img{width:31px;height:41px;margin-top:-10px}
.contact-page .box1 .map-tit .txt{width:calc(100% - 31px);padding-left:20px;}
.contact-page .box1 .map-tit .txt>p:first-child{font-size:16px;margin:-10px 0 5px}

.contact-page .box2{padding-top:20px;position:relative;}
.contact-page .box2::before{content:'';width:100%;height:calc(100% + 1px);position:absolute;top:-1px;left:0;background:url(../images/contact-2.jpg) no-repeat center bottom/100% 100%}
.contact-page .box2::after{content:'';width:220px;height:266px;position:absolute;bottom:6%;right:0;background:url(../images/service-bg3.png) no-repeat center center/220px}
.contact-page .box2 .width{position:relative;z-index:2}
.contact-page .box2 .tit-name{text-align:center}
.contact-page .box2 .tit-note{text-align:center}
.contact-page .box2 .con{margin-top:45px}
.contact-page .box2 .item{display:flex;margin-bottom:20px}
.contact-page .box2 .input{display:flex;background:#fff;width:calc(25% - 18.75px);margin-right:25px;line-height:60px;padding-left:20px;border-radius:5px;}
.contact-page .box2 .input>span{width:50px}
.contact-page .box2 .input-b>span{width:80px}
.contact-page .box2 .input>input{width:calc(100% - 50px);border:1px #fff solid;padding-right:20px;height:60px;border-radius:5px;}
.contact-page .box2 .input-b>input{width:calc(100% - 80px)}
.contact-page .box2 .item2 .input{width:calc(50% - 12.5px)}
.contact-page .box2 .item2 .input:last-child{margin-right:0}
.contact-page .box2 .my-select{width:calc(25% - 18.75px)}
.contact-page .box2 .textarea{display:flex;background:#fff;border-radius:5px;width:100%;padding:25px 20px;height:240px;}
.contact-page .box2 .textarea>span{width:80px}
.contact-page .box2 .textarea textarea{border-radius:5px;width:calc(100% - 80px);border:1px #fff solid}
.contact-page .box2 .btn{display:flex;justify-content:center;margin-top:35px}
.contact-page .box2 .btn>span{cursor:pointer;transition:.3s;padding:15px 65px;border-radius:25px;background:#05bad8;color:#fff;font-size:16px}

.contact-page .footer::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/6.jpg) no-repeat center bottom/100% 100%}

@media (max-width:1440px){
    .contact-page .tit-note{font-size:28px;line-height:38px}
    .contact-page .box1{padding:30px 0 150px}
    .contact-page .box1::after{display:none}
    .contact-page .box1 .info ul{margin-top:35px}
    .contact-page .box1 .info li{padding:25px 0}
    .contact-page .box1 .map{width:430px}
    .contact-page .box1 .map>img{width:430px;height:436px}
    .contact-page .box1 #map{width:400px;height:400px}
    .contact-page .box2::after{display:none}
    .contact-page .box2 .input{line-height:50px}
    .contact-page .box2 .input>input{height:50px}
    .contact-page .box2 .textarea{height:220px}
    .contact-page .box2 .btn>span{padding:12px 50px}
    .contact-page .footer .ask{padding:80px 0}
}

@media (max-width:750px){
    .contact-page .tit-name { margin: 20px 0 0; font-size: 14px; line-height: 20px;}
    .contact-page .tit-note{ font-size:20px; }
    .contact-page .box1{ margin-top:50px; padding:0 0 60px;  }
    
    .contact-page .box1::before{ height:50px; top:auto; bottom:0; left:0;background:url(../images/16.png) no-repeat center top/auto 100%}
    .contact-page .box1 .width{ display:block; }
    .contact-page .box1 .info{ padding-right:0; }
    .contact-page .box1 .info ul{ margin-top:20px; }
    .contact-page .box1 .info .name{ margin:0 20px; }
    .contact-page .box1 .map{ width:320px;  margin:30px auto;  }
    .contact-page .box1 .map>img{ width:320px; height:320px;  }
    .contact-page .box1 #map{ width:295px; height:300px; top:12px; left:18px; } 
    .contact-page .box1 .BMapLabel{ width:230px;background: url(../images/15.png) no-repeat center center/230px !important; }
    .contact-page .box1 .map-tit{ padding:0 20px;}
    
    .contact-page .box2 .con{ margin-top:20px; }
    .contact-page .box2 .item{ display:block;}
    .contact-page .box2 .input{ width:100%; padding:0 15px; float: left; margin-right:0; margin-bottom:10px; }
    .contact-page .box2 .input:nth-child(2n){ margin-right:0; }
    .contact-page .box2 .input>input{padding-right:0}
    .contact-page .box2 .my-select{ width:100%; height:50px; float: left; margin-bottom:10px}
    .contact-page .box2 .my-select p{ line-height:50px; }
    .contact-page .box2 .my-select:after{ top:20px; }
    .contact-page .box2 .item2 .input{ width:100%; margin-right:0; }
    .contact-page .box2 .textarea{padding:20px 15px}
    .contact-page .box2 textarea{ height:160px; }
}

@media (any-hover:hover){
    .contact-page .box2 .btn>span:hover{background:#05BAAC}
}