.tit h2{font-size: 36px;padding-bottom: 3%;margin-bottom: 3.5%;display: inline-block;position: relative;font-weight: bold;}
.tit p{font-size: 18px;line-height: 32px;display: inline-block; max-width: 800px;margin: 0 auto;width: 90%;}
.tit h2::after{content: '';display: inline-block;width: 100%;height: 2px;position: absolute;bottom: 0;left: 0;}
.section .n-area{max-width: 1530px;}
.block{position: relative;width: 100%;display: flex;flex-wrap: wrap;padding-top: 90px;}
.block .n-area{display: flex;flex-wrap: wrap;width: 100%;}
.info h3{font-size: 46px;font-weight: bold;}
.info h4{font-size: 32px;}
.info p{font-size: 15px;line-height: 35px;}
.info a.more{font-size: 15px;}
.info a.more::before{content: '→';display: inline-block;width: 60px;height: 60px;border-radius: 50%;color: #fff;background-color: #be0026;text-align: center;line-height: 60px;margin-right: 10px;font-size: 22px;border: 0!important;}
/* load */
#loading{position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;background-color: #fff;z-index: 999;display: none;}
#loading::after{content: '';display: inline-block;width: 100%;height: 100%;background-color: rgba(22, 66, 187, 0.9);left: 0;top: 0;position: absolute;}
#loading::before{content: '';display: inline-block;width: 0%;height: 100%;background-color: rgba(22, 66, 187, 1);left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;transition: all 2s ease-out;}
#loading .info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;text-align: center;max-width: 400px;width: 90%;}
#loading .info img{padding-bottom: 45px;opacity: 0.5;transition-property: all;transition-duration: 0.5s;transition-delay: 1s;}
#loading .info p{padding: 22px 0 0;position: relative;color: #fff;font-size: 22px;overflow: hidden;}
#loading .info p span{display: block;transform: translateY(100%);transition-property: all;transition-duration: 0.8s;transition-delay: 2.5s;opacity: 0;}
#loading .info p::before{content: "";display: inline-block;width: 0%;height: 2px;background-color: #fff;position: absolute;top: 0;left: 50%;transform: translateX(-50%);transition-property: width;transition-duration: 1s;transition-delay: 1.5s;}
#loading .info p::after{content: "";display: inline-block;width: 0%;height: 1px;background-color: rgba(255, 255, 255, 0.3);position: absolute;top: 0;left: 50%;transform: translateX(-50%);transition-property: width;transition-duration: 1s;transition-delay: 1s;}

#loading.tr::before{width: 100%;}
#loading.tr .info img{opacity: 1;}
#loading.tr .info p::before{width: 100%;}
#loading.tr .info p::after{width: 100%;}
#loading.tr .info p span{transform: translateY(0);opacity: 1;}

#loading.tr2 .info p::before{transition-delay: 0s;width: 0%;}
#loading.tr2 .info p::after{transition-delay: 0s;width: 0%;}
#loading.tr2 .info p span{transition-delay: 0.8s;transform: translateY(100%);opacity: 0;}
#loading.tr2 .info img{transition-delay: 1.5s;transition-duration: 1s;transform: translateY(20%);opacity: 0;}


/* banner */
.banner{position: relative;height: 100vh;width: 100vw;}
.banner .img-swiper img{transition: all 10s;animation: fade 15s ease infinite;}
.banner .prev-next{position: absolute;right: 0;bottom: 20px;width: 120px;right: 5%;}
.banner .txt-swiper .swiper-button-next{transform: rotate(-0deg);}
.banner .txt-swiper .swiper-button-prev{transform: rotate(-0deg);}
.banner .txt-swiper .swiper-button-prev .path{stroke: rgba(22, 66, 187, 1);}
.banner .txt-swiper .swiper-slide{position: relative;}
.banner .txt-swiper .swiper-slide .ib-bg{position: relative;width: 100%;max-width: 1400px;margin: 0 auto;height: 100%;padding: 0 15px;}
.banner .txt-swiper .swiper-slide .ib-bg .info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;width: 100%;}
.banner .txt-swiper .swiper-slide .ib-bg .info h2{margin-bottom: 30px;position: relative;font-size: 100px;font-weight: bold;font-style: italic;color: rgba(0, 0, 0, 0);overflow: hidden;}
.banner .txt-swiper .swiper-slide .ib-bg .info h2::before{content: attr(data-en);;position: absolute;top: 0;left: 0;-webkit-text-stroke: 1px #fff;color: transparent;font-weight: bold;font-style: italic;text-transform: uppercase;width: 100%;transform: translateY(100%);opacity: 0;}
.banner .txt-swiper .swiper-slide .ib-bg .info h3{font-size: 70px;font-weight: bold;color: #Fff;overflow: hidden;position: relative;overflow: hidden;}
.banner .txt-swiper .swiper-slide .ib-bg .info h3 b{display: block;transform: translateY(100%);opacity: 0;}

.banner .txt-swiper .swiper-slide .ib-bg .info h2.tr-y-100::before,.banner .txt-swiper .swiper-slide .ib-bg .info h3.tr-y-100 b{transform: translateY(0%);opacity: 1;transition: all 1s;}

.banner .txt-swiper .swiper-pagination {width:110px;right:5%;bottom:5%;left: auto;}
.banner .txt-swiper .swiper-pagination .swiper-pagination-bullet{margin-left: 10px;margin-right: 10px;background-color: rgba(255, 255, 255, 1);position: relative;}
.banner .txt-swiper .swiper-pagination .swiper-pagination-bullet .path-loop{opacity: 0;}
.banner .txt-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .path-loop{opacity: 1;}
@keyframes fade {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.1);
    }
    100%{
        transform: scale(1);
    }
}

