@charset "utf-8";
/* CSS Document */

body {
	
	background:#fafafa;
}

.head_frame {
	width: 100%;
	height: 50px;
	margin-bottom: 0px;
}
.header_img {

	min-height: 250px;
	width:100%;

	margin:0px auto 35px auto;
	background: url(/static/jiaxin/web/images/banner_warehouse.jpg) no-repeat center center;
	background-size: cover;
	
}
.header_text
{
    text-align: center;margin: 0;font-size: 45px;font-weight: bold;color: #fff;padding-top: 100px;
}
.companybrief{
	width:1220px;
	height:530px;
	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;

font-size: 16px;
color: #656565;
width: 600px;
height: 500px;
overflow: hidden;
padding: 25px 0px 5px 10px;
line-height: 30px;
text-align: justify;
text-indent: 2em;
font-weight: 100;
}

.companybrief span {
	color:#0f8250;
	font-weight: bold;
}
.companybrief .img1 {
	position: absolute;
	width:500px;
	height:215px;
	top:30px;
	right:10px;
/*	border:1px blue solid;*/
	background: url(/static/jiaxin/web/images/office_sh.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
}

.companybrief .img2 {
	
	position: absolute;
	width:240px;
	height:215px;
	top:265px;
	right:10px;
/*	border:1px blue solid;*/
	background: url(/static/jiaxin/web/images/office_sh2.jpg) no-repeat;
	background-position:center center;
	background-size:cover;	
}

.companybrief .img3 {
	
	position: absolute;
	width:240px;
	height:215px;
	top:265px;
	right:270px;
/*	border:1px blue solid;*/
	background: url(/static/jiaxin/web/images/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(/static/jiaxin/web/images/meeting_room.jpeg) 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(/static/jiaxin/web/images/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;	
}
.product
{
    background-color: #fff;margin-top: 30px;

border-radius: 6px;

}
.product .title
{
    width: 100%;display: flex;

border-bottom: 1px #dbdbdb solid;

}
.product .title p
{
    margin-left: 30px; 
font-size: 16px;
line-height: 60px;
color: #454545;
}
.product .title div a
{
      color: #fff;
  font-size: 14px;
  margin-left: 5px;
  margin-right: 5px;

}
.product .title div span
{
      color: #fff;
  font-size: 14px;
  margin-left: 5px;
  margin-right: 5px;

}
.product .list
{
   text-align: center;
border: 1px solid #f5f9f5;

}
.product .list:hover
{
   box-shadow: inset 0 0 40px rgba(0,0,0,.2);
transition: all 0.15s ease-out;
}
.product .list img
{
margin-top: 30px;
width: 100%;
border-radius: 10px;
}
.product .list .text
{
font-size: 14px;
color: #454545;
padding-bottom: 30px;

padding-top: 20px;line-height: 30px;
}
.cs-form_field
{
    width: 100%;
margin-top: 5px;
border: 2px solid #eee;
padding: 10px;
}
.form-horizontal
{
    text-indent:0;
}
.cs-btn
{
    width: 100%;
margin-top: 5px;
border: 2px solid #ececec;
padding: 5px 0;
background-color: #0c9575;
color: #fff;
border-radius: 5px;
}.header_text h2
{
    margin: 0;
font-size: 45px;
font-weight: bold;
color: #fff;
    
}
.header_text h5
{
    font-size: 36px;
font-weight: 100;
color: #fff;
}
.label-success
{
    padding: 10px 5px;
font-size: 14px;
background-color: #0f8250;
}
.label-default
{
        padding: 10px 5px;
font-size: 14px;
}
.product_list_title
{
    display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #0f8250;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
font-size: 14px;
border: 2px solid #0f8250;
padding: 8px;
}
.blog_desc
{
    background: #fff;
padding: 50px;
font-size: 15px;
line-height: 30px;
font-weight: 100;
}
.portlet
{
    padding: 30px;
}
.search-title
{
    text-align: center;
    font-size: 14px;
    color: #0f8250;
}