@charset "utf-8"; /* 背景图 */ .back div { padding-bottom: 100px; } /* 内容区 */ .con { width: 100%; background: #fff; padding: 60px 0; } .con img { display: block; margin: 0 auto; } .con div .Asia, .con div .Europe, .con div .Africa, .con div .North, .con div .America, .con div .Australia{ position:relative; } .con div .Asia div.asia{ width: 310px; border:1px solid #333333; display:none; position:absolute; top: -600px; right: 170px; } .con div .Europe div.europe{ width: 300px; border:1px solid #333333; display:none; position:absolute; top: -550px; right: 550px; } .con div .Africa div.africa{ width: 300px; border:1px solid #333333; display:none; position:absolute; top: -300px; right: 510px; } .con div .North div.north{ width: 300px; border:1px solid #333333; display:none; position:absolute; top: -700px; left: 290px; } .con div .America div.america{ width: 300px; border:1px solid #333333; display:none; position:absolute; top: -464px; left: 188px; } .con div .Australia div.australia{ width: 310px; border:1px solid #333333; display:none; position:absolute; top: -250px; right: 80px; } .con div ul li a{ display:block; width:100%; line-height: 35px; font-size: 18px; color: #115e6e; /* border-top:1px solid #333333; */ text-align: center; background: #ffffff; word-wrap: break-word; word-break:normal; } .con div ul li:hover a{color: #ffffff;background: #0060cb;} .con div .Asia:hover div.asia, .con div .Europe:hover div.europe, .con div .Africa:hover div.africa, .con div .North:hover div.north, .con div .America:hover div.america, .con div .Australia:hover div.australia{display:block;}