/** *作者:焦凯旋 *时间:2017-08-08 *描述: **/ body { font-family: "微软雅黑"; background: url(/uploads/image/dimg/bg.jpg) no-repeat center top; background-color: #022742; } .g-hd { height: 88px; background: #032742; } .m-wrap { width: 1200px; margin: 0 auto; } .nav ul:before, .nav ul:after { content: " "; display: table; } .nav ul:after { clear: both; } .nav ul li { display: block; float: left; width: 114px; height: 86px; line-height: 86px; text-align: center; border-bottom: 2px solid #032742; } .nav ul li.on { border-bottom: 2px solid #eac14d; } .nav ul li.on a { color: #eac14d; } .nav ul li a { font-size: 18px; color: #ffffff; display: block; } .banner { padding-top: 656px; } .display { padding-left: 120px; background: url(/uploads/image/dimg/display_dec.png) no-repeat left top; } .display ul { margin-right: -40px; } .display ul:before, .display ul:after { content: " "; display: table; } .display ul:after { clear: both; } .display ul li { display: block; float: left; width: 248px; padding: 2px; height: 301px; text-align: center; background: url(/uploads/image/dimg/display_dec2.png) no-repeat center bottom; margin: 0 25px 25px 0; } .display-item { height: 100%; position: relative; overflow: hidden; z-index: 3; } .display-item .txtcont { width: 100%; padding-top: 50px; height: 104px; position: absolute; bottom: 0; left: 0; z-index: 1; text-align: center; background: url(/uploads/image/dimg/txtcont_dec.png) no-repeat center 6px; background-color: #4aa5f6; } .display-item .txtcont p { font-size: 16px; color: #ffffff; } .display-item button { width: 121px; height: 32px; display: inline-block; line-height: 32px; text-align: center; font-size: 14px; color: #ffffff; border: 1px solid #6eb7f8; background: #4aa5f6; } .display-item .btn-static { position: absolute; line-height: 16px; left: 36px; bottom:8px; width:178px; height:40px; padding:0px 0px 0px 0px; } .display-item .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; transition: 0.2s all; cursor: pointer; background: url(/uploads/image/dimg/cover.png) no-repeat; } .display-item .cover:hover { opacity: 1; } .intro { margin-top: 60px; } .intro .txtcont { margin: 55px 0 200px 0; padding-right: 200px; font-size: 16px; line-height: 36px; text-indent: 2em; color: #ffffff; background: url(/uploads/image/dimg/intro_dec.png) no-repeat right top; } .album { width: 600px; height: 889px; overflow: hidden; text-align: center; } .album img { width: 100%; height: 100%; }