@charset "utf-8";



a img{ border:none;} h1,h2,h3,h4,p{margin: 0px;padding: 0px;} td{padding: 0px;}



/*首页*/

.us_box{

	width: 1200px;

	margin: auto;

	overflow: hidden;

	padding: 70px 0px;

}

.us_center{

	width: 600px;

	height: 350px;

	float: left;

}

.us_center h1{

	padding-top: 30px;

	font-size: 22px;

	color: #333

}

.us_center span{

	display: block;

	width: 16px;

	height: 2px;

	background: #F4A307;

	margin: 20px 0px;

}

.us_center p{

	font-size: 14px;

	line-height: 26px;

	color: #333;

	padding: 10px 0px 30px 0px;

}

.us_center a{

	font-size: 14px;

	display: table;

	width: 110px;

	text-align: center;

	line-height: 40px;

	background: #F4A307;

	color: #fff;

	transition: all .3s;

}

.us_center a:hover{

	padding-right: 10px;

	border-right: 4px solid #555;

}

.us_img{

	float: right;

	overflow: hidden;

}

.us_img div{

	float: left;

	width: 160px;

	height: 350px;

	margin-left: 5px;

	background: #eee;

	position: relative;

}

.us_img div img{

	width: 160px;

	height: 350px;

	display: block;

}

.us_img div p{

	position: absolute;

	left: 50px;

	top:100px;

	background: rgba(0,0,0,0.5);

	font-size: 16px;

	width: 16px;

	padding: 22px;

	color: #fff;

	border: 1px solid #aaa;

	transition: all .3s;

}

.us_img div:hover p{

	padding: 22px 72px;

	left: 0px;

	top: 0px;

	height: 100%;

}

.fengqing_box{

	width: 100%;

	position: relative;

}

.fengqing_title{

	position: absolute;

	top:0px;

	left: 50%;

	margin-left: -100px;

	z-index: 20;

	width: 200px;

	height: 100px;

	background: rgba(244,163,7,0.8);

	border-radius: 0px 0px 100% 100%;

}

.fengqing_title h1{

	font-size: 22px;

	color: #fff;

	line-height: 60px;

	margin-top: 10px;

	text-align: center;

}

.fengqing_title span{

	display: block;

	width: 16px;

	height: 2px;

	background: #fff;

	margin: auto;

}

.fengqing_box ul{

	overflow: hidden;

}

.fengqing_box ul li{

	float: left;

	width: 25%;

	height: 250px;

	background: #ddd;

	position: relative;

}

.fengqing_box li div{

	width: 100%;

	height: 250px;

	overflow: hidden;

}

.fengqing_box li img{

	width: 100%;

	min-height: 250px;

	display: block;

}

.fengqing_box li span{

	position: absolute;

	width: 100%;

	height: 0;

	left:0;

	bottom:0;

	z-index: 1;

	background: #F4A307;

	transition: all .6s;

	opacity: 0.6;

}

.fengqing_box li:hover span{

	height: 100%;

}

.fengqing_box li h1{

	position: absolute;

	font-size: 16px;

	font-weight: normal;

	color: #fff;

	width: 0%;

	line-height: 140px;

	left: 100%;

	top:90px;

	z-index: -1;

	background: url(../images/fengqing_hover.png) no-repeat;

	background-position: 50% 0px;

	text-align: center;

	transition: all .6s;

}

.fengqing_box li:hover h1{

	width: 100%;

	left: 0px;

	z-index: 2;

}

.service_box{

	width: 1200px;

	padding: 70px 0px;

	margin: auto;

}

.all_title{

	width: 1200px;

	margin: auto;

	position: relative;

}

.all_title h1{

	text-align: center;

	font-size: 26px;

	font-weight: normal;

	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#DC9306), to(#F4A307));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.all_title span{

	padding: 0px 20px;

}

.all_title h2{

	text-align: center;

	font-weight: normal;

	font-size: 22px;

	color: #333;

}

