html {
    font-size: 100px;
    font-family: Microsoft YaHei;
}

body {
    width: 100%;
    min-width: 19.2rem;
}

.page-container {
    padding: 0;
}

.page-header-grow {
}

.page-header-container {
    position: relative;
    width: 19.2rem;
    height: 4.68rem;
    background: url('../image/header_bg.png') center no-repeat;
    background-size: cover;
    margin: 0 auto;
}

.banner-logo-container {
    position: absolute;
    top: 0;
    right: 2.5rem;
    width: 6.89rem;
    height: 4.68rem;
    background: url('../image/header_banner_logo.png') center no-repeat;
    background-size: cover;
}

.topbar-container {
    height: 0.48rem;
    border-bottom: 0.01rem solid #38455A;
}

.action-container .try-link {
    display: block;
    width: 0.91rem;
    height: 0.3rem;
    background: #00A4FF;
    font-size: 0.14rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 0.3rem;
    text-align: center;
    margin-right: 0.2rem;
}

.navbar-container .logo-icon {
    width: 0.46rem;
    height: 0.23rem;
    background: url('../image/header_logo.png') center no-repeat;
    background-size: cover;
    margin-left: 0.2rem;
}

.navbar-container .logo-title {
    font-size: 0.18rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 0.36rem;
    margin-left: 0.1rem;
}

.navbar-container .logo-splitter {
    height: 0.23rem;
    border-left: 1px solid #717171;
    margin-left: 0.3rem;
}

.navbar-link-container {
    margin-left: 0.3rem;
}

.navbar-link-container .navbar-link {
    font-size: 0.14rem;
    font-weight: 400;
    line-height: 0.14rem;
    margin-right: 0.5rem;
}

.navbar-link-container .navbar-link a {
    color: rgba(213, 213, 213, 1);
}

.navbar-link-container .navbar-link a:hover, .navbar-link-container .navbar-link a:active {
    color: #3EBAFF;
}

.banner-container {
    margin: 1.25rem 0 0 2.92rem;
    line-height: 0;
}

.banner-slogan-container .slogan-text {
    font-size: 0.48rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 0.48rem;
}

.banner-slogan-container .slogan-title {
    font-size: 0.48rem;
    font-weight: 400;
    color: rgba(62, 186, 255, 1);
    line-height: 0.48rem;
}

.banner-try-container .try-link {
    display: block;
    text-align: center;
    width: 1.8rem;
    height: 0.46rem;
    background: #00A4FF;
    font-size: 0.18rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 0.46rem;
    margin-top: 0.8rem;
}

.page-intro-grow {
    background: #FAFAFA;
}

.page-intro-container {
    width: 19.2rem;
    height: 3.9rem;
    margin: 0 auto;
}

.page-intro-container .intro-container {
    width: 6.44rem;

}

.page-intro-container .intro-pic {
    width: 4.7rem;
    height: 2.3rem;
    background: url('../image/intro_pic.png') center no-repeat;
    background-size: cover;
    margin-left: 2.2rem;
}

.page-intro-container .intro-logo {
    width: 0.47rem;
    height: 0.23rem;
    background: url('../image/intro_logo.png') center no-repeat;
    background-size: cover;
}

.page-intro-container .intro-title {
    font-size: 0.18rem;
    font-weight: 400;
    color: rgba(30, 37, 48, 1);
    line-height: 0.18rem;
    margin-left: 0.14rem;
}

.page-intro-container .intro-content {
    font-size: 0.14rem;
    font-weight: 400;
    color: rgba(74, 74, 74, 1);
    line-height: 0.3rem;
    margin-top: 0.42rem;
}

.page-intro-container .intro-item-container {
    margin-top: 0.3rem;
}

.page-intro-container .intro-item-title {
    font-size: 0.18rem;
    font-weight: bold;
    color: rgba(30, 37, 48, 1);
    line-height: 0.18rem;
}

.page-intro-container .intro-item-content {
    font-size: 0.18rem;
    color: rgba(30, 37, 48, 1);
    line-height: 0.18rem;
}

.page-scene-container {
    width: 19.2rem;
    height: 4.88rem;
    margin: 0 auto;
}

.page-scene-container .scene-section-title {
    font-size: 0.3rem;
    font-weight: 400;
    color: rgba(30, 37, 48, 1);
    line-height: 0.3rem;
}

.page-scene-container .scene-container {
    margin-top: 0.94rem;
}

.page-scene-container .scene-item {
    width: 2.64rem;
    margin-right: 0.7rem;
}

.page-scene-container .scene-item.scene-item-last {
    margin-right: 0;
}

.page-scene-container .scene-item .scene-title {
    font-size: 0.18rem;
    font-weight: 400;
    color: rgba(30, 37, 48, 1);
    line-height: 0.18rem;
    margin-top: 0.32rem;
}

.page-scene-container .scene-item .scene-content {
    font-size: 0.14rem;
    font-weight: 400;
    color: rgba(30, 37, 48, 1);
    line-height: 0.3rem;
    margin-top: 0.32rem;
}

.page-scene-container .scene-item .scene-icon {
    width: 0.53rem;
    height: 0.52rem;
    background-size: cover;
}

