@font-face {
	font-family: 'enFont';
	src: url('../font/tt0288m_.ttf') format('truetype');
	/* 现代浏览器支持 */
}

@font-face {
	font-family: 'enBoldFont';
	src: url('../font/tt0290m_.ttf') format('truetype');
	/* 现代浏览器支持 */
}

@font-face {
	font-family: 'SourceBoldFont';
	src: url('../font/SourceHanSansCN-Bold.otf') format('opentype');
	/* 现代浏览器支持 */
}

@font-face {
	font-family: 'dengFont';
	src: url('../font/Deng.ttf') format('truetype');
	/* 现代浏览器支持 */
}

@font-face {
	font-family: 'dengBoldFont';
	src: url('../font/Dengb.ttf') format('truetype');
	/* 现代浏览器支持 */
}

body {
	background: #f1f1ef;
	overflow-x: hidden;
	overflow-y: hidden;
}

img {
	pointer-events: none;
}

.show,
.jp-show {
	display: none !important;
}

.EN .show,
.JP .jp-show {
	display: block !important;
}

.EN .hide,
.JP .hide {
	display: none !important;
}

/*loading*/
.loading-wrap {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	background: #f1f1ef;
	z-index: 9999;
}

.loading-wrap .loading {
	width: 116px;
	height: 80px;
}

