@charset "utf-8";

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
body{
	margin:0px; padding:0px; font-family: "微软雅黑"; font-size:12px; line-height:22px; background:url(../images/bj.jpg) left top repeat-x;
}
*{ margin:0px; padding:0px;} 

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, dl, dt, dd, ul, ol, li, pre, code, fieldset, legend, input, button, blockquote {
	margin:0px; padding:0px; border:0;
}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{border:0;}
.clear {clear:both;height: 0; }
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.noneBottomBorder{ border-bottom: none!important;}	
.noneTopBorder{ border-top: none!important;}
.backgroudW{ background: #fff; padding: 15px; margin: 24px 0px;}

/* CSS Document */

a{
	color:#1b1b1b;
	text-decoration:none;
}
a:hover{
	color:#c6080e;
	text-decoration:none;
}
/*----------------------------------------------end main-----------------------------------------*/
#top,#top_w, #nav, #banner,  #pagebody ,#gonggao, #pro,#news{ 
	margin:0 auto;
	clear:both;
	overflow:hidden; 
}

.clear {clear:both;height: 0; }
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}

#top{
	width:1002px; color:#FFF;
	height:110px;
	}
#top_l{
	float:left; width:350px;
	padding-top:15px;
	}
#top_t{
	padding-top:20px;
	}
#top_s{
	width:305px; color:#3f3f3f; text-align:right; font:12px/11px "微软雅黑"; float:right; padding-top:20px; padding-right:3px;
	}
#top_s img{padding-top:3px;}
#top_s a{
	color:#3f3f3f; text-decoration:none;
	}
#top_s a:hover{
	color:#3f3f3f; text-decoration:none;
	}
#nav{
	height:42px; width:1002px;
	}
#nav ul li{
	width:167px; height:42px; background:url(../images/nav_list.jpg) right top no-repeat; float:left;
	}
#nav ul li a{
	width:167px; height:42px; display:block; font: 15px/42px "微软雅黑"; color:#fff; text-align:center;
	}
#nav ul li a:hover{
display:block;
background:url(../images/nav_bg.jpg) center top no-repeat; color:#FFF; text-decoration:none;
	}
#banner{
height:358px;
	width:1002px; margin-top:15px; background:#fff url(../images/banner_bg.jpg) left bottom no-repeat; padding:5px;
	}
#pro{
width:1000px;
margin:0 auto;
}
.hd{
width:1000px;
height:40px;
background:url(../images/hd_bg.jpg) left top no-repeat;
}
.hd span{
font:14px/40px "Arial"; 
display:block;
color:#666666;
width:250px;
float:left;
}
.hd span h1{
font:18px/40px "微软雅黑";
color:#ff5a00;
width:80px;
float:left;
margin-left:25px;
}
.hd a{
width:48px;
float:right;
margin-top:15px;
}
#pagebody{
width:1002px;
overflow:hidden;
position: relative;
margin-bottom:30px;
}
.w370{
width:370px;
font:12px/24px "微软雅黑";
color:#666666;
float:left;
}
.w370 h1{
font:bold 12px/24px "微软雅黑";
color:#2e7900;
}
.hd1{
width:370px;
height:42px;
background:url(../images/abo_bg.jpg) left top no-repeat;
}
.hd1 span{
font:14px/40px "Arial"; 
display:block;
color:#666666;
width:250px;
float:left;
}
.hd1 span h1{
font:18px/40px "微软雅黑";
color:#ff5a00;
width:80px;
float:left;
margin-left:25px;
}
.hd1 a{
width:48px;
float:right;
margin-top:15px;
}
#w325{
width:325px;
float:left;
margin-left:10px;
}
#w325 ul{
	width:305px; padding:10px; clear:both; overflow:hidden;
	}
#w325 ul li.tuijian{
	float:left; width:305px; margin-bottom:5px;
	}
#w325 ul li.tuijian img{
	float:left; display:block; border:0;
	}
#w325 ul li.tuijian span{
	width:175px; display:block; color:#565656; float:right; line-height:24px; list-style:none; padding-left:10px;
	}
#w325 ul li.tuijian span h2{
	height:32px; font:bold 12px/30px "微软雅黑"; color:#006400;
	}
