#main{overflow: hidden;}

#fp-nav.black ul li .fp-tooltip{color: #000;}
#fp-nav.black ul li a span, .fp-slidesNav.black ul li a span{background: #000;}
/* #fp-nav ul li:last-child, .fp-slidesNav ul li:last-child{display: none;} */

.section{overflow: hidden;}
.visualWrap{position: relative;}
.visualSwiper{width: 100%;min-height: 800px;height: 100vh;}
.visualSwiper .swiper-wrapper{display: flex !important;}
.visualSwiper .swiper-slide{position: relative;height: 100%;}
.visualSwiper .visualBg{position: relative;width: 100%;min-height: 800px;height: 100vh;}
.visualSwiper .visualBg img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.2);}
.visualSwiper .visualText{position: absolute;top: 50%;left: 50%;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 100%;padding-bottom: 50px;box-sizing: border-box;text-align: center;z-index: 1;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);}
.visualSwiper .visualText p{transform: translateY(1rem);-webkit-transform: translateY(1rem);-moz-transform: translateY(1rem);-ms-transform: translateY(1rem);-o-transform: translateY(1rem);opacity: 0;transition: 1.1s;-webkit-transition: 1.1s;-moz-transition: 1.1s;-ms-transition: 1.1s;-o-transition: 1.1s;transition-delay: 0.8s;color: #e8dfca;font-size: 60px;font-weight: 700;line-height: 140%;letter-spacing: 0.2px;text-align: center;word-break: keep-all;}
.visualSwiper .visualText p.delay{transition-delay: 1.2s;font-size: 24px; font-weight: 500; padding: 20px 0;}
.visualControl{position: absolute;top: 50%;left: 50%;width: 100%;max-width: 170px;height: 100%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);padding-top: 250px;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: center;gap: 10px;z-index: 99;}
.visualControl button{position: initial;top: initial;right: initial;left: initial;margin-top: initial;}
.visualControl .swiper-button-prev, .visualControl .swiper-button-next{width: 18px;height: 18px;background-image: url(../images/main/icon_left_white.svg);background-position: center;background-repeat: no-repeat;overflow: hidden;text-indent: -9999px;white-space: nowrap;}
.visualControl .swiper-button-next{transform: rotate(180deg);}
.visualControl .swiper-button-autoplay{width: 18px;height: 18px;background-image: url(../images/main/icon_stop_white.svg);background-position: center;background-repeat: no-repeat;overflow: hidden;text-indent: -9999px;white-space: nowrap;}
.visualControl .swiper-button-autoplay.on{background-image: url(../images/main/icon_start_white.svg);}
.visualControl .pagination{width: auto;color: #e8dfca;font-size: 18px;font-weight: 700;line-height: normal;letter-spacing: 0.2px;text-align: center;}
.visualControl .swiper-button-prev:after, .visualControl .swiper-button-next:after{display: none;}
.visualSwiper .swiper-slide-active .visualBg img{transform: scale(1);transition: transform 2.5s;}
.visualSwiper .swiper-slide:not(.swiper-slide-active) img{opacity: 0;}
.visualSwiper .swiper-slide-active .visualText p{opacity: 1;transform: none;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;}

#section2 {
    position: relative;
    background-image: url(../images/main/bg_product_6.png);
    background-repeat: repeat;
    /*   background-color: rgb(62,46,30,0.7) !important;*/
    /* background: linear-gradient(135deg, #d4a574, #3e2b1e);*/
    /* background: linear-gradient(135deg, #9F7D57,#5c4b37);*/
    background-size: cover;
    background-position: center;
}

#section2 .fp-tableCell{/*display: block;*/}
#section2.section{/*overflow: auto;*/}