/* 自定义导航 */
#my-custom-nav{position: fixed;left: 50px;top: 50%;transform: translateY(-50%);width: 20px;color: #fff;z-index: 14;}
#my-custom-nav span{display: block;line-height: 45px;font-size: 14px;font-family: fantasy;text-align: center;}
#my-custom-nav span.current-section{border-bottom: 1px solid #fff;}
#my-custom-nav span.total-sections{border-top: 1px solid #fff;}
#my-custom-nav p{display: inline-block;position: absolute;left: 100%;top: 50%;transform: translateY(-50%);font-size: 14px;padding-left: 10px;width: auto;}
#my-custom-nav>div{position: relative;height: 10px;cursor: pointer;}
#my-custom-nav>div::before{content: "";position: absolute;left: 50%;top: 0;cursor: pointer;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #ffffff;transition: 0.38s;transform: translateX(-50%);}
#my-custom-nav>div.next-section{transform: scaleY(-1);}
#my-custom-nav>div:hover::before{border-bottom: 7px solid #be0026;}

#my-custom-nav.tr{color: rgba(0, 0, 0, .8);}
#my-custom-nav.tr span.current-section{border-bottom: 1px solid rgba(0, 0, 0, .8);}
#my-custom-nav.tr span.total-sections{border-top: 1px solid rgba(0, 0, 0, .8);}
#my-custom-nav.tr>div::before{border-bottom: 7px solid rgba(0, 0, 0, .8);}

/* 2 */
#section2{background-image: url(../images/s2-bg.jpg);background-size: cover;background-position: right center;}
#section2 .info{width: 100%;text-align: right;max-width: 690px;margin-left: auto;}
#section2 .info h3{color: rgba(0, 0, 0, 0.8);padding-bottom: 25px;}
#section2 .info .content{color: rgba(0, 0, 0, 0.6);margin-bottom: 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 35px;font-size: 15px;}
#section2 .info a{color: rgba(0, 0, 0, 0.8);}
#section2 .ul{width: 100%;display: flex;flex-wrap: wrap;margin-top: 12%;}
#section2 .ul .li{width: 50%;background-color: #fff;padding: 30px 0;}
#section2 .ul .li a{display: flex;flex-wrap: wrap;position: relative;width: 100%;height: 100%;}
#section2 .ul .li:first-child::after{content: "";display: inline-block;position: absolute;width: 1px;height: 100%;background-color: rgba(0, 0, 0, 0.1);right: 0px;top: 0;}
#section2 .ul .li .img{width: 25%;display: flex;flex-wrap: wrap;justify-content: center;padding: 30px 0;border-right: 1px solid rgba(0, 0, 0, 0.05);}
/* #section2 .ul .li .img svg{width: 40px;height: 40px;background-color: rgba(22, 66, 187, 1);border-radius: 50%;border: 20px solid rgba(22, 66, 187, 1);fill: #fff;} */
#section2 .ul .li .img i{width: 70px;height: 70px;color: #fff;font-size: 40px;text-align: center;line-height: 70px;background-color: rgba(22, 66, 187, 1);border-radius: 50%;margin-bottom: 15px;}
#section2 .ul .li .img p{font-size: 19px;font-weight: bold;color: rgba(0, 0, 0, 0.8);width: 100%;text-align: center;}
#section2 .ul .li .text{width: 75%;padding: 30px 35px;}
#section2 .ul .li .text h4{font-size: 20px;color: rgba(0, 0, 0, 0.8);font-weight: bold;padding-bottom: 20px;}
#section2 .ul .li .text p{line-height: 35px;font-size: 15px;color: rgba(0, 0, 0, 0.5);}


