.brand_banner{
	width: 100%;
	height: 100vh;
	position: relative;
}
.brand_bk{
	width: 100%;
	height: 100vh;
	object-fit: cover;
}
.brand_banner_text{
	position: absolute;
	top: 50%;
	left: 1rem;
	transform: translateY(-50%);
	z-index: 5;
	color: #fff;
}
.bbt_t1{
	font-size: 0.67rem;
	font-family: 'Montserrat-Bold';
	overflow: hidden;
}
.bbt_t2{
	font-size: 0.38rem;
	margin-top: 0.15rem;
	line-height: 1.4;
	overflow: hidden;
}
.bbt_t1 span, .bbt_t2 span{
	display: block;
	transform: translateY(100%);
	opacity: 0;
	transition: all .8s;
}
.bbt_t2 span{
	transition-delay: .2s;
}
.brand_banner_text._into .bbt_t1 span{
	transform: translateY(0%);
	opacity: 1;
}
.brand_banner_text._into .bbt_t2 span{
	transform: translateY(0%);
	opacity: 1;
}

.brand_banner_line{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.brand_banner_line div{
	background-color: rgb(254, 118, 0);
	width: 50%;
	height: 3px;
	margin-top: 0.06rem;
}








.overview_box{
	height: 900vh;
	width: 100%;
}
.ov_s_ping{
	position: sticky;
	top: 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 13vh 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	transition: all 1s;
}
.ov_s_ping._black{
	background-color: #000;
}
.overview_line div{
	width: 0.5rem;
	background-color: rgb(254, 118, 0);
	height: 4px;
	margin: 4px;
	-webkit-clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
	clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
	transition: all .7s;
}
.overview_line._into div{
	-webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
	clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
}
.overview_title{
	font-size: 0.5rem;
	font-family: 'Montserrat-Bold';
	margin-top: 7vh;
	letter-spacing: 1px;
	transition: all 1s;
}
.overview_title._black{
	color: #fff;
}
.overview_title._op0{
	opacity: 0 !important;
	pointer-events: none;
}

.ov_num_box{
	position: relative;
	margin-top: 13vh;
}
.ov_num{
	font-family: 'Montserrat-Bold';
	text-align: center;
	color: transparent;
	position: relative;
	z-index: 1;
}
/* 数字滑动 */
.mmmn_box{
	display: flex;
	position: relative;
	align-items: center;
	transition: all .5s;
}
.mmmn{
	overflow: hidden;
	position: relative;
	width: 2rem;
	height: 3rem;
}
.mmmn::after{
	content: '0 1 2 3 4 5 6 7 8 9';
    display: block;
    transition: 1.5s cubic-bezier(0.0, 0.1, 0.58, 1.0), text-shadow 150ms;
	transition-delay: .4s;
	text-align: center;
	font-size: 3rem;
	line-height: 3rem;
	font-weight: 700;
}
.mmmn_box.plan_2{
	transform: scale(1.2);
}
.mmmn_box.plan_3{
	transform: scale(1);
}
.mmmn_box.plan_4{
	transform: scale(1.2);
}
.mmmn_box.plan_5{
	transform: scale(1);
}
.mmmn_box.plan_6{
	transform: scale(1.2);
}
.mmmn_box.plan_7{
	transform: scale(1);
}
.mmmn_box.plan_8{
	transform: scale(1.2);
}
.mmmn_box.plan_9{
	transform: scale(1);
}
.plan_1 .mmmn::after{
	color: #444;
}
.plan_2 .mmmn::after{
	color: rgb(221, 221, 221);
}
.plan_3 .mmmn::after{
	color: rgb(255, 255, 255);
}
.plan_4 .mmmn::after{
	color: rgb(54, 54, 54);
}
.plan_6 .mmmn::after{
	color: rgb(221, 221, 221);
}

.mmmn_box.active .mmmn[data-val="0"]::after{
	transform: translateY(0rem);
}
.mmmn_box.active .mmmn[data-val="1"]::after{
	transform: translateY(-3rem);
}
.mmmn_box.active .mmmn[data-val="2"]::after{
	transform: translateY(-6rem);
}
.mmmn_box.active .mmmn[data-val="3"]::after{
	transform: translateY(-9rem);
}
.mmmn_box.active .mmmn[data-val="4"]::after{
	transform: translateY(-12rem);
}
.mmmn_box.active .mmmn[data-val="5"]::after{
	transform: translateY(-15rem);
}
.mmmn_box.active .mmmn[data-val="6"]::after{
	transform: translateY(-18rem);
}
.mmmn_box.active .mmmn[data-val="7"]::after{
	transform: translateY(-21rem);
}
.mmmn_box.active .mmmn[data-val="8"]::after{
	transform: translateY(-24rem);
}
.mmmn_box.active .mmmn[data-val="9"]::after{
	transform: translateY(-27rem);
}
.mmmn_s{
	font-size: 0.25rem;
	margin-top: 0.1rem;
}


/* 距离提升 */
.overview_line{
	transform: translateY(15vh);
	transition: all 1s;
}
.overview_title{
	transform: translateY(20vh) scale(1.7);
	opacity: 0;
	font-size: 1.1rem;
	transition: all 1s;
	transition-delay: .2s;
}
.ov_num_box{
	transform: translateY(20vh);
	opacity: 0;
	transition: all 1s;
	transition-delay: .4s;
}
.ov_num_box._op0{
	opacity: 0 !important;
	pointer-events: none;
}

.overview_box.active .overview_line{
	transform: translateY(0);
}
.overview_title._into{
	transform: translateY(20vh) scale(1);
	opacity: 1;
}
.overview_box.active .overview_title{
	font-size: 0.55rem;
	transform: translateY(0vh);
}
.overview_box.active .ov_num_box{
	transform: translateY(0vh);
	opacity: 1;
}

.ov_text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	z-index: 5;
	font-size: 0.42rem;
	font-family: 'Montserrat-Bold';
	width: 130%;
	height: 50vh;
}
.ov_text div{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	opacity: 0;
	transition: all 1s;
}
.ov_text div.active{
	opacity: 1;
}

