/**全局样式**/
html {
    background-color: #fff;
}
/*宽度定义居中*/
.widthdefine{
			width:1200px;
			margin:0px auto;
		}
/*宽度100%定义*/
.widthall{
			width:100%;
			margin:0px auto;
		}
/****************************top************************************/
.top{
	height: 27px;
	background: #231815;
}
.top_main{
	height: 27px;
	line-height: 27px;
	color: #fff;
	font-size: 12px;
}
.top_left{
	float: left;
	width:350px;

}
.top_right{
	float: right;
}
.top_right li{
	float: left;
	margin-right: 20px;
}
.top_right li i{
	display: inline-block;
	margin-right: 10px;
}
/****************************header************************************/
.header{
	position: relative;
	height: 642px;}

	/*banner*/
	.banner{
	width: 100%;
	height: 644px;
	position: relative;
	overflow: hidden;
}
	/*轮播banner*/
	.slideBox{ width:100%; height:644px; overflow:hidden; position:relative;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:46%; bottom:20px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:20px;  width:15px; height:15px;border-radius: 50%; line-height:55px; text-align:center; background:#898989; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#b81b30;color:#fff ; }
		.slideBox .bd ul li a{display:block; width:100%;height: 644px;}
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:1400px; display:block;  }
	/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev{display:none;position:absolute; float: left; width:35px;height:35px;top:55%;left:5%;font-size: 50px;color: #898989; z-index:6; }
		.slideBox .next{display:none; position:absolute; float: left; width:35px;height:35px;top:55%;right:5%;font-size: 50px;color: #898989;  z-index:6;}
		.slideBox .prev:hover{color:#b81b30;  }
		.slideBox .next:hover{color:#b81b30;  }
		.slideBox:hover .prev{ display:block;}
		.slideBox:hover .next{ display:block; }
	/*nav导航条*/
	.navigation{
		position: absolute;
		top:0px;
		height: 52px;
	}
	.logo_nav{
		height: 52px;
		background: #b81b30;  
	}
	.logo{
		float: left;
		width: 282px;
		height: 100%;
		background: url(../images/logo.jpg) center no-repeat;
	}
	.nav{
		float: right;
	}
	.nav li{
		float: left;
		height: 51px;}
	.nav>ul>li>a{
		display: inline-block;
		margin-top: 15px;
		width: 100%;
		height: 15px;
		font-size: 15px;
		color: #fff;
	}
	#firstnav{
		border-left: none;
	}
	/* 下拉菜单css */
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.nav li{ width:119px; position:relative; display:inline;text-align: center; }
		.nav>ul>li:hover{background: url(../images/top_c.png) center no-repeat;}
		.nav .current{background: url(../images/top_c.png) center no-repeat;}
		.nav .sub{ display:none; width:119px; left:0; top:51px;padding:5px 7px 6px 10px;  position:absolute; background:rgba(210,210,210,0.5);border-radius: 5px; }
		.nav .sub li{width:101px;height: 30px;line-height: 30px;font-size: 13px; color:#595757;zoom:1;text-align: center;border-bottom: 1px solid #eee; }
		.nav .sub li:hover a{color: #bc3545;}
		.nav .sub li:last-child{border-bottom: none;}
/****************************product************************************/
.product{
	height: 660px;
	background: url(../images/pro_bg.png) center top no-repeat;
/*	background-size: 450px 700px;*/
	overflow: hidden;
}
.product_main{
	height: 660px;
}
	/*左侧*/
.pro_left{
	position: relative;
	padding-top: 86px ;
	width: 282px;
	height: 660px;	
}
	.pro_nav{
		width: 100%;
		min-height: 486px;
		padding: 58px 20px 58px 20px;
		background: rgba(255,255,255,0.5);
	}
	.pro_nav span{
		display: inline-block;
		width:100%;
		height: 60px;
		line-height: 60px;
		border-bottom:1px solid #b9b9b9; 
	}
	.pro_nav h1{
		font-size: 24px;
		font-weight: normal;
	}
	.pro_nav li{
		width:100%;
		height: 60px;
		line-height: 60px;
		text-align: right;
		border-bottom:1px solid #b9b9b9; 
	}
	.pro_nav li a{
		display: inline-block;
		width: 100%;
	}
	.pro_left .hd ul li.on a{ color: #b81b30;   }

	.pro_left .bd{
		position: absolute;
		top:148px;
		left:335px;
		width: 920px;
		background: #fff;
		overflow: hidden;
	}
	.pro_left .bd ul li{
	width:206px;
	height: 206px;
	margin-right: 13px;
	margin-bottom: 18px;
	text-align: center;
	overflow: hidden;
}
	.pro_pic{
	position: relative;
	display: block;
	width:100%;
	height: 206px;
	line-height: 206px;
	/*border:1px solid #989898;*/
	overflow: hidden;
}
	.pro_image{
	max-width: 206px;
	max-height: 206px;
	display: inline-block;
}
	.pro_right ul li:nth-child(4n){
	margin-right: 0px;
}
	.flowtitle{
	display: none;
	position: absolute;
	bottom:0px;
	width:100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: rgba(0,0,0,0.5);
	color: #fff;
	z-index: 3;
}
	.pro_pic:hover .pro_image{
	transition: 1s;
	-moz-transition: 1s;
	/* Firefox 4 */
	-webkit-transition: 1s;
	/* Safari 和 Chrome */
	-o-transition: 1s;
	/* Opera */
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	/* IE 9 */
	-moz-transform: scale(1.1);
	/* Firefox */
	-webkit-transform: scale(1.1);
	/* Safari 和 Chrome */
	-o-transform: scale(1.1);
	/* Opera */

}
	.bd ul li a:hover .flowtitle{
	display: block;
}
	/*右侧*/
.pro_right{
	height: 680px;
	width: 918px;
	height: 100%;
	padding: 54px 0px 0px 57px;
	background: #fff;
}
.pro_title{
	height: 36px;
	font-size: 36px;
}
.pro_list{
	font-size: 18px;
	line-height: 60px;
	color: #878787;

}
.more_btn{
	display: inline-block;
	width:143px;
	height: 39px;
	background: url(../images/more_btn.png) center no-repeat;
}

/****************************contact************************************/
.contact{
	height: 300px;
	padding: 40px 0px;
	text-align: center;
	color: #fff;
	background: url(../images/contact.jpg) center center no-repeat;
}
.contact_title{
	font-size: 30px;
	line-height: 45px;
}
.redline{
	display: inline-block;
	width:44px;
	border-top: 3px solid #b81b30;
}
/*.redline span{
	display: inline-block;
	width:44px;
	height: 4px;
	background: #b81b30;
}*/
.contact_detail span{
	display: inline-block;
	width:640px;
	margin-top: 20px;
	font-size: 16px;
	line-height: 30px;
}
.contact_tel{
	font-size: 30px;
	line-height: 60px;
	color:#b81b30;
}
/****************************new************************************/
.new{
	padding-top: 50px;
}
.new_title{
	font-size: 30px;
}
.new_article{
	min-height: 436px;
	margin :55px 0;
}
/*左侧*/
.new_left{
	width: 496px;
	height: 436px;
}
.recommend_pic{
	height: 310px;
	line-height: 310px;
	text-align: center;
	overflow: hidden;
}
.recommend_pic img{
	width: 496px;
	height: 310px;
	display: inline-block;
}
.recommend_title{
	height: 126px;
	background:#b81b30;
	color: #fff;
	overflow: hidden;
}
.recommend_title dl{
	width: 100%;
}
.recommend_title dt{
	position: relative;
	width:106px;
	height: 126px;
	padding: 20px 0;
}
.new_date{
	height: 82px;
	padding:20px 12px;
	border-right: 1px solid #fff;
}
.new_date span{
	font-size: 24px;
	line-height: 21px;
}
.new_date h5{
	line-height: 21px;
	font-weight: normal;
}
.new_img{
	position: absolute;
	width:100%;
	height: 100%;
	top:0px;
}
.new_img img{
	width:106px;
	height: 126px;
}
.recommend_title dd{
	width:387px;
	padding:10px;
	
}
.recommend_title dd a{
	font-size: 24px;
	color:#fff;
	line-height: 30px;
height: 30px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;
	display:block;
}
/*.recommend_title dd a:hover{
	text-decoration: underline!important;
}*/
.recommend_title dd div{
	margin-top: 6px;
	font-size: 14px;
	line-height: 21px;
	max-height: 63px;
	overflow: hidden;
}
/*右侧*/
.new_right{
	width: 620px;
	height: 436px;
}
.new_right .about_ul{
	margin-top: 0px;
	text-align: center;
}
.new_right .about_ul>li{
	display: inline-block;
}
/*新闻列表*/
.new_dl{
	top:40px;
	display: none;
	width: 100%;
	color: #717071;
}
.dt_list{
	float: left;
}
.dt_list_l{
	position: relative;
	width:120px;
	height: 118px;
	border-right: 1px solid #e7e7e7;
}
.newdate span{
	font-size: 24px;
	line-height: 21px;
}
.newdate h5{
	line-height: 21px;
	font-weight: normal;
}
.newdate{
	margin:20px;
	height: 82px;
}
.newimg{
	position: absolute;
	width:100px;
	height: 80px;
	top:20px;
}
.newimg img{
	width:100px;
	height: 80px;
}
.dt_list_r{
	width:498px;
	height: 118px;
	padding:15px 25px 0px 35px;
	border-bottom: 1px solid #e7e7e7;
}
.dt_list:last-child div:nth-of-type(2){
	border-bottom:none;
}
.dt_list_r a{
	display: inline-block;
	width: 100%;
	font-weight: bold;
	color:#231815;
	font-size: 14px;
	line-height: 30px;
}
.dt_list_r div{
	color: #717071;
	line-height: 24px;
	max-height: 48px;
	overflow: hidden;
}
.new_right .dt_list:hover{
	color: #b81b30!important;
}
.dt_list:hover .newimg{
	-webkit-box-shadow: 1px 1px 3px 1px #e09ca5;
}
.dt_list:hover a{
	color:  #b81b30!important;
}
.dt_list:hover div{
	color:  #ad6871!important;
}
/*.dt_list_r a:hover{
	text-decoration: underline!important;
}*/
/****************************about_us************************************/
.about_us{
	min-height: 410px;
	background: url(../images/about_us_bj.jpg) center center no-repeat;
}
.about{
	padding: 36px 0 36px 0;
}
.about_left{
	width: 600px;
}
.about_title{
	width:200px;
	/*text-align: center;*/
}
.about_detail{
	width: 100%;
	padding-top: 30px;
	color:#717071;
	font-size: 16px;
	line-height: 30px;
	max-height: 150px;
	overflow: hidden;
}
/*左*/
.about_ul{
	margin-top: 50px;
	height: 40px;
}
.about_ul li{
	display: inline-block;
	width: 160px;
	height: 40px;
	background: #898989;
	border-radius: 5px;
	margin: 0 20px;
}
.about_left .about_ul li{
	margin-left:0px;
	margin-right:40px;
}
.about_ul li>a{
	display: inline-block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
cursor: pointer;
}
.about_ul li:hover,.about_ul .on{
	background: #b81b30;
}
/*右*/
.about_right{
	width: 536px;
}
.about_right embed{
	width:536px;
	height: 332px;
}
/****************************knowledge************************************/
.knowledge{
	padding-top: 50px;
	min-height: 570px;
}
.knowledge .about_ul{
	display: inline-block;

}
.knowledge_ul{
	margin-top: 22px;
}
.knowledge_ul li{
	float: left;
	width:50%;
	height: 50px;
	line-height: 50px;
	padding: 0px 50px;
	background-position: 15px 20px;
}
	
.knowledge_ul li a{
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px dashed #d9d9da;
	padding-left: 20px;
	font-size: 14px;
	background: url(../images/knowledge_bj.png) no-repeat;
	background-position: 0 20px;
}
.knowledge_ul li a span{
	display: inline-block;
	color:#717071;
	width:80%;
}
.knowledge_ul li a small{color: #b3b3b4;}

.knowledge_ul li a:hover span,.knowledge_ul li a:hover small{
	color: #b81b30;
}
.knowledge_ul li a small{
	float: right;
}
.knowledge_ul li:nth-of-type(2n){
	border-left: 1px dashed #d9d9da;
}


/****************************footer************************************/
.footer{
	min-height: 240px;
	background: #b81b30;
	color: #fff;
}
.foot ul{
	height: 50px;
	background: #9fa0a0;}
.foot ul li{
		float: left;
		height: 50px;
		line-height: 50px;	}
	.foot ul li a{
		height: 15px;
		padding: 0px 58px;
		color: #fff;
		border-left: 1px solid #fff;
	}
	.foot ul li a:hover{
		text-decoration: underline!important;
	}
	#firstfootnav{
		border-left: none;
	}
.foot_info{
	width: 100%;
	min-height: 190px;
}
.foot_logo{
	width: 210px;
	height: 190px;
	padding-top: 50px;
}
.foot_logo img{
	width:186px;
	height: 107px;
	display: inline-block;
}
.foot_contact{
	width:335px;
	height: 100%;
	margin-left: 140px;
	padding-top: 20px;
	overflow: hidden;
	
}
.foot_erweima{
	margin-top: 50px;
}
.erweima_info{
	padding: 30px 0 0 10px;
}
/****************************子页面开始************************************/


/**********************productList产品列表子页面**********************/
.productList{
	padding-bottom: 30px;
}
/*左*/
.productList_left{
	position: relative;
	width: 330px;
}
.productList_title{
	position: absolute;
	top:-100px;
	width: 100%;
	height: 100px;
	padding: 20px 30px;
	background: #b81b30;
	color: #fff;
}
.cha{
	font-size: 28px;
	line-height: 30px;
}
.en{
	font-size: 24px;
	line-height: 30px;
}
.productList_left ul {
	padding-bottom: 14px;
}
.productList_left ul li{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #eeeeee;
	border-bottom: 1px solid #fff;
}
.productList_left ul li.profl_h4{
	background: #ccc;
}
.productList_left ul li.profl_h4 h4 a{
	color: #b81b30;
} 

.productList_left ul li a{
	display: inline-block;
	width: 80%;
	height: 50px;
	padding-left: 30px;
	font-size: 18px;
	color: #595757;
}
.productList_left ul li:hover,.productList_left ul .on{
	background: url(../images/btnhover_bg.png);
	color: #b81b30;
}
.contactus_title{
	width: 100%;
	height: 100px;
	line-height: 18px;
	padding: 20px 30px;
	background: #b81b30;
	color: #fff;
}
.contactus_detail{
	width: 100%;
	padding: 30px 30px 0px 30px;
	border: 1px solid #bfbfbf;
}
.company_info{
	width:100%;
	padding-bottom: 30px;
	border-bottom: 1px dashed #a7a7a7;
}
.message_link{
	width:100%;
	/*min-height: 100px;*/
	padding: 35px 0px;
	text-align: center;
}
.message_link a{
	display: inline-block;
	width:242px;
	height: 42px;
	line-height: 42px;
	background: #b81b30;
	color: #fff;
	border-radius: 10px;

}
/*右*/
.productList_right{
	width: 810px;
	margin-top: 15px;
}
.productList_right2{
	width: 810px;
	margin-top: 15px;
}
.pagelist{
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #969292;
	border-bottom: 1px dashed #969292;
}
.pagelist a{
	color: #969292;
}
.pagelist a:hover{
	color:#b81b30;
	text-decoration: underline!important; 
}
.nproitem ul{
	float: left;
	padding: 35px 0;
}
.nproitem ul li{
	width:242px;
	height: 242px;
	margin-right: 40px;
	margin-bottom: 40px;
	text-align: center;
	overflow: hidden;
}
.productList_pic{
	position: relative;
	display: block;
	width:100%;
	height: 242px;
	line-height: 242px;
	overflow: hidden;
}
.productList_image{
	max-width: 242px;
	max-height: 242px;
	display: inline-block;
}
.nproitem ul li:nth-child(3n){
	margin-right: 0px;
}
.flowtitle_new{
	display: none;
	position: absolute;
	bottom:0px;
	width:100%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.5);
	z-index: 3;
}
.flowtitle_new span{
	display: inline-block;
	width: 100%;
}

.productList_pic:hover .productList_image{
		transition: 1s;
	-moz-transition: 1s;
	/* Firefox 4 */
	-webkit-transition: 1s;
	/* Safari 和 Chrome */
	-o-transition: 1s;
	/* Opera */
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	/* IE 9 */
	-moz-transform: scale(1.1);
	/* Firefox */
	-webkit-transform: scale(1.1);
	/* Safari 和 Chrome */
	-o-transform: scale(1.1);
	/* Opera */

}
.nproitem ul li a:hover .flowtitle_new{
	display: block;
}
/*分页*/
.page{
	margin-top: 30px;
}
.pageprve{
	background: #b81b30;
}
.pagenext{
	background: #000;
}
.pg{
	background: none;
	color: #000!important;
}
.pg:hover,.page .current{
	background: #b81b30;
	color: #fff!important;
}
.page span{
	display: inline-block;
	margin-left: 15px;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	color: #fff;
}

/**********************new产品列表子页面*********************/
.newList_right{
	width: 810px;
	margin-top: 15px;
}
.new_list{
	width:100%;
	margin-bottom: 30px;
}
.new_list li{
	float: left;
	width:808px;
	height: 196px;
	padding-top: 35px;
        border-bottom:1px solid #e0e0e0;
}
.new_list li:last-child{
border-bottom:none;
}
.new_list li:hover .new_list_left{
	-webkit-box-shadow: 2px 2px 2px 1px #e09ca5;
	border:none;
}
.new_list li:hover .new_list_right div{
	color: #ac6770;
}
.new_list li:hover .new_list_right a{
	color: #b81b30;
}
		/*新闻左边图片及日期*/
.new_list_left{
	position: relative;
	width: 170px;
	height: 110px;
	border:1px solid #ddd;
}
.new_list_data{
	padding-top: 22px;
}
.new_list_img{
	position: absolute;
}
.new_list_img img{
	width:170px;
	height: 110px;
}
.new_list_data>span{
	font-size: 30px;
	color: #717071;
	line-height: 21px;
	display: inline-block;
	/*border-bottom: 2px solid #b81b30;*/
}
.new_list_left h5{
	color: #878787!important;
	line-height: 36px;
	display: inline-block;
	/*border-bottom: 2px solid #b81b30;*/
}
		/*新闻右边标题*/
.new_list_right{
	width:585px;
	padding-top: 10px;
	color: #989898;
}
.new_list_right h3 a{
	line-height: 30px;
	color: #231815;
	display: inline-block;
	width: 100%;
}
.new_list_right div{
	font-size: 14px;
	color: #717071;
	line-height: 24px;
}

/**********************单页contact*********************/
.main{
	padding: 30px 0;
line-height: 28px;
    color: #333;
}
.map{
	margin-top: 30px;
}
.map img{
	width:808px;
	height: 412px;
}
/**********************单页文章*********************/
.main_article{
	padding: 30px 0;
}
.article_title{
	margin-bottom: 30px;
}
.main_article img{max-width:100%;}

/*--详细页常用--*/
.time2 { margin-top:10px;}
.show_pic{ color:#444444; padding-top:10px;}
.show_pic h4{ font-size:20px;}
.pic_cp img{max-width:100%; /*border:1px solid #ccc; */margin-top:10px; }
.nrr { padding:10px 0; line-height:26px; color:#555555;font-size:12px;}
/**********************在线留言*********************/
.up_but{
    width:100px;
    height:30px;
    background: #b81b30!important;
    border-radius: 6px;}
.width2 {
    width: 260px !important;
    height: 30px !important;}
.liuyan_box li label{
   line-height: 30px!important;}
.liuyan_box li div {
    width: 400px !important;
}
.qqqq{
 height: 30px !important;
}
/*分页*/
.pagelink {clear:both;font-size:14px;text-align:right;height:38px; margin-top:30px; font-size:14px;}
.pagelink a,div.pagelink span{padding:7px 15px 8px 15px;height:35px;color:#000;line-height:35px; text-decoration:none; margin:0 8px;}
.pagelink a:hover{color:#fff;text-decoration:none;padding:7px 15px 8px 15px;background:#b81b30;}
/* .pagelink .current{color:#fff;padding:7px 15px 8px 15px;height:26px;background:#b81b30;} */
.pagelink span:first-child{}
.pagelink span:nth-child(2){background:#b81b30;color:#fff;}
.pagelink span:last-child{background:#000;color:#fff;}
.pagelink a:nth-child(2){background:#b81b30;color:#fff;}
.pagelink a:last-child{background:#000;color:#fff;}

.liuyan_box{padding-top:0 !important;}
.liuyan_box li div{ color:#f00;}

.pagelink {clear:both;font-size:12px;text-align:center;height:38px; margin:30px auto; width: 100%; font-size:12px;}
.pagelink a,div.pagelink span{height:23px;color:#4c4c4c;line-height:26px; text-decoration:none; margin:0 2px;}


.pagelink ul{
	padding: 0;
}
.pagelink ul li {
    display: inline-block;
    /* margin: 0px 5px; */
	padding: 4px 15px;
}
.pagelink ul li a {

}
.pagelink ul li.current a{
	background:#b81b30;color:#fff;
}