.bannerSwiper{width:100%;overflow:hidden}
.bannerSwiper .swiper-slide{width:100%;overflow:hidden}
.bannerSwiper .swiper-slide .img{width:100%;transition:transform 4s linear;transition-delay:1s;transform:scale(1.2)}
.bannerSwiper .swiper-slide-active .img{transition-delay:0s;transform:scale(1)}
.bannerSwiper .swiper-pagination{bottom: 5%;}
.bannerSwiper .swiper-pagination-bullet{width:9px;height:9px;background: white;opacity: 1;}
.bannerSwiper .swiper-pagination-bullet-active{border-radius: 5px;width: 40px;}
@keyframes spin{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@media only screen and (max-width:520px){
.bannerSwiper{margin-top: 60px;}
.bannerSwiper .swiper-pagination-bullet{width: 6px;height: 6px;}
.bannerSwiper .swiper-pagination-bullet-active{width: 30px;}
}

/* index1 */
.index1{padding: 90px 0 70px;background: #F8F9FA;}
.index1 .in1{padding: 2px;}
.index1 .item{text-align: center;padding: 20px 0;-webkit-transition: all 1s;}
.index1 .item .img{margin-top: 15px;}
.index1 .item .text{font-size: 18px;margin-top: 40px;margin-bottom: 15px; color: #333;}
.index1 .item:hover{background-image: linear-gradient(0deg,#fff,#f3f5f8);box-shadow: 16px 16px 40px 0 rgba(55,99,170,.1), 16px 0px 40px 0 #fff;border-radius: 0.5vw;}
.index1 .item .css3 {position: absolute;z-index: 9;left: 1em;top: 1em;right: 1em;bottom: 1em}
.index1 .item .border{position: absolute;z-index: 1;background-color: #df2128;}
.index1 .item .border.b_t {left: 0;right: 100%;top: 0;height: 1px;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index1 .item .border.b_r {top: 0;bottom: 100%;right: 0;width: 1px;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index1 .item .border.b_b {left: 0;right: 100%;bottom: 0;height: 1px;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index1 .item .border.b_l {top: 0;bottom: 100%;left: 0;width: 1px;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index1 .item:hover .b_t {left: 0;right: 0;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index1 .item:hover .b_r {top: 1em;bottom: 1em;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index1 .item:hover .b_b {left: 0;right: 0;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index1 .item:hover .b_l {top: 1em;bottom: 1em;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index1 .swiper-pagination{bottom:0px;}
.index1 .swiper-pagination-bullet{background: #CCCCCC;opacity: 1;width: 8px;height: 8px;border-radius: 4px;}
.index1 .swiper-pagination-bullet-active{background: #df2128;width: 30px;}
.index1 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.index3  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}
@media only screen and (max-width:1080px){
.index1{padding: 60px 0;}
.index1 .item .img{height: 260px;}
.index1 .item .img img{height: 100%;object-fit: cover;}
}
@media only screen and (max-width:520px){
.index1{padding: 30px 0 15px;}
.index1 .item{padding: 10px 0;}
.index1 .item .img{height: 150px;}
.index1 .item .img img{width: 68%;}
.index1 .item .text{margin: 15px 0 15px;font-size: 16px;}
.index1 .swiper{padding-bottom:15px;}
.index1 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .index1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
}

/* index2 */
.index2{position: relative;}
.index2 .img{position: relative;}
.index2 .img img{width: 100%;}
.index2 .info{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
.index2 .info .nei_tit{text-align: left;}
.index2 .info .nei_tit .title{line-height: 1.5;text-align: left;}
.index2 .info .nei_tit .tit{font-size: 22px;}
@media only screen and (max-width:1080px){
.index2 .info .nei_tit .tit{font-size: 18px;}
}
@media only screen and (max-width:768px){
.index2 .img{height:320px;}
.index2 .img img{height: 100%;object-fit: cover;}
}
@media only screen and (max-width:520px){
.index2 .info .nei_tit .tit{font-size: 14px;}
.index2 .img{height: 200px;}
.index2 .img img{height: 100%;object-fit: cover;}
}

/* index3 */
.index3{padding: 90px 0;background: #F8F9FA;}
.index3 .item .img{overflow: hidden;}
.index3 .item .img img{transition: 0.5s;width: 100%;} 
.index3 .item:hover .img img{border-radius: 24px;}
.index3 .item .info{position: absolute;top: 82%;left: 50%;width: 90%;transform: translate(-50%,-50%);}
.index3 .item .info .tit{font-size: 18px;color: #ffffff;margin-bottom: 15px;background: #A3A3A3;max-width: fit-content;padding: 6px 8px;border-radius: 6px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.index3 .item .info .title{font-size: 16px;text-transform: uppercase;color: #fff;margin-bottom: 15px;line-height: 30px;filter: drop-shadow(1px 1px 1px black);}
.index3 .item .info .bt{position: relative;width: fit-content;margin-top: 6%;}
.index3 .item .info .bt img{width: 50px;height: 50px; animation: ab3_1Rotate 20s infinite linear;}
.index3 .item .info .bt:before{width: 25px;height: 7px;position:absolute;left: 12px;top: 20px;background: url(../images/in1_icon.png) no-repeat;content:'';z-index:0;-webkit-transition:all .35s;}
.index3 .item .info .bt .text{color:#fff;-webkit-transition:all .5s cubic-bezier(.215,.61,.355,1);font-size:15px;position:absolute;width:100px;opacity:0;top: 30%;left: 0;}
.index3 .item:hover .info .bt .text{opacity:1;left: 88%;}
.index3 .item:hover .info .bt .text{transform:translateX(1vw)}
.index3 .swiper-pagination{bottom:0px;}
.index3 .swiper-pagination-bullet{background: #CCCCCC;opacity: 1;width: 8px;height: 8px;border-radius: 4px;}
.index3 .swiper-pagination-bullet-active{background: #df2128;width: 30px;}
.index3 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.index3  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}
@keyframes ab3_1Rotate{0%{transform:rotate(0)}
100%{transform:rotate(-360deg)}
}
@media only screen and (max-width:1080px){
.index3{padding: 50px 0;}
.index3 .swiper{padding-bottom: 60px;}
.index3 .item .info{top: 78%;}
.index3 .item .info .title{font-size: 18px;}
}
@media only screen and (max-width:768px){
.index3 .item .info .title{font-size: 16px;}
.index3 .item .info .tit{font-size: 16px;}
.index3 .item .info .bt img{width: 40px;height: 40px;}
.index3 .item .info .bt:before{left: 10px;top: 16px;background-size: 20px;}
}
@media only screen and (max-width:520px){
.index3{padding: 30px 0;}
.index3 .swiper{padding-bottom: 30px;}
.index3 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .index3 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
.index3 .item .info .title{font-size: 14px;margin-bottom: 10px;line-height: 24px;}
.index3 .item .info .tit{font-size: 14px;margin-bottom: 10px;padding: 6px;}
}

/* index4 */
.index4{position: relative;}
.index4 .img{position: relative;}
.index4 .img img{width: 100%;}
.index4 .info{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
.index4 .info .nei_tit{text-align: center;}
.index4 .info .nei_tit .title{line-height: 1.5;text-align: center;color: #fff;}
.index4 .info .nei_tit .tit{font-size: 20px;color: #fff;text-align: center;}
.index4 .info .btn{text-align: center;}
@media only screen and (max-width:768px){
.index4 .info .nei_tit .tit{font-size:16px;}
}
@media only screen and (max-width:520px){
.index4 .img{height:210px;}
.index4 .img img{height: 100%;object-fit: cover;}
.index4 .info .nei_tit .tit{font-size:14px;}
}

/* index5 */
.index5{padding-left: 8%;overflow: hidden;background: #F5F5F5;margin-top: 90px;}
.index5 .list{align-items: center;}
.index5 .left{width: 42%;margin-right: 6%;}
.index5 .left .nei_tit{margin-bottom: 40px;}
.index5 .left .nei_tit .title{font-weight: bold;}
.index5 .left .nei_tit .tit{font-size: 26px;}
.index5 .left .text{font-size: 16px;color: #333;line-height: 30px;text-indent: 30px;}
.index5 .left .bt{margin: 50px 0;display: flex;align-items: center;position: relative;justify-content: center;width: 60px;height: 60px;}
.index5 .left .bt a{z-index: 9;}
.index5 .left .bt a p{font-size: 14px;color: #fff;}
.index5 .left .bt::after{position: absolute;content: "";border:1px dashed #df2128;width: 65px;height: 65px;border-radius: 50%;animation: ab3_1Rotate 20s infinite linear;}
.index5 .left .bt::before{background: #df2128;border-radius: 50%;width: 52px;height: 52px;position: absolute;content: "";-webkit-transition: all .35s;}
.index5 .left .bt img{width: 20px;}
.index5 .left .bt .text{color:#df2128;-webkit-transition:all .5s cubic-bezier(.215,.61,.355,1);font-size:14px;font-weight:700;position:absolute;width:100px;opacity:0;top: 22%;left: 0;}
.index5 .left .bt:hover .text{opacity:1;left: 30%;transform: translateX(1vw);}
.index5 .left .bt:hover::before{-webkit-transform: scale(0.9);}
.index5 .left .ul{justify-content: space-between;}
.index5 .left li .num{font-size: 60px;font-weight:700;color: #333;}
.index5 .left li sup{color: #333;font-size: 18px;position:absolute;font-weight: bold;}
.index5 .left li p{font-size:16px}
.index5 .right{width: 52%;}
.index5 .right img{width: 100%;}
@media (max-width:1660px){
.index5 .left{padding: 5% 0;}
}
@media (max-width:1280px){
.index5 .left .bt{margin: 19px 0;}
}
@media (max-width:1080px){
.index5{padding-left: 0;margin-top: 60px;}
.index5 .left{width: 50%;margin: 0 auto;}
.index5 .left .nei_tit .tit{font-size: 18px;margin-top: 6px;}
/* .index5 .left .text{font-size: 15px;line-height: 26px;}
.index5 .left .bt{width: 50px;height: 50px;}
.index5 .left .bt::before{}
.index5 .left .bt::after{width: 55px;height: 55px;}
.index5 .left .bt:hover .text{left: 55%;font-size: 13px;} */
.index5 .left .ul{padding-right: 1%;}
.index5 .left li .num{font-size: 40px;}
.index5 .left li p{font-size: 14px;}
.index5 .right{width: 40%;}
}
@media (max-width:768px){
.index5 .left{width: 90%;margin: 0 auto;}
.index5 .right{width: 100%;}
}
@media (max-width:520px){
.index5{margin-top: 30px;}
.index5 .left .nei_tit{margin-bottom: 15px;}
.index5 .left .nei_tit .tit{font-size: 14px;}
.index5 .left .text{font-size: 13px;line-height: 24px;}
.index5 .left .bt{width: 50px;height: 50px;margin: 15px 0;}
.index5 .left .bt::before{width: 37px;height: 37px;}
.index5 .left .bt::after{width: 47px;height: 47px;}
.index5 .left .bt a p{font-size: 12px;}
.index5 .left .bt img{width: 15px;}
.index5 .left li{width: 33.3%;}
.index5 .left li .num{font-size: 34px;}
.index5 .left li sup{font-size: 10px;}
.index5 .left li p{font-size: 12px;}
.index5 .right{width: 100%;}
}

/* index6 */
.index6{padding: 90px 0;}
.index6 .item .img{position: relative;padding-bottom: 75%;width: 100%;height: 0;overflow: hidden;}
.index6 .item .img img{transition: all 1s;height: 100%;object-fit: cover;width: 100%;position: absolute;}
.index6 .item .info{padding: 40px;background: #F0F0F0;}
.index6 .item .info .t1{font-size: 20px;color: #333;font-weight: bold;margin-bottom: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index6 .item .info .t2{font-size: 16px;line-height: 1.8;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index6 .item .info .bot{display: flex;align-items: center;justify-content: space-between;margin-top: 25px;}
.index6 .item .info .date{color: #666;font-size: 16px;font-weight: bold;margin: 15px 0 20px 0;}
.index6 .item .info .bt{line-height: 30px;width: 70px;text-align: center;border: 1px solid #666;background: #f0f0f0;padding: 0 15px;color: #666;font-weight: bold;font-size: 14px;margin-left: 50px;transition: all .5s ease 0s;animation: xin 1s ease-in-out 0s infinite;-webkit-animation: xin 1s ease-in-out 0s infinite;}
.index6 .item .info .bt a{display: flex;align-items: center;justify-content: space-between;}
.index6 .item .info .bt:hover{color: #fff;box-shadow: inset 0 0 0 50px #df2128;border: 1px solid #df2128;}
.index6 .item :hover .img img{transform: scale(1.1);}
.index6 .item :hover .info .t1{color: #df2128;}
@media (max-width:1080px){
.index6{padding: 60px 0;}
}
@media (max-width:768px){
.index6 .item .info{padding: 25px}
.index6 .item .info .date{margin: 10px 0;}
.index6 .item .info .bot{margin-top: 20px;}
.index6 .item .info .t1{font-size: 16px;margin-bottom: 20px;}
.index6 .item .info .t2{font-size: 13px;}
}
@media (max-width:520px){
.index6{padding: 30px 0;}
.index6 .item .info{padding: 15px;}
.index6 .item .info .date{margin: 10px 0;font-size: 14px;}
.index6 .item .info .bot{margin-top: 15px;}
.index6 .item .info .t1{font-size: 16px;margin-bottom: 10px;}
.index6 .item .info .t2{font-size: 12px;}
.index6 .item .info .bt{width: 60px;line-height: 26px;font-size: 12px;}
}

/* index7 */
.index7{padding: 20px 0 110px;}
.index7 .ul{justify-content: center;width: 80%;margin: 0 auto;}
.index7 li{width: 25%;text-align: center;}
.index7 li .img{width:80px;height:80px;margin:0 auto;border:1px solid #222;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.index7 li .img img{transition: all .2s ease;}
.index7 li .back-img{display: none;}
.index7 li .word .t1{font-size: 19px;color: #333;margin: 10px 0;}
.index7 li .word .t2{font-size: 15px;color: #666;}
.index7 li:hover .img{background: #df2128;border:1px solid #df2128;box-shadow: 0px 0px 20px #d5d5d5;}
.index7 li:hover .back-img{display: block;animation: icon-bounce 0.5s alternate;}
.index7 li:hover .front-img{display: none;}
@keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 
25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 
50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 
85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
}
@media (max-width:1080px){
.index7{padding: 20px 0 80px;}
.index7 .ul{width: 100%;}
}
@media (max-width:768px){
.index7{padding: 0px 0 40px;}
.index7 li{width: 50%;margin-bottom: 20px;}
.index7 li .word .t1{font-size: 16px;margin: 6px 0;}
.index7 li .word .t2{font-size: 14px;}
.index7 li .img{width: 65px;height: 65px;}
}
@media (max-width:520px){
.index7{padding: 0px 0 10px;}
.index7 li{width: 50%;margin-bottom: 20px;}
.index7 li .word .t1{font-size: 15px;margin: 5px 0;}
.index7 li .word .t2{font-size: 12px;}
.index7 li .img{width: 46px;height: 46px;}
.index7 li .img img{width: 24px;}
}