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

/*样式重置*/
body,ul,p,h1,h2,h3,h4,dl,form,input,textarea,select
{
	padding:0;
	margin:0;
	font-family:arial
}
li {list-style:none;}
img {boder:none;}
a{text-decoration:none;color:#053F02;}
a:hover{text-decoration:underline;cursor:pointer;}

body
{
	background-color:#E8FCE3;
}
.logo
{
	width:980px;
	height:80px;
	margin-left:160px;
}
.logoDiv
{
	float:left;
}
.logoText
{
	float:left;
	font-size:20px;
	margin-top:40px;
	margin-left:80px;
	font-family:"楷体_GB2312";
}
.top
{
	width:50px;
	height:20px;
	float:right;
	margin-top:10px;
	margin-right:20px;
	font-family:"Arial Black", Gadget, sans-serif;
}
.top a:hover
{
	color:red;
	text-decoration:none;
}

.nav
{
	height:45px;
	width:980px;
	margin-left:140px;
	background-image:url(../images/nav.png)
}
.nav ul
{
	margin-left:20px;
}

.nav li
{
	width:150px;
	height:45px;
	font-size:24px;
	float:left;
	text-align:center;
}
.nav div
{
	margin-top:10px;
	height:35px;
	color:white;	
}
.nav li:hover
{
	background-color:#2E8C15;
}
.nav a:hover
{
	text-decoration:none;
}
.bigPic
{ 
	width:963px;
	margin-left:150px;
	height:250px;
	background:url(../images/factory.jpg);
	margin-top:5px
}
.main
{
	width:980px;
	margin-left:140px;
	margin-top:10px;
	background-color:#E9E8E8;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid green;
	height:640px;
}
.left
{
	float:left;
}
.right
{
	float:right;
}
.proInfo
{
	width:220px;
	margin-left:20px;
	margin-top:5px;
	background-color:#E8FCE3;
}
.proInfo li
{
	font-size:16px;
	text-align:center;
	padding-top:5px;
	cursor:pointer;
	color:#354108;
	padding-bottom:3px;
	font-family:"楷体_GB2312";
}
.proInfo a
{
	color:black;
	width:100%;
	height:100%;
	display:block;
}
.proInfo a:hover
{
	text-decoration:none;
}
.proIntro
{
	width:100%;
	height:40px;
	background-color:#4AC52B;
}
.category
{
	font-size:20px;
	text-align:center;
	padding-top:8px;
	color:#F1EDED;
}

.contact
{
	width:220px;
	height:250px;
	margin-top:15px;
	margin-left:20px;
	background-color:#E8FCE3;
}
.contactInfo
{
	font-size:14px;
	padding-top:5px;
	padding-left:5px;
	line-height:25px;
	color:#354108;
	
}
	
.proShow
{
	width:720px;
	height:230px;
	margin-top:10px;
	margin-right:10px;
}
.companyInfo
{
	width:720px;
	height:355px;
	margin-top:35px;
	margin-right:10px;
}
.companyText
{
	height:40px;
	background-color:#55BB3B;
}
.companyText_word
{
	padding-left:20px;
	padding-top:8px;
	font-size:20px;
	width:220px;
	color:#E8E4E4;
}
.companyText_img
{
	margin-top:10px;
	padding-top:10px;
	background-color:#C0BFBF;
	height:305px;
	font-family:"楷体_GB2312";
}
.companyText_img span
{
	color:#354108;
}
.companyText_img img
{
	float:right;
	margin-top:0px;
	height:240px;
	width:260px;
}
.proShowText
{
	height:40px;
	width:720px;
	background-color:#55BB3B;
}
.proShowText div
{
	padding-left:20px;
	padding-top:8px;
	font-size:20px;
	color:#E8E4E4;
}


/* ------ 焦点切换样式
-----------------------------------------------*/

.slider {
width:963px;
height:250px;
position:relative;
padding-bottom:26px;
background:url(../images/gfx/bottom_shadow.png) no-repeat bottom center;
margin-left:150px;
margin-top:10px;
}

.sliderContent {
float:left;
width:963px;
height:250px;
clear:both;
position:relative;
overflow:hidden;
}
.sliderContent img{
	width:963px;
	height:250px;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(../images/gfx/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}

.prev {
background-position:0 0;
left:15px;
}

.prev:hover {
background-position:0 -44px;
}

.next {
right:15px;
background-position:-44px 0;
}

.next:hover {
background-position:-44px -44px;
}

.sliderContent .item {
position:absolute;
width:963px;
height:250px;
background:#fff;
}

.sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-45px;
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(../images/gfx/bullets.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -11px;
}

.sliderContent a {
outline:none;
}
/* ------ 焦点切换样式结束
-----------------------------------------------*/

/* ------ 图片滚动样式
-----------------------------------------------*/
#demo {
overflow:hidden;
width: 720px;
height:190px;
background-color:#C0BFBF;
}
#demo img {

}
#indemo {
width: 800%;
height:190px;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
#demo2 div
{
	float:left;
}
.proSingle
{
	float:left;
}
.proSingle img
{
	width:130px;
	height:170px;
	margin-right:5px;
}
.proImgClass
{
	height:170px;
	display:inline-block;
}
.proTextClass
{
	text-align:center;
	font-size:16px;
	padding-left:40px;
}

.bottom
{
	height:80px;
	text-align:center;
	font-size:10px;
}
.bottom div
{
	line-height:20px;
}
/*关于我们的css样式*/
.back_right
{
	width:725px;
	float:right;
	margin-top:15px;
	margin-right:10px;
}
.com_nav
{
	height:30px;
	border-bottom:1px solid #AB0202;
	}
.com_nav a:hover
{
	text-decoration:none;
	color:red;
}
.com_nav span
{
	color:#14390A;
	font-size:24px;
}
.back_content
{
	width:100%;
}
.back_content img
{
	width:166px;
	height:171px;
	margin-top:10px;
	margin-left:10px;
}
.back_content img:hover
{
	border:2px solid #3FEA14;
	cursor:pointer;
}
.pager
{
	height:25px;
	text-align:center;
	padding-top:5px;
}
.pager a
{
	width:20px;
	color:black;
}
.pager a:hover
{
	text-decoration:none;
	border:1px solid green;
}


<!--图片弹出层-->
html,body {height:100%; margin:0px;}
.mydiv {
 text-align: center;
 line-height: 40px;
 font-size: 12px;
 font-weight: bold;
 z-index:999;
 width: 600px;
 height:450px;
 left:35%;
 top:25%;
 margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */
 margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/
 margin-top:0px;
 position:fixed!important;/* FF IE7*/
 position:absolute;/*IE6*/
 _top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}
.mydiv img{
	width:100%;
	height:420px;
}
.mydiv a{
	text-decoration:none;
	padding-top:3px;
	font-size:24px;
	color:red;
}
.mydiv a:hover
{
	color:blue;
}
.bg,.popIframe {
background-color: #666; display:none;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=50);/*IE*/
opacity:0.5;/*FF*/
z-index:1;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
}
.popIframe {
filter:alpha(opacity=0);/*IE*/
opacity:0;/*FF*/
}