/* 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;padding-bottom: 60px;text-align: center;}
.in_tit .title{font-size: 46px;font-weight: bold;text-transform: uppercase;color: #292929;font-family: "Urbanist-Bold"}
@media screen and (max-width:1440px){
.in_tit .title{font-size: 40px;}
}
@media screen and (max-width:1080px){
.in_tit{padding-bottom: 40px;}
.in_tit .title{font-size: 34px;}
}
@media screen and (max-width: 520px){
.in_tit{padding-bottom: 30px;}
.in_tit .title{font-size: 24px;}
}

/* bannerSwiper */
.bannerSwiper{width:100%;overflow:hidden;margin-top: 88px;}
.bannerSwiper .swiper-slide{width:100%;overflow:hidden;}
.bannerSwiper .swiper-slide .img{width:100%;transition:transform 4s linear;transition-delay:1s;transform:scale(1.2);}
.bannerSwiper .swiper-slide .img img{width: 100%;border-bottom-right-radius: 16px;border-bottom-left-radius: 16px;}
.bannerSwiper .swiper-slide-active .img{transition-delay:0s;transform:scale(1)}
.bannerSwiper .swiper-pagination{bottom: 5%;}
.bannerSwiper .swiper-pagination-bullet{width:60px;height:4px;opacity: 1;background: #ffffff69;margin:0 8px !important;border-radius: 3px;}
.bannerSwiper .swiper-pagination-bullet-active{background: #fff;}
@media only screen and (max-width:1080px){
.bannerSwiper{margin-top: 92px;}
}
@media only screen and (max-width:768px){
.bannerSwiper{margin-top: 76px;}
}
@media only screen and (max-width:520px){
.bannerSwiper{margin-top: 65px;}
.bannerSwiper .swiper-pagination-bullet{width: 40px;height: 3px;margin: 0 5px !important;border-radius: 3px;}
}
 
/* index1 */
.index1{padding: 90px 0;overflow: hidden;position: relative;}
.index1 .item .img{background: #EEEEEE;position:relative;overflow: hidden;}
.index1 .item .img img{transition: all .5s ease-in-out;}
.index1 .item:hover .img img{transform:scale(1.05)}
.index1 .item .info{text-align: center;margin-top: 30px;}
.index1 .item .info .tit{font-size: 20px;font-weight: bold;transition: .5s all;transform: translateY(0.5vw);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index1 .item .info .lb{font-size: 16px;color: #666666;opacity: 0;transition: .5s all;transform: translateY(1vw);}
.index1 .item:hover .info .tit{transform: translateY(-0.5vw);}
.index1 .item:hover .info .lb{opacity: 1;transform: translateY(0vw);}
.index1 .item .btn{margin: 0 auto;margin-top: 30px;}
.index1 .item .p_bt{z-index:2;position:absolute;right:30px;top:30px}
.index1 .item .p_bt .p_svg{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row;align-content:stretch;width:62px;height:62px;opacity:0}
.index1 .item .p_bt .p_svg:after,.index1 .item .p_bt .p_svg:before{content:'';display:block}
.index1 .item .p_bt .p_svg:after{z-index:2;position:relative;background-repeat:no-repeat;background-position:left top;background-size:contain;width:15px;height:7px;background-image:url(../images/arw-thin2.png);background-repeat:no-repeat;background-position:left top}
.index1 .item .p_bt .p_svg:after{transform:rotate(.0001deg) rotateZ(-45deg)}
.index1 .item .p_bt .p_svg:before{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background-color:#186BCC;transform:rotate(.0001deg) scale(.5);transition-duration:1.5s;transition-timing-function:cubic-bezier(.39,.575,.565,1);backface-visibility:hidden;opacity:0}
.index1 .item .p_bt .p_svg:before{transition-property:transform opacity;transition-duration:1.5s;transition-timing-function:cubic-bezier(.39,.575,.565,1);backface-visibility:hidden;opacity:0}
.index1 .item:hover .index1 .item .p_bt .p_svg:before{transform:rotate(.0001deg) scale(1);opacity:1}
.index1 .item .p_bt .p_svg svg{display:block;position:absolute;left:0;top:0;width:62px;height:62px;transition-property:transform opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.23,1,.32,1);backface-visibility:hidden;transform:scale(.8);opacity:0}
.index1 .item .p_bt .p_svg svg circle{fill:transparent;stroke:#709cf3;stroke-width:2px;stroke-dasharray:188.495559215;stroke-dashoffset:188.495559215;transition-property:stroke-dashoffset;transition-duration:.7s;transition-timing-function:cubic-bezier(.23,1,.32,1);backface-visibility:hidden;stroke:#fff;stroke-width:1.5px}
.index1 .item:hover .p_bt .p_svg{opacity:1}
.index1 .item:hover .p_bt .p_svg:before{opacity:1;transform: rotate(0.0001deg) scale(1);}
.index1 .item:hover .p_bt .p_svg svg{transform:scale(1);opacity:1}
.index1 .item:hover .p_bt .p_svg svg circle{stroke-dashoffset:0}
.index1 .swiper-button-next{right: 2%;width: 50px;height: 50px;}
.index1 .swiper-button-prev{left: 2%;width: 50px;height: 50px;}
.index1 .swiper-button-prev.swiper-button-disabled, .index1 .swiper-button-next.swiper-button-disabled{opacity: 1;}
.index1 .swiper-button-next:after{background: url(../images/in1_icon02.png);background-size: cover;width: 41px;height: 40px;font-size: 0;}
.index1 .swiper-button-prev:after{background: url(../images/in1_icon01.png);background-size: cover;width: 41px;height: 40px;font-size: 0;}
@media screen and (max-width:1080px) {
.index1{padding: 60px 0;}
.index1 .item .info{margin-top: 20px;}
.index1 .item .info .lb{opacity: 1;}
}
@media screen and (max-width:768px) {
.index1 .swiper-button-next{right: 0;}
.index1 .swiper-button-prev{left: 0;}
}
@media screen and (max-width:520px) {
.index1{padding: 30px 0;}
.index1 .swiper-button-next:after{width: 33px;height: 32px;}
.index1 .swiper-button-prev:after{width: 33px;height: 32px;}
.index1 .item .info{margin-top: 15px;}
.index1 .item .info .tit{font-size: 18px;}
.index1 .item .info .lb{font-size: 14px;}
.index1 .item .btn{margin-top: 20px;}
}



/* index2 */
.index2{padding: 20px 0 90px;}
.index2 .left{width: 46.5%;position:relative;}
.index2 .left .video{position: relative;}
.index2 .left .video::after{position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;background: #1c70d3d6;border-radius: 8px;}
.index2 .left .video video{width:100%;border-radius: 8px;display: block;}
.index2 .left ul{position:absolute;top:50%;transform:translate(-50% ,-50%);left:50%;width: 80%;}
.index2 .left li{width:50%;text-align: center;}
.index2 .left li:nth-child(1){margin-bottom: 80px;}
.index2 .left li:nth-child(2){margin-bottom: 80px;}
.index2 .left li span{font-size: 68px;color:#fff;font-weight:700;font-family: BebasNeue-Regular;}
.index2 .left li sub{color:#fff;font-size:16px;}
.index2 .left li p{font-size:16px;color:#fff}
.index2 .right{width: 46.5%;}
.index2 .right .in_tit{margin-top: 168px;padding-bottom: 0;}
.index2 .right .in_tit .title{text-align: left;}
.index2 .right .text{text-align:left;font-size:16px;line-height:26px;font-weight:400;color:#000;margin:30px 0 40px}
.index2 .right .icon{text-align:end}
@media screen and (max-width:1440px) {
.index2 .right .in_tit{margin-top: 0;}
}
@media screen and (max-width:1080px) {
.index2{padding: 20px 0 60px;}
.index2 .left li span{font-size: 60px;}
.index2 .left li:nth-child(1){margin-bottom: 60px;}
.index2 .left li:nth-child(2){margin-bottom: 60px;}
}
@media screen and (max-width:768px) {
.index2 .left{width: 100%;margin-bottom: 25px;}
.index2 .left ul{width: 90%;}
.index2 .right{width: 100%;}
.index2 .right .text{margin: 25px 0;}
}
@media screen and (max-width:520px) {
.index2{padding: 20px 0 30px;}
.index2 .left{margin-bottom: 20px;}
.index2 .left li span{font-size: 50px;}
.index2 .left li p{font-size: 15px;}
.index2 .right .text{margin: 20px 0;font-size: 14px;}
.index2 .right .icon img{width: 80%;}
}


/* index3 */
.index3{padding-bottom: 90px;}
.index3 .left{background: #F0F0F4;width: calc(32% - 60px);padding: 80px 60px 80px 0;position: relative;}
.index3 .left::after{content: "";position: absolute;width: 68%;height: 100%;left: -188px;top: 0;z-index: 1;background: #F0F0F4;}
.index3 .left .in_tit{padding-bottom: 50px;position: relative;z-index: 99;}
.index3 .left .in_tit .title{text-align:left;font-size:40px}
.index3 .left .in_tit .title.mo{display: none;}
.index3 .left .text{font-size:16px;color:#666;line-height:2;font-weight:400;position: relative;z-index: 99;}
.index3 .right{width:68%;position:relative}
.index3 .right .bg img{width:100%;border-radius: 8px;}
.index3 .right .keyan{padding:0 20px;height:50px;display:flex;justify-content:center;align-items:center;background:#fff;position:absolute;left:30px;bottom:30px;border-radius:10px;cursor:pointer}
.index3 .right .keyan span{color:#222}
.index3 .right .keyan:hover{background: #186BCC;}
.index3 .right .keyan:hover span{color: #fff;}
.index3 .right .play{position:absolute;top:50%;transform:translate(-50% ,-50%);left:50%}
.index3 .right .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 .right .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 .right .play:hover:before{transform:translate(-50%,-50%) scale(1.3)}
.index3 .right .play:hover:after{transform:translate(-50%,-50%) scale(1.6)}
@media screen and (max-width:1440px){
.index3 .left{width: calc(40% - 40px);padding: 60px 40px 60px 0;}
.index3 .left .in_tit .title{font-size: 36px;}
.index3 .right{width: 60%;}
.index3 .right .play img{width: 58px;}
.index3 .right .keyan{height: 40px;}
}
@media screen and (max-width:1080px){
.index3{padding-bottom: 60px;}
.index3 .left .in_tit{padding-bottom: 30px;}
.index3 .left .in_tit .title{font-size: 32px;}
.index3 .left .in_tit .title.pc{display: none;}
.index3 .left .in_tit .title.mo{display: block;line-height: 1.4;}
}
@media screen and (max-width:768px){
.index3 .left{width: 100%;padding:50px 40px;}
.index3 .left::after{display: none;}
.index3 .left .in_tit .title{font-size: 26px;}
.index3 .right{width: 100%;}
}
@media screen and (max-width:520px){
.index3{padding-bottom: 40px;}
.index3 .left{padding: 25px;}
.index3 .left .in_tit{padding-bottom: 20px;}
.index3 .left .in_tit .title{font-size: 22px;}
.index3 .left .text{font-size: 14px;line-height: 26px;}
.index3 .right .bg img{border-radius: 6px;}
.index3 .right .play img{width: 45px;}
.index3 .right .keyan{height: 36px;left: 20px;bottom: 20px;border-radius: 6px;padding: 0 15px;}
}

/* index4 */
.index4{padding: 90px 0; background: #F0F0F4;}
.index4 .in_tit{padding-bottom: 0;}
.index4 .in4_mo{display: none;}
.index4 .swiper-slide{width:24%;background:#fff;box-shadow:0 8px 20px #ddd}
.index4 .swiper-slide img{display:block;width: 100%;}
.index4 .swiper-pagination{bottom: 5px;}
.index4 .swiper-pagination-bullet{opacity: 1;background: #C0C0C3;margin: 0 10px !important;}
.index4 .swiper-pagination-bullet-active{background: #C0C0C3;position: relative;}
.index4 .swiper-pagination-bullet-active::after{border: 2px solid #C0C0C3;position: absolute;content: "";width: 14px;height: 14px;border-radius: 50%;top: 50%;transform: translate(-50% ,-50%);left: 50%;}
.index4 .btn{margin: 0 auto;margin-top: 50px;}
@media screen and (max-width:1280px){
.index4 .swiper-slide{width: 33%;}
}
@media screen and (max-width:1080px){
.index4{padding: 60px 0;}
.index4 .btn{margin-top: 35px;}
}
@media screen and (max-width:768px){
.index4 .in4_pc{display: none;}
.index4 .in4_mo{display: block;padding: 30px 0 50px;}
}
@media screen and (max-width:520px) {
.index4{padding: 30px 0;}
.index4 .in4{padding-bottom: 40px;}
.index4 .btn{margin-top: 25px;}
.index4 .swiper-pagination-bullet{margin: 0 8px !important;}
.index4 .swiper-pagination-bullet-active::after{width: 12px;height: 12px;}
}

/* index5 */
.index5{padding: 90px 0;background: url(../images/in5_bg.jpg)  no-repeat fixed center center;background-size: cover;}
.index5 .in_tit .title{color: #fff;}
.index5 .img{margin: 10px 0 80px;text-align: center;}
.index5 .btn{margin: 0 auto;background: #fff;color: #292929;transition: all .5s ease-in-out;}
.index5 .btn:after{background: #f0b322;}
.index5 .btn:hover{color: #fff;}
@media screen and (max-width:1080px) {
.index5{padding: 60px 0;}
.index5 .img{margin: 10px 0 60px;}
}
@media screen and (max-width:520px) {
.index5{padding: 30px 0;}
.index5 .img{margin: 0 0 30px;}
}

/* index6 */
.index6{padding: 90px 0;}
.index6 .item{position: relative;display: block;}
.index6 .item .img{z-index: 99;transition: all .6s;}
.index6 .item .img img{border-radius: 12px;height: 100%;width: 100%;}
.index6 .item .info{padding: 0 35px;position: absolute;top: 50%;left: 50%;width: fit-content;z-index: 9;opacity: 0;transform: scale(.5);transition: all .6s;opacity: 0;}
.index6 .item .info .t1{font-size:32px;text-transform:uppercase}
.index6 .item .info .t2{font-size:20px;margin:30px 0 15px}
.index6 .item .info .t2 span{color:#f0b322}
.index6 .item .info .t3{color:#666;font-weight:400;line-height:1.8;font-size:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.index6 .item .info .btn{margin-top: 50px;}
.index6 .swiper-slide-active .item .info{opacity: 1;transform: translate(-50% ,-50%);}
.index6 .swiper-slide-active .item .img{opacity: 0;}
.index6 .in6{padding-bottom:60px;}
.index6 .swiper-pagination{bottom: 10px;}
.index6 .swiper-pagination-bullet{opacity: 1;background: #C0C0C3;margin: 0 10px !important;}
.index6 .swiper-pagination-bullet-active{background: #C0C0C3;position: relative;}
.index6 .swiper-pagination-bullet-active::after{border: 2px solid #C0C0C3;position: absolute;content: "";width: 14px;height: 14px;border-radius: 50%;top: 50%;transform: translate(-50% ,-50%);left: 50%;}
@media screen and (max-width:1660px) {
.index6 .item .info{padding: 0 20px;}
.index6 .item .info .t2{margin: 15px 0;}
.index6 .item .info .btn{margin-top: 20px;}
}
@media screen and (max-width:1080px) {
.index6{padding: 60px 0;}
.index6 .item .info{padding: 0 10px;}
.index6 .item .info .t1{font-size: 28px;}
.index6 .item .info .t2{font-size: 18px;}
.index6 .item .info .t3{font-size: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
}
@media screen and (max-width:768px) {
.index6 .item .info .t3{-webkit-line-clamp: 3;}
}
@media screen and (max-width:520px) {
.index6{padding: 40px 0 20px;}
.index6 .in6{padding-bottom: 40px;}
.index6 .item .info{padding: 0 10px;}
.index6 .item .info .t1{font-size: 24px;}
.index6 .item .info .t2{font-size: 16px;}
.index6 .item .info .t3{font-size: 14px;-webkit-line-clamp: 4;}
.index6 .swiper-pagination-bullet{margin: 0 8px !important;}
.index6 .swiper-pagination-bullet-active::after{width: 12px;height: 12px;}
}

/* index7 */
.index7{padding: 90px 0;background: #186BCC;border-radius: 14px;}
.index7 .in_tit .title{color: #fff;line-height: 1.5;}
.index7 .in_tit .title.mo{display: none;}
.index7 .in_tit .title span{color: #f0b322;}
.index7 .item{background: #ffffff4d;border-radius: 16px;height: auto;}
.index7 .item:nth-child(3){margin-right: 0;}
.index7 .item a{display: block;padding: 20px;}
.index7 .item .img{transition: 0.4s cubic-bezier(0.5, 0, .25, 1);}
.index7 .item .img img{border-radius:12px;transition: all .3s ease-in-out;}
.index7 .item .info{display:flex;flex-wrap:wrap;align-items:center;margin-top:15px}
.index7 .item .info .icon{margin-right:25px}
.index7 .item .info .text h2{color:#fff;font-size:22px}
.index7 .item .info .text p{color:#fff;margin-top:10px;font-weight:400;font-size:16px}
.index7 .item:hover .img{transform:scale(1.1) rotate(0.001deg);}
.index7 .item:hover .img img{border-radius: 50%;}
.index7 .swiper-pagination{display: none;}
@media screen and (max-width:1440px) {
.index7 .in_tit .title{font-size: 36px;}
.index7 .item .info .icon{margin-bottom: 10px;}
}
@media screen and (max-width:1080px){
.index7{padding: 60px 0;}
.index7 .in_tit .title.pc{display: none;}
.index7 .in_tit .title.mo{display: block;}
.index7 .in_tit .title{font-size: 30px;}
.index7 .item a{padding: 15px;}
}
@media screen and (max-width:850px) {
.index7 .in_tit .title{font-size: 26px;}
.index7 .item .info .icon img{width: 45px;}
.index7 .item .info .text h2{font-size: 20px;}
.index7 .in7{padding-bottom:60px;}
.index7 .swiper-pagination{bottom: 10px;display: block;}
.index7 .swiper-pagination-bullet{opacity: 1;background: #C0C0C3;margin: 0 10px !important;}
.index7 .swiper-pagination-bullet-active{background: #C0C0C3;position: relative;}
.index7 .swiper-pagination-bullet-active::after{border: 2px solid #C0C0C3;position: absolute;content: "";width: 14px;height: 14px;border-radius: 50%;top: 50%;transform: translate(-50% ,-50%);left: 50%;}
}
@media screen and (max-width:520px){
.index7{padding: 30px 0;}
.index7 .in_tit{padding-bottom: 20px;}
.index7 .in_tit .title{font-size: 22px;line-height: 1.4;}
.index7 .item{border-radius: 10px;}
.index7 .item a{padding: 10px;}
.index7 .item .info{margin-top: 10px;}
.index7 .item .info .icon{width: 10%;margin-right: 15px;}
.index7 .item .info .text{width: 80%;}
.index7 .item .info .icon img{width: 45px;}
.index7 .item .info .text h2{font-size: 18px;}
.index7 .item .info .text p{font-size: 14px;margin-top: 6px;}
.index7 .in7{padding-bottom:40px;}
.index7 .swiper-pagination{bottom: 0;}
.index7 .swiper-pagination-bullet{margin: 0 8px !important;}
.index7 .swiper-pagination-bullet-active::after{width: 12px;height: 12px;}
}