.banner{
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 0 0 0 100px;
    height: 100vh;
}
.container{
    width: 100%;
    margin-bottom: 5vh;
    position: relative;
    border-radius: 0 0 0 100px;
    height: 90vh;
    -webkit-mask-image: url('/wp-content/themes/echodata/assets/images/index/HOMEPAGE-BG-02.png');
    mask-image: url('/wp-content/themes/echodata/assets/images/index/HOMEPAGE-BG-02.png');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: #04227D;
    color: #E9F3FF;
}
.tg-banner .container,.tg-banner .round-box,.tg-banner .long-box{
    background: #E9F3FF;
    color: #04227D;
}
.tg-banner .slide-desc{
    border-bottom: 1px solid #04227D;
}
.banner .container .slide-text{
    width: 80vw;
    margin-left: 5vw;
}
.banner .container .slide-text .slide-title{
    font-size: 64px;
    line-height: 110%;
    padding-top: 162px;
    font-family: 'Arsenal';
    font-weight: 700;
    width: 800px;
}
.banner .container .slide-text .whatsapp-slide-title{
    width: 880px;
}
.banner .container .slide-text .m-slide-title{
    display: none;
}
.slide-desc{
    font-size: 36px;
    font-weight: 400;
    line-height: 140%;
    margin-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #E9F3FF;
    width: auto;
    display: inline-block;
}
.slide-desc-en{
    font-size: 24px;
    font-weight: 300;
    width: 73%;
}
.whatsapp-slide-desc{
    width: 760px;
}
.banner .container a{
    display: inline-block;
}
.banner .container a:last-child{
    background: #047AFF;
    margin-left: 1vw;
}
.banner .container a:hover{
    background: #fff;
    color: #FF5542;
}
.banner-bottom{
    position: absolute;
    width: 29vw;
    right: 0;
    height: 38vh;
    bottom: 0;
}
.container-img{
    width: 8vw;
}
.round-box{
    width: 20vw;
    height: 20vw;
    background: #04227D;
    border-radius: 50%;
    position: absolute;
    left: -5vw;
    bottom: -12vw;
}
.long-box{
    width: 100%;
    height: 10vw;
    background: #04227D;
    border-radius: 100px;
    z-index: 2;
    transform: rotate(45deg);
    position: absolute;
    right: -8vw;
    bottom: 4vh;
}
.filtering{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background:#047AFF;
    border-radius: 0 10vw 10vw 0;
}
.filtering-box{
    display: flex;
    margin: 0 auto;
    width: 88vw;
    justify-content: space-between;
}
.filtering-left{
    width: 36vw;
    position: relative;
    height: 100vh;
}
.filtering-left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.filtering-right{
    /* margin-top: 20vh; */
    display: flex;
    /* flex-flow: column; */
    flex-wrap: wrap;
    align-items: center;
}
.filtering-right h3{
    font-size: 64px;
    color: #E9F3FF;
    line-height: 110%;
    border-bottom: 1px solid #E9F3FF;
    text-align: right;
    width: 37vw;
    padding-bottom: 2vh;
    margin-bottom: 5vh;
    float: right;
    font-family: 'Arsenal';
}
.filtering-right,.filtering-right h3{
    width: 700px;
}
.filtering-right-zh,.filtering-right-zh h3{
    width: 500px;
}
.filtering-right ul{
    word-wrap: break-word;
}

