/*  --  HOME  --*/
.b-index{
	background: url(../images/banner-index.jpg) no-repeat center top;
}
.b-index2{
	background: url(../images/banner-index2.jpg) no-repeat center top;
}
.in-til{
	height: 34px;
	border-bottom: 1px solid #efefef;
}
.in-til .icon-til{
	float: left;
	margin: 20px 15px 0 5px;
	width: 25px;
	height: 8px;
	background: url(../images/icon-til1.png) 0 0 no-repeat;
}
.in-til span{
	float: left;
	font-size: 14px;
	line-height: 34px;
	color: #c91e27;
}
.in-til span b{
	font-size: 18px;
	font-weight: normal;
}
.in-news{
	margin:22px 25px 10px;
	overflow: hidden;
}
.in-news ul li{
	position: relative;
	display: block;
	width: 100%;
	padding: 13px 0;
	overflow: hidden;
}
.in-news ul li+li{border-top: 1px dashed #e5e5e5;}
.in-news ul li .date{
	position: absolute;
	left: 0;
	top: 13px;
	bottom: 13px;
	width: 120px;
	color: #333;
	overflow: hidden;
}
.in-news ul li .cont-box{
	margin-left: 120px;
	overflow: hidden;
	color: #333;
}
.in-news ul li .cont-box p{
	display: block;
	line-height: 20px;
	overflow: hidden;
}
.in-pickup{
	margin:17px 0 42px;
	overflow: hidden;
}
.in-pickup ul li{
	float: left;
	width: 314px;
}
.in-pickup ul li+li{margin-left: 19px;}
.in-pickup ul li .p-pic{
	display: table-cell;
	width: 314px;
	height: 170px;
	position: relative;
	vertical-align: middle;
}
.in-pickup ul li .p-pic .pic{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 170px;
}
.in-pickup ul li .p-pic .pic img{
	width: 100%;
	height: 100%;
}
.in-pickup ul li .p-pic .t-en{
	position: relative;
	z-index: 1;
	font-size: 36px;
	color: #fff;
	text-align: center;
}
.in-pickup ul li .p-pic .t-cn{
	position: relative;
	z-index: 1;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.in-pickup ul li .p-pic .t-link{
	display: block;
	width: 100%;
	height: 170px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	opacity: 0;
}
.in-pickup ul li .p-desc{
	padding-top: 10px;
	overflow: hidden;
	color: #707070;
	line-height: 20px;
	text-align: center;
}
.in-contact{
	padding: 15px 0;
	overflow: hidden;
	border-top: 1px solid #e8e8e8;
	background: #fafafa;
}
.in-contact .c-pic{
	float: left;
	margin-left: 30px;
	width: 420px;
	height: 135px;
	border: 1px solid #e5e5e5;
}
.in-contact .c-pic img{
	width: 100%;
	height: 100%;
}
.in-contact .c-box{
	display: block;
	margin: 0 0 0 505px;
	overflow: hidden;
}
.in-contact .c-box .c-til{
	display: block;
	width: 50%;
	height: 34px;
	border-bottom: 1px solid #e8e8e8;
}
.in-contact .c-box .c-til span{
	line-height: 34px;
	color: #626262;
	float: left;
}
.in-contact .c-box .c-til .icon-til2{
	float: right;
	width: 12px;
	height: 34px;
	background: url(../images/icon-til2.png) 0 center no-repeat;
}
.in-contact .c-box .c-content{
	padding: 20px 0 0;
	overflow: hidden;
}
.in-contact .c-box .c-content ul{
	display: block;
	overflow: hidden;
	width: 100%;
}
.in-contact .c-box .c-content li{
	float: left;
	width: 50%;
	*width: 49%;
	color: #868686;
	line-height: 25px;
}
.in-contact .c-box .c-content li a{
	color: #fe8a02;
	font-style: normal;
}


.sub-page{
	position: relative;
	z-index: 0;
	border:1px solid #e8e8e8;
	width: 978px;
	overflow: visible;
}
.sub-page-bg{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #fafafa;
}
.sub-page .sub-tilte{
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	z-index: 1;
	height: 25px;
}
.sub-page .sub-tilte span{
	display: block;
	width: 115px;
	height: 25px;
	background: #c91e27;
	color: #fff;
	line-height: 25px;
	text-align: center;
}
.t-box{
	display: block;
	overflow: hidden;
}
.t-box dt{
	clear: both;
	float: left;
	padding-right: 10px;
	width: 90px;
	border-top: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	height: 34px;
	line-height: 34px;
	font-weight: bold;
	color: #868686;
	text-align: right;
}
.t-box dd{
	display: block;
	padding-left: 20px;
	margin-left: 100px;
	border-top: 1px solid #e8e8e8;
	height: 34px;
	line-height: 34px;
	color: #868686;
}


/*  --  company  --*/
.b-company{
	background: url(../images/banner-company.jpg) no-repeat center top;
}
.company{
	overflow: hidden;
	padding: 20px 0 0;
}
.company .c-left{
	float: left;
	margin: 35px 0 0 50px;
	width: 310px;
}
.company .c-right{
	float: right;
    margin-top: 35px;
	margin-right: 40px;
	width: 550px;/*edit by zht*/
}


/*  --  philosophy  --*/
.b-philosophy{
	background: url(../images/banner-philosophy.jpg) no-repeat center top;
}
.philosophy{
	overflow: hidden;
}
.philosophy .p-list{
	margin: 64px;
	overflow: hidden;
}
.philosophy .p-list li{
	margin-bottom: 17px;
	height: 50px;
}
.philosophy .p-list li:last-child{
	margin: 0;
}
.philosophy .p-list li .icon-num{
	float: left;
	width: 50px;
	height: 50px;
	background-image: url(../images/pic-num.jpg);
}
.philosophy .p-list li .num1{background-position: 0 0;}
.philosophy .p-list li .num2{background-position: 0 200px;}
.philosophy .p-list li .num3{background-position: 0 150px;}
.philosophy .p-list li .num4{background-position: 0 100px;}
.philosophy .p-list li .num5{background-position: 0 50px;}
.philosophy .p-list li .p-text{
	display: block;
	margin-left: 53px;
	height: 50px;
	background: #e5e5e5;
}
.philosophy .p-list li .p-text p{
	padding:0 40px;
	color: #313131;
	line-height: 25px;
	overflow: hidden;
}
.philosophy .p-list li:hover .p-text{
	background: #313131;
}
.philosophy .p-list li:hover .p-text p{color: #fff;}
.philosophy .p-box{
	position: relative;
	height: 370px;
}
.philosophy .p-box img{
	width: 100%;
	height: 100%;
}
/* .philosophy .p-box{
	position: relative;
	margin: 0 30px;
	padding: 64px 0;
	min-height: 280px;
	border-top: 1px dashed #4e2d28;
	background: url(../images/line.png) center 64px no-repeat;
}
.philosophy .p-box li{
	float: left;
	width: 50%;
	height: 100%;
}
.philosophy .p-box li .p-til{
	overflow: hidden;
	margin: 0 40px;
	position: relative;
	z-index: 1;
}
.philosophy .p-box li .p-til span{
	float: left;
	font-size: 18px;
	line-height: 100%;
	background: #4e2d28;
	color: #fff;
}
.philosophy .p-box li .p-cont{
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 10px 40px 0;
	font-size: 18px;
	color: #4e2d28;
	line-height: 30px;
}
.philosophy .p-box li .p-bg{
	position: absolute;
	z-index: 0;
	bottom:40px;
	right: 0px;
	width: 138px;
	height: 163px;
}
.philosophy .p-box li:first-child .p-bg{
	left: 280px;
} */


/*  --  evolution  --*/
.b-evolution{
	background: url(../images/banner-evolution.jpg) no-repeat center top;
}
.evolution{
	overflow: hidden;
	position: relative;
	height: 470px;
}
.evolution .e-bg{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/evolution-bg.png) 0 0 no-repeat;
}
.evolution .e-list{
	position: relative;
	z-index: 1;
	padding: 40px 0 0;
	overflow: hidden;
	text-align: right;
}
.evolution .e-list ul li{
	display: block;
	padding: 0 30px;
	margin-bottom: 3px;
	height: 33px;
	border: 1px solid #efefef;
	border-right: none;
}
.evolution .e-list ul li:first-child{margin-left: 555px \9;}
.evolution .e-list ul li:first-child+li{margin-left: 500px \9;}
.evolution .e-list ul li:first-child+li+li{margin-left: 445px \9;}
.evolution .e-list ul li:first-child+li+li+li{margin-left: 390px \9;}
.evolution .e-list ul li:first-child+li+li+li+li{margin-left: 335px \9;}
.evolution .e-list ul li:first-child+li+li+li+li+li{margin-left: 280px \9;}
.evolution .e-list ul li:first-child+li+li+li+li+li+li{margin-left: 225px \9;}
.evolution .e-list ul li:first-child+li+li+li+li+li+li+li{margin-left: 170px \9;}
.evolution .e-list ul li:first-child+li+li+li+li+li+li+li+li{margin-left: 115px \9;}
.evolution .e-list ul li:nth-child(1){margin-left: 555px;}
.evolution .e-list ul li:nth-child(2){margin-left: 500px;}
.evolution .e-list ul li:nth-child(3){margin-left: 445px;}
.evolution .e-list ul li:nth-child(4){margin-left: 390px;}
.evolution .e-list ul li:nth-child(5){margin-left: 335px;}
.evolution .e-list ul li:nth-child(6){margin-left: 280px;}
.evolution .e-list ul li:nth-child(7){margin-left: 225px;}
.evolution .e-list ul li:nth-child(8){margin-left: 170px;}
.evolution .e-list ul li:nth-child(9){margin-left: 115px;}
.evolution .e-list ul li .icon-list{
	float: left;
	margin: 7px 0 0;
	width: 20px;
	height: 20px;
	background: url(../images/icon-evolution.png) 0 0 no-repeat;
}
.evolution .e-list ul li span{
	float: left;
	margin-left: 18px;
	line-height: 33px;
	color: #868686;
	font-weight: bold;
}
.evolution .e-list ul li:hover .icon-list,.evolution .e-list ul li.over .icon-list{
	background-position: 0 -20px;
}
.evolution .e-list ul li:hover span,.evolution .e-list ul li.over span{
	color: #ff1e6d;
}


/*  --  contact  --*/
.b-contact{
	background: url(../images/banner-contact.jpg) no-repeat center top;
}
.contact{
	overflow: hidden;
	margin: 10px 15px 15px;
}
.contact .map{
	float: right;
	width: 600px;
	border: 1px solid #e5e5e5;
}
.contact .map img{
	float: left;
	width: 100%;
	height: auto;
}
.contact .c-box{
	display: block;
	margin: 80px 650px 0 50px;
	overflow: hidden;
}
.contact .c-box .c-til{
	height: 34px;
	line-height: 34px;
	border-bottom: 1px solid #e8e8e8;
	color: #c91e27;
}
.contact .c-box .c-cont{
	margin: 20px 0 0;
	overflow: hidden;
}
.contact .c-box .c-cont ul li{
	display: block;
	height: 35px;
	line-height: 35px;
	color: #868686;
}
.contact .c-box .c-cont ul li b{
	padding-right: 10px;
	font-weight: bold;
}
.contact .c-box .c-cont ul li a{
	color: #fe8a02;
	font-style: normal;
}


/*  --  recruitment  --*/
.b-recruitment{
	background: url(../images/banner-recruitment.jpg) no-repeat center top;
}
.recruitment{
	overflow: hidden;
	padding: 35px 0 50px 230px;
	width: 590px;
}
.recruitment .t-box{
	border-bottom: 1px solid #e8e8e8;
}
.recruitment .t-box :nth-child(19){
	height:35px;
	border-top: none;
}