.wp{position: relative; width: 100%; max-width: 1920px; min-width: 1280px; min-height: 1680px; margin: 0 auto; background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/bg-wp.jpg") no-repeat top center #fcf2dc; overflow: hidden;}
.logo{display: block; position: absolute; top:15px; left: 50%; z-index: 5; width: 172px; height: 93px; margin-left:-470px; background: url("https://static.web.sdo.com/xyx/pic/act/2020/0707/logo.png") no-repeat;}
.sec{position: relative; width: 100%;}
.sec1{height: 1200px;}
.nav-official{position: absolute; top:0; right:40px; z-index: 5; width: 109px; height: 374px; padding-top: 19px; background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/nav-official.png") no-repeat;}
.nav-official,.sec1 .nav-events a,.sec2,.wrap-scroll{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.nav-official a{display: block; width: 50px; height: 50px; margin: 0 auto 8px auto; border-radius: 50px;}
.nav-official a.btn-back{height: 100px;}
.sec1 .nav-events{position: absolute; top:171px; left: 50%; margin-left: -611px;}
.sec1 .nav-events a{position: absolute; display: block; width: 140px; padding: 90px 33px 0 33px; font-size: 24px; color: #8a241e; font-weight: bold; line-height: 35px; text-align: center;}
.sec1 .nav-events a:after{display: block; content: ''; position: absolute; left: 50%; width: 50px; height: 24px; margin-left: -25px; background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/ico-arrow.png") no-repeat; -webkit-transition: transform .2s; -moz-transition: transform .2s; -ms-transition: transform .2s; -o-transition: transform .2s; transition: transform .2s;}
.sec1 .nav-events a:hover:after{-webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px);}
.sec1 .nav-events .btn-event1:after,.sec1 .nav-events .btn-event3:after{bottom: 25px;}
.sec1 .nav-events .btn-event2:after,.sec1 .nav-events .btn-event4:after,.sec1 .nav-events .btn-event5:after{bottom: 84px;}
.sec1 .nav-events .btn-event1{top:0; left: 0; height: 330px;}
.sec1 .nav-events .btn-event2{left: 0; top:334px; height: 390px;}
.sec1 .nav-events .btn-event3{top:0; left:172px; height: 267px;}
.sec1 .nav-events .btn-event4{top:267px; left:172px; height: 330px;}
.sec1 .nav-events .btn-event5{top:0; left:344px; height: 420px;}
.sec1 .nav-events a em{display: block; float: left; width: 25px; margin: 0 4px; letter-spacing: 1px; -webkit-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; writing-mode: vertical-lr;}
.sec2{padding: 25px 0 100px 0;}
.nav-popup{position: absolute;z-index: 20; top:65px; right: 25px;}
.nav-popup:after,.nav-popup:before{display: block; content: ''; position: absolute; left: 50%; width: 11px; height: 51px; margin-left: -5px;}
.nav-popup:after{top:-50px; background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/ico-rect1.png") no-repeat;}
.nav-popup:before{bottom:-49px; background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/ico-rect2.png") no-repeat;}
.nav-popup a,.nav-popup .btn-top{display: block; position: relative; width: 183px; height: 63px; margin-bottom: 34px; cursor: pointer;}
.nav-popup a:after{display: block; position: absolute; left: 50%; bottom: -34px; content: ''; width: 1px; height: 36px; margin-left: -1px; background-color: #661200;}
.nav-popup .btn-event1{background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/nav-1.png") no-repeat;}
.nav-popup .btn-event2{background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/nav-2.png") no-repeat;}
.nav-popup .btn-event3{background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/nav-3.png") no-repeat;}
.nav-popup .btn-event4{background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/nav-4.png") no-repeat;}
.nav-popup .btn-event5{background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/nav-5.png") no-repeat;}
.nav-popup .btn-event1:hover,.nav-popup .btn-event1.on{background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/nav-1-on.png") no-repeat;}
.nav-popup .btn-event2:hover,.nav-popup .btn-event2.on{background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/nav-2-on.png") no-repeat;}
.nav-popup .btn-event3:hover,.nav-popup .btn-event3.on{background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/nav-3-on.png") no-repeat;}
.nav-popup .btn-event4:hover,.nav-popup .btn-event4.on{background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/nav-4-on.png") no-repeat;}
.nav-popup .btn-event5:hover,.nav-popup .btn-event5.on{background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/nav-5-on.png") no-repeat;}
.btn-top{background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/btn-top.png") no-repeat; margin-bottom: 0 !important;}
.article{display: none; position: relative; width: 1024px; padding-top: 190px; margin: 0 auto; background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/bg-top.png") no-repeat top center; font-size: 16px; color: #663333; line-height: 36px;}
.article1{display: block}
.article h5{position: absolute; width: 100%; top:-72px; left:23px; text-align: center;}
.wrap-scroll{width: 100%; padding: 0 34px 30px 34px; background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/bg-mid.png") repeat-y;}
.wrap-scroll:after{display: block; position: absolute; left: 0; bottom: -50px; content: ''; width: 1024px; height: 50px; background: url("http://static.web.sdo.com/xyx/pic/act/2020/0927gq/01/bg-bottom.png") no-repeat;}
.article h3{text-align: center; font-weight: bold; font-size: 20px; margin-bottom: 20px; padding-top: 30px;}
.article p,.article li{position: relative; padding-left: 120px;}
.article2 .img2 img{width: 250px;}
.article5 .img2 img{height: 300px;}
.article strong{display: block; position: absolute; top:3px; left: 0; width: 108px;height: 30px; line-height: 30px; color: #fff; font-weight: bold; background-color: #ca0d09;border-radius: 30px; text-align: center;}
.article img{margin: 10px 10px 10px 0; max-width:95%;}
.highlight1{color: #cc3300;}
.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: #663333!important; width:auto !important;}
table strong:after{display: none !important;}
table th{font-weight: bold;}
table td, table th{border: 1px solid #663333;padding: 2px}
@media screen and (max-width: 1440px){.nav-popup{display: none;}}