/* 3 */
#section3{background-image: url(../images/s4-bg.jpg);background-size: cover;}
#section3 .block{height: 100vh;background-image: url(../images/s4-bg.jpg);background-size: cover; transition: background-image 0.5s ease;}
#section3 .n-area{width: 100%;display: flex;position: relative;}
#section3 .info{width: calc(100% - 30px);max-width: 710px;text-align: right;padding-top: 6.5%;position: absolute;right: 15px;top: 0;display: none;}
#section3 .info.active{display: block;}
#section3 .info h3{color: #fff;padding-bottom: 20px;}
#section3 .info h4{color: #fff;padding-bottom: 50px;}
#section3 .info p{color: #fff;margin-bottom: 40px;}
#section3 .info a{color: #fff;}
#section3 .cate-ul{width: 100%;position: absolute;bottom: 0;background-color: #fff;display: flex;}
#section3 .cate-ul .ul{width: 20%;}
#section3 .cate-ul .ul .li{width: 100%;display: flex;padding: 40px 0;padding-left: 15%;border-right: 1px solid rgba(0, 0, 0, 0.1);cursor: pointer;}
#section3 .cate-ul .ul .li:first-child{border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
#section3 .cate-ul .ul .li .img{margin-right: 20px;}
#section3 .cate-ul .ul .li .img i{width: 50px;height: 50px;border-radius: 50%;background-color: rgba(22, 66, 187, 0);color: rgba(0, 0, 0, 0.8);font-size: 25px;border: 1px solid rgba(0, 0, 0, 0.1);text-align: center;line-height: 45px;transition: all 0.3s;}
#section3 .cate-ul .ul .li .text{width: 100%;position: relative;}
#section3 .cate-ul .ul .li .text::after{content: "";display: inline-block;position: absolute;right: 0;bottom: 0;width: 2px;height: 0%;transition: all 0.3s;background-color: rgba(22, 66, 187, 1);}
#section3 .cate-ul .ul .li .text h3{line-height: 30px;font-size: 24px;}
#section3 .cate-ul .ul .li .text p{line-height: 20px;font-size: 12px;color: rgba(0, 0, 0, 0.3);text-transform: uppercase;}
#section3 .cate-ul .ul .li.active .img i{background-color: rgba(22, 66, 187, 1);color: #fff;border-color: rgba(22, 66, 187, 1);}
#section3 .cate-ul .ul .li.active .text h3{color: rgba(22, 66, 187, 1);}
#section3 .cate-ul .ul .li.active .text p{color: rgba(22, 66, 187, 1);}
#section3 .cate-ul .ul .li.active .text::after{height: 100%;}
#section3 .cate-ul .thumbs-ul{width: 80%;position: relative;}
#section3 .cate-ul .thumbs-ul .li{display: flex;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;transition: all 0.3s;}
#section3 .cate-ul .thumbs-ul .li .swiper{width: 100%;}
#section3 .cate-ul .thumbs-ul .li .swiper .swiper-slide{display: flex;align-items: center;}
#section3 .cate-ul .thumbs-ul .li.active{z-index: 2;opacity: 1;}
#section3 .cate-ul .thumbs-ul .li .swiper a{display: block;width: 100%;}
#section3 .cate-ul .thumbs-ul .li .swiper a .img{position: relative;padding-top: 50%;}
#section3 .cate-ul .thumbs-ul .li .swiper a .img img{position: absolute;width: 90%;height: 90%;object-fit: contain;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 0.3s;}
#section3 .cate-ul .thumbs-ul .li .swiper a .img img:last-child{opacity: 0;}
#section3 .cate-ul .thumbs-ul .li .swiper a p{line-height: 45px;text-align: center;font-size: 15px;color: rgba(0, 0, 0, 0.4);}
#section3 .cate-ul .thumbs-ul .li .swiper a:hover .img img{opacity: 0;}
#section3 .cate-ul .thumbs-ul .li .swiper a:hover .img img:last-child{opacity: 1;}


