﻿/* CSS Document */
body{font-family:"微软雅黑";font-size:12px;}
body,div,img,ul,li,form,input,h2,p{margin:0; padding:0; border:0; list-style:none;}
a{text-decoration:none; color:#595959;}
.clear{clear:both;}
.lf{float:left;}
.rt{float:right;}
.gray{width:100%; height:20px; clear:both; background:#efefef;}
#wrapper{width:100%; height:auto; margin:0 auto;}
img{display:inline;}
.white{ width:100%; height:20px; clear:both;}
a:hover{color:#F00; text-decoration:underline;}
a:visited{}

/* 头部 */
.header{width:900px; margin:0 auto;}
.he_rt img{ margin-top:15px;}

/* nav */









/*.nav{ background:url(../image/nav_bg.jpg) repeat-x; width:100%; height:52px;}
.nav ul {width:1024px; height:52px; margin:0 auto;}
.nav ul li{ float:left; width:143px; height:52px; text-align:center; line-height:52px;}
.nav ul li a{color:#FFF; font-size:18px; display:block;}
.nav ul li a:hover{color:#212121; background:#Fff; border:1px solid #0757b0; text-decoration:none;}
*/


#menu-wrap{background:url(../image/nav_bg.jpg) repeat-x; width:100%; height:52px;}
#menu {
	width: 1000px;
	margin: 0px auto;
	background:url(../image/nav_bg.jpg) repeat-x; width:1024px; height:52px;
	}
	
/*	border: 1px solid #222;
	background-color: #111;
	background-image: -moz-linear-gradient(#444, #111);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	background-image: -webkit-linear-gradient(#444, #111);
	background-image: -o-linear-gradient(#444, #111);
	background-image: -ms-linear-gradient(#444, #111);
	background-image: linear-gradient(#444, #111);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	*/
}
#menu:before, #menu:after {
	content: "";
	display: table;
}
#menu:after {
	clear: both;
}
#menu {
	zoom: 1;
}
#menu li {
	float: left;	
	text-align:center;
	border-right:1px solid #FFF;
/*	border-right: 1px solid #222;
	-moz-box-shadow: 1px 0 0 #444;
	-webkit-box-shadow: 1px 0 0 #444;
	box-shadow: 1px 0 0 #444;
	*/
	position: relative;
}
#menu li a{	float: left;
	height:52px;
	line-height:52px;
	width:143px;
	
	color:#fff;
	text-decoration:none;
	font-family:"微软雅黑"; 
	font-size:14px;
	}
#menu li:last-child{ border-right:none;}

/*#menu a {
	float: left;
	color: #fff;
	text-transform: uppercase;
	font: bold 12px Arial, Helvetica;
	text-decoration: none;
	line-height:52px;
/* 	text-shadow: 0 1px 0 #000; */


#menu li:hover > a {
	color: #fafafa;
}
*html #menu li a:hover {
	color: #fafafa;
}
#menu  ul {
	margin: 0px 0 0 0;
	_margin: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top:52px;
	left: 0;
	z-index: 1;
	}
	/*
	background: #444;
	background: -moz-linear-gradient(#444, #111);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	background: -webkit-linear-gradient(#444, #111);
	background: -o-linear-gradient(#444, #111);
	background: -ms-linear-gradient(#444, #111);
	background: linear-gradient(#444, #111);
	-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
	-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	*/
	


#menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}
#menu ul ul {
	top: 0;
	left: 150px;
	margin: 0 0 0 20px;
	_margin: 0;
	-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	box-shadow: -1px 0 0 rgba(255,255,255,.3);
}
#menu ul li {
	float: none;
	display: block;
	border:0;
	top:2px;
	_line-height: 0;
	-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	background:url(../image/nav_bg.jpg) repeat-x;
	
	
}
#menu ul li:last-child {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#menu ul a {
	
	width: 143px;
	_height: 10px;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
}
#menu ul a:hover {
	background-color: #0186ba;
	background-image: -moz-linear-gradient(#04acec, #0186ba);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background-image: -webkit-linear-gradient(#04acec, #0186ba);
	background-image: -o-linear-gradient(#04acec, #0186ba);
	background-image: -ms-linear-gradient(#04acec, #0186ba);
	background-image: linear-gradient(#04acec, #0186ba);
}
#menu ul li:first-child > a {
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
#menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #444;
}
#menu ul ul li:first-child a:after {
	left: -6px;
	top: 50%;
	margin-top: -6px;
	border-left: 0;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid #3b3b3b;
}
#menu ul li:first-child a:hover:after {
	border-bottom-color: #04acec;
}
#menu ul ul li:first-child a:hover:after {
	border-right-color: #0299d3;
	border-bottom-color: transparent;
}
#menu ul li:last-child > a {
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}
/* Mobile */
#menu-trigger {
	display: none;
}