#w325 ul li.n_list{
	width:320px;
	float:left;
	height:30px; border-bottom:dashed 1px #ddd; background: url(images/diandian.jpg) left center no-repeat; line-height:30px;
	}	
#w325 ul li.n_list span{
	width:90px; height:30px; line-height:30px; float:right; display:block; text-align:center;
	}

.hd2{
width:325px;
height:42px;
background:url(../images/new_bg.jpg) left top no-repeat;
}
.hd2 span{
font:14px/40px "Arial"; 
display:block;
color:#666666;
width:250px;
float:left;
}
.hd2 span h1{
font:18px/40px "微软雅黑";
color:#ff5a00;
width:80px;
float:left;
margin-left:25px;
}
.hd2 a{
width:48px;
float:right;
margin-top:15px;
}
.w285{
width:285px;
float:right;
margin-left:10px;
}
.hd3{
width:285px;
height:42px;
background:url(../images/shebei_bg.jpg) left top no-repeat;
}
.hd3 span{
font:14px/40px "Arial"; 
display:block;
color:#666666;
width:220px;
float:left;
}
.hd3 span h1{
font:18px/40px "微软雅黑";
color:#ff5a00;
width:80px;
float:left;
margin-left:25px;
}
.hd3 a{
width:48px;
float:right;
margin-top:15px;
}





