@charset "gb2312";
/* CSS Document */
html,body,ul,h3,p,a,h2,h4{ margin:0; padding:0; list-style:none; font-family:"Microsoft YaHei"; color:#666;}
a{ text-decoration:none;}
a:hover{ color:#F00; text-decoration:underline;}
.block{ width:980px; margin:0 auto;}
.blank{ height:10px;}
.f_l{ float:left;}
.f_r{ float:right;}
.clearfix{ clear:both;}
img{ border:0;}
/*public end*/
.top_right{ background:url(../images/top_phone.png) right 30px no-repeat; height:120px;}
#head{ background:url(../images/head_bg.png) repeat-x; height:128px;}
.logo{ padding-top:2px;  width:370px;}
.head_right{width:500px; padding-top:55px; float:right;}
.head_right li{ float:left; width:85px; text-align:center;}
.head_right li a{  font-size:12px;}
/*head end*/
.index_left{ width:216px; float:left;}
.example{ width:210px;}
.nobor{border:none !important;}
html{-webkit-text-size-adjust:none;}
.cp-l{width:201px; float: left;overflow: hidden; position:relative; padding-bottom:15px;}
.cp-con{ padding:0 4px 0 0px;}
.cp-l h3{height:33px;background:url(../images/index_news_bg.jpg) bottom no-repeat; line-height:33px;font-size:14px;cursor:pointer; color:#000; font:"微软雅黑"; font-weight:normal;}
.cp-l h3 a{color:#000;font:"微软雅黑";}

 .cp-l ul{/*padding:2px 0 8px;*/margin:0 4px; background:url(../images/index_news_bg.jpg) bottom no-repeat;} 
.cp-l li{height:31px; line-height:31px;  padding-left:40px;}
.cp-l li:hover{ background:url(../images/ico1.png) no-repeat 25px center;}
.cp-l li a{  width:148px; overflow: hidden;height:30px; line-height:30px; font-size:12px;}

/*left nav end*/
ul#jDropDown{ margin:0 auto;}
ul#jDropDown a {
	font-family:"Microsoft YaHei";
	line-height:20px;
	text-align:center;
}
ul#jDropDown ul li a:hover {color:#0079B8;}

/* first li have home class*/
ul#jDropDown > li > a {
	font: 14px "Microsoft YaHei";
	color: #fff;
}	

/* just that pattern */
ul#jDropDown > li > a {
	background-image: url(../images/downArrow.png);
	background-repeat: no-repeat;
	background-position: 2px 11px;
	height: 40px; 
	position: relative;
	top: 10px;
	margin: 0px 5px 0px 5px;
	padding: 4px 15px 4px 15px;
}

/* first li have home class*/
ul#jDropDown li.home img{
	border: 0px;
}

ul#jDropDown > li > .on, ul#jDropDown > li > a:hover{
	color: #484848;
	top: 4px;
	background-color: #fff;
	padding-top: 10px;
	height: 31px; 
	
	/* css3 */
	-moz-border-radius: 2px 2px 0 0px;
	border-radius: 2px 2px 0 0px;
}
ul#jDropDown > li.home a:hover, ul#jDropDown > li.home a {
	background: none;
	top: 10px;
	padding-top: 0px;
}

/* 
	LEVEL ONE
*/
ul#jDropDown {
	position: relative;
	left: -10px;
	height: 53px; 
	width: 960px; 
	
	/* css3 */

}
ul#jDropDown li {
	float: left;
	font-weight: bold;
	zoom: 1;
	position: relative;
	width:130px;
}
ul#jDropDown li a {
	display: block;
}
ul#jDropDown > li:last-child {
	border-right: none;
}

/* 
	LEVEL TWO
*/
ul#jDropDown ul {
}

ul#jDropDown li .content {
	left: 0;
	position: absolute;
	top: 100%;
	visibility: hidden;
	width: 300px;
	margin-top: 5px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	padding: 10px 0px 10px 10px;
}

