.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/03/bg-wp.jpg") no-repeat top center; margin: 0 auto; overflow: hidden;}
.logo{display: block; position: absolute; left:20px; top:10px; width: 230px; height: 118px; background: url("https://static.web.sdo.com/xyx/pic/logo_new/logo-230.png") no-repeat;}
.nav-official{position: absolute; right: 65px; top:17px;}
.nav-official a{display: block; width: 75px; height: 28px; margin: 0 5px; border-radius: 28px; background-color: rgba(0,0,0,.5); line-height: 28px; border: 2px solid #c9915d; color: #c9915d; font-size: 18px; text-align: center; float: left;}
.date{position: absolute; left:50%; top:495px; width:494px; margin-left:-494px; color: #f0d178; font-size: 24px; font-weight: bold; text-align: center;}
.nav-events{position: absolute; top:630px; left: 50%; margin-left: -553px;}
.nav-events a{display: block; float: left; width: 190px; height: 253px;}
.nav-events .btn-event1{margin-right: 45px;}
.popup{display: none; position: absolute; top:0; left: 0; z-index: 9000; width: 100%; height: 100%; background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/03/bg-popup.jpg") top center;}
.nav-popup{position: absolute; top:157px; left: 50%; margin-left: -710px;}
.nav-popup a{display: block; position: absolute;}
.nav-popup .btn-event1{top:0; left: 0; z-index: 5; width: 168px; height: 248px; background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/03/nav-event1.png") no-repeat 13px 0;}
.nav-popup .btn-event1:hover,.nav-popup .btn-event1.on{background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/03/nav-event1-on.png") no-repeat;}
.nav-popup .btn-event2{top:210px; left: 15px; width: 177px; height: 263px; background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/03/nav-event2.png") no-repeat 17px -1px;}
.nav-popup .btn-event2:hover,.nav-popup .btn-event2.on{background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/03/nav-event2-on.png") no-repeat;}
.btn-close{display: block; position: absolute; top:176px; left: 50%; width: 46px; height: 45px; margin-left:584px; ; background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/03/btn-close.png") no-repeat; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s;}
.btn-close:hover{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.article{display: none; position: absolute; left: 50%; top:255px; width: 914px; margin-left: -390px; font-size: 16px; color: #5c3c2b; line-height: 36px;}
.article .wrap-scroll{width: 100%; height:555px;}
.article h2{width: 624px; height: 63px; line-height: 63px; text-align: center; background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/03/bg-act.png") no-repeat; font-size: 30px; color: #fee2ae; font-weight: bold; margin: 40px auto 30px auto;}
.article p,.article li{position: relative; padding-left: 105px;}
.article2 .img2 img{width: 250px;}
.article5 .img2 img{height: 300px;}
.article strong{display: block; position: absolute; top:3px; left: 0; width: 94px;height: 30px; line-height: 30px; color: #fee2ae; font-weight: bold; background-color: #a91b00;border-radius: 30px; text-align: center;}
.article img{margin: 10px 10px 10px 0; max-width:95%;}
.highlight1{color: #a91b00;}
.highlight2{color: #3e98f0;}
table{position: relative; width: 80%; margin: 10px 0 20px 120px; border-collapse: collapse; text-align: center;}
table p{padding-left: 0 !important; width: 100% !important;}
table strong{display: inline-block !important; position: relative !important; top: auto !important; left: auto !important; background: none !important; color: #5c3c2b!important; width:auto !important;}
table strong:after{display: none !important;}
table th{font-weight: bold;}
table td, table th{border: 1px solid #5c3c2b;padding: 2px}