.loadingBox {
	position: relative;
	width: 116px;
	height: 80px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.loadingText {
	font-size: 24px;
	color: #2f2c24;
	margin-top: 20px;
}

.loadingCompanyBox {
	margin-left: 17px;
	text-align: center;
	display: none;
}

.loadingCompanyText {
	display: flex;
	margin-bottom: 10px;
	overflow: hidden;
}

.loadingCompanyTextItem:nth-child(1) {
	margin-right: 2px;
	-webkit-animation: up1 .8s ease 0s both;
}

.loadingCompanyTextItem:nth-child(2) {
	margin-right: 4px;
	-webkit-animation: up2 .8s ease .3s both;
}

.loadingCompanyTextItem:nth-child(3) {
	margin-right: 6px;
	-webkit-animation: up1 .8s ease 0s both;
}

.loadingCompanyTextItem:nth-child(4) {
	margin-right: 8px;
	-webkit-animation: up3 .8s ease 0.3s both;
}

.loadingCompanyTextItem:nth-child(5) {
	margin-right: 9px;
	-webkit-animation: up2 .8s ease 0s both;
}

.loadingCompanyTextItem:nth-child(6) {
	margin-right: 3px;
	-webkit-animation: up1 .8s ease 0s both;
}

.loadingCompanyTextItem:nth-child(7) {
	-webkit-animation: up3 .8s ease 0.2s both;
}

.blackLoadingBox {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 0;
	overflow: hidden;
	-webkit-animation: loadingAnimate 3s linear 0s both;
}

.blackLoading {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 116px;
	height: 80px;
}

.loadingPageAnimate {
	-webkit-animation: loadingPageAnimate 1s linear 2s both;
}

@-webkit-keyframes loadingPageAnimate {
	0% {
		top: 0;
	}

	100% {
		top: -100%;
	}
}

@-webkit-keyframes loadingAnimate {
	0% {
		height: 0;
	}

	100% {
		height: 80px;
	}
}

.hidden {
	display: none;
}

/*导航*/
.nav-wrap {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 1.54rem 0 .73rem;
	width: 100%;
	height: 1rem;
	font-size: .18rem;
	color: #fff;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	z-index: 8888;
}

.nav-wrap .logo {
	width: 1.8rem;
	height: .42rem;
}

.nav-wrap.fixed {
	color: #000403;
	background-color: rgba(255, 255, 255, 0.9);
}

.nav-list {
	display: flex;
	align-items: center;
}

.nav-list .item {
	position: relative;
	margin-left: .7rem;
}

.nav-list .item a {
	color: #fff;
}

.nav-list .item .en {
	position: relative;
}

/* .nav-list .item .en:after {
	position: absolute;
	top: 50%;
	right: 0;
	content: '/';
	color: #fff;
	transform: translateY(-50%);
} */

.line {
	width: 0.1rem;
	height: 0.13rem;
}

.nav-wrap.fixed .nav-list .item .en:after {
	color: #000403;
}

.nav-list .item .en:last-child:after {
	display: none;
}

.nav-list .item .en.selected {
	color: #c59867 !important;
	font-weight: bold;
}

.nav-wrap.fixed .nav-list .item a {
	color: #000403;
}

.nav-wrap.fixed .nav-list .item.active:after {
	background: #c89e72;
}

.nav-list .item.active:after {
	height: .67rem;
}

.nav-list .item:after {
	position: absolute;
	top: -.5rem;
	left: -.1rem;
	content: '';
	width: 2px;
	height: 0;
	background: #fff;
	transition: all .5s;
}

.nav-list .item:last-child:after {
	display: none;
}

/*首页*/
.home-wrap {
	position: relative;
}

.home-wrap .bg {
	width: 100%;
	height: 10.39rem;
}

.home-wrap .font-wrap {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 10;
}

.home-wrap .font-wrap .img {
	width: 6.93rem;
	height: 3.52rem;
}

.EN .home-wrap .font-wrap .img {
	width: 6.48rem;
	height: 3.12rem;
}

/*关于我们*/
.about-wrap {

	background: #f1f1ef;
}

.about-wrap .title-box {
	position: relative;
	font-size: .5rem;
	z-index: 100;
	padding-top: 1rem;
}

.about-wrap .title-box .en {
	font-size: .79rem;
	color: #c59867;
	text-transform: uppercase;
	font-family: 'enFont', Arial, sans-serif;
}

.about-wrap .title-box .name {
	margin-top: .1rem;
	font-family: 'SourceBoldFont', Arial, sans-serif;
}

.corporate-wrap {
	position: relative;
	margin-top: 1rem;
	height: 8.5rem;
	padding-left: 1.6rem;
}

.corporate-wrap .bg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 4.75rem;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.corporate-wrap .text-wrap {
	position: absolute;
	top: 0;
	left: 50%;
	width: 7.45rem;
	letter-spacing: .05rem;
	font-size: .26rem;
	color: #333;
	font-family: 'dengFont', Arial, sans-serif;
	transform: translateX(-50%);
	z-index: 10;
}

.corporate-wrap .text-wrap .img {
	width: 7.68rem;
	height: 8.27rem;
}

.lnItem:nth-child(1) {
	width: 7.45rem;
	height: 7.97rem;
	position: relative;
	z-index: 10;
}

.lnItem:nth-child(2) {
	width: 4.04rem;
	height: 5.22rem;
	position: absolute;
	top: 2.84rem;
	right: 0.79rem;
}

.lnItem:nth-child(1) img,
.lnItem:nth-child(2) img {
	width: 100%;
	height: 100%;
}

.corporate-wrap .text-wrap .left-font {
	position: absolute;
	top: 3rem;
	left: -.45rem;
	z-index: 10;
	text-align: right;
}

.EN .corporate-wrap .text-wrap {
	letter-spacing: normal;
	font-size: .23rem;
}

.EN .corporate-wrap .text-wrap .left-font {
	left: -4.5rem;
	text-align: left;
}

.EN .corporate-wrap .text-wrap .name {
	text-transform: uppercase;
}

.JP .corporate-wrap .text-wrap .left-font {
	left: -1.8rem;
	text-align: right;
}

.corporate-wrap .text-wrap .name {
	margin-bottom: .1rem;
	font-size: .42rem;
	color: #2f2f2f;
	font-family: 'dengBoldFont', Arial, sans-serif;
}

.corporate-wrap .text-wrap .right-font {
	position: absolute;
	top: 5.8rem;
	right: -0.74rem;
	z-index: 10;
	text-align: left;
}

.EN .corporate-wrap .text-wrap .right-font {
	right: -4.74rem;
	text-align: right;
}

.JP .corporate-wrap .text-wrap .right-font {
	right: -1.5rem;
}

.introduce-wrap {
	position: relative;
	padding-top: 1rem;
	padding-left: 1.6rem;
}

.introduce-wrap .text {
	position: relative;
	margin-top: .88rem;
	width: 5.5rem;
	font-size: .16rem;
	color: #2f2c24;
	font-family: 'dengFont', Arial, sans-serif;
	z-index: 10;
}

.introduce-wrap .text p {
	margin-bottom: .4rem;
	line-height: .3rem;
}

.EN .introduce-wrap .text p {
	line-height: .2rem;
}

.JP .introduce-wrap .text p {
	line-height: .3rem;
}

.introduce-wrap .img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 10.42rem;
	z-index: 1;
}

/*公司业务*/
.service-wrap {
	position: relative;
}

.service-wrap .img {
	position: relative;
	top: 2.5rem;
	left: 0;
	width: 100%;
	height: 10.41rem;
	z-index: 1;
}

.service-wrap .content {
	position: absolute;
	top: 4.5rem;
	left: 5.5rem;
	z-index: 10;
}

