/* title */
.in_tit{position: relative;text-align: center;margin-bottom: 3vw;}
.in_tit .title{font-size: 2.4vw;color: #000;font-weight: bold;}
.in_tit .t1{font-size: 1.15vw;color: #333;margin: .5vw 0;}
.in_tit .t2{font-size: .9vw;color: #666;}
@media screen and (max-width:1080px){
.in_tit{margin-bottom: 40px;}
.in_tit .title{font-size: 3vw;}
.in_tit .t1{font-size: 14px;margin: 5px 0 7px;}
.in_tit .t2{font-size: 15px;}
}
@media screen and (max-width:768px){
.in_tit .title{font-size:4vw;}
.in_tit .t2{font-size: 14px;}
}
@media screen and (max-width:520px){
.in_tit{margin-bottom: 25px;}
.in_tit .t1{margin: 5px 0;}
.in_tit .title{font-size: 22px;line-height: 1.4;}
}
 
/* banner */
.banner{position:relative;overflow:hidden;}
.banner .odcontent{max-width:72.8vw;margin-left: 56vw;}
.banner .video{position: relative;}
.banner .video::after{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,0.3);}
.banner .video video{width: 100%;object-fit: cover;height: 100vh;}
.banner .info{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50% ,-50%);z-index: 9;transition: all .6s;}
.banner .info.hide{opacity: 0;visibility: hidden;}
.banner .info p{font-size: 56px;color: #fff;font-weight: bold;text-align: center;z-index: 9;position: relative;line-height: 1.25;letter-spacing: -6px;}
.banner .info .bt{display:none;height: 2.2vw;overflow:hidden;position:relative;text-align: center;width: 8vw;margin: 0 auto;margin-top: 4vw;border: 1px solid #fff;transform: skew(-15deg, 0deg);}
.banner .info .bt a{font-size: .82vw;color: #fff;line-height: 2.2vw;width: 100%;z-index: 9;position: relative;background: none;transition: .5s;}
.banner .info .bt:before{content:'';position:absolute;right:0;bottom: 0;z-index:1;width:0;height: 100%;background-color:#fff;transition:.5s;}
.banner .info .bt:hover:before{width: 100%;}
.banner .info .bt:hover a{color:#333;}
.banner .bom{position: absolute;left: 50%;transform: translate(-50%,-50%);bottom: 1%;z-index: 99;}
.banner .bom span{position: relative;width: 1.5vw;height: 2.5vw;border: 2px solid #fff;border-radius: 30px;display: block;overflow: hidden;}
.banner .bom span:before{position:absolute;top:10px;left:50%;content:'';width:6px;height:6px;margin-left:-3px;background-color:#fff;border-radius:100%;-webkit-animation:scrollanim 2s infinite;animation:scrollanim 2s infinite;box-sizing:border-box}
@-webkit-keyframes scrollanim{0%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:0}
40%{opacity:1}
80%{-webkit-transform:translate(0,20px);transform:translate(0,20px);opacity:0}
100%{opacity:0}
}
@media screen and (max-width:1550px){
.banner .info p{font-size: 38px;letter-spacing: -5px;}
}
@media screen and (max-width:1080px){
.banner .in_ban{transform: translate3d(0px, 0px, 0px) !important;}
.banner .video::after{height: 98%;}
.banner .video video{height: auto;}
.banner .info{top: 45%;}
.banner .info p{font-size: 28px;letter-spacing: 2px;}
.banner .info .bt{width: 128px;height: 32px;}
.banner .info .bt a{font-size: 14px;line-height: 32px;}
.banner .bom span{width: 20px;height: 35px;}
}
@media screen and (max-width: 768px) {
.banner{margin-top: 66px;}
.banner .info p{font-size: 24px;letter-spacing: -3px;}
.banner .info .bt{width: 105px;height: 30px;}
.banner .info .bt a{line-height: 30px;}
}
@media screen and (max-width:520px) {
.banner{margin-top: 58.8px;}
.banner .info p{font-size: 20px;letter-spacing: -1px;}
.banner .info p:nth-child(3){margin-top: -10px;}
.banner .info .bt{width: 98px;height: 28px;margin-top: 20px;display: block;}
.banner .info .bt a{line-height: 28px;font-size: 12px;}
.banner .bom{bottom: 1%;}
.banner .bom span{width: 15px;height: 25px;}
}

/* index1 */
.index1{padding:40px 0 90px 0;background: url(../images/in1_bg.jpg);background-size: cover;overflow: hidden;}
.index1 .top{margin-bottom: 2vw;display: flex;justify-content: space-between;align-items: center;}
.index1 .top .in_tit{margin-bottom: 0;}
.index1 .top .rd{display: flex;align-items: center;justify-content: space-between;width: 80%;}
.index1 .top .rd a{padding: .5vw 1.5vw;border-radius: 50px;position: relative;}
.index1 .top .rd a:before{content:'';position:absolute;right: 0;bottom: 0;z-index:1;width:0;height: 100%;background-color:#F2010B;transition:.6s;border-radius: 50px;}
.index1 .top .rd a p{font-size: .88vw;transition:.5s;position: relative;z-index: 9;}
.index1 .top .rd a:hover:before,.index1 .top .rd a.active:before{width: 100%;left: 0;right: auto;}
.index1 .top .rd a:hover p,.index1 .top .rd a.active p{color:#fff;}
.index1 .hd .hd_cont{display: none;}
.index1 .hd .hd_cont:nth-child(1){display: block;}
.index1 .hd .hd_cont .item{background: url(../images/in1_icon.jpg);background-size: cover;border-radius: 8px;margin-right: 2%;margin-bottom: 2%;width: 49%;}
.index1 .hd .hd_cont .item:nth-child(2n+2){margin-right: 0;}
.index1 .hd .hd_cont .item:nth-child(5){margin-bottom: 0;}
.index1 .hd .hd_cont .item:nth-child(6){margin-bottom: 0;}
.index1 .hd .hd_cont .item a{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding: 1vw 1.5vw 1vw 3vw;}
.index1 .hd .hd_cont .item .info{width:50%;transition: all .5s;}
.index1 .hd .hd_cont .item .info .t1{font-size:1.68vw;font-weight:700;margin-bottom:1vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index1 .hd .hd_cont .item .info .t2{font-size:.88vw;color:#666;line-height:1.8}
.index1 .hd .hd_cont .item .img{width:40%;transition: all .5s;}
.index1 .hd .hd_cont .item:hover .info{transform: translateX(15px);}
.index1 .hd .hd_cont .item:hover .img{transform: translateX(-15px);}
.index1 .hd .hd_cont .li{background: #DADCE0;border-radius: 10px;position: relative;margin-right: 1.5%;width: 32.33333%;margin-bottom: 1.5%;}
.index1 .hd .hd_cont .li:nth-child(3n+3){margin-right: 0;}
.index1 .hd .hd_cont .li:nth-child(4){margin-bottom: 0;}
.index1 .hd .hd_cont .li:nth-child(5){margin-bottom: 0;}
.index1 .hd .hd_cont .li:nth-child(6){margin-bottom: 0;}
.index1 .hd .hd_cont .li:after{position: absolute;height: 100%;width: 100%;content: "";left: 0;top: 0;background: linear-gradient(0deg, #f2010b80 0%, transparent 58%);opacity: 0;transition:all .5s;z-index: 1;border-radius: 10px;}
.index1 .hd .hd_cont .li a{padding: 1.5vw;display: block;}
.index1 .hd .hd_cont .li .img{text-align:center;overflow:hidden;display: flex;align-items: center;justify-content: center;min-height: 12vw;position: relative;z-index: 9;}
.index1 .hd .hd_cont .li .img img{transition:all .5s}
.index1 .hd .hd_cont .li .info{transition:all .5s;transform: translateY(1vw);position: relative;z-index: 9;}
.index1 .hd .hd_cont .li .info .t1{font-size:1.2vw;margin-bottom:.5vw;transition:all .5s;min-height: 30px;}
.index1 .hd .hd_cont .li .info .t2{color:#333;font-size:.95vw;transition:all .5s}
.index1 .hd .hd_cont .li .info .line{width:2.4vw;height:2px;background:#000;margin-top:.68vw;opacity: 0;transition: .5s all;}
.index1 .hd .hd_cont .li:hover:after{opacity: 1;}
.index1 .hd .hd_cont .li:hover .img img{transform:scale(1.06)}
.index1 .hd .hd_cont .li:hover .info{transform: translateY(0);}
.index1 .hd .hd_cont .li:hover .info .line{opacity: 1;background: #fff;}
.index1 .hd .hd_cont .li:hover .info .t1{color: #fff;}
.index1 .hd .hd_cont .li:hover .info .t2{color: #fff;}
.index1 .btn{width: max-content;margin: 0 auto;margin-top: 4vw;}
.index1 .btn a{display: flex;align-items: center;}
.index1 .btn i{width:2.5vw;height:2.5vw;border: 2px solid #f2010b;border-radius:50%;position:relative;margin:0 auto;display:flex;align-items:center;justify-content:center;transition:all .5s}
.index1 .btn i::after{content:'';display:block;width: .28vw;height: .28vw;border-radius:50%;background:#f2010b;position:absolute;left:50%;top:0;margin-left: -.2vw;margin-top: -.2vw;transform:rotate(45deg);transform-origin: .16vw 1.43vw;animation: view-more linear 4s infinite;}
.index1 .btn span img{width: 1.25vw;}
.index1 .btn p{font-size: .88vw;margin-left: 1.2vw;}
.index1 .btn:hover i{transform: translateX(10px);}
.index1 .swiper-pagination{bottom: 0;}
.index1 .swiper-pagination-bullet{border-radius:5px;width:40px;height:4px;transition: all .5s;background: #f2010bab;opacity: 1;}
.index1 .swiper-pagination-bullet-active{width: 80px;}
@keyframes view-more{0%{transform:rotate(45deg)}
100%{transform:rotate(405deg)}
}
@media only screen and (max-width: 1440px){
.index1 .top .rd{width: 85%;}
}
@media only screen and (max-width: 1080px){
.index1{padding: 60px 0;}
.index1 .top{flex-wrap: wrap;}
.index1 .top .in_tit{width: 100%;}
.index1 .top .rd{width: 100%;}
.index1 .top .rd a{padding: 1vw 1.5vw;}
.index1 .top .rd a p{font-size: 1.4vw;}
.index1 .hd .hd_cont .item a{padding: 15px 15px 15px 30px;}
.index1 .hd .hd_cont .item .info .t1{font-size: 20px;margin-bottom: 15px;}
.index1 .hd .hd_cont .item .info .t2{font-size: 15px;}
.index1 .hd .hd_cont .li{border-radius: 8px;width: 49%;}
.index1 .hd .hd_cont .li:nth-child(odd){margin-right: 2%;}
.index1 .hd .hd_cont .li:nth-child(even){margin-right: 0;}
.index1 .hd .hd_cont .li:nth-child(4){margin-bottom: 2%;}
.index1 .hd .hd_cont .li a{padding: 15px;}
.index1 .hd .hd_cont .li .info .t1{font-size: 20px;}
.index1 .hd .hd_cont .li .info .t2{font-size: 14px;}
.index1 .btn{margin-top:40px}
.index1 .btn i{width:35px;height:35px}
.index1 .btn:hover i{transform: translateX(5px);}
.index1 .btn i::after{width:5px;height:5px;margin-left:-4px;margin-top:-4px;transform-origin:4px 20px}
.index1 .btn span img{width:20px}
.index1 .btn p{font-size:15px;margin-left: 15px;}
.index1 .swiper{padding-bottom: 40px;}
}
@media only screen and (max-width: 768px){
.index1 .top{margin-bottom: 0;}
.index1 .top .rd{width: 100%;margin: 25px 0;flex-wrap: wrap;justify-content: center;}
.index1 .top .rd a{padding: 8px 12px;}
.index1 .top .rd a p{font-size: 14px;}
.index1 .hd .hd_cont .item a{padding: 20px 15px 20px 30px;}
.index1 .hd .hd_cont .item .info .t1{font-size: 18px;margin-bottom: 10px;}
.index1 .hd .hd_cont .item .info .t2{font-size: 14px;}
.index1 .hd .hd_cont .item:hover .info{transform: translateX(0px);}
.index1 .hd .hd_cont .item:hover .img{transform: translateX(0px);}
.index1 .hd .hd_cont .li .info .t1{font-size: 18px;}
}
@media only screen and (max-width: 520px){
.index1{padding: 35px 0;background-position: bottom;}
.index1 .top .rd{margin: 16px 0;}
.index1 .top .rd a{padding: 6px 25px;}
.index1 .hd .hd_cont .item{border-radius: 5px;}
.index1 .hd .hd_cont .item a{padding: 15px 15px 0 15px;}
.index1 .hd .hd_cont .item .info{width: 100%;}
.index1 .hd .hd_cont .item .info .t2{line-height: 26px;font-size: 13px;}
.index1 .hd .hd_cont .item .img{width: 100%;}
.index1 .hd .hd_cont .li{border-radius: 5px;}
.index1 .hd .hd_cont .li .info{transform: translateY(1.68vw);}
.index1 .hd .hd_cont .li .info .t1{font-size: 16px;margin-bottom: 5px;margin-top: 10px;min-height: 20px;}
.index1 .hd .hd_cont .li .info .t2{font-size: 14px;}
.index1 .btn{margin-top:30px}
.index1 .btn i{width:32px;height:32px}
.index1 .btn i::after{width:5px;height:5px;margin-left:-4px;margin-top:-4px;transform-origin:4px 20px}
.index1 .btn span img{margin-bottom: 2px;width: 16px;}
.index1 .btn p{font-size:14px;margin-left: 10px;}
.index1 .swiper{padding-bottom: 35px;}
.index1 .swiper-pagination{bottom: 0;}
.index1 .swiper-pagination-bullet{width: 30px;height: 3px;}
.index1 .swiper-pagination-bullet-active{width: 50px;}
}


/* index2 */
.index2 .cont{position: relative;}
.index2 .cont .in2_2{position:absolute;bottom: 10%;left:0;width:100%;z-index:9;}
.index2 .cont .in2_2 .w1600{position: relative;padding: 0 3.5vw;}
.index2 .cont .in2_2 .w1600 .swiper{padding-top: 20px;}
.index2 .cont .swiper-button-disabled{pointer-events: none;opacity: 0;}
.index2 .cont .swiper-button-next,.index2 .cont .swiper-button-prev{height: 11.5vw;width: 2vw;background: #f2010b url(../images/btn_icon02.png);background-size: 1.2vw;background-repeat: no-repeat;background-position: center;border-radius: 6px;top: 2.4vw;transition:all .5s;}
.index2 .cont .swiper-button-prev{transform: rotate(180deg);}
.index2 .cont .swiper-button-next:hover,.index2 .cont .swiper-button-prev:hover{height: 9.5vw;top: 3.5vw;}
.index2 .cont .swiper-button-next:after,.index2 .cont .swiper-button-prev:after{display: none;}
.index2 .cont .item .bg img{width:100%}
.index2 .cont .item .info{position:absolute;top:28%;left:0;width:100%;transform:translate(0,-50%)}
.index2 .cont .item .info .t1{color:#fff;font-size:2vw;font-weight:700;margin-bottom:1vw;opacity: 0;}
.index2 .cont .item .info .text p{font-size:.88vw;color:#f7f6f7;line-height:2.4;opacity: 0;}
.index2 .cont .li{transition:all .5s;}
.index2 .cont .li .bg{overflow:hidden;height: 12.5vw;}
.index2 .cont .li .bg img{width:100%;border-radius:10px;object-fit: cover;height: 100%;}
.index2 .cont .li .tit{text-align:center;color:#fff;font-size:1.1vw;margin-top:1vw;}
.index2 .cont .swiper-slide-thumb-active .li{transform:translateY(-20px)}
.index2 .cont .swiper-slide-active .item .info .t1{animation: indbanDown 1s ease both .4s;}
.index2 .cont .swiper-slide-active .item .info .text p{animation: indbanDown 1s ease both .6s;}
@keyframes indbanDown {0%{opacity: 0;transform: translateX(100px);}100%{opacity: 1;transform: translateX(0);}}
@media only screen and (max-width: 1550px){
.index2 .cont .swiper-button-next, .index2 .cont .swiper-button-prev{top: 2.8vw;}
.index2 .cont .swiper-button-next:hover,.index2 .cont .swiper-button-prev:hover{top: 4vw;}
}
@media only screen and (max-width: 1280px){
.index2 .cont .swiper-slide-thumb-active .li{transform: translateY(-15px);}
.index2 .cont .swiper-button-next, .index2 .cont .swiper-button-prev{top: 3.4vw;}
.index2 .cont .swiper-button-next:hover,.index2 .cont .swiper-button-prev:hover{top: 4.5vw;}
}
@media only screen and (max-width: 1080px){
.index2 .cont .item .info{top: 30%;}
.index2 .cont .item .info .t1{font-size: 20px;}
.index2 .cont .item .info .text p{font-size: 14px;line-height: 2;}
.index2 .cont .item .bg{height: 450px;}
.index2 .cont .item .bg img{height: 100%;object-fit: cover;}
.index2 .cont .li .bg{height: auto;}
.index2 .cont .li .bg img{border-radius: 8px;}
.index2 .cont .li .tit{font-size: 15px;margin-top: 10px;}
}
@media only screen and (max-width: 768px){
.index2 .cont .in2_2 .w1600{padding:0;}
.index2 .cont .in2_2 .w1600 .swiper{width: 85%;}
.index2 .cont .swiper-slide-thumb-active .li{transform: translateY(-10px);}
.index2 .cont .swiper-button-next, .index2 .cont .swiper-button-prev{height: 68%;width: 28px;top: 40%;background-size: 14px;}
.index2 .cont .swiper-button-next:hover, .index2 .cont .swiper-button-prev:hover{height: 68%;top: 40%;}
.index2 .cont .item .info .t1{font-size: 18px;margin-bottom: 15px;}
.index2 .cont .item .bg{height: 550px;}
.index2 .cont .li .tit{font-size: 14px;}
}
@media only screen and (max-width: 520px){
.index2 .cont .item .bg{height: 500px;}
.index2 .cont .item .info{top: 38%;}
.index2 .cont .item .info .t1{margin-bottom: 10px;}
.index2 .cont .item .info .text p{font-size: 14px;line-height: 24px;}
.index2 .cont .in2_2{bottom: 6%;}
.index2 .cont .in2_2 .w1600 .swiper{margin-top: 0;width: 82%;}
.index2 .cont .swiper-slide-thumb-active .li{transform: translateY(-5px);}
.index2 .cont .swiper-button-next{width: 24px;background-size: 12px;right: 0;}
.index2 .cont .swiper-button-prev{width: 24px;background-size: 12px;left: 0;}
.index2 .cont .li .bg{height: 75px;}
.index2 .cont .li .bg img{border-radius: 4px;}
}

/* index3 */
.index3{padding:90px 0 120px}
.index3 .ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.index3 .ul li{width:23.5%;box-shadow:0 0 10px rgba(0,0,0,.1);transition:all .5s;border-radius:10px;background:#fff;background-size: 200% auto;position: relative;overflow: hidden;}
.index3 .ul li::after{position: absolute;content: "";right: 0;bottom: 0;background: url(../images/in3_icon.png);background-size: cover;width: 15vw;height: 8vw;}
.index3 .ul li a{padding: 3vw 1.6vw 1.6vw 1.6vw;display:block;}
.index3 .ul li .icon{transition:all .5s;margin-bottom:2.5vw}
.index3 .ul li .icon img{width:3.5vw}
.index3 .ul li .info{transition:all .5s}
.index3 .ul li .info .t1{color:#000;font-size:1.2vw;transition:all .5s}
.index3 .ul li .info .line{width:1.5vw;height:3px;background:#ee1b2d73;margin:1vw 0;transition:all .5s}
.index3 .ul li .info .text{font-size: .85vw;color:#666;line-height:1.8;min-height: 6vw;transition:all .5s;width: 100%;}
.index3 .ul li .btn{width:max-content;margin:0 auto;margin-right:0;margin-top:4vw;display:flex;align-items:center;transition:all .5s;position: relative;}
.index3 .ul li .btn:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;transform:scale(0);background-color:#fff;border-radius:50%;transition:cubic-bezier(.4,.4,0,1) .6s;z-index:1}
.index3 .ul li .btn i{width:2.5vw;height:2.5vw;border:2px solid #f2010b;border-radius:50%;position:relative;margin:0 auto;display:flex;align-items:center;justify-content:center;transition:all .5s;z-index: 9;}
.index3 .ul li .btn span img{width:1.25vw;transform:rotate(-45deg);transition:all .5s}
.index3 .ul li.active{background:url(../images/in3_1.jpg);background-position: right center;}
.index3 .ul li.active:nth-child(2){background:url(../images/in3_2.jpg);background-position: right center;}
.index3 .ul li.active:nth-child(3){background:url(../images/in3_3.jpg);background-position: right center;}
.index3 .ul li.active:nth-child(4){background:url(../images/in3_4.jpg);background-position: right center;}
.index3 .ul li.active .icon{transform: translateY(-50%);opacity: 0;}
.index3 .ul li.active .info{transform: translateY(-6vw);}
.index3 .ul li.active .info .t1{color: #fff;}
.index3 .ul li.active .info .line{background: #fff;}
.index3 .ul li.active .info .text{color: #fff;}
.index3 .ul li.active .btn:before{transform: none;}
.index3 .ul li.active .btn i{border:2px solid #fff;}
.index3 .ul li .btn:hover span img{transform:rotate(0deg);}
@media only screen and (max-width: 1080px){
.index3{padding: 60px 0 80px;}
.index3 .ul li a{padding: 30px 15px 15px 15px;}
.index3 .ul li .icon{margin-bottom: 25px;}
.index3 .ul li .icon img{width: 40px;}
.index3 .ul li .info .t1{font-size: 20px;}
.index3 .ul li .info .line{width: 20px;margin: 15px 0;}
.index3 .ul li .info .text{font-size: 15px;min-height: 150px;}
.index3 .ul li .btn{margin-top: 30px;}
.index3 .ul li .btn i{width: 28px;height: 28px}
.index3 .ul li .btn span img{width: 14px;}
}
@media only screen and (max-width: 768px){
.index3 .ul li{width: 49%;margin-bottom: 2%;border-radius: 6px;}
.index3 .ul li .info .text{min-height: 100px;}
}
@media only screen and (max-width: 520px){
.index3{padding: 35px 0 40px;}
.index3 .ul li a{padding: 18px 12px;}
.index3 .ul li .icon{margin-bottom: 15px;}
.index3 .ul li .icon img{width: 36px;}
.index3 .ul li .info .t1{font-size: 18px;}
.index3 .ul li .info .line{margin: 10px 0;}
.index3 .ul li .info .text{font-size: 13px;min-height: 120px;line-height: 26px;}
.index3 .ul li .btn{margin-top: 20px;}
.index3 .ul li .btn i{width: 26px;height: 26px;}
}



/* index4 */
.index4{background-color: #F5F5F5;padding: 90px 0;}
.index4 .cont{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index4 .cont .left{width: 42.9%;background: #fff;border-radius: 5px;}
.index4 .cont .left .wrap{padding:1.5vw 2vw}
.index4 .cont .left .item{margin-top: 1vw;}
.index4 .cont .left .item .img{overflow:hidden;position: relative;border-radius: 3px;padding-bottom: 43%;height: 0;}
.index4 .cont .left .item .img img{transition:all .5s;height: 100%;object-fit: cover;width: 100%;position: absolute;}
.index4 .cont .left .item .info .t1{font-size:1.2vw;margin-top:1vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;transition:all .5s}
.index4 .cont .left .item .info .t2{color:#666;font-size:.85vw;line-height:1.6;margin-top:.5vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.index4 .cont .left .item .info .sj{display:flex;align-items:center;justify-content:space-between;font-size:.85vw;color:#666;margin-top:1.3vw}
.index4 .cont .left .item .info .sj .bt{transition:all .5s}
.index4 .cont .left .item:hover .img img{transform:scale(1.06)}
.index4 .cont .left .item:hover .info .t1{color: #F2010B;}
.index4 .cont .left .item .info .sj .bt:hover{color: #F2010B;}
.index4 .cont .right{width: 56.1%;}
.index4 .cont .right .wrap{padding:1.5vw 2vw;background:#fff;border-radius:5px}
.index4 .cont .right .wrap:nth-child(2){margin-top: 2%;}
.index4 .cont .top{display:flex;justify-content:space-between;align-items:center}
.index4 .cont .top .tit{position:relative;font-size:1.25vw;font-weight:700;padding-left:1vw}
.index4 .cont .top .tit::after{position: absolute;content: "";height: 80%;width: 4px;background: #F2010B;left: 0;top: 10%;}
.index4 .cont .top .btn{width:max-content;display:flex;align-items:center;transition:all .5s;position:relative}
.index4 .cont .top .btn i{width:2vw;height:2vw;border:2px solid #f2010b;border-radius:50%;position:relative;margin:0 auto;display:flex;align-items:center;justify-content:center;transition:all .5s;z-index:9}
.index4 .cont .top .btn span img{width:1vw;transform:rotate(-45deg);transition:all .5s}
.index4 .cont .top .btn:hover span img{transform:rotate(0deg);}
.index4 .cont .ul{padding-top:1vw;margin-top:1vw;border-top:1px solid #eee}
.index4 .cont .left .ul{padding-top: 1.2vw;margin-top: 1.2vw;}
.index4 .cont .ul li{margin-bottom:.8vw;font-size:.85vw;color:#666;}
.index4 .cont .ul li:nth-last-child(1){margin-bottom: 0;}
.index4 .cont .ul li a{display:flex;align-items:center;justify-content:space-between}
.index4 .cont .ul li .t1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;width: 80%;transition:all .5s;}
.index4 .cont .ul li:hover .t1{color: #F2010B;transform: translateX(10px);}
@media only screen and (max-width: 1080px){
.index4{padding: 60px 0;}
.index4 .cont .top .tit{font-size: 20px;padding-left: 15px;}
.index4 .cont .top .btn i{width: 28px;height: 28px;}
.index4 .cont .top .btn span img{width: 15px;}
.index4 .cont .ul{padding-top: 15px;margin-top: 15px;}
.index4 .cont .ul li{font-size: 15px;margin-bottom: 15px;}
.index4 .cont .ul li .t1{width: 70%;}
.index4 .cont .left .wrap{padding: 20px;}
.index4 .cont .left .item{margin-top: 15px;}
.index4 .cont .left .item .info .t1{font-size: 18px;margin-top: 10px;}
.index4 .cont .left .item .info .t2{font-size: 14px;line-height: 1.8;margin-top: 10px;}
.index4 .cont .left .item .info .sj{font-size: 14px;margin-top: 15px;}
.index4 .cont .right .wrap{padding: 20px;}
}
@media only screen and (max-width: 768px){
.index4 .cont .left{width: 100%;}
.index4 .cont .left .item .img{width: 65%;}
.index4 .cont .right{width: 100%;margin-top: 15px;}
.index4 .cont .right .wrap:nth-child(2){margin-top: 15px;}
}
@media only screen and (max-width: 520px){
.index4{padding: 35px 0;}
.index4 .cont .top .tit{font-size: 18px;padding-left: 10px;}
.index4 .cont .top .btn i{width: 26px;height: 26px;}
.index4 .cont .top .btn span img{width: 14px;}
.index4 .cont .ul{padding-top: 12px;margin-top: 12px;}
.index4 .cont .left .ul{padding-top: 12px;margin-top: 12px;}
.index4 .cont .ul li{font-size: 14px;margin-bottom: 10px;}
.index4 .cont .ul li .t1{width: 70%;}
.index4 .cont .left .wrap{padding: 15px;}
.index4 .cont .left .item{margin-top: 12px;}
.index4 .cont .left .item .img{width: 100%;}
.index4 .cont .left .item .info .t1{font-size: 16px;}
.index4 .cont .left .item .info .t2{font-size: 13px;line-height: 26px;margin-top: 6px;}
.index4 .cont .left .item .info .sj{font-size: 13px;margin-top: 10px;}
.index4 .cont .right{margin-bottom: 10px;}
.index4 .cont .right .wrap{padding: 15px;}
.index4 .cont .right .wrap:nth-child(2){margin-top: 10px;}
}



/* index5 */
.index5{padding: 90px 0;background: url(../images/in5_bg.jpg);background-size: cover;}
.index5 .in_tit .title{color: #fff;}
.index5 .in_tit .t2{color: #ffffffcc;width: 68%;margin: 0 auto;margin-top: .5vw;line-height: 1.8;}
.index5 .play{margin:4vw auto 6vw auto;width:max-content;text-align: center;}
.index5 .play img{width:3.3vw;transition:all .5s}
.index5 .play:hover img{transform: rotate(180deg);}
.index5 .play p{color:#f2010b;font-size:1vw;margin-top:.5vw;font-weight:700}
.index5 .ul{display:flex;justify-content:space-between;background:#f2010b87;padding:1vw 7vw;width:75%;margin:0 auto}
.index5 .ul li{text-align:left;position: relative;}
.index5 .ul li::after{position: absolute;content: "";right: -100%;top: 10%;background: #fff;height: 80%;width: 1px;}
.index5 .ul li:nth-last-child(1):after{display: none;}
.index5 .ul li .icon{margin-bottom:.5vw}
.index5 .ul li .icon img{width:2.1vw}
.index5 .ul li span{font-size:3.2vw;color:#fff;font-weight:700;font-family:BebasNeue-Regular;line-height:1}
.index5 .ul li sub{font-size:1.2vw;color:#fff}
.index5 .ul li p{font-size:.88vw;color:#fff}
@media only screen and (max-width:1080px){
.index5{padding: 70px 0;}
.index5 .in_tit .t2{width: 95%;}
.index5 .play img{width: 50px;}
.index5 .play p{font-size: 16px;margin-top: 6px;}
.index5 .ul{width: auto;padding: 15px 40px;}
.index5 .ul li .icon{margin-bottom: 10px;}
.index5 .ul li .icon img{width: 35px;}
.index5 .ul li span{font-size:46px;}
.index5 .ul li sub{font-size:20px;}
.index5 .ul li p{font-size: 15px;}
}
@media only screen and (max-width:768px){
.index5 .ul li{text-align: center;}
.index5 .ul li::after{right: -60%;}
.index5 .ul li span{font-size: 40px;}
.index5 .ul li sub{font-size:16px;}
.index5 .ul li p{font-size: 14px;}
}
@media only screen and (max-width: 640px){
.index5 .ul{flex-wrap: wrap;}
.index5 .ul li{width: 49%;padding: 15px 0;border-bottom: 1px solid #fff;}
.index5 .ul li::after{right: 0;}
.index5 .ul li:nth-last-child(2){border:none;}
.index5 .ul li:nth-last-child(1){border:none;}
.index5 .ul li:nth-last-child(3):after{display: none;}
}
@media only screen and (max-width: 520px){
.index5{padding: 35px 0;background-position: bottom;}
.index5 .in_tit .t2{margin-top: 10px;font-size: 13px;}
.index5 .play{margin: 25px auto;}
.index5 .play img{width: 45px;}
.index5 .play p{font-size: 14px;}
.index5 .ul{padding: 10px 20px;}
.index5 .ul li .icon img{width: 30px;}
.index5 .ul li span{font-size: 35px;}
.index5 .ul li sub{font-size: 14px;}
.index5 .ul li p{margin-top: 5px;}
}