/* banner */
.swiper1-pagination {bottom: 63px!important;}
.swiper1-pagination .swiper-pagination-bullet{opacity: 1;;width: 14px;height: 14px;border: 2px solid #FFFFFF;background-color: transparent;}
.swiper1-pagination .swiper-pagination-bullet-active{background-color: #fff;}
.swiper1 .banner-img{}
.swiper1 .banner-text{width: auto;position:absolute;z-index: 1;left: 16.09vw;top: 15.88vw;}
.swiper1 .banner-text .banner-tit1{font-size: 28px;color: #333;}
.swiper1 .banner-text .banner-tit2{font-size: 48px;color: #333;margin: 30px 0;}
.swiper1 .banner-text .b-span1{color: #3E84FF;font-size: 60px;font-weight: bold;font-family: "Poppins";}
.swiper1 .banner-text .banner-tit3{font-size: 30px;color: #333;}
.swiper1 .banner-text .b-span2{color: #F9811F;font-size: 60px;display: inline-block;margin-left: 0px;font-weight: 600;}
.swiper1 .banner-text .b-span3{color: #F9811F;font-size: 42px;font-weight: 800;}
.swiper1 .item-video{position: relative;width: 100%;display: block;height: 0;padding-bottom: 38.02083333333333%;}
.swiper1 .item-video .video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.banner-pc{display: block;}
.banner-mobile{display: none;}
@media screen and (max-width: 1569px) {.swiper1-pagination {bottom: 55px!important;}}
@media screen and (max-width: 1459px) {
    .swiper1-pagination {bottom: 44px!important;}
    .swiper1 .banner-text{width:90vw}
}
@media screen and (max-width: 1259px) {
    .swiper1 .banner-text .banner-tit1{font-size: 24px;}
    .swiper1 .banner-text .banner-tit2{margin: 20px 0;font-size: 40px;}
    .swiper1 .banner-text .banner-tit3{font-size: 26px;}
    .swiper1 .banner-text .b-span1{font-size: 50px;}
    .swiper1 .banner-text .b-span2{font-size: 40px;}
    .swiper1 .banner-text .b-span3{font-size: 38px;}
    .swiper1-pagination {bottom: 36px!important;}
}
@media screen and (max-width: 991px) {
    .swiper1 .banner-text .banner-tit1{font-size: 16px;}
    .swiper1 .banner-text .banner-tit2{font-size: 20px;}
    .swiper1 .banner-text .b-span1{font-size: 22px;}
    .swiper1 .banner-text .b-span2{font-size: 20px;}
    .swiper1 .banner-text .b-span3{font-size: 20px;}
    .swiper1 .banner-text .banner-tit3{font-size: 18px;}
    .swiper1-pagination {bottom: 20px!important;}
}
@media screen and (max-width: 768px) {
    /*.swiper1 .swiper-wrapper .swiper-slide:not(:first-child){display: none;}*/
    .swiper1-pagination{display: none;}
}
@media screen and (max-width: 750px) {
    .banner-pc{display: none;}
    .banner-mobile{display: block;}
    .banner-mobile img{width: 100%;}
}
.index-sec1{position: relative;width: 100%;margin-top: -56px;z-index: 20;}
.index-sec1-list{position: relative;width: 100%;background: #FFFFFF;box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);border-radius: 116px;padding: 49px 68px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-sec1-list .item-line{width: 2px;background: #E8EAFD;}
.index-sec1-list .list-item{display: inline-block;vertical-align: top;width: auto;position: relative;text-align: center;padding: 28px 2px 25px;}
.index-sec1-list .list-item .item-title{font-size: 24px;font-family: SourceHanSansCN-Bold;font-weight: bold;color: #333333;line-height: 32px;}
.index-sec1-list .list-item .item-title .item-num{display: inline-block;vertical-align: bottom;font-size: 38px;color: #0077C8;line-height: 42px;padding: 0 2px;}
.index-sec1-list .list-item .item-desc{font-size: 18px;font-family: SourceHanSansCN-Regular;color: #666666;margin-top: 8px;line-height: 30px;}
@media (max-width: 1459px) {
    .index-sec1{margin-top: -44px;}
    .index-sec1-list{border-radius: 102px;padding: 42px 52px;}
    .index-sec1-list .list-item{padding: 24px 2px 21px;}
    .index-sec1-list .list-item .item-title{font-size: 21px;line-height: 30px;}
    .index-sec1-list .list-item .item-title .item-num{font-size: 36px;line-height: 40px;padding: 0 2px;}
    .index-sec1-list .list-item .item-desc{font-size: 17px;margin-top: 7px;line-height: 28px;}
}
@media (max-width: 1259px) {
    .index-sec1{margin-top: -32px;}
    .index-sec1-list{border-radius: 88px;padding: 36px 36px;}
    .index-sec1-list .list-item{padding: 20px 2px 16px;}
    .index-sec1-list .list-item .item-title{font-size: 18px;line-height: 28px;}
    .index-sec1-list .list-item .item-title .item-num{font-size: 30px;line-height: 33px;padding: 0 2px;}
    .index-sec1-list .list-item .item-desc{font-size: 16px;margin-top: 6px;line-height: 26px;}
}
@media (max-width: 991px) {
    .index-sec1{margin-top: 10px;}
    .index-sec1-list{border-radius: 20px;padding: 24px;}
    .index-sec1-list .item-line{width: 0px;}
    .index-sec1-list .list-item{padding: 18px 12px 16px;width: 50%;}
    .index-sec1-list .list-item .item-title{font-size: 18px;line-height: 28px;}
    .index-sec1-list .list-item .item-title .item-num{font-size: 26px;line-height: 30px;padding: 0 2px;}
    .index-sec1-list .list-item .item-desc{font-size: 15px;margin-top: 6px;line-height: 26px;}
}
@media (max-width: 767px) {
    .index-sec1{margin-top: 8px;}
    .index-sec1-list{border-radius: 18px;padding: 16px;}
    .index-sec1-list .item-line{width: 0px;}
    .index-sec1-list .list-item{padding: 14px 8px 10px;width: 50%;}
    .index-sec1-list .list-item .item-title{font-size: 18px;line-height: 28px;}
    .index-sec1-list .list-item .item-title .item-num{font-size: 24px;line-height: 30px;padding: 0 2px;}
    .index-sec1-list .list-item .item-desc{font-size: 14px;margin-top: 6px;line-height: 24px;}
}
@media (max-width: 480px) {
    .index-sec1{margin-top: 8px;}
    .index-sec1-list{border-radius: 16px;padding: 12px;}
    .index-sec1-list .item-line{width: 0px;}
    .index-sec1-list .list-item{padding: 12px 8px 8px;width: 100%;}
    .index-sec1-list .list-item .item-title{font-size: 18px;line-height: 28px;}
    .index-sec1-list .list-item .item-title .item-num{font-size: 26px;line-height: 30px;padding: 0 2px;}
    .index-sec1-list .list-item .item-desc{font-size: 14px;margin-top: 6px;line-height: 24px;}
}
.index-sec2{position: relative;width: 100%;padding-top: 59px;}
.index-title{font-size: 36px;font-family: SourceHanSansCN-Bold;color: #333333;line-height: 50px;position: relative;padding-bottom: 14px;font-weight: bold;}
.index-title .lang-en{position: relative;font-size: 16px;color: #333333;text-transform: uppercase;line-height: 26px;font-family: 'SourceHanSansCN-Regular';font-weight: 400;}
.index-title::before{position: absolute;content: "";bottom: 0;left: 50%;transform: translateX(-50%);width: 48px;height: 5px;background: #333333;}
.index-sec2-tbody{width: 100%;position: relative;max-width: 1080px;margin: 0 auto;padding-top: 44px;}
.index-sec2-left{width: 165px;display: inline-block;vertical-align: top;float: left;position: relative;font-size: 0;letter-spacing: 0;}
.index2-left-item{position: relative;width: 100%;height: 234px;background: #0077C8;border-radius: 25px;display: flex;align-items: center;justify-content: center;text-align: center;padding: 10px;cursor: pointer;border: 1px solid #0077C8;margin-bottom: 28px;}
.index-sec2-left .index2-left-item:nth-last-child(1){margin-bottom: 0;}
.index2-left-item .item-box{width: 100%;position: relative;}
.index2-left-item .item-title{font-size: 24px;font-family: SourceHanSansCN-Regular;color: #FFFFFF;line-height: 32px;}
.index2-left-item .item-desc{font-size: 14px;text-transform: uppercase;font-family: SourceHanSansCN-Regular;color: #FFFFFF;line-height: 28px;margin-top: 2px;}
.index2-left-item:hover, .index2-left-item.on{background: #fff;color: #0077C8;}
.index2-left-item:hover .item-title, .index2-left-item.on .item-title{color: #0077C8;}
.index2-left-item:hover .item-desc, .index2-left-item.on .item-desc{color: #0077C8;}
.index-sec2-right{width: 889px;display: inline-block;vertical-align: top;float: right;position: relative;font-size: 0;letter-spacing: 0;}
.index2-item{width: 100%;position: relative;display: none;}
.index2-item.show{display: block;}
.index2-item .item-videobox{position: relative;width: 100%;padding-bottom: 56.2429696287964%;height: 0;display: block;}
.index2-item .item-videobox .item-videos{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;}

@media (max-width: 1259px) {
    .index-sec2{padding-top: 48px;}
    .index-title{font-size: 33px;line-height: 46px;padding-bottom: 12px;}
    .index-title .lang-en{font-size: 16px;line-height: 26px;}
    .index-title::before{width: 45px;height: 5px;}
    .index-sec2-tbody{padding-top: 40px;}
    .index-sec2-left{width: 156px;}
    .index2-left-item{height: 202px;border-radius: 22px;padding: 10px;margin-bottom: 28px;}
    .index-sec2-left .index2-left-item:nth-last-child(1){margin-bottom: 0;}
    .index2-left-item .item-title{font-size: 22px;line-height: 32px;}
    .index2-left-item .item-desc{font-size: 14px;line-height: 26px;margin-top: 2px;}
    .index-sec2-right{width: 770px;}
}
@media (max-width: 991px) {
    .index-sec2{padding-top: 36px;}
    .index-title{font-size: 30px;line-height: 42px;padding-bottom: 10px;}
    .index-title .lang-en{font-size: 15px;line-height: 26px;}
    .index-title::before{width: 42px;height: 4px;}
    .index-sec2-tbody{padding-top: 36px;}
    .index-sec2-left{width: 100%;text-align: center;}
    .index2-left-item{width: 164px;display: inline-block;vertical-align: top;height: auto;border-radius: 20px;padding: 10px;margin-bottom: 20px;margin-right: 14px;}
    .index2-left-item .item-title{font-size: 20px;line-height: 30px;}
    .index2-left-item .item-desc{font-size: 14px;line-height: 24px;margin-top: 2px;}
    .index-sec2-right{width: 100%;}
}
@media (max-width: 660px) {
    .index-sec2{padding-top: 24px;}
    .index-title{font-size: 24px;line-height: 36px;padding-bottom: 10px;}
    .index-title .lang-en{font-size: 14px;line-height: 24px;}
    .index-title::before{width: 38px;height: 4px;}
    .index-sec2-tbody{padding-top: 32px;}
    .index-sec2-left{width: 100%;text-align: center;}
    .index2-left-item{width: 150px;max-width: 100%; display: inline-block;vertical-align: top;height: auto;border-radius: 20px;padding: 6px 8px;margin-bottom: 12px;margin-right: 10px;}
    .index2-left-item .item-title{font-size: 18px;line-height: 28px;}
    .index2-left-item .item-desc{font-size: 14px;line-height: 24px;margin-top: 2px;}
    .index-sec2-right{width: 100%;}
}
.index-sec3{position: relative;width: 100%;padding-top: 6.40625%;padding-bottom: 9.375%; }
.index3-tbody{padding-top: 60px;width: 100%;position: relative;}
.index3-tbody-list{position: relative;margin-left: -16px;margin-right: -16px;font-size: 0;letter-spacing: 0;display: flex;flex-wrap: wrap;}
.index3-list-item{position: relative;width: 25%;padding: 1px 15.5px;margin-bottom: 20px;}
.index3-list-item .item-box{display: block;width: 100%;height: 100%;background: #FFFFFF;box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.19);border-radius: 24px;margin-top: 18px;overflow: hidden;position: relative;}
.index3-list-item .item-box:hover{margin-top: 0px;}
.index3-list-item .item-box .item-pic{position: relative;width: 100%;}
.index3-list-item .item-box .item-pic img{width: 100%;}
.index3-list-item .item-box .item-body{position: relative;padding: 30px 17px 31px;width: 100%;}
.index3-list-item .item-body .item-icon{position: absolute;left: 17px;top: -40px;width: 67px;height: 67px;background: #FFFFFF;border-radius: 14px;text-align: center;}
.index3-list-item .item-body .item-title{font-size: 24px;font-family: SourceHanSansCN-Bold;font-weight: bold;color: #333333;line-height: 36px;}
.index3-list-item .item-body .item-desc{font-size: 14px;margin-top: 10px;color: #666666;line-height: 23px;min-height: 186px;}
.index3-list-item .item-body .item-desc p{display: block;position: relative;padding: 4px 0;padding-left: 16px;}
.index3-list-item .item-body .item-desc p::before{position: absolute;content: ""; width: 6px;height: 6px;left: 0;top: 12px;background: #F36525;}
.index3-tbody-btn{position: relative;padding-top: 74px;}
.index-btn a{display: inline-block;vertical-align: top;min-width: 353px;line-height: 46px;text-align: center;padding: 0 20px;font-size: 20px;color: #FFFFFF;background: #0077C8;border-radius: 24px;border: 1px solid #0077C8;}
.index-btn a:hover{color: #0077C8;background: transparent;}

@media (max-width: 1459px) {
    .index-sec3{padding-top: 6.25%;padding-bottom: 9.25%; }
    .index3-tbody{padding-top: 48px;}
    .index3-tbody-list{margin-left: -8px;margin-right: -8px;}
    .index3-list-item{width: 25%;padding: 1px 8px;margin-bottom: 18px;}
    .index3-list-item .item-box{border-radius: 20px;margin-top: 16px;}
    .index3-list-item .item-box:hover{margin-top: 0px;}
    .index3-list-item .item-box .item-body{padding: 24px 15px 25px;}
    .index3-list-item .item-body .item-icon{left: 15px;top: -34px;width: 60px;height: 60px;border-radius: 12px;}
    .index3-list-item .item-body .item-title{font-size: 22px;line-height: 34px;}
    .index3-list-item .item-body .item-desc{font-size: 13px;margin-top: 8px;line-height: 22px;min-height: 180px;}
    .index3-list-item .item-body .item-desc p{padding: 4px 0;padding-left: 14px;}
    .index3-list-item .item-body .item-desc p::before{width: 6px;height: 6px;top: 12px;}
    .index3-tbody-btn{padding-top: 62px;}
    .index-btn a{min-width: 332px;line-height: 44px;padding: 0 18px;font-size: 19px;border-radius: 23px;}
}
@media (max-width: 1259px) {
    .index-sec3{padding-top: 6%;padding-bottom: 9%;}
    .index3-tbody{padding-top: 36px;}
    .index3-tbody-list{margin-left: -10px;margin-right: -10px;}
    .index3-list-item{width: 33.333333%;padding: 1px 10px;margin-bottom: 18px;}
    .index3-list-item .item-box{border-radius: 20px;margin-top: 16px;}
    .index3-list-item .item-box:hover{margin-top: 0px;}
    .index3-list-item .item-box .item-body{padding: 24px 15px 25px;}
    .index3-list-item .item-body .item-icon{left: 15px;top: -34px;width: 60px;height: 60px;border-radius: 12px;}
    .index3-list-item .item-body .item-title{font-size: 20px;line-height: 32px;}
    .index3-list-item .item-body .item-desc{font-size: 13px;margin-top: 8px;line-height: 22px;min-height: 168px;}
    .index3-list-item .item-body .item-desc p{padding: 3px 0;padding-left: 14px;}
    .index3-list-item .item-body .item-desc p::before{width: 6px;height: 6px;top: 11px;}
    .index3-tbody-btn{padding-top: 50px;}
    .index-btn a{min-width: 314px;line-height: 42px;padding: 0 16px;font-size: 18px;border-radius: 22px;}
}
@media (max-width: 991px) {
    .index-sec3{padding-top: 5.75%;padding-bottom: 8.5%;}
    .index3-tbody{padding-top: 30px;}
    .index3-tbody-list{margin-left: -10px;margin-right: -10px;}
    .index3-list-item{width: 50%;padding: 1px 10px;margin-bottom: 18px;}
    .index3-list-item .item-box{border-radius: 20px;margin-top: 16px;}
    .index3-list-item .item-box:hover{margin-top: 0px;}
    .index3-list-item .item-box .item-body{padding: 24px 15px 25px;}
    .index3-list-item .item-body .item-icon{left: 15px;top: -32px;width: 56px;height: 56px;border-radius: 10px;}
    .index3-list-item .item-body .item-title{font-size: 20px;line-height: 32px;}
    .index3-list-item .item-body .item-desc{font-size: 13px;margin-top: 8px;line-height: 22px;min-height: 168px;}
    .index3-list-item .item-body .item-desc p{padding: 3px 0;padding-left: 14px;}
    .index3-list-item .item-body .item-desc p::before{width: 6px;height: 6px;top: 11px;}
    .index3-tbody-btn{padding-top: 38px;}
    .index-btn a{min-width: 288px;line-height: 40px;padding: 0 14px;font-size: 17px;border-radius: 21px;}
}
@media (max-width: 640px) {
    .index-sec3{padding-top: 5.5%;padding-bottom: 8%; }
    .index3-tbody{padding-top: 24px;}
    .index3-tbody-list{margin-left: -6px;margin-right: -6px;}
    .index3-list-item{width: 50%;padding: 1px 6px;margin-bottom: 16px;}
    .index3-list-item .item-box{border-radius: 18px;margin-top: 14px;}
    .index3-list-item .item-box:hover{margin-top: 0px;}
    .index3-list-item .item-box .item-body{padding: 18px 10px 20px;}
    .index3-list-item .item-body .item-icon{left: 10px;top: -30px;width: 48px;height: 48px;border-radius: 8px;}
    .index3-list-item .item-body .item-title{font-size:18px;line-height: 30px;}
    .index3-list-item .item-body .item-desc{font-size:12px;margin-top: 6px;line-height: 20px;min-height: 156px;}
    .index3-list-item .item-body .item-desc p{padding: 3px 0;padding-left: 12px;}
    .index3-list-item .item-body .item-desc p::before{width: 6px;height: 6px;top: 10px;}
    .index3-tbody-btn{padding-top: 26px;}
    .index-btn a{min-width: 266px;line-height: 38px;padding: 0 12px;font-size: 16px;border-radius: 20px;}
}
@media (max-width: 500px) {
    .index-sec3{padding-top: 5.25%;padding-bottom: 7.75%; }
    .index3-tbody{padding-top: 20px;}
    .index3-tbody-list{margin-left: -6px;margin-right: -6px;}
    .index3-list-item{width: 100%;padding: 1px 6px;margin-bottom: 16px;}
    .index3-list-item .item-box{border-radius: 18px;max-width: 400px;margin: 0 auto;}
    .index3-list-item .item-box:hover{margin-top: 0px;}
    .index3-list-item .item-box .item-body{padding: 18px 15px 20px;}
    .index3-list-item .item-body .item-icon{left: 10px;top: -30px;width: 48px;height: 48px;border-radius: 8px;}
    .index3-list-item .item-body .item-title{font-size: 18px;line-height: 30px;}
    .index3-list-item .item-body .item-desc{font-size: 12px;margin-top: 6px;line-height: 20px;min-height: 156px;}
    .index3-list-item .item-body .item-desc p{padding: 3px 0;padding-left: 14px;}
    .index3-list-item .item-body .item-desc p::before{width: 6px;height: 6px;top: 10px;}
    .index3-tbody-btn{padding-top: 18px;}
    .index-btn a{min-width: 244px;line-height: 36px;padding: 0 12px;font-size: 16px;border-radius: 19px;}
}
.index-sec4{position: relative;padding-top: 52px;width: 100%;}
.index-sec4-tbody{width: 100%;max-width: 1780px;margin-left: auto;padding: 3px 92px;background: #FFFFFF;box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.19);border-radius: 81px;}
.index4-tbody-left{float: left;width: 342px;background: url(../images/in4-left-bgi.png) no-repeat center center;background-size: cover; border-radius: 44px;max-width: 100%;padding: 182px 20px 240px;position: relative;transition: all .5s;}
.index4-tbody-left:hover{transform: translateY(-55px);}
.index4-tbody-left .index-title{color: #fff;max-width: 280px;margin: 0 auto;}
.index4-tbody-left .index-title .lang-en{color: #fff;margin-top: 8px;}
.index4-tbody-left .index-title::before{background: #F36525;}
.index4-tbody-btn{margin-top: 20px;position: relative;text-align: center;}
.index4-tbody-btn a{display: inline-block;vertical-align: top;min-width: 293px; max-width: 100%;line-height: 43px;font-size: 20px;text-align: center;font-family: SourceHanSansCN-Regular;color: #0077C8;background: #FFFFFF;border: 2px solid #FFFFFF;border-radius: 24px;}
.index4-tbody-btn a:hover{color: #fff;background: transparent;}
.index4-tbody-right{width: 1180px;max-width: 100%;position: relative;float: right;padding-top: 72px;font-size: 0;letter-spacing: 0;}
@media (max-width: 1719px) {
    .index-sec4{padding-top: 44px;}
    .index-sec4-tbody{padding: 3px 60px;border-radius: 70px;}
    .index4-tbody-left{width: 320px;border-radius: 44px;padding: 164px 15px 220px;}
    .index4-tbody-left:hover{transform: translateY(-47px);}
    .index4-tbody-left .index-title .lang-en{margin-top: 6px;}
    .index4-tbody-btn{margin-top: 18px;}
    .index4-tbody-btn a{min-width: 275px;line-height: 42px;font-size: 20px;border-radius: 23px;}
    .index4-tbody-right{width: calc(100% - 380px);padding-top: 64px;}
}
@media (max-width: 1589px) {
    .index-sec4{padding-top: 38px;}
    .index-sec4-tbody{padding: 2px 40px;border-radius: 58px;}
    .index4-tbody-left{width: 300px;border-radius: 38px;padding: 148px 15px 200px;}
    .index4-tbody-left:hover{transform: translateY(-40px);}
    .index4-tbody-left .index-title .lang-en{margin-top: 4px;}
    .index4-tbody-btn{margin-top: 18px;}
    .index4-tbody-btn a{min-width: 260px;line-height: 38px;font-size: 18px;border-radius: 21px;}
    .index4-tbody-right{width: calc(100% - 350px);padding-top: 56px;}
}
@media (max-width: 1439px) {
    .index-sec4{padding-top: 36px;}
    .index-sec4-tbody{padding: 2px 30px;border-radius: 50px;}
    .index4-tbody-left{width: 300px;border-radius: 38px;padding: 124px 15px 160px;}
    .index4-tbody-left:hover{transform: translateY(-40px);}
    .index4-tbody-left .index-title .lang-en{margin-top: 4px;}
    .index4-tbody-btn{margin-top: 18px;}
    .index4-tbody-btn a{min-width: 240px;line-height: 36px;font-size: 16px;border-radius: 20px;}
    .index4-tbody-right{width: calc(100% - 340px);padding-top: 46px;}
}
@media (max-width: 1219px) {
    .index-sec4{padding-top: 36px;}
    .index-sec4-tbody{padding: 2px 30px;border-radius: 40px;}
    .index4-tbody-left{width: 280px;border-radius: 32px;padding: 100px 10px 120px;}
    .index4-tbody-left:hover{transform: translateY(-36px);}
    .index4-tbody-left .index-title .lang-en{margin-top: 2px;}
    .index4-tbody-left .index-title{max-width: 248px;}
    .index4-tbody-btn{margin-top: 16px;}
    .index4-tbody-btn a{min-width: 220px;line-height: 32px;font-size: 16px;border-radius: 18px;}
    .index4-tbody-right{width: calc(100% - 310px);padding-top: 40px;}
}
@media (max-width: 919px) {
    .index-sec4{padding-top: 0px;}
    .index-sec4-tbody{padding: 10px 30px;border-radius: 30px;}
    .index4-tbody-left{width: 100%;border-radius: 24px;padding: 20px;}
    .index4-tbody-left:hover{transform: translateY(0px);}
    .index4-tbody-left .index-title{max-width: none;}
    .index4-tbody-left .index-title .lang-en{margin-top: 0px;}
    .index4-tbody-btn{margin-top: 16px;}
    .index4-tbody-btn a{min-width: 220px;line-height: 32px;font-size: 16px;border-radius: 18px;}
    .index4-tbody-right{width: 100%;padding-top: 30px;}
}

.index4-tbody-right .case-left, .index4-tbody-right .case-right { width: 100%; overflow: hidden; position: relative; margin-bottom: 40px; }

@media screen and (max-width: 1459px) { .index4-tbody-right .case-left, .index4-tbody-right .case-right{ margin-bottom: 34px; } }
@media screen and (max-width: 1259px) { .index4-tbody-right .case-left, .index4-tbody-right .case-right{ margin-bottom: 28px; } }
@media screen and (max-width: 991px) { .index4-tbody-right .case-left, .index4-tbody-right .case-right{ margin-bottom: 22px; } }
@media screen and (max-width: 767px) { .index4-tbody-right .case-left, .index4-tbody-right .case-right { margin-bottom: 18px; } }

.index4-tbody-right .case-left *, .index4-tbody-right .case-right * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block;}
.index4-tbody-right .case-left .picList li, .index4-tbody-right .case-right .picList li { float: left; width: 36.65%; padding: 0 14px; }

@media screen and (max-width: 1459px) { .index4-tbody-right .case-left .picList li, .index4-tbody-right .case-right .picList li { padding: 0 10px; } }
@media screen and (max-width: 1259px) { .index4-tbody-right .case-left .picList li, .index4-tbody-right .case-right .picList li { padding: 0 8px; } }
@media screen and (max-width: 991px) { .index4-tbody-right .case-left .picList li, .index4-tbody-right .case-right .picList li { width: 280px; padding: 0 6px; } }
@media screen and (max-width: 767px) { .index4-tbody-right .case-left .picList li, .index4-tbody-right .case-right .picList li { width: 240px; padding: 0 5px; } }

.index4-tbody-right .case-left .picList .item-pic, .index4-tbody-right .case-right .picList .item-pic { background: #FFFFFF;border: 1px solid rgba(0,0,0,0.06);box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.19);border-radius: 16px; position: relative; padding-bottom: 58.28878%; overflow: hidden; }
.index4-tbody-right .case-left .picList .item-pic img, .index4-tbody-right .case-right .picList .item-pic img { position: absolute; top: 0; width: 100%; left: 0; }

@media screen and (max-width: 991px) { .index4-tbody-right .case-left .picList .item-pic, .index4-tbody-right .case-right .picList .item-pic { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.19);border-radius: 10px; } }
@media screen and (max-width: 767px) { .index4-tbody-right .case-left .picList .item-pic, .index4-tbody-right .case-right .picList .item-pic { box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.19);border-radius: 16px; } }

.index-sec5{position: relative;width: 100%;padding-top: 7.5%;padding-bottom: 6.25%;}
.index5-tbody{position: relative;width: 100%;padding-top: 32px;}
.img-scroll62{width: calc(100% - 140px)}
.img-scroll62 .list-item{overflow: hidden}
.img-scroll62 .list-item>a>div{opacity: 1 !important;z-index: 1 !important;}
.img-scroll62 .list-item>a>span{opacity: 0;display: none; position: absolute;left: 50%;transform: translateX(-50%);width: 82px;height: 82px;background: rgba(51,51,51,0.47);border-radius: 50%;display:block;top: 100%;transition: all .5s; }
.img-scroll62 .swiper-slide-active .list-item:hover>a>span{top: 32%;opacity: 1;display: inline-block; }
#copyright{padding-top:10px;text-align:center;}
.img-scroll62 .list-item .item-body{position: absolute;left: 0;right: 0;bottom: -100%; transition: all .5s; background: #fff;padding: 16px 36px;}
.img-scroll62 .swiper-slide-active .list-item:hover .item-body{bottom: 0;}
.img-scroll62 .item-body .item-title{font-size: 18px;font-family: SourceHanSansCN-Bold;font-weight: bold;color: #333333;line-height: 28px;}
.img-scroll62 .item-body .item-desc{font-size: 13px;font-family: SourceHanSansCN-Regular;color: #666;line-height: 23px;margin-top: 2px;}

.img-scroll62-btn .swiper-button-next,.img-scroll62-btn .swiper-button-prev{    cursor: pointer;width: 46px;height: 46px;border: 3px solid rgba(0,0,0,0.2);border-radius: 50%;line-height: 40px;text-align: center;font-size: 22px;z-index: 99;transition: 0.5s;padding: 0;color: rgba(0,0,0,0.2);background-image: unset!important;font-size: 22px}
.img-scroll62-btn .swiper-button-next,.img-scroll62-btn .swiper-button-prev{font-family: iconfont!important;opacity: 1;font-weight: bold}
.img-scroll62-btn .swiper-button-next:before { content: "\e687";}
.img-scroll62-btn .swiper-button-prev:before { content: "\e685";}

.swiper-button-next:after, .swiper-button-prev:after{display: none}
@media screen and (max-width: 1459px) {
    .index-sec5{padding-top: 7.25%;padding-bottom: 6%;}
    .index5-tbody{padding-top: 28px;}
    .index5-tbody #box{padding: 0 54px;}
    #box .prev, #box .next {width: 42px;height: 42px;border: 2px solid rgba(0,0,0,0.2);line-height: 38px;font-size: 20px;}
    #box ul{height:394px;}
    #box li>a>span{width: 70px;height: 70px;}
    #box li .item-body{padding: 14px 28px;}
    #box li .item-body .item-title{font-size: 17px;line-height: 26px;}
    #box li .item-body .item-desc{font-size: 12px;line-height: 22px;}
    #box li:nth-child(4) .item-body{padding: 22px 40px;}
    #box li:nth-child(4) .item-body .item-title{font-size: 20px;line-height: 30px;}
    #box li:nth-child(4) .item-body .item-desc{font-size: 18px;line-height: 28px;}
}
@media screen and (max-width: 1259px){
    .index-sec5{padding-top: 7%;padding-bottom: 5.75%;}
    .index5-tbody{padding-top: 24px;}
    .index5-tbody #box{padding: 0 40px;}
    #box .prev, #box .next {width: 40px;height: 40px;border: 2px solid rgba(0,0,0,0.2);line-height: 36px;font-size: 20px;}
    #box li{ position:relative; left:auto; top:auto; width:0.32333% !important; height:auto !important;  padding:0px;}
    .img-scroll6 {position: relative;width: 100%;margin-top: 28px;z-index: 9;}
    .img-list6 {position: relative;overflow: hidden;z-index: 90;}
    .img-list6 ul {width: 10000% !important;height: inherit !important;}
    .img-list6 li {float: left; display: inline;margin-right:0.015% !important; margin-left:auto; opacity:1;}
    .img-list6 li:after{ content:""; clear:both; display:block;}
    .img-list6 li img{ filter: blur(0)!important;opacity:1 !important}
    #box li a{box-shadow:none}
    #box li span{ position:relative; top:auto;}
    .ab3zi{ opacity:1; }
    #box li>a>span{width: 50px;height: 50px; top: 26%;}
    #box li:hover>a>span{top: 26%;}
    #box li .item-body{padding: 14px 20px;position: relative;bottom: 0;}
    #box li .item-body .item-title{font-size: 16px;line-height: 26px;}
    #box li .item-body .item-desc{font-size: 12px;line-height: 22px;}
    #box li:nth-child(4) .item-body{padding: 14px 20px;}
    #box li:nth-child(4) .item-body .item-title{font-size: 16px;line-height: 26px;}
    #box li:nth-child(4) .item-body .item-desc{font-size: 12px;line-height: 22px;}
    .img-scroll62 .list-item:hover>a>span{top: 32%;opacity: 1;display: inline-block; }
    .img-scroll62 .list-item:hover .item-body{bottom: 0;}
    .img-scroll62 .list-item>a>span{width: 60px;height: 60px}
}

@media screen and (max-width: 991px){
    .index-sec5{padding-top: 6.75%;padding-bottom: 5.5%;}
    .index5-tbody{padding-top: 20px;}
    .index5-tbody #box{padding: 0;}
    #box .prev, #box .next {width: 36px;height: 36px;border: 1px solid rgba(0,0,0,0.2);line-height: 34px;font-size: 18px;}
    #box li .item-body{padding: 12px 10px;}
    #box li:nth-child(4) .item-body{padding: 12px 10px;}
}
@media screen and (max-width: 720px) {#box li{ width:0.49% !important; margin-right:0.02% !important;}}
@media screen and (max-width: 499px) {#box li{ width:1% !important; margin-right:0.02% !important;}}
.index-sec6, .index-sec6-tbody{position: relative;width: 100%;}
.index6-pic{position: relative;width: 100%;text-align: center;}
.index6-pic img{width: 100%;}
.index6-tbody-btn{text-align: center;padding: 67px 15px 0;}
.index-sec7{position: relative;width: 100%;padding-top: 5.9375%;}
.index7-tbody{position: relative;width: 100%;padding: 50px 10px 0;}
.index7-tbody-list{font-size: 0;letter-spacing: 0;position: relative;}
.index7-tbody-list .index7-list-item{display: inline-block;vertical-align: top;width: 33.33333333%;padding: 0 30px;margin-bottom: 48px;}
.index7-list-item .item-box{transition: all 0s;width: 100%;display: flex;align-items: center;justify-content: space-between;position: relative;background: #FFFFFF;box-shadow: 0px 0px 54px 5px rgba(0,0,0,0.09);border-radius: 20px;overflow: hidden;padding: 25px 6px;max-width: 410px;margin: 0 auto;transition: all 0.5s;}
.index7-list-item .item-box:hover{transform: translateY(-24px);}
.index7-list-item .item-box::after{content:"";position:absolute;box-sizing: border-box;transition: all 0.4s;opacity: 0;width: 100%;height: 100%;box-shadow: 0px 0px 54px 5px rgba(0,0,0,0.09);}
.index7-list-item .item-box:hover::after{opacity: 1;}
.index7-list-item .item-box::before{background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.5) 100%) repeat scroll 0 0;content: "";display: block;height: 100%;left: -75%;position: absolute;top: 0;transform: skewX(-25deg);-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);-o-transform: skewX(-25deg);width: 50%;z-index: 2;opacity: 0.75;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.index7-list-item .item-box:hover::before{animation: hoverImg 1.5s;-webkit-animation: hoverImg 1.5s;}
.index7-list-item .item-box .item-pic{position: relative;width: 143px;border-right: 1px solid #C5C5C5; text-align: center;min-height: 88px;display: flex;align-items: center;justify-content: center;}
.index7-list-item .item-box .item-pic img{max-width: 100%;max-height: 100%;margin: auto;}
.index7-list-item .item-box .item-title{position: relative;width: calc(100% - 143px); font-size: 18px;padding-left: 22px;color: #333333;line-height: 32px;font-family: 'SourceHanSansCN-Regular';}
@media screen and (max-width: 1459px) {
    .index6-tbody-btn{padding-top: 56px;}
    .index-sec7{padding-top: 5.75%; }
    .index7-tbody{padding: 42px 0 0;}
    .index7-tbody-list{margin-left: -18px;margin-right: -18px;}
    .index7-tbody-list .index7-list-item{width: 33.33333333%;padding: 0 18px;margin-bottom: 40px;}
    .index7-list-item .item-box{border-radius: 18px;padding: 20px 5px;}
    .index7-list-item .item-box .item-pic{width: 140px;min-height: 84px;}
    .index7-list-item .item-box .item-title{width: calc(100% - 140px); font-size: 17px;padding-left: 20px;line-height: 30px;}
}
@media screen and (max-width: 1259px) {
    .index6-tbody-btn{padding-top: 44px;}
    .index-sec7{padding-top: 5.5%; }
    .index7-tbody{padding-top: 36px;}
    .index7-tbody-list{margin-left: -8px;margin-right: -8px;}
    .index7-tbody-list .index7-list-item{width: 33.33333333%;padding: 0 8px;margin-bottom: 32px;}
    .index7-list-item .item-box{border-radius: 16px;padding: 16px 4px;}
    .index7-list-item .item-box .item-pic{width: 100px;min-height: 80px;}
    .index7-list-item .item-box .item-pic img{max-width: 66px;}
    .index7-list-item .item-box .item-title{width: calc(100% - 100px); font-size: 16px;padding-left: 15px;line-height: 28px;}
}
@media screen and (max-width: 991px) {
    .index6-tbody-btn{padding-top: 36px;}
    .index-sec7{padding-top: 5.25%; }
    .index7-tbody{padding-top: 30px;}
    .index7-tbody-list{margin-left: -10px;margin-right: -10px;}
    .index7-tbody-list .index7-list-item{width: 50%;padding: 0 10px;margin-bottom: 28px;}
    .index7-list-item .item-box{border-radius: 16px;padding: 15px 4px;}
    .index7-list-item .item-box .item-pic{width: 120px;min-height: 84px;}
    .index7-list-item .item-box .item-pic img{max-width: 72px;}
    .index7-list-item .item-box .item-title{width: calc(100% - 120px); font-size: 16px;padding-left: 14px;line-height: 28px;}
}
@media screen and (max-width: 720px) {
    .index6-tbody-btn{padding-top: 28px;}
    .index-sec7{padding-top: 5%;}
    .index7-tbody{padding-top: 24px;}
    .index7-tbody-list{margin-left: -8px;margin-right: -8px;}
    .index7-tbody-list .index7-list-item{width: 50%;padding: 0 8px;margin-bottom: 24px;}
    .index7-list-item .item-box{border-radius: 16px;padding: 12px 3px;}
    .index7-list-item .item-box .item-pic{width: 100px;min-height: 78px;}
    .index7-list-item .item-box .item-pic img{max-width: 66px;}
    .index7-list-item .item-box .item-title{width: calc(100% - 100px); font-size: 16px;padding-left: 10px;line-height: 28px;}
}
@media screen and (max-width: 560px) {
    .index6-tbody-btn{padding-top: 20px;}
    .index-sec7{padding-top: 5%;}
    .index7-tbody{padding-top: 20px;}
    .index7-tbody-list{margin-left: -8px;margin-right: -8px;}
    .index7-tbody-list .index7-list-item{width: 100%;padding: 0 8px;margin-bottom: 24px;}
    .index7-list-item .item-box{border-radius: 16px;padding: 12px 3px;}
    .index7-list-item .item-box .item-pic{width: 120px;min-height: 82px;}
    .index7-list-item .item-box .item-pic img{max-width: 72px;}
    .index7-list-item .item-box .item-title{width: calc(100% - 120px); font-size: 16px;padding-left: 10px;line-height: 28px;}
}

.index-sec8{position: relative;width: 100%;padding-top: 104px;}
.index8-tbody{position: relative;width: 100%;padding-top: 46px;}
.index8-pic{position: relative;width: 100%;text-align: center;font-size: 0;letter-spacing: 0;}
.index8-pic img{width: 100%;}
.index8-tbody-btn{text-align: center;padding: 64px 15px 0;}
.index-sec9{position: relative;width: 100%;padding-top: 6.14585%;padding-bottom: 6.40625%;}
.index-sec9-tbody{position: relative;width: 100%;padding-top: 53px;}
.index9-tbody-left{display: inline-block;vertical-align: top;width: 50%;padding: 0 6px;float: left;}
.index9-tbody-right{display: inline-block;vertical-align: top;width: 40%;padding-left: 2px;float: right;}
.index9-tbody-title{font-size: 28px;font-family: SourceHanSansCN-Bold;color: #333333;margin-bottom: 33px;line-height: 33px;}
.index9-con{width: 100%;position: relative;font-size: 0;letter-spacing: 0;}
.index9-left-list{position: relative;margin-left: -42px;margin-right: -42px;}
.index9-list-item{display: inline-block;vertical-align: top;width: 50%;padding: 0 42px;}
.index9-list-item + .index9-list-item{border-left: 1px solid #666666;}
.index9-list-item .item-box{position: relative;width: 100%;display: block;}
.index9-list-item .item-pic{width: 100%;position: relative;text-align: center;}
.index9-list-item .item-pic img{width: 100%;}
.index9-list-item .item-body{width: 100%;position: relative;padding-top: 8px;}
.index9-list-item .item-body .item-title{font-size: 18px;font-family: SourceHanSansCN-Medium;color: #333333;line-height: 33px;}
.index9-list-item .item-body .item-desc{font-size: 14px;margin-top: 6px;font-family: SourceHanSansCN-Regular;color: #666666;line-height: 24px;}

.index9-right-list{font-size: 16px;color: #333333;line-height: 24px;}
.index9-right-list li{margin-bottom: 22px;}
.index9-right-list li em{font-weight: normal;display: inline-block;vertical-align: top;min-width: 24px;line-height: 24px;margin-right: 14px;font-size: 18px;background: #333333;color: #FFFFFF;border-radius: 6px;text-align: center;font-style: normal;text-align: center;padding: 0 4px;}
.index9-right-list li:nth-of-type(1) em, .index9-right-list li:nth-of-type(2) em{background: #F36525;}

@media screen and (max-width: 1259px) {
    .index-sec8{padding-top: 90px;}
    .index8-tbody{padding-top: 38px;}
    .index8-tbody-btn{padding-top: 56px;}
    .index-sec9{padding-top: 6%;padding-bottom: 6.25%;}
    .index-sec9-tbody{padding-top: 44px;}
    .index9-tbody-left{width: 52%;padding: 0;float: left;}
    .index9-tbody-right{width: 44%;padding-left: 0;float: right;}
    .index9-tbody-title{font-size: 24px;margin-bottom: 32px;line-height: 32px;}
    .index9-left-list{margin-left: -24px;margin-right: -24px;}
    .index9-list-item{width: 50%;padding: 0 24px;}
    .index9-list-item .item-body{padding-top: 8px;}
    .index9-list-item .item-body .item-title{font-size: 18px;line-height: 30px;}
    .index9-list-item .item-body .item-desc{font-size: 14px;margin-top: 6px;line-height: 24px;}
    .index9-right-list{font-size: 16px;line-height: 24px;}
    .index9-right-list li{margin-bottom: 18px;}
    .index9-right-list li em{min-width: 24px;line-height: 24px;margin-right: 14px;font-size: 18px;padding: 0 4px;}
}
@media screen and (max-width: 991px) {
    .index-sec8{padding-top: 76px;}
    .index8-tbody{padding-top: 32px;}
    .index8-tbody-btn{padding-top: 46px;}
    .index-sec9{padding-top: 5.75%;padding-bottom: 6%;}
    .index-sec9-tbody{padding-top: 36px;}
    .index9-tbody-left{width: 100%;padding: 0 15px;float: none;}
    .index9-tbody-right{width: 100%;padding-left: 0;float: none;margin-top: 20px;}
    .index9-tbody-title{font-size: 22px;margin-bottom: 30px;line-height: 30px;}
    .index9-left-list{margin-left: -24px;margin-right: -24px;}
    .index9-list-item{width: 50%;padding: 0 24px;}
    .index9-list-item .item-body{padding-top: 8px;}
    .index9-list-item .item-body .item-title{font-size: 18px;line-height: 28px;}
    .index9-list-item .item-body .item-desc{font-size: 14px;margin-top: 6px;line-height: 24px;}
    .index9-right-list{font-size: 15px;line-height: 24px;}
    .index9-right-list li{margin-bottom: 14px;}
    .index9-right-list li em{min-width: 24px;line-height: 24px;margin-right: 14px;font-size: 16px;padding: 0 3px;}
}
@media screen and (max-width: 720px) {
    .index-sec8{padding-top: 62px; }
    .index8-tbody{padding-top: 28px;}
    .index8-tbody-btn{padding-top: 32px;}
    .index-sec9{padding-top: 5.5%;padding-bottom: 5.75%; }
    .index-sec9-tbody{padding-top: 30px;}
    .index9-tbody-left{width: 100%;padding: 0;float: none;}
    .index9-tbody-right{width: 100%;padding-left: 0;float: none;margin-top: 20px;}
    .index9-tbody-title{font-size: 20px;margin-bottom: 26px;line-height: 28px;}
    .index9-left-list{margin-left: -12px;margin-right: -12px;}
    .index9-list-item{width: 50%;padding: 0 12px;}
    .index9-list-item .item-body{padding-top: 8px;}
    .index9-list-item .item-body .item-title{font-size: 18px;line-height: 28px;}
    .index9-list-item .item-body .item-desc{font-size: 14px;margin-top: 6px;line-height: 24px;}
    .index9-right-list{font-size: 14px;line-height: 24px;}
    .index9-right-list li{margin-bottom: 10px;}
    .index9-right-list li em{min-width: 24px;line-height: 24px;margin-right: 14px;font-size: 16px;padding: 0 3px;}
}
@media screen and (max-width: 460px) {
    .index-sec8{padding-top: 48px; }
    .index8-tbody{padding-top: 20px;}
    .index8-tbody-btn{padding-top: 24px;}
    .index-sec9{padding-top: 5.25%;padding-bottom: 5.5%; }
    .index-sec9-tbody{padding-top: 24px;}
    .index9-tbody-left{width: 100%;padding: 0;float: none;}
    .index9-tbody-right{width: 100%;padding-left: 0;float: none;margin-top: 10px;}
    .index9-tbody-title{font-size: 20px;margin-bottom: 26px;line-height: 28px;}
    .index9-left-list{margin-left: -8px;margin-right: -8px;}
    .index9-list-item{width: 100%;padding: 0 12px;margin-bottom: 16px;}
    .index9-list-item .item-body{padding-top: 8px;}
    .index9-list-item .item-body .item-title{font-size: 18px;line-height: 28px;}
    .index9-list-item .item-body .item-desc{font-size: 14px;margin-top: 6px;line-height: 24px;}
    .index9-right-list{font-size: 14px;line-height: 24px;}
    .index9-right-list li{margin-bottom: 10px;}
    .index9-right-list li em{min-width: 24px;line-height: 24px;margin-right: 14px;font-size: 16px;padding: 0 3px;}
}



@-webkit-keyframes hoverImg {100% {left: 125%;}}
@keyframes hoverImg { 100% {left: 125%;}}