*{margin: 0;padding: 0;}

/*Top002652 */
.Top002652{ z-index:103; height: 1rem;position: fixed;top: 0;left:0;width: 100%;background: #fff}
.Top002652 header{ position:relative; z-index:2;border-bottom:1px solid rgba(255,255,255,0.2);}

.Top002652 .logo{ float: left;margin-left: 4%;padding: 22px 0}
.Top002652 .logo img{ max-height:55px;}
.Top002652 .logo p{display: inline-block;font-size: 22px;font-weight: normal;color: #002fa7;;height: 0.55rem;margin: 0;margin-left: 0.3rem;padding-top: 0.16rem;line-height: 0.3rem;float: right;}
@media(max-width:1024px){
    .Top002652{height: 60px;}
    .Top002652 .logo{padding: 10px 0}
    .Top002652 .logo img{height: 40px;}
    .Top002652 .logo p{height: 40px;;padding-top: 10px;line-height: 30px;font-size: 18px;margin-left: 12px;}

}
@media(max-width:768px){

}
@media(max-width:480px){
.Top002652 .logo p{font-size: 10px;}

}

/*Banner003113 */
.Banner003113{position: relative;z-index: 1;}
.Banner003113 .auto{max-width: 1500px;width: 86%;}
.Banner003113 .slick-slide{position: relative;z-index: 1;overflow: hidden;}
.Banner003113 .slick-slide:before{position: absolute;left:0;bottom:0;width: 100%;height:100%;background: rgba(0,0,0,.25);content: "";z-index: 5;;}
.Banner003113:after{position: absolute;left:0;bottom:0;width: 100%;height:10vw;background: url(../images/banbg.png) no-repeat center bottom/100% 100%;content: "";z-index: 5;;}
.Banner003113 .controls{position: absolute;left: 0;width: 100%;bottom: 13vw;z-index: 20; line-height: 1.5;font-size: 16px;}
.Banner003113 .controls .auto{position: relative;z-index: 1;}
.Banner003113 img{height: 120vh}
.Banner003113 .controls dl {float: left;padding-right: 0.8rem;;position: relative;}
.Banner003113 .controls dl > *{float: left;}
.Banner003113 .controls dt .line{width: 2rem; position: relative;   height: 2px;    background-color: rgba(255,255,255,0.4);}
.Banner003113 .controls dt .line:after{position: absolute;left: 0;top: 0;width: 50%;height: 100%;background: #fff;content: ""}
.Banner003113 .controls dt{font-family: 'Oswald-Regular';color: #fff;}
.Banner003113 .controls dt > *{display: inline-block;padding: 0}
.Banner003113 .controls dd{margin-left: 28px;}
.Banner003113 .controls .total{margin-left: 14px;font-family: 'Montserrat-Medium';}
.Banner003113 .slick-dots{font-size: 16px;}
.Banner003113 .slick-dots li{list-style: none;width: 0.24rem;height: 0.24rem;margin-right: 0;}
.Banner003113 .slick-dots li button{display: none}
.Banner003113 .slick-dots li:not(.slick-active){display: none;}
.Banner003113 .controls dl .slick-prev{left: auto;right: 0.4rem}
.Banner003113 .slick-dots li:after{display: none}
.Banner003113 .slick-dots li span{font-family: 'Montserrat-Medium';color: #fff;width: 28px;text-align: left;display: block;width: 100%;height: 100%}
.Banner003113 .slick-arrow{width: 0.4rem;height: 24px;background: url(../images/Banner003113-btn.svg) no-repeat center center;background-size: contain;display: block;}
.Banner003113 .slick-slide.slick-current img {    animation: zoomInOut 20s infinite;     transition: transform 0.3s ease;  }
@keyframes zoomInOut {
    0% {
        transform: scale(1);  /* 初始大小 */
    }
    50% {
        transform: scale(1.1);  /* 放大 1.2 倍 */
    }
    100% {
        transform: scale(1);  /* 恢复原始大小 */
    }
}
@media (min-width:1025px){
.Banner003113 .wap{display: none;}
}
@media (min-width:1025px) and (max-width:1366px) {
.Banner003113 .txt{font-size: 6.5vw;}
.Banner003113 .controls{bottom: 3vw;}
}
@media (max-width:1024px) {
.Banner003113 .pc{display: block;height: 100vh}
.Banner003113 .txt{top: 80px;}
.Banner003113 .txt .ytable{height: 50%;}
.Banner003113 .controls{bottom: 10vw}
.Banner003113 .controls dt .line{width: 1rem}
}
@media (max-width:768px) {
.Banner003113 .txt{font-size: 11vw;}
.Banner003113 .controls{bottom: 10vw;}
.Banner003113 .pc{height: 240px}
.Banner003113{margin-top: 60px;}
}



.index-more{font-size: var(--font-size16);margin-top: 0.65rem;float: left;}
.index-more a{display: inline-block;text-align: center;width: 3.4rem;padding-right: 0.56rem; border:solid 2px #002fa7;height: 0.6rem;line-height: 0.6rem;border-radius: 0.5rem; position:relative;font-size: var(--font-size16);color: #fffefe;}
.index-more a span{position:relative;display:block;z-index:2}
.index-more a:after{width:0.52rem;height:0.52rem;transition: all 0.3s;border-radius: 50%}
.index-more a:after{position: absolute;right: 0.02rem;top: 0.02rem; content:'';background:url(../images/banmore.png) no-repeat center;;z-index:2;}
.index-more a:hover{color:var(--white);background: var(--hover-color);border-color: var(--hover-color);}
.index-more a:hover:after{right: -0.6rem;}
@media (max-width:640px) {
}



/*Floor003216 */
body{--txt-color-000:#000000;--hover-color:#002fa7;--txt-color-999:#999999;--white:#fff; }
.Floor003216 .index-title{margin-bottom: var(--padMar60);}
.Floor003216 .index-more{margin-top: 1.2rem;}
.index-title .title{display: inline-block;position: relative;z-index:1;}
.index-title .title span{position: relative;z-index: 3; font-size: var(--font-size48); color: var(--txt-color-000); font-weight: 600;}
.index-title .title:after{position: absolute; content: '';z-index: 1; background: url(../images/logoicon.png) no-repeat center center; width: 0.8rem; height: 0.8rem; right: -1rem; top:50%;margin-top: -0.4rem; background-size: contain;}
.Floor003216  .desc{margin-top: 0.28rem;font-size: 18px;line-height: 30px;color:var(--txt-color-000);font-family: Montserrat-Light;}
.Floor003216  .desc b{color: var(--txt-color-000);font-weight: normal;}
.Floor003216 .index-title .desc{font-weight: 100;font-size: var(--font-size18);color: var(--txt-color-000);}
@media (max-width:1024px) {
.Floor003216 .index-title .title span{font-size: var(--font-size30);}
.Floor003216 .index-title .desc{font-size: var(--font-size16); }
}

.Floor003216{padding: 1.2rem 0 ;background: url(../images/aboutbg2.png) no-repeat top center;}
.Floor003216 .right{position: relative;z-index: 1;display: flex;align-items: center; justify-content: center;}
.Floor003216 .more{position: absolute;top: 0;right: 0;}
.Floor003216 .more a{display: inline-flex;align-items: center;border: solid 1px var(--txt-color-444); line-height: .5rem; font-weight: 100; padding: 0 0.34rem; border-radius: 0.5rem; transition: 0.3s;}
.Floor003216 .more a:after{display: block; content: '';width: 0.18rem; height: 0.18rem; margin-left: 0.2rem; background: url(../images/Floor003216-more.png) no-repeat center;background-size: contain;}
.Floor003216 .more a:hover{background-color: var(--hover-color);border-color: var(--white);color: var(--white);transition: 0.3s;}
.Floor003216 .more a:hover::after{background-image: url(../images/Floor003216-more-white.png);}

.Floor003216 .num-count{width: 100%;margin-top: 0.8rem;}
.Floor003216 .num-count li{width: 31.125%;height: 2.3rem;padding: 0.5rem; background:url(../images/aboutbg.png) no-repeat center #ffffff;box-shadow: 0rem 0.06rem 0.5rem 0rem  rgba(0, 0, 0, 0.1);border-radius: 10px;}
.Floor003216 .num-count li .num{font-size: var(--font-size72); line-height: 0.7;color: #002fa7;font-weight: bold;max-width: 70%;letter-spacing: -2px;}
.Floor003216 .num-count li .img{margin-right: 0.4rem;}
.Floor003216 .num-count li .num i{font-style: normal;}
.Floor003216 .num-count li .num .unit{font-size: 0.22rem;color: #666666;;letter-spacing: 0px;}
.Floor003216 .num-count li .num p{font-size: 0.2rem;;line-height: 0.4rem;;color: #999999;letter-spacing: -0px;font-weight: normal;margin-top: 0.3rem;font-family: Montserrat-Light;}
.Floor003216 .right .Ispic {width: 100%;height: 100%;border-radius: 20px;overflow: hidden;}
.Floor003216 .open-video{width: 0.6rem; height: 0.6rem;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); z-index: 1;cursor: pointer;display: flex;align-items: center; justify-content: center; background-color:#002fa7;}
.Floor003216 .open-video:after{position: absolute; content: '';background-color: var(--hover-color); width: 1.06rem; height: 1.06rem; left: 50%;top: 50%;margin: -0.53rem 0 0 -0.53rem; border-radius: 50%; animation: Floor003216video infinite 1s linear;}
.Floor003216 .open-video:before{display: block;content: '';width: 0.13rem; height: 0.16rem;background: url(../images/Floor003216-play.png) no-repeat center center; background-size: contain;}
.Floor003216 .Origin .left{width: 33%;}
.Floor003216 .Origin .right{width: 60%;}
.Floor003216 .Origin .index-title .title:after{display: none}



@keyframes Floor003216video {
    0%{transform: scale(1);opacity: 0.06;}
    100%{transform: scale(2);opacity: 0;}
}

@media (min-width:1025px) {
    .Floor003216 .autoCon-1600{position: relative;z-index: 4; min-height: 5rem;align-items:stretch; }
    .Floor003216 .autoCon-1600.Num{min-height: unset;}
    .Floor003216 > .Ispic{position: absolute; left: 0;top: 0;width: 100%;height: 100%;background-size: auto 100%; background-position: center bottom;}
    .Floor003216 .left{width: 47%;}
    .Floor003216 .right{width: 47%;} 
}
@media (max-width:1024px) {
    .index-title .title:after{width: 0.5rem;height: 0.5rem;margin-top: -0.25rem;right: -0.7rem}
    .Floor003216 .index-title{margin-top: 0.4rem;}
    .index-title .title span{font-size: var(--font-size30);;}
    .Floor003216{padding: 0.4rem 0}
    .Floor003216 .num-count li{padding: 20px;}
    .Floor003216 .num-count li .num{font-size: 36px}
    .Floor003216 .num-count li{height: 0.8rem}
    .Floor003216 .num-count li .num p{font-size: 14px;margin:  0}
    .Floor003216{position: relative;z-index: 1;--imgHeight:6rem}
    .Floor003216 > .Ispic{height: var(--imgHeight);background-size: 206% auto; background-position: right center; margin-top: var(--padMar160);}
    .Floor003216 .left{padding-bottom: var(--padMar20);}
    .Floor003216 .right{width: 100%;z-index: 10;}
    .Floor003216 .more{left: 0;text-align: center; top: -0.8rem;}
    .Floor003216 .num-count{margin-top: 30px;;margin-bottom: 40px;}
    .Floor003216 .right .Ispic{padding-bottom: 66.66%;}
    .Floor003216 .Origin .left{width: 100%;}
    .Floor003216 .Origin .right{width: 100%;margin-top: 30px;}
    .Floor003216 .num-count li .img{margin-right: 0.2rem;width: 0.4rem}
}
@media (max-width:768px) {
    .Floor003216 .num-count ul{flex-wrap: wrap;}
.Floor003216 .num-count li{width: 48%;margin-bottom: 4%;}

}
@media (max-width:640px) {
    .Floor003216 .num-count li .num{font-size: var(--font-size52);}
    .Floor003216{--imgHeight:3.8rem}
    .Floor003216 .num-count li{width: 100%;height: auto;}
}

/*Floor003235 */
.Floor003235{padding: var(--padMar100) 0; font-size: var(--font-size16); background: url(../images/bbg1.png) no-repeat center;height: 11.86rem;position: relative;z-index: 1; overflow: hidden;}
.Floor003235 .end-date{text-align:center;color: #999999;font-weight: 100;position: relative;z-index: 4;}
.Floor003235 .index-title{text-align: center;color: #181818;}
.Floor003235 .index-title .tit{font-weight: 500;font-size: var(--font-size44);margin-bottom: 0.17rem;}
.Floor003235 .index-title .desc{color: #555555;font-weight: 100;font-weight: 100;}
.Floor003235 .mark-img dd{position: absolute;}
.Floor003235 .bg-img{z-index: 1;overflow: hidden;width: 3.6rem;height: 3.6rem;background-color: #002fa7;border-radius: 50%;line-height: 3.6rem;display: flex;align-items: center;justify-content: center}
.Floor003235 .bg-img:after{animation: quan infinite 20s;width: 4.3rem;height: 4.3rem;position: absolute;left: 50%;top: 50%;margin-top: -2.15rem;margin-left: -2.15rem;;content: "";background:url(../images/quan1.png) no-repeat center;}
.Floor003235 .bg-img:before{animation: quan infinite 15s;width: 5.2rem;height: 5.2rem;position: absolute;left: 50%;top: 50%;margin-top: -2.6rem;margin-left: -2.6rem;;content: "";background:url(../images/quan2.png) no-repeat center;}
.Floor003235 .bg-img img{display: block;width: 2rem; margin: 0 auto;vertical-align: middle;}
.Floor003235 .inner .num{display: flex;align-items: flex-end;justify-content: center;font-size: var(--font-size16);color: #ea5620;}
.Floor003235 .inner .num .counter{letter-spacing: -1px; font-weight: 600;font-size: var(--font-size54);margin-right: 0.1rem;line-height: 0.9;}
.Floor003235 .inner p{text-align: center;color: #555555;margin: 1em 0 0 0;}
.Floor003235 .center-con{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 3.6rem;}
.Floor003235 .mark-img dd{transition: all 0.5s;opacity: 1;display: flex;overflow: hidden; align-items: center;justify-content: center;cursor: pointer; position: absolute;width: 1.6rem;height: 1.6rem;text-align: center;line-height: 1.6rem; background-color: #ffffff;box-shadow: 0.09rem 0.05rem 0.36rem 0.04rem rgba(0, 47, 167, 0.06);border-radius: 1.6rem;}
.Floor003235 .mark-img dd:nth-child(1){left: 9.53%;top: 12.73%;width: 1.8rem;height: 1.8rem }
.Floor003235 .mark-img dd:nth-child(2){left:26.45%;top: 18.29%;}
.Floor003235 .mark-img dd:nth-child(3){left: 45.78%;top: 5.05%;}
.Floor003235 .mark-img dd:nth-child(4){left: 65.36%;top: 18.54%; }
.Floor003235 .mark-img dd:nth-child(5){left: 79.84%;top: 10.11%;width: 2.3rem;height: 2.3rem}
.Floor003235 .mark-img dd:nth-child(6){left: 2.81%;top: 39.96%;}
.Floor003235 .mark-img dd:nth-child(7){left: 23.07%;top: 48.56%;}
.Floor003235 .mark-img dd:nth-child(8){left: 72.08%;top:  48.56%;}
.Floor003235 .mark-img dd:nth-child(9){right: 4.68%;top: 44.68%;width: 2.0rem;height: 2.0rem}
.Floor003235 .mark-img dd:nth-child(10){left: 10.72%;top: 72.00%;width: 2.0rem;height: 2.0rem}
.Floor003235 .mark-img dd:nth-child(11){left: 34.06%;top: 74.11%;}
.Floor003235 .mark-img dd:nth-child(12){left: 57.96%;top: 74.03%;}
.Floor003235 .mark-img dd:nth-child(13){right: 9.68%;top: 72.00%;width: 2.1rem;height: 2.1rem}
.Floor003235 .mark-img dd img {animation: Floor003235scale infinite 5s linear;max-width: 70%}
.Floor003235 .mark-img dd:nth-child(2n) img {animation: Floor003235scale infinite 8s linear;transform: scale();}
.Floor003235 .mark-img dd:hover{box-shadow: 0px 0px 29px rgba(0, 47, 167, 0.2);transform: translateY(-0.1rem);}
.Floor003235 .slider li .mark-img{width: 100vw;height: 9.86rem;position: relative;}
.Floor003235 .slider{width: 100%;}
.Floor003235 .slider .slick-prev{left: auto;right:1.3rem }
.Floor003235 .slider .slick-next{left: auto;right:0.5rem }
.Floor003235 .slick-arrow{width: 0.6rem;height: 0.6rem;top: auto;bottom: -1rem;background-color: #ffffff;}
.Floor003235 .slick-arrow:hover{background-color: #002fa7;}
.Floor003235 .slick-prev:after{background-image: url(../images/arr_l_blue.svg)}
.Floor003235 .slick-next:after{background-image: url(../images/arr_r_blue.svg)}
.Floor003235 .slick-prev:hover:after{background-image: url(../images/arr_l_white.svg)}
.Floor003235 .slick-next:hover:after{background-image: url(../images/arr_r_white.svg)}
@keyframes Floor003235scale {
    0%{transform: scale(1);}
    50%{transform: scale(1.2);}
    100%{transform: scale(1);}
}
@keyframes quan {
    0%{transform: rotate(0deg);}
    50%{transform: rotate(360deg);}
    100%{transform: rotate(0deg);}
}
@keyframes Floor003235scale2 {
    0%{transform: scale(1);}
    100%{transform: scale(1.7);}
}
@keyframes Floor003235scale3 {
    0%{transform: scale(1);}
    100%{transform: scale(2.7);}
}
@media (max-width:1440px) {
.Floor003235 .quan i{width: 4.8rem;height: 4.8rem}
}
@media (max-width:1024px) {
    .Floor003235{padding: 0.4rem 0}
    .Floor003235{font-size: var(--font-size14);background-size: cover;}
    .Floor003235 .main-ani{flex-direction: column; align-items: center;}
    .Floor003235 .number{display: flex;flex-wrap: wrap;justify-content:space-between;margin-top: 10vw;width: 100%;}
    .Floor003235 .number li{position: relative;width: 20vw;height: 20vw;}
    .Floor003235 .mark-img{position: absolute; left: 0;top: 0;width: 100%;height: 70%;z-index: 10;}
    .Floor003235 .mark-img dd{z-index: 4;}
    .Floor003235 .center-con{max-width: 70%;position: static;transform: translate(0);margin-bottom: 40px;}
    .Floor003235 .inner .num{font-size: var(--font-size12);}
    .Floor003235 .inner .num .counter{font-size: var(--font-size32);}
    .Floor003235 .center-con .inner .num{font-size: var(--font-size24);}
    .Floor003235 .mark-img{position: static;}
    .Floor003235 .mark-img dd{position: static;float: left;width: 32%;margin-bottom: 2%;margin-right: 2%;}
.Floor003235 .bg-img img{width: 1.2rem}
        .Floor003235{height: 5rem;}
        .Floor003235 .quan i{height: 3rem;width: 3rem;margin-left: -1.5rem;margin-top: -1.5rem;}
        .Floor003235 .bg-img{width: 2rem;height: 2rem;margin: 0 auto}
        .Floor003235{height: auto;}
        .Floor003235 .mark-img dd{width: 23.5% !important;height: 21.25vw !important;margin-right: 2%;}
        .Floor003235 .mark-img dd:nth-child(4n){margin-right: 0;}
        .Floor003235 .slider{padding: 0 5%}
       .Floor003235 .slider li .mark-img{width: 100%;height: auto;}
       .Floor003235 .slider .slick-prev,.Floor003235 .slider .slick-next{bottom: 0.2rem;}
}
@media (max-width:640px) {
    .Floor003235 .index-title .tit{font-size: var(--font-size28);}
    .Floor003235 .number li{width: 40vw;height: 40vw;}
    .Floor003235 .number li:nth-child(2) ~ li{margin-top: 5vw;}
    .Floor003235 .center-con .mark{width: 1rem;}
    .Floor003235 .mark-img{}
    .Floor003235 .inner .num{font-size: var(--font-size12);}
    .Floor003235 .center-con .inner p{font-size: var(--font-size16);}
    .Floor003235 .inner .num .counter{font-size: var(--font-size36);}
    .Floor003235 .center-con .inner .num{font-size: var(--font-size18);}
    .Floor003235 .center-con .inner .num .counter{font-size: var(--font-size50);}
    .Floor003235 .bg-img{margin:0 auto;}
    .Floor003235 .center-con{margin-bottom: 20px;}
    .Floor003235 .slider .slick-prev, .Floor003235 .slider .slick-next{bottom: 0}
    .Floor003235 .mark-img dd img{max-width: 60%}

}
/*Floor003217 */
.Floor003217{--txt-color-222:#222;--white:#fff;--hover-color:#002fa7; padding: var(--padMar100) 0;background-color: #f8f8f8;}
.Floor003217 .index-title{margin-bottom: var(--padMar50);}
.Floor003217 .index-title .title:after{display: none}
.Floor003217 .index-title .title{display: inline-block;position: relative;z-index:1;}
.Floor003217 .index-title .title span{position: relative;z-index: 3; font-size: var(--font-size52); color: var(--txt-color-222); font-weight: 600;}
.Floor003217 .index-title .title +  .sub-tit{margin-top: var(--padMar50);}
.Floor003217 .index-title .sub-tit{font-size: var(--font-size36); font-weight: 500;}
.Floor003217 .index-title .title + .desc{margin-top: 0.28rem;}
.Floor003217 .index-title .desc{font-weight: 100;font-size: var(--font-size18);color: var(--txt-color-222);}
@media (max-width:1024px) {
.Floor003217 .index-title .title span{font-size: var(--font-size36);}
.Floor003217 .index-title .sub-tit{font-size: var(--font-size20); }
.Floor003217 .index-title .desc{font-size: var(--font-size16); }
}
.Floor003217 .tab-ul{position: relative;padding: 0 }
.Floor003217 .tab-ul:after{position: absolute;width: 100%;height: 3px;content: "";background: #dddddd;top: 7px;z-index: 0;left: 0}
.Floor003217 .tab-ul li{cursor: pointer;text-align: center;padding-top:0.65rem;position: relative;flex: 1;margin-bottom: 0.5rem;color: #000000;}
.Floor003217 .tab-ul li i{position: absolute;width: 0.16rem;height: 0.16rem;border-radius: 50%;background: #fff;border: 2px solid #f5f5f5;top: 0px;z-index: 5;left: 50%;margin-left: -0.08rem;opacity: 0;transition: all 0.3s}
.Floor003217 .tab-ul li i:after{position: absolute;width: 0.1rem;;height: 0.1rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;background:#002fa7;content: "" }
.Floor003217 .tab-ul li .img{height:0.6rem; position: relative;margin-bottom: 0.1rem;}
.Floor003217 .tab-ul li:before{position: absolute;left: 50%;top: 7px;height: 3px;content: "";background: #002fa7;transition: all 0.3s;left: 50%;width:0;transform: translateX(-50%);z-index: 5;}
.Floor003217 .tab-ul li.active:before{width: 100%;}
.Floor003217 .tab-ul li .img img{max-height: 0.5rem;}
.Floor003217 .tab-ul li .hover{position: absolute;left: 0;right: 0; top: 0; opacity: 0; transform: scale(1.5); transition: 0.5s; margin: auto;}
.Floor003217 .tab-ul li .name{font-size: var(--font-size18); line-height: 1.2;}
.Floor003217 .tab-ul li.active .name{font-weight: bold;color: var(--hover-color);}
.Floor003217 .tab-ul li.active i{border-color: var(--hover-color);opacity: 1; } 
.Floor003217 .tab-ul li.active i:after{background:var(--hover-color) }
.Floor003217 .tab-ul li.active .default{opacity: 0;}
.Floor003217 .tab-ul li.active .hover{opacity: 1; transform: scale(1);}
.Floor003217 .tab-list{position: relative;z-index: 1;}
.Floor003217 .tab-list .box{overflow: hidden;border-radius: 0.3rem;transition: opacity 1s,transform 1s; transform: translateY(0);background: url(../images/scgbg1.png) no-repeat top left;padding: 0.6rem 0.8rem 0.8rem;}
.Floor003217 .tab-list .box:not(.active){position: absolute; left: 0;top: 0;width: 100%;visibility: hidden; opacity: 0;transform: translateY(0.2rem);}
.Floor003217 .tab-list .box .left{width: calc(100% - 750px);float: left;min-height: 5rem;}
.Floor003217 .tab-list .box .left .txt .ti{font-size: 0.44rem;line-height: 0.44rem;letter-spacing: -0.01rem;color: #ffffff;margin-bottom: 0.64rem;text-transform: capitalize;}
.Floor003217 .tab-list .box .left .txt  .item{display: flex;align-items: center;color: #fff;margin-bottom: 0.5rem;}
.Floor003217 .tab-list .box .left .txt .item .ico{margin-right: 0.25rem; width: 40px;}
.Floor003217 .tab-list .box .left .txt .item .con{flex: 100%;}
.Floor003217 .tab-list .box .left .txt  .item .con h3{font-size: 0.24rem;font-family: Montserrat-Medium;line-height: 0.3rem;font-weight: normal;}
.Floor003217 .tab-list .box .left .txt  .item .con p{   font-size: 0.20rem;font-family: Montserrat-Light;}

.Floor003217 .tab-list .box .right .imgbox{position: absolute;top: 0;text-align: center;left: 0;width: 100%}
.Floor003217 .tab-list .box .right{width: 50%;float: right;position: absolute;right: 0;top: 1rem;height: 4.8rem;;z-index: 9;}

@media(max-width:1600px) {
    .Floor003217 .tab-list .box .left {width: 35%;}
}

@media (min-width:1025px) {
.Floor003217 .tab-ul li{}
}
@media (max-width:1024px) {
.Floor003217 .tab-ul li{width:calc(100% / 4);}
.Floor003217 .tab-list .box .left {width: 75%;}
.Floor003217 .tab-list .box{padding: 0.2rem 0.3rem;}
.Floor003217 .tab-list .box .left .txt .imgbox{width: 50px;}
.Floor003217 .tab-list .box .left .txt .center{width: calc(100% - 65px)}
.Floor003217 .tab-list .box .left .txt .center h3{font-size: 24px;}
.Floor003217 .tab-list .box .left .txt .center p{font-size: 16px;line-height: 24px;}
.Floor003217 .tab-list .box .left{width: 100%;min-height: unset;margin-bottom: 0.3rem;}
.Floor003217 .tab-list .box .right{width: 100%;position: static;height: auto;}
.Floor003217 .tab-ul{padding: 0 20px;}
.Floor003217 .tab-ul li{padding-top: 0.3rem;margin-bottom: 0.3rem;}
.Floor003217 .tab-list .box .left .txt .ti{font-size: 0.3rem;margin-bottom: 0.2rem;}
.Floor003217 .tab-list .box .left .txt .item .ico{width: 0.4rem}
.Floor003217 .tab-list .box .left .txt .item .con{width: calc(100% - 0.7rem)}
.Floor003217 .tab-list .box .left .txt .item{margin-bottom: 0.1rem;align-items: flex-start}
.Floor003217 .tab-list .box .right .imgbox{position: static;}
.Floor003217 .tab-list .box .left .txt  .item .con h3{font-size: 0.20rem;}
.Floor003217 .tab-list .box .left .txt  .item .con p{   font-size: 0.18rem;}
}
@media (max-width:480px) {
.Floor003217 .tab-list .box .left{width: 100%}
.Floor003217 .tab-list .box .right{width: 100%;margin-top: 30px;}
.Floor003217 .tab-list .box .right li p{color: #002fa7}
.Floor003217 .tab-ul{padding: 0}
.Floor003217 .tab-ul li .name{font-size: 12px;}
.Floor003217 .tab-list .box .left .txt .center p{font-size: 13px;line-height: 17px;}

}
.Ispic{ overflow:hidden; position:relative;display: block;}
.Ispic span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.Ispic img{ width:100%; height:100%;object-fit: cover;}
.Ispic.auto img{ width:auto; height:auto;object-fit: contain;max-width: 100%;max-height: 100%;}

.Packaging {padding: 1rem 0 2rem;background: url(../images/bbg2.png) no-repeat center/cover;}
.Packaging .index-title .title:after{display: none}
.Packaging .index-title{margin-bottom: 0.6rem;}
.Packaging  li {width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;}
.Packaging  li .Ispic{height: 3.5rem;transition: all 0.3s;border-radius: 0.2rem;overflow: hidden;}
.Packaging  li .Ispic span{background-size: auto;transition: all 0.3s}
.Packaging  li:nth-child(3n){margin-right: 0;}
.Packaging  li p{width: 100%;margin: 0.1rem 0;font-size: 0.18rem;line-height: 0.4rem;color: #000000;text-align: center;}
.Packaging  li:hover  .Ispic span{transform: scale(1.1);}
.Packaging  li:hover  p{color:#002FA7 }
@media (max-width:1024px) {
    .Packaging{padding: 0.4rem 0}
.Packaging .slider li .Ispic{height: 2.4rem}
.Packaging .slider li.slick-center .Ispic{height: 3rem}
.Packaging .slider .slick-slider{min-height: 3rem}
.Packaging  .slick-arrow:after{line-height: 30px;font-size: 18px;}
.Packaging .slider li .Ispic span{background-size: contain;}
.Packaging .slider li{margin: 0 0.1rem}
.Packaging .slider{margin: 0 -0.1rem;}
.Packaging .index-title{margin-bottom: 0.3rem;}
.Packaging li .Ispic{height: auto;padding-bottom: 69%;border-radius: 0.1rem}
}
@media (min-width:641px) {
.Packaging  .slick-arrow{width: 0.6rem;height: 0.6rem;background-color: #ffffff;border-radius: 30px;bottom:0;top: auto;transform:translate(0);}
.Packaging  .slick-arrow:after{color: #333;line-height: 0.6rem;font-family: simsun;font-size: 0.24rem;font-weight: bold;}
.Packaging  .slick-arrow.slick-prev:after{content: "<";}
.Packaging  .slick-arrow.slick-next:after{content: ">";}
.Packaging  .slick-arrow:hover:after{color: #fff}
.Packaging  .slick-arrow:hover{background-color: #002fa7;}

.Packaging  .slick-arrow.slick-prev{left: auto;right:28.125% }
.Packaging  .slick-arrow.slick-next{left: auto;right:23.375% }
}
.Packaging  .slick-arrow.slick-next:after,.Packaging  .slick-arrow.slick-prev:after{content: ""}
.Floor003216.Digital{background: #fff;border-radius: 1rem 1rem 0 0;margin-top: -1rem;}
.Floor003216.Digital .left{width: 47.5%;}
.Floor003216.Digital .right .Ispic{height: auto;padding-top: 84.74%;background-size: contain;}
.Floor003216.Digital .right{width: 45.68% }
.Floor003216.Digital .index-title .title:after{display: none}
.Floor003216.Digital .index-more a{color: #333333;}
.Floor003216.Digital .index-more:hover a{color: #fff}

@media (max-width:1024px) {
.Floor003216.Digital{border-radius:0;margin-top: 0rem;margin-bottom: 0rem;padding-top: 0;}
.Floor003216.Digital .left{width: 100%;}
.Floor003216.Digital .right{width: 100%;margin-top: 30px;}
.Floor003216.Digital .right .Ispic{padding-bottom: 0;width: 70%;margin: 0 auto;background-size: contain;padding-top: 60%;}
.Floor003216 .index-more{margin-top: 0.4rem;}
}
.footer{background: url(../images/fbg.png) no-repeat top center/cover;padding: 1.4rem 0 0rem;position: relative;}


.footer .foot_t{padding-bottom: 0.5rem;border-bottom: 1px solid rgba(255,255,255,0.1);}
.footer .foot_t .fnav{width: 34%;}
.footer .foot_t .fnav li{float: left;background: url(../images/larr.png) no-repeat right center; list-style: none;width: 48%; font-size: 18px;font-family: "Montserrat-Regular";font-weight: lighter;height: 0.6rem;line-height: 0.6rem;border-bottom: 2px solid rgba(255,255,255,.3);}
.footer .foot_t .fnav li:nth-child(2n){float: right;}
.footer .foot_t .fnav li a{color: #fff}
.footer .foot_t .fbrand{font-size: 24px;color: #ffffff;font-family: Montserrat-Medium;}
.footer .foot_t .fbrand img{margin-left: 0.1rem;}
.footer .foot_t  .contact{width: 24%;font-size: 0.18rem;line-height: 0.32rem;color: #ffffff;font-family: Montserrat-Light;}
.footer .foot_t  .contact p{margin-bottom: 0.4rem;font-weight: lighter;}
.footer .Copyright{font-size: 0.16rem;padding: 0.3rem 0 }
.footer .Copyright .link ul{display: flex;flex-wrap: wrap;align-items: center;font-family: Montserrat-Regular;}
.footer .Copyright .link ul li{display: flex;align-items: center;color:#fff;opacity: 0.6;}
.footer .Copyright .link ul li a{color:#fff;}
.footer .Copyright .link ul li i{display: block;margin:0 0.15rem;list-style: none;}
.footer .Copyright .link ul li:last-child i{display: none;}
.footer .Copyright .txt{color:#fff;opacity: 0.6; font-family: Montserrat-Regular;}
.footer .Copyright .link ul li:hover{opacity: 1;}


.FloatBox{position: fixed;z-index:99;right:0;top:50%;transform: translateY(-50%);}
.FloatBox ul li{position: relative;width:0.6rem;height:0.6rem;}
.FloatBox .icon{width:0.6rem;height:0.6rem;background: #002fa7;display: flex;align-items: center;justify-content: center;position: relative;}
.FloatBox .box{position: absolute;right:0;top:0;height:100%;background: #002fa7;white-space: nowrap;display: flex;align-items: center;color:#fff;}
.FloatBox .box .text{width:0;}
.FloatBox li:hover .box .text{width:auto;padding-right:0.3rem;}
.FloatBox .icon::after{content:'';display: block;width:60%;height:1px;background: #fff;opacity: 0.2;position: absolute;bottom:0;left:50%;transform: translateX(-50%);}
.FloatBox .icon img{max-height:0.22rem;}

@media(max-width:1024px){
    .footer{padding: 0.4rem 0 0rem}
    .footer .bl i{background-size: contain;height: 0.4rem}
    .footer .bl{height: 0.4rem;top: -0.4rem}
        .FloatBox ul li{width:0.3rem;height:0.3rem;}
        .FloatBox .icon{width:0.3rem;height:0.3rem;}
        .footer .foot_t,.foot_m{padding-bottom: 0.0rem;text-align: center;}
         .footer .foot_t .fnav{margin: 0.2rem 0}
         .foot_m{padding-top: 0.2rem;}
         .footer .Copyright{text-align: center;}
         .footer .Copyright .link{display:block;margin: 0 auto}
         .footer .Copyright .link ul{justify-content: center}
.footer .Copyright{font-size: 14px;line-height: 20px;padding: 10px 0}
.foot_m .bottom_img li{margin-bottom: 10px;    }
.footer .foot_t .contact{width: 100%;margin-top: 0.3rem;}
.footer .foot_t .fnav{width: 100%;display: inline-block;}
.footer .foot_t .contact p{margin-bottom: 0.2rem;}
}
@media(max-width:480px){

.Packaging li{width: 49%;margin-right: 0;}
.Packaging li:nth-child(2n){float: right;}
}