.service_center{

	padding-top: 30px;

	overflow: hidden;

}

.service_center li{

	width: 590px;

	height: 350px;

	float: left;

	background: #eee;

	margin: 0px 10px 10px 0px;

	overflow: hidden;

	position: relative;

}
.service_center li a{display:block;width100%; height:350px; overflow:hidden;}
.service_center li:nth-child(2){

	width: 590px;

}

.service_center li:nth-child(3){

	width: 550px;

}

.service_center li:nth-child(4){

	width: 630px;

}

.service_center li img{

	width: 100%;

	max-height:350px;

	display: block;

}

.service_center li div{

	width: 100%;

	height: 100%;

	position: absolute;

	top: 60px;

	left: 0px;

	padding-left: 10px;

	transition: all .6s;

}

.service_center li:hover div{

	top:0px;

	background: rgba(244,163,7,0.6);

}

.service_center li div h1{

	font-size: 16px;

	border: 2px solid #fff;

	display: table;

	color: #fff;

	margin-top: 100px;

	font-weight: normal;

	padding: 5px 20px;

	border-radius: 5px;

}

.service_center li div p{

	width: 80%;

	font-size: 14px;

	padding-top: 20px;

	color: #fff;

	line-height: 24px;

}

.news_box{

	width: 1200px;

	margin: auto;

	overflow: hidden;

	padding-bottom: 70px;

}

.news_center{

	float: left;

	width: 290px;

	background: #f6f6f6;

	margin: 30px 10px 0px 0px;

	border-radius: 4px;

	border-bottom: 4px solid #eaeaea;

	position: relative;

}

.news_center:hover{

	border-bottom: 4px solid #F4A307;

}

.news_center h1{

	width: 85%;

	font-size: 16px;

	margin: auto;

	font-weight: normal;

	color: #333;

	line-height: 40px;

	padding-top: 30px;

    white-space:nowrap;/*一行显示*/

    overflow: hidden;/*超出部分隐藏*/

    text-overflow: ellipsis;/*用...代替超出部分*/

}

.news_center span{

	display: block;

	width: 16px;

	height: 2px;

	background: #F4A307;

	margin: 14px 0px 14px 20px;

}

.news_center p{

	padding: 0px 20px;

	font-size: 14px;

	color: #888;

	line-height: 22px;

	min-height: 88px;

}

.news_center font{

	display: block;

	padding: 30px 20px;

	font-size: 14px;

	color: #F4A307;

}

.news_center div{

	position: absolute;

	width: 53px;

	height: 50px;

	bottom:0px;

	right: 0px;

	background: #F4A307 url(../images/news.png) no-repeat;

}



/*单页、详情页css*/

.article_box{

	width: 1200px;

	margin: auto;

	margin-bottom: 50px;

}

.article_box ul{

	overflow: hidden;

}

.article_box li{

	float: left;

}
.article_box li img{display:block;margin:0 auto;max-width:100%;}
.com_left{

	width: 200px;

	margin-top: 40px;

	overflow: hidden;

}

.com_left div{

	border: 1px solid #eee;

	margin-bottom: 20px;

}

