/* load */
#loading{position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;background-color: #fff;z-index: 999999;}
#loading img{position: absolute;width: 20%;max-width: 55px;left: 50%;top: 50%;transform: translate(-50%,-50%);animation: load_img 5s linear infinite;}
@keyframes load_img {
    0%{
        transform: translate(-50%,-50%) rotate(0deg);
    }
    100%{
        transform: translate(-50%,-50%) rotate(360deg);
    }
}

.section{background-color: #fff;}
/* banner */
.banner{width: 100%;height: calc(100vh);position: relative;}
.img-swiper img{transition: all 10s;animation: fade 15s linear infinite;}
.txt-swiper{z-index: 0!important;}
.img-swiper .swiper-slide img.m-img{display: none;}

.ban-procate{position: absolute;top: 40%;width: 90%;left: 50%;max-width: 1300px;transition: all 1s;transform: rotateX(90deg) translateX(-50%);transform-origin: bottom;}
/* .ban-procate a{display: inline-block;width: 29%;margin-right: 5%;max-width: 275px;background-color: rgba(0, 0, 0, 0.7);color: #fff;line-height: 70px;border-radius: 50px;font-size: 28px;}
.ban-procate a:last-child{margin-right: 0;} */

.ban-procate p{font-size: 28px;font-weight: bold;color: #fff;margin-bottom: 15px;}
.ban-procate h2{font-size: 64px;font-weight: bold;color: #fff;}
.ban-procate h2 b{color: #63B5FF;}
.ban-procate a.more{font-size: 16px;color: #fff;background-color: #63B5FF;margin-top: 30px;}

@keyframes fade {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.05);
    }
    100%{
        transform: scale(1);
    }
}
/* #pp-nav */
#pp-nav{top: 50%;transform: translateY(-50%);margin-top: 0!important;z-index: 9;}
#pp-nav.right{right: 4.5%;}
#pp-nav li{margin: 0 7px 30px;width: 10px;height: 10px;}
#pp-nav ul li:last-child{margin-bottom: 0;}
#pp-nav::before{content: '';width: 2px;height: 100%;position: absolute;left: calc(50% - 1px);top: 0;background-color: #fff;}
#pp-nav ul li a{position: absolute;}
#pp-nav ul li a span{width: 10px;height: 10px;border: 2px solid #fff!important;background-color: rgba(0, 83, 158, 1);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 0.3s;}
#pp-nav ul li a span::after{width: 0;height: 0;content: '';background-color: #f1b64e;border: 2px solid #fff;display: block;border-radius: 4px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#pp-nav ul li .active span{width: 20px;background: none;height: 36px;border-radius: 10px;}
#pp-nav ul li .active span::after{width: 8px;height: 12px;}


/* 产品 */
#section3{background-color: #EFEFEF;padding: 0 15px;}
#section3 .product{width: 100%;max-width: 1680px;display: flex;height: 100vh;flex-wrap: wrap;padding-top: 100px;margin: 0 auto;align-content: flex-start;flex-direction: column; }
#section3 .product .tit{display: flex;width: 100%;flex-wrap: wrap;flex: 0 0 auto;align-items: center;margin-bottom: 30px;border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
#section3 .product .tit h2{font-size: 34px;color: #00539E;font-weight: normal;width: 70%;padding: 30px 0;margin-bottom: 0;max-width: calc(100% - 240px);}
#section3 .product .tit h2 span{color: rgba(0, 0, 0, 0.1);}
#section3 .product .tit h2 p{font-size: 18px;color: rgba(0, 0, 0, 0.8);padding-top: 30px;}
#section3 .product .tit a.more{margin-left: auto;background-color: #F8F8F8;}
#section3 .product .ul{display: flex;flex-wrap: wrap;width: 100%;flex: 0 0 auto;margin-bottom: 30px;}
#section3 .product .ul .li{margin-right: 30px;background-color: #fff;width: calc(25% - 30px);cursor: pointer;}
#section3 .product .ul .li.active{background-color: #63B5FF;color: #fff;}

#section3 .product #proSwiper{width: 100%;margin-top: 30px;flex-grow: 1;position: relative;}
#section3 .product #proSwiper .swiper{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
#section3 .product #proSwiper .swiper-slide .info{display: flex;width: 100%;height: 100%;}
#section3 .product #proSwiper .swiper-slide .img{width: 40%;background-color: #fff;height: 80%;cursor: pointer;position: relative;}
#section3 .product #proSwiper .swiper-slide .img a{display: block;width: 100%;height: 100%;}
#section3 .product #proSwiper .swiper-slide .img a::before{display: inline-block;content: '+';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-30%);width: 110px;height: 110px;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 40px;color: #fff;font-weight: normal;border-radius: 50%;background-color: #00539E;opacity: 0;transition: all 0.3s;z-index: 2;}
#section3 .product #proSwiper .swiper-slide .img a:hover::before{opacity: 0.8;transform: translate(-50%,-50%);}
#section3 .product #proSwiper .swiper-slide .img img{width: 100%;height: 90%;object-fit: contain;}
#section3 .product #proSwiper .swiper-slide .text{width: 60%;height: 100%;padding: 30px;color: #fff;background-image: url(../images/s2-pro-bg.jpg);background-size: cover;}
#section3 .product #proSwiper .swiper-slide .text h3{font-size: 26px;font-weight: bold;margin-bottom: 30px;}
#section3 .product #proSwiper .swiper-slide .text p{line-height: 32px;font-size: 16px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}



/* 关于我们 */
#section2{background-image: linear-gradient(to top, rgba(192, 222, 255, 1), rgba(255, 255, 255, 1) 50%);background-color: #fff;}
#section2 .about{padding: 0 15px;display: flex;flex-wrap: wrap;max-width: 1680px;margin: 85px auto 0;}
#section2 .about .a-l{width: 50%;text-align: left;}
#section2 .about .a-l .img{width: 90%;max-width: 615px;position: relative;}
#section2 .about .a-l .img img:first-child{width: 100%;position: relative;z-index: 2;}
#section2 .about .a-l .img img:nth-child(2){width: 22%;position: absolute;left: 8%;top: 14%;z-index: 3;}
#section2 .about .a-l .img img:nth-child(3){width: 15%;position: absolute;right: 0;bottom: 5%;}
#section2 .about .a-r{width: 50%;max-width: 850px;margin-left: auto;}
#section2 .about .a-r h3{font-size: 28px;color: #00539E;margin-bottom: 20px;line-height: 35px;}
#section2 .about .a-r p{line-height: 32px;font-size: 16px;color: rgba(0, 0, 0, 0.8);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;margin-bottom: 20px;}
#section2 .about .a-r a.more{background-color: #F8F8F8;margin-bottom: 30px;}
#section2 .about .a-r .ul{width: 100%;height: 50%;display: flex;flex-wrap: wrap;}
#section2 .about .a-r .ul .li{width: 100%;padding: 18px 0;line-height: 28px;border-bottom: 1px solid #D8D8D8;display: flex;align-items: flex-end;font-size: 17px;color: rgba(0, 0, 0, 0.8);cursor: pointer;transition: all 0.3s;}
#section2 .about .a-r .ul .li:hover{color: #00539E;transform: translateY(-3px);}
#section2 .about .a-r .ul .li b{margin-left: auto;font-size: 88px;position: relative;padding-right: 25px;transform: translateY(12px);color: rgba(0, 0, 0, 0.3);font-weight: normal;font-family: 'Acens-1';}
#section2 .about .a-r .ul .li b span{position: absolute;right: 0;bottom: 90%;font-size: 50px;}


/* customer */
#section5{}
#section5 .customer{width: 100%;;height: 100vh;position: relative;background-image: linear-gradient(to bottom, rgba(241, 245, 253, 1), rgba(223, 233, 255, 1) 100%);}
#section5 .customer .tit{position: absolute;top: 200px;left: 50%;transform: translateX(-50%);z-index: 3;display: inline-block;width: 90%;text-align: center;}
#section5 .customer .tit h2{font-size: 28px;font-weight: bold;color: rgba(0, 0, 0, 0.8);position: relative;width: 100%;max-width: 500px;}
#section5 .customer .tit h2 span{font-size: 38px;color: #00539E;margin-top: 20px;display: block;font-weight: normal;}
#section5 .customer .tit p{display: table;position: absolute;font-size: 90px;background-image: linear-gradient(to bottom, rgba(217,227,242,1), rgba(217,227,242,0));-webkit-background-clip: text;background-clip: text;color: transparent;left: 50%;top: 0;transform: translate(-50%,-50%);font-weight: bold;z-index: -1;white-space:nowrap;text-transform: uppercase;line-height: 90px;}
#section5 .customer .tit h2::before,#section5 .customer .tit h2::after{content: '';display: inline-block;position: absolute;top: 0;width: 15%;max-width: 70px;padding-top: 20%;background-size: contain;background-image: url(../images/ms.png);background-repeat: no-repeat;}
#section5 .customer .tit h2::before{left: 100%;}
#section5 .customer .tit h2::after{right: 100%;transform: rotateY(180deg);}
#section5 .customer .tit a{margin: 5% auto 0;background-color: #63B5FF;opacity: 0.8;color: #fff;font-size: 16px;}

#section5 .customer .swiper-area{width: 100%;height: 100%;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);overflow: hidden;position: relative;}
#section5 .customer .swiper-area::before{content: '';display: inline-block;position: absolute;width: 100%;height: 100%;left: 0;top: 100px;background-image: linear-gradient(to bottom, rgba(241, 245, 253, 1), rgba(223, 233, 255, 0) 100%);z-index: 2;}
#section5 .customer .swiper-area .swiper{height: 97%;transform: perspective(400px) rotateX(30deg);overflow: visible;}
#section5 .customer .swiper-area .swiper .swiper-wrapper{-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;height: 100%;}
#section5 .customer .swiper-area .swiper-slide{display: flex;}
#section5 .customer .swiper-area .swiper-slide .img{width: 18%;height: 100%;margin: 0 1%;position: relative;
    /* background-color: #fff;border-radius: 30px;overflow: hidden; */
}
#section5 .customer .swiper-area .swiper-slide .img img{width: 100%;height: 100%;}



/* 应用 */
#section4{}
#section4 .app{flex-wrap: wrap;height: 100vh;position: relative;width: 100%;}
#section4 .app .a-l{position: absolute;width: 50%;height: 100%;;left: 0;background-image: linear-gradient(to right, rgba(0, 83, 158, 1), rgba(0, 83, 158, 0) 100%);display: flex;align-items: center;z-index: 2;padding-left: 15px;}
#section4 .app .a-l .info{width: 100%;height: 100%;max-width: 840px;margin-left: auto;color: #fff;padding-top: 100px;align-content: flex-start;display: flex;flex-wrap: wrap;}
#section4 .app .a-l .info .tit{font-size: 26px;padding-top: 10%;width: 100%;}
#section4 .app .a-l .info .tit p{color: rgba(255, 255, 255, 0.3);font-size: 36px;padding: 10px 0 20px;width: 100%;}
#section4 .app .a-l .info .ul{width: 100%;max-width: 360px;}
#section4 .app .a-l .info .ul .li{width: 100%;line-height: 90px;padding-left: 30px;display: flex;align-items: center;font-size: 19px;cursor: pointer;background-image: linear-gradient(to right, rgba(239, 143, 67, 1), rgba(239, 143, 67, 0) 0%);position: relative;}
#section4 .app .a-l .info .ul .li::before{position: absolute;content: '';display: inline-block;width: 0%;height: 100%;background-image: linear-gradient(to right, rgba(239, 143, 67, 1), rgba(239, 143, 67, 0) 100%);transition: all 0.4s;left: 0;top: 0;z-index: -1;}
#section4 .app .a-l .info .ul .li.active::before{width: 100%;left: 0;}

#section4 .app .a-r{width: 100%;height: 100%;position: relative;}
#section4 .app .a-r #appSwiper{width: 100%;height: 100%;;position: absolute;left: 0;top: 0;}
#section4 .app .a-r .info{width: 100%;height: 100%;padding-left: 50%;display: flex;align-items: center;background-size: cover;}
#section4 .app .a-r .info .text{width: 100%;color: #fff;}
#section4 .app .a-r .info .text h3{font-size: 28px;margin-bottom: 20px;}
#section4 .app .a-r .info .text p{font-size: 16px;line-height: 32px;width: 100%;max-width: 840px;padding-right: 15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
#section4 .app .a-r .info .text a.more{color: #fff;border: 1px solid #fff;margin-top: 50px;}



/* news */
#section6{background-color: #f7f7f7;}
#section6 .news{max-width: 1680px;margin: 0 auto;width: 100%;height: 100vh;display: flex;flex-wrap: wrap;align-content: flex-start;padding: 0 15px;padding-top: 100px;}
#section6 .news .tit{display: flex;margin: 30px 0;width: 100%;}
#section6 .news .tit h2{font-size: 28px;color: #00539E;display: flex;white-space: nowrap;align-items: center;}
#section6 .news .tit h2 span{font-size: 36px;color: rgba(0, 0, 0, 0.2);}
#section6 .news .tit .ul{display: flex;margin-left: auto;width: 100%;justify-content: end;}
#section6 .news .tit .ul a{}
#section6 .news .n-l{width: 66.666666%;display: flex;}
#section6 .news .n-l .li{width: 50%;margin-right: 30px;background-color: #fff;transition: all 0.3s;}
#section6 .news .n-l .li:last-child{display: none;}
#section6 .news .li:hover{transform: translateY(-3px);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);}
#section6 .news .li .img{position: relative;padding-top: 70%;}
#section6 .news .li .img img{position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;top: 0;}
#section6 .news .li .text{padding: 15px;}
#section6 .news .li h3{font-size: 22px;line-height: 40px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: rgba(0, 0, 0, 0.8);}
#section6 .news .li p{line-height: 30px;font-size: 16px;color: rgba(0, 0, 0, 0.5);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin: 15px 0;}
#section6 .news .li span{font-size: 15px;color: rgba(0, 0, 0, 0.3);}
#section6 .news .n-r{width: 33.333333%;}
#section6 .news .n-r .li{width: 100%;margin-bottom: 15px;transition: all 0.3s;background-color: #fff;}
#section6 .news .n-r .li:last-child{margin-bottom: 0;}
#section6 .news .n-r .li p{-webkit-line-clamp: 2;}


/* 底部 */
#section6 .in-foot{padding: 0 15px;}
#section6 .in-foot .n-area{max-width: 1680px;}
#section6 .in-foot{background-color: rgba(51, 57, 63, 1);}
#section6 .in-foot .f-link{padding: 30px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#section6 .in-foot .f-link a{font-size: 15px;line-height: 25px;color: #fff;}

#section6 .in-foot>.n-area{display: flex;flex-wrap: wrap;}
#section6 .in-foot .info-l{width: 45%;display: flex;flex-wrap: wrap;align-content: center;padding: 25px 0;}
#section6 .in-foot .info-l .contact-info{width: 45%;color: #Fff;}
#section6 .in-foot .info-l .contact-info img{width: 90%;max-width: 350px;margin-bottom: 10%;}
#section6 .in-foot .info-l .contact-info p{display: inline-block;line-height: 30px;padding: 5px 0;font-size: 15px;width: 100%;}

#section6 .in-foot .info-l .wx-qrcode{width: 55%;font-size: 14px;text-align: center;color: #fff;line-height: 35px;display: flex;align-items: center;}
#section6 .in-foot .info-l .wx-qrcode .li{width: 45%;margin: 0 2.5%;}
#section6 .in-foot .info-l .wx-qrcode img{width: calc(100% - 10px);border: 5px;border-radius: 10px;}

#section6 .in-foot .info-r{width: 55%;padding-left: 5%;padding: 25px 0;}
#section6 .in-foot .info-r .ul{width: 100%;display: flex;flex-wrap: wrap;}
#section6 .in-foot .info-r .ul .li{flex: 1;-webkit-flex: 1;display: inline-grid;display: flex;flex-wrap: wrap;align-content: start;}
#section6 .in-foot .info-r .ul .li:last-child{flex: inherit;-webkit-flex: inherit;}
#section6 .in-foot .info-r .ul .li a{color: rgba(255, 255, 255, 0.6);line-height: 30px;padding: 5px 0;text-align: center;font-size: 15px;width: 100%;position: relative;}
#section6 .in-foot .info-r .ul .li a:first-child{color: rgba(255, 255, 255, 1);padding-bottom: 25px;margin-bottom: 25px;position: relative;}
#section6 .in-foot .info-r .ul .li a:first-child::before{display: inline-block;content: '';height: 1px;width: 80%;max-width: 35px;background-color: rgba(255, 255, 255, 0.6);bottom: 0;left: 50%;transform: translate(-50%,50%);position: absolute;}

#section6 .in-foot .copyright{width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.1);color: #fff;line-height: 30px;padding: 10px 0;text-align: center;}
#section6 .in-foot .copyright a{color: #fff;}



@media screen and (min-width: 0px) and (max-width:1400px){
    #section2 .about .a-r h3{font-size: 24px;}
    #section2 .about .a-r p{font-size: 15px;}
}

@media screen and (min-width: 0px) and (max-width:1200px){
    #section2 .about .a-r h3{font-size: 22px;}
    #section2 .about .a-r .ul .li b{font-size: 62px;}
    
    #section3 .product .ul{margin-bottom: 0;}
    #section3 .product .ul .li{margin-bottom: 20px;margin-right: 20px;}
    #section3 .product #proSwiper{margin-top: 10px;}

    #section4 .app .a-r .info .text p{font-size: 16px;}

    #section6 .news .li p{font-size: 15px;}
    #section6 .news .tit .ul a{padding: 10px 0;}
    #section6 .news .tit h2 span{font-size: 28px;}
    #section6 .in-foot .info-r .ul .li a{font-size: 13px;}
}

@media screen and (min-width: 0px) and (max-width:992px){
    .ban-procate h2{font-size: 46px;}

    #section2 .about .a-r .ul .li b{font-size: 46px;}
    #section2 .about .a-r .ul .li b span{font-size: 34px;}
    #section2 .about .a-r a.more{margin-bottom: 10px;}

    #section3 .product .tit h2{font-size: 28px;}
    #section3 .product .tit h2 p{font-size: 16px;padding-top: 15px;}
    #section3 .product .ul .li{width: calc(33.333333% - 20px);}

    #section5 .customer .swiper-area::before{top: 80px;}

    #section6 .news .li span{font-size: 14px;}
    #section6 .news .tit{margin: 15px 0;}
    #section6 .news .n-l{width: 100%;flex-wrap: wrap;}
    #section6 .news .n-l .li{width: 100%;margin-right: 0;margin-bottom: 10px;}
    #section6 .news .n-l .li a{display: flex;}
    #section6 .news .li .img{width: 30%;padding-top: 0;}
    #section6 .news .li .text{width: 70%;}

    #section6 .news .n-r{display: flex;width: 100%;}
    #section6 .news .n-r .li{width: 33.333333%;margin-right: 10px;}
    #section6 .news .n-r .li:last-child{margin-bottom: 15px;margin-right: 0;}
    #section6 .news .li .text{width: 100%;}
}

@media screen and (min-width: 0px) and (max-width:768px){
    #section2 .about .a-l{display: none;}
    #section2 .about .a-r{width: 100%;max-width: 100%;}

    #section3 .product .ul .li{width: calc(50% - 20px);}
    #section3 .product #proSwiper{width: auto;margin-left: -15px;margin-right: -15px;}

    #section4 .app .a-l .info .tit p{font-size: 28px;}

    #section5 .customer .tit h2 span{font-size: 32px;}

    #section6 .news .tit{flex-wrap: wrap;}
    #section6 .news .tit h2{margin-bottom: 10px;}
    #section6 .in-foot .info-l{width: 100%;}
    #section6 .in-foot .info-l .contact-info img{max-width: 300px;margin-bottom: 7%;}
    #section6 .in-foot .info-r{width: 100%;}
    #section6 .in-foot .info-r .ul .li:last-child{flex: 1;-webkit-flex:1;}
    #section6 .in-foot .info-r .ul .li a:first-child{padding-bottom: 15px;margin-bottom: 15px;}
}

@media screen and (min-height: 0px) and (max-height:768px){
    .head.top-tran{height: 80px!important;}
    #section5 .customer .swiper-area::before{top: 80px;}
    #section2 .about .a-r a.more{margin-bottom: 0;}
    #section6 .news .tit{margin: 10px 0;}

}
@media screen and (min-width: 0px) and (max-width:640px){
    #section3 .product .tit h2{width: 100%;max-width: 100%;}
    #section3 .product .tit a.more{display: none;}
}
@media screen and (min-width: 0px) and (max-width:530px){

}
@media screen and (min-width: 0px) and (max-width:440px){
    .ban-procate{top: 35%;}
    .ban-procate h2{font-size: 30px;}

    #section2 .about{margin-top: 0px;}
    #section2 .about .a-r .ul .li{height: 50px;padding: 10px 0;font-size: 15px;}
    #section2 .about .a-r h3{margin-bottom: 10px;}
    #section2 .about .a-r p{margin-bottom: 10px;}

    #section3 .product{padding-top: 80px;}
    #section3 .product .tit h2{font-size: 22px;padding: 10px 0;}
    #section3 .product .tit h2 p{font-size: 14px;padding-top: 5px;}
    #section3 .product .tit{margin-bottom: 20px;}
    #section3 .product .ul .li{margin-bottom: 10px;}
    #section3 .product #proSwiper .swiper-slide .text{padding: 20px;}
    #section3 .product #proSwiper .swiper-slide .text h3{font-size: 22px;margin-bottom: 15px;}
    #section3 .product #proSwiper .swiper-slide .text p{font-size: 14px;}
    
    #section4 .app .a-l .info .tit p{font-size: 16px;}
    #section4 .app .a-l .info .ul .li{font-size: 17px;}
    #section4 .app .a-r .info .text h3{font-size: 24px;}
    #section4 .app .a-r .info .text p{font-size: 14px;}
    #section4 .app .a-r .info .text a.more{margin-top: 20px;width: 70%;}

    #section5 .customer .swiper-area::before{top: 40px;}
    #section5 .customer .tit h2{width: 85%;}
    #section5 .customer .tit h2 span{font-size: 22px;}

    #section6 .news .tit h2{font-size: 22px;}
    #section6 .news .li p{-webkit-line-clamp: 2;}
    #section6 .news .li h3{font-size: 17px;}
    #section6 .news .li p{margin: 5px 0;font-size: 14px;}
    #section6 .news .n-r{display: none;}
    #section6 .news{padding-top: 70px;align-content: center;}
    #section6 .in-foot .f-link{padding: 20px 0;}
    #section6 .in-foot .info-l .contact-info p{font-size: 14px;}
    #section6 .in-foot .info-r{padding: 0;display: none;}
    /* #section6 .in-foot .info-r .ul .li a{display: none;}
    #section6 .in-foot .info-r .ul .li a:first-child{display: block;}
    #section6 .in-foot .info-r .ul .li a::before{display: none;} */

    #section6 .news .li .img{width: 55%;}
    #section6 .news .n-l .li:last-child{display: block;}
    #section6 .news .li .text{padding: 8px 15px;}
    
    #section6 .in-foot .info-l .contact-info{width: 100%;}
    #section6 .in-foot .info-l .contact-info img{max-width: 200px;margin-bottom: 2.5%;}
    #section6 .in-foot .info-l .wx-qrcode{width: 100%;margin-top: 2%;}
}
@keyframes fade {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.05);
    }
    100%{
        transform: scale(1);
    }
}
@media screen and (min-height: 0px) and (max-height:440px){
    .head.top-tran{height: 70px!important;}
    #section5 .customer .swiper-area::before{top: 70px;}
}