@keyframes fadeInUp2 {
  from {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp2 {
  animation-name: fadeInUp2;
}
.banner{position: relative;}
.g_sybantu-wap{display: none;}
.g_sybansk{width: 100%;height:100vh;position: relative;}
video{object-fit: cover;width: 100%;height: 100%;}
.g_sybansk .text{position: absolute;top: 50%;left: 50%;opacity: 0;transform:translate(-50%,-50%) translate3d(0,5px,0);}
.g_sybantu{overflow: hidden;position: relative;width: 100%;background-size: cover;background-repeat: no-repeat;height:100vh;background-position: center;}
.g_sybansk .g_sybantu img,.wap-banner .tp img{width: 100%;height: 100%;object-fit: cover;}
.g_sybansk.slick-current .text{opacity:1;transform:translate(-50%,-50%) translate3d(0,0,0);transition:opacity 3s cubic-bezier(.25,.1,.25,1),transform 3s cubic-bezier(.25,.1,.25,1);transition-delay: 1.5s;}
.g_syban .slick-dots li {
    font-size: 0;
    position: relative;
    display: inline-block;
    border: none;
    cursor: pointer;
    width: 11px;height: 11px;border-radius: 50%;background: #fff;display:inline-block;margin: 0 38px;
}
.g_syban .slick-dots li button{outline: none;}
.g_syban .slick-dots li.slick-active{background: #04bcff;}
.g_syban .slick-dots{bottom: 118px;}
.wap-banner .swiper-pagination{bottom: 50px;width: 100%;text-align: center;}
.wap-banner .swiper-pagination span{width: 11px;height: 11px;border-radius: 50%;background: #fff;display:inline-block;margin: 0 25px;display: inline-block;opacity: 1;}
.wap-banner .swiper-pagination span.swiper-pagination-bullet-active{background: #04bcff;}
.wap-banner .text{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 70%;}
.banner .text img{width:auto;max-width: inherit;}
section{width: 100%;}
.title{position: relative;}
.title .pic1{position: absolute;width: 32%;bottom: 0;right: 0;text-align: right;}
/*.title .pic1 img{height: 15vh}*/
.section2 .title{background:#f0f0f0;height: calc(100vh - 540px);overflow: hidden;}
.section2 .s-box2{height:540px;overflow: hidden;}
.title .tit1{font-family: "albb55";font-size: 52px;color: #04bcff;display: inline-block;float: left;padding-right: 7%;}
.title .tit1 h3{color: #323232;font-size: 66px;font-family: "mrp";height: 76px;}
.title .tit2{width: 60%;float: left;display: inline-block;margin-top: 22px;position: relative;z-index: 2;}
.title .tit2 p{color: #323232;font-size: 16px;line-height: 20px;font-family: "albb45";margin-bottom: 10px;}
.tit-box{position: absolute;padding:0 0 0 4%;width: 72%;bottom: 20px;}
.s-box2{background: #323232;position: relative;}
.s-box2 .pic2{position: relative;}
.s-box2 .ss{position: absolute;}
.s-box2 .ss a{display: block;position: relative;padding-left: 76px;font-family: "albb55";font-size: 28px;color: #fff;transition: all 0.3s;}
.s-box2 .ss a h4{font-size: 36px;font-family: "mrp";height: 44px;}
.s-box2 .ss a h4 b{color: #fff;font-weight: normal;}
.s-box2 .ss a::before{content: "";display: block;position: absolute;width: 50px;height: 50px;left: 0;}
.s-box2 .ss1 a::before{background: url("../images/fw1.png") no-repeat;}
.s-box2 .ss1{top: 95px;left: 260px;}
.s-box2 .ss2 a::before{background: url("../images/fw2.png") no-repeat;}
.s-box2 .ss2{top: 110px;left: 690px;}
.s-box2 .ss3 a::before{background: url("../images/fw3.png") no-repeat;}
.s-box2 .ss3{top: 245px;left: 880px;}
.s-box2 .ss4 a::before{background: url("../images/fw4.png") no-repeat;}
.s-box2 .ss4{bottom: 100px;left: 525px;}
.s-box2 .ss a:hover::before{transform: rotate(360deg);transition: all 0.3s;}
.s-box2 .ss a:hover,.s-box2 .ss a:hover h4 b{color: #04bcff;}
.s-box2 .ss3 a:hover::before{background: url("../images/fw03.png") no-repeat;}
.s-box2 .ss1 a:hover::before{background: url("../images/fw01.png") no-repeat;}
.s-box2 .ss2 a:hover::before{background: url("../images/fw02.png") no-repeat;}
.s-box2 .ss4 a:hover::before{background: url("../images/fw04.png") no-repeat;}
.win{position: absolute;width: 92%;left: 4%;top: 50%;background-size: cover;background-repeat: no-repeat;background-position: center;height: 86%;opacity: 0;transition: all .45s ease-out 0s;
    -webkit-transition: all .45s ease-out 0s;
    -moz-transition: all .45s ease-out 0s;
-webkit-transform: scale(0) translate(0,-50%);transform: scale(0) translate(0,-50%);z-index: -2;}
.win .left{padding:3% 4.5%;}
.win .xtb{position: absolute;left: -25px;top: -25px;}
.win .name{color:#04bcff;font-size: 34px;font-family: "albb55";}
.win .name h4{color: #fff;font-size: 43px;font-family: "mrp";height: 50px;}
.win .name h4 b{color:#04bcff;font-weight: normal;}
.win .txt{width: 65%;
    margin-top: 35px;
    height: 246px;
    overflow-y: auto;
    padding-right: 10px;
}
.win .txt p{font-family: "albb35";font-size: 18px;color: #fff;line-height: 22px;font-weight: 100;}
.win .right{position: absolute;width: 25%;background: rgba(246,52,63,0.85);right: 0;top: 0;height: 100%;display: flex;flex-wrap: wrap;justify-content:center;align-items: center}
.win .close1{position: absolute;top: 15px;right: 15px;}
.win dl{margin:25px 0;}
.win dt{color: #04bcff;font-size: 20px;font-family: "albb65";margin-bottom: 6px;}
.win dd p{color: #fff;font-size: 20px;font-family: "albb35";line-height: 24px;font-weight: 100;}
.win .close1:hover{transform: rotate(180deg);transition: all 0.3s;}
.pop-win1.active,.pop-win2.active,.pop-win3.active,.pop-win4.active{-wenkit-transform: scale(1) translate(0,-50%);transform: scale(1) translate(0,-50%);opacity: 1;z-index: 2}
.title2{padding: 0 4%;position: relative;}
.title2 .pic3{position: absolute;left: 0;bottom: 0;}
.title2 .pic3 img{height:auto;width: 100%;}
.section3 .title2{height:298px;background:#f6343f;}
.title2 .tit1{font-family: "albb55";font-size: 52px;color: #fff;position: absolute;right: 4%;top:50%;transform: translate(0,-50%);text-align: right;}
.title2 .tit1 h3{color: #fff;font-size: 66px;font-family: "mrp";height: 76px;}
.section3 .s-box3 .bg{width: 100%;height: 100%;object-fit: cover;}
.s-box3{position: relative;overflow: hidden;height:calc(100vh - 298px);}
.s-box3 .images{position: absolute;height:calc(100vh - 298px);width: 100%;}

.s-box4 .images .img2{height:100vh;}
.s-box3 .images img,.s-box4 .images img{width: 100%;height: 100%;object-fit: cover;}
.cases{width: 1120px;padding:7% 0 0 7%;}
.logo-case{position: relative;}
.caseSwiper{padding:0 80px;height: 450px;}
.caseSwiper .swiper-slide,.caseSwiper .swiper-wrapper{position: initial;}
.cases .swiper-pagination{display: none;}
.cases .swiper-button-prev{left: -45px;}
.cases .tp{padding-bottom: 25px;}
.cases .tp a{display: block;width:93px;height: 93px;background: #323232;border-radius: 50%;position: relative;margin: 0 auto;}
.cases .tp a img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80%;}
/*.cases .box{position: relative;}*/
.cases .txt-box{background: #f43944;border-radius: 15px;padding:5px 20px 20px 20px;width:210px;display: none;position:absolute;margin-left: -76px;}
.cases .txt-box p{color: #fff;font-size: 14px;font-family: "albb35";line-height: 18px;font-weight: 100;}
.cases .swiper-button-next{right: -45px;transform: rotate(180deg);margin-top: -21px;}
.cases .swiper-button-prev,.cases .swiper-button-next{top: 50px;z-index: 10;}
.pc-box3 .cases .box:hover .tp a,.wap-box3 .cases .box.move .tp a{background: #f6343f;}
.pc-box3 .cases .box:hover .txt-box{display: block;}
.cases .txt-box .jj{margin:15px 0 30px 0;height: 180px;padding-right: 5px;overflow-y: auto;}
.cases .txt-box .more{text-align: center;}
.cases .txt-box .more a{display: inline-block;color: #fff;font-size: 14px;font-family: "albb55";position: relative;padding-top: 14px;}
.cases .txt-box .more a::before{content: "";position: absolute;top: 0;left: 50%;transform: translate(-50%,0);width: 5px;height: 5px;border-radius: 50%;background: #fff;}
.section4{position: relative;height: 100vh;overflow: hidden;}
.section4 .fix{position: absolute;bottom: 16%;left: 7%;}
.title3 .tit1{font-family: "albb55";font-size: 52px;color: #fff;padding-bottom: 30px;}
.title3 .tit1 h3{color: #fff;font-size: 66px;font-family: "mrp";height: 76px;}
.section4 .way li p{font-family: "albb45";font-size: 24px;color: #fff;line-height: 32px;margin: 5px 0;}
.section4 .way li p span{font-family: "tccm";font-size: 28px;display: block;}
.section4 .way li .left{padding-right: 28px;}
.section4 .way li{padding: 12px 0;}
.footer{position: absolute;width: 94%;background: #000;line-height: 24px;color: #4a4a4a;font-size: 19px;font-family: "albb55";bottom: 0;left: 0;padding: 20px 3%;}
.pup-hide{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;transition: all .45s ease-out 0s;
    -webkit-transition: all .45s ease-out 0s;
    -moz-transition: all .45s ease-out 0s;
-webkit-transform: scale(0);transform: scale(0);z-index: -2;}
.pup-hide .swiper-button-next{right: 0px;transform: rotate(180deg);margin-top: -21px;}
.pup-hide .tp{width: 66%;float: left;background-size: cover;background-repeat: no-repeat;height: 600px;background-position: center;}
.pup-hide .text1{width: 34%;float: right;background:url("../images/bg.jpg") no-repeat center;background-size: cover;height:600px;position: relative;display: flex;flex-wrap: wrap;justify-content:center;}
.pup-hide .text1::after{content: "";background: rgba(0,0,0,0.7);display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.pup-hide .text1 h3,.pup-hide .text1 p,.pup-hide .text1 dt{position: relative;z-index: 2;color: #fff;}
.pup-hide .text1 h3{font-size: 26px;font-family: "albb55";padding:40px 0 20px 0;line-height: 26px;}
.pup-hide .text1 p{font-size: 16px;font-family: "albb35";line-height: 20px;font-weight: 100;}
.pup-hide .text1 dt{font-size: 22px;font-family: "albb45";color: #04bcff;padding:20px 0 10px 0;}
.pup-hide .text1 .read{width: 73%;}
.pup-hide .text1 .read .p1 p{display: -webkit-box; 
  -webkit-line-clamp: 5;  
  -webkit-box-orient: vertical; 
  overflow: hidden;       
  text-overflow: ellipsis; }
.pup-hide .text1 .dd{display: flex;flex-wrap: wrap;}
.pup-hide .text1 dd{display: inline-block;text-align: left;width: 50%;}
.pup-hide .text1 dd p{line-height: 24px;}
.yuan .swiper-slide::before{content: "";width: 10px;height: 10px;background: #fff;border-radius: 50%;display: block;position: absolute;left: 50%;transform: translate(-50%,0);}
.yuan{position: absolute;width: 20%;right: 7%;bottom: 25px;height: 40px;}
.yuan .swiper-slide.swiper-slide-thumb-active::before{background: #04bcff;}
.arrows{position: absolute;width: 34%;right: 0;bottom: 45px;height: 40px;}
.arrows .swiper-button-prev{left: 6%;}
.arrows .swiper-button-next{right: 6%;}
.pup-hide .swiper-pagination{left: 50%;top: 50%;transform: translate(-50%,-50%);width: 80%;}
.pup-hide .swiper-pagination span{width: 10px;height: 10px;background: #fff;border-radius: 50%;margin: 0 15px;}
.pup-hide .swiper-pagination span.swiper-pagination-bullet-active{background: #04bcff;}


.pup-hide .close-1{position: absolute;top: 25px;right: 25px;z-index: 11;}
.pup-hide .close-1:hover{transform: rotate(180deg);transition: all 0.3s;}
.pup-hide.in{-wenkit-transform: scale(1);transform: scale(1);opacity: 1;z-index:10}
.wab-img1,.wap-banner,.wap-banner .swiper-button-next,.wap-banner .swiper-button-prev,.wap-box3,.wap-box4{display: none;}
.wap-box3{background-size: cover;background-repeat: no-repeat;flex-wrap: wrap;justify-content:center;align-items: center;height: 600px;}
.wap-box3 .cases{width:78%;margin: 0 auto;padding: 0;position: relative;}
.wap-box3 .cases ul{display: grid;grid-template-columns: repeat(3, 1fr);gap:0;}
.wap-box3 .cases .list .txt-box{width:300px;left: 50%;transform: translate(-50%,-50%);background: rgba(246,52,63,0.9);margin: 0;z-index: 10;padding: 0 5% 30px 5%;top: 50%;}
.wap-box3 .cases .box{position: inherit;}
.wap-box3 .cases .list.cur .txt-box{display: block;}
.wap-box4{background-size: cover;background-repeat: no-repeat;flex-wrap: wrap;justify-content:center;align-items: center;height: 100vh;}
.wap-box4 .fix{left: auto;padding: 0 4%;}
.wap-box4 .title3 .tit1 h3{font-size: 36px;height: 45px;}
.wap-box4 .title3 .tit1{font-size: 30px;}
.share2{display: none;float: right;padding: 0;}
.share2 a{margin-left: 40px;}
.yuan .swiper-wrapper{display: flex;flex-wrap: wrap;justify-content:center;}
.pc-box4 .images,.wap-banner,.wap-banner .tp{height: 100vh;}
#zhezhao03{position: absolute;height: 100%;width: 100%;left: 0;top: 0;background: rgba(255,255,255,0.00001);z-index: 2;display: none;}
.cases li .tp a{position: relative;z-index: 3;}
.wap-box3 .cases .txt-box p{font-family: "albb45";font-weight: normal;}