@font-face {
    font-family: 'Montserrat-Black';/* 自定义字体名称 */
    src: url('./Montserrat-Black.ttf') format('truetype');/* 字体文件的路径及格式 */
    font-weight: bold;
}

/* load */
#loading{position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;background-color: #fff;z-index: 999999;}
#loading .img{position: absolute;width: 80%;max-width: 300px;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;align-items: center;}
#loading .img img{width: 100%;}
#loading .img::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
    animation: slide 1.5s linear infinite;
}
@keyframes slide {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(100%);
    }
}

.section{background-color: #fff;height: 100vh;}
/* banner */
.banner{width: 100%;height: calc(100vh);position: relative;}
/* .banner .switch{position: absolute;left: 10%; bottom: calc(5% + 50px);max-width: 200px;width: 30%;} */
.banner .switch .swiper-button-prev,.banner .switch .swiper-button-next{background-color: rgba(0, 0, 0, 0.3);}
.banner .video h2{display: flex;flex-wrap: wrap;justify-content: center;color: #fff;font-size: 70px;width: 100%;position: absolute;font-weight: 400;line-height: 2;text-align: center;top: 50%;left: 50%;transform: translate(-50%,-50%) rotateX(90deg);transform-origin: top;animation: transform_1 0.3s linear 0.7s forwards;}
.banner .video h2 span{font-size: 20px;color: #Fff;line-height: 1;width: 100%;}
.banner .video{width: 100%;height: 100%;object-fit: cover;object-position: center bottom;}
.banner .video video{width: 100%;height: 100%;object-fit: cover;object-position: center center;}

@keyframes transform_1 {
    0% {
      transform: translate(-50%,-50%)  rotateX(90deg);
    }
    100% {
      transform: translate(-50%,-50%) rotateX(0deg);
    }
}

.txt-swiper{z-index: 0!important;}
.txt-swiper .ib-bg{width: 100%;height: 100%;}
.txt-swiper img{transition: all 10s;animation: fade 15s linear infinite;object-position: center;width: 100%;height: 100%;object-fit: cover;}
.txt-swiper img.m-bg{display: none;}

.ban-procate{position: absolute;width: 90%;left: 50%;top: calc(100px + 20%);max-width: 1400px;transform: rotateX(90deg) translateX(-50%);transform-origin: bottom;}

.ban-procate h3{font-size: 68px;color: #fff;line-height: 1.5;margin-bottom: 45px;}
.ban-procate h3 span{font-weight: 600;}
.ban-procate h3 span:nth-child(2n){color: #F7B353;padding: 0 5px;}
.ban-procate p{font-size: 17px;color: #fff;line-height: 2.5;}
.ban-procate a{margin-top: 40px;}

.ban-procate img{width: auto;max-width: 100%;}


/* #pp-nav */
#pp-nav{top: 50%;transform: translateY(-50%);margin-top: 0!important;z-index: 9;}
#pp-nav.right{right: 3%;}
#pp-nav li{width: 4px!important;height: auto!important;margin-bottom: 8px;}
#pp-nav ul li:last-child{margin-bottom: 0;}
#pp-nav ul li a{background-color: rgba(0, 0, 0, 0.3);display: inline-block;width: 100%; height:20px;}
#pp-nav ul li a.active{background-color: #10499A;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);height: 40px;}
#pp-nav ul li a span{display: none;}



/* 公共 */
.tit-1{color: rgba(0, 0, 0, 0.8);}
.tit-1 h2{font-size: 50px;font-weight: 400;}
/* .tit-1 h2::before{content: '';display: inline-block;width: 130%;height: 100%;background-image: url(../images/tit-bg.png);position: absolute;z-index: -1;background-size: auto;background-position: right top;} */
.title-1{color: rgba(0, 0, 0, 0.8);display: flex;flex-wrap: wrap;}
.title-1 p{font-size: 36px;white-space: nowrap;font-weight: 600;text-transform: uppercase;width: 100%;}
.title-1 h2{font-size: 32px;position: relative;white-space: nowrap;font-weight: 600;}
.title-1 h2::after{content: '';display: inline-block;position: absolute;left: 0;bottom: 0;width: 110%;height: 12px;background-image: linear-gradient(to left,rgba(16,73,154, .6),rgba(16,73,154, 0));}


/* 关于我们 */
#section4{background-image: url(../images/s2-bg.jpg);background-color: #fff;background-size: cover;background-position: center bottom;}
#section4 .about{padding: 100px 15px 0;display: flex;flex-wrap: wrap;max-width: 1400px;margin: 0 auto;}
#section4 .about .tit-1{position: relative;margin: 0 auto 50px;}
#section4 .about .content{font-size: 16px;line-height: 35px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;width: 100%;max-width: 1000px;margin: 0 auto;text-indent: 30px;}
#section4 .about .btn-group-a{width: 100%;display: flex;margin-top: 50px;justify-content: center;}
#section4 .about .btn-group-a a{width: 25%;margin-right: 40px;padding: 20px;color: rgba(0, 0, 0, 0.8);display: flex;justify-content: center;align-items: center;background-color: #fff;max-width: 250px;font-size: 17px;}
#section4 .about .btn-group-a a:last-child{margin-right: 0;}
#section4 .about .btn-group-a a i{font-size: 60px;color: #b50412;width: 58px;height: 58px;margin-right: 10px;line-height: 58px;}
#section4 .about .btn-more{width: 100%;margin: 45px 0;display: flex;justify-content: center;}
#section4 .about .ul{display: flex;width: 100%;}
#section4 .about .ul .li{width: 25%;margin-right: 60px;text-align: center;}
#section4 .about .ul .li:last-child{margin-right: 0;}
#section4 .about .ul .li p{font-size: 44px;color: #b50412;margin-bottom: 10px;line-height: 1.4;font-weight: 600;}
#section4 .about .ul .li span{font-size: 20px;color: rgba(0, 0, 0, 0.8);}

#section4 .about .btn-group-a a:hover{background-color: #10499A;color: #fff;}
#section4 .about .btn-group-a a:hover i{border-color: #fff;color: #fff;}



/* 产品 */
#section2{background-color: #f2f8fb;background-size: cover;background-position: center;}
#section2 .product{position: absolute;width: 100%;max-width: 1700px;left: 50%;top: 50%;transform: translate(-50%,-50%);padding-top: 100px;}
#section2 .product .tit-1{text-align: center;margin-bottom: 60px;position: relative;}
#section2 .product .tit-1::after{content: 'PRODUCTS';display: inline-block;color: rgba(16, 73, 154, 0.025);font-size: 140px;position: absolute;left: 50%;top: 100%;transform: translateX(-50%);line-height: 100px;font-family: fantasy;}

#section2 .product #proSwiper{width: 100%;padding: 50px 30px;position: relative;max-width: 1500px;}
#section2 .product #proSwiper .switch{position: absolute;width: 100%;left: 0;top: 45%;transform: translateY(-50%);z-index: 2;}
#section2 .product #proSwiper .switch .swiper-button-prev,#section2 .product #proSwiper .switch .swiper-button-next{border-radius: 0;background-color: #b50412;}
#section2 .product #proSwiper .info{width: 100%;}
#section2 .product #proSwiper .swiper-slide{transform: scale(0.6);}
#section2 .product #proSwiper .img{width: 100%;position: relative;padding-top: 100%;border-radius: 50%;}
#section2 .product #proSwiper .img img{width: calc(100% - 80px);height: calc(100% - 80px);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3;border-radius: 50%;object-fit: cover;}
#section2 .product #proSwiper .img::before{content: '';width: 100%;height: 100%;background-image: url(../images/border2.png);background-size: contain;position: absolute;z-index: 1;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;background-repeat: no-repeat;animation: fade2 10s linear infinite;}
#section2 .product #proSwiper .img::after{content: '';width: calc(100% - 40px);height: calc(100% - 40px);background-image: url(../images/border1.png);background-size: contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;opacity: 0;background-repeat: no-repeat;animation: fade2 20s reverse linear infinite;}
#section2 .product #proSwiper p{line-height: 35px;text-align: center;color: rgba(0, 0, 0, 0.8);font-size: 16px;margin: 15px 0 0;opacity: 0;font-weight: 400;}
#section2 .product #proSwiper .swiper-slide.swiper-slide-active{transform: scale(1.2);}
#section2 .product #proSwiper .swiper-slide.swiper-slide-active p,#section2 .product #proSwiper .swiper-slide.swiper-slide-active .img::before,#section2 .product #proSwiper .swiper-slide.swiper-slide-active .img::after{opacity: 1;}

#section2 .product .column-ul{width: 100%;display: flex;flex-wrap: wrap;margin-top: 0px;justify-content: center;}
#section2 .product .column-ul a{line-height: 55px;padding: 0 20px;font-size: 22px;color: #10499A;position: relative;font-weight: 600;}
#section2 .product .column-ul a::after{content: '';display: inline-block;position: absolute;top: 50%;right: 0;transform: translate(50%,-50%);width: 5px;height: 5px;border-radius: 50%;background-color: #10499A;}
#section2 .product .column-ul a:last-child::after{display: none;}
#section2 .product .more{margin: 20px auto 0;}

#section2 .product2{width: 100%;max-width: 1700px;padding: 60px 15px 0;margin: 0 auto;display: none;}
#section2 .product2 .cate{display: flex;width: 100%;margin-bottom: 30px;align-items: center;}
#section2 .product2 .cate .ul{display: flex;flex-wrap: wrap;width: 100%;max-width: 1000px;margin-left: auto;justify-content: right;}
#section2 .product2 .cate .ul a{margin-left: 5%;line-height: 3.5;color: #10499A;position: relative;font-size: 18px;}
#section2 .product2 .cate .ul a::after{content: '';display: inline-block;position: absolute;width: 0;height: 4px;background-color: #10499A;bottom: 0;left: 50%;transform: translateX(-50%);transition: all 0.3s;}
#section2 .product2 .cate .ul a:hover::after{width: 80%;}
#section2 .product2 .p-ul{width: 100%;display: flex;flex-wrap: wrap;}
#section2 .product2 .p-ul .li{width: calc(33.333333% - 15px);margin: 10px 22.5px 10px 0;padding: 30px;display: flex;flex-wrap: wrap;align-items: stretch;background-color: #fff;cursor: pointer;}
#section2 .product2 .p-ul .li:nth-child(3n){margin-right: 0;}
#section2 .product2 .p-ul .li .txt{width: 60%;display: flex;flex-wrap: wrap;}
#section2 .product2 .p-ul .li .txt h3{font-size: 20px;width: 100%;font-weight: 600;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#section2 .product2 .p-ul .li .txt p{font-size: 16px;color: rgba(0, 0, 0, 0.5);width: 100%;margin: 15px 0 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 1.8;}
#section2 .product2 .p-ul .li .txt a{font-size: 16px;color: #10499A;}
#section2 .product2 .p-ul .li .img{width: 40%;}
#section2 .product2 .p-ul .li .img img{width: 100%;height: 100%;object-fit: contain;object-position: center;max-height: 180px;}

#section2 .product2 .p-ul .li:hover{background-color: #10499A;transform: translateY(-3px);}
#section2 .product2 .p-ul .li:hover .txt h3{color: #F7B353;filter: brightness(1.1);}
#section2 .product2 .p-ul .li:hover .txt p{color: #fff;}
#section2 .product2 .p-ul .li:hover .txt a{color: #fff;}
#section2 .product2 .p-ul .li .txt a:hover{color: red;}



/* 案例 */
#section3{background-image: url(../images/s4-bg.jpg);background-color: #EFEFEF;background-size: cover;background-position: center bottom;}
#section3 .s4{display: flex;flex-wrap: wrap;width: 100%;margin: 0 auto;height: 100vh;padding-top: 100px;}
#section3 .left{display: flex;flex-wrap: wrap;width: 50%;align-content:flex-start;max-width: 715px;margin-left: auto;padding: 0 15px;padding-top: 10%;}
#section3 .left .tit-1{position: relative;width: 100%;border-bottom: 1px dashed rgba(255, 255, 255, 0.4);max-width: 580px;padding-bottom: 35px;}
#section3 .left .tit-1 h2{color: #fff;position: relative;display: inline-block;}
#section3 .left .tit-1 h2::after{content: '';display: inline-block;width: 80%;height: 160%;background-image: linear-gradient(to left,rgba(16,73,154,1),rgba(16,73,154,0));position: absolute;right: -20%;bottom: 0;z-index: -1;}
#section3 .left .tit-1 .more{position: absolute;right: 0;top: 50%;}
#section3 .left .content{width: 100%;}
#section3 .left .content .swiper{width: 100%;}
#section3 .left .content .swiper .swiper-slide p{transform: rotateX(90deg);transform-origin: top;}
#section3 .left .content .swiper .swiper-slide.swiper-slide-active p{transform: rotateX(0deg);}
#section3 .left .content h2{font-size: 16px;color: #fff;line-height: 30px;margin-top: 30px;}
#section3 .left .content p{line-height: 30px;font-size: 15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;width: 100%;margin: 35px 0 60px;max-width: 580px;color: #fff;}

#section3 .right{width: 50%;}
#section3 .right .ul{display: flex;flex-wrap: wrap;width: 100%;height: 100%;}
#section3 .right .li{width: 50.1%;margin-right: auto;background-color: rgba(0, 0, 0, 0.6);padding-left: 30px;display: flex;flex-wrap: wrap;align-content: center;cursor: pointer;}
#section3 .right .li:nth-child(2n){margin-left: auto;margin-right: 0;}
#section3 .right .li i{color: #b50412;margin-bottom: 5%;font-size: 50px;line-height: 1;}
#section3 .right .li h3{color: #fff;font-size: 22px;padding-bottom: 15px;width: 100%;}
#section3 .right .li p{color: rgba(255, 255, 255, 0.8);font-size: 16px;width: 100%;text-transform: capitalize;}
#section3 .right .li:hover{background-color: #10499A;transform: translateY(-3px);}
#section3 .right .li:hover i{color: #fff;}



/* news */
#section5{background-image: url(../images/s5-bg.jpg);background-size: cover;background-position: center top;}
#section5 .s5{display: flex;flex-wrap: wrap;width: 100%;max-width: 1500px;height: 100vh;margin: 0 auto;padding: 100px 15px 0;align-content: center;}
#section5 .s5 .info{width: 100%;display: flex;flex-wrap: wrap;align-items: stretch;}
#section5 .s5 .info .tit-1{display: flex;justify-content: center;margin-bottom: 40px;width: 100%;}
#section5 .s5 .info .title-1{justify-content: center;margin-bottom: 40px;width: 100%;}
#section5 .s5 .info .title-1 p{text-align: center;}
#section5 .s5 .info .ul{display: flex;width: 100%;flex-wrap: wrap;}
#section5 .s5 .info .ul .li{display: flex;flex-wrap: wrap;width: 100%;overflow: hidden;}
#section5 .s5 .info .ul .li a{display: flex;width: 100%;flex-wrap: wrap;}
#section5 .s5 .info .ul .li .txt{width: 100%;}
#section5 .s5 .info .ul .li .txt span{font-size: 16px;margin-bottom: 20px;width: 100%;display: block;color: #b50412;font-weight: 600;}
#section5 .s5 .info .ul .li .txt h3{font-size: 22px;line-height: 25px;margin-bottom: 10px;width: 100%;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: rgba(0, 0, 0, 0.8);}
#section5 .s5 .info .ul .li .txt p{font-size: 16px;line-height: 35px;margin-bottom: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: rgba(0, 0, 0, 0.6);}
#section5 .s5 .info .ul .li .img{position: relative;width: 100%;height: 100%;}
#section5 .s5 .info .ul .li .img img{position: absolute;left: 0;top: 0;object-fit: cover;width: 100%;height: 100%;}
#section5 .s5 .info .ul .left{width: 30%;margin-right: 5%;display: flex;flex-wrap: wrap;}
#section5 .s5 .info .ul .right{width: 65%;}
#section5 .s5 .info .ul .right .li:first-child{display: none;}
#section5 .s5 .info .ul .right .li:last-child{margin-top: 40px;}
#section5 .s5 .info .ul .right .li .txt{width: 65%;padding: 30px 20px;}
#section5 .s5 .info .ul .right .li .txt p{margin-bottom: 0;}
#section5 .s5 .info .ul .right .li .img{width: 35%;}
#section5 .s5 .info .more{margin: 40px auto 0;}
/* #section5 .s5 .info .ul .li a:hover{background-color: #10499A;} */
#section5 .s5 .info .ul .li a:hover .txt span{color: #10499A;}
#section5 .s5 .info .ul .li a:hover .txt h3{color: #10499A;}
#section5 .s5 .info .ul .li a:hover .txt p{color: #10499A;}

#section5 .s5 .info .ul .right .li a:hover .txt{background-color: #10499A;}
#section5 .s5 .info .ul .right .li a:hover .txt span{color: #fff;}
#section5 .s5 .info .ul .right .li a:hover .txt h3{color: #F7B353;filter: brightness(1.1);}
#section5 .s5 .info .ul .right .li a:hover .txt p{color: #fff;}


.side-market,.footer-bar{display: none!important;}



@keyframes fade {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.05);
    }
    100%{
        transform: scale(1);
    }
}
@keyframes fade2 {
    0%{
        transform: translate(-50%,-50%) rotate(0deg);
    }
    100%{
        transform: translate(-50%,-50%) rotate(360deg);
    }
}

@media screen and (min-width: 0px) and (max-width:1400px){
    .tit-1 h2{font-size: 42px;}

}

@media screen and (min-width: 0px) and (max-width:1200px){
    .ban-procate h3{font-size: 60px;}
    .banner .video h2{font-size: 60px;}
}
@media screen and (min-width: 0px) and (max-width:1024px){
    .tit-1 h2{font-size: 36px;}
    .title-1 p{font-size: 32px;}
    .title-1 h2{font-size: 28px;}

    #section2 .product2 .cate .ul a{font-size: 17px;line-height: 3;}
    #section2 .product2 .p-ul .li{width: calc(50% - 10px);margin-right: 20px;}
    #section2 .product2 .p-ul .li:nth-child(3n){margin-right: 20px;}
    #section2 .product2 .p-ul .li:nth-child(2n){margin-right: 0px;}
    #section2 .product2 .p-ul .li:nth-last-child(1),#section2 .product2 .p-ul .li:nth-last-child(2){display: none;}

    #section3 .left{width: 65%;}
    #section3 .right{width: 35%;}
    #section3 .right .li{min-width: 215px;}

}

@media screen and (min-width: 0px) and (max-width:992px){
    .banner .video h2{font-size: 54px;}
    .ban-procate h3{font-size: 50px;}
    .ban-procate p{font-size: 16px;}
    #pp-nav.right{display: none;}

    #section4 .about .tit-1{margin-bottom: 30px;}
    #section4 .about .btn-group-a{margin-top: 30px;}
    #section4 .about .btn-more{margin: 30px 0;}
    #section4 .about .ul .li span{font-size: 18px;}
    #section4 .about .ul .li p{font-size: 40px;}
    #section4 .about .btn-group-a a{margin-right: 20px;}

    #section2 .product .tit-1::after{font-size: 120px;}
    #section2 .product #proSwiper .swiper-slide{transform: scale(0.8);}
    #section2 .product .column-ul a{font-size: 20px;}

    #section3 .s4{padding-top: 85px;}

    #section5 .s5 .info .ul .left{width: calc(30% - 15px);margin-right: 15px;}
    #section5 .s5 .info .ul .right{width: 70%;}
    #section5 .s5 .info .ul .right .li:last-child{margin-top: 15px;}
    #section5 .s5 .info .ul .right .li .txt{padding: 25px 20px;}
    #section5 .s5 .info .ul .li .txt p{line-height: 2.1;}

}

@media screen and (min-width: 0px) and (max-width:768px){
    .banner .video h2{font-size: 48px;}
    .tit-1 h2{font-size: 32px;}
    .ban-procate h3{font-size: 42px;}
    #section4 .about .btn-group-a{flex-wrap: wrap;margin-top: 15px;}
    #section4 .about .btn-group-a a{width: calc(50% - 7.5px);max-width: 240px;margin: 7.5px 0;margin-right: 15px;}
    #section4 .about .btn-group-a a:nth-child(2n){margin-right: 0;}
    #section4 .about .btn-more{margin: 15px 0;}
    #section4 .about .content{-webkit-line-clamp: 4;}

    #section2 .product .tit-1{margin-bottom: 30px;}
    #section2 .product .tit-1::after{font-size: 100px;}
    #section2 .product .column-ul a{font-size: 18px;}

   
    #section3 .s4{align-content: center;}
    #section3 .left{width: 100%;padding-top: 0;max-width: none;}
    #section3 .left .content{display: inline-grid;}
    #section3 .right{width: 100%;padding: 15px;justify-content: center;}
    #section3 .right .li{width: calc(50% - 7.5px);margin: 7.5px 0;;margin-right: 15px;padding: 15px;min-width: auto;}
    #section3 .right .li:nth-child(2n){margin-right: 0;}

    #section5 .s5{padding: 120px 15px 30px;height: auto;}
    #section5 .s5 .info .ul .left{display: none;}
    #section5 .s5 .info .ul .right{width: 100%;}
    #section5 .s5 .info .ul .right .li:first-child{display: flex;}
    #section5 .s5 .info .ul .right .li{margin-top: 15px;}


}
@media screen and (min-width: 0px) and (max-width:767px){
    .banner .video h2{font-size: 44px;}

    #section4 .about .ul{display: none;}
    #section2 .product2 .cate{flex-wrap: wrap;margin-bottom: 0;}
    #section2 .product2 .cate .ul{justify-content: left;margin: 10px 0 0;}
    #section2 .product2 .cate .ul a{margin-left: 0;margin-right: 15px;}
    #section2 .product2 .p-ul .li{width: 100%;margin-right: 0!important;align-items: center;}
    #section2 .product2 .p-ul .li:nth-last-child(3),#section2 .product2 .p-ul .li:nth-last-child(4){display: none;}
}
@media screen and (min-width: 0px) and (max-width:530px){
    #pp-nav{display: none;}


}
@media screen and (min-width: 0px) and (max-width:440px){
    .tit-1 h2{font-size: 24px;}
    .title-1 p{font-size: 24px;}
    .title-1 h2{font-size: 24px;}

    .banner .video h2{font-size: 32px;}
    .banner .video h2 span{font-size: 16px;margin-top: 5px;}
    .ban-procate{top: calc(55px + 20%);}
    .ban-procate h3{font-size: 32px;margin-bottom: 20px;}
    .ban-procate p{font-size: 14px;}
    .ban-procate p span{padding: 0 12px;}
    .ban-procate a{margin-top: 30px;}


    #section4 .about .tit-1{margin-bottom: 20px;}
    #section4 .about .btn-group-a a{padding: 15px;font-size: 15px;}
    #section4 .about .content{font-size: 15px;}

    #section2 .product{padding-top: 80px;}
    #section2 .product .more{margin-top: 10px;}
    #section2 .product .tit-1{margin-bottom: 0;}
    #section2 .product .tit-1::after{font-size: 80px;}
    #section2 .product #proSwiper{padding: 50px 60px 25px;}
    #section2 .product #proSwiper p{margin: 10px 0;font-size: 15px;}
    #section2 .product .column-ul a{font-size: 16px;padding: 0 15px;font-weight: 400;line-height: 2;}

    #section2 .product2 .cate .ul a{font-size: 15px;line-height: 2.5;}
    #section2 .product2 .p-ul .li{padding: 20px 25px;}
    #section2 .product2 .p-ul .li .txt a{font-size: 15px;}
    #section2 .product2 .p-ul .li .txt h3{font-size: 19px;}
    #section2 .product2 .p-ul .li .txt p{font-size: 15px;margin-bottom: 20px;}

    #section3 .left .tit-1{padding-bottom: 20px;}
    #section3 .left .content p{margin: 15px 0;font-size: 14px;line-height: 2;}
    #section3 .right .li i{font-size: 40px;}
    #section3 .right .li h3{font-size: 16px;padding-bottom: 10px;}
    #section3 .right .li p{font-size: 14px;display: none;}

    #section5 .s5{padding: 100px 15px 35px;}
    #section5 .s5 .info .tit-1{margin-bottom: 30px;}
    #section5 .s5 .info .title-1{margin-bottom: 25px;}
    #section5 .s5 .info .ul .right .li .txt{padding: 15px;}
    #section5 .s5 .info .ul .li .txt span{margin-bottom: 10px;}
    #section5 .s5 .info .ul .li .txt h3{font-size: 18px;font-weight: 400;}
    #section5 .s5 .info .ul .li .txt p{font-size: 15px;}
    #section5 .s5 .info .more{margin-top: 20px;}

}
@media screen and (min-width: 0px) and (max-width:375px){

    .banner .video h2{font-size: 28px;}
}
@media screen and (min-width: 0px) and (max-width:320px){

}


@keyframes fade {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.05);
    }
    100%{
        transform: scale(1);
    }
}
@media screen and (min-height: 0px) and (max-height:768px){
    .head.top-tran{height: 80px!important;}
}
@media screen and (min-height: 0px) and (max-height:700px){
    .head.top-tran{height: 80px!important;}

}
@media screen and (min-height: 0px) and (max-height:440px){
    .head.top-tran{height: 70px!important;}
}