.service-wrap .content .en {
	font-size: .79rem;
	color: #c59867;
	text-transform: uppercase;
	font-family: 'enFont', Arial, sans-serif;
}

.service-wrap .content .title {
	margin-top: .1rem;
	font-size: .5rem;
	font-family: 'SourceBoldFont', Arial, sans-serif;
}

.service-list {
	display: flex;
	margin-top: .8rem;
	font-size: .16rem;
	color: #3a3a3a;
	align-items: flex-start;
	font-family: 'dengFont', Arial, sans-serif;
}

.service-list .item {
	flex: 1;
	padding-right: .5rem;
	padding-bottom: .1rem;
	margin-left: .5rem;
	border-right: .01rem solid #e4e4e3;
}

.service-list .item:first-child {
	margin-left: 0;
}

.service-list .item:last-child {
	border-right: none;
}

.service-list .item .ico-design {
	width: .44rem;
	height: .78rem;
}

.service-list .item .flex {
	display: flex;
	margin-top: .17rem;
	align-items: center;
}

.EN .service-list .item {
	padding-right: .5rem;
}

.EN .service-list .item .name {
	position: relative;
	margin-top: .17rem;
	margin-bottom: .6rem;
	text-transform: uppercase;
	font-size: .3rem;
	font-family: 'SourceBoldFont', Arial, sans-serif;
}

.EN .service-list .item .name:after {
	position: absolute;
	bottom: -.3rem;
	left: 0;
	content: '';
	width: .83rem;
	height: .02rem;
	background: #dbc4ab;
}

.EN .service-list .item .name:before {
	position: absolute;
	bottom: -.31rem;
	left: 0;
	content: '';
	width: .4rem;
	height: .05rem;
	background: #dbc4ab;
}

.JP .service-list .item .flex .en {
	margin-left: 0;
}

.service-list .item .flex .name {
	font-size: .3rem;
	font-family: 'SourceBoldFont', Arial, sans-serif;
}

.service-list .item .flex .en {
	margin-left: .1rem;
	font-size: .15rem;
	color: #2f2f2f;
}

.service-list .item .text {
	margin-top: .3rem;
}

.service-list .item .text p {
	line-height: .2rem;
	margin-bottom: 0.2rem;
	/* 针对中文使用 */
}

.service-list .item .ico-general {
	width: .75rem;
	height: .75rem;
}

.service-list .item .ico-project {
	width: .61rem;
	height: .74rem;
}

/*案例*/
.case-wrap {
	padding-top: 4rem;
}


.contact-wrap .title-box {
	text-align: center;
	font-size: .26rem;
	color: #838383;
	font-family: 'SourceBoldFont', Arial, sans-serif;
}

.case-wrap .title-box {
	text-align: center;
	font-size: .26rem;
	color: #838383;
}

.case-wrap .title-box .en,
.contact-wrap .title-box .en {
	margin-bottom: .1rem;
	font-size: .76rem;
	color: #c59867;
	text-transform: uppercase;
	font-family: 'enFont', Arial, sans-serif;
}

.case-wrap .img {
	display: block;
	margin: 1rem auto;
	width: 12.76rem;
	height: 5.3rem;
}

.EN .case-wrap .img {
	margin-top: 1.5rem;
}

.JP .case-wrap .img {
	margin-top: 1.55rem;
}

/*联系我们*/
.contact-wrap {
	padding: 0 0 .4rem 0;
}

.contact-wrap .title-box {
	margin-bottom: .44rem;
	color: #302e25;
}

.contact-wrap .title-box .title {
	margin-bottom: .1rem;
	font-size: 0.38rem;
}

.contact-wrap .title-box .font {
	font-size: .15rem;
	line-height: .2rem;
	color: #8b8984;
	font-family: 'dengFont', Arial, sans-serif;
}

.red {
	color: #ff0000;
	font-size: 0.25rem;
}

.red2 {
	color: #ff0000;
	font-size: 0.15rem;
}

.form-wrap {
	margin: auto;
	width: 9.6rem;
}

.form-wrap .form-item {
	display: flex;
	margin-bottom: .3rem;
	align-items: center;
	font-size: .17rem;
	color: #565656;
	justify-content: space-between;
	font-family: 'dengFont', Arial, sans-serif;

}

.form-wrap .form-item .label .en {
	font-size: .14rem;
	text-transform: uppercase;
	font-family: 'enFont', Arial, sans-serif;
	letter-spacing: 0.01rem;
}

.EN .form-wrap .form-item .label .en {
	font-family: 'enBoldFont', Arial, sans-serif;
}

