@charset "utf-8";
/* CSS Document */
body, span, iframe, p, a, ul, li, img, h1, h2, h3, h4, h5, h6{margin:0; padding:0; border:0; list-style-type:none;}
body{ background:#f3f3f3; color:#484848; font-family:Arial, Helvetic, sans-serif; font-size:12px; letter-spacing:1px;}
a:link{text-decoration:none; color:#484848;}
a:visited{text-decoration:none; color:#484848;}
a:hover{text-decoration:underline; color:#484848; cursor:pointer;}
img, div{ behavior:url(iepngfix.htc) }

#container{width:1002px; margin:auto; background:url(images/bg.gif) repeat-x top center #fff; overflow:hidden; }

/*header*/
#header{}
.logo{margin-left:51px; float:left; display:inline;}
.menu{ width:630px;  float:right;  margin-top:25px; margin-right:-5px; display:inline;}
.menu ul{  font-size:14px; font-weight:bold; }
.menu ul li{float:left; margin-right:20px; }
.menu ul li a:hover{ color:#e87e34;}
.s_menu{ background:url( images/header_09.jpg) no-repeat bottom right; margin-right:40px;  float:right; margin-top:20px; display:inline; }
.s_menu ul{ line-height:24px; color:#7a7a7a; }
.s_menu ul li{float:left; margin-left:15px; display:inline; }
.s_menu ul li img{ margin-right:5px;}
.s_menu ul li a{ color:#7a7a7a;}

/*pagebody*/
#pagebody{ float:left; width:1002px; padding-bottom:30px;}
.search{ width:1002px; background:url(images/search_bg_03.gif) repeat-x ; height:174px; overflow:hidden;} 
.s_input{ background:url(images/search2_10.gif) no-repeat left top; width:281px; height:28px; margin-top:10px; float:left; display:inline;}
.input0{ width:207px; height:18px; border:0; float:left; display:inline; margin-top:4px; margin-left:4px;}
.button0{ background:url(images/search3_10.gif) no-repeat left top; width:60px; height:22px; float:left; border:0; display:inline; margin-top:3px; margin-left:5px;cursor: hand;}
.radio{width:324px; float:left; display: inline; margin-top:5px; color:#fff;  letter-spacing:0px;}
.s_part{ width:324px;  margin-left:51px; float:left; display:inline; overflow:hidden;}
.s_part img{ margin-top:20px; float:left; display:inline;}
.number{ float:right; width:412px; display:inline; color:#e87e34;margin-top:20px; letter-spacing:0px;  height:30px;}
/*bottom_menu*/
#bottom_menu{ float:left; display:inline;  letter-spacing:0; border:1px solid #53b343;}
.b_tit{ width:1000px; background:#53b343; height:35px;}
.b_tit ul{ color:#fff; font-weight:bold;margin-top:10px; margin-left:50px; }
.b_tit ul li{ float:left; display:inline; width:100px; text-align:center;} 
.b_tit ul li img{margin:0 5px;}
.b_tit ul li a{ color:#fff;}
.b_menu{ margin-left:47px; margin-top:10px; line-height:18px; float:left; display:inline; width:105px;}

/*friend*/
#friend{ background:url(images/friend_18.gif) no-repeat left top; width:623px; height:44px; padding:10px 50px; margin-top:30px; line-height:24px; float:left; margin-left:148px; display:inline;}
#friend a{ margin-left:5px;}
/*footer*/
#footer{ width:900px; float:left; display:inline; margin-left:51px; text-align:center; color:#7a7a7a; letter-spacing:0; padding-bottom:15px; margin-top:20px;}
.f_menu{ margin:20px 110px; width:680px; }
.f_menu ul{}
.f_menu ul li{ float:left; display:inline; margin-left:18px;}
.f_menu ul li a{ color:#7a7a7a;}
.f_menu ul li a:visited{ color:#7a7a7a;}

/*h*/
h1{ font-size:14px; font-weight:bold;}
h2{ font-size:12px; font-weight:normal; color:#939393;}
h3{ font-size:12px; font-weight:bold;}
h4{ font-size:14px; font-weight:bold; color:#e87e34;}
.style5{ float:left; display:inline; width:250px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }



/*prolist*/
.prolist{ float:left; width:1002px;}
.prolist_left{float:left; width:260px; margin-left:71px; margin-top:35px; display:inline; line-height:24px;  }
.pro_list{}
.pro_list img{ padding-bottom:15px; border-bottom:1px solid #d6d6d6; padding-right:100px; margin-bottom:10px; }
.pro_list ul{}
.pro_list ul li{ width:260px; float:left;}
.pro_list ul li img{ margin:0; padding:0; float:left; margin-top:8px; margin-right:10px;}
.pro_list ul li a{ float:left;}
.pro_list ul li a:hover{ text-decoration:underline;}
.refer{ margin-top:30px; float:left; display:inline;}
.refer img{ padding-bottom:15px; border-bottom:1px solid #d6d6d6; padding-right:100px; margin-bottom:10px; }
.refer ul{}
.refer ul li{width:260px; float:left;}
.refer ul li a:hover{ text-decoration:underline;}
.prolist_right{ width:600px; float:left;  margin-top:30px; display:inline;  padding-left:20px;}
.tit{ margin-bottom:10px;}
.list{ width:600px; margin-bottom:10px; line-height:30px; border-top:1px solid #cccccc; padding-top:15px;}
.list ul{ padding-top:5px;}
.list ul li{ width:130px; float:left; margin-left:10px; display:inline;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.list ul li a:hover{ text-decoration:underline;  }
.button123{ padding:3px 0px 4px 0px; border:1px solid #939393; height:23px; font-size:12px; letter-spacing:1px; background:#cccccc; vertical-align:middle;margin-left:10px;cursor:pointer;}

.buylist{ width:600px; float:left; border-bottom:1px solid #cccccc;line-height:40px; border-top:1px solid #3fa13c; text-align:center; padding-top:5px; } 
.buylist a:hover{ text-decoration: underline;} 
.xj{ border:0; background: url(images/xj_09.gif) left top no-repeat; width:59px; height:25px;}
.xj2{ border:0; background: url(images/xj_17.gif) left top no-repeat; width:84px; height:25px; float: left; margin-top:20px;}
.fy{  float:right; display:inline; margin-top:25px; }
.fy ul{ }
.fy ul li{ float:left; margin-right:5px;line-height:6px;border:1px solid #cccccc; padding:5px;}
.fy ul li:hover{background:#dd7832;}
.p_line{width:600px; border-top:1px solid #cccccc; height:9px; margin-top:5px;}

DIV.digg {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.digg A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #484848; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
DIV.digg A:hover {
	BORDER-RIGHT: #3FA13C 1px solid; BORDER-TOP: #3FA13C 1px solid; BORDER-LEFT: #3FA13C 1px solid; COLOR: #000; BORDER-BOTTOM: #3FA13C 1px solid
}
DIV.digg A:active {
	BORDER-RIGHT: #3FA13C 1px solid; BORDER-TOP: #3FA13C 1px solid; BORDER-LEFT: #3FA13C 1px solid; COLOR: #000; BORDER-BOTTOM: #3FA13C 1px solid
}
DIV.digg SPAN.current {
	BORDER-RIGHT: #C8FFC8 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #C8FFC8 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #C8FFC8 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #C8FFC8 1px solid; BACKGROUND-COLOR: #e87e34;
}
DIV.digg SPAN.disabled {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #949494; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid
}

/*promain*/
.promain{width:600px; float:left; border-top:1px solid #3fa13c; padding-bottom:10px; padding-top:15px; margin-top:10px; display:inline;}
.main_tit{ float:left; width:600px; border-bottom:1px dashed #cccccc; padding-bottom:5px; display:inline;}
.main_tab{ float:left; width:600px; display:inline; margin-top:10px;}
.main_tab img{ float:left; display:inline;}
.tab{ float:left; display:inline; margin-left:20px; margin-top:10px; line-height:30px;}
.input3{ width:30px;  border:#c3c7c6 1px solid;}
.button1{ width:109px; height:38px; background:url(images/button_12.gif) left top no-repeat; border:0; cursor: hand;}
.button2{ width:135px; height:37px; background:url(images/pro_15.gif) left top no-repeat; border:0; cursor: hand;}
.but{ margin-top:10px; margin-left:20px; float:left; width:250px; display:inline;}
.line{ float:left; width:250px; margin-top:20px; margin-left:20px; border-top:1px solid #cccccc;  display:inline; padding-top:15px;}
.line a:hover{ text-decoration:underline; }
.text{ line-height:20px; padding:10px;}


/*index*/
.left{ float: left; display:inline; margin-left:51px; margin-top:30px; width:295px; overflow:hidden;}
.news{ float:left; width:295px;}
.news ul{ margin-top:10px; letter-spacing:0; line-height:27px;}
.news ul li{ float:left; display:inline; width:295px;}

.news ul li a:hover{ text-decoration:underline;}
.quiz{ float:left; width:295px; margin-top:30px;}
.quiz ul{margin-top:10px; letter-spacing:0; line-height:27px;}
.quiz ul li{float:left; display:inline; width:295px;}

.quiz ul li a:hover{text-decoration:underline;}
.right{ float:left; width:590px; margin-top:30px; margin-left:30px; display:inline; overflow:hidden;}
.right a:hover{ text-decoration:none;}

.products{ float:left; display:inline; letter-spacing:0; }


#lists { list-style:none; float:left; width:590px; display:inline; font-family:"宋体";} /* margins for this demonstration only */

#lists li {display:inline; float:left; height:25px; width:145px; }
#lists li a.tl {display:block;  height:25px; text-decoration:none; font-size:12px; color:#484848;}
#lists li a.tl span{ display:block;width:140px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#lists div {display:none;}
#lists li a:hover { background:url(images/sj_28.gif) no-repeat 15px bottom;}
#lists li:hover > a { background:url(images/sj_28.gif) no-repeat 15px bottom;}
#lists :hover div{display:block; width:580px;background:#f6f6f6; min-height:20px; position:absolute; left:0; top:25px; border:1px solid #eaeaea; padding-bottom:10px;}
#lists .two:hover {position:relative; }
#lists .two:hover div.pos2 {left:-145px;}
#lists .two:hover div.pos3 {left:-290px;}
#lists .two:hover div.pos4 {left:-435px;}
#lists :hover div dl{ margin:0px; padding:0px;}
#lists :hover div dl dd { margin:0px;}
#lists :hover div dd a {display:inline; text-decoration:none; font-weight:normal; color:#484848; line-height:15px; margin-top:10px; margin-left:10px; float:left;  width:130px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

#lists :hover div dd a:hover {text-decoration:underline; background:none;}
#lists .im{ width:590px;  float:left; display:inline; margin:10px 0;  }


/*case*/
.case_left{float: left; display:inline; margin-left:71px; margin-top:30px; width:265px; line-height:27px;}
.case_left img{ margin-bottom:30px;}
.case_right{ float:left; display:inline;  border-left:1px solid #CCC; width:590px; margin-top:30px; padding-left:40px;}
.case{ height:400px; overflow:hidden;  width:590px; }

/*news_end*/
.news_end{ float:left; display:inline;  border-left:1px solid #CCC; width:580px; margin-top:30px; padding-left:40px;}
.n_tit{ text-align:center; float:left; display:inline; width:560px;  font-size:18px; font-weight:bold; padding:10px; border-bottom:1px solid #3fa13c;}
.n_tit_t{ text-align:center; float: left; display:inline; width:560px; padding:5px; color:#939393; letter-spacing:0;}
.n_text{ float:left; display:inline; padding:20px; letter-spacing:0; width:520px; text-align: justify; line-height:24px;text-justify:inter-ideograph; border-bottom:1px dashed #cccccc;}
.n_text img{padding:10px; border:1px solid #cccccc; margin-bottom:15px;}
.n_p{ float:right; display:inline; width:550px;margin-top:15px; text-align:right; padding-right:20px;}
.n_p a{color:#939393;}
.n_p a:visited{color:#939393;}
.n_p a:hover{ text-decoration:underline;}

/*news*/
.news_list{ float:left; display:inline; margin-top:30px; width:900px; margin-left:51px; padding-bottom:20px;}
.n_map{ width:280px; float:left; display:inline; height:25px;}
.n_l{ float:left; display:inline;  border-left:1px solid #CCC; width:560px; margin-top:30px; padding-left:40px; font-family:"宋体";}
.n_l img{ }
.n_l ul{ line-height:27px;}
.n_l ul li{ float:left; display:inline; width:550px;}
.n_1 ul li span a:hover{ text-decoration:underline;}
.newsl{ margin-left:51px; margin-top:60px; }
.newsl img{ margin-right:5px;}
.newsl ul{}
.newsl ul li{ float:left; display:inline; width:200px; margin-bottom:15px;}
.newsl ul li a:hover{text-decoration:underline;}

/*about*/
.a_main{ float:left; display:inline; width:900px; margin-left:51px; }
.about{ width:255px; margin-left:20px; padding-right:20px; margin-top:30px; float:left; display:inline; }
.a_text{ width:255px;text-align:justify; text-justify:inter-ideograph; margin-top:20px; margin-bottom:20px; line-height:24px; letter-spacing:0; margin-bottom:20px; }
.a_text a:hover{ text-decoration:underline; color:#000;}
.a_banner{ padding:10px; border:1px solid #cccccc; margin-top:20px;}

/*about_end*/
.a_left{ float:left; display:inline; width:650px; margin-top:30px; margin-left:51px; padding-left:10px; border-right:1px solid #cccccc;  line-height:24px; letter-spacing:0; }
.a_right{ float:left; display:inline; margin-top:60px; margin-left:20px;}
.about_end_body{float:left;padding-right:30px; margin-top:20px; }
.about_end_body img{border:3px solid #ccc;}


/*pl*/
.pl{ float:left; display:inline; width:540px;  padding:10px; border-top:1px solid #cccccc; margin-top:30px; line-height:24px;}
.pl ul{ border-bottom:1px #cccccc solid; height:100%; }
.pl ul li{ width:520px; border-top:1px dotted #cccccc; margin-top:5px; float:left; padding:10px; display:inline; letter-spacing:0;}
.plinput{ margin-top:10px;}
.pltext{ width:520px; border:1px solid #cccccc; margin:0px 10px 10px 10px; height:80px;}
.plbanner{ border:1px solid #939393; margin:0 20px 0 10px; width:50px; height:24px; padding-top:3px; color:#484848;}

/*contact*/
.contact{float:left; display:inline;  border-left:1px solid #CCC; width:540px; margin-top:30px; padding-left:80px;}
.ad{margin-top:10px;}
.ad img{ float:left; padding:5px; border:1px solid #ccc;}
.ad ul{ float:left; margin-left:20px; margin-top:10px;}
.ad ul li{ width:340px; margin-bottom:10px;}

.style2{ font-size:14px; font-weight:bold; color:#e87e34; width:540px; border-bottom:1px dashed #cccccc; padding-bottom:5px;}
.style2 img{ margin-right:10px;}

/*friendpage*/
.friendpage{float:left; display:inline;  border-left:1px solid #CCC; width:540px; margin-top:30px; padding-left:40px;}

/*bigpic*/
#tt {position:absolute; display:block; }
#tttop {display:block;  overflow:hidden;}
#ttcont {display:block; }
#ttbot {display:block; overflow:hidden;}

/*products.jsp*/
.p_jsp{ padding-left:51px; padding-right:51px; width:900px;}
.pjsp{float:left; display:inline; padding-top:20px; width:900px; }
.pjsp img{padding-bottom:5px; }
.pjsp ul{ }
.pjsp ul li{float:left; display:inline; width:180px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:24px; }
.pjsp ul li a{}
.pjsp ul li a:hover{ text-decoration:underline; color:#000;}
.pjsp_tit{width:900px;float:left;display:inline;padding:10px 0;}
.pjsp_tit a{font-size:12px; font-weight:bold;}
.pjsp_tit img{margin-right:5px; margin:0; padding:0;height:8px;}

.projsp_tit{width:600px;float:left;display:inline; margin-top:-5px;}

/************************当宁小页******************************/
#small_page{ float:left; display:inline; margin-top:20px; margin-left:15px; width:530px; }
.small_tit{ float:left; display:inline; border-bottom:3px solid #53b343; padding-bottom:3px; width:515px; padding-left:15px; color:#949494; font-size:14px; font-weight:bold;}
.small_body{ float:left; display:inline; width:500px; padding:15px 15px;}
.small_footer{ border-top:1px solid #53b343; float:left; display:inline; width:530px; }


/****************************************footer下拉样式*********************************/
.chromestyle{width: 1000px; font-weight: bold; background:#53b343; height:35px; color:#FFF;}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{color:#fff; padding-top:10px; margin-left:50px;  /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{float:left; display:inline; width:100px; text-align:center;
}

.chromestyle ul li a{
color: #fff;
}

.chromestyle ul li img{margin:0 5px;}

.chromestyle ul li a:hover{
background: url(chromebg-over.gif) center center repeat-x; color:#FFF;  /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/

/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{position:absolute;top: 0px;margin-left:-30px;margin-top:6px;border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;line-height:22px;z-index:100;background-color:#53b343;width: 150px;
visibility: hidden;filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: #fff;
text-align:center;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #319021;
}