.banner { width: 100%; height: 480px; margin-bottom: 40px; overflow: hidden; position: relative; } .banner .btns { width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; z-index: 10; } .banner .prev { left: 50px; background: url(/uploads/image/wsimages/icon.png) no-repeat; background-position: 0 -113px; } .banner .next { right: 50px; background: url(/uploads/image/wsimages/icon.png) no-repeat; background-position: 0 -170px; } .img-list { position: absolute; top: 0; left: 0; } .img-list li { float: left; } .bullets { position: absolute; left: 50px; bottom: 20px; overflow: hidden; } .bullets li { float: left; margin-right: 8px; } .bullets li a { display: block; width: 12px; height: 12px; border-radius: 50%; border: #fff 2px solid; box-sizing: border-box; } .bullets li .active { border: none; background: #8a8466; } .hot,.tab { float: left; width: 500px; } .title { height: 40px; border-bottom: #dedfe2 2px solid; box-sizing: border-box; margin-bottom: 15px; text-align: left; } .p1 { color: #777777; text-align: justify; line-height: 25px; } .tab { width: 412px; margin-left: 40px; } .tab .title span { color: #777777; font-size: 14px; font-weight: bold; display: inline-block; height: 28px; padding-top: 2px; margin-right: 40px; } .current-tab { border-bottom: #b30000 2px solid; } .tab .title a { float: right; color: #999999; font-size: 12px; padding-top: 4px; } .p1 a { display: block; color: #777777; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .sidebar { float: right; } .sidebar video { width: 196px; height: 120px; } .cooperation { padding: 0 50px; } .p2 { font-size: 18px; margin-top: 40px; margin-bottom: 15px; } .hzhb { width: 100%; padding: 1px 0; border: #dedfe2 1px solid; background: #f5f5f5; overflow: hidden; } .left,.rig { display: block; width: 40px; height: 86px; float: left; } .hzhb .left { background: url(/uploads/image/wsimages/icon.png) no-repeat; background-position: 13px 30px; } .hzhb .rig { background: url(/uploads/image/wsimages/icon.png) no-repeat; background-position: -45px 30px; } .hzhb-show { width: 1100px; height: 86px; background: #fff; float: left; overflow: hidden; } .hzhb-list { overflow: hidden; position: relative; } .hzhb-list li { float: left; }