#logonav {
	POSITION: relative; WIDTH: 100%; BACKGROUND: url("2.jpg")/*tpa=http://www.hzswfyly.com/templets/moban/images/2.jpg*/ no-repeat center top; FLOAT: left; HEIGHT: 70px; CLEAR: both
}
#logo {
	DISPLAY: none
}
#topnav {
	POSITION: absolute; TEXT-ALIGN: center; WIDTH: 30%; COLOR: #999; TOP: 30px; RIGHT: 36px
}
#topnav LI {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; DISPLAY: inline; PADDING-TOP: 0px
}
#topnav LI A {
	COLOR: #fff
}
#topnav LI A:hover {
	COLOR: #f30
}
#nav {
	LINE-HEIGHT: 30px; WIDTH: 100%; BACKGROUND: url("5.jpg")/*tpa=http://www.hzswfyly.com/templets/moban/images/5.jpg*/ no-repeat center top; HEIGHT: 30px
}
#nav UL {
	LIST-STYLE-TYPE: none
}
#nav UL LI {
	FLOAT: left
}
#nav UL LI A {
	WIDTH: 100px; DISPLAY: block; BACKGROUND: url("7.jpg")/*tpa=http://www.hzswfyly.com/templets/moban/images/7.jpg*/ no-repeat right top; HEIGHT: 30px
}
#nav UL LI A:hover {
	BACKGROUND: url("6.jpg")/*tpa=http://www.hzswfyly.com/templets/moban/images/6.jpg*/ no-repeat right top
}
#header-flash {
	WIDTH: 100%; HEIGHT: 175px; CLEAR: both
}
.inner {
	WIDTH: 100%
}
.inner H3 {
	WIDTH: 100%; BACKGROUND: url("8.jpg")/*tpa=http://www.hzswfyly.com/templets/moban/images/8.jpg*/ no-repeat left top; HEIGHT: 27px
}
.innercont {
	PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; OVERFLOW: hidden; PADDING-TOP: 15px
}
.innercont H1 {
	FONT-SIZE: 14px
}
.affiche {
	PADDING-BOTTOM: 10px; WIDTH: 100%; BACKGROUND: url("friend_03.gif")/*tpa=http://www.hzswfyly.com/templets/moban/images/friend_03.gif*/ no-repeat center bottom
}
.affiche H3 {
	WIDTH: 100%; BACKGROUND: url("18.jpg")/*tpa=http://www.hzswfyly.com/templets/moban/images/18.jpg*/ no-repeat center top; HEIGHT: 35px
}
.affiche P {
	PADDING-BOTTOM: 15px; MARGIN: 5px; WIDTH: 206px; FLOAT: right; HEIGHT: auto; CLEAR: right; PADDING-TOP: 15px
}
.gonggao-p {
	MARGIN: 0px auto
}
.gonggao-p {
	MARGIN: 0px auto
}
.profile {
	
}
.profile H3 {
	
}
.profilelist {
	TEXT-ALIGN: center; PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 20px
}
.profilelist LI {
	LIST-STYLE-POSITION: inside; BORDER-BOTTOM: #ccc 1px dotted; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: square; PADDING-LEFT: 0px; PADDING-RIGHT: 2px; PADDING-TOP: 8px
}
.profilelist LI A {
	FONT-SIZE: 14px
}
.profilelist LI A:hover {
	FONT-SIZE: 14px
}
.indexabout {
	POSITION: relative; WIDTH: 100%
}
.indexabout H3 {
	WIDTH: 100%; BACKGROUND: url("8.jpg")/*tpa=http://www.hzswfyly.com/templets/moban/images/8.jpg*/ no-repeat left top; HEIGHT: 27px
}
.indexabout P {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; WIDTH: 400px; PADDING-RIGHT: 10px; FLOAT: left; PADDING-TOP: 10px
}
.contact {
	MARGIN: 8px 0px; WIDTH: 100%; BACKGROUND: url("contact_02.jpg")/*tpa=http://www.hzswfyly.com/templets/moban/images/contact_02.jpg*/ no-repeat left bottom
}
.contact H3 {
	WIDTH: 100%; BACKGROUND: url("contact_01.jpg")/*tpa=http://www.hzswfyly.com/templets/moban/images/contact_01.jpg*/ no-repeat left top; HEIGHT: 30px
}
.contact ADDRESS {
	PADDING-BOTTOM: 1px; FONT-STYLE: normal; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 8px
}
.contact UL {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px
}
.contact UL LI {
	
}
.contactt {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 32px; PADDING-RIGHT: 0px; FLOAT: left; COLOR: #fff; FONT-SIZE: 14px; PADDING-TOP: 10px
}
.contact UL LI DL {
	PADDING-BOTTOM: 15px; PADDING-LEFT: 20px; PADDING-RIGHT: 10px; PADDING-TOP: 15px
}
.contact UL LI DL DT {
	PADDING-LEFT: 10px; FONT-SIZE: 14px; FONT-WEIGHT: bold
}
.contact UL LI DL DD {
	
}
.leftimg {
	WIDTH: 100%; CLEAR: both; PADDING-TOP: 15px
}
.leftimg LI {
	PADDING-BOTTOM: 10px
}
.market {
	
}
.market H3 {
	
}
.marketlist {
	TEXT-ALIGN: center; PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 20px
}
.marketlist LI {
	LIST-STYLE-POSITION: inside; BORDER-BOTTOM: #ccc 1px dotted; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: square; PADDING-LEFT: 0px; PADDING-RIGHT: 2px; PADDING-TOP: 8px
}
.marketlist LI A {
	FONT-SIZE: 14px
}
.marketlist LI A:hover {
	FONT-SIZE: 14px
}
.proclass {
	PADDING-BOTTOM: 10px; WIDTH: 100%; BACKGROUND: url("friend_03.gif")/*tpa=http://www.hzswfyly.com/templets/moban/images/friend_03.gif*/ no-repeat center bottom
}
.proclass H3 {
	WIDTH: 100%; BACKGROUND: url("18.jpg")/*tpa=http://www.hzswfyly.com/templets/moban/images/18.jpg*/ no-repeat center top; HEIGHT: 35px
}
.proclass-list {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px
}
.proclasstree {
	TEXT-ALIGN: left; PADDING-BOTTOM: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 0px
}
.proclasstree LI {
	LINE-HEIGHT: 22px
}
.proclasstree LI IMG {
	VERTICAL-ALIGN: middle
}
.parentstree {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 5px
}
.parentstree LI {
	
}
.parentstree LI A {
	FONT-SIZE: 14px; FONT-WEIGHT: normal
}
.parentstree .substree {
	
}
.parentstree .substree LI {
	
}
.navtreefirst {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 5px
}
.navtreefirst LI {
	
}
.navtreefirst LI A {
	FONT-SIZE: 14px; FONT-WEIGHT: normal
}
.stroll {
	MARGIN: 10px auto 0px
}
.recoproduct {
	WIDTH: 100%; CLEAR: both
}
.recoproduct H3 {
	WIDTH: 100%; BACKGROUND: url("8.jpg")/*tpa=http://www.hzswfyly.com/templets/moban/images/8.jpg*/ no-repeat left top; HEIGHT: 27px
}
.recopro-ul {
	TEXT-ALIGN: center; PADDING-BOTTOM: 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 15px
}
.recopro-ul LI {
	DISPLAY: inline; FLOAT: left
}
.recopro-ul LI A {
	BORDER-BOTTOM: #e72e00 1px solid; BORDER-LEFT: #e72e00 1px solid; MARGIN: 0px 4px; ZOOM: 1; DISPLAY: block; BORDER-TOP: #e72e00 1px solid; BORDER-RIGHT: #e72e00 1px solid
}
.recopro-ul LI A:hover {
	BORDER-BOTTOM: #f69 1px solid; BORDER-LEFT: #f69 1px solid; BACKGROUND: #222; BORDER-TOP: #f69 1px solid; BORDER-RIGHT: #f69 1px solid
}
.recopro-ul LI .boximg {
	MARGIN: 3px
}
.recopro-ul .boxtxt {
	MARGIN: 2px
}
.newpro-ul {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.newpro-ul LI {
	MARGIN: 5px; ZOOM: 1; DISPLAY: inline; FLOAT: left
}
.newpro-ul LI A {
	BORDER-BOTTOM: #e72e00 1px solid; BORDER-LEFT: #e72e00 1px solid; ZOOM: 1; DISPLAY: block; BORDER-TOP: #e72e00 1px solid; BORDER-RIGHT: #e72e00 1px solid
}
.newpro-ul LI A:hover {
	BORDER-BOTTOM: #f69 1px solid; BORDER-LEFT: #f69 1px solid; ZOOM: 1; BACKGROUND: #333; BORDER-TOP: #f69 1px solid; BORDER-RIGHT: #f69 1px solid
}
.newpro-ul LI .boximg {
	MARGIN: 3px
}
.newpro-ul .boxtxt {
	LINE-HEIGHT: 22px; CLEAR: both
}
.prosearch {
	TEXT-ALIGN: right; WIDTH: 100%; CLEAR: both
}
.indexproductinner {
	WIDTH: 100%; CLEAR: both
}
.indexproductinner {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.indexproductinner LI {
	MARGIN: 5px; ZOOM: 1; DISPLAY: inline; FLOAT: left
}
.indexproductinner LI A {
	BORDER-BOTTOM: orange 1px solid; BORDER-LEFT: orange 1px solid; ZOOM: 1; DISPLAY: block; BORDER-TOP: orange 1px solid; BORDER-RIGHT: orange 1px solid
}
.indexproductinner LI A:hover {
	BORDER-BOTTOM: #f69 1px solid; BORDER-LEFT: #f69 1px solid; ZOOM: 1; BACKGROUND: #f7f7f7; BORDER-TOP: #f69 1px solid; BORDER-RIGHT: #f69 1px solid
}
.indexproductinner LI .boximg {
	MARGIN: 3px
}
.indexproductinner .boxtxt {
	LINE-HEIGHT: 22px; CLEAR: both
}
.recocase-ul {
	TEXT-ALIGN: center; PADDING-BOTTOM: 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 15px
}
.recocase-ul LI {
	MARGIN: 0px 5px; DISPLAY: inline; FLOAT: left
}
.recocase-ul LI A {
	BORDER-BOTTOM: #e72e00 1px solid; BORDER-LEFT: #e72e00 1px solid; MARGIN: 0px 4px; ZOOM: 1; DISPLAY: block; BORDER-TOP: #e72e00 1px solid; BORDER-RIGHT: #e72e00 1px solid
}
.recocase-ul LI A:hover {
	BORDER-BOTTOM: #f69 1px solid; BORDER-LEFT: #f69 1px solid; BACKGROUND: #222; BORDER-TOP: #f69 1px solid; BORDER-RIGHT: #f69 1px solid
}
.recocase-ul LI .boximg {
	MARGIN: 3px
}
.recocase-ul .boxtxt {
	
}
.caseclass {
	MARGIN-TOP: 0px; BACKGROUND: #f9f9f9
}
.caseclass H3 {
	WIDTH: 100%; HEIGHT: 36px
}
.caseclass-list {
	BORDER-BOTTOM: #a1ddff 1px solid; BORDER-LEFT: #a1ddff 1px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-RIGHT: #a1ddff 1px solid; PADDING-TOP: 10px
}
.caseclasstree {
	TEXT-ALIGN: left; PADDING-BOTTOM: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 0px
}
.caseclasstree LI {
	
}
.case-ul {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.case-ul LI {
	MARGIN: 5px; DISPLAY: inline; FLOAT: left
}
.case-ul LI A {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; ZOOM: 1; DISPLAY: block; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid
}
.case-ul LI A:hover {
	BORDER-BOTTOM: #f69 1px solid; BORDER-LEFT: #f69 1px solid; BACKGROUND: #333; BORDER-TOP: #f69 1px solid; BORDER-RIGHT: #f69 1px solid
}
.case-ul LI .boximg {
	MARGIN: 3px
}
.case-ul .boxtxt {
	
}
.newsclass {
	PADDING-BOTTOM: 20px; WIDTH: 100%; MARGIN-BOTTOM: 10px
}
.newsclass H3 {
	
}
.newslist {
	TEXT-ALIGN: center; PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 20px
}
.newslist LI {
	LIST-STYLE-POSITION: inside; BORDER-BOTTOM: #ccc 1px dotted; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: square; PADDING-LEFT: 0px; PADDING-RIGHT: 2px; PADDING-TOP: 8px
}
.newslist LI A {
	FONT-SIZE: 14px
}
.newslist LI A:hover {
	FONT-SIZE: 14px
}
.indexnews {
	MARGIN-TOP: 10px; WIDTH: 100%; CLEAR: both
}
.indexnews H3 {
	WIDTH: 100%; BACKGROUND: url("8.jpg")/*tpa=http://www.hzswfyly.com/templets/moban/images/8.jpg*/ no-repeat left top; HEIGHT: 27px
}
.topnews-ul {
	TEXT-ALIGN: left; COLOR: #fff; PADDING-TOP: 5px
}
.topnews-ul LI {
	BORDER-BOTTOM: #999 1px dotted; PADDING-BOTTOM: 0px; LINE-HEIGHT: 24px; PADDING-LEFT: 15px; PADDING-RIGHT: 0px; BACKGROUND: url("../../Upfiles/system/dotfff.gif")/*tpa=http://www.hzswfyly.com/templets/Upfiles/system/dotfff.gif*/ no-repeat 3px center; PADDING-TOP: 0px
}
.topnews-ul LI SPAN {
	FLOAT: right
}
.topnews-ul LI A {
	COLOR: #fff
}
.topnews-ul LI A:hover {
	COLOR: #f60; TEXT-DECORATION: underline
}
.classnews {
	TEXT-ALIGN: left; COLOR: #fff
}
.classnews LI {
	BORDER-BOTTOM: #999 1px dotted; PADDING-BOTTOM: 0px; LINE-HEIGHT: 24px; PADDING-LEFT: 15px; PADDING-RIGHT: 0px; BACKGROUND: url("../../Upfiles/system/dotfff.gif")/*tpa=http://www.hzswfyly.com/templets/Upfiles/system/dotfff.gif*/ no-repeat 3px center; PADDING-TOP: 0px
}
.classnews LI SPAN {
	FLOAT: right; COLOR: #f60
}
.classnews LI A {
	
}
.classnews LI A:hover {
	COLOR: #f60; TEXT-DECORATION: underline
}
.friendlink {
	PADDING-BOTTOM: 10px; WIDTH: 100%; BACKGROUND: url("friend_03.gif")/*tpa=http://www.hzswfyly.com/templets/moban/images/friend_03.gif*/ no-repeat center bottom
}
.friendlink H3 {
	WIDTH: 100%; BACKGROUND: url("18.jpg")/*tpa=http://www.hzswfyly.com/templets/moban/images/18.jpg*/ no-repeat center top; HEIGHT: 35px
}
.links {
	TEXT-ALIGN: center; PADDING-BOTTOM: 8px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; PADDING-TOP: 8px
}
.links LI {
	PADDING-BOTTOM: 3px; MARGIN: 0px auto; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 3px
}
.textlinks {
	TEXT-ALIGN: left; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.textlinks LI {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: inline; PADDING-TOP: 0px
}
.selectLink {
	BACKGROUND: red
}
.focusImg {
	BORDER-BOTTOM: #ddd 1px solid; POSITION: absolute;  MARGIN: 0px auto 20px; WIDTH: 262px; BACKGROUND: #fff; HEIGHT: 178px; RIGHT: 0px; BORDER-RIGHT: #ddd 1px solid
}
.focusImg UL {
	LIST-STYLE-TYPE: none
}
.focusImg UL LI {
	POSITION: absolute; WIDTH: 262px; TOP: 0px; LEFT: 0px
}
.focusImg UL LI DIV {
	WIDTH: 100%; HEIGHT: auto; OVERFLOW: hidden
}
.focusImg UL LI IMG {
	WIDTH: 262px; HEIGHT: 198px
}
.focusImg UL LI H4 {
	TEXT-ALIGN: center; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #fff; HEIGHT: 20px; FONT-SIZE: 14px; PADDING-TOP: 5px
}
.focusImg SPAN {
	POSITION: absolute; TEXT-ALIGN: right; FILTER: alpha(opacity=50); PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 252px; BOTTOM: 0px; PADDING-RIGHT: 5px; DISPLAY: block; BACKGROUND: #e5e5e5; HEIGHT: 14px; RIGHT: 0px; PADDING-TOP: 5px; opacity: 0.5
}
.focusImg SPAN A:link {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #f5f5f5; COLOR: #000; MARGIN-LEFT: 2px; TEXT-DECORATION: none; PADDING-TOP: 1px
}
.focusImg SPAN A:visited {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #f5f5f5; COLOR: #000; MARGIN-LEFT: 2px; TEXT-DECORATION: none; PADDING-TOP: 1px
}
.focusImg SPAN A:hover {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #000000; COLOR: #ffffff; MARGIN-LEFT: 2px; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 1px
}
.focusImg SPAN A:active {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #000000; COLOR: #ffffff; MARGIN-LEFT: 2px; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 1px
}
A:hover .a2 {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #000000; COLOR: #ffffff; MARGIN-LEFT: 2px; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 1px
}
.focusimg P {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; TEXT-INDENT: 25px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #fff; HEIGHT: 52px; OVERFLOW: hidden; PADDING-TOP: 0px
}
.downlist {
	BORDER-COLLAPSE: collapse; FONT-SIZE: 14px
}
.downlist TR TD {
	BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid
}
.downlist TR TD A {
	FONT-SIZE: 14px
}
#messageadd {
	WIDTH: 540px; BACKGROUND: #f8f8f8; COLOR: #333
}
#messageadd UL {
	LIST-STYLE-TYPE: none
}
#messageadd UL LI {
	PADDING-BOTTOM: 8px; LINE-HEIGHT: 22px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 8px
}
#messageadd UL LI SPAN {
	TEXT-ALIGN: right; WIDTH: 80px; DISPLAY: block; FLOAT: left
}
#messageadd UL LI.messagetitle {
	TEXT-ALIGN: left; PADDING-BOTTOM: 3px; TEXT-INDENT: 2em; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #f0f0f0; COLOR: #000; FONT-SIZE: 14px; FONT-WEIGHT: bold; PADDING-TOP: 3px
}
#messageadd UL LI.endli {
	TEXT-ALIGN: center
}
#jobshow {
	BACKGROUND-COLOR: #ffffff; COLOR: #333333
}
#job_book {
	BACKGROUND-COLOR: #ffffff; COLOR: #333333
}
.job_book TR TD {
	COLOR: #fff
}
#job_list {
	WIDTH: 100%
}
#job_list UL {
	LIST-STYLE-TYPE: decimal
}
.joblist A {
	COLOR: #0000ff; FONT-SIZE: 14px; FONT-WEIGHT: bold
}
.joblist LI {
	MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 22px
}
.footer-nav {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #21b0ff; PADDING-TOP: 0px
}
.footer-nav LI {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: inline; PADDING-TOP: 10px
}
.footer-nav LI A {
	COLOR: #fff
}
.footer-nav LI A:hover {
	COLOR: #f30; TEXT-DECORATION: underline
}
#copy {
	TEXT-ALIGN: left; PADDING-BOTTOM: 10px; PADDING-LEFT: 205px; WIDTH: 750px; PADDING-RIGHT: 0px; HEIGHT: auto; PADDING-TOP: 0px
}
#copy A {
	
}

#demo {
background: #000000;
overflow:hidden;

width: 3000px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 400%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}

#dem {
background: #000000;
overflow:hidden;

width: 3000px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indem {
float: left;
width: 400%;
}
#dem1 {
float: left;
}
#dem2 {
float: left;
}