.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: 0.52rem;
    font-weight: bold;
	font-family: "p-bold";
}
.kv-d{
    color: #000;
    margin-top: 0.1rem;
    font-size: 0.24rem;
    width: 56%;
}
.kv-detail{
    position: absolute;
    bottom: 5%;
    left: 12%;
    color: #fff;
}
.kv-detail p{
    font-weight: bold;
    font-size: 0.32rem;
    margin-bottom: 0.12rem;
	font-family: "p-bold";
}
.kv-detail ul{

}
.kv-detail li{
    font-size: 0.2rem;
    list-style: disc;
    line-height: 0.28rem;
    font-weight: 330;
}
.kv-detail li span{
    font-weight: 450;
}

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

/* 文字动效 */
.text_in{
	opacity: 0;
	transform: translateY(1rem);
	transition: all 1s;
}
.text_in._into{
	opacity: 1;
	transform: translateY(0rem);
}





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


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

.ccmrm_tab_t{
	font-size: 0.3rem;
	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: 0.2rem;
}
.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: 0.2rem;
	font-size: 0.2rem;
	line-height: 0.3rem;
	position: relative;
	width: 100%;
}
.ccmrm_more div{
	transform: translateY(0.7rem);
	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: -0.15rem;
	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: 0.5rem;
	padding-left: 10%;
}
.ccm_right_min.active{
	padding-bottom: 0rem;
}
.ccm_right_min.active .ccmrm_more div{
	padding-bottom: 1rem;
	transform: translateY(0);
	opacity: 1;
}
.ccm_right_min.active .ccmrm_more::after{
	opacity: 1;
	bottom: 0.5rem;
}
.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(0.25rem);
} */
.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: 0.25rem;
        line-height: 0.38rem;
    }
    .esg-title{
        font-size: 0.48rem;
    }
    .kv-text{
        top: 4rem;
		left: 0.5rem;
    }
	.kv-d{
		margin-top: 0.15rem;
		width: 93%;
	}




	/* 东南类似 */
	.company_code_title{
		font-size: 0.55rem;
		padding: 0 0.5rem;
		color: #fff;
	}
	.company_code{
		padding: 1.8rem 0rem 1rem;
		background: #66513A;
	}
	.company_code_t{
		padding: 0 0.5rem;
		color: #fff;
		margin-top: 0.3rem;
	}
	.company_code_main_mb{
		padding: 0 0.5rem;
		background: #66513A;
	}
	.ccm_sw{
		margin-top: 0.5rem;
	}
	.ccm_sw .swiper-slide{
		background-color: #66513A;
	}
	.ccm_sw_t1{
		/* color: rgb(254, 118, 0); */
		color: #fff;
		margin-top: 0.7rem;
		font-size: 0.5rem;
		/* font-family: 'Montserrat-Bold'; */
	}
	.ccm_sw_t2{
		/* font-family: 'Montserrat-Bold'; */
		color: #fff;
		font-size: 0.3rem;
		margin-top: 0.15rem;
	}
	.ccm_sw_t3{
		color: #fff;
		font-size: 0.25rem;
		line-height: 0.38rem;
		margin-top: 0.2rem;
		height: 2.6rem;
	}
	.ccm_sw_page {
		display: flex;
		justify-content: center;
		margin-top: 0.2rem;
	}
	.ccm_sw_page span{
		width: 0.5rem;
		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(1rem);
		opacity: 0;
		transition: all 1s;
		transition-delay: .2s;
		width: 100%;
	}
	.ccm_sw._into .swiper-slide img{
		transform: translateY(0rem);
		opacity: 1;
	}
	.ccm_sw_t1, .ccm_sw_t2, .ccm_sw_t3{
		transform: translateY(1rem);
		opacity: 0;
		transition: all 1s;
	}
	.ccm_sw_t._into .ccm_sw_t1{
		transform: translateY(0rem);
		opacity: 1;
		transition-delay: .2s;
	}
	.ccm_sw_t._into .ccm_sw_t2{
		transform: translateY(0rem);
		opacity: 1;
		transition-delay: .4s;
	}
	.ccm_sw_t._into .ccm_sw_t3{
		transform: translateY(0rem);
		opacity: 1;
		transition-delay: .6s;
	}

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


}