/* 全局样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "微软雅黑", sans-serif;
}

html,
body {
    height: 100%;
    overflow-x: hidden;
    background: #ffffff;
}

.pc {
    display: block;
}

.mobile {
    display: none;
}

/* 每一屏的通用样式 */
.screen {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* 第一屏：首页banner PC端 */
.screen1 {
    justify-content: flex-start;
}

.screen1 h1 {
    font-size: 78px;
    color: #2b5d42;
    margin-bottom: 20px;
}

.screen1 p {
    font-size: 40px;
    color: #2b5d42;
    margin-bottom: 40px;
}

.screen1 .btn-group {
    margin-bottom: 60px;
}

.screen1 .btn {
    padding: 12px 30px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 16px;
    margin: 0 10px;
    display: inline-block;
}

.screen1 .btn-primary {
    background-color: #2b5d42;
    color: #fff;
    border: none;
}

.screen1 .btn-outline {
    background-color: transparent;
    color: #2b5d42;
    border: 1px solid #2b5d42;
}

.screen1 .product-img {
    width: calc(100% - 560px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.screen1 .product-img img {
    width: 100%;
    object-fit: contain;
}

/* 第二屏：产品选型 PC端 */
.screen2 {
    width: calc(100% - 480px);
    height: 100vh;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.screen2Title {
    margin-bottom: 36px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.screen2Title img {
    width: 84px;
}

.screen2Title span {
    font-size: 36px;
    line-height: 54px;
}

.screen2 .product-list {
    width: 100%;
    height: 65%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.screen2 .product-item {
    width: 15%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

.screen2 .product-item1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 100;
    background: linear-gradient(rgba(50, 99, 68, 0) 40%, rgba(50, 99, 68, 1) 80%, rgba(50, 99, 68, 1) 100%);
}

.screen2 .product-item2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 100;
    background: linear-gradient(rgba(50, 99, 68, 0) 50%, rgba(50, 99, 68, 1) 85%, rgba(50, 99, 68, 1) 100%);
}

.screen2 .product-item img {
    width: 100%;
}

.screen2 .product-item .activeImg {
    margin-top: 0;
    width: 100%;
    height: 100%;
}

.screen2 .product-item .product-iconBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    z-index: 101;
    bottom: 85px;
}

.screen2 .product-item .icon {
    width: 48px;
    height: 48px;
    margin-top: 65%;
    margin-bottom: 10%;
}

.screen2 .product-item p {
    font-size: 22px;
    color: #ffffff;
}

.screen2 .product-item span {
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 16px;
    color: #111111;
    text-align: center;
}

/* ========== 新增 第六屏 案例分享 PC样式 完全匹配截图 ========== */
.screen6 {
    width: 100%;
    min-height: calc(100vh - 100px);
    background: #ffffff url(https://www.combinezh.com/template/default/images/screen1Bg.png) no-repeat center;
    background-size: 100% 100%;
    padding: 40px 12%;
    position: relative;
    box-sizing: border-box;
}

.screen6 .titleBox {
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.screen6 h2 {
    font-size: 32px;
    color: #326344;
    font-weight: bold;
}

.screen6 .rightGoBox img {
    width: 78px;
    height: 78px;
}

.case-main-container {
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.case-left-img {
    width: 45%;
    height: 540px;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.case-left-img img {
    width: 100%;
    object-fit: contain;
    display: block;
}

.case-right-content {
    width: 48%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.case-title {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    margin: 20px 0px 10px;
}

.case-desc {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.case-product-cards {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.case-product-card {
    border: 1px solid #000000;
    border-radius: 8px;
    padding: 0px 15px;
    display: flex;
    align-items: center;
    justify-content: end;
    background: #fff;
}

.case-product-card img {
    width: 120px;
    /*margin-bottom: 10px;*/
    object-fit: contain;
}

.case-product-info {
    height: 100%;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    justify-content: space-around;
}

.case-product-info h5 {
    font-size: 16px;
    color: #333;
    margin-bottom: 5px;
}

.case-product-info p {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
}

.case-product-info .case-product-btn {
    cursor: pointer;
}

.case-data-row {
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.case-data-item {
    width: calc(25% - 6px);
    display: flex;
    flex-direction: column;
    position: relative;
}

.case-data-item img {
    width: 48px;
    position: absolute;
    top: 0;
    right: 10%;
}

.case-data-label {
    margin-left: 10%;
    font-size: 20px;
    color: #737373;
}

.case-data-value {
    margin-left: 10%;
    font-size: 30px;
    line-height: 60px;
    color: #494948;
    font-weight: bold;
}

.case-prev-btn,
.case-next-btn {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 10;
    cursor: pointer;
}

.case-prev-btn {
    left: -100px;
}

.case-next-btn {
    right: -100px;
}

.case-prev-btn img,
.case-next-btn img {
    width: 100%;
    display: block;
}

.case-loading {
    width: 100%;
    text-align: center;
    padding: 50px 0;
    color: #326344;
    font-size: 18px;
}

/* 第三屏：关于我们 PC端 */
.screen3 {
    width: 100%;
    min-height: calc(100vh - 100px);
    background-color: #F9F9F9;
}

.screen3 .pc img {
    width: 50%;
    display: block;
    position: absolute;
    right: 0;
}

.screen3Box {
    width: 35%;
    position: absolute;
    left: 10%;
}
.screen3BoxTitle {
    color: #4C4C4C;
    font-size: 24px;
    line-height: 36px;
}
.screen3BoxTips {
    color: #4C4C4C;
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
    margin-top: 10px;
}
.screen3BoxContent {
    color: #818181;
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
}
.screen3BoxGoMoreBtn {
    width: fit-content;
    margin-top: 4%;
    padding: 8px 18px;
    background: #326344;
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
    border-radius: 36px;
    cursor: pointer;
}
.screen3BoxXFBox {
    width: 55%;
    padding: 32px 0px;
    display: flex;
    justify-content: center;
    position: absolute;
    background: #ffffff;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    bottom: 8%;
    left: 10%;
}
.screen3BoxXF {
    width: 30%;
    padding-left: 36px;
    position: relative;
}
.screen3BoxXFContent {
    font-size: 48px;
    color: #326344;
}
.screen3BoxXFDW {
    font-size: 18px;
    color: #404040;
}
.screen3BoxXFTitle {
    margin-top: 10px;
    font-size: 16px;
    color: #555555;
}
.screen3BoxXFIcon {
    width: 48px;
    position: absolute;
    right: 36px;
    top: 0px;
}
.screen3BoxXFLine {
    width: 1px;
    background: #858585;
}

.screen7 {
    width: 100%;
    min-height: calc(100vh - 100px);
    background-color: #ffffff;
}

.screen7Box {
    max-width: 1400px;
    margin: auto;
}

.screen7ContentBox {
    width: 100%;
    margin-top: 40px;
    display: flex;
}

.screen7ContentLeft {
    width: 30%;
    position: relative;
}

.screen7ContentLeftBox {
    width: 80%;
    color: #ffffff;
    position: absolute;
    top: 15%;
    left: 10%;
    z-index: 100;
}

.screen7ContentLeftTitle {
    line-height: 50px;
}

.screen7ContentLeftTitle .screen7ContentLeftTitle1 {
    font-size: 34px;
}

.screen7ContentLeftTitle .screen7ContentLeftTitle2 {
    font-size: 34px;
}

.screen7ContentLeftContent {
    font-size: 20px;
    line-height: 30px;
}

.screen7ContentLeftBtn {
    width: 80%;
    margin: 15% 10%;
    cursor: pointer;
}

.screen7ContentRight {
    width: 70%;
    background: #78E09E0D;
    display: flex;
    flex-direction: column;
}

.screen7ContentRightBox {
    height: 50%;
    display: flex;
}

.screen7ContentRightIconBox {
    width: 33%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10%;
}

.screen7ContentRightIconBox img {
    width: 30%;
}

.screen7ContentRightIconBox .screen7ContentRightIconTitle {
    color: #000000;
    font-size: 28px;
    line-height: 40px;
}

.screen7ContentRightIconBox .screen7ContentRightIconTips {
    color: #818181;
    font-size: 16px;
    line-height: 26px;
}

.screen7ContentRightIconLine1 {
    border-right:1px solid #EAFAF0;
}

.screen7ContentRightIconLine2 {
    border-top:1px solid #EAFAF0;
    border-right:1px solid #EAFAF0;
}

.screen7ContentRightIconLine3 {
    border-top:1px solid #EAFAF0;
}

/* 第四屏：合作伙伴 PC端 */
.screen4 {
    width: 100%;
    min-height: calc(100vh - 100px);
    background-color: #F8F8F8;
}

.screen4Box {
    max-width: 1400px;
    margin: auto;
}

.screen4Title {
    margin: 60px 0px 36px;
}

.screen4Title span {
    display: block;
}

.screen4Title .titleBox {
    color: #000000;
    font-size: 32px;
    font-weight: bold;
    line-height: 60px;
}

.screen4Title .tipsBox {
    color: #818181;
    font-size: 20px;
    line-height: 20px;
}

.screen4BoxLine {
    width: 1400px;
    height: 2px;
    background: #F1F1F1;
    margin-bottom: 66px;
}

.screen4Content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.screen4ContentLeft {
    width: 30%;
}

.screen4ContentLeftBox {
    display: flex;
    align-items: center;
    gap: 8px;
}

.screen4ContentLeftBoxDX {
    color: #326344;
    font-size: 50px;
    line-height: 60px;
}

.screen4ContentLeftBoxXX {
    color: #555555;
    font-size: 18px;
    line-height: 28px;
    margin-top: 10px;
}

.screen4ContentRight {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.screen4ContentRight img {
    width: 24%;
    margin-bottom: 24px;
}

.screen9 {
    width: 100%;
    min-height: calc(100vh - 100px);
    background-color: #FFFFFF;
}

.screen9Box {
    max-width: 1400px;
    margin: auto;
}

.screen9BoxBtn {
    width: 220px;
    margin: 68px auto 0px;
    cursor: pointer;
}

.screen9BoxLine {
    width: 1400px;
    height: 2px;
    background: #F1F1F1;
    margin-bottom: 38px;
}

.screen9BoxContent {
    display: flex;
    justify-content: space-between;
}

.screen9BoxContentBox {
    width: 23%;
    padding: 60px 0px;
    display: flex;
    align-items: center;
    flex-direction: column;
    border: 1px solid #EFEFEF;
    background: linear-gradient(#FCFFFB, #F8FBF8, #F6F9F4);
    position: relative;
}

.screen9BoxContentBox .iconLeft {
    width: 20%;
    position: absolute;
    top: 40%;
    left: 96%;
    z-index: 100;
}

.screen9BoxContentBox img {
    width: 144px;
    display: block;
}

.screen9BoxContentBS {
    margin-top: 48px;
    color: #85888B;
    font-size: 16px;
    line-height: 26px;
}

.screen9BoxContentTitle {
    margin-top: 22px;
    color: #000000;
    font-size: 28px;
    line-height: 44px;
}

.screen9BoxContentTitleYW {
    margin-top: 2px;
    color: #000000;
    font-size: 12px;
    line-height: 16px;
}

.screen9BoxContentTips {
    margin-top: 50px;
    color: #A0A3A6;
    font-size: 16px;
    line-height: 26px;
}

/* 第五屏：新闻资讯 PC端 */
.screen5 {
    width: 100%;
    min-height: calc(100vh - 100px);
    background-color: #F9F9F9;
}

.screen5Box {
    max-width: 1400px;
    margin: auto;
}

.screen5Box .rightGoBox {
    width: 78px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.screen5BoxContent {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.screen5BoxContent .screen5BoxContentLeftBox {
    width: 45%;
}

.screen5BoxContent .screen5BoxContentRightBox {
    width: 45%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.screen5BoxContentRightBox .newsBox {
    display: flex;
    align-items: center;
}

.newsBox .newsDayBox {
    color: #211F25;
    font-size: 50px;
    line-height: 100px;
}

.newsBox .newsTimeBox {
    margin-left: 20px;
}

.newsTimeBox .newsTimeSpan {
    color: #211F25;
    font-size: 16px;
    line-height: 28px;
}

.newsBox .newsLineBox {
    width: 1px;
    height: 50px;
    background: #326344;
    margin: 0px 25px 0px 45px;
}

.newsBox .newsContent {
    color: #3D3A41B3;
    font-size: 16px;
    line-height: 32px;
}

.screen8 {
    width: 100%;
    min-height: calc(100vh - 100px);
    background: #ffffff url(https://www.combinezh.com/template/default/images/cpysBanner.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    box-sizing: border-box;
}

.screen8Box {
    max-width: 1400px;
    margin: 0px auto 60px;
}

.screen8Title {
    margin: 60px 0px 36px;
}

.screen8Title span {
    display: block;
}

.screen8Title .titleBox {
    color: #326344;
    font-size: 32px;
    font-weight: bold;
    line-height: 60px;
}

.screen8Title .tipsBox {
    color: #818181;
    font-size: 20px;
    line-height: 20px;
}

.screen8BoxLine {
    width: 1400px;
    height: 2px;
    background: #F1F1F1;
    margin-bottom: 24px;
}

.productBox {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.productBoxLeft {
    width: 50%;
    margin-top: 30px;
}

.productXH {
    font-size: 22px;
    line-height: 34px;
    color: #326344;
}

.productName {
    font-size: 38px;
    line-height: 50px;
    color: #000000;
    font-weight: bold;
}

.productDescription {
    margin-top: 35px;
    font-size: 18px;
    line-height: 28px;
    color: #787878;
}

.productBoxRight {
    width: 590px;
}

.productBoxRight img {
    width: 590px;
}
.productTipsBox {
    display: flex;
    justify-content: space-around;
}
.productTipBox {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.productTipTitle {
    padding: 3px 35px;
    color: #ffffff;
    background: #29B35C;
    font-size: 26px;
    line-height: 38px;
    border-radius: 24px;
}
.productTipContent {
    margin-top: 16px;
    color: #326344;
}
.productTipContent .span1Box {
    font-size: 64px;
    font-weight: bold;
}
.productTipContent .span2Box {
    font-size: 24px;
}
.productjs {
    margin-top: 16px;
    color: #2C2E31;
    font-size: 20px;
}

/* 右侧悬浮工具栏、弹窗样式 原样保留 */
.toolbar {
    width: 52px;
    position: fixed;
    right: 1%;
    top: 40%;
    margin-top: -115px;
    z-index: 999;
}

.toolbar dd {
    width: 51px;
    height: 51px;
    margin-bottom: 1px;
    position: relative;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-top: 4px;
    border: #ebebeb solid 1px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.toolbar dd i {
    width: 51px;
    height: 51px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.toolbar .code .wx {
    background-position: -36px -96px;
}

.toolbar .code .phone {
    background-position: -36px 0px;
}

.toolbar dd i span {
    width: 35px;
    height: 35px;
    display: block;
    margin: 8px 0 0 8px;
    background: url(https://www.cqqttk.com/template/images/rightfixicon.png) no-repeat 0 0;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-contentOther {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 16px;
    border: 1px solid #888;
    width: 340px;
    position: relative;
    border-radius: 1.1888587rem;
}

.topBox {
    position: absolute;
    top: 16px;
    width: 300px;
    display: flex;
    justify-content: end;
}

.mainBox {
    margin-top: 32px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tips {
    color: #000;
    font-size: 1.13224638rem;
    line-height: 1.13224638rem;
    font-weight: bold;
    margin-top: 0.45289855rem;
}

.wxTips {
    margin-top: 0.45289855rem;
    color: #666;
    font-size: 0.9057971rem;
    line-height: 1.13224638rem;
    font-weight: 400;
}

.wxBtn {
    background-color: #1aad17;
    border-radius: 0.50951087rem;
    width: 8.15217391rem;
    height: 2.54755435rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.45289855rem;
    cursor: pointer;
}

.wxBtnText {
    color: #fff;
    font-size: 0.96240942rem;
    line-height: 0.96240942rem;
}

.close {
    color: #aaaaaa;
    font-size: 18px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/*@media (max-width: 768px) and (max-width: 768px) {*/
/*    .case-main-container {*/
        /*max-width: ;*/
/*    }*/
/*}*/

/* ====================== 手机端自适应样式（max-width:768px） ====================== */
@media screen and (max-width: 768px) {
    html,body {
        font-size: 14px;
    }
    .pc {
        display: none;
    }
    .mobile {
        display: block;
    }
    .screen2 {
        width: 100%;
        height: auto;
    }
    .screen2Title {
        margin-top: 25px;
    }
    .screen2Title img {
        width: 30px;
    }
    .screen2Title span {
        font-size: 12px;
        line-height: 18px;
    }
    .mobileproduct-list {
        width: 100%;
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }
    .mobileproduct-list::-webkit-scrollbar {
        display: none;
    }
    .mobileproduct-list {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .mobileproduct {
        width: 100%;
        flex-shrink: 0;
        scroll-snap-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .mobileproduct img {
        width: 30%;
    }
    .mobileproduct .productNameYW {
        color: #111111;
        font-size: 10px;
        line-height: 15px;
    }
    .mobileproduct .productName {
        color: #326344;
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
    }
    
    .mobileproduct-gdt {
        margin: 18px 0px 24px;
        display: flex;
        gap: 2px;
    }
    
    .mobileproduct-gdt .mobileproduct-gdtBox {
        width: 6px;
        height: 6px;
        border-radius: 50%;
    }
    
    .mobileproduct-gdt .mobileproduct-active {
        background: #326344;
    }
    
    .mobileproduct-gdt .mobileproduct-noactive {
        background: #E1E1E1;
    }
    
    .screen6 {
        background: #F9F9F9;
        padding: 28px 30px 35px;
        min-height: auto;
    }
    
    .screen6 .titleBox {
        color: #000000;
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
    }
    
    .case-left-img {
        width: 100%;
        height: 250px;
    }
    
    .mobilecase-title {
        margin-top: 12px;
        color: #326344;
        font-size: 18px;
        line-height: 28px;
    }
    
    .mobilecase-desc {
        margin-top: 5px;
        color: #787878;
        font-size: 12px;
        line-height: 18px;
    }
    
    .mobilecase-data-row {
        margin-top: 12px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .mobilecase-data-item {
        width: 45%;
        padding: 10px 0px 5px;
        margin-bottom: 8px;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 20px;
        background: #3263441A;
    }
    
    .mobilecase-data-label {
        color: #000000;
        font-size: 24px;
        line-height: 36px;
        font-weight: bold;
    }
    
    .mobilecase-data-value {
        color: #326344;
        font-size: 14px;
        line-height: 21px;
    }
    
    .xycpTitle {
        margin-top: 20px;
        color: #326344;
        font-size: 12px;
        line-height: 18px;
    }
    
    .mobilecase-product-cards {
        margin-top: 8px;
        display: flex;
        gap: 10px;
    }
    
    .mobilecase-product-card {
        width: 40%;
        padding: 16px 20px 14px;
        border-radius: 20px;
        background: #ffffff;
    }
    
    .mobilecase-product-info {
        font-size: 14px;
        line-height: 21px;
        font-weight: bold;
        text-align: center;
    }
    
    .mobilegdal {
        width: 45%;
        margin-top: 20px;
    }
    
    .screen8 {
        padding: 44px 0px 0px;
        min-height: auto;
        background: #ffffff url(https://www.combinezh.com/template/default/images/mobilecpys-bg.png) no-repeat center;
        background-size: 100% 100%;
    }
    
    .mobileScreen8Title {
        width: 100%;
    }
    
    .mobileScreen8Title .mobileTitleBox {
        margin-bottom: 8px;
        color: #326344;
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
    }
    
    .mobileScreen8Title .mobileTipsBox {
        margin-bottom: 20px;
        color: #818181;
        font-size: 12px;
        line-height: 18px;
    }
    
    .mobileScreen8Product {
        width: 68%;
        margin: 0px auto 22px;
    }
    
    .mobileScreen8ProductTitle {
        margin-bottom: 8px;
        color: #000000;
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
        text-align: center;
    }
    
    .mobileScreen8ProductTitleYW {
        margin-bottom: 15px;
        color: #326344;
        font-size: 14px;
        line-height: 21px;
        text-align: center;
    }
    
    .mobileScreen8ProductDesc {
        margin-bottom: 38px;
        color: #787878;
        font-size: 18px;
        line-height: 27px;
    }
    .mobileScreen8ProductTipsBox {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 32px 0px;
        background: linear-gradient(to right, rgba(52, 140, 83, 0.3), rgba(56, 90, 68, 0) 20%, rgba(56, 90, 68, 0) 80%, rgba(52, 140, 83, 0.3) 100%);
    }
    .mobileScreen8ProductTips {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 38px;
    }
    .mobileScreen8ProductTips .mobileScreen8ProductTipsTitle {
        padding: 2.5px 27px;
        color: #FFFFFF;
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
        background: #29B35C;
        border-radius: 78px;
    }
    .mobileScreen8ProductTips .mobileScreen8ProductTipsSJ {
        color: #326344;
        margin-bottom: 4px;
    }
    .mobileScreen8ProductTipsSJ .mobileScreen8ProductTipsZ {
        font-size: 38px;
        line-height: 50px;
        font-weight: bold;
    }
    .mobileScreen8ProductTipsSJ .mobileScreen8ProductTipsDW {
        font-size: 16px;
        line-height: 50px;
        font-weight: bold;
    }
    .mobileScreen8ProductTips .mobileScreen8ProductTipsDesc {
        color: #2C2E31;
        font-size: 16px;
        line-height: 24px;
    }
    
    .screen3 {
        padding: 56px 30px;
        min-height: auto;
        background: #F9F9F9;
    }
    .mobileScreen3Title {
        color: #326344;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 2px;
    }
    .mobileScreen3Tips {
        color: #4C4C4C;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 6px;
        font-weight: bold;
    }
    .mobileScreen3Desc {
        color: #818181;
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 15px;
    }
    .mobileScreen3GJCBox {
        margin-bottom: 28px;
        display: flex;
        flex-wrap: wrap;
        gap: 38px;
    }
    .mobileScreen3GJCBoxZ {
        color: #326344;
        font-size: 22px;
        line-height: 33px;
        margin-right: 4px;
        font-weight: bold;
    }
    .mobileScreen3GJCBoxDW {
        color: #3A3A3A;
        font-size: 12px;
        line-height: 18px;
    }
    .mobileScreen3GJCBoxTips {
        color: #515151;
        font-size: 12px;
        line-height: 18px;
    }
    .mobileScreen3GSimg {
        width: 100%;
        margin-bottom: 30px;
        position: relative;
    }
    .mobileScreen3GSimg-goDetail {
        width: 28px;
        position: relative;
    }
    
    .screen7 {
        padding: 38px 30px;
        min-height: auto;
    }
    .screen8Title {
        margin: 0px 0px 18px;
    }
    .screen8Title .titleBox {
        margin-bottom: 8px;
        font-size: 20px;
        line-height: 30px;
    }
    .screen8Title .tipsBox {
        font-size: 12px;
        line-height: 18px;
    }
    .screen7ContentBox {
        margin-top: 0px;
        flex-direction: column;
    }
    .screen7ContentLeft {
        width: 100%;
    }
    .screen7ContentLeftBox {
        width: calc(100% - 54px);
        top: 30px;
        left: 27px;
    }
    .screen7ContentLeftTitle {
        margin-bottom: 12px;
    }
    .screen7ContentLeftTitle .screen7ContentLeftTitle1 {
        font-size: 30px;
    }
    .screen7ContentLeftTitle .screen7ContentLeftTitle2 {
        font-size: 30px;
    }
    .screen7ContentLeftContent {
        font-size: 16px;
        margin-bottom: 27px;
    }
    .screen7ContentLeftBtn {
        width: 100%;
        margin: auto;
    }
    .screen7ContentRight {
        width: 100%;
    }
    .screen7ContentRightBox {
        height: auto;
        flex-direction: column;
    }
    .screen7ContentRightIconBox {
        width: 100%;
        padding: 18px;
        justify-content: flex-start;
        gap: 8px;
    }
    .screen7ContentRightIconBox img {
        width: 52px;
        margin-left: 65px;
    }
    .screen7ContentRightIconBox .screen7ContentRightIconTitle {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 4px;
    }
    .screen7ContentRightIconBox .screen7ContentRightIconTips {
        font-size: 12px;
        line-height: 18px;
    }
    .screen7ContentRightIconLine1 {
        border-right: 0px;
        border-bottom: 1px solid #EAFAF0;
    }
    .screen7ContentRightIconLine2 {
        border-right: 0px;
    }
    
    .screen4 {
        padding: 36px 30px;
        min-height: auto;
    }
    .screen4Title {
        margin: 0px 0px 20px;
    }
    .screen4Title .titleBox {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 8px;
        text-align: center;
    }
    .screen4Title .tipsBox {
        font-size: 12px;
        line-height: 18px;
        text-align: center;
    }
    .screen4Content {
        justify-content: center;
    }
    .screen4ContentLeft {
        display: none;
    }
    .screen4ContentTop {
        padding: 13px 0px;
        margin-bottom: 14px;
        border-radius: 14px;
        background: #93EAB333;
    }
    .screen4ContentTop {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .screen4ContentTopContent {
        margin-bottom: 20px;
    }
    .screen4ContentTopContent > span:nth-child(1) {
        color: #326344;
        font-size: 30px;
        line-height: 36px;
    }
    .screen4ContentTopContent > span:nth-child(2) {
        color: #555555;
        font-size: 14px;
        line-height: 21px;
    }
    .screen4ContentTopContentBox > span:nth-child(1) {
        color: #326344;
        font-size: 30px;
        line-height: 36px;
    }
    .screen4ContentTopContentBox > span:nth-child(2) {
        color: #555555;
        font-size: 14px;
        line-height: 21px;
    }
    .screen4ContentRight {
        width: 100%;
    }
    .screen4ContentRight img {
        margin-bottom: 4px;
    }
    
    .screen9 {
        padding: 40px 30px;
        min-height: auto;
    }
    .screen9Box {
        width: 100%;
    }
    .screen9BoxContent {
        justify-content: unset;
        flex-direction: column;
    }
    .screen9BoxContentBox {
        width: 100%;
        padding: 25px 28px;
        margin-bottom: 40px;
        flex-direction: row;
        gap: 60px;
    }
    .screen9BoxContentBox img {
        width: 86px;
    }
    .screen9BoxContentBS {
        margin-top: 0px;
        font-size: 12px;
        line-height: 18px;
    }
    .screen9BoxContentTitle {
        margin-top: 0px;
        font-size: 20px;
        line-height: 30px;
    }
    .screen9BoxContentTitleYW {
        margin-top: 0px;
        font-size: 6px;
        line-height: 9px;
    }
    .screen9BoxContentTips {
        margin-top: 6px;
        font-size: 12px;
        line-height: 18px;
    }
    .screen9BoxBtn {
        width: 180px;
        margin: 20px auto 0px;
    }
    .iconDown {
        width: 24px;
        position: absolute;
        bottom: -34px;
        left: calc(50% - 12px);
        z-index: 100;
    }
    
    .screen5 {
        padding: 22px 30px;
        min-height: auto;
        background: #ffffff;
    }
    .screen5BoxContent {
        display: block;
    }
    .screen5BoxContent .screen5BoxContentLeftBox {
        width: 100%;
    }
    .screen5BoxContent .screen5BoxContentRightBox {
        width: 100%;
    }
    .screen5BoxContentRightBox .newsBox {
        display: block;
        padding: 22px 12px;
        border-bottom: 1px solid #F1F1F1;
    }
    .newsBox .newsContent {
        margin-bottom: 20px;
        color: #211F25;
        font-size: 16px;
        line-height: 20px;
    }
    .newsBox .newTime {
        font-size: 12px;
        line-height: 16px;
        color: #3D3A41B3;
    }
}