/* 4 */
#section4{background-size: cover;}
#section4 .block .n-area{display: grid;}
#section4 .info{width: 100%;text-align: center;padding-bottom: 11%;}
#section4 .info h3{color: #fff;padding-bottom: 25px;}
#section4 .info h4{color: #fff;padding-bottom: 40px;}
#section4 .info a{color: #fff;}
#section4 #s4Swiper{width: 100%;}
#section4 #s4Swiper a{width: 100%;text-align: center;}
#section4 #s4Swiper a i{width: 110px;height: 110px;line-height: 105px;text-align: center;color: #fff;font-size: 45px;margin: 0 auto;position: relative;}
#section4 #s4Swiper a i::before{content: "";display: inline-block;position: absolute;width: 0%;height: 0%;left: 50%;top: 50%;background-size: cover;transition: all 0.3s;overflow: hidden;background-image: url(../images/s4-ico-bg.png);border-radius: 50%;transform: translate(-50%,-50%) rotate(0deg);animation: rotate1 10s linear infinite;z-index: -1;}
#section4 #s4Swiper a i::after{content: "";display: inline-block;position: absolute;width: 100%;height: 100%;border: 1px dashed #fff;left: 50%;top: 50%;border-radius: 50%;animation: rotate1 10s linear infinite;transform: translate(-50%,-50%) rotate(0deg);transition: all 0.3s;z-index: -2;}
#section4 #s4Swiper a p{color: #fff;font-size: 15px;padding-top: 20px;text-align: center;}
#section4 #s4Swiper a:hover i::before{width: 100%;height: 100%;}
#section4 #s4Swiper a:hover i::after{width: 95%;height: 95%;}
@keyframes rotate1 {
    0%{
        transform: translate(-50%,-50%) rotate(0deg);
    }
    100%{
        transform: translate(-50%,-50%) rotate(360deg);
    }
}

#section4 #s4Swiper-thumbs{position: absolute;width: 100%;height: 100%;z-index: -1;left: 0;top: 0;}
#section4 #s4Swiper-thumbs .swiper-slide{position: relative;}
#section4 #s4Swiper-thumbs .swiper-slide::before{content: "";display: inline-block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);}
#section4 #s4Swiper-thumbs .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}


/* 5 */
#section5{background-image: url(../images/s5-bg.jpg);background-size: cover;}
#section5 .block{height: calc(60vh);padding-top: 0;}
#section5 .block .n-area{align-items: flex-start;}
#section5 .block .info{color: #fff;width: 50%;}
#section5 .block .info h3{padding-bottom: 15px;}
#section5 .block .info p{}
#section5 .block .ul{width: 50%;max-width: 500px;margin-left: auto;display: flex;flex-wrap: wrap;}
#section5 .block .ul .li{width: 50%;text-align: right;color: #fff;padding-bottom: 45px;}
#section5 .block .ul .li h3{font-size: 18px;font-weight: bold;}
#section5 .block .ul .li h3 b{font-size: 60px;}
#section5 .block .ul .li p{font-size: 18px;}
#section5 .block .posinfo{position: absolute;width: 360px;border-radius: 8px;color: #fff;background-color: rgba(22, 66, 187, 1);display: flex;align-items: center;justify-content: center;height: 100px;cursor: pointer;transition: all 0.3s!important;}
#section5 .block .posinfo i{width: 25%;height: 100%;font-size: 50px;width: 85px;color: #fff;border-right: 1px solid rgba(0, 0, 0, 0.5);text-align: center;line-height: 100px;}
#section5 .block .posinfo.ly{left: 7%;bottom: 0;}
#section5 .block .posinfo.sh{left: 55%;bottom: 5%;}
#section5 .block .posinfo .text{padding: 20px 0;text-align: center;border-left: 1px solid #2157ec;width: calc(100% - 87px);height: 100%;}
#section5 .block .posinfo .text h4{font-size: 22px;font-weight: bold;padding-bottom: 10px;}
#section5 .block .posinfo .text p{font-size: 18px;}

#section5 .block .posinfo:hover{transform: translateY(-5px)!important;}


