@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: 'SourceFont';
	src: url('../font/SourceHanSansCN-Normal.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;
}

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

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

.EN .name {
	line-height: 0.3rem;
}

.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: 53px;
	height: 37px;
	display: block;
}

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

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

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

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

.loadingCompanyTextItem:nth-child(1) img {
	width: 18px;
	height: 19px;
}

.loadingCompanyTextItem:nth-child(2) img {
	width: 21px;
	height: 20px;
}

.loadingCompanyLastText {
	margin-left: 5px;
}

.loadingCompanyLastText img {
	width: 128px;
	height: 7px;
	display: block;
}

.loadingCompanyTextItem img {
	display: block;
}

.loadingCompanyTextItem:nth-child(3) img {
	width: 15px;
	height: 20px;
}

.loadingCompanyTextItem:nth-child(4) img {
	width: 18px;
	height: 19px;
}

.loadingCompanyTextItem:nth-child(5) img {
	width: 5px;
	height: 19px;
}

.loadingCompanyTextItem:nth-child(6) img {
	width: 20px;
	height: 20px;
}

.loadingCompanyTextItem:nth-child(7) img {
	width: 20px;
	height: 20px;
}

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

.loadingCompanyTextItem:nth-child(2) {

	margin-right: 2px;
	-webkit-animation: up2 .8s ease .3s both;
}

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

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

.loadingCompanyTextItem:nth-child(5) {
	margin-right: 5px;
	-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;
}
.tips-error{
	margin-top: .2rem;
	font-size: .22rem;
	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);
	}
}

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

.blackLoading {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 53px;
	height: 37px;
}

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

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

	100% {
		top: -100%;
	}
}

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

	100% {
		height: 37px;
	}
}


.hidden {
	display: none;
}

/* 头部*/
.top-wrap {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: .9rem;
	padding: 0 .35rem;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	background: #f1f1ef;
	z-index: 8888;
}

.top-wrap .logo,
.nav-wrap .top .logo {
	width: 1.91rem;
	height: .45rem;
}

.top-wrap .ico-menu {
	width: .35rem;
	height: .27rem;
}

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

.top-wrap .ico-language {
	margin-right: .5rem;
	width: .31rem;
	height: .32rem;
}

.language-wrap {
	position: fixed;
	padding-bottom: .3rem;
	top: .9rem;
	right: .38rem;
	width: 2.1rem;
	background: rgba(255, 255, 255, .86);
	box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
	transition: all .5s;
	z-index: 8888;
	display: none;
}

.language-wrap.fixed {
	opacity: 1;
}

.language-list .item {
	position: relative;
	padding: .4rem 0;
	font-size: .32rem;
	text-align: center;
}

.language-list .item:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 1.44rem;
	height: .1rem;
	background: url("../img/line1.png") no-repeat;
	background-size: contain;
	transform: translateX(-50%);
}

/* 导航*/
.nav-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: #f1f1ef;
	transition: all .5s;
	z-index: -1;
}

.nav-wrap.fixed {
	opacity: 1;
	z-index: 9999;
}

.nav-wrap .top {
	display: flex;
	height: .9rem;
	padding: 0 .35rem;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	background: #f1f1ef;
}

.nav-wrap .top .ico-close {
	width: .26rem;
	height: .26rem;
}

.nav-wrap .nav-list {
	margin-top: 1.3rem;
}

.nav-list .item {
	position: relative;
	margin-top: .66rem;
	padding-bottom: .2rem;
	font-size: .32rem;
	text-align: center;
	letter-spacing: .05rem;
}

.nav-list .item:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 1.57rem;
	height: .1rem;
	background: url("../img/line1.png") no-repeat;
	background-size: contain;
	transform: translateX(-50%);
}

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

.nav-wrap .bottom-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}

.nav-wrap .bottom-wrap .logo {
	display: block;
	margin: 0 auto .63rem;
	width: 2.88rem;
	height: .68rem;
}

.nav-wrap .bottom-wrap .font {
	position: relative;
	margin-bottom: .3rem;
	font-size: .24rem;
	text-align: center;
	font-family: 'enFont', Arial, sans-serif;
	letter-spacing: 0.03rem;
}

.nav-wrap .bottom-wrap .en {
	position: relative;
	margin-bottom: .4rem;
	padding-bottom: .63rem;
	font-size: .16rem;
	text-align: center;
	font-family: 'enFont', Arial, sans-serif;
	letter-spacing: 0.03rem;
}

.nav-wrap .bottom-wrap .en:before,
.nav-wrap .bottom-wrap .show:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: .46rem;
	height: .01rem;
	background: #969695;
	transform: translateX(-50%);
}