.form-wrap .form-item .input {
	padding: 0 .2rem;
	width: 8rem;
	height: .54rem;
	font-size: .17rem;
	background: #eeeae5;
	border-radius: .05rem;
	border: none;
	outline: none;
	font-family: 'dengFont', Arial, sans-serif;
	box-sizing: border-box;
}

.form-wrap .form-item textarea {
	padding: .2rem;
	width: 8rem;
	height: 2.1rem;
	font-size: .17rem;
	background: #eeeae5;
	border-radius: .05rem;
	border: none;
	outline: none;
	font-family: 'dengFont', Arial, sans-serif;
	box-sizing: border-box;
	resize: none;
}

.form-wrap .btn {
	margin-left: 1.6rem;
	width: 2.76rem;
	height: .57rem;
	font-size: .25rem;
	color: #fff;
	background: #c89e72;
	font-family: 'dengFont', Arial, sans-serif;
	border-radius: .05rem;
	cursor: pointer;
	letter-spacing: 0.06rem;
}

/*底部*/
.footer-wrap {
	display: flex;
	padding: 0 .7rem;
	height: 1.14rem;
	font-size: .13rem;
	color: #cfcfcf;
	align-items: center;
	justify-content: space-between;
	background: #2f2f2f;
}

.footer-wrap .footLogo {
	width: 1.51rem;
	height: .27rem;
}

.footer-wrap .right {
	text-align: right;
	line-height: .25rem;
	font-family: 'dengFont', Arial, sans-serif;
	letter-spacing: 0.01rem;
}
.tips-error{
	margin-top: .1rem;
	font-size: .15rem;
	color: #ff0000;
}

/* 添加动画效果 */
@keyframes up1 {
	from {
		transform: translateY(100%);
	}

	to {
		transform: translateY(0);
	}
}

@keyframes up2 {
	from {
		transform: translateY(130%);
	}

	to {
		transform: translateY(0);
	}
}

@keyframes up3 {
	from {
		transform: translateY(120%);
	}

	to {
		transform: translateY(0);
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}


@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translateY(-30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translateX(-100%);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translateX(100%);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* 初始状态 */
.animate-item {
	opacity: 0;
	transition: opacity 0.5s ease, transform 0.5s ease;
	will-change: opacity, transform;
}

/* 动画类 */
.animate-fadeInUp {
	animation: fadeInUp 0.8s ease forwards;
}

.animate-fadeInLeft {
	animation: fadeInLeft 0.8s ease forwards;
}

.animate-fadeInRight {
	animation: fadeInRight 0.8s ease forwards;
}

/* 延迟动画 */
.animate-delay-1 {
	animation-delay: 0.2s;
}

.animate-delay-2 {
	animation-delay: 0.4s;
}

.animate-delay-3 {
	animation-delay: 0.6s;
}



/* 文字浮动效果 */
/* .corporate-wrap .left-font,
.corporate-wrap .right-font {
	transition: transform 0.5s ease;
} */

/* .corporate-wrap .left-font:hover {
	transform: translateX(10px);
}

.corporate-wrap .right-font:hover {
	transform: translateX(-10px);
}
.fontItem {
	margin-top: -1px;
}
*/
.fontItem:nth-child(1) {
	width: 4.52rem;
	height: 0.68rem;
}

.fontItem:nth-child(2) {
	width: 6.74rem;
	height: 0.68rem;
}

.fontItem:nth-child(3) {
	width: 3.71rem;
	height: 0.68rem;
}

.fontItem:nth-child(4) {
	width: 5.41rem;
	height: 0.68rem;
}

.fontItem:nth-child(5) {
	width: 6.46rem;
	height: 0.68rem;
}

.fontItem>img,
.enFont>img,
.cnFont>img,
.jpFont>img {
	width: 100%;
	height: 100%;
}

.enFont {
	width: 4.68rem;
	height: 2.42rem;
	position: absolute;
	top: 0.16rem;
	left: 1.52rem;
	z-index: 10;
	-webkit-animation: fadeIn 1s ease 8.5s both;
}

.cnFont {
	width: 4.6rem;
	height: 0.3rem;
	position: absolute;
	top: 2.92rem;
	left: 1.52rem;
	z-index: 10;
	-webkit-animation: fadeIn 1s ease 9s both;
}

.jpFont {
	width: 4.75rem;
	height: 0.27rem;
	position: absolute;
	top: 2.92rem;
	left: 1.52rem;
	z-index: 10;
	-webkit-animation: fadeIn 1s ease 9s both;
	display: none;
}