.kv{
    width: 100%;
    height: 100%;
    position: relative;
}
.kv img{
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
}
.kv-text{
    position: absolute;
    left: 10%;
    /* transform: translateX(-50%) !important; */
    top: 12%;
    text-align: left;
}
.kv-t{
    color: #000;
    font-size: calc(var(--section-font-size) * 0.52)  ;
    font-weight: bold;
	/*font-family: "p-bold";*/
}
.kv-d{
    color: #000;
    margin-top: calc(var(--section-font-size) * 0.1)  ;
    font-size: calc(var(--section-font-size) * 0.24)  ;
    width: 56%;
}
.kv-detail{
    position: absolute;
    bottom: 5%;
    left: 12%;
    color: #fff;
}
.kv-detail p{
    font-weight: bold;
    font-size: calc(var(--section-font-size) * 0.32)  ;
    margin-bottom: calc(var(--section-font-size) * 0.12)  ;
	/*font-family: "p-bold";*/
}
.kv-detail ul{

}
.kv-detail li{
    font-size: calc(var(--section-font-size) * 0.2)  ;
    list-style: disc;
    line-height: calc(var(--section-font-size) * 0.28)  ;
    font-weight: 330;
}
.kv-detail li span{
    font-weight: 450;
}

.section01{
    color: rgb(102,82,58);
    padding: calc(var(--section-font-size) * 0.7)   calc(var(--section-font-size) * 3)  ;
    text-align: center;
}
.section01 div:nth-of-type(1){
    font-size: calc(var(--section-font-size) * 0.46)  ;
    font-weight: bold;
    margin-bottom: calc(var(--section-font-size) * 0.1)  ;
}
.section01 div:nth-of-type(2){
    font-size: calc(var(--section-font-size) * 0.22)  ;
}

/* 文字动效 */
.text_in{
	opacity: 0;
	transform: translateY(calc(var(--section-font-size) * 1)  );
	transition: all 1s;
}
.text_in._into{
	opacity: 1;
	transform: translateY(calc(var(--section-font-size) * 0)  );
}





/* 东南类似 */
.company_code{
	padding: calc(var(--section-font-size) * 1)   calc(var(--section-font-size) * 0)   calc(var(--section-font-size) * 0)   0;
	background-color: #f7f7f7;
	position: relative;
}
.company_code_title{
	font-size: calc(var(--section-font-size) * 0.46)  ;
    font-weight: bold;
	text-align: center;
	color: #66513A;
	transform: translateY(calc(var(--section-font-size) * 1)  );
	opacity: 0;
	transition: all 1s;
	/*font-family: "p-bold";*/
}
.company_code_t{
    font-size: calc(var(--section-font-size) * 0.22)  ;
    text-align: center;
	color: #66513A;
    margin-top: calc(var(--section-font-size) * 0.1)  ;
}
.company_code_main_sy{
	position: relative;
	height: 300vh;
}
.company_code_main{
	display: flex;
	justify-content: space-between;
	align-it  s: flex-start;
	margin-top: calc(var(--section-font-size) * 1.2)  ;
	height: 100vh;
	width: 100%;
	position: sticky;
	top: 0;
}
.ccm_left{
	width: 60%;
	overflow: hidden;
	position: relative;
	height: 100vh;
	overflow: hidden;
	transform: translateY(calc(var(--section-font-size) * 1)  );
	opacity: 0;
	transition: all 1s;
	transition-delay: .2s;
}
.ccm_left div{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
}
.ccm_left img{
	/* clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	transform: translate(calc(var(--section-font-size) * 0.2)  , calc(var(--section-font-size) * 0)  ) scale(1.01);
	transition: all 1s;
	transition-delay: .2s; */
	width: 100%;
}
.ccm_left._into img{
	/* transform: translate(calc(var(--section-font-size) * 0)  , calc(var(--section-font-size) * 0)  ) scale(1);
	clip-path: polygon(-180% 0, 100% 0, 100% 100%, -110% 100%); */
}
/* .ccm_right{
	width: 40%;
	padding-top: calc(var(--section-font-size) * 1)  ;
	transform: translateY(calc(var(--section-font-size) * 1)  );
	opacity: 0;
	transition: all 1s;
	transition-delay: .4s;
	height: 100vh;
} */
.ccm_right{
	width: 100%;
	/* padding-top: calc(var(--section-font-size) * 1)  ; */
	transform: translateY(calc(var(--section-font-size) * 1)  );
	/* opacity: 0; */
	transition: all 1s;
	transition-delay: .4s;
	height: 100vh;
	position: absolute;
	z-index: 5;
	top: 1%;
}
.ccm_right-box{
	width: 40%;
	height: 100vh;
	position: relative;
}
.ccm_right-box img{
	width: 100%;
	height: 100vh;
}

