.w1200{
	width: 1200px;
	margin: 0 auto;
}
.pub-ban{
	width: 100%;
	height: 250px;
	position: relative;
	overflow: hidden;
}
.pub-ban img{
	position: absolute;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 1920px;
    left: 50%;
    height: 250px;
    margin-left: -960px;
}
.pub-ban img.on{
	opacity: 1;
	filter: alpha(opacity=100);
}
.pub-ban .w1200.title{
	font-size: 36px;
	color: #fff;
	position: relative;
	z-index: 2;
	margin-top: 130px;
}
.pub-ban .w1200.title.yz{
	color: #614c3f;
}
.pub-nav{
	height: 59px;
	line-height: 59px;
	border-bottom: 1px solid #e8e8e8;
	font-size: 14px;
	color: #999;
}
.pub-nav span a{
	color: #999;
}
.pub-nav span a:hover, .career_work a:hover{
	color: #a38b78;
}

.pub-nav .now{
	color: #614c3f;
}
.f6{
	background: #f6f6f6;
}
.pub-list{
	width: 270px;
	float: left;
}
.pub-list .in{
	
}
.pub-list .title{
	font-size: 30px;
	color: #695549;
	padding-left: 30px;
	line-height: 80px;
	background: #fcfcfc;
	border-top:3px solid #a38b78;
}
.about{
	padding-bottom: 45px;
	padding-top: 52px;
}
.pub-list .in ul li{
	border-top: 1px solid #e2e2e2;
	background: #fff;
}
.pub-list .in ul li a{
	display: block;
	font-size: 16px;
	color: #333;
	line-height: 64px;
	padding-left: 30px;
	background: url(../image/ico_01.png) no-repeat center 235px;
}
.pub-list .in ul li:hover{
	background: #a38b78;
}
.pub-list .in ul li.on{
	background: #a38b78;
}
.pub-list .in ul li:hover a{
	color: #fff;
	background: url(../image/ico_02.png) no-repeat center 235px;
}
.pub-list .in ul li.on a{
	color: #fff;
	background: url(../image/ico_02.png) no-repeat center 235px;
}
.pub-list .us{
	margin-top: 28px;
}
.pub-list .us ul{
	padding: 0 20px;
	background: #fff;
}
.pub-list .us ul li{
	height: 80px;
	border-top:1px solid #eee;
}
.pub-list .us ul li:first-child{
	border-top:none;
}

.pub-list .us ul li div{
	float: left;
	margin-left: 43px;
	font-size: 14px;
	color: #666;
	line-height: 22px;
	margin-top: 27px;
}
.pub-list .us ul li.t1{
	background:url(../image/ico_03.png) no-repeat center left;
}
.pub-list .us ul li.t2{
	background:url(../image/ico_04.png) no-repeat center left;
}
.pub-list .us ul li.t3{
	background:url(../image/ico_05.png) no-repeat center left;
}
.pub-list .us ul li.t4{
	background:url(../image/ico_06.png) no-repeat center left;
}
.pub-list .us ul li.t5{
	background:url(../image/ico_07.png) no-repeat center left;
}

.pub-det{
	float: right;
	width: 836px;
	padding: 100px 35px 50px 35px;
	background:#fff url(../image/img_01.jpg) no-repeat center 33px;
	position: relative;
}

.ab-tit{
	text-align: center;
	background: url(../image/ico_08.png) no-repeat center 42px;
	/*margin-top: 25px;*/
	padding-top:25px;
}
.ab-tit span{
	display: inline-block;
	zoom: 1;
	*display: inline;
	font-size: 24px;
	color: #a38b78;
	padding: 0 25px;
}

