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

body{ background:url(../images/33_01.jpg) repeat-x center top #b6e935; }
html { overflow-x: hidden; overflow-y: auto; outline:none; }
body,ul,p,h1,h2,h3,h4,dl,dt,dd,form,input,textarea,select,strong,span{ padding:0; margin:0; font-family:Arial,"微软雅黑","Arial","宋体";} 
*{ padding:0; margin:0}
body,td,th,ul,li,p {margin: 0px; padding:0; font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体"; font-size:12px; color:#333; line-height:22px;}
img{border:0;}
ul,li{padding:0; margin:0;}
LI{list-style:none;}
a{font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体";font-size:12px;color:#333;text-decoration:none;}
a:hover{color:#F00;}
.clear:after{ clear:both;  display:block;}
.space_10{ clear:both; height:10px; overflow:hidden;}
.space_20{ clear:both; height:20px; overflow:hidden;}
.space_30{ clear:both; height:30px; overflow:hidden;}
.space_0{ clear:both; height:0px; }


/*头部*/
#header{ width:980px; margin:0px auto; height:139px;}
.header_left{ float:left; width:279px;padding-top:18px; height:117px;}
.header_right{ float:right; width:695px; height:139px;}
.header_top{ height:79px;}
.header_bottom{ height:38px;}


#header_logo{ float:left; padding:0px 0 0 0px; width:187px;}
#header_logo img{  }
#header_right_t{ float:right;  width:440px; padding-top:40px; height:26px;}
.right_search{ width:203px; height:26px; float:left; line-height:30px; background:url(../images/h_seaarch_05.png) no-repeat 10px 0px; }
.right_search .text{ width:162px; height:30px; background:none; border:none; float:left; font-size:12px; color:#8e9093; outline:none; margin:0px;  line-height:30px; outline:none;}
.right_search .btn{ width:29px; height:26px; background:none; border:none; float:right;}
.right_search{ margin:8px 0 0 0px; padding-left:20px;}
.right_laugae{ float:right; padding:8px 40px 0 0;}
.right_laugae a{ font-size:14px; font-family:"Arial"; color:#000000; line-height:26px;}
.right_laugae a:hover{ color:#85c228;}

/*导航*/
#nav{ padding-top:24px;}
.header_nav{ float:right; padding:0; margin-top:-30px; display:inline;}
.cls {clear: both; }
a:focus { outline: none; }
.xgsm { padding: 0px; margin-top: 40px; margin-right: auto; margin-bottom: 20px; margin-left: auto; }
.xgsm p { line-height: 1.8em; padding: 0px; margin: 0px; color: #666666;}
.menu { height: 34px; display: block; padding: 0px; width:695px; margin-top: 0px; margin-right: auto; margin-left: auto;}
.menu ul { list-style: none; padding: 0; margin: 0; }
.menu ul li { float: left; overflow: hidden; position: relative; line-height:34px; text-align: center; width:115px;}
.menu ul li a {/* must be postioned relative  */ position: relative;  display: block; width: 115px; height: 34px; font-family: "微软雅黑", "宋体"; font-size: 12px; text-decoration: none; cursor: pointer; margin-left:2px; background:url(../images/a_03.jpg) }
.menu ul li a span { /* all layers will be absolute positioned */ position: absolute; left: 0; width: 115px; }
.menu ul li a span.out { top: 0px; }
.menu ul li a span.over, .menu ul li a span.bg { /* hide */   top: -40px;} /** 1st example **/
#menu1 { background-position: 0px 0px;}
#menu1 ul li a { color: #ffffff;}
#menu1 ul li a span.over { color: #FFF; }
#menu1 ul li span.bg { /* height of the menu items */  height: 40px; background-image: url(../images/bg_over.gif); background-repeat: no-repeat;
	background-position: center center;} /** 2nd example 一流素材网www.16sucai.com **/
#menu2 {}
#menu2 ul li a { color: #ffffff; font-size:14px; font-weight:bold;}
#menu2 ul li a span.over { background:url(../images/a_hover_03.jpg) no-repeat; color: #fff;}



/*banner*/
#imgPlay {
	MARGIN: 42px auto;_MARGIN: 22px auto; OVERFLOW: hidden; WIDTH: 980px; ZOOM: 1; POSITION: relative; HEIGHT: 380px
}
#imgPlay .imgs IMG {
	 PADDING-RIGHT: 1px; WIDTH: 956px; PADDING-TOP: 1px;
}
#imgPlay .imgs LI {
	FLOAT: left; POSITION: relative
}
#imgPlay .imgs {
	WIDTH: 5880px
}
#imgPlay .prev {
	BACKGROUND: url(../images/imgPlayer.png) no-repeat 0px 0px; LEFT: 1px; WIDTH: 46px; CURSOR: pointer; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 140px; HEIGHT: 81px
}
#imgPlay .next {
	BACKGROUND: url(../images/imgPlayer.png) no-repeat 0px 0px; LEFT: 1px; WIDTH: 46px; CURSOR: pointer; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 140px; HEIGHT: 81px
}
#imgPlay .next {
	BACKGROUND-POSITION: right 0px; RIGHT: 1px; LEFT: auto
}
#imgPlay .num .lc {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/lc.png) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 13px; PADDING-TOP: 3px; HEIGHT: 16px
}
#imgPlay .num .mc {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/lc.png) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 13px; PADDING-TOP: 3px; HEIGHT: 16px
}
#imgPlay .num .rc {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/lc.png) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 13px; PADDING-TOP: 3px; HEIGHT: 16px
}
#imgPlay .num .mc {
	BACKGROUND: url(../images/mc.png) repeat-x
}
#imgPlay .num .rc {
	BACKGROUND: url(../images/rc.png) no-repeat
}
#imgPlay #numInner {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; POSITION: absolute; TOP: 275px; TEXT-ALIGN: center
}