.com_left h1{

	width: 100%;

	line-height: 44px;

	background: linear-gradient(#DC9306,#F4A307);

	color: #fff;

	font-size: 15px;

	font-weight: bold;

	text-indent: 20px;

}

.com_left a{

	display: block;

	line-height: 34px;

	font-size: 13px;

	color: #333;

	text-indent: 20px;

	background: linear-gradient(#fff,#f5f5f5);

}

.com_left a:hover{

	color: #F4A307;

}

.com_left span{

	color: #bbb;

	float: right;

}

.com_left h2{

	width: 100%;

	line-height: 44px;

	color: #F4A307;

	font-size: 15px;

	font-weight: bold;

	text-indent: 20px;

	border-top:2px solid #F4A307;

}

.com_left .com_neirong{

	font-size: 13px;

	line-height: 24px;

	border: none;

	margin: 0px;

	padding: 0px 20px 20px 20px;

	color: #333;

}

.kuang{

	width: 230px;

	height: 30px;

	border: 1px solid #ddd;

	padding-left: 10px;

	margin-bottom: 8px;

	font-size: 13px;

	color: #999;

}

.com_right{

	margin-left: 48px;

	width: 940px;

	overflow: hidden;

}

.crumbNav{

	color: #313131;

	font-size: 14px;

	padding: 40px 0px 17px 0px;

	border-bottom: 1px solid #ddd;

}

.crumbNav a{

	font-size: 14px;

	color: #313131;

	font-weight: normal;

}

.crumbNav a:hover{

	color: #F4A307;

}

.com_right h1{

	font-size: 22px;

	padding: 30px 0px 20px 0px;

	line-height: 26px;

	text-align: center;

	color: #F4A307;

}

.com_right p{

	font-size: 15px;

	color: #252525;

	line-height: 28px;

}

.new_lisbox{

	margin-top: 10px;

}

.new_listpage{

	overflow: hidden;

	padding: 10px 0px;

	border-bottom: 1px solid #eee;

}

.new_listpage a{

	font-size: 15px;

	font-weight: bold;

	color: #333;

	line-height: 30px;

	float: left;

	display: block;

}

.new_listpage a:hover{

	color: #F4A307;

}

.new_listpage span{

	font-size: 13px;

	color: #888;

	float: right;

}

.new_listpage div{

	width: 100%;

	float: left;

	font-size: 14px;

	color: #888;

	line-height: 24px;

}

.flip_article{

	font-size: 14px;

	padding: 20px 0px;

	display: table;

	margin: auto;	

}

.flip_article a{

	color: #555;

}

.flip_article a:hover{

	color: #F4A307;

}

.article_libox{

  padding-top: 10px;

  overflow: hidden;

}

.article_libox li{

	width: 210px;

	background: #f7f8fa;

	margin: 0px 10px 10px 0px;

	overflow: hidden;

	display:inline-block;

	vertical-align:top;

}

.article_liall{

	font-weight: normal;

	display: block;

	width: 210px;

	background: #0a2b4a;

	color: #fff;

	font-size: 16px;

	line-height: 40px;

	text-align: center;

}

.article_libox span{

	margin-top: 10px;	

	overflow: hidden;

	display: block;

}

.article_lione{

	display: block;

	line-height: 35px;

	font-size: 14px;

	color: #252525;

	text-indent: 10px;

}

.article_lione:hover{

	color: #F4A307;

}

.product_listpage{

	overflow: hidden;

}

.product_listpage a{

	float: left;

	width: 225px;

	margin: 0px 10px 10px 0px;

	overflow: hidden;

}

.product_listpage div{

	width: 225px;

	height: 170px;

	overflow: hidden;

}

.product_listpage img{

	width: 225px;

	height: 170px;

}

.product_listpage p{

	line-height: 40px;

	font-size: 14px;

	color: #555;

	text-align: center;

	margin: 0px;

}

.product_listpage a:hover p{

	color: #fff;

	background: #F4A307;

}

.article_listpage{

	overflow: hidden;

}

.article_listpage a{

	float: left;

	width: 425px;

	margin: 0px 20px 20px 0px;

	overflow: hidden;

}

.article_listpage img{

	width: 180px;

	height: 137px;

	border: 1px solid #e5e5e5;

	float: left;

}

.article_listpage div{

	float: right;

	width: 230px;

	height: 137px;

	overflow: hidden;

}

.article_listpage h5{

	font-size: 16px;

	line-height: 40px;

	color: #F4A307;

	margin: 0px;

	font-weight: normal;

}

.article_listpage p{

	font-size: 14px;

	color: #222;

	line-height: 24px;

}

.detail_img{

	max-width:100%;display:block;

	padding-bottom: 20px;

	margin: auto;

}

.com_right h3{

	padding: 20px 0px;

	color: #333;

	font-size: 18px;

	text-align: center;

}

.com_right h4{

	font-size: 15px;

	color: #252525;

	line-height: 26px;

	font-weight: normal;

}

.list_art{

	display: table;

	margin: auto;

	overflow: hidden;

}

.list_art li{

	float: left;

	margin: 0px 10px;

}

.list_art a{

	display: block;

	float: left;

	font-size: 14px;

	padding: 0px 20px;

	line-height: 30px;

	border: 1px solid #F4A307;

	color: #F4A307;

	margin: 1px 0px 30px 0px;

}

.list_art a:hover{

	background: #F4A307;

	color: #fff;

}

.list_art .on a{

	background: #F4A307;

	color: #fff;

}

.list_produ{

	overflow: hidden;

}

.list_produ li{

	float: left;

	width: 225px;

	margin: 0px 10px 10px 0px;

	overflow: hidden;

}

.list_produ li div{

	width: 225px;

	height: 200px;

	overflow: hidden;

}

.list_produ li div img{

	width: 225px;

	min-height: 200px;

	display: block;

}

.list_produ li h5{

	width: 100%;

	font-size: 14px;

	color: #555;

	font-weight: normal;

	text-align: center;

	margin: 0px;

	line-height: 40px;

    white-space:nowrap;/*一行显示*/

    overflow: hidden;/*超出部分隐藏*/

    text-overflow: ellipsis;/*用...代替超出部分*/

}

.list_produ li:hover h5{

	background: #F4A307;

	color: #fff;

}

#com_center{

	font-size: 14px;

	line-height: 24px;

}

#com_center img{

	max-width: 100%;

	height: auto !important;

	margin: auto!important;

}



