@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 414px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;} }
@media (min-width: 750px){html{font-size: 100px;} }
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "SourceHanSerifCN_Medium";
}
*:focus{outline:0px}
i { font-style:normal; }
ul,li{list-style:none;padding: 0;margin: 0;}
a {color: #333;text-decoration: none;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);}
@font-face {
    font-family: 'SourceHanSerifCN_Medium';
    src: url('../font/思源黑体.ttf') format('truetype');
  
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CY_Light';
    src: url('../font/CY_Light.ttf') format('truetype');
  
    font-weight: normal;
    font-style: normal;
}
.Width1680{max-width: 1680px;margin: 0 auto;}
body {
    overflow-x: hidden;
}
header {
    position: relative;
    z-index: 2;
    padding: 15px 100px 15px 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #fff;
    justify-content: space-between;
}

.logo {
    color: white;
    font-size: 32px;
    font-weight: bold;
    text-decoration: none;
    font-family: "SimSun", serif;
}
.logo img{width: 100px;}
nav ul {
    display: flex;
    list-style: none;
}

nav ul li {
    margin: 0 40px;
}

nav ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

nav ul li a span:first-child {
    margin-bottom: .03rem;
}

nav ul li a span:last-child {
    font-size: 12px;
}

.banner {
    width: 100%;
    height: 88vh;
    position: relative;
    padding: 40px 0; 
}

.banner-content {
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    height: 100%; 
}

.banner-text {
    width: 100%;
    position: relative;
    bottom: -4%; 
    z-index: 111;
}


.stats-bar {
    display: flex;
    background-color: rgba(255,255,255,0.8);
    border-radius: 8px;
    padding: 15px 20px;
    width: 100%;
    justify-content: space-between;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.stat-item {
    text-align: center;
    color: #096137;
    display: flex;
    align-items: center;
}
.stat-number span{font-size: 20px;position: absolute;top: 4px;}
.stat-number {
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 5px;
    font-style: italic;
    position: relative;
}

.stat-desc {
    font-size: 14px;
    line-height: 1.2;
    position: relative;
    left: -1%;
    background-color: rgba(255,255,255,0.2);
    top: 6%;
}
.top_M{
    background: url("../images/banner.jpg") no-repeat;
    position: relative;
    background-size: cover;
    background-position: center; 
    height: 100vh;
    padding-bottom: 30px;
}
nav{margin-left: 25%;}
.banner_title{margin-top: 200px; }
.banner_title h1{color: #096137;font-size: 100px;letter-spacing: 5px;font-weight: normal;line-height: 1.1;}
.banner_title h2{font-family: "CY_Light";color: #096137;font-size: 60px;font-style: italic;font-weight: normal;margin-left: 50px;position: relative;bottom: 10px;letter-spacing: 5px;}
.banner_title h1 .top{}
.banner_title h1 .bom{margin-left: 50px;}
/******************************突破性创新*****************************************/
.s1 {
    width: 100%;
    /*! height: 100vh; */
    padding: 20px;
    position: relative;
    background: url('../images/bg1.jpg');
    background-size: 100%;
    position: relative;
    padding-bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*! background-attachment: fixed; */
}
.s1M{max-width: 1220px;
    margin: 0 auto;
position: relative;
}
.s1 .title {
    margin-top: 30px;
}
.s1 .title h1 {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
}
.s1  .title .line {
    width: 500px;
    height: 8px;
    background: linear-gradient(to right, #038749, #AFEBA1);
    margin: 10px 0 0;
}
.s1  .desc {
    margin: 15px 0;
    font-size: 18px;
    line-height: 1.5;
    margin-top: 8px;
}
.s1 .desc .en {
    /*! color: #666; */
    font-size: 14px;
    width: 100%;
    letter-spacing: 2px;
}
.s1 .cards {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 30px 0;
    position: relative;
}
.s1 .card {
    width: 180px;
    background: rgba(255,255,255,0.4);
    border-radius: 2px;
    padding: 10px;
    font-size: 14px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    text-align: right;
}
.s1 .card h3 {
    color: #2e7d32;
    /*! margin-bottom: 5px; */
}
.s1 .card p {
    line-height: 1.5;
}
.s1 .sugarcane {
    position: absolute;
    top: 215px;
    left: 58%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 540px;
    background: url("../images/bg2.png") no-repeat center;
    background-size: contain;
}
/* .s1 .extract {
    position: absolute;
    bottom: 150px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.s1  .extract .num {
    font-size: 48px;
    color: #2e7d32;
    font-weight: bold;
}
.s1  .extract .unit {
    font-size: 20px;
}
.s1  .extract p {
    margin-top: 5px;
    font-size: 16px;
} 
.s1 .nano {
    position: absolute;
    bottom: 160px;
    right: 200px;
    font-size: 20px;
    color: #2e7d32;
    font-weight: bold;
}*/
.card_M{position: relative;min-height: 585px;}
.s1 .tags {
    position: absolute;
    bottom: 50px;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 16px;
}
.s1 .tags span {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
}
.s1 .tags img {
    width: 70px;
}
.s1 .desc p{display: flex;flex-wrap: wrap;}
.card_l{position: relative;right: 121px;}
.card_l .card{margin-bottom: 40px;position: relative;}
.xianM{position: absolute;right: -37px;top: -136px;}
.xianM_L{width: 20px;height: 1px;background: #038749;position: absolute;left: -19px;top: 88%;}
.xianM_R{}
.xianM_R_t{width: 15px;height: 1px;background: #038749;}
.xianM_R_c{width: 1px;height: 174px;background: #038749;}
.xianM_R_b{width: 15px;height: 1px;background: #038749;}
.card3{position: relative;left: 13px;top: -59px;}
/*********************品牌实力*******************************************/
.de_t{margin-left: 30px;}
   .de_t .title {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
    position: relative;
}
.de_t .title-underline {
    width: 180px;
    height: 8px;
    margin-bottom: 20px;
    background: linear-gradient(to right, #038749, #AFEBA1);
}

.development_M  .development_l {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
    /*! align-items: center; */
}

.development_M  .main-img {
    width: 45%;
    /*! height: 320px; */
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.development_M .main-img img {
    width: 100%;
    height: 100%;
    /*! object-fit: cover; */
}
.development_M .right-section {
    width: 54%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.development_M .small-imgs {
    display: flex;
    gap: 15px;
    /*! height: 150px; */
}
.development_M .small-img {
    flex: 1;
    border-radius: 4px;
    overflow: hidden;
}
.development_M  .small-img img {
    width: 100%;
    height: 100%;
    /*! object-fit: cover; */
    border-radius: 15px;
}

.development_M  .text-desc {
    font-size: 15px;
    line-height: 1.8;
    /*! color: #333; */
    padding-right: 40px;
}

.development_M  .development {
    /*! background: rgba(255, 255, 255, 0.9); */
    /*! border-radius: 8px; */
    /*! padding: 25px 30px; */
    position: relative;
}
.development_M   .development-title {
    font-size: 18px;
    color: #333;
    align-items: center;
    position: relative;
    display: flex;
    margin-right: 20px;
    width: 20%;
    border-radius: 20px 20px 0 0;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    padding: 10px;
    font-weight: bold;
}
.development_M  .development-title::before {
    content: '';
    width: 30px;
    height: 34px;
    background: url("../images/c4.png") no-repeat center;
    margin-right: 15px;
}

.development_M  .timeline {
    position: relative;
    padding-left: 20px;
    /*! margin-left: 10px; */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 20px;
    padding: 25px 30px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    border-radius: 0 20px 20px 20px;
    padding-left: 60px;
    flex-wrap: wrap;
}
.development_M .timeline::before {
    /*! content: ''; */
    /*! position: absolute; */
    /*! left: 0; */
    /*! top: 0; */
    /*! bottom: 0; */
    /*! width: 2px; */
    /*! background: #66cc66; */
}
.development_M  .timeline-item {
    position: relative;
    width: 30%;
    /*! padding-bottom: 0; */
    /*! padding-left: 10px; */
}
.development_M .time_t .timeline-item::before {
    content: '';
    position: absolute;
    left: -24px;
    top: 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0F884F;
}
.development_M .time_t  .xian{position: absolute;height: 90px;background: #aaa;width: 1px;left: -20px;top: 15px;}
.development_M .time_t  .xian::before {
    content: '';
    position: absolute;
    left: -2px;
    bottom: -3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #0F884F;
    z-index: 11;
}
.development_M .time_b  .xian{position: absolute;height: 90px;background: #aaa;width: 1px;left: -20px;top: -20px;}
.development_M .time_b  .xian::after {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #0F884F;
    z-index: 11;
}
.development_M .time_b .timeline-item::after {
    content: '';
    position: absolute;
    left: -24px;
    bottom: 9px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0F884F;
}
.development_M    .year {
    color: #0f884f;
    margin-bottom: 5px;
    font-size: 15px;
    width: 100%;
    font-weight: bold;
}
.development_M  .event {
    font-size: 14px;
    line-height: 1.4;
}

 .more-btn {
    /*! bottom: 25px; */
    background: #109155;
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    width: 140px;
    margin-top: 5px;
    justify-content: center;
    font-weight: bold;
    margin-right: 20px;
}
.more-btn::after {
    content: '';
    font-size: 12px;
    width: 0;
    height: 0;
    border-left: 8px solid #fff;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    margin-left: 2px;
}
.development_MB{background: url('../images/bg3.png');background-position-x: 0%;background-position-y: 0%;background-repeat: repeat;background-size: auto;background-size: 100%;position: relative;padding-bottom: 0;background-position: center;background-repeat: no-repeat;background-size: cover;padding: 20px 0;}
.development_M{max-width: 1220px;margin: 0 auto;/*! padding: 20px 0; */position: relative;}
.development_M .time_t{width: 100%;display: flex;margin-bottom: 20px;}
.development_M .time_b{width: 100%;display: flex;justify-content: center;align-items: center;}
.development_M .time_b .timeline-item{width: 35%;display: flex;flex-wrap: wrap;margin-left: 20px;}
.development_M .time_b_x{width: 100%;height: 1px;background: #aaa;position: relative;left: -20px;margin-bottom: 20px;}
.development_M .time_b_x::before{
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid #aaa;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    right: 0;
    top: -5px;
}
.more-btn_M{display: flex;justify-content: right;/*! padding-bottom: 10px; */}
/*************************品牌荣誉**********************************************/
.s2{}
.s2M{background: url('../images/bg5.jpg');
    background-repeat: repeat;
    background-size: auto;
    background-size: 100%;
    position: relative;
    padding-bottom: 0;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
max-width: 1220px;
margin: 0 auto;
padding: 20px 0 0;
}
  .s2  .honor-categories {
        display: flex;
        justify-content: space-between;
        margin: 0 50px 50px;
    }
    .s2  .category {
        display: flex;
        align-items: center;
        /*! gap: 10px; */
        font-size: 28px;
        font-weight: bold;
        color: #0f884f;
        flex-wrap: wrap;
        position: relative;
    }
    .s2  .category .num {
        font-size: 50px;
        font-family: "Light";
        font-weight: normal;
        font-style: italic;
        color: #0f884f;
        margin-right: 5px;
    }
    .s2 .category::after {
        content: '';
        width: 100%;
        height: 2px;
        background: #0F884F;
        margin-left: 10px;
        position: relative;
        bottom: 9px;
        left: -9px;
    }

    .s2 .honor-icons {
        display: flex;
        justify-content: space-around;
        margin-bottom: 60px;
        padding: 0 30px;
    }
    .s2 .honor-icon img{/*! box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); */border-radius: 21px;}
    .s2 .icon-group {
        display: flex;
        flex-direction: column;
        /*! gap: 20px; */
        align-items: center;
    }
    .s2 .honor-icon {
        /*! width: 160px; */
        /*! height: 100px; */
        /*! background: rgba(255, 255, 255, 0.9); */
        /*! border-radius: 6px; */
        display: flex;
        align-items: center;
        justify-content: center;
        /*! box-shadow: 0 2px 8px rgba(0,0,0,0.1); */
        padding: 5px;
    }
    .s2.honor-icon img {
        max-width: 100%;
        max-height: 70%;
        object-fit: contain;
    }
    .honor_Img{display: flex;justify-content: center;align-items: center;border-bottom: 30px solid #c7ecc7;}
    .honor_Img img{margin-bottom: 30px;}
/***************************科学实证*****************************************/
.s3 .certificates{position: relative;top: 100px;left: 75px;}
.s3  .subtitle {
    font-size: 18px;
    color: #0f884f;
    margin-bottom: 5px;
    border-bottom: 1px solid #0f884f;
    max-width: 150px;
    padding-bottom: 2px;
    /*! text-align: center; */
    margin-left: 30px;
}
.s3 .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.s3.certificates {
    width: 50%;
    position: relative;
    height: 400px;
}
.s3 .certificates img{}

.s3 .right-section {
    width: 45%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    bottom: 0;
    left: 20%;
}
.s3 .info-card {
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    padding: 20px 60px 10px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.1);
    position: relative;
    background-color: rgba(241, 250, 242, 0.9);
    margin-bottom: 10px;
}
.s3 .info-title {
    font-size: 24px;
    /*! color: #333; */
    margin-bottom: 15px;
    font-weight: bold;
    text-align: center;
}
.s3  .institution {
    display: flex;
    align-items: center;
    gap: 10px;
    /*! margin-bottom: 10px; */
    font-size: 14px;
    color: #000;
}
.s3 .institution::before {
    content: '•';
    color: #3ca55c;
    font-size: 18px;
}
.s3 .authority {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}
.s3 .authority .logo {
    width: 40px;
    height: 40px;
    background: url("../images/e1.jpg") no-repeat center;
    background-size: 100%;
}
.s3{}
.s3_M{
    background: url('../images/e2.jpg');
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
background-repeat: repeat;
background-size: auto;
background-size: 100%;
position: relative;
padding-bottom: 0;
background-position: top;
background-repeat: no-repeat;
background-size: cover;
max-width: 1220px;
margin: 0 auto;
padding: 20px 0 0;
    padding-top: 0;
    padding-bottom: 10px;
}
.s3 .info_l{width: 50%;margin-right: 20px;}
.s3 .info_l  .institution::before{display: none;}
.s3 .info_r{width: 44%;}
.s3 .info_M{display: flex;}
.s4{}
.s4_M{
   max-width: 1220px; margin: 0 auto; 
    position: relative;
}
.s4_M .more-btn_M{position: absolute;right: 0;bottom: 10px;}
.s4_M_Img{width: 100%;/*! position: absolute; */height: 100%;display: block;}
.s4_M .de_t{position: absolute;top: 20px;left: 20px;}
.s5_M{
    max-width: 1220px; margin: 0 auto; 
     position: relative;
 }
 .s5_M .more-btn_M{position: absolute;right: 0;bottom: 10px;}
 .s5_M_Img{width: 100%;/*! position: absolute; */height: 100%;}
 .s5_M .de_t{position: absolute;top: 20px;left: 20px;}
 .s6{}
 .s6 img{width: 100%;height: 440px;}
 /***********************加盟政策**************************************/
 .s7{  background: url('../images/bg6.jpg');
  background-size: 100%;
  position: relative;
  padding-bottom: 0;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;}
 .s7_M{max-width: 1220px;margin: 0 auto;}
 .s7 .section-title {
    text-align: center;
    font-size: 28px;
    color: #333;
    margin-bottom: 2px;
    position: relative;
}
.s7 .section-en {
    text-align: center;
    font-size: 14px;
    color: #006837;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.s7 .policy-area {
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px;
    /*! padding: 0 50px; */
    margin: 0 -15px 30px;
}
.s7 .policy-card {
    width: 33%;
    height: 150px;
    background: #f5f5f5;
    /*! border: 1px solid rgba(128, 200, 128, 0.3); */
    border-radius: 4px;
    position: relative;
    margin: 0 15px;
}
.s7 .policy-card img{width: 100%;height: 100%;object-fit: cover;}
.s7 .process-area {
    margin-bottom: 60px;
    /*! padding: 0 100px; */
    margin-top: 40px;
}
.s7 .process-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
.s7 .process-card img{width: 100%;height: 100%;object-fit: cover;;}
.s7 .process-card {
    width: 23%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*! color: #666; */
    background: #f5f5f5;
    position: relative;
}
.s7 .process-number {
    font-size: 18px;
    width: 100%;
    text-align: center;
}
.s7 .process-name {
    font-size: 18px;
}

.s7 .support-area {
    /*! margin-bottom: 80px; */
    /*! padding: 0 50px; */
    margin: 0 -15px;
}
.s7 .support-cards {
    display: flex;
    justify-content: space-around;
}
.s7 .support-card {
    width: 33%;
    height: 150px;
    background: rgba(255, 255, 255, 0.8);
    /*! border: 1px solid rgba(128, 200, 128, 0.3); */
    border-radius: 4px;
    background: #f5f5f5;
    position: relative;
    margin: 0 15px;
}
.s7 .support-card img{width: 100%;height: 100%;object-fit: cover;}
.s7 .border_xian{height: 1px;background: #aaa;top: 50%;position: absolute;width: 100%;}
.s7 .card_t{display: flex;justify-content: center;flex-wrap: wrap;}
.s7 .card_b{}

.img-title {
            position: absolute; /* 绝对定位在图片上 */
            left: 0;
            bottom: 0; /* 标题在图片底部，可改为top/center */
            width: 100%;
            padding: 16px;
            background: linear-gradient(to top, rgba(0,0,0,0.7), transparent); /* 渐变背景更自然 */
            color: #fff; /* 文字白色 */
        }
.img-title a{color: #fff; /* 文字白色 */		}
/* 标题文字样式 */
        .img-title h3 {
            font-size: 18px;
            font-weight: 500;
            margin-bottom: 4px;
        }

        /* 副标题/描述（可选） */
        .img-title p {
            font-size: 14px;
            opacity: 0.9;
        }		
.card_M .content{
	font-size: 14px;
line-height: 2;	
	}
.card_M .content img{
 display: block;        /* 将图片作为块级元素处理 */
  margin-left: auto;     /* 自动左边距 */
  margin-right: auto;    /* 自动右边距 */
  max-width: 100%;       /* 图片最大宽度自适应容器 */
  height: auto;          /* 保持图片原始宽高比 */
  margin-top: 20px;
  margin-bottom: 20px;
	}	
	
@media (max-width: 1680px) {
    .banner{ height: 84vh;}
    .banner-text{}
    .banner_title{
        margin-top: 50px;
    }
}
@media (max-width: 1440px) {
    .top_M {
        height: auto;
        min-height: 600px; 
        max-height: 100vh;
    }
    
    .banner-content{margin: 0 20px;}
    .banner{height: auto;}
    .banner-text{height: auto; bottom:0;}
    .banner_title {
        margin-top: 80px;
    }
    header {
        padding: 15px 50px 15px 20px;
    }
    nav {
        margin-left: 10%;
    }
    nav ul li {
        margin: 0 30px;
    }
    .banner_title h1 {
        font-size: 80px;
    }
    .banner_title h2 {
        font-size: 50px;
        margin-left: 40px;
    }
    
.s6 img{height: 100%;}
}
.s8{background: #f5f5f5;padding: 40px;}
.s8M{}
.s8 .bottom-text {
    text-align: center;
    font-size: 16px;
    color: #282828;
    line-height: 1.8;
    max-width: 800px;
    margin: 0 auto 40px;
    /*! padding-top: 40px; */
}
.s8 .bottom-note {
    text-align: center;
    font-size: 14px;
    color: #282828;
    margin-top: 30px;
}
@media (max-width: 992px) {
    header {
        padding: 15px 30px 15px 20px;
        flex-wrap: wrap; 
    }
    .logo img {
        width: 80px;
    }
    .logo{display: flex;justify-content: center;align-items: center;margin: 0 auto;}
    nav {
        margin-left: 0;
        width: 100%;
        margin-top: 15px;
    }
    nav ul {
        justify-content: center;
    }
    nav ul li {
        margin: 0 20px;
    }
    .banner_title {
        margin-top: 60px;
    }
    .banner_title h1 {
        font-size: 60px;
        letter-spacing: 3px;
    }
    .banner_title h2 {
        font-size: 40px;
        margin-left: 30px;
        letter-spacing: 3px;
    }
    .banner_title h1 .bom {
        margin-left: 30px;
    }
    .stats-bar {
        flex-wrap: wrap;
        /*! gap: 15px; */
        padding: 20px;
    }
    .stat-item {
        width: 48%;
        justify-content: center;
        margin-bottom: 10px;
    }
    .stat-number {
        font-size: 40px;
    }
    .stat-desc {
        left: 0;
        top: 0;
        margin-left: 8px;
    }
    .stat-number span {
        font-size: 18px;
        /*! top: 15px; */
    }
    .top_M {
        min-height: 500px; 
        max-height: 90vh; 
    }
    .banner{padding: .2rem 0;}
    .banner-text{margin-top: 20px;}
    .s3 .right-section{width: 70%;}
}

@media (max-width: 768px) {
    header {
        padding: .1rem .2rem;
    }
    .logo img {
        width: 70px;
    }
    nav ul li {
        margin: 0 10px;
    }
    nav ul li a {
        font-size: 14px;
    }
    nav ul li a span:last-child {
        font-size: 10px;
    }
    .banner_title {
        margin-top: .4rem;
    }
    .banner_title h1 {
        font-size: 40px;
        letter-spacing: 2px;
    }
    .banner_title h2 {
        font-size: 28px;
        margin-left: .2rem;
        letter-spacing: 2px;
        bottom: 0;
    }
    .banner_title h1 .bom {
        margin-left: .2rem;
    }
    /* 统计栏改为单列 */
    .stats-bar {
        flex-direction: column;
        gap: .2rem;
        padding: .2rem;
    }
    .stat-item {
        width: 100%;
        justify-content: flex-start;
        padding: 0;
        border-bottom: 1px solid rgba(9,97,55,0.1);
        margin-bottom: 0;
    }
    .stat-item:last-child {
        border-bottom: none;
    }
    .stat-number {
        font-size: 35px;
        margin-right: .1rem;
        margin-bottom: .1rem;
    }
    .stat-desc {
        font-size: 12px;
        line-height: 1.4;
        background-color: transparent;
    }
    .banner-text {
        margin-top: 20px;
    }
    .top_M {
        min-height: 4rem; 
        max-height: 80vh;
        padding-bottom: 0;
    }
    .banner-content{
        margin: 0 .2rem;
    }
    /********************突破性创新**************************/
    .s1 {
    padding: .4rem;
    }
    
    
    .s1 .title {
    margin-top: .3rem;
    }
    .s1  .title .line {
    width: 100%;
    }
    
    .s1  .desc {
    margin: .2rem 0;
    }
    
    .s1 .desc .en {
    }
    
    .s1 .cards {
    margin: .3rem 0;
    }
    
    .s1 .card {
    width: 2rem;
    padding: .1rem;
    }
    
    .s1 .card h3 {
    font-size: 16px;
    }
    
    .s1 .card p {
    font-size: 12px;
    }
	.card_M .content p{
	font-size: 12px;	
	}
    
    .s1 .sugarcane {
    width: 65%;
    height: 4rem;
    left: 72%;
    }
    
    .card_M{
    min-height: 6rem;
    }
    
    .s1 .tags {
    bottom: -8px;
    }
    
    .s1 .tags span {
    gap: .1rem;
    font-size: 14px;
    }
    
    .s1 .tags img {
    width: .5rem;
    }
    
    .card_l{
    right: .6rem;
    z-index: 111;
    }
    .card3{
    left: 10%;
    }
    .development_M{padding: 0 .3rem;}
    .de_t {
    margin-left: .3rem;
    }
    
    .de_t .title {
    margin-bottom: .05rem;
    font-size: 30px;
    }
    
    .de_t .title-underline {
    width: 2rem;
    height: .08rem;
    margin-bottom: .2rem;
    }
    
    .development_M .development_l {
    gap: 0;
    flex-wrap: wrap;
    margin-bottom: .4rem;
    }
    
    .development_M .main-img {
    width: 100%;
    margin-bottom: 20px;
    }
    
    .development_M .right-section {
    width: 100%;
    }
    .development_M .development-title {
    width: 50%;
    margin-right: 0;
    padding: .1rem;
    }
    
    .development_M .timeline {
    padding: .4rem 0 .4rem .4rem;
    }
    .development_M .more-btn {
    margin-right: .2rem;
    padding: .1rem;
    }
    
    
    .development_M .time_t {
    margin-bottom: .2rem;
    }
    
    
    .development_M .time_b .timeline-item {
    margin-left: .2rem;
    width: 50%;
    }
    
    .development_M .time_b_x {
    margin-bottom: .2rem;
    }
    .s2M {
    padding: .4rem .2rem 0;
    }
    
    .s2 .honor-categories {
    margin: 0 .2rem;
    }
    
    .s2 .category {
    font-size: 17px;
    }
    
    .s2 .category .num {
    font-size: 20px;
    margin-right: .05rem;
    }
    
    .s2 .category::after {
    bottom: 0;
    left: -.2rem;
    }
    
    .s2 .honor-icons {
    margin-top: .2rem;
    margin-bottom: .3rem;
    padding: 0;
    }
    
    .s2 .honor-icon img {
    width: 100%;
    border-radius: .2rem;
    }
    
    .s2 .honor-icon {
    width: 100%;
    padding: .1rem;
    }
    
    .honor_Img img {
    width: 100%;
    margin-bottom: .3rem;
    }
    .s3 .certificates {
    }
    
    .s3 .subtitle {
    }
    
    .s3 .content {
    }
    
    .s3.certificates {
    }
    
    .s3 .certificates img {
    width: 6rem;
    }
    
    .s3 .right-section {
    }
    
    .s3 .info-card {
    padding: .3rem;
    }
    
    .s3 .info-title {
    font-size: 20px;
    }
    
    .s3 .institution {
    }
    
    .s3 .institution::before {
    }
    
    .s3 .authority {
    gap: .2rem;
    flex-wrap: wrap;
    }
    
    .s3 .authority .logo {
    width: .4rem;
    height: .4rem;
    }
    
    .s3 {
    }
    
    .s3_M {
    }
    
    .s3 .info_l {
    width: 100%;
    margin: 0;
    }
    
    .s3 .info_l .institution::before {
    }
    
    .s3 .info_r {
    width: 100%;
    }
    
    .s3 .info_M {
    flex-wrap: wrap;
    }
    .s3 .authority span{
    width: 80%;
}

.s7 .section-title {font-size: 24px;}

.s7 .section-en {font-size: 12px;margin-bottom: .3rem;}

.s7 .policy-area {margin-bottom: .2rem;padding: 0 .2rem;margin: 0 -.15rem .2rem;}

.s7 .policy-card {height: 1.5rem;}

.s7 .process-area {margin-bottom: .4rem;padding: 0 .4rem;margin-top: .4rem;}

.s7 .process-cards {gap: 10px;}

.s7 .process-card {width: 48%;height: auto;}

.s7 .process-number {font-size: 14px;}

.s7 .process-name {font-size: 14px;}

.s7 .support-card {height: 1.5rem;}
.s8 .bottom-text{font-size: 12px;}
.s8 .bottom-note{font-size: 10px;}
.s7 .support-area{margin: 0 .1rem;}
.development_M .event{font-size: 12px;}

.development_M .time_t .timeline-item::before {
    width: .1rem;
    height: .1rem;
    left: -.155rem;
    top: .2rem;
    }
    
    .development_M .time_t .xian {
    /* display: none; */
    height: 1.25rem;
    left: -.12rem;
    top: .3rem;
    }
    
    .development_M .time_b .xian {
    /*! display: none; */
    height: 1rem;
    top: -.2rem;
    left: -.15rem;
    }
    
    .development_M .time_b .timeline-item::after {
    left: -.2rem;
    width: .1rem;
    height: .1rem;
    /*! bottom: .2rem; */
    bottom: .15rem;
    }

}
@media (max-width: 740px) {
.development_M .time_t .timeline-item::before {
    width: .1rem;
    height: .1rem;
    left: -.155rem;
    top: .1rem;
    }
    
    .development_M .time_t .xian {
    display: none;
    height: 1.19rem;
    left: -.12rem;
    top: .3rem;
    }
    
    .development_M .time_b .xian {
    display: none;
    height: 1rem;
    top: -.2rem;
    left: -.15rem;
    }
    
    .development_M .time_b .timeline-item::after {
    left: -.2rem;
    width: .1rem;
    height: .1rem;
    bottom: .12rem;
    }

}
@media (max-width: 600px) {
        .development_M .time_t .xian {
        height: 1.3rem;
        }
    
    }
    @media (max-width: 575px) {
        .development_M .time_t .xian {
        height: 1.4rem;
        }
        .development_M .event{font-size: 11px;}
    }
    @media (max-width: 535px) {
        .development_M .time_t .xian {
        height: 1.75rem;
        }
    
    }
    @media (max-width: 520px) {
        .development_M .time_t .xian {
        height: 1.3rem;
        }
        .development_M .event{font-size: 10px;}
        .development_M .time_b .xian{height: 1.3rem;}
    
    }
    @media (max-width: 500px) {
        .development_M .time_t .xian {
        height: 1.85rem;
        }
    
    }
@media (max-width: 480px) {
    .card_M{min-height: 8rem;}
    .s1 .sugarcane{width: 65%;}
    
    .development_M .time_t .timeline-item::before {
        width: .1rem;
        height: .1rem;
        left: -.155rem;
        top: .15rem;
        }
        
        .development_M .time_t .xian {
        /* display: none; */
        height: 1.7rem;
        left: -.12rem;
        top: .3rem;
        }
        
        .development_M .time_b .xian {
        /*! display: none; */
        height: 1.1em;
        top: -.2rem;
        left: -.15rem;
        }
        
        .development_M .time_b .timeline-item::after {
        left: -.2rem;
        width: .1rem;
        height: .1rem;
        bottom: .2rem;
        }
    
}
@media (max-width: 440px) {
    .development_M .event{font-size: 9px;}
    .development_M .time_t .xian{height: 1.5rem;}
}