.jsloading{z-index:10002;position:fixed;top:0;left:0;width:12.5%;height:100%;transform-origin:left top;will-change:auto}
.jsloading:before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fafafa;content:""}
.jsloading:first-child{left:0}
.jsloading:nth-child(2){left:12.5%}
.jsloading:nth-child(3){left:25%}
.jsloading:nth-child(4){left:37.5%}
.jsloading:nth-child(5){left:50%}
.jsloading:nth-child(6){left:62.5%}
.jsloading:nth-child(7){left:75%}
.jsloading:nth-child(8){left:87.5%}
.jsloading:nth-child(9){left:100%}
.jslogo{z-index:10003;position:fixed;top:45%;left:50%;width:250px;height:auto;-webkit-transform:translate(-50%,50%);opacity:1;pointer-events:none}
.js-loading__bar{position:absolute;bottom:-15px;left:50%;width:80px;margin-left:-40px;pointer-events:none}
.js-loading__bar:after{-webkit-animation:loading-bar 1.4s cubic-bezier(1,0,0,1) 1s infinite;-webkit-animation-fill-mode:both;position:absolute;top:0;left:0;width:0;height:1px;background-color:#004294;animation:loading-bar 1.4s cubic-bezier(1,0,0,1) 1s infinite;animation-fill-mode:both;content:"";transition-property:width}
@-webkit-keyframes loading-bar{0%{right:auto;left:0;width:0}
50%{width:100%}
to{right:0;left:auto;width:0}
}


/* title */
.in_tit{position: relative;padding-bottom: 60px;text-align: center;width: fit-content;margin: 0 auto;}
.in_tit .title{font-size: 36px;color: #333;font-weight: bold;}
 
@media screen and (max-width:1080px){
.in_tit{padding-bottom: 40px;}
.in_tit .title{font-size: 30px;}
}
@media screen and (max-width: 520px){
.in_tit{padding-bottom: 20px;}
.in_tit .title{font-size: 20px;font-weight: bold;}
}


/* bannerSwiper */
.bannerSwiper{width:100%;overflow:hidden;}
.bannerSwiper .text{position:absolute;left:0;top: 50%;width:100%;height:auto;transform:translate(0,-50%);z-index:99;color:#fff;}
.bannerSwiper .text .wrap{margin:0 auto 0 auto;opacity:1;transition:all .1s .9s ease-out}
.bannerSwiper .text .top{margin: 0 auto;margin-right: 0;line-height: 1.8;position: relative;z-index: 99;}
.bannerSwiper .text .top h2{font-size: 36px;color: #ffffff;letter-spacing: 10px;text-align: center;font-weight: normal;}
.bannerSwiper .btn{margin: 0 auto;margin-top: 440px;}
.bannerSwiper .swiper-slide{width:100%;overflow:hidden}
.bannerSwiper .swiper-slide .img{width:100%;transition:transform 4s linear;transition-delay:1s;transform:scale(1.2);overflow: hidden;}
.bannerSwiper .swiper-slide .img video{display: block;width: 100%;object-fit: fill;}
.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;}
.bannerSwiper .swiper-button-prev{left:10%;width: 45px;height: 45px;border-radius: 50%;border: 2px solid #fff;}
.bannerSwiper .swiper-button-next{right: 10%;width: 45px;height: 45px;opacity: 1;border-radius: 50%;border: 2px solid #fff;}
.bannerSwiper .swiper-button-prev:after, .bannerSwiper .swiper-button-next:after{font-size: 14px;color: #fff;font-weight: bold;}
.bannerSwiper .swiper-button-next:hover,.bannerSwiper .swiper-button-prev:hover{border: 2px solid #FF0000;background: #FF0000;}
.bannerSwiper .banner_foot{position:absolute;z-index: 99; bottom: 6px;left:50%;width:auto;max-width:initial;max-height:100%;transform:translate(-50%,-50%);opacity: 0;transition: .5s all;transform: translateY(0vw);}
.bannerSwiper:hover .banner_foot{transform: translateY(-7vw);opacity: 1;}
.bannerSwiper .banner_foot_jt{animation:pulse 2s infinite;position:relative;display:inline-block}
@keyframes pulse{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,10px);transform:translate(0,10px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@media (max-width:1280px){
.bannerSwiper .text .top h2{font-size: 32px;}
.bannerSwiper .btn{margin-top: 300px;}
}
@media (max-width:1100px){
.bannerSwiper{margin-top: 80px;}
.bannerSwiper .swiper-button-prev{left: 4%;width: 40px;height: 40px;}
.bannerSwiper .swiper-button-next{right: 4%;width: 40px;height: 40px;}
.bannerSwiper .banner_foot{display: none;}
}
@media (max-width:768px){
.bannerSwiper{padding-bottom: 0;margin-top: 71px;}
.bannerSwiper .text{top: 45%;}
.bannerSwiper .text .top h2{font-size: 24px;}
.bannerSwiper .btn{margin-top: 240px;}
.bannerSwiper .banner_foot_jt img{width: 22px;}
.bannerSwiper .swiper-button-prev{left: 4%;width: 40px;height: 40px;}
.bannerSwiper .swiper-button-next{right: 4%;width: 36px;height: 36px;}
.bannerSwiper .swiper-button-prev:after, .bannerSwiper .swiper-button-next:after{font-size: 14px;}
.bannerSwiper .swiper-button-next:hover,.bannerSwiper .swiper-button-prev:hover{border: 2px solid #FF0000;background: #FF0000;}
}
@media only screen and (max-width:520px){
.bannerSwiper{margin-top:58px;}
.bannerSwiper .text{top: 55%;}
.bannerSwiper .text .top h2{font-size: 13px;letter-spacing: 1px;}
.bannerSwiper .btn{margin-top: 90px;}
.bannerSwiper .swiper-pagination-bullet{width: 6px;height: 6px;}
.bannerSwiper .swiper-pagination-bullet-active{width: 30px;}
.bannerSwiper .swiper-button-prev{left: 4%;width: 30px;height: 30px;}
.bannerSwiper .swiper-button-next{right: 4%;width: 30px;height: 30px;}
.bannerSwiper .swiper-button-prev:after, .bannerSwiper .swiper-button-next:after{font-size: 12px;}
.bannerSwiper .swiper-button-next:hover,.bannerSwiper .swiper-button-prev:hover{border: 2px solid #FF0000;background: #FF0000;}
}

/* index1 */
.index1{padding: 90px 0;background: url(../images/in1_bg.jpg);background-size: cover;background-position: top;overflow: hidden;}
.index1 .in_tit .tit{font-size: 28px;color: #333;margin-top: 10px;position: relative;width: auto;}
.index1 .in_tit .xt{position: absolute;content: "";background: #ffdede;height: 15px;left: -10px;bottom: 6px;z-index: -1;}
.index1 .hd .hd_cont{position: relative;}
.index1 .hd .in1{width: 85%;}
.index1 .hd .left{width: 66.35%;margin-right: 1.5%;}
.index1 .hd .left .item{position: relative;}
.index1 .hd .left .item::after{background: #000;content: "";opacity: 0;width: 100%;height: 100%;left: 0;top: 0;position: absolute;transition: .5s all;border-radius: 18px;}
.index1 .hd .left .item:hover::after{opacity: 0.3;}
.index1 .hd .left .item .img{overflow: hidden;border-radius: 18px;}
.index1 .hd .left .item .img img{transition: all 0.5s ease 0s;width: 100%;}
.index1 .hd .left .item .t1{color: #fff;font-size: 18px;font-weight: bold;position: absolute;left: 5%;bottom: 5%;z-index: 99;opacity: 0;transition: .5s all;transform: translateY(3vw);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index1 .hd .left .item:hover .t1{transform: translateY(0vw);opacity: 1;}
.index1 .hd .left .item:hover .img img{transform: scale(1.05);}
.index1 .hd .right{width: 32.15%;}
.index1 .hd .right .item{position: relative;}
.index1 .hd .right .item::after{background: #000;content: "";opacity: 0;width: 100%;height: 100%;left: 0;top: 0;position: absolute;transition: .5s all;}
.index1 .hd .right .item:hover::after{opacity: 0.3;}
.index1 .hd .right .item:nth-child(1){margin-bottom: 20px;}
.index1 .hd .right .item .img{overflow: hidden;border-radius: 18px;}
.index1 .hd .right .item .img img{transition: all 0.5s ease 0s;width: 100%;}
.index1 .hd .right .item .t1{color: #fff;font-size: 18px;font-weight: bold;position: absolute;left: 5%;bottom: 5%;opacity: 0;transition: .5s all;transform: translateY(3vw);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;z-index: 9;}
.index1 .hd .right .item:hover .t1{transform: translateY(0vw);opacity: 1;}
.index1 .hd .right .item:hover .img img{transform: scale(1.05);}
.index1 .hd .in1{padding-bottom: 70px;}
.index1 .hd .swiper-pagination-bullet{background: none;opacity: 1;font-size: 15px;margin: 0 6px;}
.index1 .hd .swiper-pagination-bullet-active{background: #FF0000;width: 22px;height: 22px;border-radius: 50%;color: #fff;}
.index1 .hd .swiper-button-prev, .index1 .hd .swiper-button-next{width: 45px;height: 45px;border-radius: 50%;border: 2px solid #AAAAAA;opacity: 1;top: 45%;}
.index1 .hd .swiper-button-prev:after, .index1 .hd .swiper-button-next:after{font-size: 14px;color: #AAAAAA;font-weight: bold;}
.index1 .hd .swiper-button-next:hover,.index1 .hd .swiper-button-prev:hover{border: 2px solid #FF0000;background: #FF0000;}
.index1 .hd .swiper-button-prev:hover:after, .index1 .hd .swiper-button-next:hover:after{color: #fff;}
@media (max-width:1440px){
.index1 .hd .right .item:nth-child(1){margin-bottom: 15px;}
}
@media (max-width:1080px){
.index1{padding: 60px 0;}
.index1 .in_tit .tit{font-size: 24px;}
.index1 .hd .left .item .t1{font-size: 17px;}
.index1 .hd .right .item:nth-child(1){margin-bottom: 10px;}
.index1 .hd .right .item .t1{font-size: 17px;}
.index1 .hd .right .item:hover .t1{transform: translateY(-0.5vw);}
.index1 .hd .swiper-button-prev, .index1 .hd .swiper-button-next{width: 40px;height: 40px;}
}
@media (max-width:768px){
.index1 .hd .left .item .t1{font-size: 16px;}
.index1 .hd .right .item:nth-child(1){margin-bottom: 10px;}
.index1 .hd .right .item .t1{font-size: 16px;}
.index1 .hd .right .item:hover .t1{transform: translateY(-0.5vw);}
.index1 .hd .swiper-button-prev{width: 36px;height: 36px;left: 0;}
.index1 .hd .swiper-button-next{width: 36px;height: 36px;right: 0;}
}
@media (max-width:580px){
.index1{padding: 30px 0 20px;}
.index1 .in_tit .tit{font-size: 16px;margin-top: 5px;}
.index1 .hd .in1{width: 100%;padding-bottom:60px;}
.index1 .hd .left{width: 100%;margin-right: 0%;margin-bottom: 15px;}
.index1 .hd .left .item::after{opacity: 0.3;}
.index1 .hd .left .item .t1{font-size: 14px;transform: translateY(-1.5vw);opacity: 1;}
.index1 .hd .left .item .img{border-radius: 8px;}
.index1 .hd .right{width: 100%;}
.index1 .hd .right .item::after{opacity: 0.3;border-radius: 8px;}
.index1 .hd .right .item:nth-child(1){margin-bottom: 15px;}
.index1 .hd .right .item .t1{font-size: 14px;transform: translateY(-1.5vw);opacity: 1;}
.index1 .hd .right .item .img{border-radius: 8px;}
.index1 .hd .right .item:hover .t1{transform: translateY(-0.5vw);}
.index1 .hd .swiper-button-prev, .index1 .hd .swiper-button-next{display: none;}
}
 
 
/* index2 */
.index2{padding: 90px 0 0;background:#F2F4F8;}
.index2 .in_tit .tit{font-size: 28px;color: #333;margin-top: 10px;position: relative;width: auto;}
.index2 .in_tit .xt{position: absolute;content: "";background: #ffdede;height: 15px;left: -10px;bottom: 6px;z-index: -1;}
.index2 .in2_list .text{position: absolute;left: 0;top: 50%;width: 100%;height: auto;transform: translate(0,-50%);}
.index2 .in2_list .text .flex{align-items: center;}
.index2 .in2_list .text .left{width: 60%;margin-right: 5%;}
.index2 .in2_list .text .left .pic{width: 35%;padding-top: 45px;}
.index2 .in2_list .text .left .ul{width: 62%;}
.index2 .in2_list .text .left .ul li{display:flex;align-items:center;font-size:16px;height: 40px;color:#666;margin-top: 18px;min-width:690px;position:relative;}
.index2 .in2_list .text .left .ul li:nth-child(1){margin-top:0;transform: translateX(-7vw);}
.index2 .in2_list .text .left .ul li:nth-child(2){transform: translateX(-5vw);}
.index2 .in2_list .text .left .ul li:nth-child(3){transform: translateX(-3vw);}
.index2 .in2_list .text .left .ul li:nth-child(4){transform: translateX(-1vw);}
.index2 .in2_list .text .left .ul li:nth-child(5){transform: translateX(1vw);}
.index2 .in2_list .text .left .ul li span{font-size: 22px;font-weight:700;position:relative;color: #fff;word-break:keep-all;}
.index2 .in2_list .text .left .ul li img{margin: 0 20px;position:relative;}
.index2 .in2_list .text .left .ul li em{font-style:normal;position:relative;color: #fff;}
.index2 .in2_list .text .right{width: 35%;}
.index2 .in2_list .text .right .img{text-align: right;}
.index2 .in2_list .text .right .img img{width: 100%;opacity: 0;transform: translateX(240px);transition: all 1.2s ease 400ms;}
@media (max-width:1440px){
.index2 .in2_list .text .left .ul li{height: 30px;}
.index2 .in2_list .text .left .ul li:nth-child(1){transform: translateX(-7vw);}
.index2 .in2_list .text .left .ul li:nth-child(2){transform: translateX(-5vw);}
.index2 .in2_list .text .left .ul li:nth-child(3){transform: translateX(-3vw);}
.index2 .in2_list .text .left .ul li:nth-child(4){transform: translateX(-1vw);}
.index2 .in2_list .text .left .ul li:nth-child(5){transform: translateX(1vw);}
.index2 .in2_list .text .left .ul li span{font-size: 20px;}
}
@media (max-width:1280px){
.index2 .in2_list .text .left{width: 65%;}
.index2 .in2_list .text .right{width: 25%;}
}
@media (max-width:1080px){
.index2{padding: 60px 0 0;}
.index2 .in_tit .tit{font-size: 24px;}
.index2 .in2_menu{width: 100%;}
.index2 .in2_menu a{margin: 0 40px;}
.index2 .in2_list .text .left{width: 100%;}
.index2 .in2_list .text .left .pic{padding-top: 20px;width: 25%;margin-right: 5%;}
.index2 .in2_list .text .left .ul{width: 70%;}
.index2 .in2_list .text .left .ul li{height: 25px;}
.index2 .in2_list .text .left .ul li span{font-size: 18px;}
.index2 .in2_list .text .left .ul li img{width: 17px;margin: 0 15px;}
.index2 .in2_list .text .left .ul li em{font-size: 15px;}
.index2 .in2_list .text .right{display: none;}
}
@media (max-width: 768px){
.index2 .in2_menu a{margin: 0 20px;}
.index2 .in2_menu a p{font-size: 16px;}
.index2 .in2_list .img{height: 330px;}
.index2 .in2_list .img img{height: 100%;object-fit: cover;width: 100%;}
.index2 .in2_list .text .left{width:100%;margin-right: 0%;}
.index2 .in2_list .text .left .pic{display: none;}
.index2 .in2_list .text .left .ul{margin: 30px 0;width: 100%;}
.index2 .in2_list .text .left .ul li{min-width: initial;height: auto;}
.index2 .in2_list .text .left .ul li span{font-size: 17px;}
.index2 .in2_list .text .left .ul li img{width: 15px;margin: 0 10px;}
.index2 .in2_list .text .left .ul li em{font-size: 14px;}
.index2 .in2_list .text .left .ul li:nth-child(1){transform: translateX(0vw);}
.index2 .in2_list .text .left .ul li:nth-child(2){transform: translateX(0vw);}
.index2 .in2_list .text .left .ul li:nth-child(3){transform: translateX(0vw);}
.index2 .in2_list .text .left .ul li:nth-child(4){transform: translateX(0vw);}
.index2 .in2_list .text .left .ul li:nth-child(5){transform: translateX(0vw);}
}
@media (max-width:520px){
.index2{padding: 30px 0 0;}
.index2 .in_tit .tit{font-size: 16px;margin-top: 5px;}
.index2 .in2_list .text .left .ul li{margin-top: 15px;}
.index2 .in2_list .text .left .ul li span{font-size: 16px;}
.index2 .in2_list .text .left .ul li em{font-size: 13px;line-height: 22px;}
}
@media (max-width:420px){
.index2 .in2_menu a{padding-bottom: 13px;margin: 0 10px 0 0;}
.index2 .in2_menu a p{font-size: 14px;}
}
/* xiaoguo */
.index2 .in2_list .swiper-slide-active .text .right .img img{opacity: 1;transform: translateX(0);}
.index2 .in2_list .text .left h2, .index2 .in2_list .text .left .ul, .index2 .in2_list .text .left .link, .index2 .in2_list .text .left .btn, .index2 .in2_list .text .left .fl{opacity: 0;}
.index2 .in2_list .swiper-slide-active .text .left h2{animation: indbanDown 1s ease both 0.3s;}
.index2 .in2_list .swiper-slide-active .text .left .ul{animation: indbanDown 1s ease both 0.4s;}
.index2 .in2_list .swiper-slide-active .text .left .btn{animation: indbanDown 1s ease both 0.5s;}
.index2 .in2_list .swiper-slide-active .text .left .link{animation: indbanDown 1s ease both 0.6s;}
.index2 .in2_list .swiper-slide-active .text .left .fl{animation: indbanDown 1s ease both 0.7s;}
@keyframes indbanDown {0%{opacity: 0;transform: translateY(-100px);}100%{opacity: 1;transform: translateY(0);}}

/* index3 */
.index3{padding: 90px 0 40px;background: #F2F4F8;}
.index3 .rd{position: relative;border: 1.5px solid #D4D1D1;border-radius: 30px;padding: 5px;display: flex;justify-content: center;background: #fff;margin: 0 auto;}
.index3 .rd a{font-size:18px;line-height: 45px;position:relative;z-index:1;height: 45px;overflow:hidden;border-radius:60px;width: 33.3%;text-align:center;color:#333;}
.index3 .rd a.active{color:#fff;}
.index3 .rd a:before{content:"";position:absolute;left:0;top:0;width:0;z-index:-1;height:100%;transition:.4s;background-color:#D52124}
.index3 .rd a.active:before{width:100%}
.index3 .hd{margin-top: 40px;}
.index3 .hd .img{width: 46%;margin-right: 5%;background: #fff;box-shadow: 0 10px 18px rgb(207 206 206 / 40%);padding: 10px;border-radius: 24px;}
.index3 .hd .img img{border-radius: 14px;width: 100%;}
.index3 .hd .info{width: 45%;padding-top: 20px;}
.index3 .hd .info .bz{display:flex;flex-wrap:wrap;align-items:center;justify-content: space-between;}
.index3 .hd .info .bz span{display:flex;flex-wrap:wrap;align-items:center;}
.index3 .hd .info .bz span p{font-size: 20px;margin-left:5px;}
.index3 .hd .info .text{margin: 30px 0 90px;}
.index3 .hd .info .text2{display: flex;flex-wrap: wrap;}
.index3 .hd .info .text2 p{width: 33.33%;}
.index3 .hd .info .text3{display: flex;flex-wrap: wrap;}
.index3 .hd .info .text3 p{width: 25%;}
.index3 .hd .info .text p{font-size: 17px;color:#333;display: flex;align-items: center;margin-top: 20px;}
.index3 .hd .info .text p:nth-last-child(1){margin-bottom: 0;}
.index3 .hd .info .text p i{position: relative;width: 10px;height: 10px;border-radius: 50%;background: #D52124;display: flex;align-items: center;justify-content: center;margin-right: 15px;}
.index3 .hd .info .text p i::before{position: absolute;content: "";border: 2px solid #D52124;border-radius: 50%;width: 14px;height: 14px;animation: consult linear 2s infinite;}
@keyframes ab3_1Rotate{0%{transform:rotate(0)}
100%{transform:rotate(360deg)} 
}
.index3 .hd .info .bn{border:1px solid #FF0000;color: #FF0000;margin-top: 40px;width: 140px;border-radius: 6px;text-align: center;line-height: 40px;position: relative;transition: .6s;z-index: 9;cursor: pointer;}
.index3 .hd .info .bn:hover{color: #fff;box-shadow: inset 0 0 0 30px #FF0000;}
.index3 .ul{padding-top: 30px;margin-top: 40px;border-top: 1px solid #D9DBDF;}
.index3 .ul li{width: 25%;}
.index3 .ul li a{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.index3 .ul li .icon{margin-right: 3%;}
.index3 .ul li .icon img{animation: treeing 2s linear infinite;}
.index3 .ul li .txt .t1{font-size: 22px;color: #333;}
.index3 .ul li .txt .t2{font-size: 14px;color: #FF0000;margin-top: 10px;}
@keyframes consult{0%,100%{transform:scale(1)}
50%{transform:scale(1.25)}
},50%{transform:rotate(0)}
 
@media (max-width:1500px){
.index3 .hd .info .bz span p{font-size: 16px;}
.index3 .hd .info .bz span img{width: 30px;}
.index3 .hd .info .text{margin: 30px 0 70px;}
.index3 .hd .info .text2 p{width: 50%;}
}
@media (max-width:1280px){
.index3 .hd .img{margin-right: 3%;}
.index3 .hd .info{width: 47%;padding-top: 0px;}
.index3 .hd .info .bz span{margin-bottom: 10px;}
.index3 .hd .info .bz span:nth-last-child(1){margin-bottom: 0;}
.index3 .hd .info .bz span p{font-size: 15px;}
.index3 .hd .info .text{margin:20px 0  30px 0;}
.index3 .hd .info .text p{font-size: 15px;line-height: 26px;margin-top: 10px;}
}
@media (max-width:1080px){
.index3{padding: 60px 0 30px;}
.index3 .rd a{line-height: 40px;height: 40px;font-size: 17px;}
.index3 .hd .img{height: 265px;}
.index3 .hd .img img{height: 100%;object-fit: cover;width: 100%;}
.index3 .hd .info .text3 p{width: 33.3%;}
.index3 .hd .info .bn{margin-top: 20px;width: 125px;line-height: 35px;}
.index3 .ul{margin-top: 30px;}
.index3 .ul li .icon img{width: 78px;}
.index3 .ul li .txt .t1{font-size: 20px;}
}
@media (max-width:768px){
.index3 .rd a{line-height: 36px;height: 36px;font-size: 16px;}
.index3 .hd .info .text2 p{width: 100%;}
.index3 .hd .info .text3 p{width: 50%;}
.index3 .ul{padding-top: 20px;}
.index3 .ul li .icon{width: 100%;text-align: center;}
.index3 .ul li .icon img{width: 70px;}
.index3 .ul li .txt{text-align: center;}
.index3 .ul li .txt .t1{font-size: 17px;}
}
@media (max-width:640px){
.index3 .hd{margin-top: 20px;}
.index3 .hd .img{width: 100%;height: auto;margin-bottom: 20px;border-radius: 14px;}
.index3 .hd .info{width: 100%;}
.index3 .hd .info .bn{margin-top: 15px;width: 100px;line-height: 28px;border-radius: 4px;}
.index3 .hd .ul{padding-top: 20px;margin-top: 20px;}
.index3 .ul li{width: 50%;margin-bottom: 10px;}
}
@media (max-width:520px){
.index3{padding: 30px 0 20px;}
.index3 .rd a{line-height: 30px;height: 30px;font-size: 14px;width: 33.3%;}
.index3 .rd a:nth-child(1){width: 29.3%;}
.index3 .hd .info .bz span img{width: 22px;}
.index3 .hd .info .bz span p{font-size: 14px;}
.index3 .hd .info .text{margin: 5px 0 0px 0;}
.index3 .hd .info .text p{font-size: 14px;line-height: 20px;}
.index3 .hd .info .text p i{width: 8px;height: 8px;}
.index3 .hd .info .text p i::before{width: 12px;height: 12px;}
.index3 .hd .ul{padding-top: 10px;}
.index3 .ul{margin-top: 20px;padding-top: 10px;}
.index3 .ul li .icon{width: 100%;text-align: center;}
.index3 .ul li .icon img{width: 58px;}
.index3 .ul li .txt{text-align: center;}
.index3 .ul li .txt .t1{font-size: 15px;}
.index3 .ul li .txt .t2{font-size: 13px;}
}
@media (max-width:350px){
.index3 .rd a{font-size: 12px;}
}

/* index4 */
.index4{padding: 90px 0;}
.index4 .in_tit .tit{font-size: 28px;color: #333;margin-top: 10px;position: relative;width: auto;}
.index4 .in_tit .xt{position: absolute;content: "";background: #ffdede;height: 15px;left: -10px;bottom: 6px;z-index: -1;}
.index4 .item{transform: scaleY(0.9);transition: all 0.5s ease 0s;}
.index4 .item::before{content: "";position: absolute;height: 100%;width: 1px;background: #fff;}
.index4 .item:hover{transform: scale(1);}
.index4 .item .pic{border-radius: 24px;}
.index4 .item .pic img{width: 100%;border-radius: 24px;}
.index4 .item .info{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);text-align: center;}
.index4 .item .info .icon img{width: 66px;}
.index4 .item .info .t1{font-size: 20px;color: #fff;margin: 40px 0 15px;}
.index4 .item .info .link{width: 60px;background: #fff;height: 3px;margin: 0 auto;}
.index4 .in4{padding-bottom: 60px;}
.index4 .swiper-pagination{bottom: 0;}
.index4 .swiper-pagination-bullet{background: #000;width: 10px;height: 9px;border-radius: 50%;}
.index4 .swiper-pagination-bullet-active{background: #FF0000;width: 40px;border-radius: 24px;}
@media (max-width:1080px){
.index4{padding: 60px 0;}
.index4 .in_tit .tit{font-size: 24px;}
.index4 .item .info .icon img{width: 60px;}
}
@media (max-width:520px){
.index4{padding: 30px 0;}
.index4 .in_tit .tit{font-size: 16px;margin-top: 5px;}
.index4 .in_tit .xt{bottom: 0;}
.index4 .item .pic img{border-radius: 10px;}
.index4 .item .info .icon img{width: 50px;}
.index4 .item .info .t1{font-size: 15px;margin: 20px 0 14px;filter: drop-shadow(7px 10px 9px black);}
.index4 .item .info .link{width: 50px;}
.index4 .in4{padding-bottom: 30px;}
.index4 .swiper-pagination-bullet{height: 7px;width: 7px;}
.index4 .swiper-pagination-bullet-active{width: 30px;}
}


/* index5 */
.index5{padding: 120px 0;background: url(../images/in5_bg.jpg);background-size: cover;background-position: center center;}
.index5 .cont{width: 50%;margin:0 auto;margin-right:0;}
.index5 .in_tit{padding-bottom: 40px;margin: 0;}
.index5 .in_tit .title{text-align:left;line-height:1.4}
.index5 .in_tit .title span{color:red}
.index5 .text p{font-size: 16px;color:#333;margin-bottom: 30px;line-height:28px;}
.index5 .bn{border:1px solid #FF0000;color: #FF0000;width: 140px;border-radius: 6px;text-align: center;line-height: 40px;position: relative;transition: .6s;z-index: 9;margin: 70px 0;}
.index5 .bn:hover{color: #fff;box-shadow: inset 0 0 0 30px #FF0000;}
.index5 .ul{justify-content: space-between;}
.index5 li span{font-size: 45px;font-weight:700;color:#FF0000;}
.index5 li span:nth-child(2){font-size: 38px;}
.index5 li sub{font-size:30px;font-weight:700;color:#FF0000}
.index5 li p{font-size:16px;color:#333;}
@media (max-width:1280px){
.index5 .bn{margin: 50px 0;}
.index5 li span{font-size: 40px;}
.index5 li span:nth-child(2){font-size: 30px;}
}
@media (max-width:1080px){
.index5{padding: 70px 0 50px;}
.index5 .bn{margin: 30px 0; width: 125px;line-height: 35px;}
.index5 li{width: 50%;margin-bottom: 20px;}
.index5 li span{font-size: 36px;}
.index5 li span:nth-child(2){font-size: 26px;}
}
@media (max-width:768px){
.index5{background-position: right;}
.index5 .cont{width: 100%;}
}
@media (max-width:520px){
.index5{padding: 35px 0 20px;}
.index5 .in_tit{padding-bottom: 20px;}
.index5 .text p{font-size: 14px;line-height: 26px;margin-bottom: 8px;}
.index5 .bn{margin: 20px 0;width: 100px;line-height: 28px;border-radius: 4px;}
.index5 li{margin-bottom: 10px;}
.index5 li span{font-size: 30px;}
.index5 li sub{font-size: 22px;}
.index5 li span:nth-child(2){font-size: 22px;}
.index5 li p{font-size: 14px;}
}

/* index6 */
.index6{padding: 90px 0;overflow: hidden;}
.index6 .left{width: 43%;margin-right: 3%;position: relative;}
.index6 .left .pic{overflow: hidden;border-radius: 24px;position: relative;}
.index6 .left .pic img{width: 100%;transition: all .6s ease;}
.index6 .left:hover .pic img{transform: scale(1.06);}
.index6 .left .text{position: absolute;bottom: 8%;padding: 0 40px;}
.index6 .left .text h3{font-size: 18px;font-weight: bold;color: #fff;margin-bottom: 6px;}
.index6 .left .text .bt{font-size: 14px;color: #fff;border: 1px solid #fff;width: fit-content;padding: 2px 6px;margin: 8px 0 12px;border-radius: 4px;}
.index6 .left .text .bt:hover{background: #FF0000;border: 1px solid #FF0000;}
.index6 .left .text span{font-size: 20px;color: #ffffff;line-height: 2;font-weight: bold;}
.index6 .left .text p{font-size: 14px;color: #ffffff;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.index6 .right{width: 54%;}
.index6 .right li{transition: all 0.3s;border-radius: 24px;margin-bottom: 25px;border: 1px solid #ccc;}
.index6 .right li:nth-last-child(1){margin-bottom: 0;}
.index6 .right li:hover{box-shadow: 0 10px 30px rgba(0,0,0,.1);margin-top: -3px;}
.index6 .right li a{display: flex;flex-wrap: wrap;align-items: center;}
.index6 .right li .img{overflow: hidden;position: relative;width: 30%;border-top-left-radius: 24px;border-bottom-left-radius: 24px;}
.index6 .right li .img img{height: 100%;object-fit: cover;width: 100%;}
.index6 .right li .info{width: 67%;margin-left: 3%;}
.index6 .right li .info h3{font-size: 18px;margin-bottom: 10px;}
.index6 .right li .info p{font-size: 16px;color: #808080;line-height: 26px;margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index6 .right li .info span{font-size: 16px;color: #333;}
.index6 .bn{border:1px solid #FF0000;color: #FF0000;width: 140px;border-radius: 6px;text-align: center;line-height: 40px;position: relative;transition: .6s;z-index: 9;margin: 0 auto;margin-top: 70px;}
.index6 .bn:hover{color: #fff;box-shadow: inset 0 0 0 30px #FF0000;}
@media (max-width:1280px){
.index6 .left .text{bottom: 18%;}
.index6 .right li{margin-bottom: 18px;}
.index6 .right li .info h3{margin-bottom: 5px;}
.index6 .right li .info p{ margin-bottom: 10px;}
}
@media (max-width:1080px){
.index6{padding: 60px 0;}
.index6 .left{display: none;}
.index6 .right{width: 100%;}
.index6 .bn{margin-top: 50px;width: 125px;line-height: 35px;}
}
@media (max-width:640px){
.index6{padding: 30px 0;}
.index6 .right li{margin-bottom: 25px;border: none;}
.index6 .right li .img{width: 100%;border-bottom-left-radius: 0px;border-top-right-radius: 24px;}
.index6 .right li .info{width: 100%;margin-left: 0;padding: 25px;border: 1px solid #B0B0B0;}
}
@media (max-width:400px){
.index6{padding: 30px 0;}
.index6 .right li{margin-bottom: 20px;}
.index6 .right li:nth-last-child(1){display: none;}
.index6 .right li .img{width: 100%;border-bottom-left-radius: 0px;border-top-right-radius: 10px;border-top-left-radius: 10px;}
.index6 .right li .info{width: 100%;margin-left: 0;padding: 15px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.index6 .right li .info h3{font-size: 15px;font-weight:700;}
.index6 .right li .info p{font-size: 13px;margin-bottom:10px;}
.index6 .right li .info span{font-size:14px;}
.index6 .bn{width: 100px;line-height: 28px;border-radius: 4px;margin: 0 auto;}
}

/* index7 */
.index7{padding-bottom: 90px;background: url(../images/in7_bg.jpg);background-size: cover;background-position: bottom;}
.index7 .in7{padding-bottom: 60px;}
.index7 .img{border-radius: 6px;}
.index7 .img img{transition: all .6s linear;}
.index7 .img:hover img{transform: rotateY(180deg);}
.index7 .swiper-pagination{bottom: 0;}
.index7 .swiper-pagination-bullet{background: #000;width: 10px;height: 9px;border-radius: 50%;}
.index7 .swiper-pagination-bullet-active{background: #FF0000;width: 40px;border-radius: 24px;}
@media only screen and (max-width:1080px){
.index7{padding-bottom: 60px;}
.index7 .in7{padding-bottom: 40px;}
}
@media only screen and (max-width:520px){
.index7{padding: 30px 0;}
.index7 .in7{padding-bottom: 20px;}
.index7 .swiper-pagination-bullet{height: 7px;width: 7px;}
.index7 .swiper-pagination-bullet-active{width: 30px;}
}