.company_code_title._into{
	transform: translateY(calc(var(--section-font-size) * 0)  );
	opacity: 1;
}
.ccm_left._into{
	transform: translateY(calc(var(--section-font-size) * 0)  );
	opacity: 1
}
.ccm_right._into{
	transform: translateY(calc(var(--section-font-size) * 0)  );
	opacity: 1;
}


.ccmrm_tab{
	display: flex;
	justify-content: space-between;
	align-it  s: center;
	cursor: pointer;
}

.ccmrm_tab_t{
	font-size: calc(var(--section-font-size) * 0.3)  ;
	color: #fff;
	/*font-family: "p-bold";*/
}
.ccmrm_tab_t span{
	/* font-family: 'Montserrat-Bold'; */
}
.ccmrm_tab_i{
	position: relative;
	display: none;
}
.ccmrm_tab_i img{
	width: calc(var(--section-font-size) * 0.2)  ;
}
.ccmrm_tab_i img:nth-of-type(1){
	position: relative;
	opacity: 1;
}
.ccmrm_tab_i img:nth-of-type(2){
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.ccmrm_more{
	margin-top: calc(var(--section-font-size) * 0.2)  ;
	font-size: calc(var(--section-font-size) * 0.2)  ;
	line-height: calc(var(--section-font-size) * 0.3)  ;
	position: relative;
	width: 100%;
}
.ccmrm_more div{
	transform: translateY(calc(var(--section-font-size) * 0.7)  );
	opacity: 0;
	transition: all .7s;
	overflow: hidden;
	color: rgba(255, 255, 255, 1);
	width: 95%;
	font-weight: 300;
}
.ccmrm_more::after{
	content: '';
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.2);
	bottom: calc(var(--section-font-size) * -0.15)  ;
	left: 0;
	display: block;
	position: absolute;
	opacity: 1;
}
.ccm_right_min.active .ccmrm_tab_i img:nth-of-type(1){
	opacity: 0;
}
.ccm_right_min.active .ccmrm_tab_i img:nth-of-type(2){
	opacity: 1;
}

.ccm_right_min{
	padding-bottom: calc(var(--section-font-size) * 0.5)  ;
	padding-left: 10%;
}
.ccm_right_min.active{
	padding-bottom: calc(var(--section-font-size) * 0)  ;
}
.ccm_right_min.active .ccmrm_more div{
	padding-bottom: calc(var(--section-font-size) * 1)  ;
	transform: translateY(0);
	opacity: 1;
}
.ccm_right_min.active .ccmrm_more::after{
	opacity: 1;
	bottom: calc(var(--section-font-size) * 0.5)  ;
}
.ccm_right_min.close .ccmrm_more{
	height: 0;
}
.ccmrm_tab .ccmrm_tab_t{
	transition: all .6s;
}
/* .ccmrm_tab:hover .ccmrm_tab_t,
.ccm_right_min.active .ccmrm_tab_t{
	transform: translateX(calc(var(--section-font-size) * 0.25)  );
} */
.ccmrm_tab:hover .ccmrm_tab_t, .ccm_right_min.active .ccmrm_tab_t{
	color: #fff;
}








