body { background: url(/uploads/image/mzzcwdk/bg.jpg) top center no-repeat #f3f4f7; } .container { width: 1200px; margin: 0 auto; } .header { height: 660px; position: relative; } .header .logo { position: absolute; top: 20px; left: 0; } .header .back { position: absolute; top: 20px; right: 0; } .search { position: absolute; top: 360px; left: 30px; width: 580px; height: 68px; border: 1px solid #8e99e4; background: url(/uploads/image/mzzcwdk/search_icon.png) 20px center no-repeat #fff; } .search input { line-height: 68px; outline: none; border: none; margin-left: 75px; font-size: 20px; width: 410px; } .search>a { float: right; } .chn { margin-top: -110px; position: relative; } .chn ul li { width: 101px; display: block; height: 101px; border-radius: 50%; float: left; text-align: center; background: url(/uploads/image/mzzcwdk/chn_li_bg.png) center no-repeat; margin-right: 50px; } .chn ul li img { display: block; margin: auto; margin-top: 14px; } .chn ul li span { line-height: 30px; color: #fff; } .chn ul li:hover, .chn ul li.on, .chn ul li a:hover { background: url(/uploads/image/mzzcwdk/chn_li_bg_hover.png) center no-repeat; } .content { width: 1140px; margin-top: 90px; background-color: #fff; border-radius: 10px; padding: 40px 30px; } .zclist ul li { background: url(/uploads/image/mzzcwdk/zclist_li_bg.png) 910px 18px no-repeat #f3f5f7; margin-bottom: 30px; padding-bottom: 3px; border-radius: 30px; } .zclist ul li a { display: block; padding-left: 80px; background: url(/uploads/image/mzzcwdk/wen_icon.png) 31px 26px no-repeat; line-height: 80px; font-size: 18px; color: #333; } .zclist ul li>p { padding: 18px 28px; margin: 0 3px 0px; background-color: #fff; border-radius: 30px; line-height: 35px; font-size: 16px; color: #666; } .zclist ul li>p br { display: none; } .piclist { margin: 30px auto; } .piclist ul li { float: left; margin-right: 60px; } .piclist ul li:last-child { margin-right: 0; }