.wp{position: relative; width: 100%; max-width: 1920px; min-width: 1280px; height: 1080px; background: url("https://static.web.sdo.com/xyx/pic/act/2021/1213cms/bg-wp.jpg") no-repeat top center; margin: 0 auto; overflow: hidden;}
.logo{display: block; position: absolute; z-index: 10; left: 15px; top: 10px; width: 177px; height: 95px; background: url("https://static.web.sdo.com/xyx/pic/act/2021/1213cms/logo.png") no-repeat;}
.nav-official{position: absolute; top: 25px; right: 20px; z-index: 10; width: 52px; height: 155px; background: url("https://static.web.sdo.com/xyx/pic/act/2021/1213cms/nav-official.png") no-repeat; overflow: hidden;}
.nav-official a{display: block; width: 52px; height: 52px; border-radius: 100%;}
h6.date{position: absolute; top: 397px; left: 50%; width: 296px; height: 41px; margin-left: -296px; font-size: 20px; font-weight: bold; color: #ece1cc; text-align: center; line-height: 41px;}
.wp-events{position: absolute; left: 50%; top:515px; margin-left: -500px; -webkit-animation: fadeInUp .3s .4s ease both; -moz-animation: fadeInUp .3s .4s ease both; -o-animation: fadeInUp .3s .4s ease both; animation: fadeInUp .3s .4s ease both;}
@-webkit-keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translateY(15px)} 100%{opacity: 1; -webkit-transform: translateY(0)}}
@-moz-keyframes fadeInUp{0%{opacity: 0; -moz-transform: translateY(15px)} 100%{opacity: 1; -moz-transform: translateY(0)}}
@-o-keyframes fadeInUp{0%{opacity: 0; -o-transform: translateY(15px)} 100%{opacity: 1; -o-transform: translateY(0)}}
@keyframes fadeInUp{0%{opacity: 0; transform: translateY(15px)} 100%{opacity: 1; transform: translateY(0)}}
.wp-events span{display: block; position: relative; float: left; width: 370px; height: 385px; margin-right: -35px; border-radius: 100%;}
.wp-events .btn-event1{background: url("https://static.web.sdo.com/xyx/pic/act/2021/1213cms/event01.png") no-repeat;}
.wp-events .btn-event2{background: url("https://static.web.sdo.com/xyx/pic/act/2021/1213cms/event02.png") no-repeat;}
.wp-events span a{display: block; position: absolute; left: 50%; top:80px; width: 180px; height: 180px; margin-left: -90px; border-radius: 100%;}