.main-content{
    background-color: #F4F9F8;
}
/* 可持续发展模块样式 */
.section-rectangle {
    width: 145px;
    height: 20px;
    background: #89B929;
}
.section-title {
    color: #89B829;
    font-size: 2.26vw;
    font-weight: 700;
}
.section-content {
    color: #333;
    font-size: 1.4vw;
    line-height: 1.8;
    margin: 25px 0;
}
.section-divider {
    height: 1px;
    background: #969696;
    width: 100%;
    margin: 40px 0;
}
.sustainability-images{
    flex: 0 0 100%;
}
.sus-image{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.report-container {
    position: relative;
    margin: 60px 0 0 0;
    padding-bottom: 100px; /* 为底部背景图预留空间 */
}
.report-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*height: 45%;*/
    background: linear-gradient(90deg, rgba(1, 120, 27, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
    display: flex;
    align-items: center;
}
.header-content {
    padding: 6% 5% 2% 5%;
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}
.report-title {
    color: #fff;
    line-height: 1.2;
}
.title-main {
    display: inline-block;
    font-size: 3.7vw;
    font-weight: 700;
    background: #fff;
    padding: 15px 20px;
    margin-bottom: 12px;
    color: #3FA730;
}

.title-sub {
    display: block;
    font-size: 4.4vw;
    color: #fff;
    margin: 10px 0;
}

.title-en {
    display: block;
    font-size: 1.33vw;
    color: rgba(255,255,255,0.9);
    font-weight: 300;
}
.title-divider {
    width: 46px;
    height: 3px;
    background: #fff;
    margin: 25px 0;
}
.report-image {
    position: relative;
    z-index: 1;
    min-height: 766px;
}
.report-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.report-content{
    margin-top: 52px;
    z-index: 2; /* 确保内容在背景之上 */
}
.report-content p {
    font-size: 20px;
    font-weight: 400;
    line-height: 2;
    z-index: 2;
    position: relative;
}
.report-footer-bg {
    position: absolute;
    bottom: -100px; /* 向上偏移量 */
    left: 0;
    width: 100%;
    z-index: 1; /* 确保在内容下方 */
}
.report-footer-bg img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.system-section{
    background-color: #fff;
    position: relative;
    z-index: 3; /* 最高层级 */
    padding: 50px;
    border-radius: 8px;
}
.system-section h2{
    font-size: 25px;
    font-weight: 700;
    margin: 0;
}
.system-section p{
    font-size: 20px;
    font-weight: 400;
    line-height: 2;
    margin: 30px 0;
}
.system-divider {
    height: 1px;
    background: #969696;
    width: 100%;
    margin: 22px 0;
}

.system-content{
    width: 650px;
    border-right: 1px solid #969696;
    padding-right: 25px;
}
.system-content-image{
    width: 309px;
    align-self: flex-start;
}
.system-content-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.green-sustainability-section{
    margin-top: 56px;
    padding: 0;
}
.green-sustainability-section h2 {
    font-size: 25px;
    font-weight: 700;
    margin: 0 0 5px 0;
}
.green-sustainability-item:nth-child(4n+1) .green-sustainability-section h2{color:#6FBDB7;}
.green-sustainability-item:nth-child(4n+2) .green-sustainability-section h2{color:#89B827;}
.green-sustainability-item:nth-child(4n+3) .green-sustainability-section h2{color:#DB465B;}
.green-sustainability-item:nth-child(4n) .green-sustainability-section h2{color:#EDB118;}

.title-container {
    display: inline-block;
    position: relative;
    text-align: center;
}
.green-sustainability-divider {
    height: 1px;
    background: #969696;
    width: 100%;
    margin: 0px;
}
.title-icon {
    margin-bottom: -12px;
}
.green-sustainability-content{
    padding: 38px 24px;
}

.green-sustainability-content p{
    font-size: 20px;
    font-weight: 400;
    line-height: 2;
}
.green-sustainability-item{
    padding-bottom: 80px;
}

.green-sustainability-item:nth-child(4n+1) .green-sustainability-content {
    padding: 38px 24px;
    background: linear-gradient(0deg, #F4F9F8 0%, #D9EDEB 100%);
}
.green-sustainability-item:nth-child(4n+2) .green-sustainability-content {
    background: linear-gradient(0deg, #F4F9F8 0%, #DFECCF 100%);
}
.green-sustainability-item:nth-child(4n+3) .green-sustainability-content {
    background: linear-gradient(0deg, #F4F9F8 0%, #EFD6D9 100%);
}
.green-sustainability-item:nth-child(4n+4) .green-sustainability-content {
    background: linear-gradient(0deg, #F4F9F8 0%, #F3EBCC 100%);
}
.green-sustainability-item:nth-child(4n+1) h2 {
    color: #6FBDB7;
}
.green-sustainability-item:nth-child(4n+2) h2 {
    color: #89B827;
}
.green-sustainability-item:nth-child(4n+3) h2 {
    color: #DB465B;
}
.green-sustainability-item:nth-child(4n+4) h2 {
    color: #EDB118;
}
.green-sustainability-item:nth-child(4n+1) .title-icon {
    content: url(../../../assets/images/sustainability/triangle-blue.png);
}
.green-sustainability-item:nth-child(4n+2) .title-icon {
    content: url(../../../assets/images/sustainability/triangle-green.png);
}
.green-sustainability-item:nth-child(4n+3) .title-icon {
    content: url(../../../assets/images/sustainability/triangle-red.png);
}
.green-sustainability-item:nth-child(4n+4) .title-icon {
    content: url(../../../assets/images/sustainability/triangle-brown.png);
}
.sustainability-summary{
    margin: 0 auto;
    padding: 0;
}
.sustainability-summary p{
    font-size: 20px;
    font-weight: 400;
    line-height: 2;
}

.sustainability-summary-divider {
    height: 7px;
    background: #89B929;
    width: 131px;
    margin: 22px 0;
    border-radius: 3px;
}

/* 容器布局 */
.download-reports-container {
    display: flex;
    flex-wrap: wrap;
    margin: 120px auto;
}
.download-report-item {
    flex: 0 0 23%;
    margin:  0 2% 2% 0;
    max-width: 23%;
}
.report-download-image {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.download-report-item h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*font-weight: 400;*/
    font-size: 19px;
}
.download-link{
    font-size: 18px;
    font-weight: 400;
    text-decoration: underline;
    text-decoration-color: #636363;
    color: #636363;
}
.language-version{
    color: #89B829;
    font-size: 18px;
    font-weight: 400;
}

.case-section{
    padding-bottom: 100px;
}
.case-header h2{
    color: #89B829;
    font-size: 33px;
    font-weight: 700;
}
.case-divider {
    height: 1px;
    background: #969696;
    width: 100%;
    /*margin: 40px 0;*/
}

.case-container{
    display: flex;
    flex-wrap: wrap;
    gap: 5%;
}

.case-item {
    flex: 0 0 30%;
    box-sizing: border-box;
    margin: 30px 0;
    max-width: 30%;
}
.case-image{
    width: 100%;
    height: auto;
    object-fit: contain;
}
.case-actions span{
    color: #89B829;
    font-weight: 400;
    font-size: 19px;
    margin-right: 10px;
}
.read-icon{
    display: inline-block;
    width: 32px;
}
.read-icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.case-content h3{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}




.full-img {
      width: 100%;
      height: auto;
    }
    .text-normal{
      font-size: clamp(22px, 1.25vw, 24px);
      color: #1a1a1a;
    }
    .text-left{
      text-align: left;
    }
    .text-center{
      text-align: center;
    }
    .py80{
      padding: 80px 0;
    }
    .bg-dotted{
      background-image: url(../images/bg-dotted.png);
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center bottom;
    }
    .bg-dotted-top{
      background-image: url(../images/bg-dotted-top.png);
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center top;
    }
    .quality-report{
      width: 100%;
      height: 37.864vw;
      background-image: url(../images/left-book.jpg);
      background-size: 100%;
      background-repeat: no-repeat;
      position: relative;
    }
    .quality-report-text{
      position: absolute;
      left: 40%;
      top: 50%;
      transform: translateY(-50%);
    }
    .title{
      color: #bf9742;
      font-size: clamp(34px, 2.1875vw, 42px);
	  font-weight:700;
    }
    .en-title{
      color: #1a1a1a;
      font-size: clamp(36px, 2.34375vw, 45px);
    }
    .bg-gary{
      background: url(../images/bg-gary.jpg) no-repeat center center / 100% 100%;
    }
    .con1{
      padding: 2.6vw 4.6875vw 5.88vw 4.6875vw;
      display: flex;
      align-items: center;
    }
    .con1-img{
      width: 35.16vw;
      height: 24vw;
    }
    .con1-text{
      flex: 1;
      margin-left: 4.48vw;
      height: 24vw;
      border-bottom: 1px solid #ced2d2;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .con2-box{
      background-color: #eff4f3;
      padding-top: 4vw;
    }
    .con2{
      padding: 2.9vw 4.6875vw 5.57vw 4.6875vw;
      display: flex;
      align-items: center;
    }
    .con2-img{
      width: 30.8vw;
      height: 30.8vw;
    }
    .con2-text{
      flex: 1;
      margin-left: 4.48vw;
      height: 30.8vw;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .con3-box{
      padding-bottom: 4.167vw;
    }
    .con3-item{
      display: flex;
      margin: 4.167vw auto 0 18.75vw;
	  position: relative;
	  padding-bottom:4vw;
    }
	.con3-item::after{
		position: absolute;
		content:"";
		height:1px;
		width:62.5vw;
		border-bottom: 1px solid #ced2d2;
		margin-top: 4.167vw;
		bottom: 0;
		left: 0;
	}
	.con3-item:last-child::after{
		display:none;
	}
    .con3-img{
      width: 21.2vw;
      height: min-content;
    }
    .con3-content{
      margin-left: 4.48vw;
      flex: 1;
    }
    .con3-title-box{
      display: flex;
      align-items: center;
    }
    .con3-icon{
      width: 2.5vw;
      height: 2.5vw;
    }
    .con3-title{
      font-size: clamp(32px, 2.08vw, 40px);
      color: #103029;
      margin-left: 0.9375vw;
      font-weight: 700;
    }
    .con3-desc{
      color: #bf9742;
      font-weight: 700;
      font-size: clamp(22px, 1.25vw, 24px);
      margin-top: 1.56vw;
    }
    .con3-text{
      font-size: clamp(22px, 1.25vw, 24px);
      color: #1a1a1a;
      margin-top: 2.08vw;
    }
.downloab-box{
      width: 62.5vw;
      display: flex;
      justify-content: space-between;
      margin: auto;
      padding: 5.2vw 0;
flex-wrap:wrap;
    }
    .downloab-item{
      width: 14.48vw;
margin-bottom:15px;
    }
    .downloab-img{
      width: 14.48vw;
      height: 20.416vw;
    }
    .downloab-title{
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-weight: 400;
      font-size: clamp(17px, 1vw, 22px);
      line-height: 100%;
      margin: 1vw 0 0.5vw 0;
    }
    .downloab-desc{
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .downloab-desc-link{
      font-size: clamp(16px, 0.9375vw, 20px);
      color: #646464;
      text-decoration: underline;
    }
    .language-version{
      font-size: clamp(16px, 0.9375vw, 20px);
      color: #89b929;
    }
@media screen and (max-width:1024px){
.bg-dotted{
padding: 30px!important;
font-size:16px !important;
text-align:justify;
}
.con3-box{
padding:0 30px;

}
.con3-item{
flex-wrap:wrap;
margin:10px 0 !important;
}
.con3-img,.con3-content{
width:100%;
}
.con3-img{
margin-bottom:15px;
display:none;
}
.con3-content{
margin-left:0 !important;
}
.downloab-box{
width:100% !important;
padding:15px !important;
flex-wrap:wrap;
display:none !important;

}
.downloab-item{
width:48%;
}
.downloab-img{
width:100% !important;
height:auto !important;
}
.downloab-title{
margin-top:10px !important;
}
.con2,.con1{
flex-wrap:wrap;
}
.con2-img,.con1-img{
width:100% !important;
height:auto !important;
}
.con2-text{
height:auto !important;
margin-top:15px;
margin-left:0 !important;
}
.title{
padding:0 15px !important;
font-size:16px !important;
}
.con1-text{
margin-left:0 !important;
margin-top:15px ;
height:auto !important;
padding-bottom:15px;
}
.quality-report{
height:auto !important;
padding:30px !important;
        background-position: right;
background-size: cover;
}
.quality-report-text{
position:initial !important;
transform:translateY(0) !important;
}
.bg-dotted-top{
padding: 30px !important;
}
.quality-report-text,.bg-dotted-top,.con1-text,.con2-text,.con3-desc,.con3-text{
font-size:16px ;
text-align: justify;
}
.con3-icon{
width:20px;
height:20px;
margin-right:7px;
}
.con3-title{
font-size:20px !important;
}
.con3-item::after{
display:none;
}
.con2, .con1{
padding:15px 30px !important;
}
.con3-item:last-child{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}



}