.page-scene-container .scene-item-1 .scene-icon {
    background: url('../image/scene_1.png') center no-repeat;
}

.page-scene-container .scene-item-2 .scene-icon {
    background: url('../image/scene_2.png') center no-repeat;
}

.page-scene-container .scene-item-3 .scene-icon {
    background: url('../image/scene_3.png') center no-repeat;
}

.page-scene-container .scene-item-4 .scene-icon {
    background: url('../image/scene_4.png') center no-repeat;
}

.page-use-grow {
    background: #FAFAFA;
}

.page-use-container {
    width: 19.2rem;
    margin: 0 auto;
    padding: 0.7rem 0;
}

.page-use-container .use-section-title {
    font-size: 0.3rem;
    font-weight: 400;
    color: rgba(30, 37, 48, 1);
    line-height: 0.3rem;
}

.page-use-container .use-step-container {
    width: 12.68rem;
    height: 2.72rem;
    background: url('../image/use_bg.png') center no-repeat;
    background-size: 9.03rem 2.16rem;
    margin-top: 0.8rem;
}

.page-use-container .step-icon {
    width: 0.6rem;
    height: 0.6rem;
    background-size: cover;
}

.page-use-container .step-title {
    font-size: 0.18rem;
    font-weight: bold;
    color: rgba(30, 37, 48, 1);
    line-height: 0.18rem;
}

.page-use-container .step-content {
    font-size: 0.14rem;
    font-weight: 400;
    color: rgba(30, 37, 48, 1);
    line-height: 0.24rem;
    margin-top: 0.15rem;
}

.page-use-container .step-icon.step-icon-1 {
    background: url('../image/use_icon_step1.png') center no-repeat;
}

.page-use-container .step-icon.step-icon-2 {
    background: url('../image/use_icon_step2.png') center no-repeat;
}

.page-use-container .step-icon.step-icon-3 {
    background: url('../image/use_icon_step3.png') center no-repeat;
}

.page-use-container .step-icon.step-icon-4 {
    background: url('../image/use_icon_step4.png') center no-repeat;
}

.page-use-container .use-step-left-container .step-content, .page-use-container .use-step-right-container .step-content {
    max-width: 1.76rem;
}

.page-use-container .use-step-top-container .step-content, .page-use-container .use-step-bottom-container .step-content {
    max-width: 2.3rem;
}

.page-use-container .use-step-center-container {
    height: 100%;
}

.page-use-container .step-container {
    margin-left: 0.18rem;
}

.page-use-container .use-step-logo {
    width: 1.42rem;
    height: 0.74rem;
    background: url('../image/use_logo.png') center no-repeat;
    background-size: cover;
}

.page-price-grow {
    background: #FFFFFF;
}

.page-price-container {
    width: 19.2rem;
    margin: 0 auto;
    padding: 0.7rem 0;
}

.page-price-container .price-section-title {
    font-size: 0.3rem;
    font-weight: 400;
    color: rgba(30, 37, 48, 1);
    line-height: 0.3rem;
}

.page-price-container .price-table {
    width: 12.65rem;
    border-collapse: separate;
    border-spacing: 0.04rem;
    margin-top: 0.6rem;
}

.page-price-container .price-table thead th {
    height: 0.4rem;
    background: #1888C6;
    font-size: 0.24rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 0.4rem;
    text-align: center;
}

.page-price-container .price-table tbody td {
    height: 0.4rem;
    font-size: 0.18rem;
    font-weight: 400;
    color: rgba(21, 21, 21, 1);
    line-height: 0.4rem;
    text-align: center;
}

.page-price-container .price-table tbody tr {
    background-color: #D4D4D4;
}

.page-price-container .price-table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #F0F0F0;
}

.page-case-grow {
    background: #F5F5F5;
}

.page-case-container {
    width: 19.2rem;
    margin: 0 auto;
    padding: 0.7rem 0;
}

.page-case-container .case-section-title {
    font-size: 0.3rem;
    font-weight: 400;
    color: rgba(30, 37, 48, 1);
    line-height: 0.3rem;
}

.page-case-container .customer {
    margin-top: 0.58rem;
    width: 12.64rem;
}

.page-case-container .customer-avatar-container {
    width: 0.8rem;
    height: 0.8rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 0.01rem 0.01rem rgba(0, 0, 0, 0.33);
    border-radius: 0.1rem;
}

.page-case-container .customer-avatar-container .customer-avatar {
    width: 0.56rem;
    height: 0.64rem;
    background: url('../image/customer_icon.png') center no-repeat;
    background-size: cover;
}

.page-case-container .customer-info-container {
    font-size: 0.18rem;
    font-weight: 400;
    color: rgba(24, 136, 198, 1);
    height: 0.58rem;
    line-height: 0.58rem;
    border-bottom: 0.01rem solid #C0C0C0;
    padding: 0 0.18rem;
    margin: 0 0.1rem;
}

.page-case-container .customer-splitter {
    width: 0.01rem;
    height: 0.18rem;
    background: #1888C6;
    margin: 0 0.2rem;
}

