/* shuipingtc */
.shuipingtc{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 200;background: rgba(0, 0, 0, 0.65);display: none;}
.shuipingtc .shi_con{width: 1000px;max-height: 600px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.shuipingtc .shi_con video{width: 100%;height: 100%;object-fit: cover;}
.shuipingtc .shi_con .out{width: 50px;height: 50px;position: absolute;right: -60px;top: 0px;cursor: pointer;}
@media screen and (max-width:1080px) {
.shuipingtc .shi_con{width: 90%;}
.shuipingtc .shi_con .out{width: 36px;height: 36px;right: -5px;top: -50px;}
}

/* title */
.in_tit{position: relative;margin-bottom: 50px;}
.in_tit .title{font-size: 50px;font-weight: bold;color: #000;font-family: "Urbanist-Bold";overflow: hidden;text-align: center;}
.in_tit .title span{color: #DF242A;}
@media screen and (max-width:1440px){
.in_tit .title{font-size: 45px;}
}
@media screen and (max-width:1280px){
.in_tit .title{font-size:40px;}
}
@media screen and (max-width:1080px){
.in_tit{margin-bottom: 40px;}
.in_tit .title{font-size:35px;}
}
@media screen and (max-width:768px){
.in_tit .title{font-size:30px;}
}
@media screen and (max-width:520px){
.in_tit{margin-bottom: 20px;}
.in_tit .title{font-size:25px;}
}

 
/* banner */
.banner{position: relative;overflow: hidden;}
.banner .img img{width: 100%;}
.banner .text{position: absolute;top: 32%;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;font-style:italic;text-transform: uppercase;letter-spacing: 2px;}
.banner .text .bom{align-items: center;margin-top: 3%;}
.banner .text .bom p{color: #fff;font-size: 20px;font-weight: bold;letter-spacing: 2px;}
.banner .swiper-pagination{bottom: 4%;}
.banner .swiper-pagination-bullet{opacity: 1;background: #fff;width: 10px;height: 10px;margin: 0 8px !important;}
.banner .swiper-pagination-bullet-active{background: #DF242A;}
.banner .text h3, .banner .text .bom{opacity: 0;}
.banner .swiper-slide-active .text h3{animation: indbanDown 1s ease both 0.5s;}
.banner .swiper-slide-active .text .bom{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 .text h3{font-size:35px;}
.banner .text .bom p{font-size: 16px;}
}
@media screen and (max-width:1080px) {
.banner .text{top: 50%;}
.banner .text .txt{padding: 30px 20px;}
.banner .text h3{font-size:30px;}
.banner .text .bom p{font-size: 16px;}
}
@media screen and (max-width:768px) {
.banner{margin-top: 70px;}
.banner .in_ban{transform: translate3d(0px, 0px, 0px) !important;}
.banner .text .txt{padding: 0;background: none;}
.banner .text h3{font-size:25px;}
.banner .text .bom p{font-size: 15px;letter-spacing: initial;}
}
@media screen and (max-width:520px) {
.banner{margin-top: 66px;}
.banner .in_ban{transform: translate3d(0px, 0px, 0px) !important;}
.banner .text h3{font-size: 22px;}
.banner .text .bom p{font-size: 13px;}
.banner .swiper-pagination{bottom: 6%;}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 6px !important;}
}


/* index1 */
.index1{padding: 30px 0;background: #FAFAFA;}
.index1 .swiper-slide{text-align: center;}
.index1 .swiper-slide img{width: 80px;transition: 0.3s;}
.index1 .swiper-slide:hover img{transform: translateY(-5px);}
@media screen and (max-width:1440px){
.index1 .swiper-slide img{width: 68px;}
}
@media screen and (max-width:1080px){
.index1{padding: 25px 0;}
.index1 .swiper-slide img{width: 58px;}
}
@media screen and (max-width:768px){
.index1 .swiper-slide img{width: 50px;}
}
@media screen and (max-width:520px){
.index1{padding: 13px 0;background: #f0f0f0;}
.index1 .swiper-slide img{width: 45px;}
}

/* index2 */
.index2{padding: 80px 0;}
.index2 .rd{border:1px solid #dfdfdf;border-radius:4px;display:flex;align-items:center}
.index2 .rd a{width:calc(100% / 9);height:65px;font-size:18px;color:#333;display:flex;align-items:center;justify-content:center;position: relative;transition:0.38s;}
.index2 .rd a:before{position:absolute;left:0;bottom:0;content:"";width:0%;height:100%;background:#DF242A;transition:0.38s;z-index:-1}
.index2 .rd a.active{color: #fff;font-weight: bold;}
.index2 .rd a.active:before,.index2 .rd a.hover:before{width: 100%;}
.index2 .hd{margin-top: 40px;}
.index2 .hd .item{border-radius: 4px;position: relative;padding:0 20px 20px 20px;box-shadow: 0 0 5px rgb(152 152 152 / 10%);background-color: #fff;border: 1px solid #DFDFDF;}
.index2 .hd .item::after{content:"";width: 0;height:2px;position:absolute;left:50%;bottom:0;transform:translate(-50%,0);background:#DF242A;border-radius:10px;transition:All 0.3s ease-in-out;}
.index2 .hd .item .img{overflow: hidden;}
.index2 .hd .item .img img{transition: all .8s;}
.index2 .hd .item p{font-size: 20px;color: #333;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index2 .hd .item:hover::after{width: 100%;}
.index2 .hd .item:hover .img img{transform:scale(1.06);}
@media screen and (max-width:1440px){
.index2 .rd a{height: 60px;}
}
@media screen and (max-width:1280px){
.index2 .rd a{height: 55px;font-size: 17px;}
}
@media screen and (max-width:1080px){
.index2{padding: 60px 0;}
.index2 .rd a{font-size: 16px;}
.index2 .hd .item p{font-size: 18px;}
.index2 .in2{padding-bottom: 60px;}
.index2 .swiper-pagination{bottom: 0;}
.index2 .swiper-pagination-bullet{border-radius: 0;}
.index2 .swiper-pagination-bullet-active{background: #DF242A;}
}
@media screen and (max-width:768px){
.index2 .rd{flex-wrap: wrap;}
.index2 .rd a{width: 33.3%;height: 50px;}
.index2 .rd a::after{position: absolute;content: "";right: 0;height: 70%;width: 1px;background-color: #dfdfdf;top: 15%;}
.index2 .rd a.active::after{display: none;}
.index2 .rd a:nth-child(3n+3)::after{display: none;}
.index2 .rd a.active::after{display: none;}
}
@media screen and (max-width:520px){
.index2{padding: 30px 0;}
.index2 .rd a{height: 38px;}
.index2 .hd{margin-top: 20px;}
.index2 .hd .item{padding:0 10px 10px 10px;}
.index2 .hd .item p{font-size: 16px;}
.index2 .in2{padding-bottom: 40px;}
}


/* index3 */
.index3{position: relative;}
.index3 .bg{background: url(../images/in3_bg.jpg);background-position: bottom center;background-repeat: no-repeat;color: #fff;padding-bottom: 34%;background-attachment: fixed;z-index: 1;background-size: cover;}
.index3 .cont{position:absolute;top: 50%;transform:translate(-50% ,-50%);left: 50%;}
.index3 .in_tit{width: 78%;margin: 0 auto;}
.index3 .in_tit .title{color: #fff;}
.index3 .play{position: relative;text-align: center;width: 68px;margin: 0 auto;margin-top: 50px;}
.index3 .play:before{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.5);transform:translate(-50%,-50%) scale(.9);transition:all .5s cubic-bezier(.215,.61,.355,1) 0s;}
.index3 .play:after{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.25);transform:translate(-50%,-50%) scale(.9);transition:all .4s cubic-bezier(.215,.61,.355,1) 50ms}
.index3 .play:hover:before{transform:translate(-50%,-50%) scale(1.3)}
.index3 .play:hover:after{transform:translate(-50%,-50%) scale(1.6)}
@media screen and (max-width:1440px){
.index3 .play{width: 58px;}
}
@media screen and (max-width:1080px){
.index3 .cont{width: max-content;}
.index3 .in_tit{width: 78%;}
.index3 .play{width: 50px;}
}
@media screen and (max-width:768px){
.index3 .play{width: 45px;margin-top: 30px;}
}
@media screen and (max-width:520px){
.index3 .play{width: 40px;margin-top: 20px;}
.index3 .bg{background-position: center;padding-bottom: 58%;background-attachment: initial;}
}


/* index4 */
.index4{padding: 80px 0;background: url(../images/in4_bg.jpg);background-size: cover;overflow: hidden;}
.index4 .in_tit{width: 30%;background: #F3F3F3;margin-bottom: 0;z-index: 99;padding-right: 5%;}
.index4 .in_tit::after{position: absolute;content: "";width: 60vh;height: 100%;background: #F3F3F3;top: 0;left: -60vh;}
.index4 .in_tit .title{text-align:left;line-height:1}
.index4 .in_tit .tit{margin:50px 0;font-size:18px;color:#000;line-height:24px}
.index4 .in_tit .bn{background: #E0282E;border-radius: 4px;width: max-content;padding: 8px 12px;}
.index4 .in_tit .bn a{color: #fff;font-size: 16px;display: flex;align-items: center;}
.index4 .in_tit .bn a img{margin-left: 10px;transition:all .5s;}
.index4 .in_tit .bn:hover a img{transform: translateX(5px);}
.index4 .cont{width:60%;}
.index4 .cont .in4{overflow:initial}
.index4 .cont .item::after{position: absolute;height: 100%;width: 100%;content: "";left: 0;top: 0;background: linear-gradient(0deg, #00000091 0%, transparent 58%);transition:.9s all;}
.index4 .cont .item .img{overflow:hidden}
.index4 .cont .item .img img{transition:all .8s;width: 100%;border-radius: 6px;}
.index4 .cont .item:hover .img img{transform:scale(1.06)}
.index4 .cont .item .info{position:absolute;bottom: 0;left: 0;z-index: 99;width: auto;padding: 0 30px 20px 20px;}
.index4 .cont .item .info h3{color:#fff;font-size:20px;font-weight:700;margin-top: 20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.index4 .in4{}
.index4 .swiper-pagination{display: none;}
.index4 .swiper-pagination-bullet{border-radius: 0;}
.index4 .swiper-pagination-bullet-active{background: #DF242A;}
@media screen and (max-width:1280px){
.index4 .cont .item .info .icon img{width: 34px;}
}
@media screen and (max-width:1080px){
.index4{padding: 60px 0;}
.index4 .in_tit{width: 34%;}
.index4 .in_tit .tit{margin: 35px 0;font-size: 17px;}
.index4 .cont .item .info h3{font-size: 18px;margin-top: 15px;}
}
@media screen and (max-width:850px){
.index4 .cont .in4{overflow: hidden;padding-bottom: 40px;}
.index4 .in_tit .tit{margin: 25px 0;}
.index4 .in_tit{width: 100%;margin-bottom: 30px;}
.index4 .cont{width: 100%;}
.index4 .swiper-pagination{display: block;bottom: 0;}
}
@media screen and (max-width:520px){
.index4{padding: 30px 0;}
.index4 .in_tit{margin-bottom: 20px;}
.index4 .in_tit .tit{margin: 15px 0;font-size: 17px;}
.index4 .in_tit .bn a{font-size: 14px;}
.index4 .cont .item .info{padding: 0 10px 12px 15px;}
.index4 .cont .item .info .icon img{width: 30px;}
.index4 .cont .item .info h3{font-size: 16px;margin-top: 10px;}
}
 


/* index5 */
.index5{padding: 90px 0;}
.index5 li{text-align: center;width: 25%;}
.index5 li img{transition: all .6s linear;}
.index5 li:hover img{transform: rotateY(180deg);}
.index5 li h3{font-size: 20px;color: #000;margin: 20px 0 10px;}
.index5 li p{font-size: 16px;color: #333;}
@media screen and (max-width:1080px){
.index5{padding: 60px 0;}
.index5 li h3{font-size: 18px;margin: 15px 0 10px;}
}
@media screen and (max-width:768px){
.index5 li img{width: 40px;}
.index5 li p{font-size: 15px;}
}
@media screen and (max-width:680px){
.index5{padding: 60px 0 40px;}
.index5 li{width: 50%;margin-bottom: 20px;}
}
@media screen and (max-width:520px){
.index5{padding: 30px 0 10px;}
.index5 li h3{margin: 10px 0 5px;}
.index5 li img{width: 38px;}
.index5 li p{font-size: 14px;}
}


/* index6 */
.index6{position: relative;overflow: hidden;margin: 80px 0;}
.index6 .cont{display: flex;flex-wrap: wrap;}
.index6 .in_tit{margin-bottom: 30px;}
.index6 .in_tit .title{text-align: left;margin-bottom: 15px;}
.index6 .in_tit .name{color: #1e1e1e;font-size: 20px;font-weight: bold;margin-top: 10px;position: relative;padding-bottom: 20px;text-transform: uppercase;}
.index6 .in_tit .name::after{position: absolute;content: "";left: 0;bottom: 0;height: 3px;width: 8%;background: #E0282E;border-radius: 6px;}
.index6 .left{width: 50%;}
.index6 .left .img{position: relative;}
.index6 .left .img img{width: 100%;}
.index6 .left .swiper-button-next{right: 0;width: 50px;height: 50px;background: #00000073;bottom: 0;top: auto;}
.index6 .left .swiper-button-prev{width: 50px;height: 50px;background: #00000073;top: auto;bottom: 0;left: auto;right:50px;}
.index6 .left .swiper-button-next:after, .index6 .left .swiper-button-prev:after{color: #fff;font-size: 18px;}
.index6 .right{width: calc(64% - 100px);background-color: #F2F2F2;padding: 70px 50px;position: absolute;right: -14%;}
.index6 .right .info{width: 66%;}
.index6 .right .info p{font-size: 16px;color: #333;line-height: 2;}
.index6 .right .info h3{font-size: 25px;margin: 10px 0;}
.index6 .right .info .btn{margin-top: 30px;}
.index6 .right .info .btn{background: #E0282E;border-radius: 4px;width: max-content;padding: 8px 12px;}
.index6 .right .info .btn a{color: #fff;font-size: 16px;display: flex;align-items: center;}
.index6 .right .info .btn a img{margin-left: 10px;transition:all .5s;}
.index6 .right .info .btn:hover a img{transform: translateX(5px);}
@media screen and (max-width:1600px){
.index6 .w1440{background: #F2F2F2;}
.index6 .right{padding: 50px;right: -18%;width: calc(68% - 100px);}
.index6 .right .info{width: 75%;}
.index6 .right .info p{line-height: 28px;}
}
 
@media screen and (max-width:1440px){
.index6 .in_tit{margin-bottom: 20px;}
.index6 .in_tit .title{font-size: 40px;margin-bottom: 10px;}
.index6 .in_tit .name{font-size: 18px;}
.index6 .right{padding: 35px;width: calc(70% - 100px);}
}
@media screen and (max-width:1350px){
.index6 .in_tit .title{font-size: 35px;}
.index6 .in_tit .name{font-size: 17px;padding-bottom: 15px;}
.index6 .right .info{width: 70%;}
.index6 .right .info p{line-height: 26px;}
.index6 .right .info .btn{margin-top: 20px;}
}
@media screen and (max-width:1280px){
.index6{height: auto;}
.index6 .right{right: 0;position: initial;width: calc(50% - 50px);padding: 25px;}
.index6 .in_tit{margin-bottom: 20px;}
.index6 .right .info .btn{margin-top: 20px;margin-bottom: 0;}
.index6 .right .info{width: 100%;}
.index6 .in_tit .title{font-size: 30px;}
.index6 .right .info p{font-size: 15px;line-height: 25px;}
}
@media screen and (max-width:1200px){
.index6 .in_tit{margin-bottom: 15px;}
.index6 .in_tit .title{margin-bottom: 0;font-size: 35px;}
.index6 .in_tit .name{font-size: 16px;padding-bottom: 10px;}
.index6 .right .info p{font-size: 14px;}
.index6 .right .info .btn{margin-top: 15px;}
.index6 .right .info .btn a{font-size: 14px;}
}
@media screen and (max-width:1080px){
.index6{background: #fff;margin: 60px 0;}
.index6 .left{width: 100%;}
.index6 .left .img{height: auto;}
.index6 .right{width: 100%;order: -1;}
.index6 .right .info h3{font-size: 22px;margin: 10px 0;}
.index6 .right .info .btn{display: block;margin-top: 20px;}
}
@media screen and (max-width:580px){
.index6{margin: 30px 0;}
.index6 .left .swiper-button-next{right: 0;top: 50%;background: #000000b5;width: 40px;height: 40px;}
.index6 .left .swiper-button-prev{top: 50%;left: 0;background: #000000b5;width: 40px;height: 40px;}
.index6 .left .swiper-button-next:after, .index6 .left .swiper-button-prev:after{font-size: 13px;}
.index6 .right{padding: 20px 15px;}
.index6 .in_tit{margin-bottom: 10px;}
.index6 .in_tit .tit{font-size: 14px;letter-spacing: 1px;margin-bottom: 2px;}
.index6 .in_tit .name{font-size: 14px;margin-top: 5px;padding-bottom: 13px;}
.index6 .right .info p{font-size: 14px;line-height: 24px;}
.index6 .right .info h3{font-size: 20px;margin: 8px 0;}
.index6 .right .info .btn{display: block;margin-top: 10px;}
.index6 .right .info .btn a{font-size: 14px;}
}