.ov_other_text{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70%;
	transform: translate(-50%,-50%);
	text-align: left;
	color: #444;
	font-family: 'Montserrat-Bold';
	opacity: 0;
	transition: all 1s;
	line-height: 1.7;
	letter-spacing: 1px;
	width: 60%;
	font-size: 0.33rem;
}
.ov_other_text.active{
	opacity: 1;
}


/* 横向滚动 */
.cro_ping_box{
	width: 100%;
	height: 1500vh;
	position: relative;
}
.cro_ping_min{
	position: sticky;
	top: 0;
	height: 100vh;
	width: 100vw;
	overflow: hidden;
}
.cro_ping{
	display: flex;
	width: auto;
}
.cro_ping_1{
	width: 88vw;
	background-color: #000;
	height: 100vh;
	position: relative;
}
.cro_p1_text{
	position: absolute;
	font-size: 2.2rem;
	line-height: 1.55rem;
	top: 50%;
	left: 30%;
	transform: translate(-50%,-50%);
}
.cpt_1{
	color: #fff;
}
.cpt_2{
	color: rgb(255, 128, 3);
	position: relative;
	z-index: 2;
}
.cpt_3{
	color: #fff;
	margin-top: -0.3rem;
	position: relative;
	z-index: 1;
}
.cpt_4{
	color: rgb(255, 128, 3);
}
.cpt{
	font-family: 'Montserrat-Bold';
	overflow: hidden;
	display: flex;
	align-items: center;
}
.cpt span{
	transform: translateY(100%);
	transition: all .8s;
	display: block;
}
.cpt span:nth-of-type(1){
}
.cpt span:nth-of-type(2){
	transition-delay: .2s;
}
.cpt span:nth-of-type(3){
	transition-delay: .4s;
}
.cpt span:nth-of-type(4){
	transition-delay: .6s;
}
.cpt._into span{
	transform: translateY(0%);
}

