/* title */
.in_tit .title{font-size: 50px;color: #333;line-height: 1.1;font-family: GILROY-BLACKS;font-weight: bold;}
@media screen and (max-width:1440px){
.in_tit .title{font-size: 40px;}
}
@media screen and (max-width:1280px){
.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 .title{font-size: 22px;}
}
 

/* banner */
.banner{position: relative;overflow: hidden;margin-top: 5vw;}
.banner .img img{width: 100%;height: calc(100vh - 5vw);}
.banner .video video{width: 100%;height: calc(100vh - 5vw);object-fit: cover;}
.banner .bg{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50% ,-50%);display: none;}
.banner .info{position: absolute;left: 0;top: 50%;width: 100%;transform: translate(0 ,-50%);}
.banner .info p{font-size: 50px;color: #fff;font-family: GILROY-BLACKS;text-transform: uppercase;margin: 12px 0;font-weight: bold}
.banner .swiper-slide{width:100%;overflow:hidden}
.banner .swiper-button-next{right: auto;width: 40px;height: 40px;border-radius: 50%;left: 90%;top: 90%;border: 1px solid #fff;}
.banner .swiper-button-prev{width: 40px;height: 40px;border-radius: 50%;left: 86%;top: 90%;border: 1px solid #fff;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{color:#f7f3f2;font-size: 20px;font-weight: normal;}
.banner .scroll{position:absolute;bottom: 18px;left: 47%;text-transform:uppercase;z-index:2;display:inline-block;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);color:#fff;font-size: 14px;font-weight: bold;letter-spacing:.1em;text-decoration:none;transition:opacity .3s;}
.banner .scroll a{position: relative;display: block;}
.banner .scroll span{position:absolute;bottom: 35px;z-index:1;left:50%;width:28px;height:50px;margin-left:-15px;border:2px solid #fff;border-radius:50px;box-sizing:border-box;}
.banner .scroll 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}

@media screen and (max-width:1440px){
.banner{margin-top: 5.7vw;}
.banner .img img{height: calc(100vh - 5.7vw);}
.banner .video video{height: calc(100vh - 5.7vw);transform: translateY(0);}
.banner .info p{font-size: 45px;margin: 10px 0;}
}
@media screen and (max-width:1280px){
.banner{margin-top: 6vw;}
.banner .info p{font-size: 40px;}
.banner .img img{height: calc(60vh - 6vw);}
.banner .video video{height: calc(60vh - 6vw);}
}
@media screen and (max-width:1080px){
.banner{margin-top: 73px;}
.banner .info p{font-size: 35px;}
.banner .scroll span{width: 25px;height: 43px;bottom: 28px;}
.banner .img img{height: calc(57vh - 73px);}
.banner .video video{height: calc(57vh - 73px);}
}
@media screen and (max-width:768px){
.banner .info p{font-size: 30px;}
.banner .scroll{bottom: 0;}
.banner .scroll p{display: none;}
.banner .scroll span{bottom: 20px;}
}
@media screen and (max-width:520px){
.banner{margin-top: 65px;}
.banner .info p{font-size: 22px;}
.banner .scroll{left: 50%;}
.banner .scroll span{bottom: 8px;width: 23px;height: 36px;}
.banner .img img{height: calc(31vh - 65px);}
.banner .video video{height: calc(31vh - 65px);}
.banner .bg{display: block;}
.banner .bg.bcro{display: none !important;}
}
@media screen and (max-width:450px){
.banner{margin-top: 58px;}
.banner .img img{height: calc(31vh - 58px);}
.banner .video video{height: calc(31vh - 58px);}
}


/* index1 */
.index1{background: #F9FAFC;overflow: hidden;}
.index1 .cont{display: flex;flex-wrap: wrap;}
.index1 .cont .left{width: 38%;background: #F9FAFC;margin-bottom: 0;z-index: 99;padding-left: 8%;margin-right: 5%;position: relative;}
.index1 .cont .left .icon{position: absolute;left: 0;top: 0;z-index: -1;}
.index1 .cont .left .icon img{z-index: -1;}
.index1 .cont .left .info{margin-top: 90px;z-index: 99;}
.index1 .cont .left .info .t1{color:#333;font-size:20px;font-weight:700;display: flex;align-items: center;font-weight: bold;}
.index1 .cont .left .info .t1 i{background-size:200% 200%;animation:glowing 5s linear infinite;animation-direction:alternate;width: 35px;height: 15px;margin-right: 8px;background-image: linear-gradient(90deg,#fff -10%,#3585C2 60%);}
.index1 .cont .left .pic{margin: 20px 0 30px;}
.index1 .cont .left .info .t2{color: #333;font-size: 1.78vw;margin:20px 0 15px;font-family: GILROY-BLACKS;font-weight: bold;}
.index1 .cont .left .info .t3{color:#333;font-size: .85vw;line-height: 2;font-weight:700;}
.index1 .cont .left .ul{margin-top:50px;justify-content:space-between;width:88%;margin-bottom: 90px;}
.index1 .cont .left .ul li{position: relative;display: flex;justify-content: center;flex-wrap: wrap;text-align: center;}
.index1 .cont .left .ul li span{font-size: 3.2vw;color:#474747;font-family:BebasNeue-Regular;}
.index1 .cont .left .ul li sup{font-size:24px;font-weight:700;color:#474747;}
.index1 .cont .left .ul li p{font-size: .85vw;color:#474747;font-weight:700;width: 100%;}
.index1 .cont .right{width: 49%;margin: 90px 0;overflow: hidden;}
.index1 .cont .right .in1{overflow: initial;}
.index1 .cont .right .swiper-slide{transition: all .8s;transform: scale(.8);opacity: 0.7;}
.index1 .cont .right .swiper-slide-active{transform: scale(1);opacity: 1;}

/* ...... */
.index1 .cont .left .info .t1{animation: indbanDown 1s ease both 0.5s;}
.index1 .cont .left .info .t2{animation: indbanDown 1s ease both 0.4s;}
.index1 .cont .left .info .t3,.index1 .cont .left .ul,.index1 .cont .left .pic{animation: indbanDown 1s ease both 0.3s;}
@media screen and (max-width:1880px){
.index1 .cont .left{width: 39%;padding-left: 6%;}
}
@media screen and (max-width:1770px){
.index1 .cont .left{width: 41%;padding-left: 4%;}
}
@media screen and (max-width:1440px){
.index1 .cont .left .info .t2{width: auto;}
.index1 .cont .left .ul{width: auto;}
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1080px){
.index1 .cont .left .info .t1{font-size: 18px;}
.index1 .cont .left .info .t2{font-size: 25px;}
.index1 .cont .left .ul{margin: 30px 0 60px;}
.index1 .cont .left .ul li{text-align: center;width: 32%;}
.index1 .cont .left .ul li span{font-size: 45px;}
.index1 .cont .left .ul li p{font-size: 15px;}
.index1 .cont .left .ul li sup{font-size: 20px;}
.index1 .cont .left .info{margin-top: 60px;}
.index1 .cont .left .info .t3{font-size: 15px;line-height: 26px;}
.index1 .cont .right{margin: 40px 0 60px;}
}
@media screen and (max-width:768px){
.index1 .cont .left{width: 92%;padding: 0;margin: 0 auto;}
.index1 .cont .left .ul{margin: 30px 0 0;}
.index1 .cont .right{width: 100%;padding-left: 4%;}
}
@media screen and (max-width:520px){
.index1 .cont .left .info{margin-top: 30px;}
.index1 .cont .left .info .t1{font-size: 16px;}
.index1 .cont .left .info .t1 i{height: 13px;margin-right: 5px;}
.index1 .cont .left .info .t2{font-size: 22px;margin: 12px 0 10px;}
.index1 .cont .left .info .t3{font-size: 14px;line-height: 22px;font-weight: 400;}
.index1 .cont .left .ul{margin: 15px 0 0;}
.index1 .cont .left .ul li span{font-size: 35px;}
.index1 .cont .left .ul li sup{font-size: 16px;}
.index1 .cont .left .ul li p{font-size: 14px;font-weight: 400;}
.index1 .cont .left .pic{margin: 12px 0 0;}
.index1 .cont .right{margin:20px 0 30px;}
}


/* index2 */
.index2{margin: 90px 0;position: relative;overflow: hidden;}
.index2 .bg{overflow: hidden;height: 860px;position: relative;}
/* .index2 .bg::after{position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(68deg, #00000091 0%, transparent 80%);z-index: 2;border-radius: 16px;} */
.index2 .bg video{width: 100%;height: 100%;object-fit: cover;border-radius: 16px;z-index: 99;position: relative;}
.index2 .img{display: none;}
.index2 .p_video{position:absolute;top: 50%;transform:translate(-50% ,-50%);left: 50%;display: none;z-index: 100;}
.index2 .p_video .play{position:relative;text-align:center;width:68px;margin:0 auto;}
.index2 .p_video .play{width: 58px;}
.index2 .info{position: absolute;top: 50%;transform: translate(-50% ,-50%);left: 50%;width: 100%;transition: opacity 1s ease-in-out;z-index: 99;}
.index2 .info .in_tit{text-align: center;}
.index2 .info .in_tit .title{color: #fff;font-size: 55px;font-style: oblique;font-family: GILROY-BLACKS;line-height: 1.4;width: 73%;margin: 0 auto;letter-spacing: 1px;font-weight: bold;}
.case-pic-l{position:absolute;width:20%;height:100%;top:0;left: -50px;}
.case-pic-r{position:absolute;width:20%;height:100%;top:0;right: -50px;}
.case-pic-wl{position:absolute;width:60%;height:100%;top:0;left:0;background:#fff}
.case-pic-wr{position:absolute;width:60%;height:100%;top:0;right:0;background:#fff}
@media screen and (max-width:1660px){
.index2 .info .in_tit .title{width: 85%;}
}
@media screen and (max-width:1440px){
.index2 .bg{height: 680px;}
.index2 .info .in_tit .title{font-size: 45px;width: 100%;}
}
@media screen and (max-width:1280px){
.index2 .bg{height: 580px;}
.index2 .info .in_tit .title{font-size: 40px;}
}
@media screen and (max-width:1080px){
.index2{margin: 60px 0;}
.index2 .bg{height: auto;}
.index2 .info .in_tit .title{font-size: 32px;}
}
@media screen and (max-width:768px){
.index2 .p_video{display: block;}
.index2 .img{display: block;}
.index2 .bg{display: none;}
.index2 .info{display: none;}
}
@media screen and (max-width:520px){
.index2{margin: 30px 0;}
.index2 .bg video{border-radius: 6px;}
}


/* index3 */
.index3{padding-bottom: 90px;}
.index3 .in_tit .tit{font-size: 16px;font-weight: bold;color: #474747;line-height: 26px;margin-top: 10px;}
.index3 .ul{justify-content:space-between;flex-wrap:initial}
.index3 .ul li{margin-right:6%}
.index3 .ul li:nth-child(3){margin-right:0}
.index3 .ul li .icon{margin-bottom:25px}
.index3 .ul li .icon img{transition: all .2s ease;}
.index3 .ul li:hover .icon img{animation: icon-bounce 0.5s alternate;}
.index3 .ul li .info h3{font-size:24px;}
.index3 .ul li .info p{color:#474747;font-size:16px;margin-top:15px;line-height:24px}
@media screen and (max-width:1280px){
.index3 .ul li{margin-right: 3%;}
}
@media screen and (max-width:1080px){
.index3{padding-bottom: 60px;}
.index3 .ul li .icon{margin-bottom: 20px;}
.index3 .ul li .icon img{width: 45px;}
.index3 .ul li .info h3{font-size: 20px;}
.index3 .ul li .info p{margin-top: 10px;}
}
@media screen and (max-width:768px){
.index3{padding-bottom: 40px;}
.index3 .ul{flex-wrap: wrap;}
.index3 .ul li{width: 48.5%;margin-bottom: 20px;}
.index3 .ul li:nth-child(odd){margin-right:3%}
.index3 .ul li:nth-child(even){margin-right:0}
.index3 .ul li .icon{margin-bottom: 15px;}
.index3 .ul li .icon img{width: 40px;}
}
@media screen and (max-width:520px){
.index3{padding-bottom: 15px;}
.index3 .in_tit .tit{font-size: 14px;line-height: 20px;}
.index3 .ul li{margin-bottom: 15px;}
.index3 .ul li .icon{margin-bottom: 10px;}
.index3 .ul li .icon img{width: 32px;}
.index3 .ul li .info h3{font-size: 17px;}
.index3 .ul li .info p{line-height: 20px;font-size: 14px;margin-top: 5px;}
}


/* index4 */
.index4{padding: 90px 0;background: #F9FAFC;}
.index4 .in_tit{margin-bottom: 60px;}
.index4 .in_tit .tit{font-size: 16px;font-weight: bold;color: #474747;line-height: 26px;width: 45%;margin-top: 10px;}
.index4 .item{border-radius:20px;}
.index4 .item .img{border-radius:20px;overflow: hidden;}
.index4 .item .img::after{position: absolute;height: 100%;width: 100%;content: "";left: 0;background: linear-gradient(0deg, #0065b3 0%, transparent 50%);bottom: 0;border-radius: 20px;}
.index4 .item .img img{width: 100%;transition: all .6s;}
.index4 .item:hover .img img{transform: scale(1.04);}
.index4 .item .info{position:absolute;bottom:5%;width: 100%;}
.index4 .item .info .t1{font-size: 1vw;font-weight:700;color: #fff;text-align: center;}
.index4 .swiper-button-prev,.index4 .swiper-button-next{width: 40px;height: 40px;background: #0065b3;border-radius: 50%;opacity: 1;}
.index4 .swiper-button-prev:hover,.index4 .swiper-button-next:hover{background: #E40114;}
.index4 .swiper-button-next:after, .index4 .swiper-button-prev:after{color: #fff;font-size: 19px;}
@media screen and (max-width:1280px){
.index4 .in_tit .tit{width: 68%;}
}
@media screen and (max-width:1080px){
.index4{padding: 60px 0;}
.index4 .in_tit{margin-bottom: 40px;}
.index4 .item .info{padding: 0 15px;bottom: 7%;}
.index4 .item .info .t1{font-size: 18px;}
.index4 .item .img{border-radius: 10px;}
.index4 .item .img::after{border-radius: 10px;}
}
@media screen and (max-width:850px){
.index4 .in_tit .tit{width: 100%;}
}
@media screen and (max-width:520px){
.index4{padding: 30px 0;}
.index4 .in_tit{margin-bottom: 20px;}
.index4 .in_tit .tit{font-size: 14px;line-height: 20px;}
.index4 .item .info{padding: 0 10px;bottom: 7%;}
.index4 .item .info .t1{font-size: 16px;}
.index4 .item .img{border-radius: 6px;}
.index4 .item .img::after{border-radius: 6px;background: linear-gradient(0deg, #0065b3 0%, transparent 50%);}
.index4 .swiper-button-prev,.index4 .swiper-button-next{width: 34px;height: 34px;}
.index4 .swiper-button-next:after, .index4 .swiper-button-prev:after{font-size: 15px;}
}

/* index5 */
.index5{padding: 90px 0;position: relative;}
.index5 .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}
.index5 .top .left{display:flex;align-items:center}
.index5 .top .left .icon img{opacity: 0.7;}
.index5 .top .left .in_tit{margin-left:20px}
.index5 .top .left .in_tit .title{color:#0065b3}
.index5 .top .left .in_tit .tit{font-size:16px;font-weight:700;color:#474747;line-height:26px;margin-top:10px}
.index5 .top .right .swiper-pagination{position: initial;display: flex;align-items: center;}
.index5 .top .right .swiper-pagination-bullet{background:#e5e5e5;opacity:1;width:10px;height:10px;margin:0 6px}
.index5 .top .right .swiper-pagination-bullet-active{background:#d01120;width:13px;height:13px}
.index5 .item .img{border-radius:2px;overflow: hidden;position: relative;padding-bottom: 68%;width: 100%;height: 0;}
.index5 .item .img img{transition: all .6s;border-radius:2px;height: 100%;object-fit: cover;width: 100%;position: absolute;}
.index5 .item:hover .img img{transform: scale(1.04);}
.index5 .item .text{background: #f7f7f7;padding:20px;}
.index5 .item .text .t1{font-size:22px;font-weight:700;line-height:28px;margin: 5px 0 30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 1;overflow:hidden;}
.index5 .item .text .date{font-size:16px;color: #333;}
@media screen and (max-width:1280px){
.index5 .item .text .t1{font-size: 20px;margin: 0 0 25px;}
}
@media screen and (max-width:1080px){
.index5{padding: 60px 0;}
.index5 .top{margin-bottom: 40px;}
.index5 .top .left .icon img{width: 158px;}
.index5 .item .text{padding: 15px;}
.index5 .item .text .t1{font-size: 18px;margin: 0 0 20px;}
}
@media screen and (max-width:768px){
.index5 .top .left .icon img{width: 98px;}
.index5 .top .left .in_tit .tit{margin-top: 5px;}
.index5 .top .right .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 4px;}
.index5 .top .right .swiper-pagination-bullet-active{width: 11px;height: 11px;}
}
@media screen and (max-width:520px){
.index5{padding: 30px 0;}
.index5 .top{margin-bottom: 20px;}
.index5 .top .left .icon{display: none;}
.index5 .top .left .in_tit{margin-left: 0;}
.index5 .top .left .in_tit .tit{font-size: 14px;}
.index5 .item .text{padding: 10px;}
.index5 .item .text .t1{font-size: 16px;margin: 0 0 10px;line-height: 24px;}
.index5 .item .text .date{font-size: 14px;}
}

/* index6 */
.index6{position: relative;}
.index6 .bg img{width: 100%;}
.index6 .info{position:absolute;top:35%;transform:translate(0 ,-50%);left:0;width:100%}
.index6 .info .in_tit .title{color:#fff;line-height:1.2}
.index6 .btn{margin-top: 2%;}
.index6 .btn .t{background: #ffffff;color: #0065b3;}
.index6 .btn .icon{background: #fff;}
.index6 .btn .icon img{filter: initial;}
@media screen and (max-width:520px){
.index6 .bg{height: 188px;}
.index6 .bg img{object-fit: cover;height: 100%;}
.index6 .info{top: 50%;}
.index6 .btn{margin-top: 20px;}
}