/*产品展示*/
/*product*/
product{ border:2px solid #CCC; width:930px; height:102px; margin:0px auto;}

#product{ background:url(../r_images/images/k_22_03.gif) no-repeat; width:978px; height:175px; margin:0px auto;}
#product h1{ height:40px;  line-height:46px; padding-left:18px; border-bottom:1px dashed #CCC; }
#product h1 a{font-size:18px;color:#060}
#product h1 a:hover{color: #093}
#demo{  width:900px;  height:100px; overflow:hidden;margin-left:20px; padding:0px; margin-top:14px; }
table{ margin:0px; padding:0px;}
TD {FONT-SIZE: 12px; }
td img{ width:100px; height:86px; padding:8px 10px 0 10px; }

#footer{ width:940px; margin:0px auto;}

/* 案例展示*/
.case li{float:left;display:inline;margin-right:32px;width:302px;height:215px; background:url(../images/bg_case_f.png) center bottom no-repeat;position:relative;}

.case li.last{float:right;margin-right:0px;}

.case li .case_w{display:block;width:262px;height:145px;padding:20px; background:url(../images/bg_case.png) no-repeat;position:absolute;bottom:14px;left:0px;}

.case li .case_w .fire{background:#000;opacity:0.5;filter:alpha(opacity=50);position:absolute;top:20px;left:20px;width:262px;height:148px;z-index:2;display:none;}

.case li .case_w  .x,.case li .case_w  .y{width:61px;height:61px;top:60px;position:absolute;z-index:3;display:none;}
.case_w img{ width:262px; height:145px;}

.case li .case_w  .x{ background:url(../images/readmore-icon.png); left: 50px;}



.container{margin:auto;text-align:left;width:975px;}

#footer{ width:940px; margin:0px auto; padding-bottom:20px;}
#footer p{ font-size:12px; line-height:22px; font-family:Arial; font-size:14px;}

.blue{ width:960px; margin:22px auto; border-bottom:1px solid #789713;}

.cuspages a:link,.cuspages a:visited{text-decoration:none; color:#999;}
.cuspages a:hover {text-decoration:underline}
/* pages */
.pages{clear:both;margin:10px 0}
	.pages em, .pages a, .pages strong{text-decoration:none;margin-left:3px;padding:2px 5px;border:1px solid #E5E5E5}
	.pages a:hover{text-decoration:none;border:1px solid #09C;background:#09C;color:#FFF}
	.pages strong{border:none;font-weight:700}
	.cuspages{margin:5px 0px;;line-height:200%; clear:both; text-align:center;}
	.cuspages .pages{display:inline;clear:none;margin-right:45px}