.w210{
width:210px;
float:left;
background:#fff;
}
.fldh{ background:url(../images/prolist_hd.jpg) left top no-repeat; width:210px; height:40px; font:bold 14px/40px "微软雅黑"; color:#FFFFFF; clear:both; text-indent:20px;}

.wh210{
width:198px;
border-right:1px #d8d7d7 solid; border-left:1px #d8d7d7 solid; border-bottom:1px #d8d7d7 solid;
padding:5px;
}
.w777{
width:765px;
float:right;
}
.hdn{
width:765px;
height:42px;
border-bottom:1px #d8d7d7 solid;
}
.hdn span{
font: 12px/24px "微软雅黑";
color:#666666;
width:160px;
float:right;
margin-top:8px;
margin-right:10px;
}
.hdn h1{
font:Bold 20px/40px "微软雅黑";
color:#666666;
width:200px;
float:left;
height:42px;
margin-left:5px;
}
.lanlan{
	height:269px; background:url(../images/PPPP.jpg) repeat-x; padding-top:10px; margin:0 auto; clear:both; overflow:hidden;
	}
.nei{
	padding:10px; color:#333333; font-size:13px; line-height:24px;}
.pro_wenben{
	 color:#fff; padding-top:5px; line-height:30px; 
	}
.pro_tu{background:url(images/pro_bg.jpg) center 5px no-repeat; height:195px;}


.sectionB{ 
	position: relative;
	width: 100%; height: 152px; padding-top: 27px; border-top: 1px solid #d3d3d3; 
	background: url(../images/index_10.jpg);}
.section{position:relative; width:100%; margin:auto;  clear:both; overflow: hidden; }
.Ttitle { 
	position:relative;width:100%; height:36px; margin: 0 auto; background:url(../images/bt_bg.jpg) top left no-repeat;
	color:#fff;font-size:15px;line-height:36px; text-indent:10px;
}
.Ttitle span{color: #cc787a; font-size: 14px; font-family:arial; text-transform: uppercase; font-weight: normal;}	
.Tmore a{
	position:absolute; right:0px; top:0px;
	width:72px; height:36px;  display: block;
	color: #666666; font-size: 14px; line-height:36px;  text-align: center;}



.ccbd{ position: relative; width: 1002px; padding-bottom:30px; margin: 0 auto;}
.company{ float:left; width:490px; margin:0 auto; }

.ctitle { 
	position:relative;width:100%; height:36px; margin: 0 auto; background:url(../images/xbt_bg.jpg) top left no-repeat;
	color:#333333;font-size:15px;line-height:36px; text-indent:10px;
}
.ctitle span{color: #cc787a; font-size: 14px; font-family:arial; text-transform: uppercase; font-weight: normal;}	
.cmore a{
	position:absolute; right:0px; top:0px;
	width:72px; height:36px;  display: block;
	color: #666666; font-size: 14px; line-height:36px;  text-align: center;}
.companynr{
	width:488px; height:178px; 
 	font-size:14px;color:#666666; line-height:26px;
 	overflow:hidden;
	border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;
	}
.companynr dt{float:left; width:162px; height:162px; padding: 16px 16px 0px 10px;} 	
.companynr dd{
	float:left;  width: 290px; height: 142px;
	color: #666; font-size: 12px; line-height: 24px; padding:10px 0;
}
.companynr dd span{ 
	width:297px; height:30px;display: block; padding-top:10px;  
	color: #0f1427; font-size: 14px; line-height: 30px; text-align: left; font-weight: bold;  }
	
.contactx{ position: absolute;left:495px; top:80px;}
.contact{ float:left; width:490px; margin-left:22px;  overflow:hidden; }
.contactnr{
	width:488px; height: 158px; padding-top:20px; overflow:hidden;
	background:url(../images/contact.jpg) 200px  24px no-repeat;
	border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;
}
.contactnr dl{width:320px; display:block;clear:both;}
.contactnr dl dt,.contactnr dl dd{color:#666666; font-size:12px;  line-height:30px; }
.contactnr dl dt{float:left; width:40px;  padding-left: 40px; }
.contactnr dl dd{float:left; width:240px;}
.lx1{background: url(../images/mobile.png) 14px 6px no-repeat;}
.lx2{background: url(../images/tel.png) 10px 4px no-repeat;}
.lx3{background: url(../images/mail.png) 10px 8px no-repeat;}
.lx4{background: url(../images/address.png) 12px 4px no-repeat;}
/* end contact */
	
/*end Ttitle*/

.newsListBd{ position: relative; width: 1002px; margin: 0 auto;}
.newsList{ position:relative; width: 990px;padding:14px 10px 10px 0; border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background:url(../images/newsx.jpg) center center no-repeat;}
.newsx{ position:absolute;left:488px; top:14px; }        
.newsListDl{ 
	float: left;
	width: 480px; height: 100px; padding-left:15px;}
.newsListDl a{width: 475px; height: 100px; display:block; color:#111224;}
.newsListDl a:hover{ background: #f0f0f0;}
.newsListDl a:hover .title{ color: #c3080e;}
.newsListDl a:hover .intro{ color: #0f1427;}
.newsListDl dt{ 
	float: left; width: 55px; height:55px; padding-right: 5px; padding-top: 15px; margin: 15px 0px;
	color:#ffffff; font-size: 12px; line-height: 20px; text-align: right;
	background: #0d3664;
}	
.newsListDl dt span{display: block;color:#ffffff; font-size: 24px; line-height: 30px;}	
.newsListDl dd{float:left;  width:395px;  height:100px;padding-left: 15px;  }
.newsListDl .title {
	width: 395px; height: 40px; display: block; padding-top: 5px;
	color:#0f1427; font-size:14px; line-height:40px; font-weight: bold;}	
.newsListDl .intro{
	width: 395px; height: 40px; display: block; overflow: hidden;
	color:#666666; font-size:12px; line-height:20px;}
/* end newsListDl */	


.case{ position:relative; width: 1000px;padding: 0; height:194px; border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}

.case .i_case{width:990px; margin:0 auto; height:174px; padding-top:10px; position:relative;}

.case .i_case span{ width:20px; height:41px; display:block; position:absolute; top:80px; background:url(../images/btn_i_case.png); cursor:pointer; -webkit-transition:ease-out .3s; -moz-transition:ease-out .3s; -transition:ease-out .3s; -transition:ease-out .3s; transition:ease-out .3s;}

.case .i_case span.btnl{ left:0; background-position:left top;}

.case .i_case span.btnr{ right:0; background-position:right top;}

.case .i_case span.btnl:hover{ left:0; background-position:left -51px;}

.case .i_case span.btnr:hover{ right:0; background-position:right -51px;}

.case .n_case_box{ width:949px; margin-left:20px; height:160px; border-left:1px solid #ddd; border-right:1px solid #ddd; position:relative; overflow:hidden;}

.case .n_case_box ul{ width:99999px;}

.case .n_case_box li {float:left; width:177px; height:160px; padding:0 6px; border-right:1px solid #ddd; text-align:center; position:relative; z-index:auto;}

.case .n_case_box li p{ padding-top:10px; line-height:30px;}

.case .n_case_box li a{ width:175px; height:160px; background:url(../images/bj_zoom.png) repeat; display:block; line-height:40px; position:absolute; left:7px; top:0; opacity:0; filter:alpha(opacity=0); -webkit-transition: all 0.25s linear;-mos-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;}

.case .n_case_box li i{ width:28px; height:28px; background:url(../images/icon_pro.png) no-repeat center; position:absolute; top:-20%; left:50%; margin:0 0 0 -14px; -webkit-transition: all 0.25s linear;-mos-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;}

.case .n_case_box li:hover a{opacity:1; filter:alpha(opacity=100);}

.case .n_case_box li:hover i{ position:absolute; top:50%; left:50%; margin:-14px 0 0 -14px; }





.container{width:1002px; margin:0 auto; }
/*footer*/

.f12{font-size:12px;}



.f14{font-size:14px;}



.f16{font-size:16px;}



.f22{font-size:22px;}



.f18{font-size:18px;}



.f32{font-size:32px;}



.f34{font-size:34px;}

.m20{ margin-top:20px;}


.footer{width:100%; height:285px;}



.footer .t_footer{ height:245px; background:#5f5f5f; color:#fff}



.footer .t_footer .container{position:relative; height:245px;}



.footer .copy_right{height:40px; line-height:40px; background:#dedede; color: #666666}



.copy_right .foot_logo{width:46px; height:40px; display:inline-block; float:left;margin-right:20px;}



.copy_right .foot_logo img{width:46px; margin-top:4px;}




.right{float:right}


.t_footer .t_f_l{width:300px;height:204px; float:left; position:absolute; top:7px; background:#5f5f5f; padding:20px 0 0 20px}



.t_footer .t_f_l img{float:left; margin-right:10px; width:100px; height:100px;}



.sina,.weixin{ width:80px; padding-left:20px; height:30px; text-align:center; line-height:30px; display:inline-block;}




.f_ad{width:290px; height:40px; line-height:40px; text-align:center; font-size:14px; background:#ed1b24; margin-top:30px;}



.foot_nav{ width:590px; float:right; height:215px; padding-top:30px;}



.foot_nav a{ color:#fff;}



.foot_nav .second_nav a{ color:#ccc; display:block}

.foot_nav .second_nav a:hover{ color:#fff; display:block}



.foot_nav ul li{float:left; width:103px; border-right:1px solid #999; padding:0 2px;}



.foot_nav ul li a{ display:block;  border-bottom:1px solid #999;padding-left:10px; line-height:23px;}



.foot_nav ul li a.f14{padding-bottom:3px;}



.foot_nav ul li .second_nav a{ border:none}



.foot_nav ul li:last-child{border:none}



.sub_name{ font-size:22px; font-weight:bold; color:#fff; height:70px; line-height:70px; background:url(../images/sub_name_bg.jpg) no-repeat; text-align:center}


.p_menu{width:210px; float:right;position:relative; z-index:2}
.p_menu ul{padding-bottom:4px; background:#ec1c25}
.p_menu ul li{background:url(../images/sub_gname.jpg) no-repeat; height:44px; width:210px; line-height:44px;}
.p_menu ul li a{background:url(../images/sub_ag_list.png) 180px center no-repeat; padding-right:30px; width:140px; padding-left:40px; font-size:14px; display:block}
.p_menu ul li.hover,.p_menu ul li.now{ background-image:url(../images/sub_name_bg1.jpg); }
.p_menu ul li.hover a,.p_menu ul li.now a{ color:#fff; background-image:url(../images/sub_a_list.png);}

.contactn{
width:210px; float:right;position:relative; z-index:2; margin-top:15px;
}
.contactnry{
	width:188px; height:158px overflow:hidden;
	border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; padding:10px; color:#333333; line-height:22px;
}

.ctitley { 
	position:relative;width:100%; height:36px; margin: 0 auto; background:url(../images/sub_name_bg.jpg) top left no-repeat;
	color:#fff;font-size:15px;line-height:36px; text-indent:10px;
}
.ctitley span{color: #cc787a; font-size: 14px; font-family:arial; text-transform: uppercase; font-weight: normal;}	
.cmorey a{
	position:absolute; right:0px; top:0px;
	width:72px; height:36px;  display: block;
	color: #666666; font-size: 14px; line-height:36px;  text-align: center;}