.cro_ping_2{
	background-color: rgb(255, 128, 3);
	padding: 0 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.cp2_t1{
	font-size: 1.2rem;
	color: #fff;
	white-space: nowrap;
	font-family: 'Montserrat-Bold';
}
.cp2{
	font-size: 0.4rem;
	color: #fff;
	margin-top: 0.15rem;
	transform: translateX(1rem);
	opacity: 0;
	transition: all .66s;
}
.cp2_t1{
	transform: translateX(1rem);
	opacity: 0;
	transition: all .66s;
}
.cp2_t2{
	margin-top: 0.3rem;
	transition-delay: .2s;
}
.cp2_t3{
	transition-delay: .4s;
}
.cp2_t4{
	transition-delay: .6s;
}
.cp2_t5{
	transition-delay: .8s;
}
.cp2_t_list._into .cp2_t1,
.cp2_t_list._into .cp2_t2,
.cp2_t_list._into .cp2_t3,
.cp2_t_list._into .cp2_t4,
.cp2_t_list._into .cp2_t5{
	transform: translateX(0rem);
	opacity: 1;
}

.cro_ping_3{
	
}
.cro_ping_3 img{
	height: 100vh;
	transform: translateX(4rem);
	transition: all 1.5s;
}
.cro_ping_3 img._into{
	transform: translateX(0rem);
}
.cro_ping_m{
	flex-shrink: 0;
}
.cro_ping_4{
	padding: 0 3rem 0 1.5rem;
	background-color: #000;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.cp4_t1{
	font-size: 1.2rem;
	color: #fff;
	white-space: nowrap;
	font-family: 'Montserrat-Bold';
	letter-spacing: 5px;
	transform: translateX(1rem);
	opacity: 0;
	transition: all .66s;
}
.cp4_t2{
	font-size: 0.37rem;
	color: #fff;
	margin-top: 0.15rem;
	transform: translateX(1rem);
	opacity: 0;
	transition: all .66s;
	transition-delay: .2s;
	line-height: 1.5;
}
.cp4_t_list._into .cp4_t1{
	transform: translateX(0rem);
	opacity: 1;
}
.cp4_t_list._into .cp4_t2{
	transform: translateX(0rem);
	opacity: 1;
}

/* 缩放 */
.zoom_img{
	position: relative;
	height: 200vh;
	width: 100%;
}
.zoom_ping{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: sticky;
	top: 0;
}
.zoom_i{
	position: relative;
	z-index: 0;
	height: 100vh;
	transform: scale(0.65);
	transition: all 1s;
}
.zoom_i video{
	width: 100%;
	height: 100vh;
	object-fit: cover;
}
.zoom_mask{
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100vh;
	opacity: 0;
	transition: all 1s;
	z-index: 1;
}
.zoom_text{
	position: absolute;
	top: 34%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	z-index: 2;
	color: #fff;
}
.zoom_t1{
	font-size: 1.2rem;
	letter-spacing: 0.06rem;
	white-space: nowrap;
	font-family: 'Montserrat-Bold';
	transform: translateY(1rem);
	opacity: 0;
	transition: all .77s;
}
.zoom_t2{
	font-size: 0.28rem;
	margin-top: 0.1rem;
	transform: translateY(1rem);
	opacity: 0;
	transition: all .77s;
	line-height: 1.5;
	width: 120%;
    margin-left: -10%;
	white-space: nowrap;
}
.zoom_ping._zoom1 .zoom_i{
	transform: scale(1);
}
.zoom_ping._into .zoom_mask{
	opacity: 1;
}
.zoom_ping._into .zoom_t1{
	transform: translateY(0rem);
	opacity: 1;
}
.zoom_ping._into .zoom_t2{
	transform: translateY(0rem);
	opacity: 1;
	transition-delay: .2s;
	white-space: nowrap;
}


.company_code{
	padding: 3rem 0.4rem 0rem 0;
	background-color: #000;
	position: relative;
}
.company_code_title{
	font-size: 0.66rem;
	font-family: 'Montserrat-Bold';
	text-align: center;
	color: #fff;
	transform: translateY(1rem);
	opacity: 0;
	transition: all 1s;
}
.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; */
}
.ccm_left._into img{
	/* transform: translate(0rem, 0rem) scale(1);
	clip-path: polygon(-180% 0, 100% 0, 100% 100%, -110% 100%); */
}
.ccm_right{
	width: 36%;
	margin-top: 1rem;
	transform: translateY(1rem);
	opacity: 0;
	transition: all 1s;
	transition-delay: .4s;
}

.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;
}
.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: #fff;
}
.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;
}
.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: rgb(254, 118, 0);
}


.ccj_btn{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0 2rem;
	height: 1.2rem;
	width: 45%;
	cursor: pointer;
	font-size: 0.24rem;
	transition: all 1s;
}
.ccj_btn img{
	width: 0.25rem;
	transition: all .5s;
}
.company_code_jump{
	margin-top: 1.2rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}
