.wp{position: relative; max-width: 1920px; min-width: 1280px; min-height: 2440px; margin: 0 auto; background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/bg-wp.jpg") no-repeat top center #2e2620; overflow: hidden;}
.sec{position: relative; width: 100%;}
.sec1{height: 1600px;}
.logo{display: block; position: absolute; left: 65px; top: 0; z-index: 10; width: 235px; height: 94px; background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/logo.png") no-repeat;}
.nav-official{display: -webkit-flex; display: flex; position: absolute; z-index: 10; right: 5px; top: 0; width: 510px; height: 50px; background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/nav-official.png") no-repeat; justify-content: space-between;} .nav-official a{display: block; width: 245px; height: 100%;}
.outlink-news{position: absolute; top: 543px; left: 50%; width: 604px; height: 60px; margin-left: -341px;} .outlink-news a{display: block; width: 604px; height: 60px; background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/btn-outlink.png") no-repeat;} .outlink-news:after{display: block; content: attr(words); font-size:18px; color:#000; text-align:center; margin-top:10px; letter-spacing:6px;}
.nav-events{display: flex; display: -webkit-flex; position: absolute; top: 715px; left: 50%; width: 887px; margin-left: -483px; justify-content: space-between; -webkit-justify-content: space-between;} .nav-events:after{position: absolute; left: 50%; top: -47px; content: ''; width: 1054px; height: 47px; margin-left: -515px; background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/img-line.png") no-repeat; -webkit-animation: fadeInDown .5s .2s ease both; -moz-animation: fadeInDown .5s .2s ease both; -o-animation: fadeInDown .5s .2s ease both; animation: fadeInDown .5s .2s ease both;}
@-webkit-keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translateY(-10px)} 100%{opacity: 1; -webkit-transform: translateY(0)}}
@-moz-keyframes fadeInDown{0%{opacity: 0; -moz-transform: translateY(-10px)} 100%{opacity: 1; -moz-transform: translateY(0)}}
@-o-keyframes fadeInDown{0%{opacity: 0; -o-transform: translateY(-10px)} 100%{opacity: 1; -o-transform: translateY(0)}}
@keyframes fadeInDown{0%{opacity: 0; transform: translateY(-10px)} 100%{opacity: 1; transform: translateY(0)}}
.nav-events a{display: block; position: relative; width: 65px; height: 256px; -webkit-transition: transform .2s; -moz-transition: transform .2s; -ms-transition: transform .2s; -o-transition: transform .2s; transition: transform .2s;} .nav-events a:hover{-webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px);}
.nav-events .btn-event1{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/event01.png") no-repeat;}
.nav-events .btn-event2{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/event02.png") no-repeat;}
.nav-events .btn-event3{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/event03.png") no-repeat;}
.nav-events .btn-event4{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/event04.png") no-repeat;}
.nav-events .btn-event5{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/event05.png") no-repeat;}
.nav-events .btn-event6{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/event06.png") no-repeat;}
.nav-events .btn-event7{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/event07.png") no-repeat;}
.nav-events .btn-event8{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/event08.png") no-repeat;}
.nav-events .btn-event9{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/event09.png") no-repeat;}
.nav-events .btn-event10{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/event10.png") no-repeat;}
.nav-events div{display: flex; display: -webkit-flex; width: 389px; justify-content: space-between; -webkit-justify-content: space-between; -webkit-animation: fadeInDown .5s .4s ease both; -moz-animation: fadeInDown .5s .4s ease both; -o-animation: fadeInDown .5s .4s ease both; animation: fadeInDown .5s .4s ease both;}
.ico-arrow{display: block; position: absolute; bottom: 215px; left: 50%; width: 142px; height: 84px; margin-left: -71px; background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/ico-arrow.png") no-repeat; animation: x1 0.8s infinite; -webkit-animation: x1 0.8s infinite; -moz-animation: x1 0.8s infinite; -o-animation: x1 0.8s infinite;}
@keyframes x1{0%, 100%{transform: translate(0, 0);} 25%{transform: translate(0, -6px);} 75%{transform: translate(0, -12px);}}
@-webkit-keyframes x1{0%, 100%{-webkit-transform: translate(0, 0);} 25%{-webkit-transform: translate(0, -6px);} 75%{-webkit-transform: translate(0, -12px);}}
@-moz-keyframes x1{0%, 100%{-moz-transform: translate(0, 0);} 25%{-moz-transform: translate(0, -6px);} 75%{-moz-transform: translate(0, -12px);}}
@-o-keyframes x1{0%, 100%{-o-transform: translate(0, 0);} 25%{-o-transform: translate(0, -6px);} 75%{-o-transform: translate(0, -12px);}}
.bg-video{position: absolute; display: block; min-height: 100%; min-width: 100%; width: 1920px; height: 1180px; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.outlink-news, .nav-events, .ico-arrow{z-index: 5;}.sec2{position: relative; padding: 60px 0 200px 0;}
.wp-nav{position: absolute; z-index: 10; top: 20px; right: 60px; width: 100px; height: 797px; padding-top: 42px; background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/nav-right2.png") no-repeat top center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .wp-nav .btn-top{display: block; position:relative; z-index:5; width: 81px; height: 80px; margin: 0 auto; background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/btn-top.png") no-repeat;}
.nav-popup a{display: block; position: relative; width: 100px; height: 100px; margin: 0 auto -20px auto; transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s;}
.nav-popup .btn-event1{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num1.png") no-repeat;}
.nav-popup .btn-event2{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num2.png") no-repeat;}
.nav-popup .btn-event3{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num3.png") no-repeat;}
.nav-popup .btn-event4{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num4.png") no-repeat;}
.nav-popup .btn-event5{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num5.png") no-repeat;}
.nav-popup .btn-event6{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num6.png") no-repeat;}
.nav-popup .btn-event7{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num7.png") no-repeat;}
.nav-popup .btn-event8{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num8.png") no-repeat;}
.nav-popup .btn-event9{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num9.png") no-repeat;}
.nav-popup .btn-event10{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num10.png") no-repeat;}
.nav-popup .btn-event1:hover, .nav-popup .btn-event1.on{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num1-on.png") no-repeat;}
.nav-popup .btn-event2:hover, .nav-popup .btn-event2.on{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num2-on.png") no-repeat;}
.nav-popup .btn-event3:hover, .nav-popup .btn-event3.on{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num3-on.png") no-repeat;}
.nav-popup .btn-event4:hover, .nav-popup .btn-event4.on{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num4-on.png") no-repeat;}
.nav-popup .btn-event5:hover, .nav-popup .btn-event5.on{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num5-on.png") no-repeat;}
.nav-popup .btn-event6:hover, .nav-popup .btn-event6.on{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num6-on.png") no-repeat;}
.nav-popup .btn-event7:hover, .nav-popup .btn-event7.on{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num7-on.png") no-repeat;}
.nav-popup .btn-event8:hover, .nav-popup .btn-event8.on{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num8-on.png") no-repeat;}
.nav-popup .btn-event9:hover, .nav-popup .btn-event9.on{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num9-on.png") no-repeat;}
.nav-popup .btn-event10:hover, .nav-popup .btn-event10.on{background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/num10-on.png") no-repeat;}
.article{display: none; position: relative; width: 990px; margin: 0 auto;}
.article1{display: block}
.h5-title{position: relative; width: 648px; height: 102px; margin: 0 auto 65px auto; background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/bg-title.png") no-repeat; text-align: center; line-height: 102px;} .h5-title img{vertical-align: middle;}
.wp-content{position: relative; width: 100%; z-index: 10; font-size: 16px; color: #e2dfd9; line-height: 40px; padding: 0 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.article p,
.article li{position: relative; padding-left: 120px;}
.article strong{display: block; position: absolute; top: 5px; left: 0; width: 110px; height: 30px; line-height: 30px; color: #e2dfd9; font-weight: bold; text-align: right;} .article strong:after{display: block; content: ''; position: absolute; left: 0; top: 7px; width: 16px; height: 16px; background: url("https://static.web.sdo.com/cq/pic/act/2022/w/0909xflyy/ico1.png") no-repeat center;}
.hl1{color: #ff9900;}
.hl2{color: #00cbff;}
.article a{color: #00cbff; text-decoration: underline;}
table{position: relative; margin: 10px 0 20px 120px; border-collapse: collapse; text-align: center; font-size: 15px !important;} table p{padding-left: 0 !important; width: 100% !important;} table strong{display: inline-block !important; position: relative !important; top: auto !important; left: auto !important; padding: 0 !important; margin: 0 !important; background: none !important; color: #e2dfd9 !important; width: auto !important; white-space: nowrap;} table strong:after{display: none !important;} table th{font-weight: bold;} table td, table th{border: 1px solid #e2dfd9; padding: 2px} table strong:after{display: none !important;}
.article .wp-content img{margin: 10px 10px 10px 0; max-width: 90%;}
.img-sp img{margin: 0 5px !important; vertical-align: middle}