@media (max-width: 768px){
    .kv-t{
        white-space: nowrap;
    }
    .esg-detail{
        font-size: calc(var(--section-font-size) * 0.25)  ;
        line-height: calc(var(--section-font-size) * 0.38)  ;
    }
    .esg-title{
        font-size: calc(var(--section-font-size) * 0.48)  ;
    }
    .kv-text{
        top: calc(var(--section-font-size) * 4)  ;
		left: calc(var(--section-font-size) * 0.5)  ;
    }
	.kv-d{
		margin-top: calc(var(--section-font-size) * 0.15)  ;
		width: 93%;
	}




	/* 东南类似 */
	.company_code_title{
		font-size: calc(var(--section-font-size) * 0.55)  ;
		padding: 0 calc(var(--section-font-size) * 0.5)  ;
		color: #fff;
	}
	.company_code{
		padding: calc(var(--section-font-size) * 1.8)   calc(var(--section-font-size) * 0)   calc(var(--section-font-size) * 1)  ;
		background: #66513A;
	}
	.company_code_t{
		padding: 0 calc(var(--section-font-size) * 0.5)  ;
		color: #fff;
		margin-top: calc(var(--section-font-size) * 0.3)  ;
	}
	.company_code_main_mb{
		padding: 0 calc(var(--section-font-size) * 0.5)  ;
		background: #66513A;
	}
	.ccm_sw{
		margin-top: calc(var(--section-font-size) * 0.5)  ;
	}
	.ccm_sw .swiper-slide{
		background-color: #66513A;
	}
	.ccm_sw_t1{
		/* color: rgb(254, 118, 0); */
		color: #fff;
		margin-top: calc(var(--section-font-size) * 0.7)  ;
		font-size: calc(var(--section-font-size) * 0.5)  ;
		/* font-family: 'Montserrat-Bold'; */
	}
	.ccm_sw_t2{
		/* font-family: 'Montserrat-Bold'; */
		color: #fff;
		font-size: calc(var(--section-font-size) * 0.3)  ;
		margin-top: calc(var(--section-font-size) * 0.15)  ;
	}
	.ccm_sw_t3{
		color: #fff;
		font-size: calc(var(--section-font-size) * 0.25)  ;
		line-height: calc(var(--section-font-size) * 0.38)  ;
		margin-top: calc(var(--section-font-size) * 0.2)  ;
		height: calc(var(--section-font-size) * 2.6)  ;
	}
	.ccm_sw_page {
		display: flex;
		justify-content: center;
		margin-top: calc(var(--section-font-size) * 0.2)  ;
	}
	.ccm_sw_page span{
		width: calc(var(--section-font-size) * 0.5)  ;
		border-radius: 0;
		height: 1.5px;
	}
	.ccm_sw_page .swiper-pagination-bullet{
		background-color: rgba(255, 255, 255, 0.35);
		opacity: 1;
	}
	.ccm_sw_page .swiper-pagination-bullet-active{
		background-color: rgba(255, 255, 255, 1);
	}
	
	.ccm_sw .swiper-slide img{
		transform: translateY(calc(var(--section-font-size) * 1)  );
		opacity: 0;
		transition: all 1s;
		transition-delay: .2s;
	}
	.ccm_sw._into .swiper-slide img{
		transform: translateY(calc(var(--section-font-size) * 0)  );
		opacity: 1;
	}
	.ccm_sw_t1, .ccm_sw_t2, .ccm_sw_t3{
		transform: translateY(calc(var(--section-font-size) * 1)  );
		opacity: 0;
		transition: all 1s;
	}
	.ccm_sw_t._into .ccm_sw_t1{
		transform: translateY(calc(var(--section-font-size) * 0)  );
		opacity: 1;
		transition-delay: .2s;
	}
	.ccm_sw_t._into .ccm_sw_t2{
		transform: translateY(calc(var(--section-font-size) * 0)  );
		opacity: 1;
		transition-delay: .4s;
	}
	.ccm_sw_t._into .ccm_sw_t3{
		transform: translateY(calc(var(--section-font-size) * 0)  );
		opacity: 1;
		transition-delay: .6s;
	}

	.swiper-container-horizontal>.swiper-pagination-bullets, 
	.swiper-pagination-custom, .swiper-pagination-fraction{
		position: relative;
	}


}