.ccj_btn_l img{
	transform: rotate(180deg);
}
.ccj_btn:hover{
	border-top: 1px solid rgb(255, 128, 3);
	border-bottom: 1px solid rgb(255, 128, 3);
	font-size: 0.26rem;
	color: #000;
}
.ccj_btn:hover img{
	transform: translateX(0.5rem);
}
.ccj_btn_l:hover img{
	transform: rotate(180deg) translateX(0.5rem);
}



/* 锚点 */
.anchor_box{
	position: fixed;
	bottom: 3.5rem;
	left: 0.4rem;
	opacity: 0;
	transition: all .5s;
}
.anchor_box.active{
	opacity: 1;
}
.anchor_min{
	display: flex;
	align-items: center;
	margin: 0.2rem 0;
	cursor: pointer;
}
.anm_roll{
	border-radius: 100%;
	width: 0.14rem;
	height: 0.14rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid transparent;
}
.anm_roll div{
	border-radius: 100%;
	width: 0.08rem;
	height: 0.08rem;
	background-color: rgb(146, 146, 140);
}
.anchor_min.active .anm_roll{
	border: 1px solid rgb(254, 118, 0);
}
.anchor_min.active .anm_roll div{
	background-color: rgb(254, 118, 0);
}
.anm_line{
	width: 0.3rem;
	height: 1px;
	background-color: rgb(146, 146, 140);
	margin: 0 0.05rem;
}
.anm_text{
	color: rgb(146, 146, 140);
	font-size: 0.16rem;
}
.anm_line, .anm_text{
	opacity: 0;
	transition: all .7s;
}
.anchor_min.active .anm_line, .anchor_min.active .anm_text{
	opacity: 1;
}
.anchor_box:hover .anm_line,
.anchor_box:hover .anm_text{
	opacity: 1;
}

.cro_ping_mb{
	display: none;
}


