@charset "utf-8";
/* CSS Document */

body {
	
	background:#fafafa;
}

.head_frame {
	width: 100%;
	height: 50px;
	margin-bottom: 0px;
}
.header_img {
/*	min-width: 1280px;
	min-height: 444px;*/
	width:100%;
/*	height:auto;*/
/*		border:1px blue solid;*/
	margin:0px auto 35px auto;
	background: url(../img/banner_warehouse.jpg) no-repeat center center;
	background-size: cover;
	
}

.companybrief{
	width:1220px;
	height:630px;
	position: relative;
	text-align: center;
/*	border:1px gray solid;*/
	margin:65px auto 0px auto;
}

.companybrief h2, .digital h2{
	font-size:30px;
	color:#454545;
	font-weight: normal;
	margin-bottom: 0px;
}

.companybrief h5, .digital h5{
	font-size:14px;
	color:#656565;
	font-weight: 100;
	margin-bottom: 0px;
}

.companybrief .context {
	text-align: left;
	position: absolute;
/*	border:1px blue solid;*/
	font-size:12px;
	color: #656565;
	width:600px;
	height:500px;
	top:100px;
	overflow: hidden;
	padding:25px 0px 5px 10px;
}

.companybrief span {
	color:#649B1C;
	font-weight: bold;
}
.companybrief .img1 {
	position: absolute;
	width:500px;
	height:215px;
	top:130px;
	right:10px;
/*	border:1px blue solid;*/
	background: url(../img/office_sh.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
}

.companybrief .img2 {
	
	position: absolute;
	width:240px;
	height:215px;
	top:365px;
	right:10px;
/*	border:1px blue solid;*/
	background: url(../img/office_sh2.jpg) no-repeat;
	background-position:center center;
	background-size:cover;	
}

.companybrief .img3 {
	
	position: absolute;
	width:240px;
	height:215px;
	top:365px;
	right:270px;
/*	border:1px blue solid;*/
	background: url(../img/office_sh3.jpg) no-repeat;
	background-position:center center;
	background-size:cover;	
}

.digital {
	
	width:1220px;
	height:563px;
/*	border:1px blue solid;*/
	margin:65px auto 0px auto;
	background: url(../img/meeting_room.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	text-align: center;
	
}	

.contenu {
	width:1218px;
	height:200px;
	background:#fff;
	margin:0px auto;	
	list-style-type: none;
	border:1px #dbdbdb solid;
	border-bottom-right-radius: 6px;
}

.icon1, .icon2, .icon3, .icon4, .icon5, .icon6 {
	position: relative;
	width:202px; height: 90%;
	border-right:1px solid #dbdbdb;
	float: left;
	margin:10px auto;
	color:#fff;
	list-style-type:none;
}

.icon6
{border-right:none;}


.icon1 img, .icon2 img, .icon3 img, .icon4 img, .icon5 img, .icon6 img {
	width:80px; height:80px;
	position:absolute;
	left:50%;
	margin-left:-40px;
	top:10px;
	
}

.icon1 p, .icon2 p, .icon3 p, .icon4 p, .icon5 p, .icon6 p {
	text-align: center;
	padding-top: 110px;
	display:block;
	font-size:20px;
	color:#454545;
}

.icon1 .text,  .icon2 .text, .icon3 .text, .icon4 .text, .icon5 .text, .icon6 .text{
	font-size: 14px;
	padding-top:5px;
	color:#649B1C;	
	text-align: center;
}

.mission
{
	width:1220px;
	height:763px;
	border:1px blue solid;
	margin:65px auto 0px auto;
	background: url(../img/mission.jpg) no-repeat center center;
	background-size: cover;
	position: relative;	
	text-align: center;
	border-radius: 6px;
	
	
}

.mission h2{
	
	font-size:30px;
	color:#fff;
	font-weight: normal;
	margin-bottom: 0px;
	padding-top:35px;
}

.mission h5{
	font-size:14px;
	color:#fff;
	font-weight: 100;
	margin-bottom: 0px;
}

.task {
	
	width:100%;
	height:60%;
	position:absolute;
/*	border:1px blue solid;*/
	bottom:0px;left:0px;
	list-style-type: none;
}

.task1, .task2, .task3, .task4, .task5, .task6 {
	width:404px; height:225px;
	float:left;
/*	border:1px #fff solid;*/
}

.task1, .task2 {
	border-right:1px #dbdbdb solid;
	border-bottom:1px #dbdbdb solid;
}

.task3 {
	border-bottom:1px #dbdbdb solid;	
}

.task4, .task5 {
		border-right:1px #dbdbdb solid;
	
}

.task1, .task4 {
	
	margin-left:3px;
}

.task4, .task5, .task6 {
	margin-bottom: 3px;
	
}

.task1 p, .task2 p, .task3 p, .task4 p, .task5 p, .task6 p {
	text-align: center;
	padding-top: 90px;
	display:block;
	font-size:20px;
	color:#649B1C;
}

.task1 span,  .task2 span, .task3 span, .task4 span, .task5 span, .task6 span{
	font-size: 14px;
	padding-top:25px;
	color:#fff;	
}