/* 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;transition: ease 0.6s;}
.shuipingtc .shi_con .out:hover{transform: rotate(180deg);}
@media screen and (max-width:1080px) {
.shuipingtc .shi_con{width: 90%;}
.shuipingtc .shi_con .out{width: 36px;height: 36px;right: -5px;top: -50px;}
}

/* text-box */
.text-box span{display:inline-block;opacity:0;transform:translateY(20px);animation:slideUp .5s forwards}
@keyframes slideUp{to{opacity:1;transform:translateY(0)}
}
.text-box1 span{display:inline-block;opacity:0;transform:translateY(20px);animation:slideUp .5s forwards}
@keyframes slideUp{to{opacity:1;transform:translateY(0)}
}


/* banner */
.banner{position: relative;overflow: hidden;}
.banner .img img{width: 100%;}
.banner .swiper-pagination{bottom: 8%;display: flex;align-items: center;justify-content: left;color: #fff;font-size: 25px;left: 3%;}
.banner .swiper-pagination-current{font-size: 45px;}
.banner .swiper-pagination i{width: 80px;height: 1px;background: #fff;margin: 0 15px;}
.banner .swiper-pagination-total{font-style:italic;}
@media screen and (max-width:1400px){
.banner{margin-top: 84.71px;}
}
@media screen and (max-width:1280px){
.banner{margin-top: 74.67px;}
}
@media screen and (max-width:1080px){
.banner{margin-top: 83.2px;}
}
@media screen and (max-width:768px){
.banner{margin-top: 73.67px;}
.banner .in_ban{transform: translate3d(0px, 0px, 0px) !important;}
.banner .swiper-pagination{font-size: 22px;}
.banner .swiper-pagination-current{font-size: 40px;}
.banner .swiper-pagination i{width: 58px;}
}
@media screen and (max-width:520px){
.banner{margin-top: 61.66px;}
.banner .swiper-pagination{font-size: 18px;}
.banner .swiper-pagination-current{font-size: 28px;}
.banner .swiper-pagination i{width: 40px;margin: 0 10px;}
}

/* scroll */
.scroll{text-align: center;position: absolute;left: 50%;transform: translate(-50% ,-50%);}
@media screen and (max-width:1080px){
.scroll img{width: 55px;}
}
@media screen and (max-width:520px){
.scroll{display: none;}
}
 
/* index1 */
.index1{padding: 90px 0;overflow: hidden;}
.index1 .cont{display:flex;justify-content:space-between}
.index1 .cont .left{width:45%}
.index1 .cont .left .img{position:relative}
.index1 .cont .left .img img{width:100%}
.index1 .cont .left .img .span{background:#1e1e1f;box-shadow: 6px 8px 20px rgb(0 0 0 / 20%);width:268px;height:25px;position:absolute;bottom:-5px;right:-68px;}
.index1 .cont .right{width:50%}
.index1 .cont .right .btn{margin-bottom:40px}
.index1 .cont .right .btn a{display:flex;align-items:center}
.index1 .cont .right .btn p{font-size:18px;color:#2a2a2a;position: relative;padding-bottom: 2px;}
.index1 .cont .right .btn p::after{position: absolute;content: "";width: 100%;height: 1px;bottom: 0;left: 0;background: #2a2a2a;}
.index1 .cont .right .btn img{margin-left:10px;transition:.3s}
.index1 .cont .right .btn:hover img{transform: translateX(10px);}
.index1 .cont .right .title{font-size: 65px;font-style:oblique;font-family:GILROY-BLACKS;text-transform:uppercase;letter-spacing: 2px;overflow: hidden;}
.index1 .cont .right .link{height:2px;width:70px;background:#000;margin:15px 0;position:relative;overflow:hidden}
.index1 .cont .right .link::before{position:absolute;left:2px;top:0;height:2px;width:70px;background:#000;content:""}
.index1 .cont .right .link s{position:absolute;right:0;width:70px;height:100%;background:#fff;right:100%;animation:xian2 4s infinite linear}
.index1 .cont .right .text{margin-bottom:60px}
.index1 .cont .right .text p{font-size:15px;margin-top:10px}
.index1 .cont .right .img{text-align:right;margin-right: 60px;}
@media screen and (max-width:1550px){
.index1 .cont .right .title{font-size: 55px;}
}
@media screen and (max-width:1350px){
.index1 .cont .right .title{font-size:50px;}
}
@media screen and (max-width:1250px){
.index1 .cont .right .title{font-size:43px;}
.index1 .cont .right .text{margin-bottom: 40px;}
}
@media screen and (max-width:1080px){
.index1{padding: 60px 0;}
.index1 .cont .left .img .span{width: 228px;right: -45px;}
.index1 .cont .right .btn{margin-bottom: 30px;}
.index1 .cont .right .img{display: none;}
.index1 .cont .right .title{font-size:38px;}
.index1 .cont .right .text{margin-bottom: 0;}
}
@media screen and (max-width:950px){
.index1 .cont .right .title{font-size: 34px;}
}
@media screen and (max-width:850px){
.index1 .cont .right .title{font-size: 30px;}
.index1 .cont .left .img .span{right: -20px;height: 16px;width: 158px;}
}
@media screen and (max-width:768px){
.index1 .cont{flex-wrap: wrap;}
.index1 .cont .left{width: 100%;order: 1;margin-top: 30px;}
.index1 .cont .right{width: 100%;}
}
@media screen and (max-width:520px){
.index1{padding: 30px 0;}
.index1 .cont .left{margin-top: 15px;}
.index1 .cont .right .btn{margin-bottom: 20px;}
.index1 .cont .right .btn p{font-size: 16px;}
.index1 .cont .right .btn img{width: 25px;}
.index1 .cont .right .title{font-size: 25px;}
.index1 .cont .right .link{width: 50px;}
.index1 .cont .right .text p{font-size: 14px;margin-top: 5px;line-height: 24px;}
}

/* index2 */
.index2 .swiper-wrapper{transition-timing-function: linear !important;}
.index2 .swiper-slide{background: #EEEEEE;transition:transform .5s cubic-bezier(0.2, 1, 0.2, 1)}
.index2 .swiper-slide .img{transform:scale(0.68);transition:transform .5s cubic-bezier(0.2, 1, 0.2, 1)}
.index2 .swiper-slide:hover .img{transform:scale(1);}
@media screen and (max-width:520px){
.index2 .swiper-slide .img{transform:scale(0.78);}
}

/* index3 */
.index3{padding: 90px 0;position: relative;overflow: hidden;}
.index3 .big{color: #DDDDDE;font-size: 268px;position:absolute;z-index:-1;left:10%;top: 5%;font-family:GILROY-BLACK;letter-spacing:18px;text-transform:uppercase;transform: translateX(calc(-20%*var(--progress)));}
.index3 .flex{justify-content:flex-end;align-items:flex-end;margin-bottom:60px;margin-right:100px}
.index3 .in_tit{position:relative;text-align:center}
.index3 .in_tit .title{font-size:65px;font-family:GILROY-BLACK;letter-spacing:10px;text-transform:uppercase;margin-bottom:30px}
.index3 .in_tit .span{background:#1e1e1f;width:288px;box-shadow: 6px 8px 20px rgb(0 0 0 / 20%);height:25px;display:block;}
.index3 .info{width: 32%;margin-left:30px;}
.index3 .info .btn{width: max-content;}
.index3 .info .btn p{font-size:18px;color:#2a2a2a;position: relative;padding-bottom: 1px;}
.index3 .info .btn p::after{position: absolute;content: "";width: 100%;height: 1px;bottom: 0;left: 0;background: #2a2a2a;}
.index3 .info .btn img{margin:35px 0;transition:.3s}
.index3 .info .btn:hover img{transform: translateY(10px);}
.index3 .info .text p{font-size:16px;line-height:24px}
.index3 .bg{position:relative;max-width: 1300px;margin: 0 auto;border-radius: 4px;}
.index3 .bg .img{width:100%}
.index3 .bg .p_video{position:absolute;top:50%;transform:translate(-50% ,-50%);left:50%}
.index3 .bg .play{position:relative;text-align:center;width:68px;margin:0 auto;}
.index3 .bg .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 .bg .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 .bg .play:hover:before{transform:translate(-50%,-50%) scale(1.3)}
.index3 .bg .play:hover:after{transform:translate(-50%,-50%) scale(1.6)}
.index3 .case-pic-l{position:absolute;width:20%;height:100%;top:0;left: -50px;}
.index3 .case-pic-r{position:absolute;width:20%;height:100%;top:0;right: -50px;}
.index3 .case-pic-wl{position:absolute;width:60%;height:100%;top:0;left:0;background:#fff}
.index3 .case-pic-wr{position:absolute;width:60%;height:100%;top:0;right:0;background:#fff}
@media screen and (max-width:1660px){
.index3 .big{font-size: 228px;}
}
@media screen and (max-width:1440px){
.index3 .big{font-size: 200px;}
.index3 .flex{margin-right: 50px;}
.index3 .in_tit .title{font-size: 55px;}
}
@media screen and (max-width:1280px){
.index3 .big{font-size: 188px;}
}
@media screen and (max-width:1080px){
.index3{padding: 60px 0;}
.index3 .flex{margin-right: 0;}
.index3 .bg .play{width: 58px;}
.index3 .in_tit .title{font-size: 46px;margin-bottom: 20px;letter-spacing: 6px;}
.index3 .in_tit .span{height: 20px;width: 268px;}
.index3 .info .btn img{margin: 25px 0;}
}
@media screen and (max-width:768px){
.index3 .big{opacity: 0.3;}
.index3 .flex{margin-bottom: 30px;}
.index3 .in_tit{width: 100%;text-align: left;}
.index3 .in_tit .title{font-size: 38px;letter-spacing: 2px;}
.index3 .in_tit .span{height: 18px;width: 188px;}
.index3 .info{width: 100%;margin-left: 0;}
.index3 .info .btn{width: auto;}
.index3 .info .btn a{display: flex;align-items: center;}
.index3 .info .btn img{transform: rotate(-90deg);margin: 0;margin-left: 35px;height: 50px;}
}
@media screen and (max-width:520px){
.index3{padding: 30px 0;}
.index3 .in_tit .title{font-size: 25px;font-family: GILROY-BLACKS;margin-bottom: 10px;}
.index3 .in_tit .span{height: 14px;width: 158px;}
.index3 .flex{margin-bottom: 15px;}
.index3 .info .btn p{font-size: 16px;}
.index3 .info .btn img{margin-left: 30px;height: 40px;}
.index3 .bg .play{width: 45px;}
.index3 .info .text p{font-size: 14px;}
}

/* index4 */
.index4{padding-bottom: 90px;overflow: hidden;}
.index4 .span{background:#1e1e1f;box-shadow: 6px 8px 20px rgb(0 0 0 / 20%);width:268px;height:25px;margin: 0 auto;margin-right: 0;}
.index4 .title{font-size:110px;font-family:GILROY-BLACKS;letter-spacing:5px;text-transform:uppercase;transform: translateX(calc(-15%*var(--progress)));text-align: center;}
.index4 .info{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}
.index4 .info .btn a{display:flex;align-items:center}
.index4 .info .btn p{font-size:18px;color:#2a2a2a;position:relative;padding-bottom:2px}
.index4 .info .btn p::after{position:absolute;content:"";width:100%;height:1px;bottom:0;left:0;background:#2a2a2a}
.index4 .info .btn img{margin-left:10px;transition:.3s}
.index4 .info .btn:hover img{transform:translateX(10px)}
.index4 .info .text{width:50%}
.index4 .info .text .link{height:2px;width:70px;background:#000;margin:15px 0 25px;position:relative;overflow:hidden}
.index4 .info .text .link::before{position:absolute;left:2px;top:0;height:2px;width:70px;background:#000;content:""}
.index4 .info .text .link s{position:absolute;right:0;width:70px;height:100%;background:#fff;right:100%;animation:xian2 4s infinite linear}
.index4 .info .text p{font-size:16px;line-height:26px}
.index4 .list{margin-top: 60px;}
.index4 .list .item{background: #EBEBEB;width: 24.25%;margin-bottom: 1%;margin-right: 1%;overflow: hidden;}
.index4 .list .item:nth-child(4n+4){margin-right: 0;}
.index4 .list .item .t1{font-size:26px;color:#171717;margin: 20px 20px 0 20px;line-height:30px;text-decoration:underline;opacity: 0;transition: .8s all;transform: translateY(-2vw);height: 60px;}
.index4 .list .item .t1 p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index4 .list .item .img{transform:scale(.8);transition:transform 1s cubic-bezier(.2,1,.2,1)}
.index4 .list .item .bt{font-size:16px;margin-left:20px;margin-bottom:20px;color:#767676;opacity: 0;transition: .8s all;transform: translateY(2vw);}
.index4 .list .item:hover .img{transform:scale(.9)}
.index4 .list .item:hover .t1{transform: translateY(0vw);opacity: 1;}
.index4 .list .item:hover .bt{transform: translateY(0vw);opacity: 1;}
@media screen and (max-width:1770px){
.index4 .title{font-size: 100px;}
}
@media screen and (max-width:1660px){
.index4 .title{font-size: 95px;}
}
@media screen and (max-width:1550px){
.index4 .title{font-size: 90px;}
}
@media screen and (max-width:1480px){
.index4 .title{font-size: 85px;}
}
@media screen and (max-width:1390px){
.index4 .title{font-size: 80px;}
}
@media screen and (max-width:1280px){
.index4 .title{font-size: 75px;}
}
@media screen and (max-width:1250px){
.index4 .title{font-size: 68px;}
}
@media screen and (max-width:1150px){
.index4 .title{font-size: 60px;}
}
@media screen and (max-width:1080px){
.index4{padding-bottom: 60px;}
.index4 .title{font-size: 55px;}
.index4 .span{height: 20px;}
.index4 .info{margin-top: 30px;}
.index4 .list{margin-top: 40px;}
.index4 .list .item .t1{width: auto;}
.index4 .list .item .t1 p{font-size: 22px;}
}
@media screen and (max-width:960px){
.index4 .title{font-size: 50px;}
}
@media screen and (max-width:880px){
.index4 .title{font-size: 45px;}
.index4 .list .item{width: 32.666667%;}
.index4 .list .item:nth-child(3n+3){margin-right: 0;}
.index4 .list .item:nth-child(4n+4){margin-right: 1%;}
}
@media screen and (max-width:768px){
.index4 .title{font-size: 40px;letter-spacing: 4px;}
.index4 .list .item .t1{font-size: 18px;}
}
@media screen and (max-width:520px){
.index4{padding-bottom: 30px;}
.index4 .span{height: 16px;width: 168px;}
.index4 .title{font-size: 26px;letter-spacing: 2px;margin-top: 15px;transform: translateX(calc(0%*var(--progress)));}
.index4 .info{margin-top: 20px;}
.index4 .info .btn{width: 100%;}
.index4 .info .text{width: 100%;}
.index4 .info .text .link{margin: 18px 0;}
.index4 .info .text p{font-size: 14px;line-height: 24px;}
.index4 .list .item{width: 49%;margin-bottom: 2%;}
.index4 .list .item:nth-child(even){margin-right: 0;}
.index4 .list .item:nth-child(odd){margin-right: 2%;}
.index4 .list .item .img{transform: scale(.9);}
.index4 .list .item .t1{opacity: 1;line-height: 26px;margin: 10px 10px 0 10px;transform: translateY(0vw);height: 50px;}
.index4 .list .item .t1 p{font-size: 16px;}
.index4 .list .item .bt{opacity: 1;margin: 0px 10px 10px 10px;font-size: 14px;transform: translateY(0vw);}
}