@media (max-width: 767px) {
	/* brand */
	.brand_banner_text {
	    left: 50%;
	    transform: translate(-50%,-50%);
		top: 28%;
	}
	.bbt_t2 span{
		white-space: nowrap;
	}
	.overview_title{
		font-size: 0.4rem;
	}
	.overview_box.active .overview_title{
		font-size: 0.42rem;
	}
	
	.mmmn_box.plan_2,
	.mmmn_box.plan_4,
	.mmmn_box.plan_6{
		transform: scale(1);
	}
	
	.mmmn::after{
		font-size: 2rem;
		line-height: 2rem;
	}
	.mmmn {
	    width: 1.3rem;
	    height: 2rem;
	}
	.mmmn_box.active .mmmn[data-val="0"]::after{
		transform: translateY(0rem);
	}
	.mmmn_box.active .mmmn[data-val="1"]::after{
		transform: translateY(-2rem);
	}
	.mmmn_box.active .mmmn[data-val="2"]::after{
		transform: translateY(-4rem);
	}
	.mmmn_box.active .mmmn[data-val="3"]::after{
		transform: translateY(-6rem);
	}
	.mmmn_box.active .mmmn[data-val="4"]::after{
		transform: translateY(-8rem);
	}
	.mmmn_box.active .mmmn[data-val="5"]::after{
		transform: translateY(-10rem);
	}
	.mmmn_box.active .mmmn[data-val="6"]::after{
		transform: translateY(-12rem);
	}
	.mmmn_box.active .mmmn[data-val="7"]::after{
		transform: translateY(-14rem);
	}
	.mmmn_box.active .mmmn[data-val="8"]::after{
		transform: translateY(-16rem);
	}
	.mmmn_box.active .mmmn[data-val="9"]::after{
		transform: translateY(-18rem);
	}
	.ov_text{
		font-size: 0.35rem;
	}
	.ov_text div{
		top: 100%;
	}
	
	.ov_other_text{
		width: 80%;
		line-height: 1.4;
	}
	
	
	
	.cro_ping_box{
		display: none;
	}
	.cro_ping_mb{
		position: relative;
		display: block;
	}
	.cro_pm{
		position: sticky;
		top: 0;
		height: 100vh;
		width: 100%;
		padding: 1rem 0.5rem;
	}
	.cro_pm_1{
		background-color: #000;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.cpmt{
		display: flex;
		align-items: center;
		position: relative;
		overflow: hidden;
	}
	.cpmt span{
		display: block;
		font-size: 1.6rem;
		line-height: 1.6rem;
		font-family: 'Montserrat-Bold';
	}
	.cpmt_1{
		color: #fff;
	}
	.cpmt_2{
		color: rgb(254, 118, 0);
		margin-top: -0.45rem;
		z-index: 2;
	}
	.cpmt_3{
		color: #fff;
		margin-top: -0.95rem;
		z-index: 1;
	}
	.cpmt_4{
		color: rgb(254, 118, 0);
		margin-top: -0.45rem;
	}
	.cpmt span{
		transform: translateY(100%);
		transition: all 1s;
	}
	.cpmt span:nth-of-type(1){
	}
	.cpmt span:nth-of-type(2){
		transition-delay: .2s;
	}
	.cpmt span:nth-of-type(3){
		transition-delay: .4s;
	}
	.cpmt._into span{
		transform: translateY(0%);
	}
	
	.cro_pm_2{
		background-color: rgb(254, 118, 0);
		padding: 10vh 0 1rem 0.5rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		color: #fff;
		margin-top: 50vh;
	}
	.cro_pm_3{
		background-color: #000;
		padding: 10vh 0 1rem 0.5rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		color: #fff;
		margin-top: 50vh;
	}
	.crom_t1{
		font-size: 0.7rem;
		line-height: 1rem;
		font-family: 'Montserrat-Bold';
		transform: translateY(1rem);
		opacity: 0;
		transition: all 1s;
	}
	.crom_t2{
		font-size: 0.36rem;
		margin-top: 0.3rem;
		transform: translateY(1rem);
		opacity: 0;
		transition: all 1s;
		line-height: 1.5;
		font-size: 0.32rem;
	}
	.crom_i img{
		transform: translateY(1rem);
		opacity: 0;
		transition: all 1s;
		width: 93%;
	}
	.crom_t._into .crom_t1{
		transform: translateY(0rem);
		opacity: 1;
	}
	.crom_t._into .crom_t2{
		transform: translateY(0rem);
		opacity: 1;
		transition-delay: .2s;
	}
	.crom_i._into img{
		transform: translateY(0rem);
		opacity: 1;
		transition-delay: .4s;
	}
	
	
	.zoom_t1{
		font-size: 0.63rem;
		letter-spacing: 1px;
	}
	.zoom_t2{
		width: 110%;
		margin-left: -5%;
		margin-top: 0.5rem;
		white-space: nowrap;
	}
	.zoom_text{
		top: 50%;
	}
	
	
	.company_code_title{
		font-size: 0.55rem;
	}
	.company_code{
		padding: 1.8rem 0.5rem 1rem;
	}
	.ccm_sw{
		margin-top: 0.5rem;
	}
	.ccm_sw .swiper-slide{
		background-color: #000;
	}
	.ccm_sw_t1{
		color: rgb(254, 118, 0);
		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: 1px;
	}
	.ccm_sw_page .swiper-pagination-bullet{
		background-color: rgba(255, 255, 255, 0.3);
		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;
	}
	.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;
	}
	
	.company_code_jump{
		margin-top: 0;
		padding-top: 1rem;
		padding-bottom: 1rem;
		background-color: rgb(244, 244, 244);
		margin-bottom: 0;
		/* background-color: #000; */
	}
	.ccj_btn {
	    padding: 0 0.5rem;
	    height: 1.2rem;
	    width: 48%;
	    cursor: pointer;
	    font-size: 0.24rem;
	    transition: all 1s;
		color: #fff;
		position: relative;
	}
	.ccj_btn_l:after{
		content: '';
		width: 1px;
		height: 40%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: -5%;
		background-color: #fff;
		display: block;
		opacity: 0;
	}
	.ccj_btn:hover{
		/* border-top: 0px solid transparent;
		border-bottom: 0px solid transparent; */
		font-size: 0.26rem;
		color: #fff;
	}
	.ccj_btn:hover img{
		transform: translateX(0.2rem);
	}
	.ccj_btn_l:hover img {
	    transform: rotate(180deg) translateX(0.2rem);
	}
	
	
	.anchor_box{
		display: none;
	}
	
	.ccj_btn div{
		color: #000;
	}
}