ul#jDropDown ul li {
	border-bottom: 1px solid #ccc;
	float: none;
	font-size: 11px;
	font-weight: normal;
	padding: 4px 0 4px 0;
}
ul#jDropDown ul li:last-child {
	border-color: #fff;
}
ul#jDropDown ul li a {
	border-right: none;
	display: inline-block;
	width: 100%;
	color: #484848;
}
/* Column */
.column_1, .column_2, .column_3, .column_4, .column_5 {
	left: 0;
	position: absolute;
	top: 100%;
	visibility: hidden;
	margin-top: 4px;
	border: 1px solid #e5e5e5;
	background:#fff;
	border-top: 0px;
    
	/* CSS3 */
	-moz-box-shadow: 2px 2px 2px #919191;
	-webkit-box-shadow: 2px 2px 2px #919191;
	box-shadow: 2px 2px 2px #919191;
}
.column_1 {width: 170px;}
.column_2 {width: 340px;}
.column_3 {width: 800px; height:300px; z-index:999;}
.column_4 {width: 680px;}
.column_5 {width: 850px;}

ul#jDropDown .column {
	float: left;
	width: 230px; 
	padding-top:20px;
	margin-left:20px;
	text-align:center;
	border-right:1px solid #CCC;
}
ul#jDropDown .column .sectionTitle {
	text-align:left;
	font-family:"微软雅黑";
	font-weight:normal;
	display: block;
	font-size:14px;
	color:#f00;
	line-height:30px;
	margin-top:15px;
	margin-left:15px;
}
ul#jDropDown .column .contact {
	text-align: right;
	font: normal 11px "Microsoft YaHei";
	float: right;
	color: #676767;
}
ul#jDropDown .column p{ font-size:14px; text-align:left; font-weight:normal;margin-left:15px;}
ul#jDropDown .column .contact p{
	margin: 10px 0px 0px 0px;
}
/*nav end*/
.nav{ background:url(../images/nav_bg.png) repeat-x;}

/*banner start*/
#banner{ background:#999;}


.flash{
  width:100%;
  height:450px;
  BACKGROUND:url('') no-repeat center bottom;
  border-top:1px #fff solid;
 border-bottom:1px #fff solid; 
}
.banner22 {
  height:450px;
  }
#flashs{ position:relative; height:450px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:5px; left:46%; margin-right:-450px; padding:5px 6px;}
#flashs .btn span{ color:#F98904;  background:#fff; border:1px solid #FF4D4D; cursor: pointer;display: inline-block;margin-left: 5px;padding:2px 6px;}
#flashs .btn span.cur{ background:#FF7300; color:#fff;}
/*banner end*/

