/* title */
.in_tit{position: relative;margin-bottom: 60px;}
.in_tit .title{font-size: 45px;font-weight: bold;color: #222;text-align: center;letter-spacing: 2px;}
.in_tit .tit{color: #666666;font-size: 18px;text-align: center;margin-top: 10px;}
@media screen and (max-width:1440px){
.in_tit .title{font-size: 40px;}
}
@media screen and (max-width:1280px){
.in_tit .title{font-size:35px;}
.in_tit .tit{font-size: 16px;}
}
@media screen and (max-width:1080px){
.in_tit{margin-bottom: 40px;}
.in_tit .title{font-size:30px;}
.in_tit .tit{font-size: 15px;}
}
@media screen and (max-width:520px){
.in_tit{margin-bottom: 20px;}
.in_tit .title{font-size:22px;}
.in_tit .tit{font-size: 13px;margin-top: 5px;}
}

 
/* banner */
.banner{position:relative;overflow:hidden}
.banner .bottom{position:absolute;top:80%;left:0;transform: translate(0 ,-50%);width:100%;z-index:99;}
.banner .bottom .odcontent{display: flex;align-items: center;}
.banner .bottom .swiper-button-next,.banner .bottom .swiper-button-prev{position:initial;width: 40px;height: 40px;background:#fff;border-radius:50%;opacity:1;margin: 0 10px;}
.banner .bottom .swiper-button-next:hover,.banner .bottom .swiper-button-prev:hover{background: #F6CA2A;}
.banner .bottom .swiper-button-next:after,.banner .bottom .swiper-button-prev:after{color:#000;font-size: 12px;font-weight:700;}
.banner .bottom .swiper-button-next:hover:after,.banner .bottom .swiper-button-prev:hover:after{color: #fff;}
.banner .bottom .swiper-pagination{position:initial;color:#fff;font-size: 20px;margin-right: 25px;letter-spacing: 1px;width: 5%;}
.banner .bottom .swiper-pagination .swiper-pagination-current{font-size: 36px;}
.banner .img img{width: 100%;height: 100vh;}
.banner .text{position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;}
.banner .text .txt{width: max-content;padding: 50px 30px;border-top-left-radius: 40px;border-bottom-right-radius: 40px;}
.banner .text h3{font-size: 50px;color:#fff;text-transform: uppercase;letter-spacing: 2px;margin: 15px 0 60px;filter: drop-shadow(1px 1px 1px black);}
.banner .text p{color: #fff;font-size: 20px;font-weight: bold;letter-spacing: 2px;filter: drop-shadow(1px 1px 1px black);}
.banner .text h3, .banner .text p,.banner .text h3, .banner .text .btn{opacity: 0;}
.banner .swiper-slide-active .text h3{animation: indbanDown 1s ease both 0.4s;}
.banner .swiper-slide-active .text p{animation: indbanDown 1s ease both 0.5s;}
.banner .swiper-slide-active .text .btn{animation: indbanDown 1s ease both 0.4s;}
@keyframes indbanDown {0%{opacity: 0;transform: translateY(-100px);}100%{opacity: 1;transform: translateY(0);}}
@media screen and (max-width:1660px) {
.banner .text h3{font-size: 45px;}
}
@media screen and (max-width:1440px) {
.banner .text h3{font-size:40px;}
}
@media screen and (max-width:1280px) {
.banner .img img{height: auto;}
.banner .text h3{font-size:35px;margin: 10px 0 40px;}
.banner .text p{font-size: 16px;}
.banner .bottom .swiper-button-next, .banner .bottom .swiper-button-prev{width: 38px;height: 38px;}
.banner .bottom .swiper-pagination{width: 8%;}
}
@media screen and (max-width:1080px) {
.banner .text{top: 50%;}
.banner .text .txt{padding: 30px 20px;}
.banner .text h3{font-size:30px;}
.banner .text p{font-size: 16px;}
.banner .bottom .swiper-pagination{display: none;}
}
@media screen and (max-width:768px) {
.banner{margin-top: 76px;}
.banner .in_ban{transform: translate3d(0px, 0px, 0px) !important;}
.banner .text .txt{padding: 0;background: none;}
.banner .text h3{font-size:25px;}
.banner .text p{font-size: 15px;letter-spacing: initial;}
.banner .bottom .odcontent{justify-content: flex-end;}
.banner .bottom .swiper-button-next, .banner .bottom .swiper-button-prev{width: 36px;height: 36px;}
}
@media screen and (max-width:520px) {
.banner{margin-top: 66px;}
.banner .in_ban{transform: translate3d(0px, 0px, 0px) !important;}
.banner .text h3{font-size: 20px;filter: drop-shadow(0px 0px 1px black);margin: 10px 0 25px;}
.banner .text p{font-size: 13px;filter: drop-shadow(0px 0px 1px black);}
.banner .bottom .swiper-button-next, .banner .bottom .swiper-button-prev{width: 30px;height: 30px;margin: 0 8px;}
}

/* index1 */
.index1{padding: 90px 0 150px;background: url(../images/in1_bg.jpg);background-size: cover;}
.index1 .in1{padding: 20px 10px 10px 10px;}
.index1 .swiper-slide{transition: all .6s;}
.index1 .swiper-slide:hover{margin:0 30px 0 50px !important;}
.index1 .bottom .swiper-scrollbar{position:initial;margin-top: 60px;}
.index1 .bottom .swiper-scrollbar-drag{background: #294893;}
.index1 .item{box-shadow:0 6px 4px rgb(0 0 0 / 32%);border-radius:2px;position: relative;}
.index1 .item .before{height:29.8vw;background:#e7e7e7;display:flex;flex-flow:column;transition:all .5s;z-index: 9;}
.index1 .item .before .img{height:14.8vw;background:url(../images/in1_icon.png);background-size:cover;display:flex;align-items:flex-end;justify-content:center}
.index1 .item .before .img img{transform:translateY(15%);width:60%}
.index1 .item .before .info{flex:1;display:flex;align-items:center;text-align:center;justify-content:center;margin-top:20px}
.index1 .item .before .info .t1{font-size:20px;font-weight:700;color:#294893}
.index1 .item .before .info .link{width:16px;height:3px;background:#294893;border-radius:3px;margin:15px auto 35px auto}
.index1 .item .before .info .num{font-size:32px;font-family:BebasNeue-Regular;color:#294893}
.index1 .item .after{position: absolute;background: #fff;z-index: 99;bottom: 0;width: 19.5vw;height: 100%;transition: all .5s;opacity: 0;z-index: 0;left: 0;}
.index1 .item:hover .after{opacity: 1;bottom: 1vw;left: -.85vw;}
.index1 .item .after .tox{padding: 50px 30px;}
.index1 .item .after .bg{position:absolute;z-index:-1;width:100%;left:0;top:0}
.index1 .item .after .bg img{width:100%}
.index1 .item .after .text h2{color: #fff;}
.index1 .item .after .text p{color: #f4f0f0;margin-top:25px;font-size:15px;line-height:28px;}
.index1 .item .after .bom{position:absolute;bottom:10%}
.index1 .item .after .bom .num{font-size:28px;color:#294893;font-family:BebasNeue-Regular}
.index1 .item .after .bom .bt{font-size:16px;color:#294893;margin-top:10px}
@media screen and (max-width:1280px){
.index1 .item .after .tox{padding: 40px 25px;}
.index1 .item .before .img{height: 13.8vw;}
}
@media screen and (max-width:1080px){
.index1{padding: 60px 0 90px;}
.index1 .item .before{height: 33.8vw;}
.index1 .item .before .img{height: 15.8vw;}
.index1 .item .before .info .t1{font-size: 18px;}
.index1 .item .before .info .num{font-size: 30px;}
.index1 .item .before .info .link{margin: 15px auto 25px auto;}
.index1 .item .after{width: 22.5vw;}
.index1 .item .after .tox{padding: 40px 20px;}
.index1 .item .after .text h2{font-size: 18px;}
.index1 .item .after .text p{margin-top: 15px;}
.index1 .item .after .bom{bottom: 7%;}
.index1 .item:hover .after{bottom: 1.5vw;}
.index1 .swiper-slide:hover{margin: 0 20px 0 30px !important;}
}
@media screen and (max-width:850px){
.index1 .item .before{height: 38.8vw;}
.index1 .item .before .img{height: 17.8vw;}
.index1 .item .before .info .link{margin: 10px auto 20px auto;}
.index1 .item .before .info .num{font-size: 26px;}
.index1 .item .before .info .t1{font-size: 17px;}
.index1 .item .after{width: 28.5vw;}
.index1 .item .after .bg{height: 68%;}
.index1 .item .after .bg img{height: 100%;object-fit: cover;}
.index1 .item .after .tox{padding: 30px 20px;}
.index1 .item .after .text h2{font-size: 17px;}
.index1 .item .after .bom .num{font-size: 26px;}
.index1 .item .after .bom .bt{font-size: 15px;margin-top: 5px;}
.index1 .bottom .swiper-scrollbar{height: 4px;margin-top: 40px;}
}
@media screen and (max-width:768px){
.index1 .item .after{display: none;}
.index1 .swiper-slide:hover{margin: 0 !important;margin-right: 20px !important;}
}
@media screen and (max-width:640px){
.index1 .in1{padding: 2px;}
.index1 .item .before{height: 46.8vw;}
.index1 .item .before .img{height: 22.8vw;}
}
@media screen and (max-width:520px){
.index1{padding: 30px 0 110px;}
.index1 .item .before{height: 58.8vw;}
.index1 .item .before .img{height: 26.8vw;}
.index1 .item .before .img img{width: 68%;}
.index1 .item .before .info .t1{font-size: 16px;}
.index1 .item .before .info .link{margin: 10px auto 15px auto;}
.index1 .item .before .info .num{font-size: 24px;}
.index1 .bottom .swiper-scrollbar{height: 3px;margin-top: 30px;}
}


/* index2 */
.index2{padding:90px 0;background-image: url(../images/in2_bg.jpg);background-attachment: fixed;background-size: cover;}
.index2 .cont{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.index2 .left{width:45%}
.index2 .left .ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;}
.index2 .left .ul li{display:flex;align-items:center;width:32%;margin-bottom: 2%;}
.index2 .left .ul li .num{color:#fff;font-size: 70px;font-family:BebasNeue-Regular;}
.index2 .left .ul li .icon img{width: 60px;}
.index2 .left .ul li .text{margin-left:8px}
.index2 .left .ul li .text h3{color:#fff;font-size:18px}
.index2 .left .ul li .text h3.h3{font-size: 30px;line-height: 24px;}
.index2 .left .ul li .text p{color:#fff;font-size:15px;margin-top: 2px;}
.index2 .left .btn{margin-top:60px;color: #fff;background-color: initial;border: 1px solid #fff;transition: .5s;}
.index2 .left .btn:hover{border: 1px solid #F7CA29;}
.index2 .right{width:40%;margin-top: -158px;}
.index2 .right .top{background:url(../images/in2_icon01.png);background-size:cover;padding: 35px 40px 50px 40px;}
.index2 .right .top .en{font-size:80px;color:#fff;font-family:BebasNeue-Regular;letter-spacing:2px}
.index2 .right .top .cn{color:#fff;font-size:32px;margin-top:-10px}
.index2 .right .bottom{background:#fff;padding:50px 40px}
.index2 .right .bottom h2{color:#222;font-size:26px;margin-bottom:30px}
.index2 .right .bottom p{color:#666;font-size:16px;line-height:2}
.index2 .right .bottom a{color:#333}
.index2 .right .bottom a:hover{color:#294893}
@media screen and (max-width:1700px){
.index2 .left{width: 50%;}
.index2 .left .ul li{width: 32%;}
.index2 .left .ul li:nth-child(3){width: 36%;}
.index2 .left .ul li .num{font-size: 60px;}
}
@media screen and (max-width:1440px){
.index2 .left .ul li .icon img{width: 50px;}
.index2 .right .top .en{font-size: 70px;}
}
@media screen and (max-width:1280px){
.index2 .left .ul li .icon img{width: 45px;}
.index2 .left .ul li .num{font-size: 55px;}
.index2 .right .top{padding: 35px;}
.index2 .right .top .en{font-size: 60px;}
.index2 .right .top .cn{font-size: 28px;}
.index2 .right .bottom{padding: 40px;}
.index2 .right .bottom h2{font-size: 24px;margin-bottom: 20px;}
}
@media screen and (max-width:1080px){
.index2 .left{width: 50%;}
.index2 .left .ul li .text p{font-size: 14px;}
.index2 .left .ul li .icon img{width: 40px;}
.index2 .left .ul li .num{font-size: 40px;}
.index2 .left .ul li .text h3.h3{font-size: 26px;}
.index2 .left .ul li .text h3{font-size: 16px;}
.index2 .right .top{padding: 30px;}
.index2 .right .top .en{font-size: 50px;}
.index2 .right .top .cn{font-size: 24px;}
.index2 .right .bottom{padding: 30px;}
.index2 .right .bottom h2{font-size: 22px;}
.index2 .right .bottom p{font-size: 15px;line-height: 28px;}
}
@media screen and (max-width:850px){
.index2 .left{width: 50%;}
.index2 .left .ul li{width: 48.5% !important;margin-bottom: 3%;}
.index2 .left .ul li:nth-child(odd){margin-right: 3%;}
.index2 .left .ul li:nth-child(even){margin-right: 0;}
.index2 .left .btn{margin-top: 40px;}
.index2 .right{width: 50%;}
.index2 .right .top{padding: 25px;}
.index2 .right .top .en{font-size: 45px;}
.index2 .right .top .cn{font-size: 20px;}
.index2 .right .bottom{padding: 25px;}
.index2 .right .bottom h2{font-size: 20px;margin-bottom: 15px;}
}
@media screen and (max-width:640px){
.index2 .left{width: 100%;order: 1;}
.index2 .left .ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;}
.index2 .left .ul li:nth-child(3n+3){margin-right: 0 !important;}
.index2 .right{width: 100%;margin-top: -150px;}
}
@media screen and (max-width:520px){
.index2{padding: 50px 0;}
.index2 .right{transform: translate3d(0px,0px,0px) !important;margin-bottom: 20px;margin-top: -120px;}
.index2 .right .top{padding: 20px 25px;}
.index2 .right .top .en{font-size: 40px;}
.index2 .right .top .cn{font- size: 18px;margin-top: -5px;}
.index2 .right .bottom{padding: 20px 22px;}
.index2 .right .bottom h2{font-size: 18px;margin-bottom: 10px;}
.index2 .right .bottom p{font-size: 14px;line-height: 26px;}
.index2 .left .ul li .num{font-size: 45px;}
.index2 .left .ul li .text h3.h3{font-size: 20px;}
.index2 .left .ul li .text h3{font-size: 15px;}
.index2 .left .ul li .icon img{width: 30px;}
.index2 .left .ul li .text p{font-size: 12px;}
.index2 .left .btn{margin-top: 20px;}
}


/* index3 */
.index3{padding: 10rem 0;background: #F5F5F5;overflow: hidden;}
.index3 .cont{display: flex;align-items: center;justify-content: space-between;}
.index3 .cont .left{width:28%;margin-right:2%}
.index3 .cont .left .logo{margin-bottom: 2.5rem;}
.index3 .cont .left .in_tit .title{text-align:left}
.index3 .cont .left .in_tit .tit{text-align:left;font-size: 1rem;line-height: 1.875rem;margin-top: 0.9375rem}
.index3 .cont .left ul{display:flex;align-items:center}
.index3 .cont .left ul li{margin-right:10%}
.index3 .cont .left ul li:nth-child(2){margin-right:0}
.index3 .cont .left ul li span{font-size:60px;color:#294893;font-family:BebasNeue-Regular}
.index3 .cont .left ul li sub{font-size: 1.125rem;margin-left: 0.3125rem}
.index3 .cont .left ul li p{font-size: 1rem;color:#000}
.index3 .cont .right{position:relative}
.index3 .cont .right .bg img{max-width:100%}
.index3 .cont .right .wrap .item{position:absolute;text-align:center}
.index3 .cont .right .wrap .item:nth-child(1){left:25%;top: -10%;}
.index3 .cont .right .wrap .item:nth-child(2){left: 55%;top: -8%;}
.index3 .cont .right .wrap .item:nth-child(3){left: 80%;top: 0;}
.index3 .cont .right .wrap .item:nth-child(4){left: 25%;top: 70%;}
.index3 .cont .right .wrap .item:nth-child(5){left: 50%;top: 55%;}
.index3 .cont .right .wrap .item:nth-child(6){left: 82%;top: 72%;}
.index3 .cont .right .wrap .item:nth-child(7){left: 95%;top: 23%;}
.index3 .cont .right .wrap .item:nth-child(8){left: 93%;top: 38%;width: max-content;}
.index3 .cont .right .wrap .item p{color: #666666;font-size: 1rem;}
.index3 .cont .right .wrap .item h4{color: #294893f2;font-size: 1.25rem;margin-bottom: 20px;}
.index3 .cont .right .wrap .item .line{width: 0.125rem;height: 8rem;background: #999999;margin: 0.5rem auto;position: relative;z-index: 99;}
.index3 .cont .right .wrap .item .line::after{position: absolute;content: "";width: 0.625rem;height: 0.625rem;background: #999;border-radius: 50%;left: 50%;transform: translate(-50% , -50%);top: 100%;}
.index3 .cont .right .wrap .item .line::before{position: absolute;content: "";width: 0.625rem;height: 0.625rem;border: 0.0625rem solid #999;border-radius: 50%;left: 50%;transform: translate(-50% , -50%);top: -0.3125rem;}
.index3 .cont .right .wrap .item .span{position: relative;text-align: center;width: 4rem;height: 4rem;margin: 0 auto;border-radius: 50%;margin-top: -2.375rem;z-index: 9;animation: circle-shadow 2s infinite both;display: flex;align-items: center;justify-content: center;}
.index3 .cont .right .wrap .item .span i{background: #E6EFFE;width: 4rem;height: 4rem;border-radius: 50%;display: block;margin: 0 auto;z-index: 99;position: relative;}

.index3 .cont .right .wrap .item:nth-child(4) h4,.index3 .cont .right .wrap .item:nth-child(5) h4,.index3 .cont .right .wrap .item:nth-child(6) h4{margin-bottom: 0;margin-top: 1.25rem;}
.index3 .cont .right .wrap .item:nth-child(4) .span,.index3 .cont .right .wrap .item:nth-child(5) .span,.index3 .cont .right .wrap .item:nth-child(6) .span{margin-top: 0;margin-bottom: -2.375rem;}
.index3 .cont .right .wrap .item:nth-child(4) .line,.index3 .cont .right .wrap .item:nth-child(5) .line,.index3 .cont .right .wrap .item:nth-child(6) .line{transform: rotate(180deg);}
.index3 .cont .right .wrap .item:nth-child(7) .line{position: absolute;transform: rotate(80deg);top: -30%;left: -90%;height: 7rem;}
.index3 .cont .right .wrap .item:nth-child(8) .line{transform: rotate(110deg);position: absolute;left: -40%;top: -80%;height: 7rem;}
.index3 .cont .right .wrap .item:nth-child(8) .line::after{background: url(../images/in3_icon02.png);width: 15px;height: 15px;}
@keyframes circle-shadow{0%{-webkit-box-shadow:0 0 0 0 #b1cbf6;box-shadow:0 0 0 0 #b1cbf6}
100%{-webkit-box-shadow:0 0 0 2.1875rem rgba(0,88,167,0);box-shadow:0 0 0 2.1875rem rgba(0,88,167,0)}
}
@media screen and (max-width:1660px){
.index3 .cont .right .wrap .item:nth-child(1){top: -15%;}
.index3 .cont .right .wrap .item:nth-child(7) .line{transform:rotate(70deg);top:-20%;left:-80%;height:6.5rem}
.index3 .cont .right .wrap .item:nth-child(8) .line{transform:rotate(100deg);left:-30%;top:-65%;height:6.5rem}
}
@media screen and (max-width:1440px){
.index3 .cont .right .wrap .item:nth-child(7){left: 96%;top: 24%;}
.index3 .cont .right .wrap .item:nth-child(8){top: 42.5%;}
}
@media screen and (max-width:1280px){
.index3 .cont .right .wrap .item:nth-child(1){top: -22%;}
.index3 .cont .right .wrap .item:nth-child(2){top: -15%;}
.index3 .cont .right .wrap .item:nth-child(7) .line{transform: rotate(60deg);top: 0%;left: -75%;height: 5.8rem;}
.index3 .cont .right .wrap .item:nth-child(8) .line{left: -20%;top: -30%;height: 5rem;}
}
@media screen and (max-width:1080px){
.index3{padding: 60px 0 150px;}
.index3 .cont{flex-wrap: wrap;}
.index3 .cont .left{width: 75%;margin-bottom: 125px;}
.index3 .cont .left .logo{margin-bottom: 30px;}
.index3 .cont .left ul li sub{font-size: 16px;}
.index3 .cont .right{width: 100%;}
.index3 .cont .right .wrap .item:nth-child(1){top: -15%;}
.index3 .cont .right .wrap .item:nth-child(2){top: -12%;}
.index3 .cont .right .wrap .item:nth-child(7){left: 90%;top: 25%;}
.index3 .cont .right .wrap .item:nth-child(8){left: 90%;top: 40%;}
.index3 .cont .right .wrap .item:nth-child(7) .line{top: 10%;left: -30%;transform: rotate(60deg);height: 3rem;}
.index3 .cont .right .wrap .item:nth-child(8) .line{left: -25%;top: -30%;transform: rotate(120deg);height: 3rem;}
.index3 .cont .right .wrap .item .line{height: 7rem;}
}
@media screen and (max-width:950px){
.index3 .cont .right .wrap .item:nth-child(1){top: -20%;}
.index3 .cont .right .wrap .item:nth-child(3){top: -3%;}
.index3 .cont .right .wrap .item:nth-child(7){top: 30%;}
.index3 .cont .right .wrap .item:nth-child(8){top: 45%;}
.index3 .cont .right .wrap .item:nth-child(7) .line{top: 20%;height: 1rem;}
.index3 .cont .right .wrap .item:nth-child(8) .line{transform: rotate(100deg);left: -25%;top: -15%;height: 1rem;}
}
@media screen and (max-width:850px){
.index3 .cont .right .wrap .item:nth-child(1){top: -30%;}
.index3 .cont .right .wrap .item:nth-child(2){top: -20%;}
.index3 .cont .right .wrap .item:nth-child(3){top: -8%;}
}
@media screen and (max-width:768px){
.index3 .cont .left{width: 100%;}
.index3 .cont .left .in_tit{margin-bottom: 30px;}
.index3 .cont .left .logo img{width: 268px;}
.index3 .cont .left ul li span{font-size: 55px;}
.index3 .cont .right .wrap .item .line{height: 5rem;}
.index3 .cont .right .wrap .item .line::before{width: 8px;height: 8px;}
.index3 .cont .right .wrap .item .line::after{width: 8px;height: 8px;}
.index3 .cont .right .wrap .item p{font-size: 14px;}
.index3 .cont .right .wrap .item h4{font-size: 18px;}
.index3 .cont .right .wrap .item .span{width: 50px;height: 50px;margin-top: -32px;}
.index3 .cont .right .wrap .item .span i{width: 50px;height: 50px;}
.index3 .cont .right .wrap .item:nth-child(1){top: -24%;}
.index3 .cont .right .wrap .item:nth-child(4){left: 23%;}
.index3 .cont .right .wrap .item:nth-child(8){top: 20%;left: 65%;}
.index3 .cont .right .wrap .item:nth-child(8) .line{transform: rotate(-25deg);left: 95%;top: 35%;height: 2rem;}
.index3 .cont .right .wrap .item:nth-child(8) .line::after{width: 12px;height: 12px;}
.index3 .cont .right .wrap .item:nth-child(4) .span, .index3 .cont .right .wrap .item:nth-child(5) .span, .index3 .cont .right .wrap .item:nth-child(6) .span{margin-bottom: -32px;}
}
@media screen and (max-width:660px){
.index3 .cont .right .wrap .item:nth-child(1){top: -30%;}
.index3 .cont .right .wrap .item:nth-child(3){top: -12%;}
.index3 .cont .right .wrap .item:nth-child(7){top: 17%;left: 90%;}
.index3 .cont .right .wrap .item:nth-child(8){top: 25%;left: 62%}
.index3 .cont .right .wrap .item:nth-child(8) .line{height: 1rem;transform: rotate(-40deg);left: 95%;top: 35%;}
.index3 .cont .right .wrap .item .line{height: 4.5rem;}
.index3 .cont .right .wrap .item h4{font-size: 16px;}
.index3 .cont .right .wrap .item p{font-size: 13px;}
}
@media screen and (max-width:520px){
.index3{padding: 30px 0 150px;}
.index3 .cont .left{margin-bottom: 125px;}
.index3 .cont .left .logo{margin-bottom: 15px;}
.index3 .cont .left .logo img{width: 228px;}
.index3 .cont .left .in_tit{margin-bottom: 10px;}
.index3 .cont .left .in_tit .tit{font-size: 14px;line-height: 24px;}
.index3 .cont .left ul{justify-content: space-between;}
.index3 .cont .left ul li span{font-size: 45px;}
.index3 .cont .left ul li sub{font-size: 14px;}
.index3 .cont .left ul li p{font-size: 14px;}
.index3 .cont .left ul li{margin-right: 0;}
.index3 .cont .right .wrap .item:nth-child(1){top: -45%;left: 20%;}
.index3 .cont .right .wrap .item:nth-child(2){top: -32%;left: 50%;}
.index3 .cont .right .wrap .item:nth-child(3){top: -30%;left: 78%;}
.index3 .cont .right .wrap .item:nth-child(4){left: 22%;}
.index3 .cont .right .wrap .item:nth-child(8){top: 11%;left: 58%;}
.index3 .cont .right .wrap .item h4{font-size: 15px;}
.index3 .cont .right .wrap .item p{font-size: 12px;}
.index3 .cont .right .wrap .item .span{width: 40px;height: 40px;margin-top: -32px;}
.index3 .cont .right .wrap .item .span i{width: 40px;height: 40px;}
.index3 .cont .right .wrap .item .line{height: 4rem;}
.index3 .cont .right .wrap .item .span{margin-top: -28px;}
.index3 .cont .right .wrap .item:nth-child(4) .span, .index3 .cont .right .wrap .item:nth-child(5) .span, .index3 .cont .right .wrap .item:nth-child(6) .span{margin-bottom: -28px;}
}


/* index4 */
.index4{padding: 90px 0;overflow: hidden;}
.index4 .top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.index4 .top .in_tit{margin-bottom: 0;}
.index4 .top .in_tit .title{text-align: left;}
.index4 .top .btn{color: #666666;background-color: initial;border: 1px solid #666666;transition: .5s;}
.index4 .top .btn:hover{border: 1px solid #F7CA29;color: #fff;}
.index4 .cont{margin-top: 40px;border-top: 1px solid #EEEEEE;}
.index4 .cont .rd{display:flex;justify-content:space-between;height:80px;line-height:80px}
.index4 .cont .rd a{color:#333;font-size:18px;width: 13%;position: relative;text-align: center;}
.index4 .cont .rd a::after{position:absolute;top:0;left: 0;z-index:4;width: 100%;height:100%;background: url(../images/in4_icon.png);content: "";background-size: cover;opacity: 0;transition: all .6s ease-in-out;}
.index4 .cont .rd a.active::after{opacity: 1;}
.index4 .cont .rd a:nth-last-child(1){margin-right: 0;}
.index4 .cont .hd .hd_cont{position:relative}
.index4 .cont .hd .hd_cont .bg{border-radius:6px}
.index4 .cont .hd .hd_cont .bg img{border-radius:6px;width: 100%;}
.index4 .cont .hd .hd_cont .info{position:absolute;top:50%;left: 6%;transform: translate(0 ,-50%);}
.index4 .cont .hd .hd_cont .info .t1{font-size:40px;color:#fff}
.index4 .cont .hd .hd_cont .info .t2{color:#fff;font-size:18px;line-height:30px;margin:20px 0 60px}
@media screen and (max-width:1280px){
.index4 .cont .hd .hd_cont .info .t1{font-size: 35px;}
}
@media screen and (max-width:1080px){
.index4{padding: 60px 0;}
.index4 .cont .rd a{font-size: 16px;}
.index4 .cont .hd .hd_cont .info{left: 5%;}
.index4 .cont .hd .hd_cont .info .t1{font-size: 28px;}
.index4 .cont .hd .hd_cont .info .t2{font-size: 16px;line-height: 28px;margin: 15px 0 40px;}
.index4 .cont .hd .hd_cont .bg{height: 288px;}
.index4 .cont .hd .hd_cont .bg img{height: 100%;object-fit: cover;}
}
@media screen and (max-width:768px){
.index4 .top .in_tit{width: 100%;margin-bottom: 20px;}
.index4 .top .in_tit .tit{text-align: left;}
.index4 .cont{margin-top: 30px;}
.index4 .cont .rd{height: 68px;line-height: 68px;}
.index4 .cont .rd a{font-size: 14px;}
.index4 .cont .hd .hd_cont .info .t1{font-size: 24px;}
.index4 .cont .hd .hd_cont .info .t2{font-size: 15px;margin: 10px 0 25px;}
}
@media screen and (max-width:520px){
.index4{padding: 35px 0;}
.index4 .top .in_tit{margin-bottom: 15px;}
.index4 .top .in_tit .tit{margin-top: 10px;}
.index4 .cont .rd{height: auto;line-height: 40px;flex-wrap: wrap;justify-content: center;}
.index4 .cont .rd a{width: 25%;font-size: 12px;}
.index4 .cont .hd .hd_cont .bg{height: 258px;}
.index4 .cont .hd .hd_cont .info .t1{font-size: 20px;}
.index4 .cont .hd .hd_cont .info .t2{font-size: 14px;margin: 10px 0 20px;line-height: 24px;}
}


/* index5 */
.index5 .cont{display: flex;flex-wrap: wrap;background: url(../images/in5_bg.jpg);background-size: cover;background-position: bottom;}
.index5 .cont .item{position: relative;overflow: hidden;}
.index5 .cont .item::after{position: absolute;content: "";top: 0;right: 0;background: #8D898C;width: 1px;height: 100%;opacity: .8;}
.index5 .cont .item .img{opacity: 0;transition: .9s all;}
.index5 .cont .item .img img{width: 100%;}
.index5 .cont .item .info{position:absolute;padding: 35px;bottom:-15%;transition: .9s all;}
.index5 .cont .item .info .t1{color:#fff;font-size:24px;}
.index5 .cont .item .info .line{background:#fff;margin:25px 0;width:25px;height:2px;border-radius:6px;}
.index5 .cont .item .info .t2{color:#f8f7f7;font-size: 16px;line-height:28px;transition: .5s all;opacity: 0;}
.index5 .cont .item .info .btn{margin-top:40px;opacity: 0;}
.index5 .cont .item.active .img{opacity: 1;}
.index5 .cont .item.active .info{bottom: 5%;}
.index5 .cont .item.active .info .t2{opacity: 1;}
.index5 .cont .item.active .info .btn{opacity: 1;}
.index5 .swiper-pagination{color:#fff;font-size: 18px;letter-spacing: 1px;opacity: 0;font-family: "BebasNeue-Regular";}
@media screen and (max-width:1660px){
.index5 .cont .item .info{bottom: -22%;}
}
@media screen and (max-width:1440px){
.index5 .cont .item .info{padding: 30px;}
.index5 .cont .item.active .info{bottom: 3%;}
}
@media screen and (max-width:1280px){
.index5 .cont .item .info .btn{margin-top: 30px;}
.index5 .cont .item .info .line{margin: 20px 0;}
}
@media screen and (max-width:1080px){
.index5 .cont .item .info{bottom: -28%;}
.index5 .cont .item .info .t1{font-size: 22px;}
.index5 .cont .item .info .t2{font-size: 15px;}
}
@media screen and (max-width:950px){
.index5 .cont .item .info{bottom: -38%;padding: 20px;}
.index5 .cont .item.active .info{bottom: 2%;}
.index5 .cont .item .info .btn{margin-top: 25px;}
}
@media screen and (max-width:768px){
.index5 .cont .item .img{height: 450px;}
.index5 .cont .item .img img{height: 100%;object-fit: cover;}
.index5 .cont .item .info{bottom: -25%;}
}
@media screen and (max-width:520px){
.index5 .cont{background-position: right;}
.index5 .cont .item .img{height: 400px;}
.index5 .cont .item .info{bottom: -22%;padding: 15px;}
.index5 .cont .item .info .line{margin: 15px 0;}
.index5 .cont .item .info .t1{font-size: 20px;}
.index5 .cont .item .info .t2{font-size: 14px;line-height: 22px;}
.index5 .cont .item .info .btn{margin-top: 15px;}
.index5 .cont .item.swiper-slide-active .img{opacity: 1;}
.index5 .cont .item.swiper-slide-active .info{bottom: 5%;}
.index5 .cont .item.swiper-slide-active .info .t2{opacity: 1;}
.index5 .cont .item.swiper-slide-active .info .btn{opacity: 1;}
.index5 .swiper-pagination{opacity: 1;}
}

/* index6 */
.index6{padding: 90px 0;background: #F5F5F5;}
.index6 .swiper-button-next{width:40px;height:40px;background:#f7ca29;border-radius:50%;right:2%}
.index6 .swiper-button-prev{width:40px;height:40px;background:#f7ca29;border-radius:50%;left: 2%;}
.index6 .swiper-button-next:after,.index6 .swiper-button-prev:after{font-size:20px;color:#fff;font-weight:700}
.index6 .swiper-button-next:hover,.index6 .swiper-button-prev:hover{background: #294893;}
.index6 .swiper-slide::after{position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;background: #ffffff68;transition: all .5s }
.index6 .swiper-slide-active::after{display: none;}
.index6 .item{position: relative;}
.index6 .item .img{overflow: hidden;border-radius: 4px;position: relative;}
.index6 .item .img img{width: 100%;transition: all .6s ease;}
.index6 .item:hover .img img{transform: scale(1.03);}
.index6 .item .info{position:absolute;bottom:0;background:#29489345;padding:58px 35px;width:40%}
.index6 .item .info .t1{color:#fff;font-size: 20px;font-weight:700;}
.index6 .item .info .t2{color: #ffffffeb;font-size:16px;line-height:30px;margin-top:20px;}
.index6 .item .info .t2 span:hover{color:#294893}
@media screen and (max-width:1440px){
.index6 .item .info{padding: 30px;width: 60%;}
}
@media screen and (max-width:1280px){
.index6 .item .info{width: 70%;}
.index6 .item .info .t2{font-size: 15px;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
}
@media screen and (max-width:1080px){
.index6{padding: 60px 0;}
.index6 .item .info{padding: 30px;}
.index6 .item .info .t1{font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
}
@media screen and (max-width:768px){
.index6 .item .img{border-radius: 0;}
.index6 .item .info{padding: 25px;width: auto;position: initial;background: #294893;margin-top: -1px;}
.index6 .swiper-button-next{width: 38px;height: 38px;}
.index6 .swiper-button-prev{width: 38px;height: 38px;}
.index6 .swiper-button-next:after, .index6 .swiper-button-prev:after{font-size: 16px;}
}
@media screen and (max-width:520px){
.index6{padding: 35px 0;}
.index6 .item .info{padding: 15px;}
.index6 .item .info .t1{font-size: 16px;}
.index6 .item .info .t2{font-size: 13px;line-height: 24px;margin-top: 10px;}
.index6 .swiper-button-next{width: 35px;height: 35px;}
.index6 .swiper-button-prev{width: 35px;height: 35px;}
.index6 .swiper-button-next:after, .index6 .swiper-button-prev:after{font-size: 14px;}
}

/* index7 */
.index7{padding: 90px 0;}
.index7 .cont{display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;}
.index7 .cont::after{position: absolute;content: "";background: #EBEBEB;top: 0;height: 100%;width: 1px;left: 41.5%;}
.index7 .cont .left{width: 36%;}
.index7 .cont .left .item{position: relative;}
.index7 .cont .left .item .img{overflow:hidden;border-radius:10px}
.index7 .cont .left .item .img img{border-radius:10px;width:100%;transition: all .6s ease;}
.index7 .cont .left .item:hover .img img{transform: scale(1.03);}
.index7 .cont .left .item .info{margin-top:20px}
.index7 .cont .left .item .info .t1{font-size:20px;color:#333;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:28px;transition: all .6s;}
.index7 .cont .left .item:hover .info .t1{color: #294893;}
.index7 .cont .left .item .info .t2{font-size:15px;line-height:28px;color:#666;margin:12px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index7 .cont .left .item .info .data{display:flex;align-items:center}
.index7 .cont .left .item .info .data .ly{padding:3px 6px;border:1px solid #294893;border-radius:6px;color:#294893;font-size:15px;margin-right:6px}
.index7 .cont .left .item .info .data .time{font-size:15px}
.index7 .cont .left .bottom .swiper-scrollbar{position:initial;margin-top: 25px;height: 3px;}
.index7 .cont .left .bottom .swiper-scrollbar-drag{background: #294893;}
.index7 .cont .right{width: 55%;}
.index7 .cont .right li{margin-bottom: 30px;}
.index7 .cont .right li:nth-last-child(1){margin-bottom:0}
.index7 .cont .right li a{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;transition: all .5s;padding: 15px;}
.index7 .cont .right li a:hover{box-shadow: 0px 1px 10px rgba(0,0,0,0.17);transform: translateY(-8px);border-radius: 8px;}
.index7 .cont .right li .info{width:75%}
.index7 .cont .right li .info .t1{font-size:20px;color:#333;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:28px;transition: all .6s;}
.index7 .cont .right li:hover .info .t1{color: #294893;}
.index7 .cont .right li .info .t2{font-size:15px;line-height:28px;color:#666;margin: 10px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.index7 .cont .right li .info .data{display:flex;align-items:center}
.index7 .cont .right li .info .data .ly{padding:3px 6px;border:1px solid #294893;border-radius:6px;color:#294893;font-size:15px;margin-right:6px}
.index7 .cont .right li .info .data .time{font-size:15px}
.index7 .cont .right li .img{width: 22%;border-radius: 10px;overflow: hidden;}
.index7 .cont .right li .img img{width:100%;border-radius: 10px;transition: all .6s ease;}
.index7 .cont .right li:hover .img img{transform: scale(1.13);}
@media screen and (max-width:1280px){
.index7 .cont .right li{margin-bottom: 20px;}
.index7 .cont .right li .info{width: 70%;}
.index7 .cont .right li .img{width: 25%;}
}
@media screen and (max-width:1080px){
.index7{padding: 60px 0;}
.index7 .cont .left .item .info .t1{font-size: 18px;}
.index7 .cont .right li{margin-bottom: 15px;}
.index7 .cont .right li .info .t1{font-size: 18px;}
.index7 .cont .right li .info{width: 60%;}
.index7 .cont .right li .img{width: 35%;}
}
@media screen and (max-width:768px){
.index7 .cont .left{display: none;}
.index7 .cont .right{width: 100%;}
.index7 .cont .right li .info{width: 66%;}
.index7 .cont .right li .img{width: 28%;}
}
@media screen and (max-width:520px){
.index7{padding: 35px 0;}
.index7 .cont{margin-top: 25px;}
.index7 .cont .right li{margin-bottom: 10px;}
.index7 .cont .right li a{padding: 10px;}
.index7 .cont .right li .info{width: 58%;}
.index7 .cont .right li .img{width: 38%;border-radius: 5px;}
.index7 .cont .right li .img img{border-radius: 5px;}
.index7 .cont .right li .info .t1{font-size: 16px;}
.index7 .cont .right li .info .t2{font-size: 14px;margin: 5px 0 10px;line-height: 24px;}
.index7 .cont .right li .info .data .time{font-size: 14px;}
.index7 .cont .right li .info .data .ly{font-size: 14px;padding: 2px 6px;}
}