.nav-wrap .footer {
	display: flex;
	width: 100%;
	height: .55rem;
	color: #fff;
	font-size: .12rem;
	align-items: center;
	justify-content: center;
	font-family: 'enFont', Arial, sans-serif;
	background: #2f2f2f;
}

/*首页*/
.public-top {
	margin-top: .9rem;
}

.home-wrap {
	padding-top: 2.6rem;
	height: 12.82rem;
	background: url("../img/bg.png") no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}

.home-wrap .img {
	display: block;
	margin: 0 0 1.05rem 1.9rem;
	width: 4.71rem;
	height: 4.93rem;
}

.EN .home-wrap .img {
	margin: 0 .9rem 0;
	width: 5.12rem;
	height: 3.5rem;
}

/*关于我们*/
.corporate-wrap {
	position: relative;
	margin: 1.94rem 0 3.45rem 0;
	background-image: url("../img/bg1.png");
	background-repeat: no-repeat;
	background-position: 0.47rem 1.3rem;
	background-size: 7.04rem 7.47rem;
}

.corporate-wrap .text-wrap {
	position: absolute;
	left: 1rem;
	z-index: 20;
}

.corporate-wrap .title-box .en,
.introduce-wrap .text-wrap .en,
.service-wrap .en,
.detail-wrap .title-box .en {
	font-size: .6rem;
	color: #c59867;
	text-transform: uppercase;
	font-family: 'enFont', Arial, sans-serif;
	letter-spacing: 0.05rem;
	line-height: 0.6rem;
}

.corporate-wrap .title-box .name,
.introduce-wrap .text-wrap .name,
.service-wrap .title,
.detail-wrap .title-box .name {
	margin-top: .1rem;
	font-size: .38rem;
	font-family: 'SourceBoldFont', Arial, sans-serif;
}

.corporate-wrap .img {
	position: relative;
	display: block;
	margin-left: 0.35rem;
	width: 6.15rem;
	height: 9.65rem;
	z-index: 10;
}

.corporate-wrap .text-wrap .left-font {
	margin-top: 2.4rem;
	font-size: .16rem;
	letter-spacing: .03rem;
	font-family: 'dengFont', Arial, sans-serif;
	width: 2.1rem;
	text-align: right;
}

.corporate-wrap .text-wrap .left-font .name,
.corporate-wrap .text-wrap .right-font .name {
	font-size: .26rem;
	text-transform: uppercase;
	font-family: 'SourceBoldFont', Arial, sans-serif;
}

.corporate-wrap .text-wrap .right-font {
	margin-left: 3.4rem;
	margin-top: 2.5rem;
	font-size: .16rem;
	letter-spacing: .03rem;
	font-family: 'dengFont', Arial, sans-serif;
	text-align: left;
}

.EN .corporate-wrap .text-wrap .left-font {
	letter-spacing: .03rem;
	width: 3rem;
	text-align: left;
}

.EN .corporate-wrap .text-wrap .right-font {
	margin-left: 3rem;
	margin-top: 2.4rem;
	letter-spacing: .03rem;
	text-align: right;
}

.JP .corporate-wrap .text-wrap .left-font {
	width: 2.7rem;
	text-align: right;
	margin-left: -0.2rem;
}

.JP .corporate-wrap .text-wrap .right-font {
	margin-left: 3rem;
	margin-top: 2.6rem;
}

.introduce-wrap {
	position: relative;
}

.introduce-wrap .text-wrap {
	position: absolute;
	top: 0;
	left: 1rem;
	z-index: 10;
}

.introduce-wrap .text-wrap .text {
	margin-top: .4rem;
	width: 70%;
	font-size: .24rem;
	color: #2f2c24;
	font-family: 'dengFont', Arial, sans-serif;
}

.t1 img {
	width: 3.28rem;
	height: 1.83rem;
	display: block;
	margin: auto auto 0.7rem auto;
}

.EN .introduce-wrap .text-wrap .text p {
	margin-bottom: .2rem;
}

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

.introduce-wrap .img {
	width: 100%;
	height: 11.91rem;
}

.EN .introduce-wrap .img,
.JP .introduce-wrap .img {
	height: 14rem;
}

/*公司业务*/
.service-wrap {
	position: relative;
	padding: 1.58rem 0.98rem 0 0.98rem;
	background: url("../img/bg2.png") no-repeat bottom;
	background-size: contain;
	box-sizing: border-box;
}

.service-wrap .title,
.EN .service-wrap .en {
	margin-bottom: .7rem;
}

