*{ margin: 0; padding: 0; } a,span,img,div,li{ list-style: none; text-decoration: none; border:none; font-family: Microsoft YaHei; } body{ margin:0 auto; max-width: 1920px; background: url(wmgn-20240229-img-6.png); } .auto{ margin: 0 auto; width:1000px; } li img{ display: block; } li:hover .hide{ display: block; } .hide{ display: none; position: absolute; bottom: 0; left: 0; height: 40px; width: 100%; color: #fff; font: 16px; text-align: center; line-height: 40px; background-color: #000; background: rgba(0,0,0,0.75); -webkit-background: rgba(0,0,0,0.75); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#880000',endcolorstr='#880000'); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); } /*******head*******/ .head{ height: 822px; background: url(wmgn-20240229-img1.png) no-repeat top center; } /*******content*******/ .title{ display: block; margin:90px auto 20px; float: left; } .u1{ margin-left: 40px; float: right; overflow: hidden; } .u1 li{ margin-bottom: 10px; position: relative; } .u3{ overflow: hidden; float: left; } .u2 a{ font-size: 18px; color: #4469a4; } .u2 p{ margin-bottom: 15px; margin-top: 10px; font-size: 14px; line-height: 25px; text-indent: 2em; color: #444; } .u3 li{ float: left; width: 245px; margin-left: 6px; margin-bottom: 6px; background: #ebdaa1; } .u3 a{ display: block; padding:15px 10px; line-height: 28px; font-size: 18px; color: #7d6000; text-align:center; } .u3 p{ margin-top: 5px; text-indent: 2em; text-align: left; font-size: 13px; line-height: 23px; } .u4{ overflow: hidden; float: left; } .u4 li{ float: left; margin-left: 5px; margin-bottom: 5px; position: relative; } .u4 .hide{ font-size: 13px; } /*******foot*******/ .foot { clear: both; margin-top: 100px; width: 100%; padding: 70px 0px; background: #787878; } .foot p { width: 100%; text-align: center; line-height: 30px; font-size: 14px; color: #fff; } .jie { margin: 100px 0; padding:30px 50px; background: #4469a4; float: left; } .jie p{ color: #fff; font-size: 14px; line-height: 26px; text-indent: 2em; } .jie .yu{ margin-bottom: 10px; font-size: 20px; font-weight: 900; text-indent: 0; text-align: center; } #d_tab29{position:relative; height:500px;float: left;} #d_tab29 .d_img{position:relative;margin:0 auto;width:1000px;height:100%} #d_tab29 .d_img li{position:absolute;display:none;z-index:0} #d_tab29 .d_img li span{width: 100%;font-size: 16px;text-align:center;color: #fff;position: absolute;bottom: 0px;left: 0px;line-height: 40px;text-indent:2em;background: #000;opacity: 0.7;filter: alpha(opacity=70);_opacity: 0.7;_filter: alpha(opacity=70);} #d_tab29 .d_img li img{width:100%} #d_tab29 .d_img li.d_pos1{display:block;width:700px;left:0%;top:40px;z-index:1} #d_tab29 .d_img li.d_pos2{display:block;width:750px;left:5%;top:20px;z-index:2} #d_tab29 .d_img li.d_pos3{display:block;width:800px;left:10%;top:0px;z-index:3} #d_tab29 .d_img li.d_pos4{display:block;width:750px;right:5%;top:20px;z-index:2} #d_tab29 .d_img li.d_pos5{display:block;width:700px;right:0%;top:40px;z-index:1} #d_tab29 .d_next{position:absolute;right:0%;top:240px;z-index:10;cursor:pointer} #d_tab29 .d_prev{position:absolute;left:0%;top:240px;z-index:10;cursor:pointer}