.layout-all{width:100%; height:auto; overflow:hidden;}
.topImg1{width:100%; height:400px; background:url(topimg1.jpg) center top no-repeat;}
.topImg2{width:100%; height:430px; background:url(topimg2.jpg) center top no-repeat;}
.book-box{width:100%; height:1015px; background:url(book-bg.jpg) center top no-repeat; position:relative;}
.focusBox {position: relative; width:920px; height:615px; overflow: hidden; padding:128px 60px;}
.focusBox .pic{ position:relative; z-index:0;}
.focusBox .pic img { width:920px; height:615px; display: block;}
.focusBox .prev,
.focusBox .next {width:66px; height:66px;  position: absolute; top:50%; margin-top:-30px; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=50);opacity:0.5;}
.focusBox .prev {left:0; background:url(left.png) no-repeat 0 0;}
.focusBox .next {right:0; background:url(right.png) no-repeat 0 0;}
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=100) !important;opacity:1.0 !important;}
.icon-box{position:absolute;}
.book{width:260px; height:210px; background:url(book.png) 0 0 no-repeat; left:50%; margin-left:-700px; top:685px; z-index:100;}
.tree{width:1000px; height:150px; background:url(tree.png) 0 0 no-repeat; left:50%; margin-left:-450px; top:660px; z-index:99;}
.pen{width:180px; height:250px; background:url(pen.png) 0 0 no-repeat; left:50%; margin-left:490px; top:500px; z-index:99;}