@charset "gb2312";
/* CSS Document */
body {font-family:Arial; font-size:12px; color:#666;}
* {margin:0; padding:0}
ul,li {list-style:none;}
img {border:0;}
a {color:#666; text-decoration:none; font-size:12px;}
a:hover {color:#45b035;}

#top {width:100%; height:28px; background:url(../images/top-bg.jpg);}
.top {width:1000px; height:28px; line-height:28px; text-align:right; margin:0 auto;  font-size:14px; font-weight:bold;}
.top a {font-size:14px; color:#000;}

#top1 {width:100%; height:85px; background:url(../images/logo-bg.jpg);}
.top1 {width:1000px; height:85px; margin:0 auto;}
.logo {float:left;}
.top-right {float:right; line-height:85px; font-family:Arial; color:#444; font-size:15px;}
.top-tel {float:right; height:27px; padding-top:32px; padding-right:5px;}

#menu {width:100%; height:42px; background:none; position:absolute; z-index:9;}
.menu {width:100%; height:42px; margin:0 auto;  background:url(../images/menu-bg.png) top repeat-x;}

.menu-search {float:right; width:23px; height:22px; margin-top:6px; padding-right:10px;}
.menu-input {float:right; width:169px; height:22px; margin-top:6px; background:url(../images/input.jpg);}
.menu-input input {border:0; background:none; height:22px; width:160px; padding-left:9px; line-height:22px;}

.menu-left {width:1000px; margin:0 auto;}
.menu-left ul {float:left;}
.menu-left ul li {float:left; width:100px; padding:0 15px; line-height:36px; background:url(../images/menu-logo.jpg) top right no-repeat; text-align:center; font-weight:bold;}
.menu-left ul li a {font-size:14px; color:#fff; display:block}
.menu-left ul li a:hover {font-weight:bold; color:#fff; background:url(../images/menu-hover.png); height:42px;}
.menu1 {height:36px; width:130px; padding:0; overflow:hidden;}
.menu2 {height:auto; width:130px; padding:0;}
.menu-left ul li {_overflow:hidden; } /* IE6 */
.menu2 .list{
height:25px;
line-height:25px;
background:#24c90b;
width:360px;
font-size:12px;
text-align:center;
overflow:hidden;
font-weight:normal;
}
.menu2 .list a {float:left; background:none; padding:0 15px; font-size:12px; background:url(../images/munu-logo2.jpg) right no-repeat; display:block;}
.menu2 .list a:hover { background:url(../images/munu-logo2.jpg) right no-repeat; height:25px;}

#banner {width:100%; height:240px; position:relative; padding-top:70px;}
#flash {width:100%; height:360px; position:relative; overflow:hidden; padding-top:35px;}
.scrollpic {
	BACKGROUND-IMAGE: none; WIDTH: 100%; BACKGROUND-ATTACHMENT: scroll; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center center; FLOAT: left; HEIGHT: 360px; text-align:center;
}
.control {
	Z-INDEX: 40; position:absolute; BOTTOM: 0px; HEIGHT: 34px; left:0; text-align:center; width:100%; background:#000; filter:alpha(opacity=50); /* IE */ -moz-opacity:0.50; /* Moz + FF */opacity: 0.50; 
}
.control UL {
	MARGIN: 0px auto; HEIGHT: 34px; text-align:center;
}
.control UL LI {
	TEXT-ALIGN: center;
}
.control A {
	BACKGROUND-IMAGE: url(../images/btn.png); TEXT-ALIGN: center; LINE-HEIGHT: 9px; WIDTH: 53px; DISPLAY: inline-block; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial; BACKGROUND-POSITION: 0px 0px; HEIGHT: 9px; COLOR: #333333; MARGIN-RIGHT: 5px; _margin-right: 5px; margin-top:12px; filter:alpha(opacity=100); /* IE */ -moz-opacity:1.0; /* Moz + FF */opacity: 1.0;
}
.control A.active {
	BACKGROUND-IMAGE: url(../images/btn_hover.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 0px; COLOR: #ffffff; filter:alpha(opacity=100); /* IE */ -moz-opacity:1.0; /* Moz + FF */opacity: 1.0;
}

#home-body {width:100%; height:auto; overflow:hidden;}
.hb-product {width:1000px; height:auto; margin:0 auto; margin-top:15px;}
.hb-title {width:100%; height:22px; background:url(../images/title-bg.jpg) top repeat-x; overflow:hidden;}
.hbt-logo {float:left; width:8px; height:22px; font-size:0; background:url(../images/left-logo.jpg);}
.hbt-left {float:left; height:17px; background:#fff; padding-top:5px; font-family:Arial; font-size:14px; vertical-align:bottom; padding-right:5px; color:#222;}
.hbt-right {float:right; height:9px; background:#fff; width:47px; padding-top:13px; font-family:Arial; margin-right:15px;}
.hb-body {width:980px; margin:0 auto; height:168px; border-bottom:1px solid #f1f1f1;}

.hb-about {float:left; width:320px;}
.hb-body1 {padding:10px; line-height:21px; text-align:left; font-size:12px; padding-right:0;}
.hb-body1 li {width:100%; height:21px; line-height:21px; font-size:12px; color:#666;}
.hb-body1 li span {float:left; width:245px; overflow:hidden; height:21px;}

#link {width:100%; height:33px; background:#ecebeb; margin-top:5px;}
.link {width:1000px; height:33px; margin:0 auto; line-height:33px; color:#666; text-align:left; font-size:12px;}
#down {width:100%;  background:#45b035; overflow:hidden; }
.down {width:1000px; margin:0 auto;}
.down-logo {float:left; padding-top:10px; padding-right:15px;}
.down-logo1 {float:left;}
.down-copyright {float:left; line-height:22px; font-size:12px; color:#fff; text-align:left; padding-left:15px; padding-top:10px;}

#about {width:1000px; margin:0 auto; height:auto; overflow:hidden; margin-top:8px; padding-bottom:5px;}
.ab-left {float:left; width:210px;}
.abl-title{width:100%; height:35px; line-height:35px; border-bottom:2px solid #45b035; font-family:Arial; color:#727171; font-size:18px;}
.abl-class {width:100%; height:auto;}
.abl-class li {width:100%; height:35px; line-height:35px; background:url(../images/ab-logo.jpg) right no-repeat; border-bottom:1px solid #e6e6e6;}
.abl-class li a {display:block; padding-left:10px; font-weight:bold;}
.abl-class li a:hover {background:url(../images/ab-logo1.jpg) right no-repeat; color:#666; font-weight:bold;}

.ab-right {float:right; width:779px; border-left:1px solid #e6e6e6;}
.ab-right1 {float:right; width:770px;}
.abr-title {width:100%; height:35px; line-height:35px; border-bottom:1px solid #e6e6e6; text-align:right; font-size:12px; color:#666;}
.abr-title span {float:left; padding-left:10px; font-size:18px; color:#45b035; font-family:Arial;}
.abr-body {padding:10px; padding-right:0; line-height:24px; font-size:12px; color:#666;}