#banner2{width:100%;height:260px; overflow:hidden;}

#banner2 img{display:block; margin:0 auto;}



/* banner 
.banner{width:100%; background:url(../images/banner_bg.jpg) repeat-x; height:425px;}
.focus {width:1024px; height:425px; overflow:hidden; position:relative; margin:0 auto;}
.focus ul {height:425px; position:absolute;}
.focus ul li {float:left; width:1024px; height:425px; overflow:hidden; position:relative; background:url(../images/banner_bg.jpg) repeat-x;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .preNext {width:45px; height:100px; position:absolute; top:165px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
*/

/* content */
.content{ width:100%; height:auto;}
.con_qyjj{width:1024px; height:300px; margin:0 auto; }
.con_qy_top{font-size:20px; width:1024px; height:30px; color:#000;}
.con_qy_top span{font-size:14px; line-height:30px; display:block; margin-right:15px;}
.con_qy_top span a{color:#000;}
/*.con_qy_top img{vertical-align:middle;} */
.con_qy_top em{font-size:16px; color:#000;}
.c_pic{background:url(../image/title_pic2.jpg) 0 8px no-repeat; width:1000px; height:10px; }

.qy_lf{ width:555px;}
.qy_lf p{text-indent:24px; line-height:30px;}
.qy_rt{width:450px;}
.con_chanpin{width:100%; height:330px; background:#efefef;}

.con_product{width:1024px; height:330px; margin:0 auto; }

.con_pro_bottom ul{ width:980px; margin:0 auto;}
.con_pro_bottom ul li{float:left; margin-left:10px; margin-right:10px; margin-top:30px;}
.con_pro_bottom ul li span{display:block; text-align:center; line-height:50px; font-size:24px;}
.con_pro_bottom ul li img{border:1px solid #8195b7;}
.con_pro_bottom ul li img:hover{border:1px solid #F00;}



.stepcarousel {MARGIN: 0px auto; OVERFLOW: scroll; WIDTH: 980px; POSITION: relative; HEIGHT: 220px}
.stepcarousel .belt {LEFT: 0px; POSITION: absolute; TOP: 0px}
#displaycssbelt {VISIBILITY: hidden}
#stocklevels {VISIBILITY: hidden}
.stepcarousel .panel {FLOAT: left; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 245px}
/*.stock {CLEAR: both; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; MARGIN: 0px auto; WIDTH: 929px; COLOR: #000; BORDER-BOTTOM: #000 1px dashed; FONT-FAMILY: arial, verdana, sans-serif; HEIGHT: 10px; TEXT-ALIGN: right}*/
.subfeature {DISPLAY: block; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 245px}
/*.subfeature{BORDER:1px solid #666;} */
.subfeature-txt {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 230px! important; LINE-HEIGHT: 17px; PADDING-TOP: 3px; POSITION: relative; text-align:center; line-height:24px;}
.subfeature-txt H2 {CLEAR: both; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 3px}
.subfeature-txt H2 A {COLOR: #000}
.subfeature-txt H2 A:hover {COLOR: #ff0076}
.subfeature A IMG {BORDER-RIGHT: transparent 1px solid; BORDER-TOP: transparent 1px solid; BORDER-LEFT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid}
.subfeature A IMG:hover {BORDER-RIGHT: #ff0076 1px dashed; BORDER-TOP: #ff0076 1px dashed; BORDER-LEFT: #ff0076 1px dashed; BORDER-BOTTOM: #ff0076 1px dashed}





.con_center{width:1024px; margin:0 auto;}
.con_cen_lf{width:575px; height:400px;}
.news{}
.con_news_top{font-size:20px; width:575px; height:30px; color:#000;}
.con_news_top span a{font-size:14px; color:#000; display:block; line-height:30px;}
.con_news_top em{font-size:16px; color:#000;}
.f_pic{background:url(../image/zizhi_pic.jpg) no-repeat; width:575px; height:10px;}
.news_bot_top{width:575px; height:140px; overflow:hidden; line-height:24px;}
.news_bot_top span{ display:block; text-indent:12px;}
.g_pic{background:url(../image/index_61.jpg) no-repeat 0 8px; height:10px; width:548px;}
.new_bot_list{width:575px;}
.new_bot_list ul{width:575px; margin:0 auto;}
.new_bot_list ul li{line-height:35px;}
.new_bot_list ul li a{ float:left;width:300px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000; background:url(../image/jiantou.png) 0 14px no-repeat; padding-left:10px;}
.new_bot_list ul li a:hover{color:#F00; text-decoration:none;}
.new_bot_list ul li span{display:block; float:right;}
.con_problem{}
.con_pro_top{font-size:20px; width:375px; color:#000;}
.con_pro_top em{font-size:14px; color:#000;}
.con_pro_top span{float:right; font-size:14px; margin-right:15px;}
.con_pro_top span a{ color:#000;}
.h_pic{background:url(../image/zizhi_pic.jpg) no-repeat 0 3px; height:10px; width:345px;}
.con_pob_bottom{width:375px;}
.con_pob_bottom ul{width:350px; margin:0 auto; margin-top:15px;}
.con_pob_bottom ul li{ line-height:20px; background:url(../image/tubiaioa.jpg) no-repeat; padding-left:24px;}
.con_pob_bottom ul li a{color:#1a3c72; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; font-family:"微软雅黑";} 
.con_pob_bottom ul li a:hover{color:#F00; text-decoration:none;}
.con_pob_bottom ul p{ height:115px; width:350px; background:url(../image/tubiaoq.jpg) no-repeat; text-indent:24px; margin-top:10px; line-height:24px;}
.i_pic{background:url(../image/index_61.jpg) 0 8px no-repeat; width:350px; height:10px;}

.con_bottom{width:1024px; margin:0 auto;}
.con_bot_lf{width:227px;}
.d_pic{background:url(../image/lianxi_pic.jpg) 0 8px no-repeat; width:242px; height:10px;}
.con_lx_top{font-size:20px; width:242px; height:30px; color:#000;}
.con_lx_top em{font-size:16px; color:#000;}
.con_lx_top span{font-size:12px; line-height:30px; display:block;}
.con_lx_bottom{width:180px; margin:0 auto;}
.con_lx_bottom img{margin-top:20px;}
.con_bot_lf p{text-align:left; line-height:30px; width:242px; font-size:16px;}

.con_bot_rt{width:730px; height:auto;}
.con_ry_top{font-size:20px; width:730px; height:30px; color:#000;}
.con_ry_top em{font-size:16px; color:#000;}
.con_ry_top span{font-size:14px; line-height:30px; display:block; margin-right:15px;}
.con_ry_top span a{color:#000;}
.e_pic{background:url(../image/zizhi_pic.jpg) 0 8px no-repeat; width:729px; height:10px;}
.con_ry_bottom ul{ width:660px; margin:0 auto; margin-top:20px;}
.con_ry_bottom ul li {float:left; margin-left:15px;  margin-right:15px;}
.con_ry_bottom ul li img{border:1px solid #666;}
.friend_link{width:1024px; margin:0 auto;}
.friend_link a{margin-left:10px; color:#000;}
.footer{width:100%; height:150px; background:#bbb9ba;}
.footer p{text-align:center; line-height:50px;}

/* new_list */
.new_lis_banner{ height:260px; width:100%;}
.new_lis_content{width:1000px; margin:0 auto;}
.new_lis_lf{width:253px;}
.new_lf_title{background:url(../image/son_titile.jpg) no-repeat; width:253px; height:23px; text-indent:12px; font-size:18px; line-height:18px;}
.new_lis_ltop ul{ width:245px; height:auto; margin:0 auto; margin-top:10px;}
.new_lis_ltop ul li{line-height:40px; background:url(../image/jiantou.png) 0 17px no-repeat; padding-left:10px; border-bottom:1px solid #dddddd;}
.new_lis_ltop ul li a{color:#333; font-family:"微软雅黑"; font-size:14px;}
.new_lis_ltop ul li a:hover{color:#F00;}
.new_lis_ltop ul li:last-child{border:none;}
.new_lis_bot p{ margin-top:20px; margin-left:10px; line-height:30px;}
.new_lis_rt{width:651px;}
.new_rt_title{width:651px; background:url(../image/son_title_rt.jpg) no-repeat; height:23px; text-indent:12px; font-size:18px; line-height:18px;}
.new_rt_title span{font-size:12px; display:block;}
.new_rl_bottom{}
.new_rt_bottom ul{width:600px; margin:0 auto;}
.new_rt_bottom ul li{ height:40px; line-height:40px; border-bottom:1px dashed #bbb9ba; }
.new_rt_bottom ul li a{ display:block; color:#333; font-size:12px; float:left;}
.new_rt_bottom ul li a:hover{color:#F00;}
.new_rt_bottom ul li span{display:block; float:right; color:#333;}
.new_rt_bottom h4{text-align:center; color:#990000; font-size:16px;}
/*.new_rl_bottom h4{text-align:center; color:#000; font-size:16px;}*/
.fenye{width:200px; margin:0 auto;}
.product_rt_bottom ul {width:650px;}
.product_rt_bottom ul li {float:left; margin-left:10px;}
.product_rt_bottom ul li img{ border:1px solid #999;}
.product_rt_bottom ul li span{display:block; text-align:center; line-height:30px;}