.page-case-container .customer-message-container {
    width: 6.98rem;
    background: rgba(255, 255, 255, 1);
    border: 0.01rem solid rgba(231, 231, 231, 1);
    box-shadow: 0 0 0.01rem 0 rgba(0, 0, 0, 0.33);
    border-radius: 0.1rem;
    position: relative;
    margin-left: 0.2rem;
}

.page-case-container .customer-message-container.triangle:before {
    content: '';
    border-right: 0.1rem solid #ccc;
    border-top: 0.1rem solid transparent;
    border-bottom: 0.1rem solid transparent;
    border-left: 0;
    position: absolute;
    left: 0;
    top: 0.4rem;
    margin-left: -0.1rem;
    margin-top: -0.1rem;
}

.page-case-container .customer-message-container.triangle:after {
    content: '';
    border-right: 0.1rem solid #fff;
    border-top: 0.1rem solid transparent;
    border-bottom: 0.1rem solid transparent;
    border-left: 0;
    position: absolute;
    left: 0;
    top: 0.4rem;
    margin-left: -0.09rem;
    margin-top: -0.1rem;
}

.page-case-container .customer-message-container .customer-message {
    font-size: 0.16rem;
    font-weight: 400;
    color: rgba(52, 52, 52, 1);
    line-height: 0.3rem;
    opacity: 0.86;
    padding: 0 0.18rem;
    margin: 0.1rem;
}

.page-case-container .xiaoman {
    margin-top: 0.21rem;
    width: 12.64rem;
}

.page-case-container .xiaoman-avatar-container {
    width: 0.8rem;
    height: 0.8rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 0.01rem 0.01rem rgba(0, 0, 0, 0.33);
    border-radius: 0.1rem;
}

.page-case-container .xiaoman-avatar-container .xiaoman-avatar {
    width: 0.62rem;
    height: 0.32rem;
    background: url('../image/xiaoman_icon.png') center no-repeat;
    background-size: cover;
}

.page-case-container .xiaoman-message-container {
    width: 1.99rem;
    background: rgba(255, 255, 255, 1);
    border: 0.01rem solid rgba(231, 231, 231, 1);
    box-shadow: 0 0 0.01rem 0 rgba(0, 0, 0, 0.33);
    border-radius: 0.1rem;
    padding: 0.32rem 0.38rem;
    position: relative;
    margin-right: 0.2rem;
}

.page-case-container .xiaoman-message-container.triangle:before {
    content: '';
    border-left: 0.1rem solid #ccc;
    border-top: 0.1rem solid transparent;
    border-bottom: 0.1rem solid transparent;
    border-right: 0;
    position: absolute;
    right: 0;
    top: 0.4rem;
    margin-right: -0.1rem;
    margin-top: -0.1rem;
}

.page-case-container .xiaoman-message-container.triangle:after {
    content: '';
    border-left: 0.1rem solid #fff;
    border-top: 0.1rem solid transparent;
    border-bottom: 0.1rem solid transparent;
    border-right: 0;
    position: absolute;
    right: 0;
    top: 0.4rem;
    margin-right: -0.09rem;
    margin-top: -0.1rem;
}

.page-case-container .xiaoman-message {
    font-size: 0.16rem;
    font-weight: 400;
    color: rgba(30, 37, 48, 1);
    line-height: 0.3rem;
}

.page-about-grow {
    background: #F1F5F6;
}

.page-about-container {
    width: 19.2rem;
    height: 3.29rem;
    background: url('../image/about_bg.png') center no-repeat;
    background-size: cover;
    margin: 0 auto;
}

.page-about-container .about-container {
    margin-top: 0.55rem;
}

.page-about-container .about-section-title {
    font-size: 0.3rem;
    font-weight: 400;
    color: rgba(30, 37, 48, 1);
    line-height: 0.3rem;
}

.page-about-container .about-splitter {
    width: 0.01rem;
    height: 0.89rem;
    background: rgba(52, 52, 52, 1);
    margin: 0 0.6rem 0 0.6rem;
}

.page-about-container .company-goal, .page-about-container .contact-container {
    width: 5.5rem;
    font-size: 0.18rem;
    font-weight: 400;
    color: rgba(30, 37, 48, 1);
    line-height: 0.3rem;
}

.page-about-container .wechat-qrcode {
    width: 1.03rem;
    height: 1.03rem;
    background: url('../image/wechat_qrcode.jpeg') center no-repeat;
    background-size: cover;
}

.page-copyright-grow {
    background: #1E2536;
}

.page-copyright-container .copyright, .page-copyright-container .icp-bei {
    height: 0.69rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: rgba(245, 248, 255, 1);
    line-height: 0.69rem;
}

.page-copyright-container .icp-bei {
    margin-left: 0.1rem;
}


.page-ai-grow {
    background: #FFF;
}

.page-ai-container{
    margin: 0 auto;
    padding: 0.7rem 0;
}

.page-ai-container .ai-section-title {
    font-size: 0.3rem;
    font-weight: 400;
    color: rgba(30, 37, 48, 1);
    line-height: 0.3rem;
    margin-bottom: 0.7rem;
}

.ai-container{
    
}