.filtering-right li{
    display: inline-block;
    color: #047AFF;
    background: #E9F3FF;
    font-size: 24px;
    margin-left: 12px;
    padding: 10px 20px;
    border-radius: 5vw;
    float: right;
    margin-bottom: 2vh;
    font-weight: 500;
    font-family: 'Heebo';
}
.filtering-right li span{
    font-weight: 100;
}
.filtering-tag{
    display: flex;
    justify-content: end;
    width: 670px;
    float: right;
    flex-wrap: wrap;
}
.filtering-video{
    width: 100%;
    height: 100vh;
}
.why-choose{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.choose-header{
    /* background: url(/wp-content/themes/echodata/assets/images/WhatsApp/Union.png) no-repeat left top;
    background-size: 100%; */
    width: 100%;
    height: 29.9vh;
}
.choose-header img{
    width: 100%;
    height: 29.9vh;
}
.choose-body{
    background: #E9F3FF;
    width: 100%;
    height: 70vh;
    border-radius: 0 5vw 5vw 5vw;
    position: relative;
}
.choose{
    margin: 0 auto;
    width: 90vw;
    position: relative;
    height: 70vh;
}
.choose-body .whatsapp{
    position: absolute;
    top: -90px;
    width: 90px;
}
.choose h3{
    color: #047AFF;
    font-weight: 700;
    line-height: 110%;
    font-size: 64px;
    padding-top: 2vh;
    border-bottom: 1px solid #047AFF;
    padding-bottom: 4vh;
    margin-bottom: 2vh;
    font-family: 'Arsenal';
}

.needs-ul{
    color: #047AFF;
    display: flex;
    width: 85vw;
    margin: 0 auto;
    margin-top: 11vh;    
    flex-wrap: wrap;
    gap: 3vw;
}
.needs-ul li{
    width: 22vw;
    background: #E9F3FF;
    padding: 2vh 2vw;
    border-radius:20px;
    padding-bottom: 4vh;
}

.needs-ul li h4{
    display: flex;
    font-size: 1.8vw;
    width: 100%;
    font-weight: 500;
    align-items: center;
    border-bottom: 1px solid #047AFF;
    height: 12vh;
    margin-bottom: 2vh;
}
.needs-ul li h4 img{
    width: 60px;
    margin-right: 1vw;
    margin-left: 0.5vw;
}
.needs-ul li h4 svg{
    width: 60px;
    margin-right: 1vw;
    margin-left: 0.5vw;
}
.needs-text p{
    font-weight: 400;
    line-height: 140%;
    font-size: 1.2vw;
}
.needs-text-en p{
    font-weight: 300;
}
.choose .needs-ul{
    margin-top: 0;
    width: 90vw;
}
.choose .needs-ul{
    gap: 12vw;
}
.choose .needs-ul li{
    padding-left: 0;
    padding-right: 0;
}
.why-choose .animation{
    position: absolute;
    right: 0;
    width: 54vw;
    height: 30vh;
    gap: 10vw;
    display: flex;
    align-items: center;
    top: 50vh;
    transition: top 1s;
}
.why-choose .animation .long{
    width: 10vw;
    height: 50vh;
    background: #E9F3FF;
    border-radius: 5vw;
    transform: rotate(45deg);
}
/* .why-choose .animation .long:first-child{
    margin-left: 5vw;
} */
.why-choose .animation .round{
    width: 10vw;
    height: 10vw;
    background: #E9F3FF;
    border-radius: 50%;
    position: absolute;
    right: 9vw;
    bottom: -6vh;
}
.main{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.main-box{
    -webkit-mask-image: url('/wp-content/themes/echodata/assets/images/Union.png');
    mask-image: url('/wp-content/themes/echodata/assets/images/Union.png');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: #04227D;
    width: 100%;
    height: 100vh;
    position: absolute;
    bottom: -9vh;
    transition: top 0.5s;
}
.main .right-img{
    position: absolute;
    top: 0;
    right: 0;
    width: 35vw;
    height: 62vh;
    overflow: hidden;
    border-radius: 0 0 0 10vw;
    transition: padding 0.5s,top 0.5s;
}
.main .right-img img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.main-box h3{
    font-weight: 700;
    color: #E9F3FF;
    width: 45vw;
    /* margin: 0 auto; */
    margin-left: 8vw;
    font-size: 64px;
    border-bottom: 1px solid #E9F3FF;
    padding-top: 10vh;
    padding-bottom: 2vh;
    font-family: 'Arsenal';
}
.main-box .main-ul ul{
    width: 45vw;
    margin-left: 8vw;
    color: #E9F3FF;
    display: flex;
    align-items: baseline;
    margin-top: 10vh;
    gap: 5vw;
}
.main-box .main-ul ul:first-child{
    width: 45vw;
    margin-top: 5vh;
}
.main-box .main-ul ul:last-child{
    width: 85vw;
    align-items: baseline;
}
.main-ul li{
    width: 20vw;
}
.main-ul li h4{
    font-size: 24px;
    width: 100%;
    border-bottom: 1px solid #E9F3FF;
    font-weight: 500;
    margin-top: 2vh;
    padding-bottom: 2vh;
    margin-bottom: 2vh;
    font-family: 'Heebo';

}
.main-ul li p{
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    font-family: 'Heebo';
}
.tg-filtering{
    background: #f3dde1;
}
.tg-filtering .filtering-right h3{
    color: #04227D;
    border-color: #04227D;
}
.tg-filtering .filtering-right li{
    background: #04227D;
    color: #E9F3FF;
}
/* .tg-filtering .filtering-tag{
    width: 29vw;
} */
.tg-main .main-box{
    background: #F6E1E1;
    color: #04227D;
}
.tg-main .main-box h4,.tg-main .main-box h3{
    color: #047AFF;
    border-bottom: 1px solid #047AFF;
}
.tg-main .main-box .main-ul ul{
    color: #047AFF;
}
.main-ul .img{
    width: 3vw;
}
.main-ul .img img{
    width: 60px;
}
.main-ul .img svg{
    width: 60px;
}
.main-bg{
    width: 100%;
    height: 100vh;
    background: linear-gradient(to bottom, #F6E1E1, #04227D);
}
.page-1{
    height: 100vh;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.page-1 .page-box{
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    height: 40vh;
    width: 100%;
    background: #8CC5FF;
    position: relative;
    z-index: 0;
}
.page-1 .page-box-footer{
    position: absolute;
    width: 100%;    
    height: 45.5vh;
    bottom: -45vh;
}
.page-1 .page-content{
    position: absolute;
    right: 8vw;
    width: 50vw;
    top: 15vh;
    color: #04227D;
    z-index: 5;
    width: 850px;
}
.page-1 .page-content h3{
    font-size: 64px;
    text-align: right;
    line-height: 140%;
    font-weight: 700;
    font-family: Arsenal;
    line-height: 120%;
}
.page-btn1 a{
    padding: 0 30px!important;
    color: #fff;
}
.page-1 .page-content p{
    text-align: right;
    line-height: 140%;
    font-weight: 300;
    font-size: 24px;
    border-bottom: 1px solid #04227D;
    padding-bottom: 3vh;
    margin-top: 20px;
    font-family: 'Heebo';
}
.page-1 .page-content .btn{
    display: inline-block;
}
.page-1 .page-content a:last-child{
    background: #047AFF;
    margin-left: 1vw;
}
.page-1 .page-content a:hover{
    background: #fff;
    color: #FF5542;
}
.page-btn1{
    text-align: right;
    margin-top: 5vh;
    background: #ffffff00;
    border: 0;
    float:none;
}
.page-1 .page-box-animation-img{
    width: 63vw;
}
.page-1 .page-box-animation{
    position: absolute;
    bottom: -50vh;
    left: -5vw;
    height: 42vh;
    width: 63vw;
    text-align: right;
    transition: bottom 1s,left 1s;
}
.m-page-3-bg{
    display: none;
}
.page-2{
    height: 100vh;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.page-2 .page-box{
    height: 65vh;
    width: 70vw;
    position: relative;
    background: #E9F3FF;
    margin-top: 35vh;
    border-radius: 0 5vw 5vw;
    margin-left: 0;
    transition: margin-left 1s;
}
.page-2 .page-box .page-box-footer{
    height: 35vh;
    position: absolute;
    top: -34.5vh;
    width: 60vw;
}
.page-2 .page-box-left{
    width: 40vw;
    height: 75vh;
    position: absolute;
    left: 0;
    transform: translateY(-50%);
    top: 50%;
    overflow: hidden;
    border-radius: 0 5vw 5vw 0;
}
.page-2 .page-box-left img{
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    width: 125%;
    left: -10vw;
}
.page-2 .page-content{
    position: absolute;
    width: 25vw;
    left: 10vw;
    z-index: 2;
    top: -20vh;
}
.page-2 .page-content h3{
    color: #FF5542;
    font-weight: 700;
    border-bottom: 1px solid #FF5542;
    font-size: 64px;
    padding-bottom: 3vh;
    font-family: 'Arsenal';
}
.page-2 .page-box-top{
    color: #FF5542;
    display: flex;
    border-bottom: 1px solid #04227D;
    padding-left: 0.5vw;
    font-size: 24px;
    align-items: center;
    margin-top: 5vh;
    padding-bottom: 2vh;
    margin-bottom: 2vh;
    font-weight: 500;
    font-family: 'Heebo';
}
.page-2 .page-box-top img{
    width: 60px;
    margin-right: 1vw;
}
.page-2 .page-box-bottom{
    font-size: 18px;
    color: #04227D;
    font-weight: 400;
    line-height: 140%;
    font-family: 'Heebo';
}
.page-3{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: url(/wp-content/themes/echodata/assets/images/marketing/Frame331.png) no-repeat left;
    position: relative;
    border-radius: 9vw 9vw 0 0;
}
.page-3 h3{
    color: #FFFFFF;
    margin: 0 auto;
    width: 90vw;
    text-align: right;
    margin-top: 13vh;
    font-size: 64px;
    position: relative;
    font-family: 'Arsenal';
    font-weight: 700;
}
.page-3 .page-3-content{
    margin: 0 auto;
    width: 90vw;
    position: absolute;
    bottom: 5vh;
    left: 5vw;
    display: flex;
    gap: 4vw;
}
.page-3 .page-3-content .page-3-box{
    background: #FFFFFF;
    border-radius: 2vw;
    width: 35vw;
    padding: 2vh 2vw;
    padding-top: 7vh;
    position: relative;
    display: inline-block;
    vertical-align: bottom;    
    align-self: self-end;
}
.page-3 .page-3-content .page-3-box:nth-of-type(2),.page-3 .page-3-content .page-3-box:nth-of-type(2) li,.page-3 .page-3-content .page-3-box:nth-of-type(3),.page-3 .page-3-content .page-3-box:nth-of-type(3) li{
    width: 17vw;
}
.page-3 .page-3-content .page-3-box li{
    width: 16.5vw;
    display: inline-block;
}
.page-3 .page-3-content .page-3-box li p{
    font-size: 18px;
    font-weight: 400;
    color: #04227D;
    line-height: 140%;
    font-family: 'Heebo';
}
.page-3 .page-3-content .page-3-box:nth-of-type(2) p,.page-3 .page-3-content .page-3-box:nth-of-type(3) p{
    height: 18vh;
}
.page-3 .page-3-content .page-3-box h4{
    color: #FF5542;
    line-height: 100%;
    font-weight: 500;
    font-size: 24px;
    border-bottom: 1px solid #FF5542;
    display: flex;
    flex-direction: column-reverse;
    height: 10vh;
    padding-bottom: 1vh;
    margin-bottom: 1vh;
    font-family: 'Heebo';
}
.page-3 .page-3-content-zh .page-3-box h4{
    line-height: 140%;
}
.page-3 .page-3-content .page-3-box ul{
    display: flex;
    flex-flow: wrap
}
.page-3 .page-3-content .page-3-box:first-child li:nth-of-type(3) h4,.page-3 .page-3-content .page-3-box:first-child li:last-child h4{
    height: 7vh;
}
.page-3-bg{
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}
.page-3 .box-icon{
    position: absolute;
    top: 3vh;
    width: 2.5vw
}
.page-3 .page-3-content .page-3-box:nth-of-type(2) .box-icon,.page-3 .page-3-content .page-3-box:nth-of-type(3) .box-icon{
    width: 3vw;
}
.page-4{
    width: 100vw;
    height: 30vh;
    overflow: hidden;
    background: linear-gradient(to bottom,#047AFF, #04227D 90%);
}
.da-page-1{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.da-page-1 .union{
    width: 100vw;
    height: 90vh;
    /* object-fit: cover; */
    position: absolute;
    top: 0;
}
.da-page-1 .union-bg{
    background: #04227D;
    width: 100vw;
    height: 20vh;
    position: absolute;
    top: 0;
}
.da-page-1 .da-page-1-content{
    width: 1100px;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: 15vh;
}
.da-page-1 .da-page-1-content-en{
    width: 90vw;
}
.da-page-1 .da-page-1-content-zh{
    transform: none;
    left: 6vw;
}
.da-page-1-content-zh .da-page-1-desc .p1{
    width: 145px;
    font-size: 36px;
    font-weight: 400;
    font-family: "Heebo", "Arial";
}
.da-page-1-content-zh .da-page-1-desc .p2{
    font-family: "Heebo", "Arial";
    font-size: 36px;
}
.da-page-1-div-en p{
    font-weight:100;
    font-size:20px;
    font-family: 'Noto Sans SC';
}
.da-page-1-div-zh{
    display: flex;
    margin-left: 10px;
    align-items: baseline;
}
.da-page-1-div-zh p{
    font-family: "Heebo", "Arial";
}
.da-page-1-div-zh p:first-child{
    font-size: 36px;
    font-weight: 400;
}
.da-page-1-div-zh p:last-child{
    font-size: 36px;
    font-weight: 400;
    margin-left: 10px;
}
.da-page-1 .da-page-1-content h3{
    color: #E9F3FF;
    font-weight: 500;
    line-height: 120%;
    font-family: Arsenal;
    font-size: 4vw;
    border-bottom: 1px solid #E9F3FF;
    padding-bottom: 3vh;
}
.da-page-1 .da-page-1-content-zh h3{
    font-family: 'Arsenal';
    font-weight: 700;
    font-size: 64px;
}
.da-page-1-desc{
    display: flex;
    color: #E9F3FF;
    border-bottom: 1px solid #E9F3FF;
    align-items: center;
    padding: 1vh 0;
}
.da-page-1-content-en .da-page-1-desc .p1,.da-page-1-content-en .da-page-1-desc .p2,.da-page-1-content-en .da-page-1-desc .p2 span:first-child,.da-page-1-content-en .da-page-1-desc .p2 span:last-child{
    font-size: 24px;
    font-weight: 300;
    width: auto;
}
.da-page-1-content-en .da-page-1-desc .p2 span:last-child{
    margin-left: 5px;
}
.da-page-1-desc .p1{
    width: 20vw;
    text-align: right;
    font-weight: 400;
    line-height: 100%;
    font-size: 1.5vw;
    display: flex;
    flex-direction: column-reverse;
}
.da-page-1-desc .p2{
    font-weight: 400;
    line-height: 140%;
    font-size: 3vw;    
    display: flex;
    align-items: baseline;
    margin-left: 10px;
}
.da-page-1-desc .p2 span:first-child{
    font-weight: 400;
    margin-left: 10px;
}
.da-page-1-desc .p2 span:last-child{
    font-size: 1vw;
    font-weight: 100;   
}
.da-page-2-desc-en .p2 span:last-child{ 
    display: none;
}

.da-page-1-content-zh .da-page-1-desc .p2 span:last-child{
    font-size: 36px;
    font-weight: 400;
}
.da-page-1-content .da-page-1-desc .p2 .p2-span{
    font-size: 3vw;
    font-weight: 100;
}
.da-page-1-content .page-btn1{
    text-align:left;
}
.da-page-1-content-zh .da-page-1-desc .p2 .p2-span{
    font-weight: 400;
    font-size: 36px;
}
.page-btn1 .btn{
    display: inline-block;
}
.da-page-1-content .page-btn1 .btn:last-child{
    background: #047AFF;
    color: #fff;
    margin-left: 1vw;
}
.page-btn1 .btn:hover,.da-page-1-content .page-btn1 .btn:last-child:hover{
    background: #fff;
    color: #FF5542;
}
.da-page-2{
    height: 100vh;
    width: 100vw;
    /*overflow: hidden;*/
    position: relative;
}
.da-page-2 .da-page-2-img{
    width: 45.5vw;
    height: 45vh;
    position: absolute;
    right: 6.5vw;
    top: -20vh;
    overflow: hidden;
    border-radius: 5vw;
}
.da-page-2 .da-page-2-img img{
    width: 45.5vw;
    height: 45vh;
    object-fit: cover;
}
.da-page2-box,.da-page-3-box{
    position: relative;
    width: 100vw;
    height: 80vh;
    margin-top: 15vh;
}
.da-page2-box .da-page2-box-bg{
    position: absolute;
    bottom: 0;
    width: 100vw;
    height: 80vh;
    z-index: -1;
}
.da-page2-box .da-page2-box2{
    
}
.da-page2-box .needs-ul,.da-page-3-box .needs-ul{
    margin-top: 0;
    position: absolute;
    bottom: 5vh;
    width: 90vw;
    transform: translateX(-50%);
    left: 50%;
    gap: 12vw;
}
.da-page2-box .needs-ul li h4,.da-page-3-box .needs-ul li h4{
    font-size: 1.5vw;
    color: #FF5542;
    height: 10vh;
    word-break: break-word;
}
.da-page-3-box .needs-ul li h4{
    color: #047AFF;
}

.da-page2-box .needs-ul li,.da-page-2-box .needs-ul li{
    padding-left: 0;
    padding-right: 0;
}
.da-page2-box .needs-ul .needs-text p,.da-page-3-box .needs-ul .needs-text p{
    font-size: 1.3vw;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;  
    word-break: break-word
}
.da-page2-box .needs-ul .needs-text p{
    color: #04227D;
}
.da-page2-box h3{
    color: #FF5542;
    font-weight: 700;
    font-size: 64px;
    border-bottom: 1px solid #FF5542;
    position: absolute;
    bottom: 42vh;
    z-index: 2;
    width: 90vw;
    transform: translateX(-50%);
    left: 50%;
    padding-bottom: 2vh;
    font-family: 'Arsenal';
}
.da-page-3{
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
}
.da-page-3-box{
    background: #047AFF;
    border-radius: 6vw;
    width: 90vw;
    margin: 0 auto;
    /*margin-top: 15vh;*/
}
.da-page-3-box h3{
    color: #E9F3FF;
    line-height: 120%;
    font-weight: 700;
    width: 80vw;
    margin: 0 auto;
    font-size: 64px;
    padding-top: 10vh;
    font-family: 'Arsenal';
}
.da-page-3-box .da-page-3-p1{
    width: 80vw;
    margin: 0 auto;
    color: #E9F3FF;
    font-size: 24px;
    line-height: 140%;
    border-bottom: 1px solid #E9F3FF;
    padding-bottom: 4vh;
    margin-top: 1vh;
    font-weight: 300;
    font-family: 'Heebo';
}
.da-page-3-box .needs-ul{
    width: 80vw;
    gap: 3.5vw;
    bottom: 10vh;
}
.da-page-3-box .needs-ul li{
    width: 19vw;
}
.da-page-3-box .needs-ul li:nth-of-type(2){
    width: 23vw;
}
.filtering-bg{
    display: none;
}
.m-page-box-footer{
    display: none;
}
.m-page-box-animation{
    display: none;
}
.m-page-box-footer{
    display: none;
}
.page-3 .m-page-3-content{
    display: none;
}
.da-page-1 .m-union{
    display: none;
}
.da-page-2 .m-da-page-2-img{
    display: none;
}
.m-banner-bottom{
    display: none;
}
.main-bg1{
    display: none;
}
.m-p{
    display: none;
}
.da-page-2-desc-m-zh{
    display: none;
}
.da-page-2 .da-page-2-img-m{
    display: none;
}
@media (max-width: 1100px) {
    .page-btn1 a {
        padding: 0 15px !important;
    }
    .page-2 .page-content{
        width: 34vw;
    }
}
@media (max-width: 900px) {
    .container{
        -webkit-mask-image: url("/wp-content/themes/echodata/assets/images/WhatsApp/Union(1).png");
        mask-image: url("/wp-content/themes/echodata/assets/images/WhatsApp/Union(1).png");
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        background: #04227D;
        height: 80vh;
    }
    .main-bg{
        display: none;
    }
    .banner .container .slide-text{
        width: 90vw;
    }
    .banner .container .slide-text .slide-title {
        font-size: 10vw;
        line-height: 110%;
        padding-top: 13vh;
        display: none;
    }
    .banner .container .slide-text .m-slide-title{
        display: block;
        font-size: 40px;
        line-height: 110%;
        padding-top: 13vh;
        width: 100%;
    }
    .slide-desc{
        width: 100%;
        font-size: 16px;
        margin-top: 2vh;
        padding-bottom: 3vh;
        margin-bottom: 3vh;
        font-weight: 400;
        font-family: 'Heebo';
    }
    .banner .container .slide-text .btn{
        display: block;
        margin-bottom: 2vh;
        width: 170px;
    }
    .banner-bottom{
        display: none;
    }
    .m-banner-bottom{
        display: block;
        bottom: auto;
        top: 66vh;
        width: 45vw;
    }
    .container-img1{
        position: absolute;
        right: 0;        
        width: 15vw;
    }
    .container-img{
        width: 105px;
    }
    .da-page-1-div-zh p:first-child{
        font-size: 20px;
        font-weight: 100;
    }
    .da-page-1-div-zh{
        display: inline-block;
        margin-left: 0;
    }
    .da-page-1-div-zh p:last-child{
        margin-left: 0;
        font-size: 12px;
    }
    .long-box1{
        width: 30vw;
        position: absolute;
        right: 0;
        top: 15vh;
    }
    .round-box1{
        width: 20vw;
        position: absolute;
        right: 33vw;
        top: 13vh;
    }
    .banner{
        height: 92vh;
        overflow: visible;
        z-index: 0;
    }
    .filtering{
        position: relative;
        overflow: visible;
        border-radius: 0 0 30px;
        margin-top: 10vh;
        height: 85vh;
    }
    .filtering-zh{
        height: 65vh;
    }
    .filtering-bg{
        display: block;
        width: 100%;
        height: 10vh;
        position: absolute;
        top: -9.9vh;
    }
    .filtering-right{
        margin-top: 0;
        width: 100%;
    }
    .filtering-box{
        position: relative;
    }
    .filtering-left{
        position: absolute;
        bottom: -30vh;
        width: 100%;
        height: 30vh;
    }
    .filtering-right h3 {
        width: 100%;
        font-size: 9.5vw;
    }
    .filtering-tag{
        width: 100%;
    }
    .filtering-right li{
        font-size: 16px;
        padding: 1vh 2vw;
        font-weight: 400;
        font-family: 'Heebo';
    }
    .filtering-video{
        width: 100%;
        height: 102%;
        object-fit: cover; /* 关键属性：填充容器并裁剪超出部分 */
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%); /* 居中 */
    }
    .choose-header img,.choose-header,.choose-body .whatsapp{
        display: none;
    }
    .choose{
        margin-top: 5vh;
        height: auto;
    }
    .choose-body{
        border-radius: 0 30px 30px 30px;
        height: auto;
        padding-bottom: 80px;
    }
    .choose h3{
        font-size: 40px;
        padding-bottom: 0;
        border: 0;
        padding-top: 9vh;
    }
    .choose .needs-ul{
        gap: 0;
    }
    .choose .needs-ul li{
        width: 100vw;
    }
    .needs-ul li h4 img{
        width: 60px;
        margin-right: 5vw;
    }
    .da-page-3-box .needs-ul li h4 img{
        width: 42px;
    }
    .needs-ul li h4{
        font-size: 24px;
    }
    .needs-text p{
        font-size:18px;
    }
    .why-choose{
        height: auto;
    }
    .main-box{
        -webkit-mask-image: url("/wp-content/themes/echodata/assets/images/WhatsApp/m-Union(2).png");
        mask-image: none;
        position: static;
        height: auto;
        padding-top: 45px;
    }
    .main{
        height: auto;
        background: #04227D;
        padding-bottom: 30vh;
        margin-top: 300px;
        overflow: visible;
    }
    .main-box h3{
        position: absolute;
        font-size: 9vw;        
        top: -22vh;
        padding-top:0;
    }
    .main-box .main-ul ul:first-child{
        width: 100vw;
    }
    .main-box .main-ul ul {
        flex-direction: column;
        gap: 0;
        width: 100%;
    }
    .main-ul li{
        width: 84vw;
        margin-bottom: 45px;
    }
    .main-ul .img{
        width: 10vw;
    }
    .main-ul li h4{
        font-size: 5vw;
        margin-top: 1vh;
        padding-bottom: 1vh;
        margin-bottom: 1vh;
    }
    .main-ul li p{
        font-size: 5vw;
    }
    .main-bg1{
        display: block;
        position: absolute;
        top: -259px;
        height: 260px;
        width: 100%;
    }
    .main .right-img{
        top: -260px;
        right: 0;
        width: 39vw;        
        height: 240px;
        border-top-left-radius: 40px;
        
    }
    .main-box .main-ul ul:last-child{
        margin-top: 45px;
    }
    .tg-banner .container .slide-text{
        padding-top: 0;
    }
    .tg-banner .container .slide-text .m-slide-title{
        font-size: 40px;
        font-weight: 700;
        padding-top:78px;
    }
    .tg-banner .container .slide-text .m-slide-title-en{
        font-family: 'Arsenal';
    }
    .tg-filtering{
        padding-top: 0;
        height: auto;
        height: 90vh;
        margin-top: 10vh;
    }
    .tg-filtering .filtering-tag{
        width: 100%;
    }
    .tg-main .main-box{
        padding-top: 0;
        padding-bottom: 10vh;
        border-radius: 0 0 50px 50px;
    }
    .tg-main .main-box h3{
        border-bottom: 0;
    }
    .tg-main .main-box .main-ul ul:last-child{
        margin-top: 0;
    }
    
    .page-box-footer{
        display: none;
    }
    .page-1 .page-box-footer{
        height: 195px;
        bottom: -194px;
    }
    .m-page-box-animation{
        display: block;
    }
    .page-box-animation{
        display: none;
    }
    .m-page-box-animation {
        display: block;
        position: absolute;
        top: 50vh;
        width: 40vw;
        right: -7vw;
        height: 20vh;
    }
    .m-page-box-animation .page-box-animation-img{
        width: 40vw;
    }
    .m-page-box-animation .page-box-animation-img1{
        position: absolute;
        top: 100px;
        z-index: 1;
        right: 30vw;
        width: 20vw;
    }
    .page-1 .page-content{
        width: 86%;
    }
    .page-1 .page-content h3{
        text-align: left;
        font-size: 40px;
    }
    .page-1-zh .page-content h3{
        font-family: 'Noto Sans SC';
    }
    .page-1 .page-content{
        top: 10vh;
    }
    .page-1 .page-content p{
        text-align: left;
        font-size: 16px;
    }
    .page-1-zh .page-content p{
        font-size: 20px;
        font-weight: 400;
        font-family: 'Noto Sans SC';
    }
    .page-btn1{
        text-align: left;
        margin-top: 2vh;
    }
    .page-1 .page-content .btn{
        display: block;
        width: 40%;
    }
    .page-1 .page-content .btn:first-child{
        margin-bottom: 2vh;
    }
    .page-1{
        height: 72vh;
        overflow: visible;
    }
    .page-2 .page-box{
        margin-top: 30vh;
        width: 100%;
        border-radius: 0 0 50px 0;
        padding-bottom: 5vh;
    }
    .page-2 .page-content{
        top: -6vh;
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
    }
    .page-2 .page-content-zh{
        top: -8vh;
        width: 77%;
    }
    .page-box-footer{
        display: none;
    }
    .da-page-1-content-zh .da-page-1-desc .p2{
        flex-direction:row;
        font-size: 32px;
        margin: 0 10px;
    }
    .da-page-1-content-zh .da-page-1-desc .p2-support{
        font-size: 32px;
    }
    .pc-p{
        display: none;
    }
    .m-p{
        display: block;
    }
    .da-page-1-content-zh .da-page-1-desc .p1{
        width: auto;
    }
    .page-2 .page-box .m-page-box-footer{
        display: block;
        right: 0;
        top: -13.4vh;
        width: 97vw;
        height: 13.5vh;
    }
    .page-2{
        overflow: visible;    
        height: 75vh;
    }
    .m-page-box-footer{
        display: block;
    }
    .page-2 .page-content h3{
        text-align: right;
        padding-bottom: 1vh;
        font-size: 10vw;
    }
    .page-2 .page-box-left{
        width: 49vw;
        height: 33vh;
        position: absolute;
        left: 0;
        /* transform: translateY(-50%); */
        top: -19vh;
        overflow: hidden;
        border-radius: 0 50px 50px 0;
        object-fit: cover;
        direction: rtl;
    }
    .page-2 .page-box-top{
        font-size: 6vw;
    }
    .page-2 .page-box-top img
    {
        width: 12vw;
        margin-right: 5vw;
    }
    .page-2 .page-box-bottom{
        font-size: 4.7vw;
    }
    .page-2 .page-box-left img{
        object-fit: cover;
        height: 100%;
        transform: none;
        top: auto;
        left: auto;
        width: auto;
    }
    .page-3{     
        /* background: linear-gradient(45deg,transparent 73%, #047AFF 49%); */
        height: auto;
    }
    .page-3-bg{
        display: none;
    }
    .m-page-3-bg{
        display: block;
        width: 100%;
        object-fit: cover;
        position: absolute;
        left: 0;
    }
    .page-3 .page-3-content{
        mask-size: 100% 100%;
        background: linear-gradient(166deg, transparent 17%, #047AFF 51%);
        width: 100%;
        gap: 0;
        left: 0;
        height: 100%;
        display: none;
    }
    .page-3 .m-page-3-content{
        display: block;
        position: static;
        display: flex;
        flex-direction: column;
        background: #047AFF;
        margin-top: 5vh;
    }
    .page-3 .page-3-content .page-3-box{
        width: 80%;
        padding-top: 0;
        margin: 0 auto;
    }
    .page-3 .m-page-3-bg1{
        width: 100vw;
        height: 100%;
        /* background: linear-gradient(166deg, transparent 17%, #047AFF 51%); */
        position: absolute;
        top: 0;
    }
    .page-3 .page-3-content .page-3-box:nth-of-type(2), .page-3 .page-3-content .page-3-box:nth-of-type(2) li, .page-3 .page-3-content .page-3-box:nth-of-type(3), .page-3 .page-3-content .page-3-box:nth-of-type(3) li{
        width: 80%;
        margin: 0 auto;
        margin-bottom: 37px;
    }
    .page-3 .page-3-content .page-3-box:nth-of-type(2) .box-icon, .page-3 .page-3-content .page-3-box:nth-of-type(3) .box-icon{
        width: 60px;
        left: 10vw;
    }
    .page-3 .page-3-content .page-3-box h4{
        font-size: 20px;
        height: 120px;
    }
    .page-3 .page-3-content .page-3-box li p{
        font-size: 3.8vw;
    }
    .page-3 .page-3-content .page-3-box:nth-of-type(2) p, .page-3 .page-3-content .page-3-box:nth-of-type(3) p{
        height: auto;
    }
    .page-3 .page-3-content .page-3-box .m-li2 h4{
        height: 5vh;
    }
    .page-3 .page-3-content .page-3-box .m-li3 h4{
        height: 7vh;
    }
    .page-3 .page-3-content .page-3-box ul{
        flex-direction: column;
    }
    .page-3 .page-3-content .page-3-box li{
        width: 80%;
        margin: 0 auto;
    }
    .page-3 .box-icon{
        width: 11vw;
        left: 10vw;
    }
    .page-3 h3{
        width: 80%;
        font-size: 11vw;
        margin-top: 20vh;
    }
    .page-4{
        height: 30vh;
    }
    .da-page-1 .union{
        display: none;
    }
    .da-page-1{
         height: auto; 
        /*height: 88.9vh;*/
        margin-bottom: 0;
        overflow: visible;
        background: #04227D;
    }
    .da-page-1-zh{
        /*height: 69.9vh;*/
    }
    .da-page-1 .union-bg{
        height: auto;
    }
    .da-page-1 .union-bg-zh{
        height: 51vh;
    }
    .da-page-1 .da-page-1-content h3{
        font-size: 10vw;
    }
    .da-page-1 .da-page-1-content{
        top: 13vh;
        top: auto;
        transform: none;
        position: relative;
        left: auto;
        background: #04227D;
        width: 85%;
        padding-top: 71px;
        margin: 0 auto;
    }
    .da-page-1-desc .p1{
        font-size: 14px;
        width: 105px;
    }
    .da-page-1-desc .p2{
        font-size: 28px;
        flex-direction: column;
        line-height: revert;
    }
    .da-page-2-desc-zh{
        display: none;
    }
    .da-page-2-desc-m-zh{
        display: flex;
    }
    .da-page-1-desc .p2 span:first-child{
        font-size: 20px;
    }
    .da-page-1-desc .p2 span:last-child{
        font-size:12px;
    }
    .da-page-2-desc-en .p2 span:last-child{
        display: block;
    }
    .da-page-1-content .da-page-1-desc .p2 .p2-span{
        font-size: 20px;
    }
    .da-page-1 .m-union{
        display: block;
        position: absolute;
        bottom: -164px;
        width: 100%;
        height: 165px;
    }
    .da-page-1-content .btn{
        display: block;
    }
    .da-page-1-content .btn:last-child{
        margin-top: 2vh;
    }
    .da-page-1 .m-page-box-animation{
        bottom: -27vh;
        top: auto;
    }
    .da-page-1 .m-page-box-animation-zh{
        top: 59vh;
    }
    /* .da-page-1 .m-page-box-animation .page-box-animation-img1{
        top: 36vh;
        right: 23vw;
    } */
    .da-page-2 .da-page-2-img,.da-page-2 .da-page-2-img-m{
        width:46vw;
        height: 50vh;
        position: absolute;
        left: 0;
        /* transform: translateY(-50%); */
        top: -54vh;
        overflow: hidden;
        border-radius: 0 50px 50px 0;
        object-fit: cover;
        direction: rtl;
    }
    .da-page-2 .da-page-2-img{
        display: none;
    }
    .da-page-2 .da-page-2-img-m{
        display: block;
        height: 250px;
        top: -270px;
    }
    .da-page-2 .da-page-2-img img,.da-page-2 .da-page-2-img-m img{
        object-fit: cover;
        height: 100%;
        width: 125%;
    }
    .da-page-2{
        overflow: visible;
        height: auto;
    }
    .da-page2-box .da-page2-box-bg{
        display: none;
    }
    .da-page-2 .m-da-page-2-img{
        display: block;
        width: 100%;
        position: absolute;
        top: -159px;
        height: 160px;
    }
    .da-page-2 .m-da-page-2-img img{
        width: 100%;
        height: 100%;
    }
    .da-page2-box, .da-page-3-box{
        margin-top: 451px;
    }
    .da-page2-box{
        background: #E9F3FF;
        height: auto;
        border-radius: 0 0 50px 0;
        margin-bottom: 43px;
    }
    .da-page2-box h3{
        text-align: right;
        font-size: 11vw;
        bottom: auto;
        top: -80px;
    }
    .da-page2-box .needs-ul{
        bottom: auto;
        top: auto;
        gap: 0;
        position: relative;
        padding-top: 60px;
    }
    .needs-ul li{
        width:93%;
        padding-bottom: 0;
    }
    .da-page2-box .needs-ul li h4, .da-page-3-box .needs-ul li h4{
        font-size: 24px;
        padding-bottom: 15px;
    }
    .da-page2-box .needs-ul .needs-text p, .da-page-3-box .needs-ul .needs-text p{
        font-size: 24px;
    }
    .da-page2-box2 .needs-ul .needs-text{
        margin-bottom: 40px;
    }
    .da-page-3-box{
        margin-top:0;
        width: 100%;
        height: auto;
    }
    .da-page-3-box .needs-ul{
        gap: 0;
        display: flex;
        flex-direction: column;
        top: auto;
        bottom: auto;
        width: 90%;
        position: relative;
        left: auto;
        transform: none;
    }
    .da-page-3-box .needs-ul li,.da-page-3-box .needs-ul li:nth-of-type(2){
        width:100%;
    }
    .da-page-3-box .needs-ul li{
        margin-bottom: 3vh;
        padding: 0;
        padding-bottom: 25px;
    }
    .da-page-3-box .needs-ul li h4, .da-page-3-box .needs-ul .needs-text p{
        width: 90%;
        margin: 0 auto;
    }
    .da-page-3-box .needs-ul li h4{
        margin-bottom: 2vh;
        padding-top: 25px;
    }
    .da-page-3-box h3{
        font-size: 40px;
        padding-top: 65px;
    }
    .da-page-3-box .da-page-3-p1{
        font-size: 16px;
        padding-bottom: 2vh;
        margin-bottom: 46px;
    }
    .da-page-3{
        height: auto;
        background: linear-gradient(to bottom, transparent 73%, #04227D 49%);
        padding-bottom: 15vh;
    }
    .da-page-1-content .page-btn1{
        width: 50%;
    }
    .da-page-1-content-zh .page-btn1{
        /*width: 24%;*/
    }
}
@media (max-width: 1200px) {
    .btn{
        font-size: 16px;
    }
}
@media (max-height: 809px) and (min-width:900px) {
    .banner .container .slide-text .slide-title{
        padding-top: 140px;
    }
    .main-wa,.main-box-wa{
        height: 125vh;
    }
    .main .right-img{
        height: 78vh;
    }
}

@media (max-height: 725px) and (min-width:900px){
    .main-wa,.main-box-wa{
        height: 150vh;
    }
    .main .right-img{
        height: 92vh;
    }
}
@media (max-height: 600px) and (min-width:900px) {
    .banner .container .slide-text .slide-title{
        padding-top: 100px;
    }
    .page-1 .page-content{
        right: 5vw;
    }
    .page-1 .page-content p{
        padding-bottom: 5px;
        margin-top: 10px;
    }
    .page-2 .page-content h3,.page-3 h3{
        font-size: 40px;
    }
    .page-2 .page-box-top,.page-3 .page-3-content .page-3-box h4{
        font-size: 18px;
    }
    .page-2 .page-box-top img{
        width: 40px;
    }
    .page-2 .page-box-bottom{
        font-size: 16px;
    }
    .page-3 h3{
        margin-top: 90px;
    }
    .page-3 .page-3-content .page-3-box li p{
        font-size: 14px;
    }
    .da-page-3-box h3{
        padding-top: 5vh;
    }
    .da-page-3-box .needs-ul{
        bottom: 4vh;
    }
    .da-page-1 .da-page-1-content-zh{
        left: 10vw;
        transform:none;
        width: 70vw;
    }
    .da-page-1 .da-page-1-content-zh h3{
        font-size: 56px;
    }
    .da-page-1-content-zh .da-page-1-desc .p1{
        font-size: 20px;
    }
    .da-page-1-content-zh .da-page-1-desc .p2{
        font-size: 48px;
    }
    .da-page-1-desc{
        padding: 0;
    }
}
@media (max-height: 700px) and (min-width:900px) {
    .choose-body .whatsapp{
        width: 80px;
        top: -80px;
    }
    .choose h3{
        font-size: 50px;
    }
}
@media (max-height: 560px) and (min-width:900px) {
    .main-wa,.main-box-wa{
        height: 160vh;
    }
    .page-1 .page-content h3{
        font-size: 56px;
    }
}
@media (max-height: 450px)  and (min-width:900px){
    .page-2 .page-box-top, .page-3 .page-3-content .page-3-box h4{
        font-size: 16px;
    }
    .page-3 .page-3-content .page-3-box:nth-of-type(2), .page-3 .page-3-content .page-3-box:nth-of-type(2) li, .page-3 .page-3-content .page-3-box:nth-of-type(3), .page-3 .page-3-content .page-3-box:nth-of-type(3) li{
        width: 19vw;
    }
    .page-3 .page-3-content{
        gap: 2vw;
    }
    .page-2 .page-content h3, .page-3 h3 {
        font-size: 30px;
        padding-bottom: 1vh;
    }
    .page-2 .page-box-bottom{
        font-size: 14px;
    }
    .page-1 .page-content h3 {
        font-size: 48px;
    }
    .page-1 .page-content p{
        font-size: 18px;
    }
}
@media (max-height: 500px) and (min-width:900px) {
    .banner .container .slide-text .slide-title{
        font-size: 54px;
    }
    .slide-desc{
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .filtering-right h3{
        font-size: 40px;
        margin-top: 50px;
    }
    .choose h3 {
        font-size: 40px;
    }
    .needs-ul li h4 img{
        width: 40px;
    }
    .main-wa, .main-box-wa {
        height: 170vh;
    }
    .da-page2-box .needs-ul{
        bottom: 0vh;
    }
    .da-page-3-box h3{
        font-size: 48px;
    }
    .da-page-3-box .da-page-3-p1{
        font-size: 20px;
    }
    .page-1 .page-content h3 {
        font-size: 50px;
    }
    .page-1 .page-content p{
        font-size: 20px;
    }
    .page-2 .page-box-top{
        margin-top: 3vh;
        padding-bottom: 1vh;
        margin-bottom: 1vh;
    }
    .page-3 h3{
        margin-top: 80px;
        font-size: 30px;
    }
    .main .right-img {
        height: 101vh;
    }
}

@media (max-height: 725px) and (max-width:900px){
    .main-wa,.main-box-wa{
        height: auto;
    }
    .main .right-img{
        height: 32vh;
        top: -36vh;
        width: 40vw;
    }
}
@media (max-height: 715px) and (max-width:900px){
    .banner .container .slide-text .m-slide-title{
        padding-top: 10vh;
    }
    .container-img{
        width: 90px;
    }
}
@media (max-height: 660px) and (max-width:900px){
    .banner .container .slide-text .m-slide-title{
        font-size: 36px;
    }
}
@media (max-height: 540px) and (max-width:900px){
    .banner .container .slide-text .btn{
        width: 150px;
        height: 40px;
        line-height: 40px;
    }
    .container-img{
        width: 60px;
        margin-left: 15px;
    }
}
@media (max-width: 400px) {
    .page-1 .page-content h3 {
        font-size: 30px;
    }
    .btn {
        font-size: 14px;
    }
}