@charset "utf-8";





.blk_18 {
 OVERFLOW: hidden;   ZOOM: 1; POSITION: relative; width:930px; background:url(../images/index_products_bg.jpg) no-repeat；}
.blk_18 .pcont {
 FLOAT: left; OVERFLOW: hidden; WIDTH: 820px; margin:0 auto; margin-left:55px; }
.blk_18 .ScrCont {
 WIDTH: 32766px; ZOOM: 1
}
.blk_18 #List1_1 {
 FLOAT: left
}
.blk_18 #List2_1 {
 FLOAT: left
}
.blk_18 .LeftBotton {
BACKGROUND:url(../images/product_btn_loop_01_l.jpg) no-repeat; LEFT: 10px;  TOP:35px; FLOAT: left; WIDTH: 24px; CURSOR: pointer; POSITION: absolute; HEIGHT: 65px; }
.blk_18 .RightBotton {
RIGHT: 10px; BACKGROUND:url(../images/product_btn_loop_01_r.jpg) no-repeat; FLOAT: right; WIDTH: 24px;TOP: 35px; CURSOR: pointer; POSITION: absolute;  HEIGHT: 65px
}
.blk_18 .pl IMG {
 DISPLAY: block; MARGIN: 6px auto 1px; CURSOR: pointer; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.blk_18 .pl {
 FLOAT: left;  LINE-HEIGHT: 30px; TEXT-ALIGN: center; TEXT-DECORATION: underline;width:122px; height:130px;
 margin:0 20px 0 0;
 border:1px #cccccc solid;
 
 
}
.blk_18 A.pl:hover {
 BORDER-RIGHT: #ff9900 1px solid; BORDER-TOP: #ff9900 1px solid; BACKGROUND: #fff; BORDER-LEFT: #ff9900 1px solid; COLOR: #ff9900; BORDER-BOTTOM: #ff9900 1px solid
}
.commu_cont3 {
 MARGIN: 9px 7px 7px; LINE-HEIGHT: 150%
}
.commu_cont3 UL {
 WIDTH: 188px
}


/* 本例子css */
		.slideBox{ width:960px; height:290px; overflow:hidden; position:relative; }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:960px; height:290px; display:block;  }
