@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option.textarea,submit,button,p,table,tr,th,td,span,a,img,article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video,fieldset{margin:0;padding:0;}
article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;margin:0;padding:0;}
input,select,textarea,button{vertical-align:middle;}
body{font-size:14px; font-family:Microsoft Yahei,Verdana, Geneva, sans-serif;}
ul,li,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
table,td{ empty-cells:show; border-collapse:collapse;}
.clear{width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; clear:both;}
img{border:none;}
html,body{ width:100%; position:relative;}

a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
a{outline:none; blr:expression(this.onFocus = this.onblur()); text-decoration:none; color:#333;}
a:hover{text-decoration:none;}

#top{ width:100%; float:left;}
#top_t{ width:100%; float:left; height:35px; background:#da251c;}
#zj{ width:1200px; margin:0px auto; clear:both;}
#top_tl{ float:left; height:35px; line-height:35px; color:#fff;}
#top_tr{ float:right; height:35px; line-height:35px; color:#fff; text-indent:30px; background:url(../images/tel.png) no-repeat left center;}
#top_k{ width:100%; float:left; height:85px;}
#logo{ float:left; margin-top:18px;}
#logo img{ width:100%;}

#menu{ width:750px; float:right; position:relative; z-index:99999;}
#menu ul{}
#menu li{ width:125px; float:left; height:85px; font-size:16px; line-height:85px; text-align:center;}
#menu li a{ display:block; color:#333; -webkit-transition: all 0.8s ease; transition: all 0s ease; text-decoration: none; outline: 0;}
#menu li a:hover{ color:#da251b; background:url(../images/nav.jpg) no-repeat center bottom;}

#menu ul li ul li { float:none;}
#menu ul li ul li a { background:none;}
#menu ul li ul {}
#menu ul li ul li {font-weight:normal; float:left; font-size:13px; width:125px; line-height:45px;height:45px; background:#f1f1f1;}
#menu ul li ul li a { color:#333; display:block;}
#menu ul li ul li a:hover {color:#FFF; height:45px; background:#da251c;}
#menu ul li ul { display:none;}
#menu ul li:hover ul { display:block;}
#menu ul li.sfhover ul { display:block;}

#menu li#navk{ width:130px;}
#menu li a#navb{ width:130px; color:#fff; background:#bf0101 url(../images/biao.png) no-repeat 100px center; text-align:left; text-indent:24px;}
#dalan{ width:330px; height:140px; float:left; margin:5px;}
#dalan_t{ width:100%; float:left; height:35px; line-height:35px; text-indent:10px; border-bottom:1px #cccccc dashed; text-align:left; font-size:18px; font-weight:bold;}


#dalan_n{ width:100%; float:left; color:#666;}
#dalan_n dd{ width:165px; float:left; height:27px; text-indent:10px; line-height:27px; background:none; overflow:hidden;}
#dalan_n dd a{ color:#666666; width:145px; height:27px; line-height:27px; background:none; font-size:13px; text-align:left;}
#dalan_n dd a:hover{ color:#ec6c00; background:none;}

#fenlei{ width:100%; float:left;}
#fenlei li{ width:100%; float:left; background:#f6f6f6 url(../images/biao.jpg) no-repeat 220px center; height:80px; line-height:80px; margin-bottom:2px; text-indent:48px; font-size:20px;}
#fenlei li a{ display:block; color:#333;}
#fenlei li a:hover{ color:#fff; background:#bf0f19 url(../images/biaob.jpg) no-repeat 220px center}

#banner{ width:100%; height:500px; float:left;}

#box{ width:100%; float:left; padding:90px 0;}
#about{ width:550px; float:left;}
#about_t{ width:100%; float:left;}
#about_ty{ width:218px; height:31px; float:left;}
#about_tz{ width:100%; float:left; margin-top:15px; font-size:40px; font-weight:bold; background:url(../images/guanyudi.jpg) no-repeat left bottom; padding-bottom:30px;}
#about_s{ width:100%; float:left; margin-top:15px; font-size:28px; font-weight:bold;}
#about_n{ width:100%; float:left; margin-top:15px; color:#333333; line-height:2;}
#about_more{ width:180px; float:left; height:50px; line-height:50px; text-align:center; background:#da251b; border-radius:4px; margin-top:15px;}
#about_more a{ color:#fff;}
#about_more a:hover{}
#about_r{ width:537px; float:right; height:361px;}


#product{ width:100%; float:left;}
#product_t{ width:100%; float:left; height:289px; background:url(../images/product.png) no-repeat center;}
#product_k{ width:100%; float:left; padding-bottom:80px; background:url(../images/cpzs.png) no-repeat center; padding-top:80px;}
#lanmu{ width:260px; float:left;}
#lanmu2{ width:260px; float:left; background:#f1f1f1;}
#lanmu_t{ width:100%; float:left; height:90px; background:#da251c;}
#lanmu_tz{ width:100%; float:left; margin-top:20px; text-indent:25px; font-size:18px; color:#fff; font-weight:bold;}
#lanmu_ty{ width:100%; float:left; margin-top:4px; text-indent:25px; color:#fff;}
#lanmu_n{ width:240px; padding:10px; float:left; background:#fff;}
#lanmu_n2{ width:240px; padding:10px; float:left;}
#lanmu_n li{ width:100%; float:left; hegiht:55px; line-height:55px; text-indent:25px; font-size:16px; border-bottom:1px #ccc dashed;}
#lanmu_n li a{ color:#333; display:block;}
#lanmu_n li a:hover{ background:#da251c; color:#fff;}

#lanmu_n2 li{ width:100%; float:left; hegiht:55px; line-height:55px; text-indent:25px; font-size:16px; border-bottom:1px #ccc dashed;}
#lanmu_n2 li a{ color:#333; display:block;}
#lanmu_n2 li a:hover{ background:#da251c; color:#fff;}



#product_n{ width:920px; float:right;}

#pro{ width:220px; float:left; height:230px; margin:10px 5px; background:#ccc;}
#pro a{ display:block; width:220px; height:230px;}
#pro a:hover{ background:#da251c;}
#pro_t{ width:218px; height:183px; float:left; border:1px #ccc solid;}
#pro a:hover #pro_t{ border:1px #da251c solid;}
#pro_t img{ width:218px; height:183px;}
#pro_n{ width:100%; float:left; height:45px; line-height:45px; text-align:center;}
#pro a:hover #pro_n{ color:#fff;}

#xinwen{ width:100%; float:left; padding:80px 0;}
#xinwen_t{ width:100%; float:left;}
#xinwen_tz{ width:100%; float:left; font-size:38px; font-weight:bold; background:url(../images/xin.jpg) no-repeat center bottom; padding-bottom:20px; text-align:center;}
#xinwen_tn{ width:100%; float:left; color:#888888; text-align:center; margin-top:8px;}

#xinwen_n{ width:100%; float:left;}

#news{ width:570px; float:left; height:138px; margin:20px 15px; position:relative;}
#news a{ color:#333;width:570px;height:138px; display:block;}
#news a:hover{ color:#fff; background:#323232;}
#news a:hover #news_rn{ color:#fff;}
#news a:hover #news_bs{border-color:transparent #da251b transparent transparent;}
#news_l{ width:168px; height:138px; float:left;}
#news_l img{ width:168px; height:138px;}
#news_r{ width:370px; float:right; padding-right:10px;}
#news_rt{ width:100%; float:left; margin-top:25px; font-size:15px;}
#news_rn{ width:100%; float:left; margin-top:10px; color:#9b9999;}
#news_bs{width:0;height:0;border-width:30px 30px 0 0;border-style:solid;border-color:transparent #ffc907 transparent transparent;position:absolute;bottom:0;right:0;}
#news_gd{ width:100%; float:left; margin-top:30px; background:url(../images/xinwen.png) no-repeat center; text-align:center;}
#news_gd a{ width:120px; height:40px; color:#fff; background:#333; display:block; line-height:40px; margin:0px auto;}
#news_gd a:hover{ background:#da251b;}

#news1{ width:100%; float:left; height:138px; margin:20px 15px; position:relative;}
#news1 a{ color:#333;width:100%;height:138px; display:block;}
#news1 a:hover{ color:#fff; background:#323232;}
#news1 a:hover #news_rn{ color:#fff;}
#news1 a:hover #news_bs{border-color:transparent #da251b transparent transparent;}
#news1_l{ width:168px; height:138px; float:left;}
#news1_l img{ width:168px; height:138px;}
#news1_r{ width:1000px; float:right; padding-right:10px;}
#news1_rt{ width:100%; float:left; margin-top:25px; font-size:15px;}
#news1_rn{ width:100%; float:left; margin-top:10px; color:#9b9999;}
#news1_bs{width:0;height:0;border-width:30px 30px 0 0;border-style:solid;border-color:transparent #ffc907 transparent transparent;position:absolute;bottom:0;right:0;}
#news1_gd{ width:100%; float:left; margin-top:30px; background:url(../images/xinwen.jpg) no-repeat center; text-align:center;}
#news1_gd a{ width:120px; height:40px; color:#fff; background:#333; display:block; line-height:40px; margin:0px auto;}
#news1_gd a:hover{ background:#da251b;}

#shijing{ width:100%; float:left; margin-top:30px;}
#sj{ width:280px; float:left; height:232px; margin:0px 10px;}
#sj_t{ width:100%; float:left; height:187px;}
#sj_t img{ width:100%; float:left; height:187px;}
#sj_z{ width:100%; float:left; height:45px; line-height:45px; text-align:center; background:#333; color:#fff}

#foot{ width:100%; float:left;}
#foot_t{ width:100%; float:left; height:195px; background:url(../images/foot.jpg) no-repeat center; padding-top:80px;}
#foot_tl{ width:875px; float:left;}
#foot_dh{ width:100%; float:left; padding-bottom:25px; border-bottom:1px #4c4c4c solid;}
#foot_dh li{ width:145px; font-size:16px; float:left; text-align:center;}
#foot_dh li a{ color:#fff;}
#foot_dh li a:hover{}
#foot_lx{ width:100%; float:left; margin-top:10px; line-height:1.9; color:#a9a9a9;}
#foot_r{ float:right; width:250px;}
#foot_ewm{ width:120px; height:120px; float:left;}
#foot_xia{ width:105px; float:right; line-height:1.9; color:#fff; margin-top:33px;}
#foot_b{ width:100%; float:left; height:55px; background:#da251c;}
#foot_bl{ float:left; height:55px; line-height:55px; color:#fff;}
#foot_bl a{color:#fff;}
#foot_br{ float:right; height:55px; line-height:55px; color:#fff;}
#foot_br a{color:#fff;}

#n_banner{ width:100%; float:left; height:300px;}
#n_banner_t{ width:100%; float:left; text-align:center; font-size:36px; font-weight:bold; margin-top:100px; background:url(../images/guanyudi.jpg) no-repeat center bottom; padding-bottom:20px;}
#n_banner_n{ width:100%; float:left; text-align:center; margin-top:10px; padding-bottom:10px; background:url(../images/guanyudi.jpg) no-repeat center bottom;}

#daohang{ width:100%; float:left; background:#f6f6f6; height:60px;}
#lanmu1{ width:720px; float:left;}
#lanmu1 li{ width:100px; height:60px; line-height:60px; float:left; text-align:center;}
#lanmu1 li a{ color:#333; display:block;}
#lanmu1 li a:hover{ background:#da251b; color:#fff;}
#lanmu1 li#lanmu_bs a{ background:#da251b; color:#fff;}

#contacter{ width:100%; float:left; margin-top:20px;}
#contacter_n{ width:240px; float:left; line-height:2.2; padding:10px;}


#weizhi{ float:right; height:60px; line-height:60px; text-indent:20px; background:url(../images/wu.jpg) no-repeat left center; color:#666;}
#weizhi a{ color:#666;}
#weizhi a:hover{ color:#da251b;}

#right{ width:910px; float:right;overflow:hidden; position:relative; max-width:910px;}

#boxn{ width:100%; float:left; padding:80px 0;}
#abouter{ width:100%; float:left;}
#abouter_t{ width:100%; float:left; font-size:30px; text-align:center; border-bottom:1px #f1f1f1 solid; padding-bottom:30px;}
#abouter_n{ width:100%; float:left; margin-top:30px; line-height:1.9;overflow:hidden;}

#producter{ width:100%; float:left; margin-top:30px;}

#newser{ width:100%; float:left;}
#newser li{ width:100%; float:left; height:40px; line-height:40px; text-align:right; color:#666;}
#newser li a{ float:left; color:#333;}
#newser li a:hover{ color:#ff0000;}

#biaoti{ width:100%; float:left; height:25px; line-height:25px; margin-top:10px; font-size:18px; font-weight:bold; color:#333; text-align:center;}
#fabiao{ width:100%; float:left; height:25px; line-height:25px; font-size:13px; color:#666; border-bottom:1px #CCC dashed; text-align:center;}

#fenpian{ width:100%; float:left; margin-top:10px;}
#l{ width:100%; float:left; height:25px; line-height:25px; color:#333; font-size:14px;}
#l a{ color:#333;}
#l a:hover{ color:#f00;}

#fenye{ width:100%; float:left; margin-top:40px; text-align:center; font-size:14px;}
#fenye a{ color:#333; padding:5px 8px; margin:0px 5px; border:1px #ccc solid;}
#fenye a:hover{ color:#ff0000;}

#n_sub_nav{ display:inherit; text-align:center;   margin:0px auto 30px auto;}
#n_sub_nav a{ display:inline-block; margin:5px; background:#034b95; border-radius:3px; color:#fff; font-size:14px; padding:0 20px; height:35px; line-height:35px;  }
#n_sub_nav a.on{   background: #f89b00;   color:#fff;}
#n_sub_nav a:hover{ background: #f89b00;  color:#fff;}
#xiangxi{ width:100%; margin:0px auto; clear:both;}
#xiangxi_l{ border-bottom:1px #ccc solid; width:100%; float:left; margin-top:20px; font-size:20px; line-height:40px; color:#333;}
#xiangxi_n{ width:100%; float:left; margin-top:10px; line-height:1.9;}

.left-pro {
	width:420px;
	padding:7px 0px;
	text-align:left;
	float:left;
	border:1px #CCC solid;
    overflow:hidden;
}
.left-pro .t1 {
	float:left;
  width:400px;
  overflow:hidden;
}
.left-pro .t2 {
	width:400px;
	text-indent:0;
	float:left;
	margin-left:10px;
	border:1px #CCC solid;
  overflow:hidden;
}
.left-pro .t2 img {
	text-indent:0;
}
#showArea img {
	cursor:pointer;
	display:block;
	margin-bottom:5px;
	width:68px;
	padding:1px;
	border:1px solid #ccc;
	height:68px;
	float:left;
	margin-left:15px;
	margin-right:12px;
}
#main_img {
	cursor:pointer;
	display:block
}
#gotop {
	cursor:pointer;
	display:block;
	margin-left:9px
}
#gobottom {
	cursor:pointer;
	display:block;
	margin-left:9px
}
#showArea {
	margin:10px;
	overflow:hidden;
}
.right_pro {
	width:450px;
	float:right;
}
.jjt {
	width:420px;
	float:left;
	height:45px;
	line-height:45px;
	border-bottom:1px #ccc dashed;
	font-size:20px;
	font-weight:bold;
	overflow:hidden;
}
.jjn {
	width:420px;
	float:left;
	font-size:15px;
	line-height:2.2;
	margin-top:10px;
	color:#333;
	height:147px;
}
.jjp {
	width:420px;
	float:left;
	height:150px;
	margin-top:10px;
}
.liuyan {
	width:380px;
	float:left;
	height:38px;
	margin-top:30px;
}
