.banner-box{
	width: 100%;
	height: 1080px;
	background-image: url("../webpic/banner_img.png");
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
}
.banner-lang{
	position: absolute;
	top: 50px;
	right: calc(100vw * 13 / 96);
	width: calc(100vw * 3 / 32);
	height: calc(calc(100vw * 3 / 32) * 5 / 18);
}

.brand-box,.solution-box,.ar-box,.front-box,.management-box,.D3-box, .service-box,.cooperate-box{
	width: 100%;
	/* background-color: red; */
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
.brand-box-title{
	width: 1400px;
	height: 110px;
	background-image: url("../webpic/brand_title.png");
	margin-bottom: 73px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.brand-box-body,.solution-box-body,.ar-box-body{
	width: calc(100% - 16.67%);
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 174px;
}

.solution-box-title{
	width: 656px;
	height: 110px;
	background-image: url("../webpic/solution-title.png");
	margin-bottom: 70px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.brand-box-body-item,.solution-box-body-item{
	width: 19.375%;
	height:calc(calc(100vw - 100vw * 0.167) * 0.19375);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.brand-box-body{
	width: calc(100% - 27.08%);
	justify-content: flex-start;
}
.brand-box-body-item{
/* 	width: 310px;
	height: 310px; */
	width:  calc(calc(100vw -  calc(100vw * 0.2708)) * 0.22 );
	height: calc(calc(100vw -  calc(100vw * 0.2708)) * 0.22 );
	margin-right:53px ;
}
.brand-box-body-item:last-child{
	margin-right: 0px;
}
.solution-box-body-item{
	height:calc(calc(100vw - 100vw * 0.167) * 0.24375);
}
.brand-box-body-item.one{
	background-image: url('../webpic/brand_1.png');
}
.brand-box-body-item.two{
	background-image: url('../webpic/brand_2.png');
}
.brand-box-body-item.three{
	background-image: url('../webpic/brand_3.png');
}
.brand-box-body-item.four{
	background-image: url('../webpic/brand_4.png');
}

.solution-box-body-item.one{
	background-image: url('../webpic/solution_1.png');
}
.solution-box-body-item.two{
	background-image: url('../webpic/solution_2.png');
}
.solution-box-body-item.three{
	background-image: url('../webpic/solution_3.png');
}
.solution-box-body-item.four{
	background-image: url('../webpic/solution_4.png');
}

.marginL57{
	margin-left: 57px;
}
.marginR57{
	margin-right: 57px;
}

.empty-box{
	width: 100%;
	height: 100px;
}

/* 前端展示 */

.front-top-bg{
	width: 100%;
	height: 220px;
	background-image: url("../webpic/front_top_bg.png");
	background-size: 100% 100%;
	background-position: left top;
}
.front-bg{
	background-image: url("../webpic/front_bg.png");
	background-position: left top;
	background-size: 100% 100%;
}
.front-box-title{
	width: 800px;
	height: 210px;
	background-image: url("../webpic/front_title.png");
	margin-bottom: 70px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.front-box-body,.management-box-body{
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
.front-box-body-font{
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-around;
	align-items: flex-start;
}
.fontL1057{
	margin-left: 10.57%;
}
.front-box-body-image{
	width: 58.125%;
	display: flex;
	flex-flow: row nowrap;	
	align-items: center;
}
.alignItemsflexEnd{
	align-items: flex-end !important;
}
.flexEnd{
	justify-content: flex-end;
}

.imgR677{
	margin-right: 6.77%;
}
.marginTop134{
	margin-top: 134px;
}
.marginTop161{
	margin-top: 161px;
}
.marginBot155{
	margin-bottom: 155px;
}
.marginBot133{
	margin-bottom: 133px;
}
.management-top-bg{
	width: 100%;
	height: 100px;
	background-image: url("../webpic/management_top_bg.png");
	background-size: 100% 100%;
	background-position: left top;
}
.management-bg{
	background-image: url("../webpic/management_bg.png");
	background-position: left top;
	background-size: 100% 100%;
}
.management-box-title{
	width: 860px;
	height: 160px;
	background-image: url("../webpic/management_title.png");
	margin-bottom:65px;
	margin-top: 51px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.management-box-body-font{
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-around;
	align-items: flex-start;
}
.management-box-body-image{
	width: 44.79%;
	display: flex;
	flex-flow: row nowrap;	
	align-items: center;
}


/* management_title */
.ar-box-title{
	width: 1400px;
	height: 110px;
	background-image: url("../webpic/ar_title.png");
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 60px;
	margin-top: 90px;
}
.ar-bg{
	background-image: url("../webpic/ar_bg.png");
	background-position: left top;
	background-size: 100% 100%;	
}
.ar-box-body{
	width: 100%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	margin-bottom: 24px;
}

.ar-box-send{
	flex: 1;
	margin: 0 8%;
	/* margin: 0 13.54%; */
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 100px;
}
.ar-box-send-left{
	width: 850px;
	margin-right: 100px;
	height: 480px;
	border-radius: 16px;
	overflow: hidden;
}
.ar-box-send-right{
	
}
.ar-box-send-right>div:nth-child(1){
	margin-bottom: 50px;
}
.ar-box-send-right>div:nth-child(1)>img{
	margin-right: 30px;
}

.ar-box-three{
	margin: 0 13.54%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 50px;
	margin-bottom: 100px;
}

.ar-box-item{
	width: 450px;
	height: 575px;
	margin-right: 25px;
	/* width: 28.25%; */
}
.ar-box-item:last-child{
	margin-right: 0px;
}
.service-bg{
	background-image: url("../webpic/service_bg.png");
	background-position: left top;
	background-size: 100% 100%;	
}
.service-box-title{
	width:1400px;
	height: 195px;
	background-image: url("../webpic/service_title.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-top: 75px;
}
.service-box-body{
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	margin-bottom: 80px;
}
.service-box-body-left{
	width: 580px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
	margin-right: 60px;
	&>img{
		margin-top: 40px;
		/* margin-bottom: 20px; */
	}
}
.service-box-body-right{
	width: 760px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
}
/* 3d建模 */
.D3-bg{
	background-image: url("../webpic/d3_bg.png");
	background-position: left top;
	background-size: 100% 100%;	
}
.D3-box-title{
	width:1400px;
	height: 110px;
	background-image: url("../webpic/d3_title.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom: 50px;
	margin-top: 100px;
}
.D3_sub-title{
	width:1400px;
	height: 45px;
	background-image: url("../webpic/d3_subtitle_01.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin: auto;
	margin-bottom: 50px;
	margin-top: 110px;
}
.D3-box-body{
	width: 100%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
}
.D3-box-send{
	margin: 0 8%;
	/* margin: 0 13.54%; */
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 50px;
	margin-bottom: 100px;
}
.D3-box-send-left{
	width: 850px;
	margin-right: 100px;
	height: 480px;
	border-radius: 16px;
	overflow: hidden;
}
.D3-box-send-right{
	
}
.D3-box-send-right>div:nth-child(1){
	margin-bottom: 50px;
}
.D3-box-send-right>div:nth-child(1)>img{
	margin-right: 30px;
}
.D3-box-three{
	margin: 0 13.25%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-end;
}
.D3-box-three-item{
	flex: 1;
	margin-right: 60px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items:  flex-start;
}
.D3-box-three-item:last-child{
	margin-right: 0px;
}
.D3-box-three-item>img{
	margin-bottom: 40px;
}
.D3-box-four{
	margin: 0 13.54%;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	align-items: flex-end;
	margin-top: 100px;
	margin-bottom: 195px;
}
.D3-box-four-image{
	margin-bottom: 60px;
}

/* 期待与您的合作 */
.cooperate-box{
	padding: 90px 0 80px;
}
.cooperate-bg{
	background-image: url("../webpic/cooperate_bg.png");
	background-position: left top;
	background-size: 100% 100%;	
}
.cooperate-bg>img:nth-child(3){
	margin-top: 70px;
}

.footer-box{
	width: 100%;
	height: 330px;
	background-color: rgb(31, 35, 41);
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
}
.footer-box-body{
	width: calc(100vw - 16.67%);
	/* margin: 0 13.54%; */
	/* width: 100%; */
	/* width: calc(100% - 16.67%);
	background-color: green; */
}
.footer-box-body-one{
	/* width: 100%; */
	margin: 0 13.54%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 50px;
}
/* .footer-box-body-one>div{
	height:368px ;
	width: 33%;
	line-height: 450px;
} */
/* .footer-box-body-one>div:first-child{
	background-image: url('../webpic/footer_code.png');
	background-position: left top;
	background-size: 100% auto;
} */
.footer-box-body-one>div:nth-child(2){
	text-align: center;
}
.footer-box-body-two{
	height: 20px;
	width: 100%;
	background-image: url("../webpic/footer_line.png");
	background-size: 100% auto;
	background-position: left center;
	background-repeat: no-repeat;
}
.footer-box-body-three{
	margin: 0 13.54%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	margin-top: 40px;
}
@media handheld,
only screen and (max-width: 767px) {
	.brand-box-body,.solution-box-body,.ar-box-body,.front-box-body,.footer-box-body{
		flex-flow: column nowrap;
	}
	.brand-box-title{
		width: 98%;
		height: calc(98vw * 0.0786);
		margin-bottom: 30px;
	}
	.brand-box-body{
		width: 100%;
		margin: auto;
		margin-bottom: 10px;
		flex-flow: row wrap;
	}
	.brand-box-body-item{
		width:45%;
		height: calc(100vw  * 0.45);
		margin-bottom: 15px;
		margin-right:  2.5%;
		margin-left: 2.5%;
	}
	.service-box-title{
		width: 92%;
		height: calc(92vw * 0.139);
		margin-top: 15px;
		/* margin-bottom: 30px; */
	}
	.service-box-body{
		flex-flow: column nowrap;
	}
	.service-box-body-left,.service-box-body-right{
		width: 92%;
		margin: auto;
	}
	.service-box-body-left>img{
		margin-top: 10px;
	}
	.solution-box-title{
		width: 98%;
		height: calc(98vw * 0.168);
		margin-bottom: 30px;
	}
	.solution-box-body{
		margin-bottom: 10px;
		flex-flow: row wrap;
	}
	.solution-box-body-item{
		width:45%;
		height: calc(calc(100vw - 100vw * 0.167) * 0.6 );
		/* margin-bottom: 20px; */
		/* width: 100%;
		height: calc(98vw * 1.2); */
		/* margin: 10px 0; */
	}
	.front-top-bg{
		height: calc(100vw * 0.115);
	}
	.front-box-title{
		width: 98%;
		height: calc(98vw * 0.2625);
		margin-bottom: 30px;
	}
	
	.front-box-body,.management-box-body{
		width: calc(100% - 16.67%);
		margin: 0 !important;
	}
	.front-box-body:nth-child(2),.management-box-body:nth-child(2){
		flex-flow: column;
	}
	.front-box-body:nth-child(3),.management-box-body:nth-child(3){
		flex-flow: column-reverse;
	}
	.front-box-body-font.fontL1057,.management-box-body-font.fontL1057{
		margin: 0;
	}
	.front-box-body-image,.management-box-body-image{
		width: 100%;
		margin:30px 0 !important;
	}
	.front-box-body-font.fontL1057>.marginL57,.front-box-body-font>.marginR57,.management-box-body-font.fontL1057>.marginL57,.management-box-body-font>.marginR57{
		margin-top: 20px !important;
	}
	.management-box-title{
		width: 98%;
		height: calc(98vw * 0.186);
		margin-bottom: 30px;
	}
	.ar-box-title{
		width: 98%;
		height: calc(98vw * 0.2625);
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	.ar-box-body{
		margin-bottom: 50px;
		/* flex-flow: row wrap; */
	}
	.ar-box-send{
		flex-flow: column;
		align-items: flex-start;
		margin: 0;
	}
	.ar-box-send-left{
		width: 92%;
		height: calc(92vw * 0.56);
		margin: auto;
	}
	.ar-box-send-right{
		width: 80%;
		margin: auto;
		margin-top: 30px;		
	}
	.ar-box-send-right>div:nth-child(1){
		margin-bottom: 20px;
	}
	.ar-box-send-right>div>img{
		width: 40%;
	}
	.ar-box-send-right>div:nth-child(2)>img{
		width: 100%;
	}
	.ar-box-three{
		margin: 0 auto;
		width: 92%;
		flex-flow: column nowrap;
	}
	.ar-box-item{
		width: 98%;
		height: calc(98vw  * 1.25);
		margin: 10px 0;
	}
	.D3-box-title{
		width: 98%;
		height: calc(98vw * 0.079);
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.D3-box-desc>img:nth-child(2){
		margin-top: 30px;
		width: 60%;
	}
	.D3-box-send{
		flex-flow: column;
		align-items: flex-start;
		margin: 0;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.D3-box-send-left{
		width: 92%;
		height: calc(92vw * 0.56);
		margin: auto;
		/* margin-right: 100px; */
	}
	.D3-box-send-right{
		width: 80%;
		margin: auto;
		margin-top: 30px;		
	}
	.D3-box-send-right>div>img{
		width: 40%;
	}
	.D3-box-send-right>div:nth-child(2)>img{
		width: 100%;
	}
	.D3-box-three{
		width: 92%;
		flex-flow: column;
		justify-content: flex-start;
		align-items: center;
		margin: 0 auto;
	}
	.D3-box-three-item{
		width: 100%;
		margin: 0;
	}
	.D3-box-three-item>img{
		margin-bottom: 10px;
	}
	.D3-box-three-image{
		width: 100%;
		margin-bottom: 30px;
	}
	.D3-box-four{
		margin-top: 10px;
		margin-bottom: 50px;
	}
	.D3-box-four-image{
		margin-bottom: 30px;
	}
	.D3_sub-title{
		width: 98%;
		margin-top: 10px;
		margin-bottom: 10px;
		/* height: calc(98vw * 0.32); */
	}
	
	.cooperate-box{
		padding: 20px 0 10px;
	}
	.cooperate-bg>img:nth-child(3){
		margin-top: 20px;
	}
	
	.footer-box{
		height: auto;
		/* height: calc(100vw * 0.28125); */
	}
/* 	.footer-box-body{
		width: calc(100% - 16.67%);
	} */
	.footer-box-body-one{
		margin:15px auto;
		justify-content: space-between;
		/* justify-content: flex-start;
		align-items: flex-start; */
		/* flex-flow: column;
		align-items: center; */
	}
/* 	.footer-box-body-one>div:first-child{
		height: calc(100vw * 0.192);
	} */
/* 	.footer-box-body-one>div{
		width: 32%;
		line-height: auto;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: flex-end;
	}
	.footer-box-body-one>div>img{
		width: 90%;
	} */
/* 	.footer-box-body-one>div:nth-child(2){
		width: 25%;
	}
	.footer-box-body-one>div:nth-child(3){
		width: 35%;
	} */
	.footer-box-body-three{
		width: 100%;
		display: flex;
		flex-flow: row;
		justify-content: flex-start;
		align-items: center;
		margin:15px auto;
	}
	.footer-box-body-two{
		width: calc(100% - 16.67%);
		margin: auto;
		height: 20px;
	}
	.footer-box-body-three>img{
		width: 100%;
	}
	.banner-box{
		width: 100%;
		height: calc(100vw * 0.5625);
		background-image: url("../webpic/banner_moveimg.png");
	}
	.banner-lang{
		top: 15px;
		right: calc(100vw * 13 / 96 / 2);
		width: calc(100vw * 3 / 32 * 2);
		height: calc(calc(100vw * 3 / 32 * 2) * 5 / 18);
	}