/* 6 */
#section6{background-image: url(../images/s6-bg.jpg);background-size: 1920px 100%;background-position: right 0 bottom 0;}
#section6 .n-area{display: flex;align-items: flex-start;height: 65vh;max-width: 100%;padding-left: 135px;}
#section6 .block{padding-top: 0;width: 100%;max-width: 555px;position: relative;z-index: 3;}
#section6 .img-area{position: absolute;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;z-index: 1;}
#section6 .img-area img{position: absolute;}
#section6 img.i1{bottom: 0;right: 0;transform: translateY(35px);}
#section6 img.i2{bottom: -45px;right: 140px;}
#section6 img.i3{bottom: 138px;right: 1220px;}
#section6 .img-area2{position: absolute;width: 960px;height: 100vh;right: 215px;bottom: 0;z-index: 2;}
#section6 .img-area2 a{display: inline-block;width: 187px;height: 252px;position: absolute;background-image: url(../images/hon-frame.jpg);background-size: 100% 100%;z-index: 1;}
#section6 .img-area2 a img{width: calc(100% - 16px);height: calc(100% - 16px);object-fit: contain;margin: 8px;}
#section6 .img-area2 a:nth-child(1){left: 0;bottom: 230px;}
#section6 .img-area2 a:nth-child(2){left: 151px;bottom: 143px;z-index: 2;}
#section6 .img-area2 a:nth-child(3){left: 260px;bottom: 350px;}
#section6 .img-area2 a:nth-child(4){left: 458px;bottom: 143px;z-index: 2;}
#section6 .img-area2 a:nth-child(5){left: 460px;bottom: 493px;}
#section6 .img-area2 a:nth-child(6){left: 660px;bottom: 270px;}
#section6 .img-area2 a:nth-child(7){left: 775px;bottom: 95px;z-index: 2;}
#section6 .block .info{width: 100%;padding-bottom: 20px;}
#section6 .block .info h3{padding-bottom: 15px;}
#section6 .block .info p{color: rgba(0, 0, 0, 0.4);}
#section6 .block .ul{width: 100%;display: flex;flex-wrap: wrap;}
#section6 .block .ul .li{width: calc(50% - 10px);padding: 0 30px;text-align: center;font-size: 18px;position: relative;margin-bottom: 20px;margin-right: 10px;}
#section6 .block .ul .li:nth-child(2n){margin-left: 10px;margin-right: 0;}
#section6 .block .ul .li h3{color: #be0026;line-height: 30px;font-weight: normal;font-size: 18px;}
#section6 .block .ul .li p{font-weight: bold;color: rgba(0, 0, 0, 0.8);line-height: 35px;}
#section6 .block .ul .li::before,#section6 .block .ul .li::after{width: 30px;height: 100%;content: "";display: inline-block;position: absolute;top: 0;background-image: url(../in/images/hon-ico.png);background-size: contain;background-repeat: no-repeat;}
#section6 .block .ul .li::before{left: 0;}
#section6 .block .ul .li::after{right: 0;transform: scaleX(-1);}
#section6 .block .more{display: block;margin-top: 50px;line-height: 65px;font-size: 15px;font-weight: bold;position: relative;color: #000;}
#section6 .block .more::before{content: "→";font-family: math;display: inline-block;width: 65px;height: 65px;line-height: 65px;text-align: center;color: #fff;font-size: 24px;background-color: #be0026;border-radius: 50%;margin-right: 10px;border: 0;}

#section6 .honSwiper{display: none;width: calc(100% - 30px);position: absolute;bottom: 15px;left: 15px;padding: 40px 15px 5px;background-color: rgba(255, 255, 255, 0.6);z-index: 2;border-radius: 10px;}
#section6 .honSwiper .swiper{width: 100%;}
#section6 .honSwiper .swiper a .img{width: 100%;max-width: 187px;height: 252px;position: relative;background-image: url(../images/hon-frame.jpg);background-size: 100% 100%;z-index: 1;margin: 0 auto;}
#section6 .honSwiper .swiper a .img img{width: calc(100% - 16px);height: calc(100% - 16px);object-fit: contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#section6 .honSwiper .swiper a p{line-height: 40px;font-size: 15px;color: rgba(0, 0, 0, 0.8);text-align: center;}


/* 7 */
#section7{background-color: #fff;}
#section7 .block{height: 100vh;align-items: center;padding-left: 135px;}
#section7 .block .left{width: 30%;display: flex;flex-wrap: wrap;max-width: 460px;margin-left: auto;}
#section7 .block .left .info{width: 100%;}
#section7 .block .left .info h4{font-size: 34px;color: #be0026;padding-top: 15px;}
#section7 .block .left .swiper{width: 100%;margin: 50px 0;}
#section7 .block .left .swiper .li{line-height: 70px;font-size: 22px;display: flex;align-items: center;position: relative;padding-left: 0;transition: all 0.3s;cursor: pointer;}
#section7 .block .left .swiper .li::before{content: "→";font-family: math;display: inline-block;width: 34px;height: 34px;background-color: #be0026;color: #fff;text-align: center;line-height: 34px;border-radius: 50%;font-size: 15px;transition: all 0.3s;position: absolute;left: 0;top: 50%;transform: translate(-100%,-50%);}
#section7 .block .left .swiper .li a{color: rgba(0, 0, 0, 0.8);}
/* #section7 .block .left>a{font-size: 15px;font-weight: bold;line-height: 26px;display: inline-block;width: 100%;text-align: right;color: rgba(0, 0, 0, .8);}
#section7 .block .left>a::before{content: "→";font-family: math;display: inline-block;width: 26px;height: 26px;background-color: #be0026;color: #fff;text-align: center;line-height: 24px;margin-right: 8px;border-radius: 50%;font-size: 15px;} */
#section7 .block .left>a{line-height: 50px;padding: 0 70px 0 30px;font-size: 14px;color: #fff;background-color: #be0026;display: inline-block;position: relative;border-radius: 50px;}
#section7 .block .left>a::before{content: "→";font-family: math;color: #fff;width: 50px;height: 50px;border: 1px solid #fff;border-radius: 50%;position: absolute;top: 0;right: -1px;text-align: center;line-height: 50px;font-size: 18px;margin-right: 0;}
#section7 .block .left .swiper .swiper-slide-thumb-active .li{padding-left: 49px;}
#section7 .block .left .swiper .swiper-slide-thumb-active .li a{color: #be0026;}
#section7 .block .left .swiper .swiper-slide-thumb-active .li::before{transform: translate(0%,-50%);}

