body {
    font-family: AvertaStdCY,Helvetica,Tahoma,Arial,sans-serif;
}
/*Common*/
.flex-1{
    padding-left: 15px;
    padding-right: 15px;
}
/*End common*/
/**animation*/
.second-block-img .animation-warp {
    position: relative;
    justify-content: flex-end;
    display: flex;
}
.second-block-img .img-animation-1 {
    top: -50px;
}
.second-block-img .img-animation-2 {
    top: 40px;
}
.second-block-img .img-animation-3 {
    top: 130px;
}
.second-block-img .animation-img-list img {
    position: absolute;
    left: -50px;
}
.third-block-img .animation-warp {
    position: relative;
    justify-content: flex-end;
    display: flex;
}
.third-block-img .animation-img-list img {
    position: absolute;
    left: -50px;
    top: 60px;
}
.fourth-block-img .animation-warp {
    position: relative;
    justify-content: flex-end;
    display: flex;
}
.fourth-block-img .animation-img-list img {
    position: absolute;
    left: 0px;
}
.fourth-block-img .img-animation-1 {
    top: -110px;
}

.fourth-block-img .img-animation-2 {
    top: 75px;
}
.fifth-block-img .animation-warp {
    position: relative;
    width: 100%;
    height: 400px;
}
.fifth-block-img img{
    position: absolute;
}
.fifth-block-img .img-animation-1 {
    right: 0px;
}

.fifth-block-img .img-animation-2 {
    bottom: 0px;
}
.fifth-block-img .img-animation-3{
    left: 10px;
}

