.learn { height: 250px; background: no-repeat center center; } .learn .inner { position: relative; } .learn .tolearn { position: absolute; width: 290px; height: 170px; left: 35px; top: 30px; } .main { padding: 30px 15px; } .floor { margin-top: 40px; } .floor:first-child { margin-top: 0; } .img { font-size: 0; } .firstfloor { height: 470px; } .firstfloor .floor-l { width: 475px; } .firstfloor .floor-l .img { margin-bottom: 40px; } .firstfloor .floor-l h3 { font-size: 20px; line-height: 22px; margin-bottom: 10px; } .firstfloor p { color: #666666; line-height: 24px; padding-bottom: 10px; border-bottom: 1px dashed #666666; } .firstfloor .floor-r { width: 670px; margin-left: 20px; } .firstfloor .floor-r li { margin-bottom: 15px; } .firstfloor .floor-r h3 { line-height: 41px; font-size: 20px; } .floor .title { height: 50px; font-size: 24px; line-height: 58px; color: #fff; background: no-repeat center center; text-indent: 2em; margin-bottom: 30px; } .floor .more { color: #cb1220; font-size: 18px; font-weight: normal; } .secfloor { height: 410px; } .secfloor .floor-l { height: 300px; background: #c10101; width: 30px; padding: 110px 10px 0; text-align: center; font-size: 22px; } .secfloor .floor-l a { color: #fff; line-height: 30px; } .secfloor2{ height: 390px; } .secfloor2 .con>div{ width: 570px; } .secfloor2 h4{ font-size: 22px; line-height: 24px; margin-bottom: 20px; } .secfloor2 .stories p{ line-height: 24px; margin-bottom: 25px; } .secfloor2 li{ line-height: 32px; text-indent: 1em; background: no-repeat left center; } .secfloor2 .floor-r{ margin-left: 30px; } .thirdfloor { height: 440px; } .thirdfloor .floor-l { width: 780px; } .thirdfloor .floor-l h3 { text-align: center; font-size: 16px; line-height: 42px; font-weight: normal; margin-top: 30px; } .thirdfloor .floor-l .img{ width: 210px; margin: 0 25px; text-align: center; } .thirdfloor .floor-l h3 a { color: #333; } .thirdfloor .floor-l p a { font-size: 14px; color: #666; } .thirdfloor .floor-r { width: 350px; margin-left: 40px; } .thirdfloor .new3 { margin-bottom: 30px; } .thirdfloor .new3 li { font-size: 18px; line-height: 32px; font-weight: bold; text-align: center; } .thirdfloor .tit { text-indent: 1em; font-size: 20px; line-height: 30px; background: no-repeat; margin-bottom: 10px; } .thirdfloor .tit a { color: #cb1220; } .thirdfloor .list li { background: no-repeat left center; text-indent: 1em; color: #666666; line-height: 32px; font-size: 16px; } .listbox>div { width: 330px; } .picscroll-left { width: 1020px; overflow: hidden; position: relative; background: #f6f6f6; padding: 0 50px; } .picscroll-left .hd { overflow: hidden; height: 50px; padding: 0 10px; } .picscroll-left .hd .prev, .picscroll-left .hd .next { display: block; width: 24px; height: 46px; float: right; margin-right: 5px; margin-top: -23px; overflow: hidden; cursor: pointer; position: absolute; top: 50%; } .picscroll-left .hd .next { right: 20px; background: center center; } .picscroll-left .hd .prev { left: 20px; background: center center; } .picscroll-left .bd ul { overflow: hidden; zoom: 1; } .picscroll-left .bd ul li { margin: 0 11px; width: 230px; float: left; _display: inline; overflow: hidden; text-align: center; } .picscroll-left .bd ul li .pic { text-align: center; } .picscroll-left .bd ul li .pic img { width: 230px; height: 289px; display: block; } .picscroll-left .bd ul li .pic a:hover img { border-color: #999; } .picscroll-left .bd ul li .title { padding: 15px 22px 0; line-height: 18px; font-size: 14px; background: none; margin-bottom: 0; text-align: center; text-indent: 0; } .picscroll-left .bd ul li .title a{ color: #333; } .picscroll-left .bd ul li .title a:hover{ color: #cb1220; }