#section7 .block .right{width: 70%;height: 100%;padding: 30px 0;border-left: 1px solid rgba(0, 0, 0, 0.05);}
#section7 .block .right .swiper{height: 100%;}
#section7 .block .right .swiper .li{height: 33.333333%;display: flex;flex-wrap: wrap;padding: 20px 0 20px 35px;transition: all 0.3s;padding-right: 15px;}
#section7 .block .right .swiper .li .img{width: 35%;height: 100%;border-radius: 13px;overflow: hidden;}
#section7 .block .right .swiper .li .img img{width: 100%;height: 100%;object-fit: cover;}
#section7 .block .right .swiper .li .text{width: 65%;max-width: 630px;padding-left: 5%;display: flex;flex-wrap: wrap;}
#section7 .block .right .swiper .li .text h4{line-height: 60px;height: 60px;border-bottom: 2px solid rgba(0, 0, 0, 0.1);font-size: 22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;width: 100%;}
#section7 .block .right .swiper .li .text p{line-height: 30px;font-size: 15px;color: rgba(0, 0, 0, 0.6);padding-top: 10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;height: 70px;}
#section7 .block .right .swiper .li .text span{align-self: flex-end;font-size: 16px;font-weight: bold;color: rgba(22, 66, 187, 1);line-height: 50px;}

#section7 .block .right .swiper .li .text>a{align-self: flex-end;font-size: 15px;font-weight: bold;line-height: 50px;display: inline-block;text-align: right;color: rgba(0, 0, 0, .8);margin-left: auto;}
#section7 .block .right .swiper .li .text>a::before{content: "→";font-family: math;display: inline-block;width: 50px;height: 50px;background-color: #be0026;color: #fff;text-align: center;line-height: 50px;margin-right: 8px;border-radius: 50%;font-size: 18px;}

#section7 .block .right .swiper .li:hover{background-color: rgba(0, 0, 0, 0.03);transform: translateY(-5px);}
#section7 .block .right .swiper .li:hover .text h4{color: rgba(22, 66, 187, 1);}
#section7 .block .right .swiper .li:hover .text>a{color: #be0026;}


/* 8 */
#section8{}
#section8 .block{height: 100vh;align-items: center;background-color: #1a1f23;padding-left: 135px;overflow: hidden;}
#section8 .block .cover-img{position: absolute;left: 0;z-index: 2;opacity: 0.2;height: 100%;}
#section8 .block .ul{width: 75%;display: flex;height: 100%;order: -1;position: relative;z-index: 1;}
#section8 .block .ul .li{width: 33%;height: 100%;padding: 0px 0 60px;}
#section8 .block .ul .li:first-child{width: 34%;}
#section8 .block .ul .li .swiper{height: 100%;}
#section8 .block .ul .li .swiper .swiper-wrapper{
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
#section8 .block .ul .li .swiper img{object-fit: contain;width: 80%;height: 80%;margin: 10%;}

#section8 .block .info{width: 25%;position: relative;z-index: 3;}
#section8 .block .info h2{font-size: 150px;color: #fff;line-height: 150px;font-family: fantasy;padding-bottom: 20px;position: relative;display: inline-block;}
#section8 .block .info h2::before{content: "+";display: inline-block;position: absolute;font-size: 50px;left: 100%;bottom: 100%;color: #fff;line-height: 30px;}
#section8 .block .info p{line-height: 50px;color: #fff;font-size: 30px;margin-bottom: 100px;}
#section8 .block .info p b{color:#be0026;}
#section8 .block .info .more{line-height: 50px;padding: 0 70px 0 30px;font-size: 14px;color: #fff;background-color: #be0026;display: inline-block;position: relative;border-radius: 50px;}
#section8 .block .info .more::before{content: "→";font-family: math;color: #fff;width: 50px;height: 50px;border: 1px solid #fff;border-radius: 50%;position: absolute;top: 0;right: -1px;text-align: center;line-height: 50px;font-size: 18px;margin: 0;}






