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

*{ margin:0; padding:0}
body{ font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#676767; background:url(../images/bj.jpg);}
h1,h2,h3,h4,h5{ font-size:12px;}
ul,li,dl,dt,dd{ list-style:none; margin:0; padding:0}
a{ text-decoration:none; color:#454545;}
a:hover{ color:#FF0000;}
.clear{ clear:both; width:100%; height:0; overflow:hidden;}
img{ border:0;}
em,i{ font-style:normal;}

.body{ width:980px; padding:0 20px; margin:0 auto; background:#FFFFFF url(../images/bg.jpg) repeat-y;}
.top{ height:112px; width:585px; float:left;}
.logo{ float:left; margin:20px 15px 0 0;}
.bt{ font-size:14px; font-weight:bold; margin:40px 0 0 0;}
.top1{ width:380px; height:112px; float:right;}
.fy{ text-align:right; margin:20px 30px 0 0;}
.text{ width:233px; height:27px; line-height:27px; border:0; background: url(../images/dl.jpg) no-repeat left center; padding:0 0 0 25px;}
.btn{ border:none; background:url(../images/go.jpg) no-repeat; width:52px; height:27px; line-height:27px;}
.dl{ text-align:right; margin:15px 20px 0 0;}

.nav1{ width:980px; height:35px; background:url(../images/nav.jpg) no-repeat;}
.nav li{ float:left; line-height:35px; height:35px; padding:0 40px; font-size:14px; font-weight:bold; background:url(../images/nav_li.jpg) no-repeat right center;}
#l1{ background:url(../images/hover.jpg) repeat-x;}
#l1 a{ color:#FFFFFF;}

.banner{ width:980px; height:361px; margin:5px 0;}

.mian_l{ float:left; width:390px; height:207px;}
.mian_l h2{ color:#202020; background:url(../images/j1.jpg) no-repeat left center; padding-left:10px; height:20px; line-height:20px;}
.mian_l h2 span{ float:right; background:url(../images/j2.jpg) no-repeat left center; padding-left:15px; margin-right:10px;}
.bann{ margin:40px 0 0 0;}

.mian_z{ float:left; width:306px; height:207px; margin:0 20px;}
.mian_z h2{ color:#202020; background:url(../images/j1.jpg) no-repeat left center; padding-left:10px; height:20px; line-height:20px;}
.mian_z h2 span{ float:right; background:url(../images/j2.jpg) no-repeat left center; padding-left:15px; margin-right:10px;}
.list1{ margin-bottom:10px;}
.list1 li span{ float:right;}
.list1 li{ height:25px; line-height:25px; border-bottom:1px dotted #c6c6c6;}
.list1 li a{ width:217px; display:inline-block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; background:url(../images/j3.jpg) no-repeat left center; padding-left:10px;}

.mian_r{ float:left; width:244px; height:207px;}
.mian_r h2{ color:#202020; background:url(../images/j1.jpg) no-repeat left center; padding-left:10px; height:20px; line-height:20px;}
.mian_r h2 span{ float:right; background:url(../images/j2.jpg) no-repeat left center; padding-left:15px; margin-right:10px;}

.sp{ width:244px; height:170px; background:url(../images/sp2.jpg) repeat-x; margin:10px 0;}
.sp1{ padding:12px 15px;}
.sp1 img{ padding:2px; border:1px solid #c8c8c8;}

.yq{ width:980px; height:43px; padding:20px 0;}
.yq1 li{ float:left;}
.yq1 li img{ border:1px solid #d3d3d3; margin:0 5px;}

.footer{ width:1000px; height:85px; margin:0 auto; background:url(../images/foot.jpg) repeat-x left top;}
.footer img{ float:left; margin:15px;}
.foot-text{ padding:15px;}



/*首页下面轮播特效*/
.img-scroll { position:relative; margin:20px auto; width:390px; }
 .img-scroll .prev,.img-scroll .next { position:absolute; display:block;  margin-top:30px; background-color:#000;
 top:0; color:#FFF; text-align:center; line-height:100px}
 .img-scroll .prev { left:0}
 .img-scroll .next { right:0}
 .img-list { position:relative; width:320px; height:120px; margin-left:20px; overflow:hidden}
 .img-list ul { width:9999px;}
 .img-list li { float:left; display:inline; width:123px; padding:0 25px; height:81px;  text-align:center; border-right:1px dotted #999999;}
 .img-list li p{ margin:10px 0;}
 
 /*首页banner*/
 #YSlide {
	Z-INDEX: 1; POSITION: relative; WIDTH: 980px;  HEIGHT: 361px; OVERFLOW: hidden;   
}
.YSample {
	MARGIN: 0px auto; OVERFLOW: hidden
}
.YSample {
	WIDTH: 980px; HEIGHT: 361px
}
.YSample IMG {
	WIDTH: 980px; HEIGHT: 361px
}
.YSample STRONG {
	Z-INDEX: 5; POSITION: absolute; FILTER: alpha(opacity=70); LINE-HEIGHT: 40px; BACKGROUND-COLOR: #000; TEXT-INDENT: 10px; WIDTH: 400px; BOTTOM: 4px; HEIGHT: 40px; COLOR: #fff; FONT-SIZE: 12px; FONT-WEIGHT: normal; LEFT: 4px; opacity: .7; -moz-opacity: .7
}
#YSIndex {
	Z-INDEX: 6; POSITION: absolute; TEXT-ALIGN: right; LINE-HEIGHT: 13px; WIDTH: 945px;OVERFLOW: hidden; TOP: 330px;
}
#YSIndex A {
	Z-INDEX: 6; COLOR: #161414; FONT-SIZE: 12px;  MARGIN-RIGHT: 10px;  TEXT-DECORATION: none; PADDING:4px; background-color:#FFFFFF;
}
#YSIndex A:hover {
	Z-INDEX: 6; COLOR: #161414; FONT-SIZE: 12px;  MARGIN-RIGHT: 10px;  TEXT-DECORATION: none; PADDING:4px; background-color:#FFFFFF;
}

#YSIndex A:hover {
	BACKGROUND-COLOR: #18100e;	COLOR: #ffffff;PADDING:4px; 
}

#YSIndex A.current:link{
	BACKGROUND-COLOR: #18100e;	COLOR: #ffffff;PADDING:4px; 
}
#YSIndex A.current:visited{
	BACKGROUND-COLOR: #18100e;	COLOR: #ffffff;PADDING:4px; 
}
#YSIndex A.current:hover {
	BACKGROUND-COLOR: #18100e;	COLOR: #ffffff; PADDING:4px; 
	;
}
.even {
	BACKGROUND-COLOR: #f8f8f8
}
.odd {
	BACKGROUND-COLOR: #eaeff5
}
.hover {
	BACKGROUND-COLOR: #b0bec7; COLOR: #fff; CURSOR: pointer
}
.hidden {
	DISPLAY: none; CLEAR: both
}
 







#demo {
     background: #FFF;
     overflow:hidden;
    
     width: 980px;
    }
    #demo img {
     border: 1px solid #F2F2F2;
	 margin:0 5px;
	 
    }
    #indemo {
     float: left;
     width: 800%;
    }
    #demo1 {
     float: left;
    }
    #demo2 {
     float: left;
    }