.service-list {
	display: flex;
	padding-bottom: 3rem;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.service-list .item {
	margin-bottom: .14rem;
	margin-left: .14rem;
	width: 2.7rem;
	height: 2.7rem;
	font-size: .18rem;
	text-align: center;
	text-transform: uppercase;
	font-family: 'dengFont', Arial, sans-serif;
	background: #fff;
}

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

.service-list .item .ico-design {
	margin-top: .4rem;
	width: .6rem;
	height: 1.07rem;
}

.service-list .item .name {
	margin-top: .1rem;
	font-size: .26rem;
	font-family: 'SourceBoldFont', Arial, sans-serif;
}

.service-list .item .ico-general {
	margin-top: .42rem;
	width: 1.05rem;
	height: 1.05rem;
}

.service-list .item .ico-project {
	margin-top: .42rem;
	width: .77rem;
	height: .93rem;
}

/*案例*/
.case-wrap {
	padding-top: 1rem;
	text-align: center;
}

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

.case-wrap .title {
	margin-bottom: .8rem;
	margin-top: .1rem;
	font-size: .2rem;
	color: #838383;
	font-family: 'SourceFont', Arial, sans-serif;
}

.EN .case-wrap .en {
	margin-bottom: .8rem;
}

.case-wrap .img {
	width: 6.2rem;
	height: 8.55rem;
}

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

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

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

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

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

.red {
	color: #ff0000;
}

.form-wrap {
	margin: auto;
	width: 90%;
}

.form-wrap .form-item {
	margin-bottom: .35rem;
	font-size: .22rem;
	font-family: 'dengFont', Arial, sans-serif;
	color: #545454;
}

.form-wrap .form-item .en {
	text-transform: uppercase;
}

.form-wrap .form-item .input {
	padding: 0 .2rem;
	margin-top: .2rem;
	width: 100%;
	height: .7rem;
	background: #eeeae5;
	border-radius: .08rem;
	border: none;
	outline: none;
	font-family: 'dengFont', Arial, sans-serif;
	box-sizing: border-box;
}

.form-wrap .form-item .textarea {
	padding: .2rem;
	margin-top: .2rem;
	width: 100%;
	height: 1.6rem;
	background: #eeeae5;
	border-radius: .1rem;
	border: none;
	outline: none;
	font-family: 'dengFont', Arial, sans-serif;
	box-sizing: border-box;
}

.form-wrap .btn {
	display: block;
	margin: .4rem auto 0;
	width: 2.7rem;
	height: .65rem;
	font-size: .25rem;
	color: #fff;
	background: #c89e72;
	font-family: 'dengFont', Arial, sans-serif;
	border-radius: .08rem;
	cursor: pointer;
	letter-spacing: 0.1rem;
}

/*业务详情*/
.detail-wrap {
	margin-top: 1.5rem;
	padding: 0 .7rem 1.7rem;
	background: url("../img/bg3.png") no-repeat;
	background-size: 100%;
}

.detail-wrap .title-box {
	margin-bottom: 1.9rem;
	padding-top: .7rem;
}

.detail-wrap .ico-num {
	font-size: .88rem;
	height: .63rem;
}

.detail-wrap .title {
	position: relative;
	font-size: .44rem;
	text-transform: uppercase;
	font-family: 'enFont', Arial, sans-serif;
	line-height: 0.5rem;
	letter-spacing: 0.03rem;
	font-weight: bold;
}

.detail-wrap .en {
	font-size: .27rem;
	color: #2f2f2f;
	text-transform: uppercase;
	font-family: 'enFont', Arial, sans-serif;
}

.detail-wrap .ico {
	width: 2.3rem;
	height: .49rem;
	margin-top: 0.4rem;
}

.detail-wrap .text {
	margin-top: .4rem;
	width: 5rem;
}

.detail-wrap p {
	margin-bottom: .2rem;
	font-size: .24rem;
	line-height: .35rem;
	color: #3a3a3a;
	font-family: 'dengFont', Arial, sans-serif;
}

.detail-list .item {
	margin-bottom: 1rem;
}

.detail-list .item:nth-child(2n) {
	text-align: right;
	padding-top: 1rem;
}

.detail-list .item:nth-child(2n) .text {
	float: right;
	text-align: left;
}

.detail-list .item:last-child {
	margin-bottom: 0;
	padding-top: 0.4rem;
}

/*底部*/
.footer-wrap {
	padding: .5rem 0 .4rem;
	font-size: .15rem;
	text-align: center;
	line-height: .3rem;
	color: #cfcfcf;
	background: #2f2f2f;
	letter-spacing: 0.01rem;
}

.footer-wrap .logo {
	margin-bottom: .4rem;
	width: 2.7rem;
	height: .49rem;
}

.line {
	margin: 0 0.2rem;
}

.btn_top {
	position: fixed;
	right: 0.6rem;
	bottom: 0.6rem;
	z-index: 999;
}

.btn_top img {
	width: 0.94rem;
	height: 0.96rem;
}

.back {
	width: 1.82rem;
	height: 0.44rem;
	margin-top: 0.75rem;
}