@media screen and (min-width: 0px) and (max-width:1600px){
    #section6{background-position: right -140px bottom 0;}
    #section6 .img-area2{right: 75px;}
    #section6 img.i1{right: -140px;}
    #section6 img.i2{right: 0;}
    #section6 img.i3{right: 1080px;}
}
@media screen and (min-width: 0px) and (max-width:1400px){
    #section6{background-position: right -195px bottom 0;}
    #section6 .img-area2{right: 20px;}
    #section6 img.i1{right: -195px;}
    #section6 img.i2{right: -55px;}
    #section6 img.i3{right: 1025px;}
}
@media screen and (min-width: 0px) and (max-width:1200px){
    #my-custom-nav{left: 25px;}
    #section7 .block{padding-left: 100px;}
    #section7 .block .left .info h4{font-size: 24px;}
    
    #section8 .block{padding-left: 80px;}
    #section8 .block .info h2{font-size: 130px;line-height: 130px;}
    #section8 .block .info p{font-size: 26px;}
}
@media screen and (min-width: 0px) and (max-width:1024px){
    .info h3{font-size: 38px;}
    .info h4{font-size: 26px;}
    #section3 .cate-ul .ul .li{padding-left: 15px;}

    #section5 .block .posinfo.sh{left: auto;right: 2%;bottom: 23%;}

    #section6 .img-area2{display: none;}
    #section6 .block .more{margin-top: 10px;}
    #section6 .honSwiper{display: block;}
}
@media screen and (min-width: 0px) and (max-width:992px){
    .banner .txt-swiper .swiper-slide .ib-bg .info h2{font-size: 80px;margin-bottom: 15px;}
    .banner .txt-swiper .swiper-slide .ib-bg .info h3{font-size: 55px;}

    #section3 .info h4{padding-bottom: 30px;}
    #section3 .cate-ul .ul{width: 200px;}
    #section3 .cate-ul .thumbs-ul{width: calc(100% - 200px);}
    #section3 .cate-ul .ul .li{padding: 30px 0 30px 15px;}
    #section3 .cate-ul .ul .li .text h3{font-size: 22px;}

    #section5 .block .ul .li h3 b{font-size: 48px;}
    #section5 .block .ul .li p{font-size: 16px;}

    #section7 .block .left .info h4{font-size: 22px;}
    #section7 .block .right .swiper .li .text h4{font-size: 20px;font-weight: bold;}

    #section8 .block .info h2{font-size: 110px;line-height: 110px;}
    #section8 .block .info p{font-size: 22px;margin-bottom: 70px;}
}

