body {
    font-size: 16px;
}

.banner {
    position: relative;
    width: 100%;
    height: 700px;
    box-sizing: border-box;
    background: url("/images/banner-04d855ab4447bc71e43074b65634064d.png") no-repeat;
    background-size: cover;
}

.banner-wrapper {
    width: 1280px;
    height: 700px;
    box-sizing: border-box;
    margin: auto;
    text-align: center;
}

.banner-h1 {
    line-height: 84px;
    font-size: 110px;
    font-weight: 600;
    color: #EF6947;
    padding: 218px 0 50px 0;
}

.banner-h2 {
    height: 50px;
    line-height: 50px;
    font-size: 48px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 120px;
}

.banner-btn {
    width: 200px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    font-size: 24px;
}

.demo-report-btn {
    width: 200px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    font-size: 24px;
    background-color: #EF6947;
    margin-right: 20px;
}

/*  WHY CHOOSE US */
.show-list-wrapper {
    width: 1280px;
    box-sizing: border-box;
    margin: auto;
    text-align: center;
    padding: 80px 21px 150px;
}

.show-h1 {
    height: 67px;
    font-size: 48px;
    font-weight: 600;
    color: #353444;
}

.show-h2 {
    height: 25px;
    font-size: 18px;
    font-weight: 400;
    color: #999999;
    padding: 12px 0 158px;
}

.show-ul {
    margin: 0 auto;
}

.show-li {
    display: flex;
    align-items: center;
    padding-bottom: 175px;
}

.show-li:last-child {
    padding-bottom: 0;
}

.li-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 24px;
    line-height: 42px;
}

.li-txt {
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 36px;
}

.show-li-first {
    padding-bottom: 193px;
}

.show-li-first .li-img img, .show-li-second .li-img img, .show-li-third .li-img img {
    width: 467px;
    height: 248px;

}

.show-li-first .li-text {
    width: 599px;
    color: #32b17e;
    text-align: left;
    margin-left: 113px;
}

.show-li-first .li-title {
    color: #3e5268;
}

.li-text-list li {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    text-align: LEFT;
    color: #666666;
    line-height: 36px;
    padding-left: 20px;
}

.li-text-list li::before {
    position: absolute;
    top: 14px;
    left: 0px;
    content: '';
    width: 8px;
    height: 8px;
    background: #666666;
    border-radius: 50%;
}

.li-text-list li {
    font-size: 18px;
    font-weight: 400;
    text-align: LEFT;
    color: #666666;
    line-height: 36px;
}

.started a {
    display: inline-block;
    height: 52px;
    line-height: 52px;
    box-sizing: border-box;
    background: #32b17e;
    border-radius: 8px;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    margin-top: 16px;
    padding: 0 36px;
}

.show-li-second .li-text {
    color: #ff8c21;
    text-align: right;
    margin: 0 119px 0 49px;
    width: 599px;
}

.show-li-third .li-text {
    color: #32b17e;
    text-align: left;
    width: 599px;
    margin-left: 136px;
}


/*  Try PaperPass now  */
.register-now {
    height: 350px;
    background: #353444;
}

.register-now-wrapper {
    width: 1280px;
    box-sizing: border-box;
    margin: auto;
    padding: 70px 40px;
}

.register-now-title {
    height: 50px;
    font-size: 36px;
    font-weight: 600;
    color: #ffffff;
}

.register-now-text {
    width: 800px;
    font-size: 18px;
    font-weight: 400;
    color: #9190a3;
    padding: 24px 0;
}

.register-now-btn {
    height: 48px;
    line-height: 48px;
    border: 2px solid #32b17e;
    border-radius: 6px;
    padding: 0 29px;
}

.quetext-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

/* Quetext FAQ  */
.quetext-wrapper {
    width: 1280px;
    box-sizing: border-box;
    margin: auto;
    padding: 80px 40px;

}

.quetext-h1 {
    width: 221px;
    height: 50px;
    font-size: 36px;
    font-weight: 600;
    color: #353444;
}

.quetext-more {
    display: inline-block;
    width: 38px;
    height: 22px;
    font-weight: 400;
    color: #32b17e;
}

.quetext-more:hover {
    color: #32b17e;
}

.quetext-li {
    padding-top: 48px;
}

.quetext-li-title {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    color: #32b17e;
    margin-bottom: 13px;
    line-height: 28px;
}

.quetext-li-title:hover {
    color: #32b17e;
}

.quetext-li-text {
    font-size: 18px;
    font-weight: 400;
    color: #353444;
    line-height: 24px;
}