/*在线留言*/

.guestbook{

	width: 60%;

	margin: auto;

}

.reply_guestbook{

	width: 60%;

	margin: auto;

	font-size: 14px;

	margin-top: 50px;

	color: #333;

}

.guestbook #truename {

	height: 34px;

	width: 100%;

	margin: 0px auto 10px auto;

	border: 1px solid #ddd;

	color: #777;

	font-size: 14px;

	text-indent: 10px;

	padding: 0px;

}

.guestbook #telephone {

	height: 34px;

	width: 100%;

	margin: 0px auto 10px auto;

	border: 1px solid #ddd;

	color: #777;

	font-size: 14px;

	text-indent: 10px;

}

.guestbook #email {

	height: 34px;

	width: 100%;

	margin: 0px auto 10px auto;

	border: 1px solid #ddd;

	color: #777;

	font-size: 14px;

	text-indent: 10px;

}

.guestbook .neirong {

	height: 100px;

	width: 100%;

	margin: 0px auto 10px auto;

	border: 1px solid #ddd;

	color: #777;

	font-size: 14px;

	text-indent: 10px;

}

.guestbook .bm_xiangmu{

	height: 34;

	line-height: 34px;

	width: 100%;

	margin: 0px auto 10px auto;

	border: 1px solid #ddd;

	color: #777;

	font-size: 14px;

	text-indent: 10px;

}

.guestbook #captcha {

	width: 73%;

	height: 34px;

	padding-left: 10px;

	line-height: 34px;

	color: #777;

	font-size: 14px;

	border: 1px solid #ddd;

	margin: 0px 14px 14px 0px;

	float: left;

}

.guestbook .anniu {

	height: 34px;

	width: 100%;

	background: #aaa;

	font-size: 16px;

	color: #fff;

	border: none;

	cursor:pointer;

}

.guestbook .anniu:hover {

	background: #F4A307;

}



/*翻页代码*/

.pages {

	text-align: center;

	font-size: small;

	margin-top:20px;

}



.pages a {

	background-color: #f3f3f5;

	display: inline-block;

	padding: 2px 6px;

	color: #222;

}



.pages a:hover {

	text-decoration: none;

	color: #F4A307;

}



.pages .current {

	background-color: #F4A307;

	display: inline-block;

	padding: 2px 6px;

	color: #fff;

}