@media screen and (min-width: 0px) and (max-width:768px){
    #my-custom-nav{display: none;}
    .banner .txt-swiper .swiper-slide .ib-bg .info h2{font-size: 70px;}
    .banner .txt-swiper .swiper-slide .ib-bg .info h3{font-size: 48px;}
    
    .info h3{font-size: 34px;}
    #section2 .info h3,#section2 .info .content{margin-bottom: 15px;padding-bottom: 0;}
    #section2 .ul{margin-top: 5%;}
    #section2 .ul .li{width: 100%;}
    #section2 .ul .li:last-child{padding-top: 0;}
    #section2 .ul .li .text p{font-size: 14px;}
    #section2 .info .content{font-size: 14px;line-height: 30px;}

    #section5 .block .n-area{flex-direction: column;}
    #section5 .block .info{width: 100%;margin-bottom: 20px;}
    #section5 .block .ul{width: 100%;}
    #section5 .block .ul .li p{font-size: 15px;}
    #section5 .block .posinfo.sh,#section5 .block .posinfo.ly{position: relative;left: 15px;bottom: 0;max-width: 40%;margin-right: 15px;}
    #section5 .block .posinfo .text p{font-size: 16px;}

    #section6 .n-area{padding-left: 15px;}
    #section6 .block .ul .li{font-size: 15px;}
    #section6 .block .ul .li p{font-weight: normal;line-height: 20px;}
    #section6 .block .more{line-height: 40px;}
    #section6 .block .more::before{width: 40px;height: 40px;line-height: 38px;font-size: 18px;}

    #section7 .block{padding-left: 0;}
    #section7 .block .left{width: 100%;max-width: none;text-align: center;padding: 15px;}
    #section7 .block .left .swiper{margin: 20px 0;}
    #section7 .block .left .swiper .swiper-slide{overflow: hidden;}
    #section7 .block .left>a{margin: 0 auto;}
    #section7 .block .right{width: 100%;height: calc(100% - 270px);overflow: hidden;}
    #section7 .block .right .swiper .li{padding: 20px 15px;height: 50%;}
    #section7 .block .right .swiper .li:last-child{display: none;}

    #section8 .block{padding-left: 0;justify-content: center;}
    #section8 .block .info{width: auto;position: absolute;text-align: center;}
    #section8 .block .info p{margin-bottom: 20px;}
    #section8 .block .ul{width: 100%;order: 1;}
    #section8 .block .ul .li{padding: 0;}
    

}
@media screen and (min-width: 0px) and (max-width:640px){
    .banner .txt-swiper .swiper-slide .ib-bg .info h2{font-size: 60px;}
    .banner .txt-swiper .swiper-slide .ib-bg .info h3{font-size: 38px;}

}
@media screen and (min-width: 0px) and (max-width:500px){
    #section7 .block .left .swiper .li{font-size: 15px;line-height: 40px;}
}
@media screen and (min-width: 0px) and (max-width:440px){
    #loading .info img{width: 120px;padding-bottom: 25px;}
    .banner .txt-swiper .swiper-slide .ib-bg .info h2{font-size: 46px;}
    .banner .txt-swiper .swiper-slide .ib-bg .info h3{font-size: 32px;}

    .info h3{font-size: 26px;}
    .info h4{font-size: 22px;}
    .info p{font-size: 14px;line-height: 30px;}
    .info a.more{font-size: 14px;}
    .info a.more::before{width: 40px;height: 40px;line-height: 38px;font-size: 18px;}

    #section2 .ul{margin-left: -15px;margin-right: -15px;width: calc(100% + 30px);}
    #section2 .ul .li{padding: 15px 0;}
    #section2 .ul .li .img i{width: 55px;height: 55px;line-height: 55px;font-size: 30px;}
    #section2 .ul .li .img p{font-size: 17px;}
    #section2 .ul .li .text{padding: 15px;padding-bottom: 0;}
    #section2 .ul .li .text h4{font-size: 18px;padding-bottom: 15px;}
    #section2 .ul .li .text p{line-height: 30px;}

    #section3 .info h4{padding-bottom: 20px;}
    #section3 .info p{margin-bottom: 20px;}
    #section3 .cate-ul .ul{width: 170px;}
    #section3 .cate-ul .thumbs-ul{width: calc(100% - 170px);}
    #section3 .cate-ul .ul .li .img{margin-right: 10px;}
    #section3 .cate-ul .ul .li .img i{width: 40px;height: 40px;line-height: 40px;font-size: 20px;}

    #section5{background-position: right bottom;}
    #section5 .block .ul .li{padding-bottom: 25px;}
    #section5 .block .ul .li p{font-size: 14px;}
    #section5 .block .posinfo{height: 85px;}
    #section5 .block .posinfo .text{padding: 15px;}
    #section5 .block .posinfo .text h4{font-size: 19px;}
    #section5 .block .posinfo i{line-height: 85px;font-size: 40px;}
    #section5 .block .posinfo.sh, #section5 .block .posinfo.ly{max-width: calc(100% - 30px);margin: 0 0 10px;max-width: none;}

    #section6 .honSwiper .swiper a .img{height: 221px;}

    #section7 .block .left .swiper .li{font-size: 14px;}
    #section7 .block .left>a{line-height: 40px;}
    #section7 .block .left>a::before{width: 40px;height: 40px;line-height: 40px;}
    #section7 .block .right{height: calc(100% - 225px);padding: 0;}
    #section7 .block .right .swiper .li .text h4{font-size: 18px;line-height: 40px;height: 45px;}
    #section7 .block .right .swiper .li .text p{font-size: 14px;padding-top: 5px;}
    #section7 .block .right .swiper .li .text span{font-size: 14px;line-height: 25px;}
    #section7 .block .right .swiper .li .text>a{font-size: 14px;font-weight: normal;line-height: 25px;}
    #section7 .block .right .swiper .li .text>a::before{width: 25px;height: 25px;line-height: 26px;font-size: 14px;}
}
@media screen and (min-width: 0px) and (max-width:375px){
    #section3 .info p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
    
}
@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);
    }
}