.wp{position: relative; width: 100%; max-width: 1920px; min-width: 1280px; height: 1080px; background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/bg-wp.jpg") no-repeat top center; margin: 0 auto; overflow: hidden;}
.logo{display: block; position: absolute; left:20px; top:20px; width: 230px; height: 118px; background: url("https://static.web.sdo.com/xyx/pic/logo_new/logo-230.png") no-repeat;}
.nav-official{position: absolute; top:15px; right:25px; z-index: 20; width: 174px;height: 52px; background: url("https://static.web.sdo.com/xyx/pic/act/2020/0907qjwm/nav-official.png") no-repeat;}
.nav-official a{display: block; float: left; width: 33.33333%; height: 100%;}
.wp-events{position: absolute; left: 50%; top: 520px; width: 990px; margin-left: -495px;}
.wp-events a{display: block; position: absolute; top:0; width: 217px; height: 308px;}
.wp-events .btn-event1{left:85px ;}
.wp-events .btn-event2{left:348px ;}
.wp-events .btn-event3{left:610px ;}