.banner{
	position: relative;
	width: 100%;
	min-width:1200px;
}
.banner img{
	width: 100%;
	min-width:1200px;
	vertical-align: top;
}
.banner p{
	color:white;
	font-size: 3em;
	position: absolute;
	top: 50%;
	left:50%;
	white-space: nowrap;
	transform: translate3d(-50%,-50%,0);
}
.company_panel{
	min-width: 1200px;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(../img/about_bg1.jpg);
	padding-bottom: 20px;
}
.contact_panel {
	min-width: 1200px;
	background-image: url(../img/about_bg2.jpg);
}
.trans_panel{
	min-width: 1200px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: bottom;
	background-image: url(../img/about_bg3.jpg);
}
.join_panel{
	min-width: 1200px;
	-webkit-background-size: cover;
	background-size: cover;
	background-image: url(../img/about_bg4.jpg);
}
.us_panel{
	min-width: 1200px;
	-webkit-background-size: cover;
	background-size: cover;
	background-image: url(../img/about_bg5.png);
}
.c_txt p{
	line-height: 28px;
	font-size: 16px;
	text-indent: 2em;
	width: 1200px;
	margin: 0 auto;
}
.c_img{
	position: relative;
	width: 1200px;
	margin: 28px auto;
}
.c_img>img{
	width: 100%;
	min-width: 1200px;
	filter: blur(3px);
}
.mask{
	background-color: rgba(0,0,0,0.7);
	position: absolute;
	height: 530px;
	width: 100%;
	top: 0;
	left: 0;
	text-align: center;
	color:white;
	font-size: 2em;
	box-sizing: border-box;
	padding:100px 0;
}
.logo_txt{
	display: block;
	margin: 20px auto;
}
.contact_content ul{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 70px;
}
.contact_content ul li{
	float: left;
	margin-left: 20px;
	text-align: center;
	width: 285px;
	padding:50px 0;
	transition: all 400ms;
	-webkit-transition: all 400ms;
	position: relative;
}
._scan{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
}
._scan img{
	margin:12% 12%;
	width: 76%;
	height: 76%;
}
.contact_content ul li:last-child:hover ._scan{
	display: block;
	animation:fadeInDown;
}
.contact_content ul li img{
	margin-bottom: 30px;
}
.contact_content ul li h4{
	line-height: 30px;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
	font-family: '微软雅黑';
}
.contact_content ul li p{
	line-height: 28px;
	font-size: 16px;
	font-family: '宋体';
}
.contact_content ul li:first-child{
	margin-left: 0;
	background-color: #d9eeff;
}
.contact_content ul li:nth-child(2){background-color: #bbfae2;}
.contact_content ul li:nth-child(3){background-color: #fcf4bd;}
.contact_content ul li:nth-child(4){background-color: #bfffc7;}
.contact_content ul li:hover{
	box-shadow: 0 2px 8px 0 rgba(0,0,0,0.25);
	transform: translate3d(0 ,-6px,0);
}
.trans_content>ul{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 70px;
}
.trans_content>ul>li{
	float: left;
	margin-left: 80px;
	text-align: left;
	text-align: center;
	width: 346px;
}
.trans_content>ul>li>h4{
	line-height: 30px;
	font-size: 18px;
	margin-bottom: 30px;
	margin-top: 10px;
	font-family: '微软雅黑';
}
.trans_content>ul>li>p{
	text-align: left;
	line-height: 28px;
	font-size: 16px;
	font-family: '宋体';
}
.trans_content>ul>li:first-child{
	margin-left: 0;
}
.join_panel li ul{
	text-align: left;
	margin: 20px 0;
}
.join_panel li h5{
	font-size: 18px;
}
.join_panel li h5,.join_panel li b{
	text-align: left;
	font-weight: normal;
}
.join_panel>ul>li>ul li{
	font-size: 16px;
	font-family: '宋体';
	color:#484848;
	line-height: 24px;
}
.join_panel>ul>li>ul li b{
	color:#000;
}
.us_content{
	width: 1200px;
	padding:40px 0;
	margin: 0 auto;
}
.us_content h3{
	font-size: 18px;
	line-height: 40px;
	margin-bottom: 10px;
	font-weight: normal;
	display: inline-block;
}
.us_content p{
	display: inline-block;
	line-height: 24px;
	font-size: 16px;
	color:#484848;
	margin-bottom: 30px;
}