.slogn{width:100%;height:460px;background:url(../images/aboutbanner.jpg) no-repeat center;background-size:cover;}
.slognen{width:100%;height:460px;background:url(../images/aboutbanner_en.jpg) no-repeat center;background-size:cover;}
.aboutsubmenu{width:100%;background:white;}
.submenu{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	width:100%;
}
.submenu a{width: 15%;}
.menuitem{
	font-size:15px;
	text-align:center;
	margin:auto 5%;
	color:#16181A;
	padding: 20px 0;
	}
.menuitem:hover{color:#0056e4;}
.menuitemactive{color:#0056e4;border-bottom:2px solid #0056E4;}

.pagebase{
	width:100%;
	margin:0;
	background:url(../images/bg_aboutus.jpg) center center no-repeat;
	background-size:cover;
}
.aboutservice{
	width:100%;
	margin:0;
	background:white;
}
.aboutbox{
	width:95%;
	margin:auto auto;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	flex-wrap:wrap;
}
.abouttitle{
	padding-top: 7%;
    font-size: 25px;
    margin:auto auto;
    color:#16181A;
    text-align:center;
}
.aboutcontent{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin:6% auto 0;
	padding-bottom: 5%;
}
.aboutbody{
	width:48%;
	font-size:14px;
	color:#495770;
	padding-top:3px;
	line-height: 27px;
}
.aboutimg{
	width: 49%;
    text-align: right;
}
.aboutimg img{width: 100%;}

.history{
 	width:100%;
 	height:660px;
 	background:#F5F7FA;
}
.histitle{
	height:25px;
	font-size:25px;
	text-align:center;
	padding:7% 0;
	color:#16181A;
}
.hiscontent{
	width:95%;
	margin:0 auto;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:flex-start;
}
.hisnav{
	width:17%;
}
.histext{
	width: 83%;
    min-height: 450px;
	background:url(../images/bg_times.jpg) center no-repeat;
	padding:2%;
	color:#495770;
}
.navitem{
	width:100%;
	height:71px;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:flex-start;
}

.navtitle{width:38px;height:38px;line-height:30px;font-size:11px;color:#0056E4;}
.navtitleblur{width:38px;height:38px;line-height:30px;align:center;font-size:11px;color:#98A3B7;}
.navsign{width:38px;height:38px;background:url(../images/bt.png) top center no-repeat;}
.navsignblur{width:38px;height:38px;background:url(../images/bt_gray.png) top center no-repeat;}
.navitem:hover .navsignblur{background:url(../images/bt.png) top center no-repeat;}
.navline{width:2px;height:35px;background:#0056E4;margin:32px auto 0;}
.navlineblur{width:2px;height:35px;margin:32px auto 0;background:#C8CDD5;}
.navitem:hover .navlineblur{background:#0056E4;}
.navitem:hover .navtitleblur{color:#0056E4;}
	

.business{
	width:100%;
	background:white;
	padding-bottom:5%;
}
.busicontent{
	width:95%;
	margin:auto auto;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
}
.busiitem{
	width:49%;
	min-height:230px;
	background:#F5F7FA;
	padding:10px 20px 20px;
	margin:20px 0;
	color:#16181A;
}
.bustitle{padding:7% 0 4%;}
.bussubtitle{text-align:center; margin: 1% 0 5%;color:#16181A;}
.sendemail{
	width:95%;
	height:124px;
	line-height:124px;
	text-align:center;
	background:#F5F7FA;
	margin:55px auto 0;
	font-size:24px;
	color:#16181A;
}


@media screen and (max-width: 400px){
	.busicontent{justify-content: center;}
	/*.hontitle{margin-bottom:5%;}*/
	.bussubtitle {margin: 6% 0 5%;}
	
	.abousumenu{display:none;}
}

@media screen and (max-width: 700px){
	.busiitem {width: 96%;}
	.sendemail{font-size: 12px;}
	.aboutcontent{flex-direction: column-reverse;align-items: center;}
	.aboutbody{width:96%;}
	.aboutimg{width:96%;margin-bottom:5%;}
}
@media screen and (max-width: 1000px){
	.submenu{
		display: none;
	}
	.aboutsubmenu{background: none;}
}