.sub-banner { height:327px; }
.clear{ clear: both;}
.inner-cont {*zoom:1; margin: 20px 0; }
.sidebar { width:100%; height:72px; border-bottom: 1px solid #eaeaea;}
.right-block { float: right; width: 788px; overflow: hidden; }
.content { /*padding: 40px 0 60px 0;*/ background:#f6f6f6}
/* ==========================================================================
   Sidebar
   ========================================================================== */
.sidenav li { float:left; }
.sidenav li a {text-align: center; display: block;color: #000; *zoom:1;font: 15px/72px microsoft yahei;}
.sidenav li.sidline{border-left:1px solid #e3e3e3;height:72px;}
.about_side li a{width:110px;}
.sidenav li:hover,
.sidenav .active { background: #252240;}
.sidenav li:hover a,
.sidenav .active a { color: #fff;}
.pro_side li a{width:182px;}
.new_side li a{width:218px;}
.service_side li a{ width: 182px;}
/* ==========================================================================
   Breadcrumbs
   ========================================================================== */ 
.breadcrumb-bar { background:#f6f6f6;line-height:74px; height: 74px; overflow: hidden; border-bottom: 1px solid #dcdcdc;}
.breadcrumb li { float: left; padding-right: 5px; }
.breadcrumb .bc-arr { font-family: simsun; }
.breadcrumb li,
.breadcrumb li a { color: #333; }
.breadcrumb li:last-of-type a { color: #bd9649; }
.breadcrumb .fa { font-size: 14px; line-height: 23px; padding-right: 5px; }
/*about*/
.content .aboutcon{ width:946px; padding:40px 25px; }
.abouttex{float: right; padding-top:25px}
.abouttex h2{font: 24px/24px microsoft yahei; color: #bd9649;}
.content .wrapper p {line-height:25px}

/* article */
article .hd { padding-bottom: 15px; border-bottom: 1px solid #ddd; text-align: center; }
article .hd .title { font: 18px microsoft yahei; padding-bottom: 5px; }
article .hd .byline { }
article .hd .byline span { padding: 0 10px; }
article .bd { padding: 20px 0; }
article .ft { text-align: center; }
article .ft .toolbar { display: inline-block; *display:inline;
zoom: 1; }
article .ft .toolbar li { float: left; margin: 0 32px; }
article .ft .toolbar li a { color: #fff; padding: 0 30px; font-size: 14px; font-family: microsoft yahei; display: block; background: #aaa; line-height: 35px; height: 35px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
article .ft .toolbar li a:hover { background: #f68121; }
article .ft .toolbar li a .fa { padding-right: 10px; font-size: 14px; }

/* news */
.news-list { padding-top:40px}
.news-list li { float: left; background: #fff; margin: 5px; padding: 20px 30px; width:245px; display: inline; }
.news-list li h3 { color: #333333; line-height: 25px; font-weight: 300; margin-bottom: 10px; }
.news-list li h3 a { color: #3a3a3c; font-size: 18px; font-family: microsoft yahei; }
.news-list li h3 a:hover { color: #a1702f; }
.news-list li .desc { height: 120px; }
.news-list li h3 span { float: right; }
.news-list li .desc { }
.news-list li .more{ line-height: 12px;background: url("../images/add_23.png") no-repeat; display: block;color:#666;font-family: Arial;text-indent: 18px;margin-top: 45px; text-transform:uppercase}
.news-list li .more:hover{ color:#bd9649}
/*product*/
.product-slider{ width: 1098px;border:1px solid #d9d9d9;}
.product-list {}
.product-list li {width:1000px;height:400px;float: left;}
.product-slider .imgarea{width:500px;height:400px; line-height: 400px; text-align: center; overflow: hidden; float: left;}
.product-slider .imgarea img{}
.product-slider .textarea{width:460px;padding-top:80px; float: right;}
.product-slider .proname02{font: 14px/24px microsoft yahei;margin:20px 0;}
.product-slider .textarea h2{color:#0069b8;font: 24px/24px microsoft yahei;}
.product-slider .probtn {padding-top:50px;}
.product-slider .probtn a{padding:10px 18px;background:#0069b8;color:#fff;}
.product-slider { position: relative; *zoom:1;padding:5px;}
.product-slider .prev,
.product-slider .next { font-size: 50px; width: 50px; height: 50px; text-align: center; line-height: 50px;color: #333; margin-top: -26px; z-index: 999; }
.product-slider .prev:hover,
.product-slider .next:hover {color: #0069b8; }
.product-slider .prev { left: 0; }
.product-slider .next { right: 0; }

.pronewtj{width:1150px;padding-top:35px;}
.pronewtj_ul li{width:337px;height:279px;margin:0 31px 30px 0;padding:5px; float:left; border: 1px solid #ddd;}
.pronewtj_ul li .proimg02{width:337px;height:240px; line-height: 240px; text-align: center;}
.pronewtj_ul li img{max-width:337px;max-height:240px;}
.pronewtj_ul li .proname03{ text-align: center;}

/* career-list */
.career-list{padding-top:20px;}
.career-list table {width: 100%;}
.car_tit{ background: #bd9649;color:#fff;}
.career-list th {padding: 0 15px;line-height: 38px;	border-top: 1px solid #e7e7e7;	border-bottom: 1px solid #e7e7e7;
font-size: 14px;font-family: "Microsoft Yahei";}
.career-list .hd td {padding: 0 15px;line-height: 38px;border-bottom: 1px dashed #e7e7e7;color: #333;font-size: 14px;font-family: "Microsoft Yahei"}
.career-list .td-position {	padding-left: 30px}
.career-list .on {	position: relative}
.career-list .on td {	color: #bd9649}
.career-list .on td a {	color: #bd9649}
.career-list .on: after {	content: "";	display: block;	position: absolute;	border: 6px dashed transparent;	font-size: 0;	width: 0;	height: 0;	overflow: hidden;	line-height: 0;	border-bottom-color: #f1f1f1; 
border-bottom-style: solid;	left: 80px;	bottom: -1px;	z-index: 99;}
.career-list .bd {	position: relative;	display: none;padding: 20px 20px 30px;background: #f1f1f1;color: #333;	border-bottom: 1px dashed #e7e7e7}
.more02{ position: absolute; right:20px; top:20px;}
.career-list .bd h4 {	font-size: 14px;	font-family: "Microsoft Yahei";	font-weight: 300;	margin-bottom: 8px;}
.career-list a: hover {	text-decoration: underline;}

/*message*/
.feedback{width:725px; margin:0 auto; font-size:14px}
.fb-info {padding: 0 8px;margin-bottom: 30px; border-bottom:1px dashed  #000; text-align:center; line-height:30px;}
.ui-btn {display: inline-block;cursor: pointer;text-align: center; font-size:14px;}
.ui-btn:active {position: relative;top: 1px}
.field {padding: 0 10px 10px 250px;line-height: 26px}
.field .ui-label {float: left;width: 150px;margin-left: -170px;text-align: right}
.field .ui-input {height: 25px;line-height: 18px;padding: 2px 0 2px 5px;width: 300px}
#ValidCode {width: 80px}
.ui-checkcode-imgcode-img {
	height: 32px;
	cursor: pointer;
	padding-left: 10px;
	vertical-align: top
}
#GuestBook_Content {
	width: 400px;
	height: 120px;
	line-height: 18px;
	padding: 5px
}
.ui-btn {
	font-family:"Microsoft Yahei";
	padding: 8px 44px;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	vertical-align: border-bottom;
	margin-right: 15px
}
.ui-btn1 {
	background-color: #b2873d;
	background-color: #b2873d;
	border: 1px solid #b2873d;
	background-image: -webkit-linear-gradient(top, #b2873d 5%, #9d7227 100%);
	background-image: -moz-linear-gradient(top, #b2873d 5%, #9d7227 100%);
	background-image: -o-linear-gradient(top, #b2873d 5%, #9d7227 100%);
	background-image: linear-gradient(top, #b2873d 5%, #9d7227 100%);
	-webkit-box-shadow: inset 0 1 0 0 #c3dcfe;
	-moz-box-shadow: inset 0 1 0 0 #c3dcfe;
	-ms-box-shadow: inset 0 1 0 0 #c3dcfe;
	-o-box-shadow: inset 0 1 0 0 #c3dcfe;
	box-shadow: inset 0 1 0 0 #c3dcfe;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px
}
.ui-btn1:hover {
	background-color: #b2873d;
	background-image: -webkit-linear-gradient(top, #9d7227 5%, #b2873d 100%);
	background-image: -moz-linear-gradient(top, #9d7227 5%, #b2873d 100%);
	background-image: -o-linear-gradient(top, #9d7227 5%, #b2873d 100%);
	background-image: linear-gradient(top, #9d7227 5%, #b2873d 100%)
}
.ui-btn2 {
	background-color: #ededed;
	border: 1px solid #e0e0e0;
	background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	-webkit-box-shadow: inset 0 1 0 0 #fff;
	-moz-box-shadow: inset 0 1 0 0 #fff;
	-ms-box-shadow: inset 0 1 0 0 #fff;
	-o-box-shadow: inset 0 1 0 0 #fff;
	box-shadow: inset 0 1 0 0 #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	color: #333
}
.ui-btn2:hover {
	background-color: #b2873d;
	background-image: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background-image: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background-image: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background-image: linear-gradient(top, #dfdfdf 5%, #ededed 100%)
}


/*case*/
.case{ padding:0px 0  35px 0;width:960px }
.newcases { float:left; display:inline; zoom:1; padding:8px 0 0 5px; }
.newcases ul {}
.newcases ul li { float:left; display:inline; zoom:1;  padding:25px 5px 50px 5px; clear:both; border-bottom:1px dashed #c6c6c6;width:960px }
.newcases ul li a { color:#666!important;}
.newcases ul li a.pic { float:left; display:inline; zoom:1; width:240px; height:90px; text-align:center; padding:0 10px}
.newcases ul li a.pic img { border:0; *margin:0px 0 0 0; vertical-align:middle; }
.newcases ul li p { display:block; width:100%; }

/* ==========================================================================
   Pagination
   ========================================================================== */
#Mym_pager { margin-top: 50px;margin-bottom:20px; text-align:center }
.margin_20{padding-left:17px;}
#Mym_pager .pages a { display: inline-block; padding: 0 5px; margin: 0 4px; border:1px solid #e1e1e1;color: #333; cursor: pointer; line-height: 24px; height: 24px; }
#Mym_pager .pages .pgcurrent { color: #fff; background-color: #bd9649; cursor: default; }
#Mym_pager .pages .pgempty { cursor: not-allowed }
#Mym_pager .pages a:hover{color: #fff; background-color: #bd9649; }