.main-content{
    background: #F4F9F8;
    padding-bottom: 5vw;
	margin-top:-66px;
}
.header-main {background: none;color:#fff; box-shadow: none;position: relative;z-index: 1000;}
.header-main a{color:#fff;}
.header-logo img{display:none;}
.header-logo .indexLogo{display:block;}

.search-btn {background:#fff;}
.banner {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    margin-bottom: 175px;
}
.banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-content {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: white;
    padding: 20px;
    border-radius: 10px;
}
.map-image{
    width: 145px;
}
.map-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-content p{
    font-size: 38px;
    font-weight: 500;
    line-height: 1;
    margin-top: 38px;
}

/*视频*/
.video-content-container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    margin-bottom: 6vw;
    /*aspect-ratio: 1920/705; !* 关键比例设置 *!*/
    --aspect-ratio: calc(705 / 1920 * 100%);
}
.video-content-container::before {
    content: '';
    display: block;
    padding-bottom: var(--aspect-ratio);
}
/* 视频容器 */
.video-container {
    flex: 0 0 74%;
    overflow: hidden;
    border-bottom-left-radius: 170px;
}
/* 内容容器 */
.content-container {
    flex: 0 0 26%;
    position: relative;
}
/*右边内容*/
.video-content-container .corner-container{
    position: absolute;
    width: 170px;
    height: 170px;
    background: radial-gradient(circle at 0% 100%, transparent 0, transparent 170px, #F4F9F8 170px);
    left: -170px;
}
.video-content-container .content-box{
    position: absolute;
    left: -34%;
    width: 134%;
    background: #F4F9F8;
    height: 100%;
    border-bottom-left-radius: 28%;
    padding: 0 55px;
}
.video-content-container .content-box .content-text{
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    justify-content: center;
    height: 100%;
}
.video-content-container .content-box .content-title{
    font-weight: 700;
    font-size: 2.4vw;
}
.video-content-container .content-box p{
    font-weight: 400;
    font-size: 1.4vw;
	font-size: clamp(16px, 1.4vw, 24px);
	text-align: justify;
}
.title-container{
    display: flex;
	align-items: center;
}
.title-container .title-icon{
    width: 40px;
    height: 53px;
    margin-right: 20px;
}
.title-container .title-icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.title-container h2{
    margin: 0;
}
.title-divider{
    min-height: 8px;
    background: #CDFA8A;
    width: 62px;
    border-radius: 4px;
    margin-top: 2.8vw;
    margin-bottom: 1.6vw;
}
.gradient-text {
    background: linear-gradient(90deg, #195732 0%, #98BF40 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*左边视频*/
.video-text{
    width: 100%;
    height: 100%;
    /*background: #00DD74;*/
}
.video-title{
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    color: #fff;
}
.video-player {
    position: relative;
    width: 100%;
    /*padding-bottom: 56.25%; !* 16:9 宽高比 *!*/
    padding-bottom: 49%;
    overflow: hidden;
}
/*.video-player::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: url('../images/video-bg01.jpg') center/cover no-repeat;*/
/*}*/
.play-btn {
	display:none;
    position: absolute;
    bottom: 10%;
    right: 16%;
    transform: translate(-50%, -50%);
    width: 84px;
    height: 84px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.play-btn:hover {
    transform: translate(-50%, -50%) scale(1.1);
}
.play-btn img {
    width: 100%;
    object-fit: contain;
}
.emphasize{
    font-weight: bold;
    font-size: 75px;
    line-height: 1.2;
}
.video-title h2{
    font-size: 35px;
    margin: 0;
}
.video-title .sub-title{
    font-size: 25px;
}
#mainVideo{
    width: 100%;
    position: absolute;
}


/*可持续发展*/
.sustainable-development{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    /*--aspect-ratio: calc(705 / 1920 * 100%);*/
    position: relative;
    height: 37vw;
    margin-top: 10vw;
}
.sustainable-development .sustainable-content{
    width: 25%;
    height: 100%;
    position: relative;
    z-index: 2;
}
.sustainable-development .sustainable-image{
     width: 75%;
}
.sustainable-development .corner-container{
    position: absolute;
    width: 170px;
    height: 170px;
    background: radial-gradient(circle at 100% 100%, transparent 0, transparent 170px, #F4F9F8 170px);
    right: -170px;
}
.content-box{
    position: absolute;
    /*left: 34%;*/
    width: 134%;
    background: #F4F9F8;
    height: 100%;
    border-bottom-right-radius: 28%;
    /*padding: 0 55px;*/
    z-index: 2;
}
.sustainable-image{
    position: relative;
    z-index: 1;
}
.sustainable-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.sustainable{
    height: auto;
    display: flex;
    justify-content: end;
    padding-right: 55px;
}
.sustainable .sustainable-content-text{
    /*width: 50%;*/
    display: flex;
    align-items: end;
    flex-direction: column;
}
.sustainable-icon{
    width: 3rem;
    margin-right: 1rem;
}
.sustainable-icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sustainable-content-text h2{
    font-size: 2.8125vw;
    margin: 0;
	color:#195732;
}
.sustainable-content-text p{
    font-size: 1.43vw;
	font-size: clamp(16px, 1.4vw, 24px);
	text-align: justify;
}
.sustainable-content-text a {
    width: 8.854vw;
	height: 2.6vw;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #de9e4a;
	border-radius: 2vw;
	margin-top: 1.5625vw;
	font-size: 1.322vw;
	color: #fff;
    transition: all 0.3s ease;
	width: 6.8vw;
    height: 2.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #de9e4a;
    border-radius: 2vw;
    margin-top: 1.5625vw;
    font-size: 1.1vw;
    color: #fff;
    transition: all 0.3s ease;
}
.sustainable-content-text a:hover {
    transform: scale(1.1);
}
}


@media (max-width: 1400px) {
    .title-container .title-icon{
        width: 25px;
        height: 33px;
        margin-right: 13px;
    }
    .content-box .content-title{
        font-weight: 700;
        font-size: 27px;
    }
    .content-box p{
        font-weight: 400;
        font-size: 14px;
    }
    .title-divider{
        height: 6px;
        background: #CDFA8A;
        width: 39px;
        border-radius: 3px;
        margin-top: 34px;
        margin-bottom: 15px;
    }

}
@media screen and (max-width:1024px){
header{
display:none;
}
.main-content{
margin-top:0 !important;
}
.banner{
height:225px !important;
margin-bottom:0px !important;
}
.banner-content p{
font-size:24px !important;
}
.map-image{
width:110px !important;
}
.video-content-container{
max-width:initial !important;
--aspect-ratio:initial !important;
padding:15px 30px;
flex-wrap:wrap;
flex-direction:column-reverse;
}
.content-container,.video-container{
width:100% !important;
flex:none !important;
}
.video-content-container .content-box{
position:initial !important;
width:100% !important;
padding:0 !important;
}
.video-container{
border-radius:5px !important;
margin-top:20px ;
}
.title-container .title-icon{
width:30px !important;
height:auto !important;
display:none !important;
}
.video-content-container .content-box .content-title{
font-size:22px !important;
color:rgba(0,0,0,0.9) !important;
}
.title-divider{
margin:20px 0!important;
display:none !important;
}
.video-content-container .content-box p{
font-size:16px !important;
}
.technology-title h2{
font-size:22px !important;
}
.technology-title .title-icon{
width:20px !important;
line-height: normal;
        font-size: 31px;
}
.title-slogan{
font-size:18px !important;
}
.pub-planting-solutions-title-en{
font-size:22px !important;
}
.sustainable-development{
height:auto !important;
max-width:initial !important;
flex-direction:column-reverse;
}
.sustainable-image{
display:none ;
}
.sustainable-development{
margin-top:15px !important;
}
.sustainable-development .sustainable-content,.sustainable-development .sustainable-image{
width:100%;
}
.content-box,.sustainable-development .corner-container,.absolute-center{
position:initial !important;
transform:translate(0) !important;
}
.content-box{
width:100% !important;
margin-top:20px;
}
.corner-container{
display:none;
}
.sustainable{
padding:0 30px !important;
}
.flex-end{
    width: 100%;
    justify-content: flex-start;
}
.sustainable-content-text h2{
font-size:18px;
}
.title-divider{
width:50px;
}


.sustainable-content-text a{
width:100px !important;
font-size:14px; !important;
height:35px !important;
margin-top:15px !important;
margin-bottom:30px !important;
border-radius:99px;
}
.sustainable .sustainable-content-text{
align-items:flex-start !important;
}
.sustainable-content-text p{
font-size:16px !important;
}
.title-container{
margin-bottom:20px ;
justify-content: center;
}
.sustainable-icon{
width:40px;
display:none;
}
.banner-content .container{
display:none;
}
.main-title.flex-end{
margin-bottom:20px !important;
justify-content: center;
}
.chixuBox{
margin-bottom:15px;
display:block !important;
}
.chixuBox img{
width:100%;
}

}

