.banner{position: relative;}
.ban-swiper .picBox{overflow: hidden;}
.ban-swiper .picBox img{width: 100%; transform: scale(1.1); transition: all 3s; transition-delay: 0.9s;}
.ban-swiper .swiper-slide-active .picBox img{transform: scale(1);}
.ban-swiper .textBox{position: absolute; width: 100%; left: 0; right: 0; top: 80%; transform: translateY(-50%); z-index: 4; opacity: 0; transition: all 1.5s;}
.ban-swiper .swiper-slide-active .textBox{opacity: 1; top: 50%}
.ban-swiper .textBox .tit1{font-size: 0.6rem; font-weight: bold; color: #ffffff;}
.ban-swiper .textBox .tit2{font-size: 0.32rem; color: #ffffff; margin-top: 0.1rem;}
.ban-swiper .textBox .tip{display: flex; justify-content: center; align-items: center; width: 160px; height: 48px; margin-top: 0.4rem; background: linear-gradient(90deg, #237ae4 0%, #fff 100%);  border-radius: 5px; font-size: 14px; color: #ffffff; transition: all 0.5s;}
.ban-swiper .textBox .tip .txt{line-height: 1; margin-right: 12px;}
.ban-swiper .textBox .tip .arr{width: 8px; height: 8px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; transform: rotate(-45deg); transition: all 0.3s;}
.ban-swiper .textBox .tip:hover { background: linear-gradient(90deg, #fff 0%, #237ae4 100%);}

@media screen and (max-width: 1200px) {
    .banner .ban-swiper .swiper-slide{width: 100%; height: auto;}
    .banner .ban-swiper .swiper-slide .picBox img{width: 100%; min-height: 70vh; object-fit: cover;}
    .banner .swiper-slide-active .picBox img{-webkit-animation:scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
    .ban-swiper .textBox .tit1{font-size: 0.4rem;}
    .ban-swiper .textBox .tit2{font-size: 0.32rem;}
    .ban-swiper .ban-page .swiper-pagination-bullet{width: 10px; height: 10px;}
}

.section1{transform: translateY(-50%); position: relative; z-index: 8;}
.section1 .cont{display: flex; align-items: center; height: 185px; padding: 0 0.66rem; border-radius: 5px; background: url(../image/pic11.png) no-repeat center center; background-size: cover;}
.section1 .a1{margin-right: 0.2rem;}
.section1 .a1 .b1{display: flex; align-items: center;}
.section1 .a1 .b1 .tit{font-size: 24px; font-weight: bold; color: #ffffff;}
.section1 .a1 .b1 .tip{font-size: 14px; color: #ffffff; margin-left: 8px;}
.section1 .a1 .b2{margin-top: 20px;}
.section1 .a1 .b2 .infoForm{display: flex;}
.section1 .a1 .b2 .ipt-1 input{width: 1.74rem; height: 40px; line-height: 40px; padding: 0 12px; border-radius: 5px; background: #fff;}
.section1 .a1 .b2 .ipt-2{margin: 0 11px;}
.section1 .a1 .b2 .ipt-2 input{width: 2.9rem; height: 40px; line-height: 40px; padding: 0 12px; border-radius: 5px; background: #fff;}
.section1 .a1 .b2 .ipt-3 input{background: #237ae4; cursor: pointer; width: 62px; height: 40px; line-height: 40px; color: #fff; border-radius: 5px;}
.section1 .a2 .item-wrap{display: flex; text-align: center;}
.section1 .a2 .item{padding: 0 0.5rem; position: relative;}
.section1 .a2 .item::before{content: '\20'; position: absolute; right: 0; top: 50%; width: 1px; height: 78px; transform: translateY(-50%); background: rgba(255,255,255,.25);}
.section1 .a2 .item .picBox img{width: 40px; height: 40px; transition: all 0.4s;}
.section1 .a2 .item:hover .picBox img{animation: jello 1.4s;}
.section1 .a2 .item .textBox{margin-top: 0.08rem;}
.section1 .a2 .item .textBox .tit{font-size: 16px; color: #ffffff;}
.section1 .a2 .item .textBox .tip{font-size: 14px; color: rgba(255,255,255,.65);}

@media screen and (max-width: 1200px) {
    .section1{transform: translateX(0); margin-top: 0.8rem;}
    .section1 .cont{height: auto; flex-wrap: wrap; padding: 0.6rem 4vw;}
    .section1 .a1{width: 100%; margin-right: 0;}

    .section1 .a1 .b1{flex-wrap: wrap;}
    .section1 .a1 .b1 .tit{width: 100%; font-size: 0.36rem;}
    .section1 .a1 .b1 .tip{width: 100%; margin-left: 0; font-size: 0.28rem; line-height: 1.8;}
    .section1 .a1 .b2 .infoForm{display: block;}
    .section1 .a1 .b2 .ipt-1 input,
    .section1 .a1 .b2 .ipt-2 input{width: 100%; height: 0.8rem; line-height: 0.8rem;}
    .section1 .a1 .b2 .ipt-2{margin: 0.4rem 0;}
    .section1 .a1 .b2 .ipt-3 input{width: 1.2rem; height: 0.8rem; line-height: 0.8rem;}
    .section1 .a2{margin-top: 0.8rem;}
    .section1 .a2 .item-wrap{flex-wrap: wrap;}
    .section1 .a2 .item{width: 50%; margin-top: 4vw;}
}

.section2 .a2{margin-top: 0.6rem;}
.section2 .a2 .swiper-slide{position: relative; background: #f5f5f5; border-radius: 5px; padding: 26px 20px 30px 20px;}
.section2 .a2 .swiper-slide::before{content: '\20'; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(-45deg, #fff 0%, #237ae4 100%); z-index: 2; border-radius: 5px; opacity: 0; visibility: hidden; transition: all 0.3s;}
.section2 .a2 .swiper-slide a{display: block; position: relative; z-index: 4;}
.section2 .a2 .swiper-slide .tip{font-size: 16px; color: #999999; border-bottom: 1px solid #eaeaea; padding-bottom: 8px; margin-bottom: 8px; transition: all 0.3s;}
.section2 .a2 .swiper-slide .tit{font-size: 24px; color: #333333; transition: all 0.3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.section2 .a2 .swiper-slide .pic{position: relative; overflow: hidden; margin-top: 30px;}
.section2 .a2 .swiper-slide .pic img{width: 100%; transition: all 0.3s;}
.section2 .a2 .swiper-slide .txt{width: 38px; height: 38px; border-radius: 50%; margin-top: 10px; border: 1px solid #ffffff; position: relative; opacity: 0; visibility: hidden; transition: all 0.3s;}
.section2 .a2 .swiper-slide .txt::before{content: '\20'; position: absolute; left: 50%; top: 50%; width: 8px;height: 8px;border-right: 2px solid #ffffff;border-bottom: 2px solid #ffffff;transform: translate(-50%,-50%) rotate(-45deg);}
.section2 .a2 .swiper-slide:hover::before{opacity: 1; visibility: visible;}
.section2 .a2 .swiper-slide:hover .tip{color: rgba(255,255,255,.3); border-color: rgba(255,255,255,.3);}
.section2 .a2 .swiper-slide:hover .tit{color: #ffffff;}
.section2 .a2 .swiper-slide .txt{opacity: 1; visibility: visible;}
.section2 .a2 .pro-page{width: 100%; text-align: center; margin: 0 auto; transform: none!important; margin-top: 0.4rem;}
.section2 .a2 .pro-page .swiper-pagination-bullet{width: 0.26rem; height: 0.26rem;}

@keyframes warn{0%{transform: translate(-50%,-50%) scale(0.5);opacity: 0;}25%{transform: translate(-50%,-50%) scale(1.2);opacity: 0.4;}50%{transform: translate(-50%,-50%) scale(1.5);opacity: 0.8;}75%{transform: translate(-50%,-50%) scale(1.8);opacity: 0.4;}100%{transform: translate(-50%,-50%) scale(2);opacity: 0;}}

@media screen and (max-width: 1200px) {
    .section2{margin-top: 0.8rem;}
    .section2 .a2 .swiper-slide .tip{font-size: 0.32rem;}
    .section2 .a2 .swiper-slide .tit{font-size: 0.4rem;}
}

.section3{margin-top: 1.35rem;}
.section3 .a2{margin-top: 0.52rem;}
.section3 .a2 .b1{border-top: 1px solid #e5e5e5;}
.section3 .a2 .b1 .item-wrap{display: flex;}
.section3 .a2 .b1 .item{flex: 1; text-align: center; cursor: pointer; position: relative;}
.section3 .a2 .b1 .item::before{display: none; content: '\20'; position: absolute; left: 50%; top: 0; transform: translate(-50%,-50%); width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 3px solid #0078db; z-index: 4;}
.section3 .a2 .b1 .item::after{display: none; content: '\20'; position: absolute; left: 50%; top: 0; transform: translate(-50%,-50%); width: 24px; height: 24px; border-radius: 50%; background: rgba(0, 120, 219, .3);-webkit-animation: warn 2s linear 0s infinite;-moz-animation: warn 2s linear 0s infinite;animation: warn 2s linear 0s infinite;}
.section3 .a2 .b1 .item .tit{font-size: 16px; color: #000000;padding-top: 24px;}
.section3 .a2 .b1 .item.on .tit{font-weight: bold; color: #161616;}
.section3 .a2 .b1 .item.on::before{display: block;}
.section3 .a2 .b1 .item.on::after{display: block;}
.section3 .a2 .b2{background: rgba(98, 96, 133,.8); margin-top: 30px;}
.section3 .a2 .swiper-wrapper{transition-delay: 1s;}
.section3 .a2 .picBox img{transform: scale(0.6); transition: all 1s cubic-bezier(0.5, 0, 0, 1); width: 100%;}
.section3 .a2 .textBox{position: absolute; left: 0; right: 0; width: 100%;  top: 50%; transform: translateY(-50%); z-index: 4;}
.section3 .a2 .textBox .textBox-wrap{width: 720px; margin-left: auto; background: url(../image/case01.png) no-repeat right 70px bottom #fff; padding: 0.6rem 0.4rem;}
.section3 .a2 .textBox .textBox-wrap .tit{font-size: 30px; color: #131313;}
.section3 .a2 .textBox .textBox-wrap .tip{margin-top: 30px; font-size: 16px; color: #000000; line-height: 24px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;text-align: justify;}
.section3 .a2 .textBox .textBox-wrap .item-wrap{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 48px;}
.section3 .a2 .textBox .textBox-wrap .item-wrap .item{width: 48%; border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 24px;}
.section3 .a2 .textBox .textBox-wrap .item-wrap .item a{display: flex; justify-content: space-between; align-items: center; padding-bottom: 14px;}
.section3 .a2 .textBox .textBox-wrap .item-wrap .item .txt{font-size: 16px; color: #333333; transition: all 0.3s;}
.section3 .a2 .textBox .textBox-wrap .item-wrap .item .arr{width: 8px;height: 8px;border-right: 2px solid #287cde;border-bottom: 2px solid #287cde;transform: rotate(-45deg);}
.section3 .a2 .textBox .textBox-wrap .item-wrap .item a:hover .txt{color: #287cde;}
.section3 .a2 .textBox .textBox-wrap .cnt{margin-top: 0.4rem;}
.section3 .a2 .swiper-slide-active .picBox img{transform: scale(1);}
.section3 .a2 .swiper-slide-active.init .picBox img{transition-delay: 2s;}

@media screen and (max-width: 1200px) {
    .section3 .a2{margin-top: 0.9rem;}
    .section3 .a2 .b1 .item .tit{font-size: 0.28rem;}
    .section3 .a2 .picBox img{min-height: 70vh;}
    .section3 .a2 .textBox .textBox-wrap{width: 85%; padding: 0.4rem; margin: 0 auto;}
    .section3 .a2 .textBox .textBox-wrap .tit{font-size: 0.36rem;}
    .section3 .a2 .textBox .textBox-wrap .tip{font-size: 0.28rem; line-height: 1.8; margin-top: 0.3rem;}
    .section3 .a2 .textBox .textBox-wrap .item-wrap{margin-top: 0.4rem;}
    .section3 .a2 .textBox .textBox-wrap .item-wrap .item{width: 100%; margin-bottom: 0.2rem;}
    .section3 .a2 .textBox .textBox-wrap .item-wrap .item a{padding-bottom: 0.2rem;}
    .section3 .a2 .textBox .textBox-wrap .item-wrap .item .txt{font-size: 0.28rem;}
    .section3 .a2 .textBox .textBox-wrap .cnt .more{width: 100%;}
}

.section4{overflow: hidden; padding: 1.54rem 0;}
.section4 .cont{display: flex; justify-content: space-between; align-items: center;}
.section4 .a1{width: 530px; position: relative; z-index: 4}
.section4 .a1 .b2{margin-top: 20px; font-size: 16px; color: #666666; line-height: 24px;}
.section4 .a1 .b3{padding: 0 22px; margin-top: 0.7rem;}
.section4 .a1 .b3 .item-wrap{display: flex; justify-content: space-between; flex-wrap: wrap;}
.section4 .a1 .b3 .item-wrap .item{width: 50%; border-bottom: 1px dashed #d9d9d9; padding-bottom: 0.4rem; margin-bottom: 0.3rem;}
.section4 .a1 .b3 .item-wrap .item .top{display: flex; align-items: center;}
.section4 .a1 .b3 .item-wrap .item .top .num{font-weight: bold; line-height: 1; font-size: 0.4rem;background: linear-gradient(90deg, #237ae4 0%, #fff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;white-space: nowrap;}
.section4 .a1 .b3 .item-wrap .item .top .plus{font-size: 18px; color: #2a7ce2; margin-left: 8px;}
.section4 .a1 .b3 .item-wrap .item .bot{font-size: 16px; color: #000000;}
.section4 .a1 .b4{margin-top: 0.4rem;}
.section4 .a2{width: 61%; position: relative;}
.section4 .a2 .b1 img{max-width: 100%;}
.section4 .a2 .b1{position: relative; z-index: 4;}
.section4 .a2 .circle{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

@media screen and (max-width: 1200px) {
    .section4 .cont{flex-wrap: wrap;}
    .section4 .a1{width: 100%;}
    .section4 .a1 .b3{padding: 0;}
    .section4 .a2{width: 100%;}
}

.section5{padding: 1rem 0 0.68rem 0; background: #f5f5f5;}
.section5 .a2{margin-top: 0.64rem; position: relative;}
.section5 .a2 .news-swiper a{display: block;}
.section5 .a2 .news-swiper .picBox{position: relative; overflow: hidden;}
.section5 .a2 .news-swiper .picBox img{width: 100%; transition: all 0.3s;}
.section5 .a2 .news-swiper a:hover .picBox img{transform: scale(1.1);}
.section5 .a2 .news-swiper .textBox{padding: 0.3rem 0 0 0;}
.section5 .a2 .news-swiper .textBox .tip{font-size: 14px; color: #999999;}
.section5 .a2 .news-swiper .textBox .tit{font-size: 20px; color: #030303; font-weight: normal; margin-top: 12px; line-height: 30px; transition: all 0.3s;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;text-align: justify;}
.section5 .a2 .news-swiper a:hover .textBox .tit{font-weight: bold; color: #313131;}
.section5 .a2 .news-page{width: 100%; text-align: center; margin-top: 0.7rem;}
.section5 .a2 .news-page .swiper-pagination-bullet{width: 6px; height: 6px; opacity: 1; background: #9d9ca2; transition: all 0.3s;}
.section5 .a2 .news-page .swiper-pagination-bullet-active{width: 24px; border-radius: 30px; background: #2b7de1;}

@media screen and (max-width: 1200px) {
    .section5 .a2 .news-swiper .textBox .tit{font-size: 0.36rem;}
    .section5 .a2 .news-page{margin-top: 0.3rem;}
}

.section6{padding: 1.1rem 0 0 0;}
.section6 .cont{display: flex; justify-content: space-between;}
.section6 .a1{width:  31.32%; padding: 0.8rem 0 0.5rem 0; background: url(../image/pic17.jpg) no-repeat center center; background-size: cover;}
.section6 .a1 .jidi-swiper .swiper-slide{padding: 0 0.7rem;}
.section6 .a1 .jidi-swiper .tit{font-size: 0.34rem; color: #e3e8ec;}
.section6 .a1 .jidi-swiper .tip{font-size: 16px; color: #f5f5f5; line-height: 24px; margin-top: 35px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;text-align: justify;}
.section6 .a1 .jidi-move{display: flex; justify-content: center; align-items: center; margin-top: 1rem;}
.section6 .a1 .jidi-prev,
.section6 .a1 .jidi-next{width: 42px; height: 42px; border-radius: 50%; border: 1px solid #ffffff; cursor: pointer; position: relative;}
.section6 .a1 .jidi-prev::before,
.section6 .a1 .jidi-next::before{content: '\20'; position: absolute; top: 50%; width: 10px; height: 10px; border-right: 3px solid #fff; border-bottom: 3px solid #fff;}
.section6 .a1 .jidi-prev::before{transform: translateY(-50%) rotate(135deg); left: 17px;}
.section6 .a1 .jidi-next::before{transform: translateY(-50%) rotate(-45deg); right: 17px;}
.section6 .a1 .jidi-num{margin: 0 0.6rem;}
.section6 .a1 .act-num{font-size: 20px; font-weight: bold; color: #fff;}
.section6 .a1 .tot-num{font-size: 16px; color: #fff;}
.section6 .a2{width: 65.18%;}
.section6 .a2 .item-wrap{width: 100%; height: 100%; position: relative;}
.section6 .a2 .item-wrap .item{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section6 .a2 .item-wrap .item .picBox{width: 100%; height: 100%; overflow: hidden;}
.section6 .a2 .item-wrap .item .picBox img{width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.1); transition: ease 2s;}
.section6 .a2 .item-wrap .item.on .picBox img{opacity: 1; transform: scale(1);}

@media screen and (max-width: 1200px) {
    .section6 .cont{flex-wrap: wrap; flex-direction: column-reverse;}
    .section6 .a1{width: 100%; padding: 0.5rem 0;}
    .section6 .a1 .jidi-swiper .tit{font-size: 0.32rem;}
    .section6 .a1 .jidi-swiper .tip{font-size: 0.28rem; line-height: 1.8; margin-top: 0.3rem;}
    .section6 .a1 .jidi-move{margin-top: 0.6rem;}
    .section6 .a1 .jidi-prev, .section6 .a1 .jidi-next{width: 0.6rem; height: 0.6rem;}
    .section6 .a1 .jidi-prev::before, .section6 .a1 .jidi-next::before{border-width: 0.03rem;}
    .section6 .a1 .jidi-prev::before{left: 0.24rem;}
    .section6 .a1 .jidi-next::before{right: 0.24rem;}
    .section6 .a2{width: 100%; height: 40vh;}
}