@charset "utf-8";
/* CSS Document */

body{ margin:0; background:url(../images/up_bg.jpg) top center repeat-x #ffffff; font-size:12px; line-height:24px; font-family:Arial, Helvetica, sans-serif; color:#666666;}
p,ul,h1,h2,h3,h4,h5,h6{ list-style:none; padding:0; margin:0;}
img{ border:none;}
a{ text-decoration:none; color:#666666;}
a:hover{color:#FF6600;}

.all{ background:url(../images/bottom_bg.jpg) repeat-x bottom center; padding-top:5px; overflow:hidden;}
.container{ width:980px; margin:0 auto;}

.top{width:980px; height:110px; float:left; position:relative; }
.logo{width:290px; height:110px; position:absolute; left:0px; top:0px;}
.top p{background:url(../images/top_bg.jpg) no-repeat; width:133px; height:20px; line-height:20px; display:block; text-align:center; position:absolute; left:847px; top:20px;}
.top p a:hover{color:#FF6600}
.dform{width:170px; position:absolute; left:667px; top:20px; display: block;}
.text{float:left; width:134px; background:#fff; border:#e9e9e9 solid 1px; border-right:none; height:16px;}
.button2{float:left; background:url(../images/go.jpg) no-repeat left top; width:28px; height:18px; border:0px; cursor:pointer;}*/
.brand{float:left; padding-top:15px;}
.online{ width:325px; height:39px; position:absolute; left:655px; top:40px;}


.menu{width:980px; background:url(../images/menu_bg.jpg) no-repeat; margin:0 auto; float:left; font-size:14px;}
.menu1{width:980px; margin:0 auto; float:left; padding-top:10px; font-size:14px;}
#menu{float:left;}
#menu li{ float:left; width:102px;}
#menu .first{width:112px;}
#menu .first a{width:112px;}
#menu .net{width:106px;}
#menu .net a{width:106px;}
#menu .en{ margin-left:43px; width:82px;}
#menu .en a{width:82px; background:url(../images/en_in.jpg) center center no-repeat; color:#ffffff;}
#menu li a{ float:left; display:block; width:102px; height:40px; line-height:40px; text-align:center; color:#868686;}
#menu li a:hover{color:#ffffff; background:url(../images/menu_in.jpg) center center no-repeat;}


.banner_top{width:980px; height:10px; background:#dcfafc; float:left;}
.page_menu{width:980px; height:45px; background:#ffffff; float:left;}
.page_menu p{ float:left; background:url(../images/page_menu.jpg) no-repeat; width:142px; height:45px; line-height:45px; font-size:16px; color:#ffffff; text-align:center; font-weight:bold;}
.page_series{float:right; margin:10px 10px 0px 0px;}
.page_series li{float:left;}
.page_series li a{float:left; width:72px; height:27px; line-height:27px; line-height:27px; text-align:center;}
.page_series li a:hover{background:url(../images/about_in.jpg) no-repeat; color:#666666;}

.page_banner{ float:left; width:980px; }
.banner{ float:left; width:980px; height:208px;}

.main{width:978px; min-height:550px; _height:550px; background:#ffffff; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; float:left; }
.main h2{ background:url(../images/page_title.jpg) no-repeat top center; width:948px; height:33px; line-height:33px; color:#fc8600; font-size:14px; float:left; margin-top:15px; padding-left:30px;}

.page_img{float:left; width:928px;}
.abou_img{float:left; padding:0px 20px 10px 0px;}
.abou_dian{padding-right:8px;}
.about_series{float:left; width:645px; padding-top:20px;}
.about_series li{float:left;}
.about_series li a{float:left; width:100px; height:40px; background: url(../images/dian4.jpg) 10px 18px no-repeat; padding-left:25px; border:1px solid #eeeeee; line-height:40px; }
.about_series li a:hover{background:url(../images/dian4.jpg) 10px 20px left center no-repeat; color:#FF6600;}
.about{ padding:35px 25px; float:left; width:928px;}
.about p{line-height:35px; padding-bottom:20px;}
.about p b{color:#6e9602; font-weight:bold;}

.main_bottom{background:url(../images/page_bg.jpg) no-repeat; width:980px; height:18px; padding-bottom:20px; float:left;}

.foot{float:left; width:980px; height:158px; color:#88827f;}
.foot_l {width:690px; height:138px; float:left; padding-top:20px;}
.foot_l a{color:#88827f}
.foot_l a:hover{color:#FF6600}
.foot_l h3{color:#ff8400; font-size:14px; height:25px; width:690px; padding-bottom:5px;}
.foot_l span{padding:0px 8px;}
.foot1{float:left; width:433px; height:26px; line-height:26px; overflow:hidden;}
.foot2{float:left; width:247px; height:26px; line-height:26px; padding-left:8px;}
.foot2 img{padding-left:10px; width:26px; height:14px;}
.foot3{float:left; background:url(../images/foot_bg.jpg) no-repeat; width:670px; height:34px; line-height:34px; margin-top:20px; padding-left:20px; color:#6a6765}
.foot3 a{padding-right:15px;  color:#6a6765}
.foot3 a:hover{color:#FF6600}
.foot3 span{padding:0px 50px;}
.foot_r {width:240px; height:138px; padding-top:20px; float:left; background:url(../images/foot.jpg) no-repeat left top; padding-left:50px;}
.foot_r img{padding-left:5px;}
.foot_r span{font-size:14px; font-weight:bold; color:#9bd300; padding-right:5px;}
.foot_r p{padding-top:8px;}


/* 产品分类 */

.p_main{width:978px; min-height:550px; _height:550px; background:#ffffff; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; float:left; padding-top:15px; }
.p_serise{ background: url(../images/series_top.jpg) no-repeat 15px top; width:191px; float:left; padding-left:15px;}
.p_serise2{background:url(../images/series_mid.jpg) left 516px no-repeat; width:191px; float:left; padding-top:90px;}

#pro_menu {clear:both;  position:relative;  background:url(../images/series_bottom.jpg) no-repeat left bottom; width:182px; float:left; padding-left:9px; padding-bottom:50px;}
#pro_menu li {width:169px; line-height:34px; padding-bottom:2px;overflow:hidden; border-bottom:1px solid #d7d7d7; padding-left:5px;}
#pro_menu li a { height:34px; line-height:34px; display:block; background:url(../images/dian2.jpg) no-repeat 3px 9px; padding:0px 0px 0px 22px; color: #FF6600; text-decoration:none; font-weight:bold; overflow:hidden;
}
#pro_menu li a:hover  {padding:0px 10px 0px 22px; color:#666; text-decoration:none; font-weight:bold;
}



#pro_menu  ul { width:157px;}
#pro_menu ul li{
    clear:both; /* 清除上面的float样式，否则列表继承父，横向列*/
	width: 157px;
	height:19px;
	border:none;  
}
#pro_menu  ul li a{
 text-decoration:none; width:132px; height:19px; line-height:23px; overflow:hidden; background:url(../images/series.jpg) no-repeat;  padding-left:25px; overflow:hidden; display:block; color:#565656; font-weight:normal; margin-top:2px; 
}
#pro_menu ul li a:hover  { color:#FF6600; text-decoration:none;  padding-left:25px; font-weight:normal;
}


.right_p{ float:left; width:730px; padding:0px 12px 30px 30px;}
.right_p h3{ font-size:12px; text-align:center; line-height:60px; width:588px;}
.p_title{background:url(../images/product_title.jpg) no-repeat; width:720px; height:33px; line-height:33px;  float:left;}
.name{font-size:18px; color:#FF6600; padding-left:10px; font-weight:normal; width:160px; float:left;}
.chanp{color:#7a7a7a; font-size:13px; padding-left:5px; font-weight:bold;}
.location{color:#666; font-size:12px; float:right; padding-right:5px;}


.newslist{ padding:30px 10px 30px 10px; float:left; width:710px;}
.newslist li{ padding-left:15px; height:28px; display:block; line-height:28px; background:url(../images/dian.jpg) 3px 9px no-repeat; overflow:hidden; float:left; width:690px;}
.newslist li span{ float:right; color:#9c9c9c;}

.product_list{ float:left; padding-top:30px; min-height:350px; _height:350px; width:730px;}
.product_list li{ float:left; padding-bottom:10px; width:220px; text-align:center;}
.product_list li img{ width:140px; height:93px; border:1px solid #d7d7d7;}
.product_list li p{ margin:0px auto; width:140px; height:30px; line-height:30px; overflow:hidden;}
/*product*/


/*pagelist*/
.pagelist { clear:both; width:730px;  padding:15px 0px 10px 0px; TEXT-ALIGN: center; color:#646464;}
.pagelist a{ MARGIN:3px; PADDING:2px 6px; BORDER:1px solid #dbdbdb; BACKGROUND: #f4f4f4; TEXT-DECORATION: none; color:#646464;}
.pagelist A:visited { PADDING:2px 6px; BORDER:1px solid #dbdbdb;BACKGROUND: #f4f4f4; TEXT-DECORATION: none; color:#646464;}
.pagelist A:hover { border:1px solid #a1a1a1; BACKGROUND: #b1b1b1; COLOR: #ffffff; TEXT-DECORATION: none;}
/*pagelist over*/



.big{ clear:left; padding-top:10px; padding-left:13px; padding-bottom:30px; float:left;}
.big img{ padding-right:10px; float:left;}
.line{float:left; padding-top:10px;}
/*放大镜*/

.small{ float:left; padding:8px;}
.small img{ border: solid 1px #ccc;	width: 50px;	height: 50px;	padding: 2px; margin:1px;}
.small img:hover {border-color: #FF9900;}
.mtbl{ width:260px; float:left;}
.button2 { float:left; padding-top:16px;}
.button_r{ float:right; padding-top:16px;}
  .MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
	cursor:			hand; float:left;
}



.show2{ clear:both; padding-top:14px; padding-bottom:28px; padding-right:17px;}
.show2_title{ background:url(../images/show_title.jpg) no-repeat; width:673px; height:28px; line-height:28px; padding-bottom:20px;}
.show2 span{ width:78px; text-align:center; font-weight:bold; float:left;}

.related h4{width:673px; height:34px; font-size:12px; font-weight:bold; line-height:34px; border-top:1px dashed #DEE0DF;}
.related{ float:left; padding-top:10px;  padding-bottom:10px;}
.related a{ float:left; padding-bottom:15px; width:170px; padding-top:20px; text-align:center; }
.related a img{ width:120px; height:80px; border:1px solid #ECECEC;}
.related a p{ margin:0px auto; width:120px; height:30px; line-height:30px; padding-top:5px; overflow:hidden;}

.show4{border:1px dashed #DEE0DF; clear:both; width:655px;  padding-left:16px; line-height:30px;}
.show4 span{ color:#FE7E00;}


.show5{ float:left; padding-top:10px; clear:both;}


.pagelist2 {width:670px;  padding:15px 0px 10px 0px; TEXT-ALIGN: center; color:#646464; border-top:1px dashed #DEE0DF}
.pagelist2 a{ MARGIN:3px; PADDING:2px 6px; /*BORDER:1px solid #dbdbdb; BACKGROUND: #f4f4f4;*/ TEXT-DECORATION: none; color:#646464;}
.pagelist2 A:visited { PADDING:2px 6px; /*BORDER:1px solid #dbdbdb;BACKGROUND: #f4f4f4;*/ TEXT-DECORATION: none; color:#646464;}
.pagelist2 A:hover { /*border:1px solid #a1a1a1; BACKGROUND: #b1b1b1;*/ COLOR: #FF6600; TEXT-DECORATION: none;}


.contect {float:left; width:710px; line-height:30px; padding-left:10px; padding-top:30px;}
.contect h4 {color:#339900; font-size:14px; height:30px; line-height:30px; border-bottom:1px dashed #DEE0DF; padding-top:10px;}
.contect h5 {color:#339900; font-size:14px; height:30px; line-height:30px;}
.contect a {color:#339900; text-decoration:underline;}
.contect a:hover{color:#fd8002;}
.list{ padding-top:30px; padding-bottom:15px;}
.list li{ float:left; padding-bottom:5px; width:150px;  background:url(../images/dian1.jpg) 3px 13px no-repeat;  padding-left:15px;
height:28px; line-height:28px; overflow:hidden;}
.bottom { float:left; width:690px; margin-bottom:20px; border:1px dashed #DEE0DF; padding:10px 10px;} 


.key_list2 {padding-top:20px; line-height:30px; padding-bottom:15px; border-bottom:1px dashed #DEE0DF; width:680px; overflow:hidden;}
.key_list2 a {color:#339900; text-decoration:underline;}
.key_list2 a:hover{color:#FF6622;}

.product1{ background:url(../images/product1.gif) no-repeat; width:690px; height:44px; line-height:44px; padding-left:28px; clear:both; padding-top:15px; }
.product1 span{ color:#FE7E00;}

/**/
/**/
/**/
body fieldset{border:1px solid #D8D8D8; padding:10px;}
body fieldset legend{padding:3px 8px;font-weight:700;border:1px solid #D8D8D8;background-color: #F9F9F9;}
body fieldset.blue{border:1px solid #dce3ed}
body fieldset.blue legend{padding:3px 8px;font-weight:700;color:#347add; background:none; border:none}
.picBut {background:url("../images/picBnt.png") no-repeat 0 -28px;color:#FFF;float:left; text-align:center;font-weight:700;height:28px;line-height:26px;*line-height:30px;margin-right:10px;width:75px}
.picBut a{color:#fff;text-decoration: none; width:75px}

.table-list td,.table-list th{padding-left:12px; font-weight:normal;}
.table-list thead th{ height:40px; background:#eef3f7; border-bottom:1px solid #d5dfe8; font-weight:normal}
.table-list tbody td,.table-list .btn{border-bottom: #ddd 1px solid; padding-top:8px; padding-bottom:8px}
div.btn{background:#f6f6f6; padding:6px 12px 0 12px; height:30px;line-height:30px}
.table-list tr:hover,.table-list table tbody tr:hover{ background:#fbffe4}
.nHover tr:hover,.nHover tr:hover td{ background:none}
.table-list .input-text-c{ padding:0; height:18px}
.td-line{border:1px solid #eee}
.td-line td,.td-line th{border:1px solid #eee}

.table-list tr.on,.table-list tr.on td,.table-list tr.on th,.table-list td.on,.table-list th.on{background:#fdf9e5;}
a.close-own{background: url(../images/cross.png) no-repeat left 3px; display:block; width:16px; height:16px;position: absolute;outline:none;right:7px; top:8px; text-indent:200px; overflow: hidden}
a.close-own:hover{background-position: left -46px}
/*通用表单*/
.common-form{}
.common-form div.contentWrap{padding-right:20px}
.common-form ul li{color:#444; clear:both; vertical-align:middle}
.common-form ul li span.text{width:60px}
.common-form .set{border:1px dashed #e0e7ed;zoom:1; background:#f2f7fb; padding:10px; font-size:12px; margin-bottom:10px}
.common-form .set table td,.common-form .set table th{padding-left:12px}
.common-form .set table th{font-weight:normal; text-align:left;padding:0 8px}
.common-form .set table td{ padding:3px 0 3px 5px}
.common-form .set table td.y-bg{background: url(../images/set_y_line.png) repeat-y right top}
.common-form .set table td input{ background-image:none; height:18px; font-size:12px}
.input-text-c,.input-text,.measure-input,textarea,input.date,input.endDate,.input-focus{
    border:1px solid #D0D0D0;height:24px;margin:0 5px 0 0;padding:2px 0 2px 5px;border: 1px solid #d0d0d0;background: url("../images/input.png") repeat-x scroll 0 0 #FFFFFF; font-size:12px;
    border-radius: 3px;

}
.input-focus{background: #FFF url(../images/input_focus.png) repeat-x; border-color:#afcee6;font-size:12px;}
input.date,input.endDate{background: #fff url(../images/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}
textarea,textarea.input-text,textarea.input-focus{font-size:12px;height:auto; padding:5px; margin:0;}
select{ vertical-align:middle;background:none repeat scroll 0 0 #F9F9F9;border-color:#666666 #CCCCCC #CCCCCC #666666;border-style:solid;border-width:1px;color:#333;padding:2px;}
.search-form{ margin-bottom:10px}
.input-text-c{text-align:center}
/*表格表单*/
.table_form td{padding-left:12px}
.table_form th{font-weight:normal; text-align:right;padding-right:10px; color:#777}
.table_form td label{ vertical-align:middle}
.table_form td,.table_form th{padding:8px 0 8px 8px}
.table_form tbody td,.table_form tbody th{border:1px solid #eee; border-top: none;}
.table_form tbody th{ border-right: none}
.colorpanel tbody td,.colorpanel tbody th{ padding:0;border-bottom: none;}


.button{
    display: inline-block;
    padding: 4px 100px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background-color:#8ec102;border-color:#8ec102;border-radius: 2px;
	cursor:pointer;
}

/*select美化*/
.js ul.newList {left:-9999px;}
ul.newList * {margin:0; padding:0;}
ul.newList {margin:0; padding:0; list-style:none; color:#000; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.newListSelected {color:#000; height:22px; padding:4px 0 0 6px; float:left; background:url(../images/select-bg.png) no-repeat right 0; border-left:1px solid #dfdfdf}
.newListSelected span {display:block;}
ul.newList li a {padding:3px 8px;display:block;text-decoration: none;}
.selectedTxt {overflow:hidden; height:16px; padding:0 23px 0 0;}
.measure-input {background:url("../images/ruler.gif") repeat-x scroll 0 9px transparent}
.hiLite {background:#e0ebf4!important; color:#444!important;}
.newListHover {background:#f2f7fb!important; color:#000!important; cursor:default;}
.newListSelHover, .newListSelFocus {background-position:right -26px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

/*表单验证*/
.onShow,.onFocus,.onError,.onCorrect,.onLoad,.onTime{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; vertical-align:middle;background:url(../images/msg_bg.png) no-repeat;	color:#444;line-height:18px;padding:2px 10px 2px 23px; margin-left:10px;_margin-left:5px}
.onShow{background-position:3px -147px;border-color:#40B3FF;color:#959595}
.onFocus{background-position:3px -147px;border-color:#40B3FF;}
.onError{background-position:3px -47px;border-color:#40B3FF; color:red}
.onCorrect{background-position:3px -247px;border-color:#40B3FF;}
.onLamp{background-position:3px -200px}
.onTime{background-position:3px -1356px}

/*联动菜单*/
.linkage-menu{height:200px; overflow-y:auto; padding:0 4px}
.linkage-menu h6{ border-bottom:1px solid #e2ecee; padding:2px 0 3px; margin-bottom:5px}
.linkage-menu h6 a.rt{ font-weight:normal; color:#377abe}
.linkage-menu div.menu a{width:74px; line-height:22px;text-decoration: none; padding-left:4px; overflow:hidden; height:22px}
.linkage-menu div.menu a:hover{ background:#d9e4ed; color:#377abe}
div#areaid{border:1px solid #A7A6AA;height:18px;margin:0 5px 0 0;padding:2px 5px 2px;border: 1px solid #d0d0d0;background: #FFF url(../images/input.png) repeat-x; position:relative; top:-2px;*top:2px;}

.picList li{ padding:0 0 8px}
.display {display:none}

.option { border-top: 1px dashed #CCCCCC; padding:5px 0 5px 0;margin-top:10px;}

.label, .badge {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    border-radius: 3px;
}
.label-important, .badge-important {
    background-color: #b94a48;
}
.label-success, .badge-success {
    background-color: #468847;
}
/**/
/**/
/**/
.searchform{ padding-top:30px;}
.searchform input{ float:left;}
.inputtext{ padding:5px; width:70%; line-height:40px; height:40px; border:1px solid #9bd300;}
.inputsub{ display:block; width:28%; height:52px; font:normal 16px/40px Arial, Helvetica, sans-serif; color:#fff; background-color:#9bd300; cursor: pointer}


#ctn {margin: 0 auto;}

#rstats { position:relative; margin:0 240px 9px 0; _zoom:1;}

#resc { float:right; width:730px;}
#resc ul{}
#resc ul li{ float:left; padding:10px; width:230px; color:#999999}

#resc h3{ height:40px; overflow:hidden; font: normal 15px/40px Arial, Helvetica, sans-serif;}
#resc h2{ font: normal 24px/40px Arial, Helvetica, sans-serif;}
#resc a{ color:#333}
#resc a:hover{ color:#88d70c}

.clear:after { content:'.'; display:block; visibility:hidden; height:0; line-height:0; font-size:0; clear:both;}
.clear {zoom:1;}


.c-leftnav { float:left; width:160px; zoom:1; font-size:13px;}
.c-leftnav li a { display:block; _zoom:1; word-wrap:break-word;}
.c-lnv { margin-bottom:20px; }
.c-lnv li {position:relative; height:35px; line-height:35px; margin:0 0 3px 0; }
.c-lnv li a {color:#333; display:block; padding:0 0 0 50px; background-color:#efefef}
.c-lnv li a:hover { background-color:#88d70c; color: #fff}
/**/
/**/
/**/
.xunpan{ padding:20px;}
.xunpan table{border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8;}
.xunpan table td{padding:10px 5px; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}
.xunpan input{ padding:0px 5px; width:250px; height:30px; border:1px solid #e8e8e8}
.xunpan textarea{ padding:10px; width:80%; height:200px; border:1px solid #e8e8e8}
.xunpan input.button{width:300px; height:40px; background-color:#93b23d; font:normal 18px/40px "",Arial, Helvetica, sans-serif; color:#FFF; cursor: pointer}
/**/
/**/
/**/
.pagelist {padding:30px 0px 10px 0px; TEXT-ALIGN: center; color:#646464; clear:both; overflow: hidden;}
.pagelist a{ MARGIN:3px; PADDING:3px 7px; BORDER:1px solid #dbdbdb; color:#646464;font-size:16px;}
.pagelist a:hover { border:1px solid #b1b1b1; BACKGROUND: #b1b1b1; COLOR: #ffffff; TEXT-DECORATION: none;}
.pagelist a.current{ color:#FFFFFF;border:1px solid #ff8400; BACKGROUND: #ff8400; }
.pagelist ul{margin:0 auto; display: table;}
.pagelist li{ float:left;}