.wrapper {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 100%
}

#banner {
	POSITION: relative; WIDTH: 100%; BACKGROUND: #000; HEIGHT: 560px; OVERFLOW: hidden
}
#banner_img {
	POSITION: relative; DISPLAY: block
}
#banner_img LI {
	POSITION: absolute; WIDTH: 100%; DISPLAY: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 50%; HEIGHT: 560px; TOP: 0px; LEFT: 0px; background-size: cover
}
#banner_img LI.item1 {
	BACKGROUND-IMAGE: url(d1.jpg); DISPLAY: block
}
#banner_img LI.item2 {
	BACKGROUND-IMAGE: url(d2.jpg);
}
#banner_img LI.item3 {
	BACKGROUND-IMAGE: url(d3.jpg);
}
#banner_img LI.item4 {
	BACKGROUND-IMAGE: url(banner_bg4.jpg)
}
#banner_img LI.item5 {
	BACKGROUND-IMAGE: url(banner_bg5.jpg)
}
#banner_img LI.item6 {
	BACKGROUND-IMAGE: url(banner_bg6.jpg)
}
#banner_img LI.item7 {
	BACKGROUND-IMAGE: url(banner_bg7.jpg)
}
#banner_img LI.item8 {
	BACKGROUND-IMAGE: url(banner_bg8.jpg)
}
#banner_img .ad_img {
	POSITION: absolute; WIDTH: 800px; HEIGHT: 560px; TOP: 0px; RIGHT: 0px
}
#banner_img .ad_txt {
	Z-INDEX: 100; POSITION: absolute; COLOR: #fff; TOP: 150px; LEFT: 150px; text-shadow: 1px 1px rgba(51, 51, 51, 0.3)
}
#banner_img .ad_txt H2 {
	FONT: bold 36px/60px Microsoft YaHei
}
#banner_img .ad_txt P {
	FONT: 22px/30px Microsoft YaHei
}
#banner_img .ad_txt A {
	TEXT-ALIGN: center; LINE-HEIGHT: 25px; MARGIN-TOP: 10px; WIDTH: 100px; DISPLAY: block; BACKGROUND: #fff; HEIGHT: 25px; COLOR: #666; TEXT-DECORATION: none; text-shadow: none
}
#banner_ctr {
	Z-INDEX: 1; POSITION: absolute; WIDTH: 960px; BOTTOM: 40px; HEIGHT: 122px; MARGIN-LEFT: -480px; LEFT: 50%
}
#banner_ctr UL {
	POSITION: relative; LINE-HEIGHT: 0; WIDTH: 960px; BACKGROUND: url(serv_ico.png) no-repeat center 50%; HEIGHT: 122px; FONT-SIZE: 0px
}
#banner_ctr LI {
	WIDTH: 115px; DISPLAY: block; FLOAT: left; HEIGHT: 122px; CURSOR: pointer
}
#banner_ctr LI.first-item {
	WIDTH: 20px; BACKGROUND: #fff; CURSOR: default; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px
}
#banner_ctr LI.last-item {
	WIDTH: 20px; BACKGROUND: #fff; CURSOR: default; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0
}
#drag_ctr {
	POSITION: absolute; WIDTH: 115px; BOTTOM: 170px; BACKGROUND: #0084cf; HEIGHT: 156px; TOP: -14px; LEFT: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px
}
#drag_arrow {
	POSITION: absolute; WIDTH: 115px; BACKGROUND: url(drag_banner_arrow.gif) no-repeat center 14px; HEIGHT: 156px; TOP: -14px; LEFT: 20px
}
#slideBox {
	BORDER-BOTTOM: #74909e 1px solid; POSITION: relative; BORDER-LEFT: #74909e 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; WIDTH: 120px; PADDING-RIGHT: 1px; HEIGHT: 114px; OVERFLOW: hidden; BORDER-TOP: #74909e 1px solid; BORDER-RIGHT: #74909e 1px solid; PADDING-TOP: 1px
}
#slideBox .hd {
	Z-INDEX: 1; POSITION: absolute; BOTTOM: 4px; HEIGHT: 14px; OVERFLOW: hidden; RIGHT: 4px
}
#slideBox .hd UL {
	ZOOM: 1; FLOAT: left; OVERFLOW: hidden
}
#slideBox .hd UL LI {
	TEXT-ALIGN: center; LINE-HEIGHT: 12px; WIDTH: 14px; BACKGROUND: #fff; FLOAT: left; HEIGHT: 14px; FONT-SIZE: 12px; CURSOR: pointer; MARGIN-RIGHT: 2px
}
#slideBox .hd UL LI.on {
	BACKGROUND: #f00; COLOR: #fff
}
#slideBox .bd {
	Z-INDEX: 0; POSITION: relative; HEIGHT: 100%
}
#slideBox .bd IMG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 128px; HEIGHT: 113px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}