.wp{position: relative; margin: 0 auto; max-width: 1920px; min-width: 1280px;overflow: hidden;}
.sec{position: relative; width: 100%;}
.sec1{height: 1291px; background: url("https://static.web.sdo.com/cq/pic/act/2020/w/0117yshc/bg-sec1.jpg") no-repeat top center;}
.logo,.nav-top{display: block; position: absolute; z-index: 5;}
.logo{top:70px; left:50%; width: 235px;height: 94px; margin-left: -815px; background: url("https://static.web.sdo.com/cq/pic/act/2020/w/0115ysjl/logo.png") no-repeat;}
.nav-top{left: 50%; top:360px; margin-left: 392px; width: 100px; transform: rotateZ(-15deg); -webkit-transform: rotateZ(-15deg); -moz-transform: rotateZ(-15deg); -ms-transform: rotateZ(-15deg); -o-transform: rotateZ(-15deg);}
.nav-top a{display: block; width: 100%; height: 50px;}
.nav-events{position: absolute; left: 50%; top:640px; margin-left: -545px;}
.nav-events .nav-p1,.nav-events .nav-p2{position: absolute;}
.nav-events .nav-p1{top:0; left: 0; width: 610px; height: 237px; background: url("https://static.web.sdo.com/cq/pic/act/2020/w/0117yshc/nav-p1.png") no-repeat; -webkit-animation:fadeInLeft .7s .2s ease both; -moz-animation:fadeInLeft .7s .2s ease both; -o-animation:fadeInLeft .7s .2s ease both; animation:fadeInLeft .7s .2s ease both;}
@-webkit-keyframes fadeInLeft{0%{opacity:0; -webkit-transform:translateX(-20px)} 100%{opacity:1; -webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0; -moz-transform:translateX(-20px)} 100%{opacity:1; -moz-transform:translateX(0)}}
@-o-keyframes fadeInLeft{0%{opacity:0; -o-transform:translateX(-20px)} 100%{opacity:1; -o-transform:translateX(0)}}
@keyframes fadeInLeft{0%{opacity:0; transform:translateX(-20px)} 100%{opacity:1; transform:translateX(0)}}
.nav-events .nav-p2{left: -87px; top:234px; width: 720px; height: 215px; background: url("https://static.web.sdo.com/cq/pic/act/2020/w/0117yshc/nav-p2.png") no-repeat; -webkit-animation:fadeInRight .7s .3s ease both; -moz-animation:fadeInRight .7s .3s ease both; -o-animation:fadeInRight .7s .3s ease both; animation:fadeInRight .7s .3s ease both;}
@-o-keyframes fadeInRight{0%{opacity:0; -o-transform:translateX(20px)} 100%{opacity:1; -o-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0; -moz-transform:translateX(20px)} 100%{opacity:1; -moz-transform:translateX(0)}}
@-webkit-keyframes fadeInRight{0%{opacity:0; -webkit-transform:translateX(20px)} 100%{opacity:1; -webkit-transform:translateX(0)}}
@keyframes fadeInRight{0%{opacity:0; transform:translateX(20px)} 100%{opacity:1; transform:translateX(0)}}
.nav-events a{display: block; position: absolute; width: 37px;}
.nav-events .nav-p1 a{top:107px; height: 130px;}
.nav-events .btn-event1{left: 110px;}
.nav-events .btn-event2{left: 210px;}
.nav-events .btn-event3{left: 311px;}
.nav-events .btn-event4{left: 411px;}
.nav-events .btn-event5{left: 511px;}
.nav-events .nav-p2 a{top:106px; height: 109px;}
.nav-events .btn-event6{left: 97px;}
.nav-events .btn-event7{left: 197px;}
.nav-events .btn-event8{left: 298px;}
.nav-events .btn-event9{left: 398px;}
.nav-events .btn-event10{left: 498px;}
.sec2{padding-top: 195px; padding-bottom: 200px; min-height: 700px; background: url("https://static.web.sdo.com/cq/pic/act/2020/w/0117yshc/bg-sec2.jpg") no-repeat top center #9c060c;}
.wp-nav-popup{position: absolute; z-index: 10; left: 50%; top:79px; width: 1382px; height: 133px; margin-left: -691px; background: url("https://static.web.sdo.com/cq/pic/act/2020/w/0117yshc/bg-nav-popup.png") no-repeat;}
.nav-popup{width: 1220px; height: 104px; margin: 6px auto ;}
.nav-popup a{display: block; float: left; width: 122px; height: 104px;}
.nav-popup .btn-event1.on,.nav-popup .btn-event1:hover{background: url("https://static.web.sdo.com/cq/pic/act/2020/w/0117yshc/n1-hover.png") no-repeat;}
.nav-popup .btn-event2.on,.nav-popup .btn-event2:hover{background: url("https://static.web.sdo.com/cq/pic/act/2020/w/0117yshc/n2-hover.png") no-repeat;}
.nav-popup .btn-event3.on,.nav-popup .btn-event3:hover{background: url("https://static.web.sdo.com/cq/pic/act/2020/w/0117yshc/n3-hover.png") no-repeat;}
.nav-popup .btn-event4.on,.nav-popup .btn-event4:hover{background: url("https://static.web.sdo.com/cq/pic/act/2020/w/0117yshc/n4-hover.png") no-repeat;}
.nav-popup .btn-event5.on,.nav-popup .btn-event5:hover{background: url("https://static.web.sdo.com/cq/pic/act/2020/w/0117yshc/n5-hover.png") no-repeat;}
.nav-popup .btn-event6.on,.nav-popup .btn-event6:hover{background: url("https://static.web.sdo.com/cq/pic/act/2020/w/0117yshc/n6-hover.png") no-repeat;}
.nav-popup .btn-event7.on,.nav-popup .btn-event7:hover{background: url("https://static.web.sdo.com/cq/pic/act/2020/w/0117yshc/n7-hover.png") no-repeat;}
.nav-popup .btn-event8.on,.nav-popup .btn-event8:hover{background: url("https://static.web.sdo.com/cq/pic/act/2020/w/0117yshc/n8-hover.png") no-repeat;}
.nav-popup .btn-event9.on,.nav-popup .btn-event9:hover{background: url("https://static.web.sdo.com/cq/pic/act/2020/w/0117yshc/n9-hover.png") no-repeat;}
.nav-popup .btn-event10.on,.nav-popup .btn-event10:hover{background: url("https://static.web.sdo.com/cq/pic/act/2020/w/0117yshc/n10-hover.png") no-repeat;}
.article{position: relative; display: none; width: 930px; margin: 0 auto; font-size: 16px; color: #dedbd5; line-height: 36px;}
.article1{display: block;}
.article h5{height: 96px; text-align: center; line-height: 96px; margin-bottom: 60px;}
.article h5 img{vertical-align: middle;}
.btn-top{display: block; position: absolute; left: 50%; bottom: 70px; width: 154px; height: 58px; margin-left: -77px; background: url("https://static.web.sdo.com/cq/pic/act/2020/w/0117yshc/btn-top.png") no-repeat;}
.article p,.article li{position: relative; padding-left: 120px;}
.article strong{display: block; position: absolute; top:6px; left: 0; width: 105px; height: 26px; line-height: 26px; color: #9c060c; font-weight: bold; background-color: #d6ccb3; text-align: center;border-radius: 26px;}
.article img{margin: 10px 10px 10px 0; max-width:95%;}
.highlight1{color: #ff9900;}
.highlight2{color: #9bedff;}
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: #dedbd5!important; width:auto !important;}
table strong:after{display: none !important;}
table th{font-weight: bold;}
table td, table th{border: 1px solid #dedbd5;padding: 2px}