#slider { width: 100%; min-width: 1000px; height: 360px; position: relative; overflow: hidden; background: #fff; text-align: center; } #slider .bd { width: 1000px; position: absolute; left: 50%; margin-left: -500px } #slider .bd li { width: 1000px; overflow: hidden; } #slider .bd li img { display: block; width: 1000px; height: 360px; } #slider .tempwrap { overflow: visible !important } #slider .tempwrap ul { margin-left: -1000px !important; } #slider .hd { position: absolute; width: 100%; left: 0; z-index: 1; height: 8px; bottom: 20px; text-align: center; } #slider .hd li { display: inline-block; *display: inline; zoom: 1; width: 8px; height: 8px; line-height: 99px; overflow: hidden; background: 0 -10px no-repeat; margin: 0 5px; cursor: pointer; filter: alpha(opacity=60); opacity: 0.6; } #slider .hd li.on { background-position: 0 0; filter: alpha(opacity=100); opacity: 1; } #slider .pnbtn { position: absolute; z-index: 1; top: 0; width: 100%; height: 360px; cursor: pointer; } #slider .prev { left: -50%; margin-left: -500px; } #slider .next { left: 50%; margin-left: 500px; } #slider .pnbtn .blackbg { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 360px; background: #fff; filter: alpha(opacity=50); opacity: 0.5; } #slider .pnbtn .arrow { display: none; position: absolute; top: 0; z-index: 1; width: 60px; height: 360px; } #slider .pnbtn .arrow:hover { filter: alpha(opacity=60); opacity: 0.6; } #slider .prev .arrow { right: 0; background: -120px 0 no-repeat; } #slider .next .arrow { left: 0; background: 0 0 no-repeat; } #main { width: 1000px; margin: 0px auto; margin-top: 30px; position: relative; } #main .apply { width: 306px; height: 401px; float: left; overflow: hidden; } #main .block_top { position: relative; height: 25px; width: 306px; border-bottom: 1px solid #1d50a2; color: #1d50a2; font-size: 16px; cursor: default; } #main .block_top .more { position: absolute; right: 0px; top: 5px; font-size: 12px; } #main .block_top .more a { color: #959595; } #main .apply .block { width: 306px; height: 105px; margin-top: 20px; } #main .apply .text { float: right; margin-top: 5px; color: } #main .news { width: 306px; height: 401px; margin-left: 41px; float: left; overflow: hidden; } #main .news ul { margin-top: 20px; } #main .news ul li { padding-left: 10px; background: no-repeat 3px 9px; line-height: 20px; height: 59px; } #main .announcement { width: 306px; height: 401px; margin-left: 41px; float: left; overflow: hidden; } #main .announcement .block { position: relative; width: 306px; height: 74px; border-bottom: 1px dotted #adadad; } #main .announcement .block .date { padding-top: 20px; margin-right: 17px; width: 35px; text-align: center; line-height: 20px; font-size: 14px; color: #1d50a2; } #main .announcement .block .title { position: absolute; left: 52px; top: 20px; padding-left: 20px; height: 40px; overflow: hidden; border-left: 2px solid #adadad; line-height: 20px; font-size: 12px; } #main .links { width: 1000px; margin: 0px auto; margin-top: 25px; } #main .links .links_top { width: 1000px; height: 20px; background-image: ; } #main .links .links_top .text { width: 62px; height: 20px; margin: 0px auto; font-size: 16px; text-align: center; color: #1d50a2; background-color: white; } #main .links ul li { padding-left: 10px; background: no-repeat 3px 6px; float: left; margin: 30px 9px; overflow: hidden; }