/* title */
.in_tit{position: relative;text-align: center;margin-bottom: 3vw;}
.in_tit .title{font-size: 2.4vw;color: #000;font-weight: bold;letter-spacing: 2px;}
.in_tit .tit{font-size: 1.05vw;color: #666;margin-top: .5vw;}
@media screen and (max-width:1080px){
.in_tit{margin-bottom: 40px;}
.in_tit .title{font-size: 3vw;}
.in_tit .tit{font-size: 16px;}
}
@media screen and (max-width:768px){
.in_tit .title{font-size:4vw;}
.in_tit .tit{font-size: 14px;}
}
@media screen and (max-width:520px){
.in_tit{margin-bottom: 30px;}
.in_tit .title{font-size: 20px;letter-spacing: 1px;}
}
 
/* banner */
.banner{position:relative;margin-top: 5.5vw;}
.banner .swiper-slide{width:100%;overflow:hidden}
.banner .swiper-slide .img{width:100%;transition:transform 4s linear;transition-delay:1s;transform:scale(1.2)}
.banner .swiper-slide .img img{width: 100%;}
.banner .swiper-slide .img img:nth-child(2){display: none;}
.banner .swiper-slide-active .img{transition-delay:0s;transform:scale(1)}
.banner .info{position: absolute;left: 50%;top: 61%;width: 100%;transform: translate(-50% ,-50%);z-index: 9;transition: all .6s;padding-right: 10vw;}
.banner .info .t1{font-size: 2.38vw;color: #fff;text-align: right;font-weight: 100;opacity: 0;}
.banner .info .t2{font-size: 2vw;color: #fff;font-weight: bold;text-align: right;opacity: 0;padding-right: 5.5vw;}
.banner .info.color .w1600{background-color: rgb(255 255 255 / 50%);padding: 3vw 0vw;width: max-content;position: relative;margin: 0 auto;margin-left: 17vw;}
.banner .info.color .w1600:after{content: " ";position: absolute;left: -5%;top: -10%;width: 100%;height: 100%;background-color: rgb(255 255 255 / 50%);z-index: -1;/* opacity: 0; */}
.banner .info.color .w1600:before{content: " ";position: absolute;left: -6px;top: -6px;width: 15px;height: 15px;background: #162648;}
.banner .info.color .w1600 .t1{color: #162648;font-weight: bold;}
.banner .info.color .w1600 .t2{color: #162648;}
.banner .info.center{padding-right: 0;top: 25%;}
.banner .info.center .t2{font-size: 2.5vw;color: #162648;text-align: center;padding-right: 0;} 
.banner .swiper-button-prev{width: 2.4vw;height: 2.4vw;border-radius: 50%;border: 2px solid #fff;left: 6.8vw;}
.banner .swiper-button-next{width: 2.4vw;height: 2.4vw;border-radius: 50%;border: 2px solid #fff;right: 6.8vw;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{color: #fff;font-size: .85vw;font-weight: bold;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{background: #E60A11;border: 1px solid #E60A11;}
.banner .swiper-pagination{bottom: 4% !important;}
.banner .swiper-pagination-bullet{background: #FFFFFF;opacity: 1;border-radius: 0;width: 10px;height: 10px;margin: 0 6px !important;}
.banner .swiper-pagination-bullet-active{background: #E60A11;}
.banner .swiper-slide-active .info .t1{animation: indbanDown 1s ease both .4s;}
.banner .swiper-slide-active .info .t2{animation: indbanDown 1s ease both .8s;}
@keyframes indbanDown {0%{opacity: 0;transform: translateX(100px);}100%{opacity: 1;transform: translateX(0);}}
@media screen and (max-width:1080px){
.banner{margin-top: 95px;}
.banner .info{padding-right: 16%;}
.banner .info.color .w1600{margin-left: 20vw;}
.banner .info .t1{font-size: 22px;}
.banner .info .t2{font-size: 32px;padding-right: 0;}
.banner .info.center .t2{font-size: 32px;}
.banner .swiper-button-next{right: 4%;width: 36px;height: 36px;}
.banner .swiper-button-prev{left: 4%;width: 36px;height: 36px;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{font-size: 16px;}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;}
}
@media screen and (max-width:768px){
.banner .info .t1{font-size: 20px;}
.banner .info .t2{font-size: 28px;}
.banner .info.center .t2{font-size: 28px;}
}
@media screen and (max-width:520px){
.banner{margin-top: 87px;}
.banner .info{padding-right: 0;}
.banner .info .t1{font-size: 16px;text-align: center;}
.banner .info .t2{font-size: 22px;text-align: center;margin-top: 5px;}
.banner .info.center{top: 24%;}
.banner .info.center .t2{font-size: 22px;}
.banner .info.color .w1600{padding: 3vw 4vw;margin: 0 auto;margin-right: auto;padding: 20px 30px;}
.banner .info.color .w1600:before{width: 10px;height: 10px;}
.banner .swiper-button-next{width: 32px;height: 32px;}
.banner .swiper-button-prev{width: 32px;height: 32px;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{font-size: 12px;}
.banner .swiper-pagination{bottom: 2% !important;}
@keyframes indbanDown {0%{opacity: 0;transform: translateY(-50px);}100%{opacity: 1;transform: translateY(0);}}
}


/* index1 */
.index1{padding: 60px 0;background: url(../images/in1_bg.jpg);background-size: cover;}
.index1 .in1_1 .swiper-wrapper{justify-content: space-between;}
.index1 .in1_1 .swiper-slide{width: auto !important;}
.index1 .in1_1 a{display:flex;align-items:center}
.index1 .in1_1 .icon{border-radius:50%;width: 1.58vw;height: 1.58vw;display:flex;align-items:center;justify-content:center;opacity:0;position: relative;background: #CED1D7;padding: .3vw;}
.index1 .in1_1 .icon img{width: 1.2vw;position: relative;z-index: 99;background: #fff;border-radius: 50%;padding: .2vw;}
.index1 .in1_1 .tit{font-size:.88vw;color: #162648;margin-left:.5vw;font-weight: bold;}
.index1 .in1_1 .gress{width: 96%;height: 96%;border-radius: 50%;transition:background 50ms linear;position: absolute;left: 50%;top: 50%;transform: translate(-50% ,-50%);}
.index1 .in1_1 .swiper-slide-thumb-active .icon{opacity:1}
.index1 .in1_2{margin-top:3vw}
.index1 .in1_2 .item{display: flex;align-items: center;justify-content: space-between;}
.index1 .in1_2 .item .info{width: 34vw;}
.index1 .in1_2 .item .info .t1{font-size: 2.58vw;color: #162648;font-weight: bold;margin-bottom: 1.5vw;}
.index1 .in1_2 .item .info .text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.index1 .in1_2 .item .info .text p:nth-child(1){margin-top: 0;}
.index1 .in1_2 .item .info .text p{font-size: .85vw;color: #162648;margin-top: 1vw;line-height: 1.6;position: relative;padding-left: 1.5vw;}
.index1 .in1_2 .item .info .text p:after{content: "";position: absolute;background: url(../images/p_icon09.png);background-size: cover;width: .7vw;height: .7vw;left: 0;top: 55%;transform: translate(0 ,-50%);}
.index1 .in1_2 .item .info .ul{display: flex;align-items: center;margin-top: 6vw;}
.index1 .in1_2 .item .info  .ul .red{margin-right: 3.5%;}
.index1 .in1_2 .item .img{width: 45vw;text-align: right;}
@media screen and (max-width:1080px){
.index1{padding: 60px 0;}
.index1 .in1_1 .tit{font-size: 15px;}
.index1 .in1_1 .icon{width: 30px;height: 30px;padding: 4px;}
.index1 .in1_1 .icon img{width: 20px;padding: 4px;}
.index1 .in1_1 .swiper-slide{margin-right: 25px;}
.index1 .in1_2{margin-top: 60px;}
.index1 .in1_2 .item .info{width: 50%;}
.index1 .in1_2 .item .info .t1{font-size: 28px;margin-bottom: 30px;}
.index1 .in1_2 .item .info .text p{font-size: 15px;padding-left: 15px;}
.index1 .in1_2 .item .info .text p:after{width: 14px;height: 14px;top: 6px;transform: translate(0);}
.index1 .in1_2 .item .img{width: 45%;}
.index1 .in1_2 .item .info .ul{margin-top: 40px;}
}
@media screen and (max-width:680px){
.index1 .in1_2{margin-top: 40px;}
.index1 .in1_2 .item{flex-wrap: wrap;}
.index1 .in1_2 .item .info{width: 100%;}
.index1 .in1_2 .item .img{width: 80%;margin: 0 auto;margin-top: 60px;}
}
@media screen and (max-width:520px){
.index1{padding: 30px 0;}
.index1 .in1_1 .swiper-slide{margin-right: 0;width: 33.3% !important;}
.index1 .in1_1 .tit{margin-left: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index1 .in1_1 .icon{width: 28px;height: 28px;}
.index1 .in1_1 .icon img{width: 18px;}
.index1 .in1_1 .gress{width: 34.55px;height: 34.55px;}
.index1 .in1_2{margin-top: 20px;}
.index1 .in1_2 .item .info .t1{font-size: 20px;margin-bottom: 15px;}
.index1 .in1_2 .item .info .text p{font-size: 14px;padding-left: 15px;line-height: 25px;}
.index1 .in1_2 .item .img{margin-top: 40px;width: 85%;}
.index1 .in1_2 .item .info .ul{margin-top: 25px;}
}


/* index2 */
.index2{padding: 70px 0;}
.index2 .odcontent{max-width: 72vw;}
.index2 .cont{background: #F1F5F7;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;border-radius: 20px;}
.index2 .cont .img{width: 52%;}
.index2 .cont .img img{border-radius: 20px;width: 100%;}
.index2 .cont .info{width: calc(46% - 5vw);padding: 0 3vw 0 2vw;}
.index2 .cont .info .t1{font-size:2vw;color:#000;font-weight:700;margin-bottom:1.5vw}
.index2 .cont .info .text p{color: #162648;font-size:.86vw;line-height:2.4;transition: all .3s;cursor: grabbing;}
.index2 .cont .info .text p img{margin-right: .5vw;width: .98vw;}
.index2 .cont .info .text p:hover{transform: translateX(10px);}
.index2 .cont .info .tit{color:#666;font-size: 1vw;margin-top:1vw;line-height: 2;}
@media screen and (max-width:1080px){
.index2{padding: 60px 0;}
.index2 .odcontent{max-width: 85vw;}
.index2 .cont .info{width: calc(50% - 60px);padding: 30px;}
.index2 .cont .info .t1{font-size: 24px;margin-bottom: 20px;}
.index2 .cont .info .text p{font-size: 15px;line-height: 2.2;}
.index2 .cont .info .text p img{width: 14px;margin-right: 5px;}
.index2 .cont .info .tit{font-size: 15px;margin-top: 15px;}
}
@media screen and (max-width:768px){
.index2 .odcontent{max-width: 1600px;}
.index2 .cont{border-radius: 10px;}
.index2 .cont .img{width: 100%;order: 1;}
.index2 .cont .img img{border-radius: 10px;}
.index2 .cont .info{width: 100%;}
}
@media screen and (max-width:520px){
.index2{padding: 30px 0;}
.index2 .cont .info{padding: 20px;}
.index2 .cont .info .t1{font-size: 20px;margin-bottom: 10px;}
.index2 .cont .info .text p{font-size: 14px;line-height: 2;}
.index2 .cont .info .text p:after{width: 14px;height: 14px;top: 6px;transform: translate(0);}
.index2 .cont .info .text p img{width: 11px;}
.index2 .cont .info .tit{font-size: 14px;margin-top: 10px;line-height: 25px;}
}


/* index3 */
.index3{position: relative;}
.index3 .in3_1{max-width: 75vw;margin: 0 auto;}
.index3 .in3_1 .li{text-align: center;cursor: grabbing;position: relative;padding-bottom: 1vw;}
.index3 .in3_1 .li:after{position: absolute;height: 100%;width: 0;content: "";left: 0;top: 0;background: linear-gradient(0deg, hsl(358 92% 47% / 0.15) 0%, transparent 100%);transition:all .5s;z-index: 1;border-bottom: 5px solid #fff;}
.index3 .in3_1 .li:before{position: absolute;height: 5px;width: 0;content: "";left: 0;bottom: 0;transition:all .5s;z-index: 1;background: #E60A11;}
.index3 .in3_1 .li .icon img{width: 4.3vw;transition: .75s all;}
.index3 .in3_1 .li .icon img:nth-child(2){display: none;margin: 0 auto;}
.index3 .in3_1 .li p{font-size: .9vw;margin-top: 10px;color: #162648;}
.index3 .in3_1 .swiper-slide-thumb-active .li:before{width: 100%;}
.index3 .in3_1 .swiper-slide-thumb-active .li:after{width: 100%;}
.index3 .in3_1 .swiper-slide-thumb-active .li p{color: #E60B11;}
.index3 .in3_1 .swiper-slide-thumb-active .li .icon img:nth-child(1){display: none;}
.index3 .in3_1 .swiper-slide-thumb-active .li .icon img:nth-child(2){display: block;}
.index3 .item{position: relative;cursor: grabbing;}
.index3 .item .img img{width: 100%;}
.index3 .item .info{position: absolute;left: 0;top: 50%;transform: translate(0 ,-50%);width: 100%;}
.index3 .item .info .t1{font-size:1.68vw;color:#fff;font-weight:700;letter-spacing:2px;opacity: 0;}
.index3 .item .info .text{margin:2vw 0;opacity: 0;}
.index3 .item .info .text p{font-size:.85vw;line-height:2;width:39%;color:#f6f6f7}
.index3 .item .info .aniu{opacity: 0;}
.index3 .swiper-slide-active .item .info .t1{animation: in3Down 1s ease both .4s;}
.index3 .swiper-slide-active .item .info .text{animation: in3Down 1s ease both .5s;}
.index3 .swiper-slide-active .item .info .aniu{animation: in3Down 1s ease both .4s;}
@keyframes in3Down {0%{opacity: 0;transform: translateY(-100px);}100%{opacity: 1;transform: translateY(0);}}
@media screen and (max-width:1080px){
.index3 .in3_1{max-width: 1600px;width: 92%;}
.index3 .in3_1 .li .icon img{width: 58px;}
.index3 .in3_1 .li p{font-size: 15px;}
.index3 .item .info .t1{font-size: 24px;}
.index3 .item .info .text p{font-size: 13px;line-height: 25px;}
}
@media screen and (max-width:768px){
.index3 .in3_1 .li .icon img{width:50px;}
.index3 .in3_1 .li p{font-size: 14px;}
.index3 .item .info .text{margin: 20px 0;}
.index3 .item .info .text p{width: auto;}
.index3 .item .img{height: 350px;}
.index3 .item .img img{height: 100%;object-fit: cover;}
}
@media screen and (max-width:520px){
.index3 .in3_1 .li{padding-bottom: 10px;}
.index3 .in3_1 .li:before{height: 4px;}
.index3 .in3_1 .li .icon img{width: 40px;}
.index3 .in3_1 .li p{font-size: 14px;}
.index3 .item .info .t1{font-size: 20px;}
.index3 .item .info .text{margin: 18px 0;}
.index3 .item .info .text p{height: 120px;overflow-y: auto;}
.index3 .item .img{height: 300px;}
}


/* index4 */
.index4{padding: 70px 0;z-index: 99;position: relative;background: #fff;}
.index4 .odcontent{max-width: 72vw;}
.index4 .in4{margin-top: 4vw;}
.index4 .item{position: relative}
.index4 .item::after{position: absolute;content: "";width: 100%;height: 100%;background: #0000002e;left: 0;top: 0;z-index: 1;border-radius: 20px;}
.index4 .item .bg img{width: 100%;border-radius: 20px;}
.index4 .item .info{position:absolute;left:8%;bottom:10%;z-index: 9;display: none;}
.index4 .item .info .t1{font-size:1.88vw;color:#fff;font-weight:700;letter-spacing: 2px;}
.index4 .item .info .t2{font-size:.9vw;color:#fff;margin-top:.5vw}
.index4 .item .info .aniu{margin:initial;margin-top:2.5vw;border:none}
.index4 .swiper-button-disabled{pointer-events: none !important;opacity: 0 !important;}
.index4 .swiper-button-next:after,.index4 .swiper-button-prev:after{color: #fff;font-size: 2vw;}
.index4 .swiper-button-next:hover:after,.index4 .swiper-button-prev:hover:after{color: #E60A11;}
@media screen and (max-width:1080px){
.index4{padding: 60px 0;box-shadow: initial;position: initial;}
.index4 .odcontent{max-width: 85vw;}
.index4 .in4{margin-top: 40px;}
.index4 .item .info .t1{font-size: 24px;}
.index4 .item .info .t2{font-size: 15px;margin-top: 10px;}
.index4 .swiper-button-next:after, .index4 .swiper-button-prev:after{font-size: 26px;}
}
@media screen and (max-width:768px){
.index4 .odcontent{max-width: 1600px;}
}
@media screen and (max-width:520px){
.index4{padding: 30px 0;}
.index4 .in4{margin-top: 30px;}
.index4 .item::after{border-radius: 10px;}
.index4 .item .bg img{border-radius: 10px;}
.index4 .item .info{left: 10%;}
.index4 .item .info .t1{font-size: 20px;}
.index4 .item .info .t2{font-size: 13px;margin-top: 10px;}
.index4 .item .info .aniu{margin-top: 15px;}
.index4 .swiper-button-next:after, .index4 .swiper-button-prev:after{font-size: 24px;}
}


/* index5 */
.index5{padding: 20px 0 160px;height: 32vw;}
.index5 .cont{position: relative;}
.index5 .pic img:nth-child(2){display: none;}
.index5 .info{width: 38vw;margin: 0 auto;margin-right: 0;position: absolute;right: 6vw;top: 50%;transform: translate(0 ,-50%);}
.index5 .info .in_tit .title{color:#162648;text-align:left}
.index5 .info .in_tit .en{text-align:left;font-size:1vw;text-transform:uppercase;color:#162648;font-weight:700;letter-spacing:2px}
.index5 .info .text{color:#162648;font-size: .95vw;line-height:2;text-indent: 2em;}
.index5 .info .ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin: 3vw 0;}
.index5 .info .ul li .tit{display:flex;align-items:center}
.index5 .info .ul li .icon img{width:1.85vw}
.index5 .info .ul li .tit span{font-size:3vw;font-family:BebasNeue-Regular;color:#162648;margin-left: .4vw;}
.index5 .info .ul li .tit sup{font-size:1.5vw;color:#162648;margin-top:-2vw}
.index5 .info .ul li p{font-size:.82vw;color:#162648}
@media screen and (max-width: 1080px){
.index5{padding: 0;height: auto;transform: translate3d(0px, 0px, 0px) !important;}
.index5 .cont{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.index5 .pic{width: 45%;}
.index5 .pic img:nth-child(1){display: none;}
.index5 .pic img:nth-child(2){display: block;}
.index5 .info{width: 45%;position: initial;transform: translate(0 , 0);padding-right: 6%;}
.index5 .info .in_tit{margin-bottom: 25px;}
.index5 .info .in_tit .en{font-size: 16px;}
.index5 .info .text{font-size: 14px;line-height: 26px;}
.index5 .info .ul{margin: 20px 0 30px;}
.index5 .info .ul li{width: 32%;}
.index5 .info .ul li .icon img{width: 32px;}
.index5 .info .ul li .tit span{font-size: 45px;}
.index5 .info .ul li .tit sup{font-size: 20px;}
.index5 .info .ul li p{text-align: center;font-size: 14px;}
}
@media screen and (max-width:950px){
.index5 .cont{width: 92%;margin: 0 auto;}
.index5 .pic{width: 100%;order: 1;}
.index5 .info{width: 100%;background-color: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, .1);padding: 30px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
}
@media screen and (max-width:520px){
.index5 .info{padding: 20px;}
.index5 .info .in_tit{margin-bottom: 15px;}
.index5 .info .in_tit .en{font-size: 14px;letter-spacing: 1px;}
.index5 .info .text{font-size: 14px;line-height: 25px;}
.index5 .info .ul{margin: 15px 0 20px;}
.index5 .info .ul li{width: 30%;}
.index5 .info .ul li .icon img{width: 25px;}
.index5 .info .ul li .tit span{font-size: 40px;margin-left: 5px;}
.index5 .info .ul li .tit sup{font-size: 16px;margin-top: -20px;}
.index5 .info .ul li p{font-size: 12px;}
}

/* index6 */
.index6{padding: 70px 0;position: relative;background: #fff;}
.index6 .odcontent{max-width: 72vw;}
.index6 .img img{width: 100%;border-radius: 20px;}
.index6 .swiper-button-disabled{pointer-events: none !important;opacity: 0 !important;}
.index6 .swiper-button-next:after,.index6 .swiper-button-prev:after{color: #fff;font-size: 2vw;}
.index6 .swiper-button-next:hover:after,.index6 .swiper-button-prev:hover:after{color: #E60A11;}
@media screen and (max-width:1080px){
.index6{padding: 60px 0;box-shadow: initial;position: initial;}
.index6 .odcontent{max-width: 85vw;}
.index6 .swiper-button-next:after, .index6 .swiper-button-prev:after{font-size: 26px;}
}
@media screen and (max-width:768px){
.index6 .odcontent{max-width: 1600px;}
}
@media screen and (max-width:520px){
.index6{padding: 30px 0;}
.index6 .img img{border-radius: 10px;}
.index6 .swiper-button-next:after, .index6 .swiper-button-prev:after{font-size: 24px;}
}


/* index7 */
.index7{padding: 70px 0;background: url(../images/in7_bg.jpg);background-size: cover;position: relative;}
.index7 .cont{position: relative;}
.index7 .cont .in7{width: 90%;}
.index7 .cont .swiper-slide{background:#fff;height: auto;border-radius:5px;display: flex;align-items: center;justify-content: center;}
.index7 .cont .img{padding: .35vw 0;}
.index7 .cont .swiper-button-prev{width: 2.4vw;height: 2.4vw;border-radius: 50%;border: 2px solid #AAAAAA;left: 0;}
.index7 .cont .swiper-button-next{width: 2.4vw;height: 2.4vw;border-radius: 50%;border: 2px solid #AAAAAA;right: 0;}
.index7 .cont .swiper-button-next:after,.index7 .cont .swiper-button-prev:after{color: #AAAAAA;font-size: .85vw;font-weight: bold;}
.index7 .cont .swiper-button-prev:hover,.index7 .cont .swiper-button-next:hover{background: #E60A11;border: 1px solid #E60A11;}
.index7 .cont .swiper-button-prev:hover:after,.index7 .cont .swiper-button-next:hover:after{color: #fff;}
@media screen and (max-width:1080px){
.index7{padding: 60px 0;}
.index7 .cont .swiper-button-next{right: -2%;width: 36px;height: 36px;}
.index7 .cont .swiper-button-prev{left: -2%;width: 36px;height: 36px;}
.index7 .cont .swiper-button-next:after, .index7 .cont .swiper-button-prev:after{font-size: 16px;}
.index7 .cont .img{text-align: center;}
.index7 .cont .img img{transition:all .6s;width: 80%;}
}
@media screen and (max-width:520px){
.index7{padding: 30px 0;}
.index7 .in_tit .title{font-size: 22px;}
.index7 .cont .swiper-button-next{width: 32px;height: 32px;}
.index7 .cont .swiper-button-prev{width: 32px;height: 32px;}
.index7 .cont .swiper-button-next:after, .index7 .cont .swiper-button-prev:after{font-size: 12px;}
}
