
/* banner */
.banner{position: relative;height: auto;overflow: hidden;}
.banner .swiper{width: 100%;height: 100%;}.
.banner .swiper-slide {width: 100%;height: 100%;}
.banner .img-con{opacity: 0.8;overflow: hidden;}
.banner .img-con video{display: block;width: 100%;object-fit: fill;}
.banner .banner_abpo{position: absolute;top: 45%;left: 50%;width: auto;max-width: initial;max-height: 100%;transform: translate(-50%,-50%);z-index: 99;}
.banner .banner_abpo::after{content: "";position: absolute;background: rgba(0,0,0,0.5);}
.banner .banner_abpo .a1{font-size: 60px;color: #fff;}
.banner .banner_abpo .a1 span{color: #fff;}
.banner .banner_abpo .a1 span.span1{color: #ee822f;}
.banner .banner_abpo .a2{font-size: 37px;color: #fff;}
.banner .banner_abpo .a2 span{color: #fff;}
.banner .banner_abpo .a2 span.span1{color: #ee822f;}
.banner .banner_abpo .b2{margin-top: 20px;text-align: center;}
.banner .banner_abpo .b2 img{width: 50px;}
.banner .scroll-btn{position: absolute;bottom:5%;left: 50%;overflow: hidden;width: auto;max-width: initial;max-height: 100%;transform: translate(-50%,-50%);display: grid;}
.banner .scroll-btn #img{width: 20px;margin-bottom: 10px;}
.banner .scroll-btn #img2{width: 12px;margin: 0 auto;margin-top: 20px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-animation: scrollmove 1.4s ease-in-out .4s infinite;animation: scrollmove 1.4s ease-in-out .4s infinite;}
.banner .img-con img{width:100%;object-fit:cover;object-position:center}
.banner .img-con img.mobile{display:none}
.banner .con-img{width:70%;position:absolute;top:50%;transform:translateY(-50%);left:10%;color:#fff;font-style:italic}
.banner .con-img img{transition: all .4s ease;}
.banner .swiper-pagination-bullets{bottom:40px;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{width:14px;height:14px;background:rgba(255,255,255,.4);margin:0 8px;opacity:1}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#fff}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active:before{width: 18px;height: 18px;transition:all .3s;border-radius:100px;position:relative;top: -2.5px;left: -3px;border: #fff solid 1px;content:"";display:block;animation:ruixien 5.5s infinite;}
.banner .swiper-button-prev{border-radius: 50%;width: 40px;height: 40px;border: 1px solid #fff;left: 6%;}
.banner .swiper-button-prev:after{font-size: 20px;color: #fff;}
.banner .swiper-button-prev:hover{background-color: #0c1ea1;border: 1px solid #0c1ea1;}
.banner .swiper-button-next{border-radius: 50%;width: 40px;height: 40px;border: 1px solid #fff;right: 6%;}
.banner .swiper-button-next:after{font-size: 20px;color: #fff;}
.banner .swiper-button-next:hover{background-color: #0c1ea1;border: 1px solid #0c1ea1;}
.banner .swiper-button-next.swiper-button-disabled,.banner  .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.banner .aplay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;cursor: pointer;background: url(../img/inb_mo.jpg) center center;background-size: cover;z-index: 10;display: none;}
.banner.scro_ban{background: none;}
.banner.scro_ban .img-con{opacity: 1;}
.banner.scro_ban .banner_abpo .a1{color: #000;}
.banner.scro_ban .banner_abpo .b2 img{filter: invert(1);}
.banner.scro_ban .scroll-btn #img{filter: invert(1);}
.banner.scro_ban .scroll-btn #img2{filter: invert(1);}
@keyframes scrollmove{0%{-webkit-transform:translateY(-150%);transform:translateY(-150%)}
80%{-webkit-transform:translateY(300%);transform:translateY(300%)}
100%{-webkit-transform:translateY(300%);transform:translateY(300%)}
}
@media screen and (max-width:1770px){
.banner .scroll-btn{bottom: 10%;}
}
@media screen and (max-width:1660px){
.banner .scroll-btn{bottom: 15%;}
}
@media screen and (max-width:1550px){
.banner .scroll-btn{bottom: 20%;}
.banner .banner_abpo .a1{font-size: 50px;}
.banner .banner_abpo .a2{font-size: 31px;}
}
@media screen and (max-width:1080px){
.banner .banner_abpo .a1{font-size: 36px;}
.banner .banner_abpo .a2{font-size: 22px;} 
.banner .swiper-button-next ,.banner .swiper-button-prev{display: none;}
.banner .swiper-pagination-bullets{bottom: 10px;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;background: #fff;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active:before{width: 10px;height: 10px;top: -1.5px;left: -2px;}
.banner .img-con{opacity: 1;overflow: hidden;background: url(../img/inb_mo.jpg);}
}
@media screen and (max-width:768px){
.banner{height: 500px;}
.banner .banner_abpo{left: 50%;top: 40%;width:max-content;}
.banner .banner_abpo .a1{font-size: 30px;}
.banner .banner_abpo .a2{font-size: 19px;}
.banner .banner_abpo .b2{padding-left: 0;text-align: center;}
.banner .banner_abpo .b2 img{width: 40px;}
.banner .scroll-btn{bottom: -6%;}
.banner .img-con video{height: 500px;width: auto;}
.banner .aplay{display: block;}
}
 

 /* index1 */ 
.index1{padding: 100px 0 100px;background: url(../img/in1_bg.jpg);position: relative;}
.index1 .item{width: 23.125%;margin-right: 2.5%;border: 1px solid #e7e8e9;transition: all 0.5s;background: #fff;position: relative;}
.index1 .item:nth-child(4n+4){margin-right: 0;}
.index1 .item .img{text-align: center;}
.index1 .item .img img{width: 100%;}
.index1 .item h2{text-align: center;font-weight: 500;font-size: 30px;line-height: 35px;color: #333;padding-bottom: 16px;margin: 18px 0;position: relative;}
.index1 .item h2:after{position: absolute;bottom: 0;background-image: linear-gradient(90deg,#ccc 20%,#333 80%);height: 3px;content: '';z-index: 1;width: 12%;left: 50%;transform: translate(-50%,-50%);}
.index1 .item p{font-size: 17px;line-height: 1.8;display: flex;align-items: center;text-align: center;height: 100%;position: absolute;top: 100%;left: 0;background-color: rgb(225 225 225 / 80%);padding: 25px;margin-bottom: 1px;}
.index1 .item:hover p{top: 0;}
.index1 .swiper-pagination{display: none;}
.index1 .swiper-horizontal>.swiper-pagination-bullets,.index1  .swiper-pagination-bullets.swiper-pagination-horizontal,.index1  .swiper-pagination-custom, .swiper-pagination-fraction{bottom:-2px;}
.index1 .swiper-pagination-bullet{width: 10px;height: 10px;}
.index1 .swiper-pagination-bullet-active{background: #ee822f;position: relative;}
.index1 .swiper-pagination-bullet-active:before{width: 14px;height: 14px;transition:all .3s;border-radius:100px;position:relative;top: -3px;left: -3px;border: #ee822f solid 1px;content:"";display:block;animation:ruixien 5.5s infinite;}
.animated5{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.animated5:hover{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
@media screen and (max-width:1500px){
.index1 .item p{font-size: 15px;}
}
@media screen and (max-width:1080px){
.index1{padding: 80px 0 80px;}
.index1 .item>div{padding: 30px 25px 30px;}
.index1 .item h2{margin: 20px 0;}
}
@media screen and (max-width:768px){
.index1{padding:60px 0 40px;}
.index1 .swiper-pagination{display: block;}
.index1 .item h2{line-height: 24px;font-size: 16px;margin: 10px 0;}
.index1 .item p{font-size: 14px;height: 250px;display: none;}
.index1 .item>div{padding: 10px;}
}

/* index1-1 */ 
.index1-1{position: relative;background-color: #0027a9;height: 750px;}
.index1-1 .intitle .in_tit{color: #fff;}
.index1-1 .intitle .in_tet{color: #fff;}
.index1-1 .w1560{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.index1-1 video{width: 100%;object-fit: cover;display: block;opacity: .5;height: 100%;}
.index1-1 .item{width: 23.125%;margin-right: 2.5%;border: 1px solid #fff;transition: all 0.5s;}
.index1-1 .item:hover{transform: translateY(-15px);box-shadow: 0 0 8px rgba(0,102,155,0.16);}
.index1-1 .item:nth-child(4n+4){margin-right: 0;}
.index1-1 .item>div{padding: 50px 25px 30px;}
.index1-1 .item .img{text-align: center;}
.index1-1 .item .img img{width: 50%;}
.index1-1 .item h2{text-align: center;font-weight: 500;font-size: 20px;line-height: 34px;color: #fff;position: relative;padding-bottom: 16px;margin: 30px 0;font-weight: bold;}
.index1-1 .item h2:after{position: absolute;bottom: 0;background-image: linear-gradient(90deg,#18e1ff 20%,#ee822f 80%);height: 3px;content: '';z-index: 1;width: 12%;left: 50%;transform: translate(-50%,-50%);}
.index1-1 .item p{font-size: 16px;line-height: 1.8;color: #fff;height: 130px;}
.index1-1  .swiper-pagination{display: none;}
.index1-1  .swiper-horizontal>.swiper-pagination-bullets,.index1-1   .swiper-pagination-bullets.swiper-pagination-horizontal,.index1-1   .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px;}
.index1-1  .swiper-pagination-bullet{width: 24px;height: 4px;border-radius: 100px;overflow: hidden;background: #a6a7b2;border: none;cursor: pointer;content: '';display: inline-block;box-sizing: border-box;opacity: 1;vertical-align: middle;}
.index1-1  .swiper-pagination-bullet-active{background: #ee822f ;}
@media screen and (max-width:1080px){
.index1-1 .item>div{padding: 30px 25px 30px;}
.index1-1 .item h2{margin: 20px 0;}
}
@media screen and (max-width:768px){
.index1-1{height: 520px;margin-top: 20px;}
.index1-1 .swiper-pagination{display: block;}
.index1-1 .item h2{line-height: 24px;}
.index1-1 .item p{font-size: 15px;height: 120px;}
.index1-1 .item>div{padding: 20px;}
}


/* index2 */
.index2{padding: 100px 0 150px;overflow: hidden;position: relative;}
.index2 .intitle{position: relative;z-index: 10;}
.index2 .central{position: relative;z-index: 1;}
.index2 .central .radar{top: 0;left: 0;z-index: 1;position: relative;height: 460px;}
.index2 .central .radar .c-round{position: absolute;top: 50%;left: 50%;width: 100%;border-radius: 50%;transform: translate(-50%, -50%) scale(0);opacity: 0;background-color: #eff4ff;box-shadow: inset 2.9px 0.7px 1px 0px rgba(220, 229, 247, 0.05);border: solid 2px #e7eefc;}
.index2 .central .radar .c-round::before{content: "";display: block;padding-top: 100%;}
.index2 .central .radar .c-round:nth-child(1){animation:round3 6s infinite}
.index2 .central .radar .c-round:nth-child(2){animation:round3 6s 1s infinite}
.index2 .central .radar .c-round:nth-child(3){animation:round3 6s 2s infinite}
.index2 .central .radar .c-round:nth-child(4){animation:round3 6s 3s infinite}
.index2 .central .radar .c-round:nth-child(5){animation:round3 6s 4s infinite}
.index2 .central .radar .c-round:nth-child(6){animation:round3 6s 5s infinite}
.index2 .central .radar img{position: absolute;top: 20%;left: 40%;z-index: 7;width: 18.75%;border-radius: 50%;transform: translate(-50%,-50%);box-shadow: 1.9px 0.5px 24px 0px rgba(191, 211, 255, 0.66);animation: cc 10s linear infinite;}
.index2 .c-box1 .xd0 a{display: flex;align-items: center;transition: all 0.3s;}
.index2 .c-box1 .xd0 a:hover{transform: translateY(-10px);}
.index2 .c-box1 .xd0 .a2{display: none;}
.index2 .c-box1 .xd0 span{color: #ee822f;font-size: 24px;}
.index2 .c-box1 .xd0 span p{font-size: 16px;margin-top: 5px;color: #34364e;}
.index2 .c-box1 .xd0 img{height: 60px;background: #fff;border-radius: 50%;box-shadow: 0 5px 10px rgba(67,144,254,.1);}
.index2 .c-box1 .xd0:nth-child(1){position:absolute;left:15.1%;top:38%;z-index:9;height:60px}
.index2 .c-box1 .xd0:nth-child(2){position:absolute;left:13%;top:65%;z-index:9;height:60px}
.index2 .c-box1 .xd0:nth-child(3){position:absolute;left:68%;top:38%;z-index:9;height:60px}
.index2 .c-box1 .xd0:nth-child(4){position:absolute;left:68%;top:65%;z-index:9;height:60px}
.index2 .c-box1 .xd0:nth-child(1) span{text-align: end;}
.index2 .c-box1 .xd0:nth-child(2) span{text-align: end;}
.index2 .c-box1 .xd0:nth-child(3) span{order: 1;margin-left: 10px;}
.index2 .c-box1 .xd0:nth-child(4) span{order: 1;margin-left: 10px;}
.index2 .cb{position: absolute;top: 78%;left: 4%;transform: translate(-50%,-50%);width: max-content;}
.index2 .cb .ic{position: relative;}
.index2 .cb .img{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: max-content;}
.index2 .cb .img img{width: 15px;animation: pulse 2s infinite;}
.index2 .in2{padding-bottom:40px;display: none;}
.index2 .in2 .item{text-align: center;}
.index2 .in2 .item h2{font-size: 16px;margin-bottom: 10px;color: #ee822f;}
.index2 .in2 .item p{font-size: 12px;color: #34364e;}
.index2 .in2 .item img{width: 50%;}
.index2 .in2 .swiper-horizontal>.swiper-pagination-bullets,.index2 .in2  .swiper-pagination-bullets.swiper-pagination-horizontal,.index2 .in2  .swiper-pagination-custom, .swiper-pagination-fraction{bottom:-2px;}
.index2 .in2 .swiper-pagination-bullet{width: 10px;height: 10px;}
.index2 .in2 .swiper-pagination-bullet-active{background: #ee822f;position: relative;}
.index2 .in2 .swiper-pagination-bullet-active:before{width: 14px;height: 14px;transition:all .3s;border-radius:100px;position:relative;top: -3px;left: -3px;border: #ee822f solid 1px;content:"";display:block;animation:ruixien 5.5s infinite;}
 
@keyframes pulse{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,10px);transform:translate(0,10px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes round3{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}
100%{opacity:0;transform:translate(-50%,-50%) scale(0.8)}
}
@keyframes cc{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@media screen and (max-width:1280px){
.index2 .central .radar img{left: 41%;top: 35%;}
.index2 .central .radar .c-round{top: 60%;left: 53%;}
}

@media screen and (max-width:1080px){
.index2{padding: 50px 0 100px;}
.index2 .central .radar img{left: 38%;top: 28%;width: 30%;}
.index2 .c-box1 .xd11{left: 84%;}
.index2 .c-box1 .xd12{left: 84%;}
.index2 .c-box1 .xd0:nth-child(12){left: 85%;}
}
@media screen and (max-width:768px){
.index2{padding: 60px 0 30px;margin-bottom: 0;}
.index2 .cb{display: none;}
.index2 .c-box1{display: none;}
.index2 .central .radar .c-round{display: none;}
.index2 .central .radar img{left: 32%;top: 5%;width: 35%;}
.index2 .c-box1 .xd0{width: 50%;margin-bottom: 20px;}
.index2 .c-box1 .xd0 .a1{display: none;}
.index2 .c-box1 .xd0 .a2{display: flex;}
.index2 .central .radar{height:260px;}
.index2 .in2{display: block;}
.index2 .in2 .item img{width: 27%;}
}

@media screen and (max-width:520px){
.index2 .central .radar{height:220px;}
.index2 .in2 .item img{width: 50%;}
.index2 .central .radar img{left: 20%;top: 5%;width: 55%;}
}

/* index3 */
.index3{padding: 100px 0 0px;}
.index3 .left{width: 55%;}
.index3 .flex{align-items: center;}
.index3 .flex:nth-child(1){align-items: baseline;}
.index3 .flex .info{padding-right: 100px;}
.index3 .flex:nth-child(2) .info{padding-left: 50px;padding-right: 0;}
.index3 .ab_tit{font-size: 40px;color: #1e1e1e;}
.index3 .ab_tit span{color:#ee822f;}
.index3 .text{font-size: 16px;line-height: 2;margin-top: 30px;color: #666;}
.index3 .text a{color:#333;font-weight: bold;}
.index3 .right{width: 45%;position: relative;}
.index3 .img img{width: 100%;}
@media screen and (max-width:1550px){
.index3 .flex .info{padding-right: 30px;}
.index3 .text{font-size: 15px;}
}
@media screen and (max-width:1080px){
.index3{padding: 80px 0 0;}
.index3 .flex:nth-child(2) .info{padding-left:30px;}
.index3 .ab_tit{font-size: 30px;}
.index3 .text{margin-top: 20px;font-size: 14px;}
}
@media screen and (max-width:768px){
.index3{padding: 60px 0 0;}
.index3 .flex{margin-bottom: 20px;}
.index3 .flex:nth-child(3){margin-bottom: 0;}
.index3 .flex:nth-child(2) .info{padding-left: 0;}
.index3 .flex:nth-child(2) .left{order: 1;}
.index3 .left{width: 100%;}
.index3 .ab_tit{font-size: 24px;}
.index3 .text{font-size: 14px;width: 100%;margin-top: 20px;margin-bottom: 10px; text-align:justify;}
.index3 .widget{display: none;}
.index3 .right{width: 100%;}
}
@media screen and (max-width:520px){
.index3{padding: 30px 0 0;}
.index3 .text{margin-top: 10px;}

}

/* index4 */
.index4{padding-bottom: 40px; position: relative;}
.index4 .w1560{max-width: 1500px;}
.index4 .list{z-index:9}
.index4 .img{width: 18%;text-align: center;padding: 15px 0;margin-right: 2%;border-radius: 15px;background: #fff;margin-bottom: 2%;box-shadow: 0px 1px 8px 1px rgba(94,157,255,.2);display: flex;align-items: center;justify-content: center;}
.index4 .img img{ width:60%;}
.index4 .img:nth-child(5n+5){margin-right: 0;}
.index4 .btn{border-radius: 30px; border:1px solid #666;text-align: center;width: max-content;padding: 12px 60px;margin: 0 auto;margin-top: 50px;transition-duration: .4s;}
.index4 .btn:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
/*
.index4 .btn:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-name:hover;animation-name:hover;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}
.index4 .btn:hover:before{opacity:.4;-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-animation-name:hover-shadow;animation-name:hover-shadow;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}
*/
.index4 .btn img{width: 15px;margin-right: 6px;margin-top: 1px;}
.index4 .btn a{color: #333;font-size: 16px;display: flex;align-items: center;letter-spacing:3px;}
.index4 .cb{position: absolute;top:70%;left: 96%;transform: translate(-50%,-50%);width: max-content;z-index: -1;}
.index4 .cb .ic{position: relative;}
.index4 .cb .pic{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: max-content;}
.index4 .cb .pic img{width: 16px;animation: pulse 2s infinite;}
@keyframes pulse{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,10px);transform:translate(0,10px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@media screen and (max-width:1800px){
.index4 .cb{left: 94%;}
.index4 .cb .ic img{width: 68%;}
.index4 .cb .pic{left: 32%;}
.index4 .cb .pic img{width: 13px;}
}
@media screen and (max-width:1660px){
.index4 .w1560{max-width: 1400px;}
.index4 .cb{left: 98%;}
.index4 .cb .ic img{width: 60%;}
.index4 .cb .pic img{width: 12px;}
}
@media screen and (max-width:1660px){
.index4 .w1560{max-width: 1300px;}
}
@media screen and (max-width:1080px){
.index4{padding: 50px 0;}
.index4 .img{width: 32%;}
.index4 .img:nth-child(3n+3){margin-right: 0;}
.index4 .img:nth-child(5n+5){margin-right: auto;}
}
@media screen and (max-width:768px){
.index4{padding:5px 0;}
.index4 .img{width: 48%;padding: 6px 0;margin-bottom: 4%;}
.index4 .img:nth-child(even){margin-right: 0;}
.index4 .img:nth-child(odd){margin-right: auto;}
.index4 .cb{display: none;}
.index4 .btn{margin-top: 30px;}
.index4 .btn a{font-size: 13px;}
}

/* index5 */
.index5{padding: 90px 0;background: #FCFCFC;position: relative;}
.index5 .News{ padding-bottom:30px;}
.index5 .swiper-slide{box-sizing: border-box;transition: all .2s linear;transform: scale(0.9);}
.index5 .swiper-slide:hover{box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);background-color: #f4f4f4;}
.index5 .swiper-slide.swiper-slide-next{transform: scale(1);box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);background-color: #f4f4f4;}
.index5 .swiper-slide.swiper-slide-next .info .a1{color: #666;}
.index5 .swiper-slide.swiper-slide-next .info .a2{color: #666;}
.index5 .img{overflow: hidden;}
.index5 .img img{width: 100%;transition: all .8s ease-in-out;}
.index5 .swiper-slide:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.index5 .info{border: 1px solid #E9E9E9;border-top: 0;transition: all .1s ease;padding: 20px;}
.index5 .info .a1{font-size:20px;position:relative;min-height:50px;color:#000;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}
.index5 .info .a1:after{position:absolute;bottom:0;background-image:linear-gradient(90deg,#ccc 20%,#333 80%);height:3px;content:'';z-index:1;width:12%;left:0}
.index5 .info .a2{font-size:16px;line-height:1.7;margin:20px 0;color: #666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.index5 .swiper-slide:hover .info .a1{color: #666;}
.index5 .swiper-slide:hover .info .a2{color: #666;}
.index5 .swiper-pagination{display: none;}
.index5 .swiper-horizontal>.swiper-pagination-bullets,.index5  .swiper-pagination-bullets.swiper-pagination-horizontal,.index5  .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20%;}
.index5 .swiper-pagination-bullet{width: 10px;height: 10px;}
.index5 .swiper-pagination-bullet-active{background: #ee822f;position: relative;}
.index5 .swiper-pagination-bullet-active:before{width: 14px;height: 14px;transition:all .3s;border-radius:100px;position:relative;top: -3px;left: -3px;border: #ee822f solid 1px;content:"";display:block;animation:ruixien 5.5s infinite;}
.index5 .btn{border-radius: 30px; border:1px solid #666;text-align: center;width: max-content;padding: 12px 60px;margin: 0 auto;margin-top: 50px;transition-duration: .4s;}
.index5 .btn:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
/*
.index5 .btn:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-name:hover;animation-name:hover;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}
.index5 .btn:hover:before{opacity:.4;-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-animation-name:hover-shadow;animation-name:hover-shadow;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}
*/
.index5 .btn img{width: 14px;margin-right: 6px;margin-top: 1px;}
.index5 .btn a{color: #666;font-size: 16px;display: flex;align-items: center;align-items: center;}
@media screen and (max-width:1280px){
.index5 .info .a1{font-size: 20px;}
}
@media screen and (max-width:1080px){
.index5{padding: 50px 0;}
.index5 .swiper-slide{transform: scale(1);}
.index5 .swiper-slide.swiper-slide-next{box-shadow: 0 0 black;background-color: #ffffff;}
.index5 .swiper-slide.swiper-slide-next .info .a1{color: #000;}
.index5 .swiper-slide.swiper-slide-next .info .a2{color: #000;}
}
@media screen and (max-width:768px){
.index5{padding:60px 0;}
.index5 .info .a1{font-size: 16px;padding-bottom: 25px;min-height: 80px;}
.index5 .info .a2{font-size: 14px;margin: 20px 0 0;}
.index5 .btn{margin-top: 50px;}
.index5 .btn a{font-size: 13px;}
.index5 .swiper-pagination{display: block;}
.index5 .News{ padding-bottom:0;}
.index5 .swiper-horizontal>.swiper-pagination-bullets,.index5  .swiper-pagination-bullets.swiper-pagination-horizontal,.index5  .swiper-pagination-custom, .swiper-pagination-fraction{bottom:18%;}
}

/* z_tanchuang */
.z_tanchuang{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);-webkit-transform:scale(0);z-index:9999;}
.z_tanchuang .tbox{display:table-cell;background:rgba(0,0,0,0.8);text-align:center;vertical-align:middle}
.z_tanchuang .tbox .modal{background:white;padding:50px;display:block;border-radius:5px;position:relative;width:90%;max-width:1200px;max-height:90%;margin:0 auto}
.z_tanchuang .tbox .modal .out{position:absolute;width:40px;height:40px;line-height:40px;background:#fff url(../img/conse.png) center no-repeat;background-size:20px;color:#000;font-size:30px;text-align:center;border-radius:50%;top:0;right:-50px;cursor:pointer}
.z_tanchuang .tbox .modal .img{width:100%;max-width:600px;margin:0 auto}
.z_tanchuang .tbox .modal .img video{display:block;width:100%;max-width:100%;object-fit:cover;outline: none;}
.z_tanchuang .tbox .modal .img img{margin:0 auto}
.z_tanchuang .tbox .modal .out:hover{background:#fff url(../img/conse.png) center no-repeat;background-size:20px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.z_tanchuang .tbox .modal2{padding:20px}
.z_tanchuang .tbox .modal .img{max-width:1200px}
.z_tanchuang.one{transform:scaleY(0.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scaleY(0.01) scaleX(0);-webkit-animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one .tbox .modal{transform:scale(0);animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(0);-webkit-animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out{transform:scale(1);animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(1);-webkit-animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out .tbox .modal{animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards}
@keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@-webkit-keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@-webkit-keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@media(max-width:960px){
  .z_tanchuang .tbox .modal{padding:10px}
  .z_tanchuang .tbox .modal .out{width:30px;height:30px;top:-50px;right:-2px}
}
 