.pub-det .con{
	margin-top: 20px;
	font-size: 14px;
	color: #999;
}
.pub-det .con .det{
	line-height: 30px;
	color: #666;
}
.pub-det img{
	/*width: 100%;*/
}
.quality .qua-tit{
	font-size: 14px;
	width: 618px;
	margin: 0 auto;
	line-height: 26px;
	color: #666;
	margin-top: 10px;
}
.quality ul{
	margin-top: 30px;
}
.quality ul li>div{
	float: left;
	width: 418px;
	height: 290px;
}
.quality ul li .pic{
	overflow: hidden;
	position: relative;
}
.quality ul li .pic img{
	width: 100%;
	height: 100%;
	transition:all 0.3s;
}
.quality ul li .pic .bot{
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	height: 35px;
	line-height: 35px;
	background: url(../image/mask.png) repeat-x left top;
}
.quality ul li .pic:hover img{
	transform:scale(1.1);
}

.quality ul li .zi{
	width: 340px;
	border:1px solid #eaeaea;
	padding: 45px 45px 0px 30px;
	height: 243px;
}
.quality ul li .zi .tit{
	font-size: 24px;
	color: #333;
	line-height: 26px;
}
.quality ul li .zi .tit span{
	color: #a38b78;
}
.quality ul li .zi .det{
	font-size: 14px;
	line-height: 30px;
	color: #666;
	margin-top: 18px;
}
.quality ul li.zuo>div{
	float: left;
}
.quality ul li.you>div{
	float: right;
}
.about .base{
}
.about .base ul{
	margin-top: 40px;
	*padding-top: 40px;
}
.about .base ul li>div{
	float: left;
	width: 418px;
	height: 330px;
}
.about .base ul li .pic{
	position: relative;
	overflow: hidden;
}
.about .base ul li .pic img{
	width: 100%;
	height: 100%;
	transition:all 0.3s;
}
.about .base ul li .pic .bot{
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	height: 35px;
	line-height: 35px;
	background: url(../image/mask.png) repeat-x left top;
}
.about .base ul li .pic:hover img{
	transform:scale(1.1);
}
.about .base ul li .zi{
	width: 340px;
    border: 1px solid #eaeaea;
    padding: 45px 45px 0px 30px;
    height: 283px;
    background: url(../image/img_02.png) no-repeat center 5px;
}
.about .base .tit{
	color: #a38b78;
	font-size: 16px;
	margin-top: -15px;
}
.about .base .tit span{
	color: #a38b78;
	font-size: 60px;
	font-family: "Arial";
}


.about .base .zi .det{
	color: #666;
	line-height: 25px;
	margin-top: 10px;
	font-size: 14px;
}

.about .base ul li.you>div{
	float: right;
}

.inn{

}

