#backcanvse{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: -1;
}
/*nav*/
.fc_nav_box{
	width: 100%;
	height: 10vh;
	position: fixed;
	top: 0;
	z-index: 500;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fc_nav_boxon{
	background: rgba(0,0,0,0.7);
}
.fc_nav{
	width: 90%;
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.fc_nav_logo{
	text-align: left;
}
.fc_nav_logo img{
	height: 6vh;
	margin-top: 2vh;
}
.fc_nav_menu{
	width: 50%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.fc_nav_menu_con{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.fc_nav_menu_item{
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
}
.fc_nav_menu_ico{
	width: auto;
	height: 100%;
	display: flex;
	align-items:flex-end;
	padding: 3px 0;
	padding-bottom: 8px;
	margin-right: 3px;
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fc_nav_menu_itemon .fc_nav_menu_ico{
	opacity: 1;
}
.fc_nav_menu_item:hover .fc_nav_menu_ico{
	opacity: 1;
}
.fc_nav_menu_ico span{
	background: var(--OneColor);
	display: inline-block;
	border-radius: 20px;
	font-size: 0;
	width: 2px;
	height: 0%;
	margin-right: 5px;
}
.fc_nav_menu_itemon .fc_nav_menu_ico_1{
	animation: fnmiamiet 0.7s ease-in-out infinite alternate;
    -webkit-animation: fnmiamiet 0.7s ease-in-out infinite alternate; /* Safari 与 Chrome */
}
.fc_nav_menu_item:hover .fc_nav_menu_ico_1{
	animation: fnmiamiet 0.7s infinite alternate;
    -webkit-animation: fnmiamiet 0.7s infinite alternate; /* Safari 与 Chrome */
}
.fc_nav_menu_itemon .fc_nav_menu_ico_2{
	animation: fnmiamiet 0.7s 0.2s infinite alternate;
    -webkit-animation: fnmiamiet 0.7s 0.2s infinite alternate; /* Safari 与 Chrome */
}
.fc_nav_menu_item:hover .fc_nav_menu_ico_2{
	animation: fnmiamiet 0.7s 0.2s infinite alternate;
    -webkit-animation: fnmiamiet 0.7s 0.2s infinite alternate; /* Safari 与 Chrome */
}
.fc_nav_menu_itemon .fc_nav_menu_ico_3{
	animation: fnmiamiet 0.7s 0.4s infinite alternate;
    -webkit-animation: fnmiamiet 0.7s 0.4s infinite alternate; /* Safari 与 Chrome */
}
.fc_nav_menu_item:hover .fc_nav_menu_ico_3{
	animation: fnmiamiet 0.7s 0.4s infinite alternate;
    -webkit-animation: fnmiamiet 0.7s 0.4s infinite alternate; /* Safari 与 Chrome */
}
@keyframes fnmiamiet
{
    to {height: 100%;}
}
 
@-webkit-keyframes fnmiamiet /* Safari 与 Chrome */
{
    to {height: 100%;}
}
.fc_nav_menu_text{
	font-size: 1.25rem;
	color: #a6a6a6;
	margin-right: 3.5rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.fc_nav_menu_itemon .fc_nav_menu_text{
	color: #FFFFFF;
}
.fc_nav_menu_item:hover .fc_nav_menu_text{
	color: #FFFFFF;
}
.fc_nav_lang{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.fc_nav_lang img{
	width: 1.7rem;
	height: 1.7rem;
}
.fc_nav_lang svg{
	width: 1rem;
	height: 1rem;
	margin-left: 10px;
	margin-top: 0.4rem;
	fill:#a6a6a6;
	transform: rotate(90deg);
}

/*footer*/
.footer_box{
	width: 100%;
	height: auto;
	border-top: 1px rgba(255,255,255,0.1) solid;
	padding: 10vh 0;
	position: relative;
}
.footer{
	width: 73vw;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.footer_logo{
	width: 30%;
	height: auto;
}
.footer_logo img{
	width: auto;
	height: 60px;
}
.footer_menu{
	width: 60%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.footer_menu_item{
	width: 100%;
	height: auto;
}
.footer_menu_item_title{
	display: block;
	font-size: 1.5rem;
	color: #FFFFFF;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin-bottom: 2rem;
}
.footer_menu_item_item{
	display: block;
	font-size: 1.125rem;
	color: rgba(255,255,255,0.2);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin-top: 0.8rem;
}
.footer_menu_item_item:hover{
	color: rgba(255,255,255,1);
}
.footer_menu_item_code_box{
	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.footer_menu_item_code:nth-child(2){
	margin-left: 2rem;
}
.footer_menu_item_code_img img{
	width: 130px;
}
.footer_menu_item_code_text{
	text-align: center;
	margin-top: 0.8rem;
}
.footer_menu_item_code_text span{
	color: rgba(255,255,255,0.2);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 2rem;
}

.footer_copy{
	width: 73vw;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-top: 5rem;
	font-size: 1rem;
	color:rgba(255,255,255,0.2);
	text-transform: uppercase;
}
.footer_copy a{
	color:rgba(255,255,255,0.2); 
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.footer_copy a:hover{
	color:rgba(255,255,255,1);
}
.gotop{
	width: auto;
	height: 50px;
	cursor: pointer;
	position: absolute;
	right: -30px;
	bottom: 20vh;
	z-index: 500;
	display: flex;
	flex-direction: row;
	justify-content: center;
	transform: rotate(90deg);
}
.gotop_text{
	font-size: 1.125rem;
	line-height: 50px;
	font-family: gb;
	color: #FFFFFF;
	text-transform: uppercase;
}
.gotop_ico{
	width: 50px;
	height: 50px;
	background: var(--OneColor);
	border-radius: 50%;
	margin-left: 1rem;
	position: relative;
	overflow: hidden;
	animation: gianima 1s infinite alternate;
    -webkit-animation: gianima 1s infinite alternate; /* Safari 与 Chrome */
}
.gotop_ico span{
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	background: #FFFFFF;
	border-radius: 50%;
	top: calc(50% - 5px);
	opacity: 0;
	left: 42px;
	animation: gisanima 2s infinite;
    -webkit-animation: gisanima 2s infinite; /* Safari 与 Chrome */
}

@keyframes gianima
{
    to {
		transform: scale(0.9) translateX(-5px);
	}
}
 
@-webkit-keyframes gianima /* Safari 与 Chrome */
{
    to {
		transform: scale(0.9) translateX(-5px);
	}
}
@keyframes gisanima
{
    70% {
		left: 8px;
		opacity: 1;
	}
    100% {
		left: 8px;
		opacity: 0;
	}
}
 
@-webkit-keyframes gisanima /* Safari 与 Chrome */
{
    70% {
		left: 8px;
		opacity: 1;
	}
    100% {
		left: 8px;
		opacity: 0;
	}
}


/*服务项目*/
.fc_fw_banner_box{
	width: 100%;
	height: 120vh;
	position: relative;
	background: #000000;
}
.fc_fw_banner_sw{
	width: 100%;
	height: 100%;
}
.fc_fw_banner_img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.fc_fw_banner_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.fc_fw_banner{
	width: 73vw;
    width: var(--mainwidth);
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 5;
}
.fc_fw_banner_title{
	font-size: 3.75rem;
	color: #FFFFFF;
	font-family: opm;
}
.fc_fw_banner_line{
	width: 5rem;
	height: 2px;
	background: var(--OneColor);
	margin: 4rem 0;
}
.fc_fw_banner_ltitle{
	font-size: 1.25rem;
	color: #FFFFFF;
	line-height: 200%;
}
.fc_fw_banner_count{
	font-size: 1.25rem;
	color: rgba(255,255,255,0.36);
	margin-top: 3rem;
	position: relative;
	padding-left: 14rem;
	margin-bottom: 8rem;
	font-family: opm;
}
.fc_fw_banner_count:after{
	position: absolute;
	content: '';
	width: 12rem;
	height: 1px;
	background:#FFFFFF;
	left: 0;
	top: 50%;
}
.fc_fw_banner_count_1{
	font-size: 2.812rem;
	color: rgba(255,255,255,1);
}
.fc_fw_banner_count_2{
	padding: 0 1rem;
}
.fc_fw_banner_menu_box{
	position: absolute;
	left: 0;
	bottom: calc(20vh + 2px);
	width: 100%;
	height: 6.5rem;
	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: 73vw;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.fc_fw_banner_menu_item{
	font-size: 1.375rem;
	color: #FFFFFF;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	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{
	width: 1px;
	height: 100%;
	background: rgba(255,255,255,0.2);
}

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

.fc_case_lbox{
	width: 100%;
	height: auto;
	position: relative;
}
.fc_case{
	width: 100%;
	height: calc(86.5vw * 0.19 * 858 / 573 + 6rem);
	height: calc((100vw - (100vw - var(--mainwidth)) / 2) * 0.19 * 858 / 573 + 6rem);
	position: relative;
}
.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(86.5vw * 0.19 * 858 / 573);
	height: calc((100vw - (100vw - var(--mainwidth)) / 2) * 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>img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: relative;
	z-index: 0;
}
.fc_case>div.fc_case_item_1{
	transform: scale(1);
	opacity: 1;
	left: 0;
	bottom: 0;
	z-index: 13;
	cursor: default;
}

.fc_case>div.fc_case_item_1>div{
	background: rgba(0,0,0,0);
}
.fc_case>div.fc_case_item_2{
	transform: scale(1);
	opacity: 1;
	left: auto;
	right: 65%;
	bottom: 1rem;
	z-index: 11;
}
.fc_case>div.fc_case_item_3{
	transform: scale(1);
	opacity: 1;
	left: auto;
	right: 52%;
	bottom: 2rem;
	z-index: 9;
}
.fc_case>div.fc_case_item_4{
	transform: scale(1);
	opacity: 1;
	left: auto;
	right: 39%;
	bottom: 3rem;
	z-index: 7;
}
.fc_case>div.fc_case_item_5{
	transform: scale(1);
	opacity: 1;
	left: auto;
	right: 26%;
	bottom: 4rem;
	z-index: 5;
}
.fc_case>div.fc_case_item_6{
	transform: scale(1);
	opacity: 1;
	left: auto;
	right: 13%;
	bottom: 5rem;
	z-index: 3;
}
.fc_case>div.fc_case_item_7{
	transform: scale(1);
	opacity: 1;
	left: auto;
	right: 0%;
	bottom: 6rem;
	z-index: 1;
}



.fc_case_item_title,.fc_case_item_con{
	display: none;
}
.fc_case_con{
	width: 73vw;
    width: var(--mainwidth);
	height: auto;
	padding-left: 4rem;
}
.fc_case_con_title{
	font-size: 1.875rem;
	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: 1rem;
}
.fc_case_btn{
	width: auto;
	height: auto;
	position: absolute;
	bottom: 0;
	z-index: 20;
	right: 13.5vw;
	right: calc((100vw - var(--mainwidth)) / 2);
	border: 1px #4d4d4d solid;
	border-radius: 100px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 1px 5px;
	padding-top: 6px;
}

.fc_case_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_case_btn span:hover svg{
	fill:var(--OneColor);
}
.fc_case_btn_pre svg{
	transform: rotate(180deg);
}
.fc_case_line{
	position: absolute;
	content: '';
	width: 2px;
	background: #FFFFFF;
	left: 3rem;
	bottom: -3.5rem;
	z-index: 20;
	height: 8rem;
}


/*左侧案例*/
.fc_case2_box{
	width: 100%;
	height: auto;
	padding-right: 13.5vw;
	padding-right: calc((100vw - var(--mainwidth)) / 2);
	position: relative;
	padding-bottom: 15vh;
	padding-top: 4rem;
	overflow: hidden;
}
.fc_case2_title{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	right: 13.5vw;
	right: calc((100vw - var(--mainwidth)) / 2);
	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: 5.75rem;
	position: relative;
	z-index: 0;
}
.fc_case2_title_cn{
	color: rgba(255,255,255,1);
	font-family: opm;
	font-size: 2.375rem;
	position: absolute;
	bottom: 1rem;
	z-index: 5;
}

.fc_case2_lbox{
	width: 100%;
	height: auto;
	position: relative;
}
.fc_case2{
	width: 100%;
	height: calc(86.5vw * 0.19 * 858 / 573 + 6rem);
	height: calc((100vw - (100vw - var(--mainwidth)) / 2) * 0.19 * 858 / 573 + 6rem);
	position: relative;
}
.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(86.5vw * 0.19 * 858 / 573);
	height: calc((100vw - (100vw - var(--mainwidth)) / 2) * 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{
	transform: scale(1);
	opacity: 1;
	right: 0;
	bottom: 0;
	z-index: 13;
	cursor: default;
}

.fc_case2>div.fc_case2_item_1>div{
	background: rgba(0,0,0,0);
}
.fc_case2>div.fc_case2_item_2{
	transform: scale(1);
	opacity: 1;
	right: auto;
	left: 65%;
	bottom: 1rem;
	z-index: 11;
}
.fc_case2>div.fc_case2_item_3{
	transform: scale(1);
	opacity: 1;
	right: auto;
	left: 52%;
	bottom: 2rem;
	z-index: 9;
}
.fc_case2>div.fc_case2_item_4{
	transform: scale(1);
	opacity: 1;
	right: auto;
	left: 39%;
	bottom: 3rem;
	z-index: 7;
}
.fc_case2>div.fc_case2_item_5{
	transform: scale(1);
	opacity: 1;
	right: auto;
	left: 26%;
	bottom: 4rem;
	z-index: 5;
}
.fc_case2>div.fc_case2_item_6{
	transform: scale(1);
	opacity: 1;
	right: auto;
	left: 13%;
	bottom: 5rem;
	z-index: 3;
}
.fc_case2>div.fc_case2_item_7{
	transform: scale(1);
	opacity: 1;
	right: auto;
	left: 0%;
	bottom: 6rem;
	z-index: 1;
}



.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: 73vw;
    width: var(--mainwidth);
	height: auto;
	padding-right: 4rem;
}
.fc_case2_con_title{
	font-size: 1.875rem;
	color: #FFFFFF;
	font-family: opm;
	padding-top: 1rem;
	text-align: right;
}
.fc_case2_con_des{
	font-size: 1.125rem;
	color: rgba(255,255,255,0.5);
	line-height: 160%;
	padding-top: 1rem;
	text-align: right;
}
.fc_case2_btn{
	width: auto;
	height: auto;
	position: absolute;
	bottom: 0;
	z-index: 20;
	left: 13.5vw;
	left: calc((100vw - var(--mainwidth)) / 2);
	border: 1px #4d4d4d solid;
	border-radius: 100px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 1px 5px;
	padding-top: 6px;
}

.fc_case2_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_case2_btn span:hover svg{
	fill:var(--OneColor);
}
.fc_case2_btn_pre svg{
	transform: rotate(180deg);
}
.fc_case2_line{
	position: absolute;
	content: '';
	width: 2px;
	background: #FFFFFF;
	right: 3rem;
	bottom: -3.5rem;
	z-index: 20;
	height: 8rem;
}



/*居中案例*/
.fc_case3_box{
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 5vh;
	overflow: hidden;
}
.fc_case3_title{
	width: 73vw;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.fc_case3_title_en{
	text-transform: uppercase;
	color: rgba(255,255,255,0.1);
	font-family: gb;
	font-size: 5.75rem;
	position: relative;
	z-index: 0;
}
.fc_case3_title_cn{
	color: rgba(255,255,255,1);
	font-family: opm;
	font-size: 2.75rem;
	position: absolute;
	right: 0;
	bottom: 1rem;
	z-index: 5;
}

.fc_case3_lbox{
	width: 100%;
	height: auto;
	position: relative;
}
.fc_case3{
	width: 100%;
	height: calc(100vw * 0.44 * 572 / 1019 + 10vh);
	position: relative;
	overflow: hidden;
	perspective: 1500px;
}
.fc_case3_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_case3>div{
	width: 44%;
	height: calc(100vw * 0.44 * 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: -21%;
	transform: rotateY(45deg) scale(1.2);
	/*transform: rotateY(45deg) scale(0.95) translateX(-65%);*/
}
.fc_case3>div.fc_case3_item_2{
	transform: scale(1);
	opacity: 1;
	left: 28%;
	cursor: default;
}
.fc_case3>div.fc_case3_item_3{
	opacity: 1;
	left: 77%;
	transform: rotateY(-45deg) scale(1.2);
	/*transform: rotateY(-45deg) scale(0.95) translateX(65%);*/
}


.fc_case3_item_title,.fc_case3_item_con{
	display: none;
}

.fc_case3_con{
	width: 44%;
	height: auto;
	margin: 0 auto;
	padding-left: 5rem;
	transform: translateY(-2.5rem);
}
.fc_case3_con_title{
	font-size: 1.875rem;
	color: #FFFFFF;
	font-family: opm;
	padding-top: 1rem;
}
.fc_case3_con_des{
	font-size: 1.125rem;
	color: rgba(255,255,255,0.5);
	line-height: 160%;
	padding-top: 1rem;
}

.fc_case3_btn{
	width: auto;
	height: auto;
	position: absolute;
	bottom: -3rem;
	z-index: 20;
	right: 13.5vw;
	right: calc((100vw - var(--mainwidth)) / 2);
	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(28% + 3rem);
	bottom: 0rem;
	z-index: 20;
	height: 10rem;
}


/*关于我们*/
.fc_ab_banner_box{
	width: 100%;
	height: 120vh;
	position: relative;
	background: #000000;
}
.fc_ab_banner_img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.fc_ab_banner_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.fc_ab_banner{
	width: 73vw;
    width: var(--mainwidth);
	height: 100vh;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	z-index: 5;
}
.fc_ab_banner_ltitle{
	font-size: 1.375rem;
	color: #FFFFFF;
}
.fc_ab_banner_title{
	font-size: 6.25rem;
	color: #FFFFFF;
	font-family: gb;
	text-transform: uppercase;
	margin-top: 1rem;
}
.fc_ab_banner_line{
	width: 4.5rem;
	height: 3px;
	background: #FFFFFF;
	margin: 3rem 0;
	margin-bottom: 8rem;
}
.fc_ab_banner_left{
	position: absolute;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	width: 52px;
	height: auto;
	left: -80px;
	bottom: 13.5rem;
}
.fc_ab_banner_left span{
	display: block;
	width: 7px;
	height: 7px;
	background: #FFFFFF;
	border-radius: 50%;
	margin: 3px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fc_ab_banner_left span.fc_ab_banner_left_spon{
	background: var(--OneColor);
}
.fc_ab_banner_left span:nth-child(9),.fc_ab_banner_left span:nth-child(12){
	background: none;
}
.fc_ab_banner_hand{
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 10px;
	left: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.fc_ab_banner_hand>div{
	width: 30px;
	height: 45px;
	border: 2px rgba(255,255,255,0.3) solid;
	border-radius: 50px;
	position: relative;
}
.fc_ab_banner_hand>div>span{
	position: absolute;
	width: 3px;
	height: 7px;
	left: 12px;
	top: 7px;
	opacity: 1;
	transform: scale(1);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	background: #FFFFFF;
	border-radius: 5px;
	animation: fabhanima 2s infinite;
    -webkit-animation: fabhanima 2s infinite; /* Safari 与 Chrome */
}


@keyframes fabhanima
{
    70% {
		top: 27px;
		transform: scale(1);
		opacity: 1;
	}
	100%{
		top: 27px;
		transform: scale(0);
		opacity: 0;
	}
}
 
@-webkit-keyframes fabhanima /* Safari 与 Chrome */
{
    70% {
		top: 27px;
		transform: scale(1);
		opacity: 1;
	}
	100%{
		top: 27px;
		transform: scale(0);
		opacity: 0;
	}
}

.fc_ab_js{
	width: 73vw;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	padding-bottom: 20vh;
}
.fc_ab_js_left{
	width: 50%;
	height: auto;
	position: relative;
}

.fc_ab_js_left_en{
	font-size: 12.5rem;
	font-family: gb;
	color: rgba(255,255,255,0.1);
}
.fc_ab_js_left_con{
	position: absolute;
	left: 0;
	top: 6rem;
}
.fc_ab_js_left_con_en{
	font-size: 1.125rem;
	color: #FFFFFF;
	text-transform: uppercase;
	font-family: gb;
}
.fc_ab_js_left_con_en span{
	display: inline-block;
	position: relative;
}
.fc_ab_js_left_con_en span:after{
	position: absolute;
	content: '';
	width: 10rem;
	height: 2px;
	background: #FFFFFF;
	left: 130%;
	top: 50%;
}
.fc_ab_js_left_con_cn{
	font-size: 3.75rem;
	color: #FFFFFF;
	font-family: opm;
	margin-top: 1rem;
	font-family: gb;
}
.fc_ab_js_right{
	width: 45%;
	height: auto;
}
.fc_ab_js_right_line{
	width: 100%;
	height: 2px;
	background: #ffffff;
	margin-top: 6.75rem;
}
.fc_ab_js_right_cl{
	font-size: 1.5rem;
	color: rgba(255,255,255,0.3);
	margin-top: 3rem;
}
.fc_ab_js_right_n{
	font-size: 5.5rem;
	color: #FFFFFF;
	margin-top: 1rem;
}
.fc_ab_js_right_n font{
	font-family: gb;
	font-size: 6.25rem;
}
.fc_ab_js_right_con{
	font-size: 1.5rem;
	color: #FFFFFF;
	line-height: 170%;
	margin-top: 5rem;
}
.fc_ab_js_right_con2{
	font-size: 1.25rem;
	color: rgba(255,255,255,0.5);
	line-height: 170%;
	margin-top: 2.5rem;
}
.fc_ab_js_bottom{
	position: absolute;
	bottom: 20vh;
	left: 0;
	font-size: 2.187rem;
	color: #FFFFFF;
	font-family: opm;
}

.fc_ab_sb_title_box{
	width: 73vw;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
}

.fc_ab_sb_title{
	width: 100%;
	height: auto;
	position: relative;
}
.fc_ab_sb_title_en{
	text-transform:capitalize;
	color: rgba(255,255,255,0.1);
	font-family: gb;
	font-size: 10.71rem;
	position: relative;
	z-index: 0;
}
.fc_ab_sb_title_cn{
	color: rgba(255,255,255,1);
	font-family: opm;
	font-size: 3.75rem;
	position: absolute;
	left: 0;
	bottom: 1.8rem;
	z-index: 5;
}

.fc_ab_sb{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
	margin-bottom: 10vh;
}
.fc_ab_sb_sw{
	width:73%;
	width:var(--mainwidth);
	height: calc(73vw * 1120 / 1920);
	height: calc(var(--mainwidth) * 1120 / 1920);
	
	/*width: 100%;
	height: 100vh;*/
	margin-top: 6rem;
}
.fc_ab_sb_sw .swiper-slide img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.fc_ab_sbmenu{
	width: 73vw;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	position: absolute;
	bottom: 1rem;
	left: 13.5vw;
	left: calc((100vw - var(--mainwidth)) / 2);
	z-index: 10;
}
.fc_ab_sbmenu_sw{
	width: 100%;
	height: auto;
}
.fc_ab_sbmenu_sw .swiper-slide{
	width: 100%;
	height: 10rem;
	padding: 15px;
	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_left img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.fc_assb_right{
	width: 50%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 2rem;
}
.fc_assb_right>div:nth-child(1){
	font-size: 1.5rem;
	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: 4rem;
	height: 4rem;
	border:1px rgba(255,255,255,0.3) solid;
	border-radius: 50%;
	z-index: 15;
	top: 3rem;
	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: 2rem;
	height: 2rem;
	fill:rgba(255,255,255,0.3);
	margin-top: 0.9rem;
}
.fc_ab_sbmenu_sw_btn:hover  svg{
	fill:rgba(255,255,255,1);
}
.fc_ab_sbmenu_sw_btnleft{
	left: -5rem;
}
.fc_ab_sbmenu_sw_btnleft svg{
	transform: rotate(180deg);
}
.fc_ab_sbmenu_sw_btnright{
	right: -5rem;
}

.fc_ab_ry_box{
	
}
.fc_ab_ry{
	width: 90%;
	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: row;
	justify-content: space-between;
	padding-bottom: 8rem;
}

.fc_ab_ry_left{
	width: 50%;
	height: auto;
	padding-left: 8.5vw;
	padding-left: calc((90vw - var(--mainwidth)) / 2);
	padding-right: 6rem;
}
.fc_ab_rl_sw{
	width: 100%;
	height: auto;
}
.fc_ab_ry_left_con{
	font-size: 1.625rem;
	color: #FFFFFF;
	line-height: 170%;
	padding-top: 5rem;
}
.fc_ab_ry_left_ico{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	padding-top: 5rem;
}
.fc_ab_ry_left_ico img{
	margin-right: 2rem;
	width: 2.625rem;
	height: auto;
}

.fc_ab_ry_right{
	width: 50%;
	height: auto;
	position: relative;
}
.fc_ab_rr_sw{
	width: 100%;
	height: auto;
}
.fc_ab_rr_sw .swiper-slide img{
	width: 100%;
	height: calc(45vw * 546 / 851);
	object-fit: cover;
	object-position: center;
}
.fc_ab_rrl_sw{
	width: 11rem;
	height: 11rem;
	border-radius: 50%;
	background: #FFFFFF;
	position: absolute;
	left: -5.5rem;
	bottom: -3rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.fc_ab_rrl_sw .swiper-slide{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.fc_ab_rrl_sw .swiper-slide>div{
	width: 100%;
	height: auto;
	text-align: center;
}
.fc_ab_rrl_sw .swiper-slide>div>img{
	max-width: 7rem;
	max-height: 7rem;
	text-align: center;
}

.fc_ab_rb_sw{
	width: 25rem;
	height: 16rem;
	position: absolute;
	left: calc((90vw - var(--mainwidth)) / 2);
	bottom: 0;
}
.fc_ab_rb_sw .swiper-slide{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 1.8rem;
	color: #FFFFFF;
	font-family: opm;
	
}

.fc_ab_sw_menu{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	position: absolute;
	right: 0;
	bottom: 2.5rem;
}
.fc_ab_sw_menu span{
	display: inline-block;
	height: 3rem;
	line-height: 3rem;
}
.fc_ab_sw_menu_left{
	margin-right: 1.5rem;
	cursor: pointer;
}
.fc_ab_sw_menu_left svg{
	fill:#ffffff;
	height: 1.2rem;
	margin-top: 0.9rem;
	transform: rotate(180deg);
}
.fc_ab_sw_menu_right{
	margin-left: 1.5rem;
	cursor: pointer;
}
.fc_ab_sw_menu_right svg{
	fill:#ffffff;
	height: 1.2rem;
	margin-top: 0.9rem;
}
.fc_ab_sw_menu_nu1{
	font-size: 2.812rem;
	color: #FFFFFF;
}
.fc_ab_sw_menu_nu2{
	font-size:1.25rem;
	color: rgba(255,255,255,0.36);
	padding: 0 1rem;
}
.fc_ab_sw_menu_nu3{
	font-size:1.25rem;
	color: rgba(255,255,255,0.36);
}


.fc_ab_case{
	width: 100%;
	height: auto;
	/*padding: 20vh 0;*/
	overflow: hidden;
}
.fc_ab_case>div{
	width: auto;
	height: 205px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	margin-top: 8px;
	position: relative;
	z-index: 10;
}
.fc_ab_case>div:hover{
	z-index: 20;
}
.fc_ab_case img{
	width: 310px;
	height: 205px;
	object-fit: cover;
	object-position: center;
	margin-right: 8px;
	-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: 100%;
	height: calc(50vw * 479 / 959);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 3rem;
}
.fc_ab_lx_left{
	width: 50%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 13.5vw;
	padding-left: calc((100vw - var(--mainwidth)) / 2);
	background: #0c0c0c;
}
.fc_ab_ll_con{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 15px 0;
}
.fc_ab_ll_con_left{
	width: 5rem;
	height: 5rem;
	border: 2px rgba(255,255,255,0.2) solid;
	border-radius: 50%;
	text-align: center;
}
.fc_ab_ll_con_left img{
	width: auto;
	height: 2.2rem;
	margin-top: 1.4rem;
}
.fc_ab_ll_con_right{
	width: calc(100% - 6rem);
	height: 5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.fc_ab_ll_con_right_title{
	font-size: 1.5rem;
	color: rgba(255,255,255,0.3);
}
.fc_ab_ll_con_right_ltitle{
	font-size: 1.375rem;
	color: rgba(255,255,255,1);
	margin-top: 0.5rem;
}
.fc_ab_lx_right{
	width: 50%;
	height: 100%
}
.fc_ab_lx_right img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


/*首页*/
.fc_id_banner_box{
	width: 100%;
	height: 100vh;
	position: relative;
	background: #000000;
}
.fc_id_banner_img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	overflow: hidden;
}
.fc_id_banner_img:after{
	width: 100%;
	height: 100%;
	background: url("../images/index_bg.png") no-repeat center;
	background-size: cover;
	content:'';
	position: absolute;
	top: 0;
	left: 0;
}
.fc_id_banner_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	animation: fibiianima 7s linear  forwards;
    -webkit-animation: fibiianima 7s linear forwards; /* Safari 与 Chrome */
}
.fc_id_banner_img_video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
@keyframes fibiianima
{
    100%{
		transform:scale(1.1);
	}
}
 
@-webkit-keyframes fibiianima /* Safari 与 Chrome */
{
    100%{
		transform:scale(1.1);
	}
}
.fc_id_banner_cbox{
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.fc_id_banner_c{
	width: 60vh;
	height: 60vh;
	margin: 0 auto;
	z-index: 10;
	position: relative;
}
.fc_id_banner_cx{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	animation: fibcanima 16s linear infinite ;
    -webkit-animation: fibcanima 16s linear infinite; /* Safari 与 Chrome */
}

@keyframes fibcanima
{
    to {
		transform:rotate(360deg);
	}
}
 
@-webkit-keyframes fibcanima /* Safari 与 Chrome */
{
    to {
		transform:rotate(360deg);
	}
}
.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: 100%;
	height: 100%;
	left: 0;
	top: 0;
	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 */
	
}
@keyframes fibconanima
{
    100%{
		transform:scale(1);
	}
}
 
@-webkit-keyframes fibconanima /* Safari 与 Chrome */
{
    100%{
		transform:scale(1);
	}
}
.fc_id_banner_con>div{
	width: auto;
	height: auto;
	margin: 10px auto;
}


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

.fc_id_case{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
}
.fc_id_case_img{
	width: 100%;
	height: 100%;
	font-size: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.fc_id_case_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.fc_id_case_con{
	width: 100%;
	height: 100%;
	font-size: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.fc_id_case_con_cn{
	font-size: 7rem;
	color: #FFFFFF;
	font-family: zk;
	text-align: center;
}
.fc_id_case_con_en{
	text-align: center;
}
.fc_id_case_con_en span{
	display: inline-block;
	font-size: 2.875rem;
	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: 60%;
	height: 3px;
	background: rgba(255,255,255,0.6);
	left: -70%;
	top: calc(50% - 1px);
}
.fc_id_case_con_en span:before{
	position: absolute;
	content: '';
	width: 60%;
	height: 3px;
	background: rgba(255,255,255,0.6);
	left: 110%;
	top: calc(50% - 1px);
}

.fc_id_lc{
	width: 100%;
	height: 100vh;
	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: 44vh;
	height: 44vh;
	background: #38a58a;
	border-radius: 50%;
	position: absolute;
	left: 14vh;
	top: calc(50% - 22vh);
	-webkit-filter: blur(15px);
    filter: blur(45px);
	opacity: 0.5;
}

.fc_id_lc_back>div.fc_id_lc_back_5>span{
	width: 44vh;
	height: 44vh;
	background: #38a58a;
	border-radius: 50%;
	position: absolute;
	right: 14vh;
	top: calc(50% - 22vh);
	-webkit-filter: blur(15px);
    filter: blur(45px);
	opacity: 0.5;
}
.fc_id_lc_back>div.fc_id_lc_back_3>span{
	width: 44vh;
	height: 44vh;
	background: #38a58a;
	border-radius: 50%;
	position: absolute;
	left: 10vh;
	top: calc(50% - 22vh);
	-webkit-filter: blur(15px);
    filter: blur(45px);
	opacity: 0.6;
}
.fc_id_lc_back>div.fc_id_lc_back_6>span{
	width: 44vh;
	height: 44vh;
	background: #38a58a;
	border-radius: 50%;
	position: absolute;
	right: 10vh;
	top: calc(50% - 22vh);
	-webkit-filter: blur(15px);
    filter: blur(45px);
	opacity: 0.6;
}
.fc_id_lc_back>div.fc_id_lc_back_2>span{
	width: 64vh;
	height: 64vh;
	background: #38a58a;
	border-radius: 50%;
	position: absolute;
	left: 10vh;
	top: calc(50% - 32vh);
	-webkit-filter: blur(32px);
    filter: blur(45px);
	opacity: 0.6;
}
.fc_id_lc_back>div.fc_id_lc_back_7>span{
	width: 64vh;
	height: 64vh;
	background: #38a58a;
	border-radius: 50%;
	position: absolute;
	right: 10vh;
	top: calc(50% - 32vh);
	-webkit-filter: blur(15px);
    filter: blur(45px);
	opacity: 0.6;
}
.fc_id_lc_back>div.fc_id_lc_back_1>span{
	width: 84vh;
	height: 84vh;
	background: #38a58a;
	border-radius: 50%;
	position: absolute;
	left: -5vh;
	top: calc(50% - 42vh);
	-webkit-filter: blur(32px);
    filter: blur(45px);
	opacity: 0.6;
}
.fc_id_lc_back>div.fc_id_lc_back_8>span{
	width: 84vh;
	height: 84vh;
	background: #38a58a;
	border-radius: 50%;
	position: absolute;
	right: -5vh;
	top: calc(50% - 42vh);
	-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: 8rem;
}
.fc_id_lc_con_title_en span:after{
	position: absolute;
	content: attr(te);
	font-size: 12.5rem;
	font-family: gb;
	color: rgba(255,255,255,0.1);
	text-transform: uppercase;
	left: 0%;
	top: -8rem;
}
.fc_id_lc_con_title_cn{
	position: relative;
	font-size: 3.75rem;
	font-family: opm;
	color: #FFFFFF;
	text-align: center;
	line-height: 120%;
	margin-bottom: 4rem;
}
.fc_id_lc_con_btn{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 5rem;
	margin-bottom: 4rem;
	cursor: pointer;
}
.fc_id_lc_con_btn>span{
	display: inline-block;
	width: 70px;
	height: 70px;
	border: 2px #FFFFFF solid;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fc_id_lc_con_btn:hover>span{
	transform: scale(1.1);
	-moz-box-shadow: 0px 0px 35px 0 rgba(255,255,255,1);
    -webkit-box-shadow: 0px 4px 35px 0 rgba(255,255,255,1);
    box-shadow: 0px 0px 35px 0 rgba(48,139,120,1);
}
.fc_id_lc_con_btn>span>svg{
	width: 24px;
	height: 24px;
	margin-top: 21px;
	fill:#ffffff;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fc_id_lc_con_btn:hover>span>svg{
	transform: translateX(3px);
}

.fc_id_lc_con_count{
	width: 73vw;
    width: var(--mainwidth);
	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: 5.9rem;
	color: #FFFFFF;
	font-family: db;
	position: relative;
	padding-right: 2rem;
}
.fc_id_lc_con_count_item>span:after{
	font-size: 3.75rem;
	content: attr(jia);
	color: #FFFFFF;
	font-family: db;
	position: absolute;
	left: calc(100% - 1.6rem);
	top: 0;
}
.fc_id_lc_con_count_item>span:before{
	font-size: 1.375rem;
	content: attr(text);
	color: #FFFFFF;
	font-family: opl;
	position: absolute;
	left: calc(100% - 1.3rem);
	bottom: 0.9rem;
}
.fc_id_lc_con_count_item>div{
	font-size: 1.5rem;
	color: #FFFFFF;
	font-family: opl;
}

.fc_id_yw{
	width: 100%;
	height: calc(100vw * 800 / 1920);
	position: relative;
}
.fc_id_yw_menu{
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}
.fc_id_yw_menu_back{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fc_id_yw_menu_backon{
	opacity: 1;
}
.fc_id_yw_menu_back>img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.fc_id_yw_sw{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 5;
}

.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_img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	overflow: hidden;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	opacity: 1;
}
.fc_id_yw_menu:hover .fc_id_ymi_img{
	opacity: 0;
}
.fc_id_ymi_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fc_id_yw_menu_item:hover .fc_id_ymi_img img{
	transform: scale(1.03);
}
.fc_id_ymi_con{
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	opacity: 1;
	position: absolute;
	background: none;
	z-index: 5;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transform: translateY(100%);
}

.fc_id_yw_menu_item:hover .fc_id_ymi_con{
	background: rgba(0,0,0,0.7);
	transform: translateY(0%);
	opacity:1;
}
.fc_id_ymi_con_title{
	font-size: 2rem;
	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: 3;
    overflow: hidden;
	margin-top: 3rem;
}
.fc_id_ymi_con_link{
	height: auto;
	text-align: center;
	margin-top: 4rem;
	padding: 1rem 0;
}
.fc_id_ymi_con_link a{
	display: inline-block;
	padding: 0.5rem 1.5rem;
	color: #000000;
	background: var(--OneColor);
	border-radius: 50px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fc_id_ymi_con_link a:hover{
	transform: scale(1.05);
	-moz-box-shadow: 0px 0px 15px 1px rgba(85,241,187,1);
    -webkit-box-shadow: 0px 0px 15px 1px rgba(85,241,187,1);
    box-shadow: 0px 0px 15px 1px rgba(85,241,187,1);
}
.fc_id_ymi_con_ico{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 3rem;
	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: 2rem;
	color: #FFFFFF;
	text-align: center;
	margin-top: 1.5rem;
	margin-bottom: 2rem;
	position: relative;
	z-index: 5;
}
.fc_id_ymi_con_line{
	width: 5rem;
	height: 3px;
	background: var(--OneColor);
	margin: 0 auto;
	margin-bottom: 3rem;
}
.fc_id_ymi_bottom_con{
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fc_id_yw_menu_item:hover .fc_id_ymi_bottom_con{
	transform: translateY(100%);
}

.fc_id_pagination{ 
	display: none;
}



.fc_id_ysj{
	width: 100%;
	height: calc(100vw * 742 / 1920);
}
.fc_id_ysj img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

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

.fc_id_kh{
	width: 73vw;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	position: relative;
	z-index: 5;
}

.fc_id_kh_ico{
	width: calc((100% - 15px) / 6);
	height: calc((100% - 15px) / 6 * 117 / 229);
	margin-right: 3px;
	margin-top: 3px;
	font-size: 0;
	overflow: hidden;
}
.fc_id_kh_ico:nth-child(6n){
	margin-right: 0px;
}
.fc_id_kh_ico img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fc_id_kh_ico img:hover{
	transform: scale(1.05);
}