.fifth-block-img .img-animation-4 {
    bottom: 70px;
    right: -15px;
}
.first-block{
    min-height: 350px;
}
    /*end animation**/
    .introduction-page-container {
        width: 100%;
        background-color: #f2f2f2;
    }

        .introduction-page-container .introduction-banner_left-intro-bg-circle {
            position: absolute;
            top: 0;
            bottom: 0;
        }
            .introduction-page-container .introduction-banner_left-intro-bg-circle img {
                display: block;
                height: auto;
                max-width: 100%;
                height: 100%;
            }
            .introduction-page-container .container {
                max-width: 1155px;
            }

    .introduction-page-container .image-dog img {
        margin-left: auto;
        width: 334px;
    }

        .introduction-page-container .introduction-banner {
            background-position: center;
            display: flex;
            align-items: center;
            background: #E8ECEA;
            position: relative;
        }

    .introduction-page-container .asp-name {
        font-size: 22px;
        font-family: AvertaStdCY_Semibold;
        color: #349B2A;
        padding: 40px 32px 29px;
    }

    .introduction-page-container .content-banner {
        display: flex;
        background-position: center;
        background-size: cover;
    }

    .introduction-page-container .content-body {
        position: relative;
        z-index: 1;
        padding-bottom: 80px;
        background: #fff;
    }

    .introduction-page-container .service-platform-title {
        font-size: 40px;
        font-family: AvertaStdCY_Semibold;
        line-height: 57px;
        padding: 0px 0px 24px 0;
    }

        .introduction-page-container .button-layout-free-consultation {
            padding: 0px 40px 24px 32px;
            margin-left: 0;
        }

            .introduction-page-container .button-layout-free-consultation .to-form-footer {
                margin-left: 0;
            }

        .introduction-page-container .service-platform-title .title-1 {
            color: #002533;
        }

        .introduction-page-container .service-platform-title .title-2 {
            color: #F36412;
        }

    .introduction-page-container .asp-general-info {
        font-size: 18px;
        line-height: 32px;
        color: #292A34;
        padding: 0px 40px 24px 32px;
    }

    .introduction-page-container .introduction-banner_right-intro {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .introduction-page-container .content-intro {
        font-size: 24px;
        color: #2e367a;
        margin-bottom: 27px;
        position: relative;
    }
.first-block-img .img-intro img {
    transform: scale(0.9);
} 

.third-block-content .content-intro .title-intro {
    width: 90%;
}
.fourth-block-content .content-intro .title-intro {
    width:90%;
    text-align: left;
}

.introduction-page-container .content-info {
    font-size: 18px;
    color: #292A34;
    line-height: 32px;
    text-align: left;
    width: 95%;
}

        .introduction-page-container .content-info .first-content, .introduction-page-container .content-info .second-content {
            padding: 0px 0 10px 32px;
        }

    .introduction-page-container .asp-partner-button {
        margin-top: 16px;
        padding-top: 16px;
        padding-left: 32px;
        height: 56px;
    }

    .introduction-page-container .list-footer-button a.understand-asp-button,
    .introduction-page-container .list-footer-button a.find-now-button,
    .introduction-page-container .register-now,
    .introduction-page-container .search-accountant,
    .introduction-page-container .learn-more-btn {
        background-color: #349B2A;
        font-size: 16px;
        color: #FFFFFF;
        padding: 13px 24px;
        font-family: AvertaStdCY_Semibold;
        text-decoration: none;
        position: relative;
        border-radius: 4px;
    }

        .introduction-page-container .register-now::after,
        .introduction-page-container .search-accountant::after,
        .introduction-page-container .learn-more-btn::after,
        .introduction-page-container .list-footer-button a.find-now-button::after {
        }

        .introduction-page-container .register-now::after,
        .introduction-page-container .search-accountant::after,
        .introduction-page-container .learn-more-btn::after {
            background: transparent url(../../Images/SVG/ASP_icon_Sprites.svg) no-repeat -220px -584px;
        }

        .introduction-page-container .list-footer-button a.find-now-button::after {
            background: transparent url(../../Images/SVG/ASP_icon_Sprites.svg) no-repeat -423px -584px;
        }

        .introduction-page-container .list-footer-button a.find-now-button:hover,
        .introduction-page-container .register-now:hover,
        .introduction-page-container .search-accountant:hover,
        .introduction-page-container .learn-more-btn:hover {
            background-color: #08B508;
        }

    .introduction-page-container .list-footer-button a.find-now-button {
        background-color: #FFFFFF;
        color: #363F8C;
        margin-right: 24px;
        margin-bottom: 24px;
        box-shadow: none;
        white-space: nowrap;
        box-shadow: 0px 8px 16px 4px #FFFFFF5c;
    }

        .introduction-page-container .list-footer-button a.find-now-button:hover {
            background-color: #FFFFFFCC;
        }

    .introduction-page-container .list-footer-button a.understand-asp-button {
        background-color: #363F8C;
        margin-bottom: 24px;
        box-shadow: none;
        white-space: nowrap;
        box-shadow: 0px 8px 16px 4px #363F8C5c;
    }

        .introduction-page-container .list-footer-button a.understand-asp-button:hover {
            background-color: #363F8CCC;
        }

    .introduction-page-container .title-intro {
        font-size: 32px;
        color: #002533;
        line-height: 39px;
        padding-left: 32px;
        font-family: AvertaStdCY_Semibold;
    }

    .introduction-page-container .text-bold {
        font-family: AvertaStdCY_Semibold;
    }

    .introduction-page-container .first-block-content .title-intro {
        max-width: 540px;
    }

    .introduction-page-container .second-block-img img {
        margin: unset !important;
    }
    .introduction-page-container .third-block-img img {
        margin: unset !important;
    }
    .introduction-page-container .fourth-block-img img {
        margin: unset !important;
    }
    .introduction-page-container .fifth-block-img img {
        margin: unset !important;
    }
.content-body .main-content-footer {
    padding: 120px 0 20px;
}

.introduction-page-container .main-content-footer .content-footer-left {
    position: absolute;
    top: -130px;
    width: auto;
    height: auto;
}

.introduction-page-container .content-footer-right {
    text-align: center;
    padding: 32px 44px 34px;
}

.introduction-page-container .main-content-footer .content-footer-left-intro .title-join {
    font-size: 21px;
    line-height: 32px;
    color: #FFFFFF;
    text-align: center;
    font-family: AvertaStdCY_Semibold;
    padding: 0 30px;
}

.introduction-page-container .list-footer-button {
    padding-top: 16px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .introduction-page-container .list-footer-button button.secondary {
        font-size: 16px;
        color: #363f8c;
        border-radius: 4.5px;
        border: 1px solid #363f8c;
        width: 298px;
        height: 39px;
        overflow: hidden;
    }

.introduction-page-container .block-icon {
    padding: 30px;
}

/*.play-video*/

.introduction-page-container .icon-play-video {
    background: transparent url(../../Images/PNG/play-video.png) no-repeat;
    position: absolute;
    z-index: 99;
    width: 78px;
    height: 78px;
    cursor: pointer;
    transition: all 0.2s 0.2s linear;
    display: block;
}

.introduction-page-container .content-item {
    display: flex;
    align-items: center;
    padding-top: 70px;
    padding-bottom: 70px;
}

.introduction-page-container .join-now {
    padding-top: 60px;
    padding-bottom: 40px;
}

.introduction-page-container .content-item:nth-child(2n+1) {
}

    .introduction-page-container .content-item:nth-child(2n+1) .content-right {
        direction: ltr;
    }

.introduction-page-container .img-number img {
    position: absolute;
    bottom: 0;
    left: 5px;
}

.introduction-page-container .bg-align-1 {
    position: absolute;
    background: url('../../Images/PNG/bg_align-left_1920.png') no-repeat;
    height: 1810px;
    width: 100%;
    top: 0;
    z-index: -1;
    background-position: left;
}

.introduction-page-container .bg-align-2 {
    position: absolute;
    background: url('../../Images/PNG/bg_align-right_1920.png') no-repeat;
    height: 1810px;
    width: 100%;
    bottom: calc(50% - 905px);
    z-index: -1;
    background-position: right;
}

.introduction-page-container .bg-align-3 {
    position: absolute;
    background: url('../../Images/PNG/bg_align-left_1920.png') no-repeat;
    height: 1810px;
    width: 100%;
    bottom: -56px;
    z-index: 0;
    background-position: left;
}

.introduction-page-container .learn-more {
    padding-left: 32px;
}

.introduction-page-container .learn-more-icon {
    padding: 15px;
    background: url('../../Images/SVG/Icon_spirte.svg') no-repeat 0px -227px;
}

.introduction-page-container .learn-more-text {
    font-size: 16px;
    color: #349B2A;
    text-decoration: none;
}

.introduction-page-container .img-intro img {
    margin: 0 auto;
}

.introduction-page-container .main-footer {
    position: relative;
    display: flex;
    background: url(../../Images/PNG/bg_dog.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 16px;
}

.introduction-page-container a.BackTop {
    font-size: 16px;
    color: #444;
    text-decoration: none;
    transition: all 0.2s ease-in 0s;
    -webkit-transition: all 0.2s ease-in 0s;
    position: fixed;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    overflow: hidden;
    z-index: 9999;
    display: none;
    bottom: 80px;
    right: 30px;
    text-align: center;
    background: #fff url('../../Images/PNG/backtop.png') no-repeat;
}

.closeVideoFrame {
    background: url('../../Images/PNG/closeVideo.png') top right no-repeat;
    background-size: 28px 28px;
}

ul.nav.navbar-nav li {
    width: auto;
}

.introduction-banner .container {
    /*width: auto;
        max-width: unset;*/
    padding: 0;
    padding-top: 55px;
    padding-left: 0;
}

.page-view.introduction-page-container.scroller .flex-1 {
    padding: 0;
    align-content: center;
}

.page-view.introduction-page-container.scroller .flex-1 > div:nth-child(2) > p {
    text-align: justify;
}

/* search-now */

.introduction-page-container .search-now {
    padding-top: 80px;
}

    .introduction-page-container .search-now  > .container {
        max-width: unset;
        width: 100%;
        padding: 0px;
        margin: 0;
    }

.introduction-page-container .content-search-now {
    margin: auto;
    text-align: center;
    text-align: left;
    padding-bottom: 20px;
}
.content-search-now {
    background-image: url('../../Images/PNG/Home/bg_Search.png');
    background-size: cover;
}

.introduction-page-container .search-now-background {
    margin: auto;
    padding: 0 0px 32px;
    max-width: 1088px;
}

    .introduction-page-container .search-now-background .flex-1 a {
        width: 225px;
        height: 64px;
        background: white;
        border: 1px solid #349B2A;
        color: #349B2A;
        font-size: 24px;
        border-radius: 4PX;
        display: inline-flex;
        padding-top: 15px;
        padding-left: 30px;
        margin-top: 40px;
        float: right;
    }
        .introduction-page-container .search-now-background .flex-1 a:hover {
            background: #EDF1F7;
        }
         .is-accountant {
            text-decoration: underline;
            font-size: 14px;
            margin: 0 auto;
            margin-top: 20px;
            height: 40px;
            max-width: 1088px;
            padding-left: 15px;

        }

    .is-accountant a {
        color: #FEC93C;
    }
            .is-accountant a:hover{
                color: #FEC93C;
            }

.introduction-page-container .search-now-title {
    font-size: 24px;
    line-height: 40px;
    color: #FFFFFF;
    font-family: AvertaStdCY_Semibold;
    padding-top: 32px;
    padding-bottom: 12px;
}

.introduction-page-container .search-now-sub-title {
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
    padding-bottom: 28px;
    font-family: AvertaStdCY;
}

.introduction-page-container .search-now-btn {
    height: 71px;
    padding-top: 36px;
}

    .introduction-page-container .search-now-btn a {
        background-color: #FFFFFF;
        padding: 18px 36px;
        border-radius: 8px;
        color: #363F8C;
        font-size: 30px;
        font-family: AvertaStdCY_Semibold;
        position: relative;
        box-shadow: 0px 8px 16px 4px #FFFFFF5c;
    }

        .introduction-page-container .search-now-btn a::after {
            content: '';
            position: absolute;
            background: transparent url(../../Images/SVG/ASP_icon_Sprites.svg) no-repeat -320px -584px;
            width: 60px;
            height: 60px;
            right: -22px;
            top: 33px;
        }

    .introduction-page-container .introduction-banner .service-accounting-connect > div > div {
        border-radius: 50%;
        border: 1px solid #ffffff;
        width: 34px;
        height: 34px;
        overflow: hidden;
        background: red;
        display: inline-block;
    }

.introduction-page-container .introduction-banner .service-accounting-connect .service-accounting-connect-user {
    display: flex;
}
.introduction-page-container .introduction-banner .introduction-banner_left-intro .button-layout-free-consultation{
    padding-bottom: 0;
}

.introduction-page-container .introduction-banner .introduction-banner_left-intro button.button-opportunity.to-form-footer {
    background-color: #349b2a;
    border-radius: 4px;
    height: 50px;
    overflow: hidden;
    color: white;
}

.introduction-page-container .introduction-banner .introduction-banner_left-intro button.button-video {
    border-radius: 3.5px;
    border: 1px solid #349b2a;
    width: 167px;
    height: 49px;
    overflow: hidden;
}

section.introduction-banner .flex-row.flex-1.no-padding.content-banner > .introduction-banner_left-intro.flex-1 p:not(:last-child) {
    margin-bottom: 17px;
    font-size: 18px;
}

section.introduction-banner .flex-row.flex-1.no-padding.content-banner > .introduction-banner_left-intro.flex-1 p:last-child {
    margin-bottom: 25px;
    font-size: 18px;
}

section.introduction-banner .flex-row.flex-1.no-padding.content-banner > .introduction-banner_left-intro.flex-1 p a {
    font-size: 18px;
    color: #2680eb;
}

.introduction-page-container .content-banner .button-layout-free-consultation {
    padding: 0 17px 68px 0;
}

.introduction-page-container .content-banner .button-layout-free-consultation .to-form-footer {
    margin-right: 0;
}


.introduction-page-container .content-banner .introduction-images-absolute-banner {
    position: absolute;
    top: 50%;
    right: 18%;
}

.introduction-page-container .content-banner .introduction-banner_right-intro.flex-1 {
    display: flex;
    justify-content: flex-end;
    margin-right: 38px;
}

.introduction-page-container .content-banner .introduction-banner_right-intro.flex-1 > img {
    z-index: 1;
}

.introduction-page-container .content-banner .introduction-images-absolute-banner {
    position: absolute;
    z-index: 2;
}

.introduction-page-container .dot {
    position: absolute;
}

.introduction-page-container .dot2 {
    right: 0;
    top: 18px;
}

.introduction-page-container .dot1 {
    right: 0;
    bottom: 71px;
}

.introduction-page-container .dot4 {
    top: 0;
    right: 200px;
}

.introduction-page-container .dot3 {
    left: -74px;
    top: 13px;
}

.introduction-page-container .dot.tron2 {
    top: 157px;
    right: 324px;
}

.introduction-page-container .dot.tron1 {
    top: 83px;
    right: 38px;
    z-index: 2;
}

.introduction-page-container .content-banner .introduction-images-absolute-banner {
    position: absolute;
}

.introduction-page-container .content-body .introduction-main-content .flex-col .introduction-title-content {
    font-size: 40px;
    font-weight: 600;
    color: #212121;
    text-align: center;
    margin: 0 auto;
}

    .introduction-page-container .content-body .introduction-main-content .flex-col .introduction-title-content.customer-width-title {
        width: 55%;
    }

.introduction-page-container .content-body .introduction-main-content .content-item-title-text {
    font-size: 32px;
    font-weight: 600;
    color: #212121;
}

.introduction-page-container .content-body .introduction-main-content .content-item-text {
    font-size: 18px;
    color: #212121;
    text-align: justify;
    font-family: AvertaStdCY,Helvetica,Tahoma,Arial,sans-serif;
    font-weight: 100;
}

.introduction-page-container .content-body .introduction-main-content .flex-col{
    padding-top: 80px;
}

.introduction-page-container .content-body .introduction-main-content .flex-col .introduction-content-item {
    padding-top: 80px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.introduction-page-container .content-body .introduction-main-content .flex-col .introduction-content-item .introduction-content-item-text > div:not(:last-child) {
    margin-bottom: 24px;
}

.introduction-page-container .content-body .introduction-main-content .flex-col .introduction-content-item .introduction-content-item-text .btn.btn-introduction-content {
    background-color: #349b2a;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    padding: 14px 24px 15px 23px;
}

.introduction-page-container .content-body .introduction-main-content .flex-col .introduction-content-item .introduction-content-item-text .content-item-text-child {
    display: flex;
    align-items: start;
}

.introduction-page-container .content-body .introduction-main-content .flex-col .introduction-content-item .introduction-content-item-text .content-item-text-child .content-item-text-child-text {
    margin-left: 16px;
}
.introduction-page-container .content-body .introduction-main-content .flex-col .introduction-content-item .introduction-content-item-text .content-item-text-child:not(:last-child) .content-item-text-child-text {
    margin-bottom: 16px;
}

    .introduction-page-container .content-body .introduction-main-content .flex-col .introduction-content-item .introduction-content-item-text .content-item-text-child .content-item-text-child-icon {
        background: url(/Content/Images/SVG/ic_Check.png);
        width: 22px;
        height: 22px;
        min-width: 22px;
        display: flex;
    }

    .introduction-page-container button.btn:hover,
    .introduction-page-container .content-body .introduction-main-content .flex-col .introduction-content-item .introduction-content-item-text .btn.btn-introduction-content:hover {
        background: #08B508 !important;
    }

.introduction-page-container .introduction-banner a.button-video {
    font-size: 16px;
    font-weight: 600;
    color: #212121;
    padding: 14px 24px 15px 23px;
    border-radius: 3.5px;
    border: 1px solid #349b2a;
    display: inline-block;
    box-sizing: border-box;
    height: 50px;
}

.introduction-page-container .introduction-banner a.button-video:hover {
    color: #08B508;
}

.introduction-page-container .mr-40{
    margin-right: 40px;
}

.introduction-page-container .ml-40{
    margin-left: 40px;
}

/*end search-now*/
/*Responsive*/
@media (max-width: 1366px) {
    .introduction-page-container .bg-align-1 {
        background: url('../../Images/PNG/bg_align-left-1_1366.png') no-repeat;
        height: 1500px;
        background-position: left;
    }

    .introduction-page-container .bg-align-2 {
        background: url('../../Images/PNG/bg_align-right_1366.png') no-repeat;
        height: 1470px;
        background-position: right;
        bottom: calc(50% - 755px);
    }

    .introduction-page-container .bg-align-3 {
        background: url('../../Images/PNG/bg_align-left-2_1366.png') no-repeat;
        height: 1230px;
        background-position: left;
        bottom: 0;
    }
    .search-now-background {
    }
    .content-search-now {
        background-image: url('../../Images/PNG/Home/banner-1366.png');
    }
}

@media (max-width: 1200px) {
    .collapse.navbar-left .nav.navbar-nav > li:last-child {
        margin-left: 10%;
    }

    .introduction-page-container .list-footer-button a.find-now-button,
    .introduction-page-container .list-footer-button a.understand-asp-button {
        margin-left: 0;
        margin-right: 0;
    }

    .introduction-page-container .main-content-footer .content-footer-left-intro .title-join {
        padding: 0;
    }
    .introduction-page-container .learn-more {
        padding-top: 0px;
        padding-left: 20px;
        position: relative;
        top: 0px !important;
        left: 0px !important;
        text-align: right;
    }

    .introduction-page-container .dot3 {
        left: 0;
    }
}

@media (max-width: 1024px) {
    .introduction-page-container .content-body .introduction-main-content .flex-col .introduction-title-content.customer-width-title {
        width: 70%;
    }
    .introduction-page-container .content-banner {
        padding-left: 0;
    }
    .introduction-page-container .introduction-banner_right-intro {
        padding-left: 0;
    }
    .introduction-banner .container {
        width: 970px;
    }
    .introduction-page-container .content-banner .introduction-images-absolute-banner {
        right: 10%;
    }

    .introduction-amis-accounting-page-container .introduction-main-content {
        max-width: 970px;
    }

    .introduction-page-container .container {
        max-width: 970px;
    }
}
@media (max-width: 991px) {
    .flex-1 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar-brand img {
        width: 150px !important;
    }

    .navbar-nav > li > a {
        font-size: 13px !important;
    }

    .introduction-page-container .introduction-banner {
        height: auto;
    }

    .introduction-page-container .navbar-collapse li a {
        font-size: 12px !important;
    }

    .introduction-page-container .bg-align-1, .introduction-page-container .bg-align-2, .introduction-page-container .bg-align-3 {
        display: none;
    }

    .introduction-page-container .content-banner {
        display: block;
    }

    .introduction-page-container .introduction-banner_right-intro {
        padding-top: 10px;
        /*justify-content: flex-start;*/
        padding-left: 0px;
    }

    .introduction-page-container .content-item {
        display: block;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .introduction-page-container .first-block {
        padding-bottom: 80px;
    }

    .introduction-page-container .content-item .content-right {
    }


    .introduction-page-container .content-body .main-content-footer {
        padding: 40px 0 20px;
    }

    .introduction-page-container .main-content-footer {
        display: block;
        padding-bottom: 40px;
    }

        .introduction-page-container .main-content-footer .content-footer-left {
            display: none;
        }

    .introduction-page-container .main-footer {
        display: block;
    }

    .introduction-page-container .list-footer-button {
        justify-content: center;
    }

    .collapse.navbar-left .nav.navbar-nav > li:last-child {
        margin-left: 4% !important;
    }

    .introduction-page-container .introduction-banner_right-intro {
        padding: 0px 24px 24px 0px;
    }

        .introduction-page-container .introduction-banner_right-intro img {
            width: 100%;
        }

    .ms-address {
        padding-left: 0 !important;
    }

    .navbar-nav > li > a {
        font-size: 14px !important;
    }

    .introduction-page-container .list-footer-button a.understand-asp-button {
        margin-left: 12px;
    }

    .introduction-page-container .main-content-footer .content-footer-left-intro .title-join {
        padding: 0 30px;
    }

    .content-search-now {
        text-align: center !important;
    }

    .search-now-background .flex-1 a {
        margin-top: 30px;
        float: unset;
    }

    .search-now-background .flex-1 a {
        margin-top: 30px !important;
        float: unset !important;
    }

    .introduction-page-container .content-banner .introduction-banner_right-intro.flex-1 {
        justify-content: center;
        margin-right: 0;
        margin-top: 50px;
    }


    .introduction-page-container .service-platform-title {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .introduction-page-container .dot{
        display: none;
    }
    .introduction-page-container .content-banner .introduction-banner_right-intro.flex-1 > img{
        width: 29%;
    }

    .introduction-page-container .content-banner .introduction-images-absolute-banner {
        position: absolute;
        top: 70%;
        right: 50%;
        transform: translateX(50%);
    }

    .introduction-page-container .m-row.introduction-banner_left-intro-button {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .introduction-page-container .container {
        max-width: 970px;
    }
}

@media (max-width: 979px){
    .introduction-page-container .container {
        max-width: 740px;
    }
    .introduction-page-container .content-body .introduction-main-content .flex-col .introduction-title-content.customer-width-title {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .introduction-page-container .content-body .introduction-main-content .content-item-title-text {
        text-align: center;
    }
    .introduction-page-container .content-body .introduction-main-content .content-item-btn {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .introduction-page-container .mr-40 {
        margin-right: 0;
    }

    .introduction-page-container .ml-40 {
        margin-left: 0;
    }

    .introduction-page-container .content-body .introduction-main-content .flex-col .introduction-content-item .introduction-content-item-text {
        padding-top: 80px;
    }
    .introduction-page-container .content-body .introduction-main-content .flex-col .introduction-content-item .introduction-content-item-img {
        order: 1;
        display: flex;
        justify-content: center;
    }
    .introduction-page-container .first-block-content.content-right.flex-1.introduction-content-item-text.ml-40 {
        margin-left: 0;
    }

    .introduction-page-container .first-block-content.content-right.flex-1.introduction-content-item-text.mr-40 {
        margin-right: 0;
    }
    .collapse.navbar-collapse {
        display: none !important;
    }

    .introduction-page-container .asp-name {
        padding-top: 20px;
    }
    .navbar-toggle {
        background: white;
        padding: 14px 0 !important;
    }

    .introduction-page-container .list-footer-button a.understand-asp-button {
        margin-left: 0;
    }

    .introduction-page-container .main-content-footer .content-footer-left-intro .title-join {
        padding: 0;
    }
    .introduction-page-container .content-body .introduction-main-content .flex-col .introduction-content-item .introduction-content-item-text {
        padding-top: 32px;
        order: 2;
    }
    .introduction-page-container .content-body .introduction-main-content .flex-col .introduction-content-item {
        flex-direction: column;
    }
    .introduction-page-container .content-banner .introduction-banner_right-intro.flex-1 > img {
        width: 35%;
    }

    .introduction-amis-accounting-page-container .introduction-main-content {
        padding-right: 0;
    }

    .introduction-amis-accounting-page-container .introduction-main-content {
        max-width: 740px;
    }
    .introduction-page-container .service-platform-title {
        font-size: 32px;
        line-height: 38px;
        text-align: center;
    }
    .introduction-page-container .content-body .introduction-main-content .flex-col .introduction-title-content {
        text-align: center;
        font-size: 32px;
    }
    .introduction-page-container .content-body .introduction-main-content .content-item-text{
        font-size: 16px;
    }
    .introduction-page-container .content-body .introduction-main-content .content-item-title-text {
        font-size: 28px;
    }
    section.introduction-banner .flex-row.flex-1.no-padding.content-banner > .introduction-banner_left-intro.flex-1 p:last-child,
    section.introduction-banner .flex-row.flex-1.no-padding.content-banner > .introduction-banner_left-intro.flex-1 p:first-child{
        font-size: 16px;
    }
    .introduction-page-container .content-body .introduction-main-content .flex-col .introduction-content-item .introduction-content-item-text > div:not(:last-child) {
        margin-bottom: 18px;
    }
    .introduction-page-container .content-body .introduction-main-content .flex-col .introduction-content-item .introduction-content-item-text .content-item-text-child:not(:last-child) .content-item-text-child-text{
        margin-bottom: 12px;
    }
}

@media (max-width: 680px) {

    .introduction-page-container .container {
        padding-left:16px;
        padding-right:16px;
    }

    .introduction-page-container .asp-name {
        /*        padding-top: 0px;*/
    }

    .introduction-page-container .title-join {
        padding-left: 20px;
    }

    /*.introduction-page-container .content-body .introduction-main-content .flex-col .introduction-content-item .introduction-content-item-img img {
        width: 75%;
    }*/
}

@media (max-width: 528px) {
    .introduction-page-container .introduction-banner {
    }

    .introduction-page-container .asp-name {
        padding-bottom: 20px;
    }

    .introduction-page-container .img-number {
        display: none;
    }

    .introduction-page-container .title-intro {
        padding-left: 0px;
        font-size: 22px;
    }

    .introduction-page-container .content-info .first-content, .introduction-page-container .content-info .second-content {
        padding: 10px 0 10px 0px;
        font-size: 16px;    
    }

    .introduction-page-container .understand-asp-button {
        padding-top: 20px;
    }

        .introduction-page-container .understand-asp-button a {
            margin-left: 0;
        }

    .introduction-page-container .title-join {
        font-size: 30px;
    }

    .introduction-page-container .asp-partner-button {
        margin-top: 8px;
        padding-left: 0px;
    }



    .introduction-page-container .content-intro {
        margin-bottom: 0;
    }

    .introduction-page-container .content-footer-right {
        padding: 20px 20px 0 20px;
    }

    .introduction-page-container .list-footer-button a.understand-asp-button {
        font-size: 3.5vw;
    }
    .introduction-page-container .content-body {
        padding: 0;
        padding-bottom: 80px;
    }
    .introduction-page-container .container {
        padding-left: 16px;
        padding-right: 16px;
    }
    .introduction-page-container .content-banner .introduction-images-absolute-banner {
        top: 75%;
        right: 60px;
        transform: unset;
    }
    /*.introduction-page-container .content-body .introduction-main-content .flex-col .introduction-content-item .introduction-content-item-img img {
        width: 60%;
    }*/

    .introduction-page-container .content-banner .introduction-banner_right-intro.flex-1 > img {
        width: 50%;
    }
}

@media(max-width: 480px) {
    .content-footer-right img {
        height: 300px;
    }
    .introduction-page-container .introduction-banner{
        padding-left: 0px;
        padding-right: 0px;
    }
    .introduction-page-container .search-now {
        padding-top: 0px;
    }
    .introduction-page-container .asp-general-info{
        padding-left: 20px;
    }
    .introduction-page-container .service-platform-title {
        padding-left: 20px;
    }
    .introduction-page-container .asp-name {
        padding-left: 20px;
    }
    .first-block-img img {
        transform: scale(1) !important;
    }
    .introduction-page-container .first-block{
        padding-bottom: 40px;

    }
    .second-block-img .animation-img-list img {
        width: 50%;
    }

    .second-block-img .img-animation-1 {
        top: 0px;
    }

    .second-block-img .img-animation-3 {
        top: 80px;
    }
    .third-block-img .animation-img-list img {
        width: 50%;
        top: 130px;
        left: -20px;
    }
    .fourth-block-img .animation-img-list img {
        width: 50%;
    }
    .fourth-block-img .main-img{
        width: 100% !important;
    }
    .fourth-block-img .img-animation-1 {
        top: 0px;
    }

    .fourth-block-img .img-animation-2 {
        top: 90px;
    }
    .fifth-block-img .animation-warp{
        height: auto;
    }
    .fifth-block-img .img-animation-1 {
        position: relative;
        width: 100%;
        margin-top: 10px !important;
    }

    .fifth-block-img .img-animation-2 {
        position: relative;
        width: 100%;
    }
    .fifth-block-img .img-animation-3 {
        top: 260px;
        left: -15px;
        width: 60%;
    }

    .fifth-block-img .img-animation-4 {
        left: 170px;
        top: 45px;
        width: 60%;
    }

    .introduction-page-container .content-banner .introduction-images-absolute-banner {
           max-width: 100%;
        right: 5%;
        transform: unset;
        top: 80%;
    }

    .introduction-page-container .content-banner .introduction-banner_right-intro.flex-1 > img {
        width: 63%;
    }
}

@media(max-width: 419px){

    .introduction-page-container .m-row.introduction-banner_left-intro-button {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .introduction-page-container .m-row.introduction-banner_left-intro-button > div:last-child {
        margin-top: 16px;
    }

    .introduction-page-container .introduction-banner .introduction-banner_left-intro .button-layout-free-consultation {
        padding: 0;
    }

    .introduction-page-container .m-row.introduction-banner_left-intro-button > div {
        width: 200px;
    }

    .introduction-page-container .m-row.introduction-banner_left-intro-button > div button, .introduction-page-container .m-row.introduction-banner_left-intro-button > div a {
        width: 100%;
    }

    .introduction-page-container .m-row.introduction-banner_left-intro-button {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .introduction-page-container .m-row.introduction-banner_left-intro-button > div:last-child {
        margin-top: 16px;
    }

}

@media (max-width: 360px) {
    .introduction-page-container .asp-name {
        margin-top: 20px;
    }
    .introduction-page-container .introduction-banner_right-intro {
        padding-left: 5px;
    }
    .content-footer-right img {
        height: 250px;
    }

    .introduction-page-container .list-footer-button a.understand-asp-button {
        padding: 15px 16px;
    }

    .learn-more {
        bottom: 88px !important;
        right: 20px !important;
    }
    .navbar-brand img {
        width: 110px !important;
    }

    .introduction-page-container .service-platform-title {
        text-align: center;
    }

    .content-footer-right img {
        height: 200px;
    }

    .introduction-page-container .main-content-footer .content-footer-left-intro .title-join {
    }

    .first-block {
        min-height: unset;
    }

    .first-block.flex-row.flex-1.reserve.no-padding.content-item {
        padding: 0;
    }
    .introduction-page-container .content-body .introduction-main-content .flex-col .introduction-content-item .introduction-content-item-img img {
        width: 100%;
    }
    .introduction-page-container .content-banner .introduction-banner_right-intro.flex-1 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .introduction-page-container .content-banner .introduction-banner_right-intro.flex-1 > img {
        width: 70%;
    }
    .introduction-page-container .content-banner .introduction-banner_right-intro.flex-1 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .introduction-page-container .introduction-banner .introduction-banner_left-intro .button-layout-free-consultation {
        padding: 0;
    }

    .introduction-page-container .m-row.introduction-banner_left-intro-button > div {
        width: 200px;
    }

    .introduction-page-container .m-row.introduction-banner_left-intro-button > div button, .introduction-page-container .m-row.introduction-banner_left-intro-button > div a {
        width: 100%;
    }

    .introduction-page-container .content-banner .introduction-images-absolute-banner {
        max-width: 100%;
        right: unset;
        transform: unset;
    }
}

    /*end responsive*/