@media only screen and (max-width: 1280px) {
    .banner {
        height: 466px;
    }

    .banner-wrapper {
        height: 466px;
    }

    .banner-h1 {
        padding: 56px 0 32px 0;
        font-size: 90px;
    }

    .banner-h2 {
        margin-bottom: 72px;
        font-size: 40px;
    }

    /*  WHY CHOOSE US */
    .show-list-wrapper {
        padding: 80px 113px 150px;
    }

    .show-li:last-child {
        padding-bottom: 0;
    }

    .show-li {
        justify-content: space-between;
    }

    /*.show-li:last-child {*/
    /*    padding-bottom: 0;*/
    /*}*/
    .show-li-first .li-text {
        width: 449px;;
        margin-left: 0px;
    }

    .show-li-second .li-text {
        width: 464px;
        margin: 0;
    }

    .show-li-third .li-text {
        width: 487px;
        margin-left: 0px;
    }

    /*  Try PaperPass now  */
    .register-now-wrapper {
        padding: 70px 160px;
    }

    /* Quetext FAQ  */
    .quetext-wrapper {
        padding: 80px 160px;
    }
    .demo-report-btn,.banner-btn{
        width: 160px;
        height: 48px;
        line-height: 48px;
        font-size: 20px;
    }
}


/* FQA */
.nav-tabs-item {
    box-sizing: border-box;
    height: 256px;
    padding: 48px 0;
    background: #353444;

}

.tab-title {
    width: 1200px;
    height: 56px;
    line-height: 56px;
    margin: auto;
    margin-bottom: 48px;
    font-size: 48px;
    font-weight: 600;
    color: #ffffff;
}

.nav-tabs {
    width: 1200px;
    margin: auto;
    border-bottom: none;
}

.tablist-item > a {
    box-sizing: border-box;
    display: inline-block;
    width: 352px;
    height: 56px;
    line-height: 56px;
    border: 2px solid rgba(115, 112, 147, 0.50);
    border-radius: 30px;
    font-size: 24px;
    font-weight: 600;
    color: #9190a3;
    text-align: center;
    margin-right: 72px;
}

.tablist-item:last-child > a {
    margin-right: 0px;
}

.nav-tabs .active {
    background: rgba(115, 112, 147, 0.30);
    color: #32b17e;
    border: 2px solid rgba(115, 112, 147, 0);
}

.tab-content-item {
    min-height: 600px;
}

.tab-content {
    width: 1200px;
    padding: 48px 0 104px 0;
    margin: auto;
}

.tab-pane-ul {
    margin: 0;
}

.tab-pane-li {
    margin-bottom: 16px;
}

.tab-pane-title {
    height: 40px;
    font-size: 32px;
    font-weight: 600;
    color: #353444;
    line-height: 40px;
    margin-bottom: 32px;
}

.tab-pane-question {
    width: 1200px;
    height: 60px;
    line-height: 60px;
    /*background: #f3f3f3;*/
    /*background: #7e7d89;*/
    /*background: #AFAFBC;*/
    background: #A5A4B1;
    font-size: 20px;
    font-weight: 600;
    text-align: LEFT;
    /*color: #353444;*/
    color: #ffffff;
    padding-left: 32px;
    cursor: pointer;
    border-radius: 4px;

}

.tab-pane-question:hover {
    box-shadow: 0px 6px 10px 0px rgba(130, 130, 130, 0.10);
}

.tab-pane-question span:hover {
    /*border-bottom: 2px solid #353444;*/
    border-bottom: 2px solid #ffffff;
}

.tab-pane-content {
    display: none;
    width: 1200px;
    background: #f3f3f3;
    padding: 24px 32px;
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 28px;
    border-radius: 0 0 4px 4px;
}

/*Knowledge column*/
.Knowledge .tab-content {
    padding: 56px 0 75px;
}

.tab-pane-item {
    display: flex;
    justify-content: space-between;
}

.knowledge-column-left {
    width: 715px;
}

.column-left-title {
    width: 545px;
    font-size: 32px;
    font-weight: 600;
    color: #353444;
    line-height: 40px;
}

.title-tab {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    color: #999999;
    line-height: 24px;
    margin: 16px 0 40px;
}

.column-left-content {
    width: 715px;
    font-size: 18px;
    font-weight: 500;
    color: #666666;
    line-height: 32px;
}

.Disclaimer {
    width: 714px;
    height: 112px;
    box-sizing: border-box;
    line-height: 112px;
    padding: 16px;
    background: rgba(50, 177, 126, 0.05);
    font-size: 12px;
    font-weight: 400;
    color: rgba(50, 177, 126, 0.50);
    line-height: 20px;
    margin-top: 64px;
}

.knowledge-column-right {
    width: 384px;
    height: 760px;
    box-sizing: border-box;
    background: #f3f3f3;
    padding: 24px;
}

.column-right-title {
    width: 336px;
    height: 72px;
    font-size: 24px;
    font-weight: 600;
    color: #32b17e;
    line-height: 36px;
    margin-bottom: 32px;
}

.column-right-content {
    width: 336px;
    font-size: 14px;
    font-weight: 400;
    color: #353444;
    line-height: 20px;
}