@media screen and (max-width:1023px)and (min-width:300px)
{

/*nav*/
.fc_nav_box{
	height: 8vh;
}

.fc_nav{
	width: 94%;
}

.fc_nav_logo img{
	height: 3vh;
	margin-top: 2.5vh;
}
.fc_nav_menu{
	width: 80%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.fc_nav_menu_ico{
	width: auto;
	height: 100%;
	display: flex;
	align-items:flex-end;
	padding: 4px 0;
	padding-bottom: 3px;
	margin-right: 3px;
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.fc_nav_menu_ico span{
	background: var(--OneColor);
	display: inline-block;
	border-radius: 20px;
	font-size: 0;
	width: 1px;
	height: 0%;
	margin-right: 3px;
}
.fc_nav_menu_text{
	font-size: 1.125rem;
	color: #a6a6a6;
	margin-right: 1.5rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fc_nav_lang{
	display: none;
}


/*footer*/
.footer_box{
	padding: 3vh 0;
}
.footer{
	width: 94%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.footer_logo{
	width: 100%;
	height: auto;
	text-align: center;
}
.footer_logo img{
	width: auto;
	height: 50px;
}
.footer_menu{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 2rem;
}
.footer_menu_item{
	width: 50%;
	height: auto;
	text-align: center;
}
	
.footer_menu_item:nth-child(3){
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 2rem;
}

.footer_menu_item_code_box{
	
	display: flex;
	flex-direction: row;
	justify-content: center;
}


.footer_copy{
	width: 94%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-top: 5rem;
	font-size: 1rem;
	color:rgba(255,255,255,0.2);
	text-transform: uppercase;
	text-align: center;
}

.gotop{
	width: auto;
	height: 50px;
	cursor: pointer;
	position: absolute;
	right: -40px;
	bottom: 20vh;
	z-index: 500;
	display: flex;
	flex-direction: row;
	justify-content: center;
	transform: rotate(90deg);
}

/*服务项目*/
.fc_fw_banner_box{
	width: 100%;
	height: 80vh;
	position: relative;
	background: #000000;
}

.fc_fw_banner{
	width: 90%;
	height: 100%;
}
.fc_fw_banner_title{
	font-size: 2.875rem;
}
.fc_fw_banner_line{
	margin: 2rem 0;
}
.fc_fw_banner_count{
	font-size: 1.25rem;
	color: rgba(255,255,255,0.36);
	margin-top: 3rem;
	position: relative;
	padding-left: 6rem;
	margin-bottom: 8rem;
	font-family: opm;
}
.fc_fw_banner_count:after{
	position: absolute;
	content: '';
	width: 5rem;
	height: 1px;
	background:#FFFFFF;
	left: 0;
	top: 50%;
}

.fc_fw_banner_menu_box{
	position: absolute;
	left: 0;
	bottom: 5vh;
	width: 100%;
	height: auto;
	border-top: 1px rgba(255,255,255,0.3) solid;
	border-bottom: 1px rgba(255,255,255,0.2) solid;
	z-index: 10;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.fc_fw_banner_menu{
	width: 94%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding: 1rem 0;
}
.fc_fw_banner_menu_item{
	width: 33.33%;
	height: 4rem;
	font-size: 1.125rem;
	color: #FFFFFF;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.fc_fw_banner_menu_item span{
	display: inline-block;
	width: 1.7rem;
	height: 1.7rem;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: left 0%;
	background-size:100% auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fc_fw_banner_menu_itemon span{
	background-position: left 100%;
}
.fc_fw_banner_menu_line{
	display: none;
}


/*右侧案例*/
.fc_case_box{
	width:100%;
	height: auto;
	padding-left: 3%;
	position: relative;
	padding-bottom: 0vh;
	padding-top: 4rem;
	overflow: hidden;
}
.fc_case_title{
	width:  94%;
	height: auto;
	position: absolute;
	overflow: hidden;
	top: 0rem;
	left: 3%;
}
.fc_case_title_en{
	text-transform: uppercase;
	color: rgba(255,255,255,0.1);
	font-family: gb;
	font-size: 4rem;
	position: relative;
	z-index: 0;
}
.fc_case_title_cn{
	color: rgba(255,255,255,1);
	font-family: opm;
	font-size: 1.875rem;
	position: absolute;
	
	bottom: 1rem;
	z-index: 5;
}

.fc_case_lbox{
	width: 100%;
	height: auto;
	position: relative;
}
.fc_case{
	width: 100%;
	height: calc(97vw * 0.45 * 858 / 573);
	position: relative;
	margin-top: 2rem;
}
.fc_case_item_back{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,1);
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	opacity: 0.7;
}
.fc_case>div{
	width: 19%;
	height: calc(97vw * 0.19 * 858 / 573);
	transform: scale(0);
	left: 20%;
	right: auto;
	bottom: 0;
	z-index: 0;
	opacity: 0;
	cursor: pointer;
	position: absolute;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.fc_case>div.fc_case_item_1{
	width: 45%;
	height: calc(97vw * 0.45 * 858 / 573);
}


.fc_case_item_title,.fc_case_item_con{
	display: none;
}
.fc_case_con{
	width: 94%;
	height: auto;
	padding-left: 1rem;
}
.fc_case_con_title{
	font-size: 1.312rem;
	color: #FFFFFF;
	font-family: opm;
	padding-top: 1rem;
}
.fc_case_con_des{
	font-size: 1.125rem;
	color: rgba(255,255,255,0.5);
	line-height: 160%;
	padding-top: 0.5rem;
}
.fc_case_btn{
	right: 3vw;
}

.fc_case_line{
	position: absolute;
	content: '';
	width: 1px;
	background: #FFFFFF;
	left: 0.5rem;
	bottom: -3.5rem;
	z-index: 20;
	height: 8rem;
}


/*左侧案例*/
.fc_case2_box{
	width: 100%;
	height: auto;
	padding-right: 3%;
	position: relative;
	padding-bottom: 0vh;
	padding-top: 4rem;
	overflow: hidden;
}
.fc_case2_title{
	width: 94%;
	height: auto;
	position: absolute;
	overflow: hidden;
	top: 0;
	right: 3%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.fc_case2_title_en{
	text-transform: uppercase;
	color: rgba(255,255,255,0.1);
	font-family: gb;
	font-size: 4rem;
	position: relative;
	z-index: 0;
}
.fc_case2_title_cn{
	color: rgba(255,255,255,1);
	font-family: opm;
	font-size: 1.875rem;
	position: absolute;
	bottom: 1rem;
	z-index: 5;
}

.fc_case2_lbox{
	width: 100%;
	height: auto;
	position: relative;
}
.fc_case2{
	width: 100%;
	height: calc(97vw * 0.45 * 858 / 573);
	position: relative;
	margin-top: 2rem;
}
.fc_case2_item_back{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,1);
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	opacity: 0.7;
}
.fc_case2>div>img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: relative;
	z-index: 0;
}
.fc_case2>div{
	width: 19%;
	height: calc(97vw * 0.19 * 858 / 573);
	transform: scale(0);
	right: 20%;
	left: auto;
	bottom: 0;
	z-index: 0;
	opacity: 0;
	cursor: pointer;
	position: absolute;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fc_case2>div.fc_case2_item_1{
	
	width: 45%;
	height: calc(97vw * 0.45 * 858 / 573);
}



.fc_case2_item_title,.fc_case2_item_con{
	display: none;
}
.fc_case2_con_box{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.fc_case2_con{
	width: 94%;
	height: auto;
	padding-right: 1rem;
}
.fc_case2_con_title{
	font-size: 1.312rem;
	color: #FFFFFF;
	font-family: opm;
	padding-top: 1rem;
	text-align: right;
}
.fc_case2_line{
	position: absolute;
	content: '';
	width: 1px;
	background: #FFFFFF;
	right: 0.5rem;
	bottom: -3.5rem;
	z-index: 20;
	height: 8rem;
}



/*居中案例*/
.fc_case3_box{
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 0vh;
	overflow: hidden;
}
.fc_case3_title{
	width: 94vw;
}
.fc_case3_title_en{
	font-size: 4rem;
}
.fc_case3_title_cn{
	font-size: 1.875rem;
}

.fc_case3_lbox{
	width: 100%;
	height: auto;
	position: relative;
}
.fc_case3{
	width: 100%;
	height: calc(100vw * 0.74 * 572 / 1019 + 10vh);
	position: relative;
	overflow: hidden;
	perspective: 1500px;
}
.fc_case3>div{
	width: 74%;
	height: calc(100vw * 0.74 * 572 / 1019);
	transform: scale(0);
	z-index: 0;
	left: 100%;
	opacity: 0;
	cursor: pointer;
	position: absolute;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	top: 5vh;
}
.fc_case3>div>img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: relative;
	z-index: 0;
}

.fc_case3>div.fc_case3_item_2>div{
	background: rgba(0,0,0,0);
}
.fc_case3>div.fc_case3_item_1{
	opacity: 1;
	left: -58%;
	transform: rotateY(45deg) scale(1.1);
	/*transform: rotateY(45deg) scale(0.95) translateX(-65%);*/
}
.fc_case3>div.fc_case3_item_2{
	transform: scale(1);
	opacity: 1;
	left: 13%;
	cursor: default;
}
.fc_case3>div.fc_case3_item_3{
	opacity: 1;
	left: 84%;
	transform: rotateY(-45deg) scale(1.1);
	/*transform: rotateY(-45deg) scale(0.95) translateX(65%);*/
}


.fc_case3_item_title,.fc_case3_item_con{
	display: none;
}

.fc_case3_con{
	width: 74%;
	height: auto;
	margin: 0 auto;
	padding-left: 1rem;
	transform: translateY(-2.5rem);
}
.fc_case3_con_title{
	font-size: 1.312rem;
}

.fc_case3_btn{
	width: auto;
	height: auto;
	position: absolute;
	top: calc(100vw * 0.74 * 572 / 1019 * 1.1 + 4rem);
	bottom: auto;
	z-index: 20;
	right: 1%;
	border: 1px #4d4d4d solid;
	border-radius: 100px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 1px 5px;
	padding-top: 6px;
}

.fc_case3_btn span svg{
	width: 15px;
	height: 15px;
	fill:#ffffff;
	margin: 0 5px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	cursor: pointer;
}
.fc_case3_btn span:hover svg{
	fill:var(--OneColor);
}
.fc_case3_btn_pre svg{
	transform: rotate(180deg);
}
.fc_case3_line{
	position: absolute;
	content: '';
	width: 2px;
	background: #FFFFFF;
	left: calc(13% + 0.5rem);
	bottom: 0rem;
	z-index: 20;
	height: 10rem;
}


/*关于我们*/
.fc_ab_banner_box{
	width: 100%;
	height: 60vh;
	position: relative;
	background: #000000;
}

.fc_ab_banner{
	width: 90%;
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 5;
}

.fc_ab_banner_title{
	font-size: 4rem;
}
.fc_ab_banner_left{
	position: absolute;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	width: 52px;
	height: auto;
	left: 0px;
	bottom: 10rem;
}

.fc_ab_js{
	width: 94%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	padding-bottom: 12vh;
}
.fc_ab_js_left{
	width: 100%;
	height: auto;
	position: relative;
}

.fc_ab_js_left_en{
	font-size: 8rem;
	font-family: gb;
	color: rgba(255,255,255,0.1);
}
.fc_ab_js_left_con{
	position: absolute;
	left: 0;
	top: 3rem;
}
.fc_ab_js_left_con_cn{
	font-size: 2.75rem;
	margin-top: 0rem;
}
.fc_ab_js_right{
	width: 100%;
	height: auto;
}
.fc_ab_js_right_line{
	width: 100%;
	height: 2px;
	background: #ffffff;
	margin-top: 1.75rem;
}
.fc_ab_js_right_cl{
	font-size: 1.5rem;
	color: rgba(255,255,255,0.3);
	margin-top: 1.5rem;
}
.fc_ab_js_right_n{
	font-size: 4.5rem;
	color: #FFFFFF;
	margin-top: 1rem;
}
.fc_ab_js_right_n font{
	font-family: gb;
	font-size: 5rem;
}
.fc_ab_js_right_con{
	font-size: 1.25rem;
	color: #FFFFFF;
	line-height: 170%;
	margin-top: 2rem;
}
.fc_ab_js_right_con2{
	font-size: 1.125rem;
	color: rgba(255,255,255,0.5);
	line-height: 170%;
	margin-top: 1.5rem;
}
.fc_ab_js_bottom{
	position: absolute;
	bottom: 0vh;
	left: 0;
	font-size: 2.187rem;
	color: #FFFFFF;
	font-family: opm;
}

.fc_ab_sb_title_box{
	width: 94%;
	height: auto;
	margin: 0 auto;
}

.fc_ab_sb_title{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
.fc_ab_sb_title_en{
	font-size: 6rem;
}
.fc_ab_sb_title_cn{
	font-size: 2.75rem;
}

.fc_ab_sb{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
	margin-bottom: 0vh;
}
.fc_ab_sb_sw{
	width:100%;
	height: calc(100vw * 1120 / 1920);
	margin-top: 3rem;
}
.fc_ab_sb_sw .swiper-slide{
	width:100%;
	height: 100%;
}
.fc_ab_sb_sw .swiper-slide img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.fc_ab_sbmenu{
	width: 82%;
	height: auto;
	margin: 0 auto;
	position: absolute;
	bottom: 1rem;
	left: 9%;
	z-index: 10;
}
.fc_ab_sbmenu_sw{
	width: 100%;
	height: auto;
}
.fc_ab_sbmenu_sw .swiper-slide{
	width: 100%;
	height: 6rem;
	padding: 5px;
	background: rgba(0,0,0,0.5);
	display: flex;
	flex-direction:row;
	justify-content: space-between;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	cursor: pointer;
}
.fc_ab_sbmenu_sw .swiper-slide-active{
	background: rgba(255,255,255,0.4);
}
.fc_assb_left{
	width: 50%;
	height: 100%;
}

.fc_assb_right{
	width: 50%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 1rem;
}
.fc_assb_right>div:nth-child(1){
	font-size: 1.125rem;
	color: #FFFFFF;
}
.fc_assb_right>div:nth-child(2){
	font-size: 1;
	color: rgba(255,255,255,0.4);
	padding-top: 0.5rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.fc_ab_sbmenu_sw .swiper-slide-active .fc_assb_right>div:nth-child(2){
	color: rgba(255,255,255,1);
}

.fc_ab_sbmenu_sw_btn{
	position: absolute;
	width: 2rem;
	height: 2rem;
	border:1px rgba(255,255,255,0.3) solid;
	border-radius: 50%;
	z-index: 15;
	top: 2rem;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fc_ab_sbmenu_sw_btn:hover{
	border:1px rgba(255,255,255,1) solid;
}
.fc_ab_sbmenu_sw_btn svg{
	width: 1rem;
	height: 1rem;
	fill:rgba(255,255,255,0.3);
	margin-top: 0.5rem;
}
.fc_ab_sbmenu_sw_btn:hover  svg{
	fill:rgba(255,255,255,1);
}
.fc_ab_sbmenu_sw_btnleft{
	left: -2.5rem;
}
.fc_ab_sbmenu_sw_btnleft svg{
	transform: rotate(180deg);
}
.fc_ab_sbmenu_sw_btnright{
	right: -2.5rem;
}

.fc_ab_ry_box{
	
}
.fc_ab_ry{
	width: 94%;
	height: auto;
	margin: 0 auto;
	position: relative;
	background-image: url("../images/ab_ry_back.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: auto 16rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-bottom: 8rem;
}

.fc_ab_ry_left{
	width: 100%;
	height: auto;
	padding-left: 0;
	padding-right: 0rem;
}
.fc_ab_rl_sw{
	width: 100%;
	height: auto;
}
.fc_ab_ry_left_con{
	font-size: 1.25rem;
	color: #FFFFFF;
	line-height: 170%;
	padding-top: 1rem;
}
.fc_ab_ry_right{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 2rem;
}

.fc_ab_rr_sw .swiper-slide img{
	width: 100%;
	height: calc(100vw * 546 / 851);
	object-fit: cover;
	object-position: center;
}
.fc_ab_rrl_sw{
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	background: #FFFFFF;
	position: relative;
	left: auto;
	bottom: auto;
	margin: 0 auto;
	margin-top: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}


.fc_ab_rb_sw{
	width: 100%;
	height: auto;
	position: relative;
	left: auto;
	bottom: 0;
	text-align: center;
	margin-top: 2rem;
}
.fc_ab_rb_sw .swiper-slide{
	font-size: 1.375rem;
	
}

.fc_ab_sw_menu{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: absolute;
	right: 0;
	bottom: 2.5rem;
}

.fc_ab_case{
	width: 100%;
	height: auto;
	/*padding: 20vh 0;*/
	overflow: hidden;
}
.fc_ab_case>div{
	width: auto;
	height: 100px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	margin-top: 4px;
	position: relative;
	z-index: 10;
}
.fc_ab_case>div:hover{
	z-index: 20;
}
.fc_ab_case img{
	width: 151px;
	height: 100px;
	object-fit: cover;
	object-position: center;
	margin-right: 4px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fc_ab_case img:hover{
	transform: scale(1.2);
}

.fc_ab_lx{
	width: 94%;
	margin: 0 auto;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top: 1rem;
}
.fc_ab_lx_left{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 0;
	background: #0c0c0c;
}
.fc_ab_lx_right{
	width: 100%;
	height: calc(94vw * 479 / 959);
	margin-top: 1rem;
}


/*首页*/
.fc_id_banner_box{
	width: 100%;
	height: 100vh;
	position: relative;
	background: #000000;
}

.fc_id_banner_cbox{
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.fc_id_banner_c{
	width: 70vw;
	height: 70vw;
	margin: 0 auto;
	z-index: 10;
	position: relative;
}
.fc_id_banner_cy{
	width: 90%;
	height: 90%;
	position: absolute;
	top: 5%;
	left: 5%;
}
.fc_id_banner_cy1{
	width: 90%;
	height: 90%;
	position: absolute;
	top: 5%;
	left: 5%;
}
.fc_id_banner_cy1>svg{
	fill:none;
	stroke:#fff;
	stroke-miterlimit:10;
	stroke-width:2px;
	opacity:1;
	transform: rotate(90deg);
}


.fc_id_banner_l{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px rgba(255,255,255,0.3) solid;
	position: absolute;
	bottom: calc(5% - 7px);
	left: calc(50% - 8px);
}

.fc_id_banner_bbox{
	width: 16px;
	height: 100%;
	left: calc(50% - 8px);
	position: absolute;
	bottom: 0;
	animation: fibcanima 6s linear infinite ;
    -webkit-animation: fibcanima 6s linear infinite; /* Safari 与 Chrome */
}
.fc_id_banner_b{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--OneColor);
	position: absolute;
	bottom: calc(5% - 8px);
	left: 0;
}
.fc_id_banner_con{
	width: 90%;
	height: 90%;
	left: 5%;
	top: 5%;
	position: absolute;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	transform: scale(0.9);
	animation: fibconanima 6s linear  forwards;
    -webkit-animation: fibconanima 6s linear forwards; /* Safari 与 Chrome */
	
}
.fc_id_banner_con>div{
	width: auto;
	height: auto;
	margin: 10px auto;
}
.fc_id_banner_con>div>img{
	width: 100%;
	height: auto;
}


.fc_id_title_box{
	width: 94%;
	height: auto;
	margin: 0 auto;
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 2rem 0;
}
.fc_id_title_left span{
	display: inline-block;
	text-align: center;
	position: relative;
	padding-left: 1rem;
}
.fc_id_title_left span:before{
	position: absolute;
	content: attr(be);
	font-size: 5rem;
	width: auto;
	height: auto;
	color: rgba(255,255,255,0.1);
	left: -1rem;
	font-family: gb;
	top: -1rem;
}
.fc_id_tlen{
	font-size: 1.625rem;
	font-family: gb;
	color: #FFFFFF;
	text-transform: capitalize;
}
.fc_id_tlcn{
	font-size: 2rem;
	font-family: opm;
	color: #FFFFFF;
}
.fc_id_title_right span{
	display: inline-block;
	font-size: 1.375rem;
	color: #FFFFFF;
	font-family: opl;
	font-style:oblique;
	position: relative;
}
.fc_id_title_right span:before{
	position: absolute;
	content: '';
	width: 30%;
	height: 1px;
	background: rgba(255,255,255,0.3);
	left: -35%;
	top: 50%;
}

.fc_id_case{
	width: 100%;
	height: 30vh;
}

.fc_id_case_con_cn{
	font-size: 2.75rem;
	color: #FFFFFF;
	font-family: zk;
	text-align: center;
}
.fc_id_case_con_en{
	text-align: center;
	margin-top: 1rem;
}
.fc_id_case_con_en span{
	display: inline-block;
	font-size: 1.75rem;
	color: rgba(255,255,255,0.6);
	font-family: he;
	text-transform: uppercase;
	position: relative;
}
.fc_id_case_con_en span:after{
	position: absolute;
	content: '';
	width: 40%;
	height: 2px;
	background: rgba(255,255,255,0.6);
	left: -50%;
	top: calc(50% - 1px);
}
.fc_id_case_con_en span:before{
	position: absolute;
	content: '';
	width: 40%;
	height: 2px;
	background: rgba(255,255,255,0.6);
	left: 110%;
	top: calc(50% - 1px);
}

.fc_id_lc{
	width: 100%;
	height: 50vh;
	position: relative;
}
.fc_id_lc_back{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.fc_id_lc_back>div{
	width: 11%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.fc_id_lc_back>div.fc_id_lc_back_1,.fc_id_lc_back>div.fc_id_lc_back_8{
	width: 10%;
	height: 100%;
}
.fc_id_lc_back>div.fc_id_lc_back_mid{
	width: 14%;
	height: 100%;
}

.fc_id_lc_back>div.fc_id_lc_back_4>span{
	width: 44vw;
	height: 44vw;
	background: #38a58a;
	border-radius: 50%;
	position: absolute;
	left: 14vw;
	top: calc(50% - 22vw);
	-webkit-filter: blur(15px);
    filter: blur(45px);
	opacity: 0.5;
}

.fc_id_lc_back>div.fc_id_lc_back_5>span{
	width: 44vw;
	height: 44vw;
	background: #38a58a;
	border-radius: 50%;
	position: absolute;
	right: 14vw;
	top: calc(50% - 22vw);
	-webkit-filter: blur(15px);
    filter: blur(45px);
	opacity: 0.5;
}
.fc_id_lc_back>div.fc_id_lc_back_3>span{
	width: 44vw;
	height: 44vw;
	background: #38a58a;
	border-radius: 50%;
	position: absolute;
	left: 10vw;
	top: calc(50% - 22vw);
	-webkit-filter: blur(15px);
    filter: blur(45px);
	opacity: 0.6;
}
.fc_id_lc_back>div.fc_id_lc_back_6>span{
	width: 44vw;
	height: 44vw;
	background: #38a58a;
	border-radius: 50%;
	position: absolute;
	right: 10vw;
	top: calc(50% - 22vw);
	-webkit-filter: blur(15px);
    filter: blur(45px);
	opacity: 0.6;
}
.fc_id_lc_back>div.fc_id_lc_back_2>span{
	width: 64vw;
	height: 64vw;
	background: #38a58a;
	border-radius: 50%;
	position: absolute;
	left: 10vw;
	top: calc(50% - 32vw);
	-webkit-filter: blur(32px);
    filter: blur(45px);
	opacity: 0.6;
}
.fc_id_lc_back>div.fc_id_lc_back_7>span{
	width: 64vw;
	height: 64vw;
	background: #38a58a;
	border-radius: 50%;
	position: absolute;
	right: 10vw;
	top: calc(50% - 32vw);
	-webkit-filter: blur(15px);
    filter: blur(45px);
	opacity: 0.6;
}
.fc_id_lc_back>div.fc_id_lc_back_1>span{
	width: 84vw;
	height: 84vw;
	background: #38a58a;
	border-radius: 50%;
	position: absolute;
	left: -5vw;
	top: calc(50% - 42vw);
	-webkit-filter: blur(32px);
    filter: blur(45px);
	opacity: 0.6;
}
.fc_id_lc_back>div.fc_id_lc_back_8>span{
	width: 84vw;
	height: 84vw;
	background: #38a58a;
	border-radius: 50%;
	position: absolute;
	right: -5vw;
	top: calc(50% - 42vw);
	-webkit-filter: blur(15px);
    filter: blur(45px);
	opacity: 0.6;
}

.fc_id_lc_con{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content:center;
	position: relative;
	z-index: 10;
}
.fc_id_lc_con_title_en{
	text-align: center;
}
.fc_id_lc_con_title_en span{
	display: inline-block;
	position: relative;
	font-size: 1.625rem;
	font-family: gb;
	color: #FFFFFF;
	padding-left: 4rem;
}
.fc_id_lc_con_title_en span:after{
	position: absolute;
	content: attr(te);
	font-size: 7rem;
	font-family: gb;
	color: rgba(255,255,255,0.1);
	text-transform: uppercase;
	left: 0%;
	top: -4rem;
}
.fc_id_lc_con_title_cn{
	font-size: 2.25rem;
	margin-bottom: 2rem;
}


.fc_id_lc_con_count{
	width: 94%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 0vh;
}
.fc_id_lc_con_count_item{
	width: 33.33%;
	height: auto;
	text-align: center;
	
}
.fc_id_lc_con_count_item>span{
	font-size: 3rem;
	color: #FFFFFF;
	font-family: db;
	position: relative;
	padding-right: 2rem;
}
.fc_id_lc_con_count_item>span:after{
	font-size: 1.75rem;
	content: attr(jia);
	color: #FFFFFF;
	font-family: db;
	position: absolute;
	left: calc(100% - 1.5rem);
	top: 0;
}
.fc_id_lc_con_count_item>span:before{
	font-size: 1.25rem;
	content: attr(text);
	color: #FFFFFF;
	font-family: opl;
	position: absolute;
	left: calc(100% - 1.6rem);
	bottom: 0.4rem;
}
.fc_id_lc_con_count_item>div{
	font-size: 1rem;
}

.fc_id_yw{
	width: 100%;
	height: 35vh;
	position: relative;
}

.fc_id_yw_menu_item{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	cursor: default;
}

.fc_id_ymi_con_title{
	font-size: 1.5rem;
	color: #FFFFFF;
	text-align: center;
	margin-top: 1.5rem;
}
.fc_id_ymi_con_des{
	font-size: 1.125rem;
	color: #FFFFFF;
	padding: 0 2rem;
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
	margin-top: 1rem;
}
.fc_id_ymi_con_link{
	height: auto;
	text-align: center;
	margin-top: 1rem;
	padding: 1rem 0;
}

.fc_id_ymi_con_ico{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 2rem;
	position: relative;
	z-index: 5;
}
.fc_id_ymi_con_ico>span{
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.fc_id_ymi_con_btitle{
	font-size: 1.5rem;
	color: #FFFFFF;
	text-align: center;
	margin-top: 1.5rem;
	margin-bottom: 2rem;
	position: relative;
	z-index: 5;
}
.fc_id_pagination{ 
	position: relative;
	width:100%;
	height: auto;
	z-index:1;
	text-align: center;
	display: block;
	margin-top: 1.5rem;
}
.fc_id_pagination .swiper-pagination-bullet { 
	display: inline-block; 
	width:1rem; 
	height:1rem; 
	background: #cccccc;
	border-radius:50px;
	margin:0 0.3rem; 
	cursor: pointer;  
	-webkit-transition: all 0.4s ease-in-out;
}
.fc_id_pagination .swiper-pagination-bullet-active{ 
	width:3rem; 
	background:var(--OneColor);
}

.fc_id_kh_box{
	width: 100%;
	height: auto;
	padding-bottom: 5vh;
	position: relative;
}
.fc_id_kh_back{
	width: 100%;
	height: 50vh;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	overflow: hidden;
}

.fc_id_kh{
	width: 94%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	position: relative;
	z-index: 5;
}

}