.productGroup{
    display: flex;
    flex-direction: row;
    height: auto;    
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 100px 0;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-around;
    align-items: flex-start;
    /*height: 1500px !important;*/
}
.productGroup .titleGroup{
    width: 50%;
    padding: 150px 20px 0 50px;
    box-sizing: border-box;
    position: sticky;
    top: 0px;
}
.productGroup .titleGroup strong{display: block;color: #d7a876;font-size: 30px;font-weight: 700;line-height: normal;letter-spacing: -0.4px;}
    .productGroup .titleGroup .english {
        font-size: 20px;
        display:block;
    }
        .productGroup .titleGroup p {
        margin-top: 20px;
        color: rgba(255, 255, 255, 0.7);
        font-size: 23px;
        font-weight: 500;
        line-height: normal;
        line-height: 150%;
      /*  word-break: keep-all;*/
        word-break:normal;
        overflow-wrap:anywhere;
    }
    .productGroup .titleGroup p.chinese {
        font-size: 18px;
         display:block;
    }
    .productGroup .titleGroup p.english {
        font-size: 14px;
    }
    .productGroup ul {
        width: 50%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        justify-content: space-evenly;
        align-items: flex-start;
    }
.productGroup ul li{box-sizing: border-box;background-position: center top;background-size: cover;background-repeat: no-repeat;border-radius: 0 0 100px 0;}
.productGroup ul li:nth-child(1){background-image: url(../images/main/bg_product7.jpg);
    margin-top: 140px;}
    .productGroup ul li:nth-child(2) {
        background-image: url(../images/main/bg_product8.jpg);
        margin-top: 30px;
    }
.productGroup ul li:nth-child(3){background-image: url(../images/main/bg_product9.jpg); 
    margin-top: 30px;}
.productGroup ul li:nth-child(4){background-image: url(../images/main/bg_product4.jpg);    margin-top: -80px;}



.productGroup ul li a{
    display: block;
    width: 320px;
    height: 238px;
    padding: 65px 30px 0 50px;
    
}
.productGroup ul li a:hover{transition: .5s; -webkit-transition: .5s; scale: 1.05;}
.productGroup ul li a:hover p.lg i{color: #EF3B2C;}
.productGroup ul li a:hover p.lg{color: #d7a876;}
.productGroup ul li a:hover p.md{color: #fff; font-weight: 600;}
.productGroup ul li a:hover span.arrow{background: url(../images/main/icon_arrow_on.svg) no-repeat 0 0;}




.productGroup ul li p.lg{color: #fff;font-size: 34px;font-weight: 700;line-height: normal;}
.productGroup ul li p.lg i{font-style: normal; color: #d7a876;}
.productGroup ul li p.md{margin-top: 10px;color: #d7a876;font-size: 23px;font-weight: 400;line-height: 150%;word-break: keep-all;}
.productGroup ul li p.sm{margin-top: 10px;color: #d7a876;font-size: 18px;font-weight: 400;line-height: 150%;letter-spacing: -0.4px;word-break: keep-all;}
.productGroup ul li .btnViewmore{position: relative;display: inline-block;margin-top: 33px;padding: 0 25px;box-sizing: border-box;color: #d7a876;font-size: 20px;font-weight: 400;line-height: normal;z-index: 1;}
.productGroup ul li .btnViewmore i{position: absolute;left: 0;top: 50%;width: 50px;height: 50px;margin-top: -25px;background: rgba(239, 59, 44, 0.5); border-radius: 50px;z-index: -1;}
.productGroup ul li .btnViewmore:hover i{background: #EF3B2C;}

.productGroup .titleGroup .btnViewmore {
    position: relative;
    display: block;
    /*width: 170px;*/
    /*padding: 0 0 0 40px;*/
    width: 180px;
    padding: 0 25px;
    margin-top: 50px;    
    box-sizing: border-box;
    color: #d4a574;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    z-index: 1;
}
.productGroup .titleGroup .btnViewmore i {
    position: absolute;
    left: 0;
    top: 50%;
    /*width: 35px;*/
    /*height: 35px;*/
    width: 50px;
    height: 50px;
    
    /*margin-top: -20px;*/
    margin-top: -25px;
    z-index: -1;    
    background: rgba(239, 59, 44, 0.5);
    border-radius: 50px;
    /*background-image: url(../images/layout/bi.svg);*/
    /*background-size: cover;*/
    /*background-position: center;*/
}
.productGroup .titleGroup .btnViewmore:hover{
    /*color: #EF3B2C;*/
    /*font-weight: 500;*/
    text-decoration: underline;
}
.productGroup .titleGroup .btnViewmore:hover i{
    background: rgba(239, 59, 44, 0.9);

}

.productGroup ul li span.arrow{
    display: inline-block;
    margin-top: 30px;
    
    background: url(../images/main/icon_arrow.svg) no-repeat 0 0;
    width: 32px;
    height: 32px;
}
.productGroup ul li span.arrow:hover{
    /*background: url(../images/main/icon_arrow_on.svg) no-repeat 0 0;*/
}


#section3{position: relative;}
.ceoGroup{display: flex;flex-direction: row;flex-wrap: wrap;align-items: stretch;height: 100vh;}
.ceoGroup .imageArea{width: 50%;height: 100%;border-radius: 0 100px 0 0;overflow: hidden;}
.ceoGroup .imageArea img{width: 100%;height: 100%;display: block;object-fit: cover;}
.ceoGroup .imageArea video{width: 100%;height: 100%;display: block;object-fit: cover;}
.ceoGroup .textArea{width: 50%;height: 100%;padding-top: 170px;padding-left: 70px;background-image: url(../images/main/bg_application2.jpg);background-position: center bottom;background-repeat: no-repeat;box-sizing: border-box;}
.ceoGroup .textArea span{display: block;color: #d4a574;font-size: 30px;font-weight: 600;line-height: 150%;}
.ceoGroup .textArea strong{display: block;color: #d7a876;font-size: 50px;font-weight: 700;line-height: 150%;}
.ceoGroup .textArea p{margin-top: 30px;color: rgba(255, 255, 255, 0.7);font-size: 26px;font-weight: 500;line-height: 150%;}
.ceoGroup .textArea .btnViewmore{
    position: relative;
    display: block;
    
    width: 170px;    
    padding: 0 0 0 40px;
    
    width: 180px;    
    padding: 0 25px;
    
    margin-top: 50px;
    box-sizing: border-box;
    color: #d4a574;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    z-index: 1;
}
.ceoGroup .textArea .btnViewmore i{
    position: absolute;
    left: 0;
    top: 50%;
    width: 35px;
    height: 35px;
    margin-top: -20px;
    
    width: 50px;
    height: 50px;
    margin-top: -25px;
    
    background: rgba(239, 59, 44, 0.5);
    border-radius: 50px; 
    z-index: -1;    
    
    /*background-image: url(../images/layout/bi.svg);
    background-size: cover;
    background-position: center;*/
      
}
.ceoGroup .textArea .btnViewmore:hover{
    /*color: #EF3B2C;*/
    /*font-weight: 500;*/
    text-decoration: underline;
}
.ceoGroup .textArea .btnViewmore:hover i{background: rgba(239, 59, 44, 0.8);}

#section4{position: relative;background: #FFF;overflow: hidden; 
    
    margin-bottom: -250px;
}
.aboutusGroup{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: calc(100% - 250px);
    margin-top: -250px;
}
.aboutusGroup:before{content: "Contact Us";opacity: 0;position: absolute;left: 20px;top: 150px;color: #F7F7F7;font-size: 180px;font-weight: 700;line-height: 100%;z-index: 0; display: none;}
.aboutusGroup .contact{
    opacity: 0;position: relative;display: flex;
    
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    justify-content: center;
    
    width: 100%;
    height: 100%;
    padding: 100px 0 100px 50px;
    box-sizing: border-box;
    z-index: 2;
    /*max-width: 1400px;*/
    margin: 0 auto;
    
    background-image: url(../images/main/bg_contactUs.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 0 100px 0 0;

}
.aboutusGroup .contact h3{color: #d7a876;font-size: 50px;font-weight: 700;line-height: normal;}
.aboutusGroup .contact p {
    margin-top: 30px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}
.aboutusGroup .customer{opacity: 0;position: relative;width: 75%;height: 100%;padding: 0 70px 100px;border-radius: 0px 100px 0px 0px;background: #F7F7F7;box-sizing: border-box;overflow: hidden;display: flex;flex-direction: column;justify-content: flex-end;align-items: stretch;}
.aboutusGroup .customer h3{color: #000;font-size: 50px;font-weight: 700;line-height: normal;}
.aboutusGroup .customer ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;gap: 20px;max-width: 1060px;width: 100%;margin-top: 50px;}
.aboutusGroup .customer ul li{width: calc(25% - 15px);}
.aboutusGroup .customer ul li a{display: block;background: #fff;}
.aboutusGroup .customer ul li a img{vertical-align: middle;}
.aboutusGroup .btnViewmore{
    position: relative;
    display: block;
    width: 170px;    
    padding: 0 0 0 40px;
    
    width: 180px;    
    padding: 0 25px;
    
    margin-top: 50px;
    box-sizing: border-box;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    z-index: 1;
}
.aboutusGroup .btnViewmore i{
    position: absolute;
    left: 0;
    top: 50%;
    width: 35px;
    height: 35px;
    margin-top: -20px;
    
    width: 50px;
    height: 50px;
    margin-top: -25px;
    
    z-index: -1;
    background: rgba(239, 59, 44, 0.5);
    border-radius: 50px;
    /*background-image: url(../images/layout/bi.svg);
    background-size: cover;
    background-position: center;*/    
}
.aboutusGroup .btnViewmore:hover{
    /*color: #EF3B2C;*/
    /*font-weight: 500;*/
    text-decoration: underline;
}
.aboutusGroup .btnViewmore:hover i{background: rgba(239, 59, 44, 0.8);}

#section4.ani .aboutusGroup:before{animation: rightAni 0.9s 1.5s both;}
#section4.ani .aboutusGroup .contact{animation: rightAni 0.8s 0.5s both;}
#section4.ani .aboutusGroup .customer{animation: rightAni 0.8s 1s both;}

.aboutusGroup #footer{opacity: 0;position: relative;width: 75%;height: 100%;padding: 0 70px;border-radius: 0px 100px 0px 0px;background: #F7F7F7;box-sizing: border-box;overflow: hidden;display: flex;justify-content: space-between;align-items: flex-start;flex-direction: row;flex-wrap: wrap;align-content: center;gap: 30px;}
.aboutusGroup #footer .footerLogo{margin-bottom: 20px;}
.aboutusGroup #footer .footerAddress ul li strong{color: #333;}
.aboutusGroup #footer .footerAddress ul li p{color: rgba(0, 0, 0, 0.80);}
.aboutusGroup #footer .footerCopy{color: rgba(0, 0, 0, 0.70);}
.aboutusGroup #footer .footerCopy span{color: #000;}
.aboutusGroup #footer .familyGroup button{background-image: url(../images/layout/icon_down_black.svg);border: 1px solid rgba(0, 0, 0, 0.50);color: #333;}
.aboutusGroup #footer .familyGroup ul{background-color: rgba(0, 0, 0, 0.9);}
.aboutusGroup #footer .familyGroup ul li a{color: #FFF;}
#section4.ani .aboutusGroup #footer{animation: rightAni 0.8s 1s both;}

@media screen and (max-width: 1399px){

    .visualSwiper .visualText p{/*font-size: 50px;*/}

    .productGroup .titleGroup{padding: 140px 20px 0 50px;}
    .productGroup .titleGroup strong{font-size: 30px;}
    .productGroup .titleGroup p{font-size: 26px;}
    .productGroup ul li{/*padding: 140px 20px 0 30px;*/}
    .productGroup ul li p.lg{font-size: 30px;}
    .productGroup ul li p.md{font-size: 20px;}
    .productGroup ul li p.sm{font-size: 16px;}
    .productGroup ul li p.sm br.tabletHide{display: none !important;}
    .productGroup ul li .btnViewmore{font-size: 18px;}

    .ceoGroup .imageArea{width: 40%;}
    .ceoGroup .textArea{width: 60%;}
    .ceoGroup .textArea span{font-size: 24px;}
    .ceoGroup .textArea strong{font-size: 50px;}
    .ceoGroup .textArea p{font-size: 26px;}
    .ceoGroup .textArea .btnViewmore{font-size: 18px;}

    .aboutusGroup .contact{/*width: 30%;*/}
    .aboutusGroup .customer{width: 70%;}

    .aboutusGroup .contact h3{font-size: 50px;}
    .aboutusGroup .customer h3{font-size: 40px;}
    .aboutusGroup .btnViewmore{width: 165px;font-size: 18px;}

    .aboutusGroup #footer{width: 70%;}
    .aboutusGroup #footer .familyGroup ul{top: auto;bottom: 56px;}
}

@media screen and (max-width: 1199px){
    #fp-nav{display: none !important;}
    
    .visualSwiper .visualText{}
    .visualSwiper .visualText p{font-size: 50px;}
    .visualSwiper .visualText p.delay{font-size: 22px; padding: 20px 0;}
    .visualControl{padding-top: 350px;}
    
    #section2{background-position: 40% 50%;}
    #section2,
    #section2 .fp-tableCell,
    .fp-scrollable{height: auto !important;}
    .productGroup{max-width: 90%; padding: 70px 0;}
    .productGroup .titleGroup{width: 100%; padding: 0;}
    .productGroup .titleGroup strong{font-size: 35px;}
    .productGroup .titleGroup .btnViewmore{font-size: 16px; /*padding: 0 0 0 30px;*/ /*width: 135px; */padding: 0 20px; width: 150px;}
    .productGroup .titleGroup .btnViewmore i{
        /*width: 25px;
        height: 25px;
        margin-top: -15px;*/
        width: 40px;
        height: 40px;
        margin-top: -20px;
    }
    .productGroup .titleGroup p{margin-top: 20px; font-size: 20px;}
    .productGroup ul{width: 100%; margin: 0 auto;}
    .productGroup ul li{width: calc(50% - 40px); border-radius: 0 0 50px 0;}
    .productGroup ul li a{width: 100%; height: 240px;}

        .productGroup ul li:nth-child(1) {
            margin-top: 100px;
            background-image: url(../images/main//bg_product7.jpg);
        }
        .productGroup ul li:nth-child(2) {
            background-image: url(../images/main/bg_product8.jpg);
        }
        .productGroup ul li:nth-child(3) {
            background-image: url(../images/main/bg_product9.jpg);
        }
    .productGroup ul li:nth-child(4){background-image: url(../images/main/bg_product4.jpg);    margin-top: -40px; }
    
    .productGroup ul li p.lg{font-size: 24px;}
    .productGroup ul li .btnViewmore{margin-top: 15px;padding: 0 20px;font-size: 16px;}
    .productGroup ul li .btnViewmore i{width: 30px;height: 30px;margin-top: -15px;}

    #section3,
    #section3 .fp-tableCell{height: auto !important;}
    .ceoGroup{flex-direction: column;height: auto;}
    .ceoGroup .imageArea{order: 2;width: 100%;height: 400px;border-radius: 0 50px 0 0;}
    .ceoGroup .textArea{order: 1;width: 100%;padding: 50px 50px 150px;background-size: 60%;background-position: right bottom;}
    .ceoGroup .textArea span{font-size: 20px;}
    .ceoGroup .textArea strong{font-size: 35px;}
    .ceoGroup .textArea p{margin-top: 20px;font-size: 20px;}
    .ceoGroup .textArea .btnViewmore{font-size: 16px; /*padding: 0 0 0 30px;*/ /*width: 135px;*/ padding: 0 20px; width: 150px;}
    .ceoGroup .textArea .btnViewmore i{width: 25px;height: 25px;margin-top: -15px;
    width: 40px;height: 40px;margin-top: -20px;}

    #section4,
    #section4 .fp-tableCell{height: auto !important; margin-bottom: 0;}
    .aboutusGroup{flex-direction: column;height: auto; paddi3ng-top: 0;
        margin-top: 0;}
    .aboutusGroup:before{top: 123px;font-size: 90px;}
    .aboutusGroup .contact{/* order: 2; */width: 100%;padding: 15% 50px 10%;background-image: url(../images/main/bg_contactUs_m.jpg);border-radius: 0 50px 0 0;}
    .aboutusGroup .contact h3{font-size: 35px;}
    .aboutusGroup .contact p{margin-top: 20px; font-size: 20px;}
    .aboutusGroup .customer{order: 1;width: 100%;padding: 50px;border-radius: 0 50px 0 0;}
    .aboutusGroup .customer h3{font-size: 35px;}
    .aboutusGroup .customer ul{margin-top: 30px;}
    .aboutusGroup .btnViewmore{font-size: 16px; /*padding: 0 0 0 30px;*/ /*width: 135px;*/
        padding: 0 20px; width: 150px;}
    .aboutusGroup .btnViewmore i{width: 25px;height: 25px;margin-top: -15px; 
        width: 40px;height: 40px;margin-top: -20px;}
    
    .aboutusGroup #footer{width: 100%;padding: 50px;border-radius: 0;}
    .aboutusGroup #footer .familyGroup button{margin-top: 0;}
    .aboutusGroup #footer .familyGroup ul{top: 56px;bottom: auto;}
}

@media screen and (max-width: 767px){

    .visualSwiper{min-height: 500px;}
    .visualSwiper .visualText {}
    .visualSwiper .visualText p{font-size: 33px;}
    .visualSwiper .visualText p.delay{font-size: 16px;}
    
    .visualControl{padding-top: 250px;}
    .visualControl .pagination{font-size: 14px;}
    .visualSwiper .visualBg{height: 100%;min-height: 500px;}

    .productGroup .titleGroup{}
    .productGroup .titleGroup strong{font-size: 30px;}
    .productGroup .titleGroup p{font-size: 17px; line-height: 1.3;}
    .productGroup .titleGroup .btnViewmore{margin-top: 30px; font-size: 14px;}
    
    .productGroup ul{width: 94%;}
    .productGroup ul li{width: 100%;}
    .productGroup ul li p.md{margin-top: 10px;}
    .productGroup ul li p.sm{margin-top: 10px;}
    
    .productGroup ul li:nth-child(1){margin-top: 50px;}
    .productGroup ul li:nth-child(2){margin-top: 50px;}
    .productGroup ul li:nth-child(3){margin-top: 50px;}
    .productGroup ul li:nth-child(4){margin-top: 50px;}
    

    .ceoGroup .textArea{padding: 50px 20px 150px;background-size: 100%;background-position: center bottom;}
    .ceoGroup .textArea strong{font-size: 30px;}
    .ceoGroup .textArea p{font-size: 17px; font-weight: 400; line-height: 1.3;}
    .ceoGroup .textArea .btnViewmore{margin-top: 30px;font-size: 14px;}
    .ceoGroup .imageArea{height: 340px;}

    .aboutusGroup{/*padding-top: 120px;*/}
    .aboutusGroup:before{top: 65px;font-size: 66px;}
    .aboutusGroup .contact{padding: 15% 20px;}
    .aboutusGroup .contact h3{font-size: 30px;}
    .aboutusGroup .contact p{font-size: 17px;font-weight: 400;line-height: 1.3;}
    .aboutusGroup .customer{padding: 50px 20px;}
    .aboutusGroup .customer h3{font-size: 30px;}
    .aboutusGroup .customer ul{gap: 10px;margin-top: 20px;}
    .aboutusGroup .customer ul li{width: calc(50% - 5px);}
    .aboutusGroup .btnViewmore{font-size: 14px; margin-top: 30px;}

    #section4.ani .aboutusGroup:before{animation: rightAni 0.8s 0.5s both;}
    #section4.ani .aboutusGroup .contact{animation: rightAni 0.3s 0.5s both;}
    #section4.ani .aboutusGroup .customer{animation: rightAni 0.8s 1s both;}
    
    .aboutusGroup #footer{padding: 50px 20px;}
    .aboutusGroup #footer .familyGroup ul{top: auto;bottom: 56px;}
    #section4.ani .aboutusGroup #footer{animation: rightAni 0.8s 1s both;}
    

}

@-webkit-keyframes rightAni {
    0%{
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes rightAni {
    0%{
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.popup-container { overflow: hidden; border-radius: 5px; }
.popup-container img { vertical-align: bottom; }
.popup-container ul { margin-top:0; padding: 20px 10px; background-color: #000; display:flex; }
.popup-container ul li { cursor:pointer; width:50%; color:#fff; text-align:center; font-weight:700; }
.popup-container ul li + li { border-left: 1px solid #fff; }