.inn .title{
	font-size: 30px;
	color: #a38b78;
	margin-top: 30px;
	margin-bottom: 20px;
	*padding-top: 30px;
}
.inn .det{
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.inn .pic{
	margin-top: 20px;
}
.inn .pic img{
	width: 100%;
}
.inn .pic .detail{
	border:1px solid #dcdcdc;
	line-height: 48px;
	font-size: 16px;
	text-align: center;
	color: #a38b78;
}
.inn .pic .detail span{
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding-left: 32px;
	background: url(../image/img_12.jpg) no-repeat center left;
}


.deve .main{
	min-height: 200px;
	/*margin-top: 40px;*/
	padding-top: 40px;
	position: relative;
	z-index: 1;
}
.deve .main .title{
	
}
.deve .main .title .en{
	background: url(../image/img_14.jpg) no-repeat center;
	height: 61px;
	width: 100%;
}
.deve .main .title .cn{
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	color: #5f4c3e;
}
.deve .main .year{
	padding: 0 13px;
	background: url(../image/img_04.png) repeat-y center top;
	padding-top: 170px;
	padding-bottom: 15px;
	position: relative;
}
.deve .main .year .tou{
	position: absolute;
	width: 41px;
	height: 41px;
	top:0px;
	left: 50%;
	margin-left: -20px;
	background: url(../image/img_04_01.jpg) no-repeat center;
}
.deve .main .year ul li{
	margin-top: -70px;
}
.deve .main .year ul li .detail{
	padding: 34px 32px;
	min-height: 105px;
	border:1px solid #f6f6f6;
	width: 310px;
	background: #fff;
	box-shadow: 5px 5px 5px #f6f6f6;
	border-radius: 5px;
	font-size: 16px;
	line-height: 27px;
	color: #333;
}

.deve .main .year ul .left .detail{
	float: left;
}
.deve .main .year ul .left .he{
	float: left;
	width: 38px;
	height: 17px;
	background: url(../image/img_05.png) no-repeat center;
	margin-top: 34px;
}
.deve .main .year ul .right .detail{
	float: right;
} 
.deve .main .year ul .right .he{
	float: right;
	width: 38px;
	height: 17px;
	background: url(../image/img_06.png) no-repeat center;
	margin-top: 34px;
} 
.deve .main .year .bot{
	position: absolute;
	width: 34px;
	height: 5px;
	background: #a38b78;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -17px;
}

.deve-bg{
	width: 166px;
	height: 1086px;
	background: url(../image/img_03.png) no-repeat right center;
	position: absolute;
	right: 0;
	top:430px;
	z-index: 0;
}
.pro-list{
	padding-top: 40px;
}
.pro-list ul{
	width: 855px;
}
.pro-list ul li{
	float: left;
	width: 263px;
	height: 290px;
	border:1px solid #ebebeb;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	cursor: pointer;
}
.pro-list ul li .xsj{
	position: absolute;
	width: 37px;
	height: 41px;
	background: url(../image/img_16.png) no-repeat center;
	top:0px;
	right: 0px;
}
.pro-list ul li .pic{
	text-align: center;
	height: 175px;
	margin-top: 30px;
}
.pro-list ul li .pic img{
	max-height: 175px;
}

.pro-list ul li .det{
	position: absolute;
	width: 100%;
	height: 80px;
	left: 0;
	bottom: 0px;
	background: #f6f6f6;
}
.pro-list ul li .det div{
	padding-left: 17px;
}

.pro-list ul li .det .cn{
	font-size: 16px;
	color: #333;
	margin-top: 15px;
	line-height: 24px;
	width: 235px;
}
.pro-list ul li .det .en{
	font-size: 14px;
	color: #666;
}

.pro-list ul li:hover{
	border:1px solid #ba9d86;
}
.pro-list ul li:hover .det{
	background: #ba9d86;
}
.pro-list ul li:hover .det .cn{
	color: #fff;
}
.pro-list ul li:hover .det .en{
	color: #fff;
}
.pro-list ul li:hover .xsj{
	background: url(../image/img_17.png) no-repeat center;
}
.pro-det{
	padding-top: 40px;
}
.pro-det .top{
	
}
.pro-det .top .left{
	float: left;
	width: 457px;
	height: 364px;
/*	background: url(../img2/img_18.jpg) no-repeat center;
*/	position: relative;
}
.pro-det .top .left .pic{
	/*position: absolute;
	width: 224px;
	height: 263px;
	bottom: 0px;
	left: 50%;
	margin-left: -112px;*/
	width:100%;
	height: 100%;
}
.pro-det .top .left .pic img{
	/*position: absolute;*/
	/*bottom: 0;*/
	width: 100%;
	/*left: 0;*/
}
.pro-det .top .rig{
	float: right;
	width: 340px;
}
.pro-det .top .rig .title{
	padding-bottom: 15px;
	border-bottom: 1px solid #e5e5e5;
}
.pro-det .top .rig .title .cn{
	font-size: 20px;
	color: #594a41;
	font-weight: 700;
}
.pro-det .top .rig .title .en{
	font-size: 14px;
	line-height: 22px;
	color:#a38b78;
}
.pro-det .top .rig .det{
	font-size: 14px;
	color: #777;
	line-height: 26px;
	margin-top: 18px;
}

.pro-det .mid{
	margin-top: 42px;
}
.pro-det .mid .title{
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
}
.pro-det .mid .title li{
	text-align: center;
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 160px;
	float: left;
	height: 50px;
	line-height: 50px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #e9e9e9;
	color: #333;
	font-size: 18px;
	cursor: pointer;
	margin: 0 2px;
}
.pro-det .mid .title li.on{
	background: #a38b78;
	color: #fff;
}
.pro-det .mid .title li:hover{
	background: #a38b78;
	color: #fff;
}
.pro-det .mid .contain{
	margin-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
	min-height: 200px;
}
.pro-det .mid .contain .xn ul li{
	padding: 18px 0px;
	height: 77px;
	line-height: 77px;
	color: #666;
	font-size: 16px;
	border-top: 1px dashed #e3e3e3;
}
.pro-det .mid .contain .xn ul li:first-child{
	border-top: none;
}
.pro-det .mid .contain .xn ul li .letter{
	font-size: 60px;
	color: #7a6e59;
	border:2px solid #7a6e59;
	text-transform: uppercase;
	float: left;
	width: 77px;
	text-align: center;
	line-height: 77px;
	display: inline-block;
	font-family: "宋體";
}
.pro-det .mid .contain .xn ul li .right{
	float: left;
	margin-left: 20px;
}
.pro-det .mid .contain .content-list{
	display: none;
	margin-top: 20px;
}
.pro-det .mid .contain .content-list p{
	font-size: 12px;
}
.pro-det .mid .contain .content-list.on{
	display: block;
}
.pro-det .mid .contain .scope{

}
.pro-det .mid .contain .scope ul li{
	padding-left: 20px;
	background: url(../image/img_09.png) no-repeat center left;
	line-height: 26px;
	font-size: 16px;
	color: #777;
	margin-bottom: 22px;
}
.pro-det .mid .value{

}
.pro-det .mid .value .tit{
	font-size: 18px;
	font-weight: 700;
	color: #a38b78;
	margin-bottom: 20px;
}
.pro-det .mid .value img{
	width: 100%;
}
.pro-det .mid .art{

}
.pro-det .mid .art .layer{
	padding: 6px 0;
	height: 48px;
	/*line-height: 48px;*/
}
.pro-det .mid .art .layer .tit{
	float: left;
	height: 48px;
	line-height: 48px;
	/*width: 48px;*/
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #7a6e58;
	border:2px solid #7a6e58;
	padding: 0 5px;
	font-family: "黑體";
}
.pro-det .mid .art .layer .chuan{
	float: left;
	margin-left: 10px;
	margin-top:8px;
}
.pro-det .mid .art .layer .chuan li{
	float: left;
	width: 75px;
	text-align: center;
	height: 32px;
	line-height: 32px;
	background: #a48b77;
	color: #fff;
	font-size: 14px;
}
.pro-det .mid .art .layer .chuan li.sj{
	width: 19px;
	height: 21px;
	background: url(../image/img_20.jpg) no-repeat center;
	margin: 5px 5px 0px 7px;
}
.pro-det .mid .point{
	color: #777;
} 
.pro-det .mid .point .tit{
	font-size: 18px;
	font-weight: 700;
	color: #a38b78;
}
.pro-det .mid .point .det{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 20px;
}
.pro-det .mid .point ul {
	margin-top: 8px;
}
.pro-det .mid .point ul li{
	padding-left: 44px;
	background: url(../image/img_10.png) no-repeat center left;
	margin-top: 10px;
	font-size: 16px;
}
.pro-det .video{
	width: 817px;
	height: 414px;
	margin: 0 auto;
	margin-top: 30px;
	position: relative;
}

.pro-det .video .tit{
	position: absolute;
	width: 200px;
	font-size: 24px;
	color: #fff;
	left: 50%;
	margin-left: -100px;
	top:59%;
	text-align: center;
}