/*content start*/
.content{ background:url(../images/background.jpg) ; background-attachment:fixed;}
h3.icon{
	background: url(../images/title_bg.png) top left no-repeat;
	font-size: 16px;
	line-height: 45px;
	font:"微软雅黑";
	font-weight:normal;
	
	color:#f00;
}
h3.icon a{ font-size:12px; float:right;}
h3.icon a:hover{ text-decoration:underline;}
.index_news{ width:216px;}
.index_news ul{ margin-top:10px;}
.index_news li{ width:210px; background:url(../images/index_news_bg.jpg) no-repeat bottom;}
.index_news li a{ font-size:12px; line-height:33px; color:#808080;}
.index_news li a:hover{ text-decoration:underline; color:#F00;}
/*.index_news end*/
.index_right{ width:715px; float:right;}
.index_example ul{ margin-top:20px;}
.index_example li{ width:216px; height:350px; padding:4px; float:left; }
.index_example_p{ background:#FFF; height:130px;  padding:15px 15px 0 5px; border:solid #ccc 1px;}
.index_example li:hover{background:url(../images/index_example_bg.png) no-repeat; }
.index_example_p h2{ color:#333; font-size:14px; font-weight:normal; font-family:"微软雅黑";line-height:25px;}
.index_example_p p{ font-size:12px; color:#666; margin-bottom:15px;}

/*index end*/
/*son css start*/
.about_banner{ width:100%; height:200px; background:url(../images/about_b.jpg) no-repeat;}
h3.link{ font-size:14px; text-align:right; background:url(../images/son_X_bg.png) repeat-x bottom; height:20px; line-

height:15px; font-weight:normal;}
.son_content{ background:url(../images/son_content_bg.png) no-repeat bottom;}
.son_left{ width:205px; float:left;}
ul.about_left li{ width:150px; padding-left:30px; font-size:14px; height:32px; line-height:32px; background:url

(../images/son_about_left_li_bg.png) no-repeat bottom;}
ul.about_left li:hover{ background:url(../images/son_about_left_lihover_bg.png) no-repeat;}
ul.about_left li a{ display:block; width:100%;}
.son_right{ width:730px; float:right; border:solid 1px #ccc; background:#FFF;}
.about_right{ width:570px; float:left; border:solid 1px #ccc; margin-left:5px; background:#FFF;}
h1.about_2{ color:#FFF; font-size:18px; font-weight:normal; width:97.5%;background:#808080; height:50px; line-height:50px; 

margin-top:0; padding-left:15px;}
h1.son_h2{color:#FFF; font-size:18px; font-weight:normal; width:715px;background:#808080; height:50px; line-height:50px; 

margin:0; padding-left:15px;}
.about_con{ padding:25px 15px 0 15px;}
.about_con p{ font-size:13px; text-indent:25px; line-height:25px;}
.about_img{ width:190px; float:left; margin-left:8px;}
.about_img img{ margin-bottom:10px;}
ul.news_li li{ width:680px; border:#CCC dotted 1px; padding:5px 10px ; margin-top:20px;}
h2.news_title{ height:30px; line-height:30px; border-bottom:solid 1px #CCC;}
h2.news_title a{ font-size:18px; color:#F00; font-weight:normal;}
h2.news_title a:hover{ text-decoration:underline;}
.show_right{width:740px; float:right; border:solid 1px #ccc; background:#FFF; }
.xilie_right{ width:730px; float:right; padding-top:30px;}
.xilie_con{ background:url(../images/2xyH.PNG) no-repeat top center; padding:20px 0px;}
.xilie_con_left{ float:left; }
.xilie_con_right{ float:right; }
.xilie_con h3{ font-size:16px; color:#000;}
.xilie_con span{ font-size:12px; color:#666; }
.show_li{ border:solid 1px #ccc; background:#FFF;}
ul.show_li li{ float:left; width:200px; margin-top:15px; margin-left:35px; height:270px; overflow:hidden;}
ul.show_li img{ border:#039 1px solid;}
ul.show_li span{ display:block; font-size:12px; margin-top:10px; width:185px;}
ul.show_li span a{ color:#f00; font-weight:bold;}
ul.tj li{ width:322px; float:left;}
/*show_con img*/

#preview {text-align: center; margin: 10px auto 0px; width: 310px; float:left;}
.jqzoom {border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; width: 310px; margin-bottom: 10px; height: 310px; 

overflow: hidden; border-top: #ddd 1px solid; border-right: #ddd 1px solid; _height: 310px; position: relative;}
.zoomdiv {width: 310px; height: 310px; left: 859px;z-index: 100; border-bottom: #e4e4e4 1px solid; position: absolute; 

text-align: center; border-left: #e4e4e4 1px solid; width: 310px; display: none; background: url(../images/loading.gif) 

#fff no-repeat center center; height: 310px; overflow: hidden; border-top: #e4e4e4 1px solid; top: 1px; border-right: 

#e4e4e4 1px solid; left: 0px}
#spec {position: relative; width: 300px; height: 56px; margin-left: 6px; overflow: hidden; padding-top: 6px}
.specLeftT {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -157px 0px; float: left; 

height: 9px; top: 17px; cursor: pointer; left: 0px}
.specRightT {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -164px 0px; float: left; 

height: 9px; top: 17px; cursor: pointer; right: 0px}
.specLeftF {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -145px 0px; float: left; 

height: 9px; top: 17px; cursor: pointer; left: 0px}
.specRightF {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -151px 0px; float: left; 

height: 9px; top: 17px; cursor: pointer; right: 0px}
#specList {display: inline; float: left; margin-left: 2px}
#specList UL LI {width: 50px; display: inline; float: left; margin-right: 4px}
#specList UL LI IMG {border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; padding-bottom: 2px; padding-left: 2px; 

width: 40px; padding-right: 2px; margin-bottom: 1px; height: 40px; border-top: #ccc 1px solid; border-right: #ccc 1px 

solid; padding-top: 2px}

.bigimg {
	WIDTH: 800px; HEIGHT: 800px
}
.jqZoomPup {z-index: 10; border-bottom: #aaa 1px solid; position: absolute; filter: alpha(opacity=50); border-left: #aaa 

1px solid; width: 50px; background: #fede4f no-repeat 50% top; height: 50px; visibility: hidden; border-top: #aaa 1px 

solid; top: 0px; cursor: move; border-right: #aaa 1px solid; left: 0px; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 

0.5}
#specList {POSITION: absolute; TEXT-ALIGN: left; WIDTH: 270px; HEIGHT: 60px; OVERFLOW: hidden; TOP: 0px; LEFT: 13px
}
#specList UL {POSITION: absolute; WIDTH: 270px; LEFT: 4px}
/*show_con img end*/
.show_con_top_p{  float:left; padding:10px 10px; width:370px;}
h2.show_con_title{ color:#000; font-size:24px;}
.show_con_top_p p{ line-height:35px; font-size:12px;}
.show_con_bottom{ border:1px dotted #ccc;}
.show_con_p{ font-size:12px; line-height:20px; padding:10px 10px;}
.news_con_right{width:730px; float:right; border:1px solid #ccc; background:#FFF;}
h1.news_con_title{ font-size:24px; text-align:center; height:40px; line-height:35px; border-bottom:dotted 1px #ccc;}
.connection_p{ font-size:14px; line-height:35px; padding:10px 10px;}

.xilie_p{ background:url(../images/xilie_p_bg.png) no-repeat; width:270px; height:260px; padding-top:40px; float:left;}
h3.xilie_title{ font-size:16px; margin-bottom:25px;}
.xilie_p p{ font-size:12px; }
/*son end*/
.footer_t{ height:260px; background:url(../images/footer_bg.png) repeat-x top; padding-top:35px;}
ul.f_product li{ width:120px; background:url(../images/footer_li_bg.png) no-repeat 0px 13px; padding-left:15px; 

height:30px;}
ul.f_product li a{ font-size:12px; line-height:35px;}
ul.f_product h5{ margin:0; margin-bottom:11px; padding:0; color:#333; font-size:14px; font-weight:normal; margin-

left:20px;}
ul.f_cen{ margin-left:40px; width:200px; padding-top:30px; line-height:35px; font-size:12px;}
ul.f_right{ width:310px; margin-left:15px; padding-top:35px; font-size:12px;}
ul.f_right li{line-height:20px; margin-bottom:20px;}
.fenye li{ padding:0; width:70px; text-align:center;}
.fenye a{ display:block; font-size:14px; border:#999 1px solid; width:50px; }

.f_link{ width:980px; margin:0 auto;}
.f_link a{ font-size:13px; margin-left:15px; float:left; }
.f_link span{ font-size:13px; float:left;}


.footer{ background:url(../images/footer_bg_b.png) repeat-x; height:100px;padding-top:30px;}
.footer p{ color:#fff;font-size:12px; line-height:20px; }


.page{ width:auto; position:relative;height:25px; margin:0 auto; line-height:25px;}
.page li{ float:left; margin-left:10px;}
 .page a{display:block; height:25px; padding:0px 6px; border:solid 1px #e7e7e7; border-radius:3px; color:#333; font-family:'微软雅黑'; font-size:13px; text-align:center; text-decoration:none;float:left; margin-right:10px;min-width:20px;}
 .page a:hover, .page a.this{background:#f7f7f7; font-weight:bold}

#navlist li{width:201px;line-height:31px;  border-bottom:dotted 1px #999999;}/*这里不要加高度，控制高度通过line-height;要是有背景图片的话用图片定位上对齐，不重复*/
#navlist li a{color:#000; font-family:"微软雅黑";  font-size:14px;}
#navlist li a:hover{ color:#f00; text-decoration:underline;}
#navlist li dt{width:150px;padding-left:40px; line-height:31px; }/*这里的高度和上面的line-hiehgt数值要一直，否则会出现文字不垂直居中*/
#navlist li dt:hover{background:url(../images/ico1.png) no-repeat 25px center;}
#navlist li dt a{ font-size:12px; color:#666;}
#navlist li dt a:hover{ color:#f00; text-decoration:underline;}
#navlist li dl{display:none;}

#shangcheng {background:#9ECF28; width:265px; height:75px; position:fixed; right:0; top:40%;z-index:55555; background:url(/images/eco/scbar.png); right:-183px;}
#shangcheng .bar{background:url(/images/eco/gouwuche.png) no-repeat center 5px; width:56px; height:55px; margin-top:10px; margin-left:5px; font-size:14px; text-align:center; padding-top:31px; color:#fff; text-indent:6px; cursor:pointer;}

#shangcheng  a{display:inline-block;*zoom:1;*display:inline; width:56px; height:26px; border:1px solid #fff; border-radius:3px;behavior:url(/images/eco/PIE/PIE.htc); text-align:center; line-height:26px; color:#fff; margin-right:15px; position:relative;top: 24px;left: 32px; font-size:12px;}
#shangcheng  a:hover{background:#fff; color:#5A5A5A; text-decoration:none;}