.wp{position: relative; max-width: 1920px; min-width: 1280px; min-height: 2200px; margin: 0 auto; background: url("../img/bg-wp.jpg") no-repeat top center #480000; overflow: hidden;}
.sec{position: relative; width: 100%;}
.sec1{height: 1080px;}
.nav-events{position: absolute; left: 50%; top: 588px; margin-left: -706px; z-index: 10; width:1070px; height:255px; background: url(../img/btn-events.png)}
.slogan{z-index: 10; position:absolute; top:585px; left:50%; width: 463px; height: 103px; margin-left:375px; background: url(../img/time.png);}
.nav-events a{display: block; position: absolute; width: 78px; height: 78px;}
.nav-events .btn-event1,.nav-events .btn-event3,.nav-events .btn-event5,.nav-events .btn-event7,.nav-events .btn-event9,.nav-events .btn-event11{top: 37px;}
.nav-events .btn-event2,.nav-events .btn-event4,.nav-events .btn-event6,.nav-events .btn-event8,.nav-events .btn-event10{top: 133px;}
.nav-events .btn-event1{left: 37px;}
.nav-events .btn-event3{left: 219px;}
.nav-events .btn-event5{left: 401px;}
.nav-events .btn-event7{left: 581px;}
.nav-events .btn-event9{left: 763px;}
.nav-events .btn-event11{left: 943px;}
.nav-events .btn-event2{left: 127px;}
.nav-events .btn-event4{left: 308px;}
.nav-events .btn-event6{left: 489px;}
.nav-events .btn-event8{left: 672px;}
.nav-events .btn-event10{left: 851px;}
.sec2{position: relative; padding: 245px 0 100px 0;}
.wp-nav{position: absolute; top: 395px; left: 50%; z-index: 50; width: 108px; height: 506px; margin-left: 520px; background: url("../img/nav-right.png") no-repeat;}
.wp-nav a{display: block; position: absolute; width: 64px; height: 64px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.wp-nav .btn-event1,.wp-nav .btn-event3,.wp-nav .btn-event5,.wp-nav .btn-event7,.wp-nav .btn-event9,.wp-nav .btn-event11{left: 0;}
.wp-nav .btn-event2,.wp-nav .btn-event4,.wp-nav .btn-event6,.wp-nav .btn-event8,.wp-nav .btn-event10{right:0;}
.wp-nav .btn-event2{top:41px;}
.wp-nav .btn-event3{top:84px;}
.wp-nav .btn-event4{top:121px;}
.wp-nav .btn-event5{top:164px;}
.wp-nav .btn-event6{top:201px;}
.wp-nav .btn-event7{top:244px;}
.wp-nav .btn-event8{top:282px;}
.wp-nav .btn-event9{top:324px;}
.wp-nav .btn-event10{top:362px;}
.wp-nav .btn-event11{top:404px;}
.wp-nav .btn-top{right: 0; bottom: 0;}
.nav-popup a.on,.nav-popup a:hover{-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
.nav-popup .btn-event1.on,.nav-popup .btn-event1:hover{background: url("../img/num1.png") no-repeat;}
.nav-popup .btn-event2.on,.nav-popup .btn-event2:hover{background: url("../img/num2.png") no-repeat;}
.nav-popup .btn-event3.on,.nav-popup .btn-event3:hover{background: url("../img/num3.png") no-repeat;}
.nav-popup .btn-event4.on,.nav-popup .btn-event4:hover{background: url("../img/num4.png") no-repeat;}
.nav-popup .btn-event5.on,.nav-popup .btn-event5:hover{background: url("../img/num5.png") no-repeat;}
.nav-popup .btn-event6.on,.nav-popup .btn-event6:hover{background: url("../img/num6.png") no-repeat;}
.nav-popup .btn-event7.on,.nav-popup .btn-event7:hover{background: url("../img/num7.png") no-repeat;}
.nav-popup .btn-event8.on,.nav-popup .btn-event8:hover{background: url("../img/num8.png") no-repeat;}
.nav-popup .btn-event9.on,.nav-popup .btn-event9:hover{background: url("../img/num9.png") no-repeat;}
.nav-popup .btn-event10.on,.nav-popup .btn-event10:hover{background: url("../img/num10.png") no-repeat;}
.nav-popup .btn-event11.on,.nav-popup .btn-event11:hover{background: url("../img/num11.png") no-repeat;}
.article{display: none; position: relative; width: 990px; margin: 0 auto;}
.article1{display: block}
.h5-title{position: relative; width: 726px; height: 57px; margin: 0 auto 110px auto; text-align: center;}
.h5-title img{height: 100%;}
.wp-content{position: relative; width: 100%; z-index: 10; font-size: 16px; color: #dbdbdb; 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: #dbdbdb; font-weight: bold; text-align: right;}
.article strong:after{display: block; content: ''; position: absolute; left: 0; top: 7px; width: 16px; height: 16px; background: url("../img/ico1.png") no-repeat center;}
.article strong:after{display: block; content: ''; position: absolute; left: 0; top: 9px; width: 14px; height: 13px; background: url("../img/ico2.png") no-repeat;}
.hl1{color: #ffcc00;}
.hl2{color: #00cbff;}
.hl3{color: #FA0505;}
.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: #dbdbdb !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 #dbdbdb; 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}
.bg-video{position: absolute; display: block; min-height: 100%; min-width: 100%; width: 1920px; height: 1080px; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
	.music{ -webkit-animation: rotate 4s linear infinite;animation: rotate 4s linear infinite;}
	.music{width:80px;height:80px;position:fixed;background:url(../img/tubiao.png) no-repeat left top;cursor:pointer;z-index:119999;animation-play-state:paused;right:135px;top:100px;}
	.music.ro{animation-play-state:running;background-image:url(../img/tubiao.png);}

	@-webkit-keyframes rotate {
	  0%,
	  100% {-webkit-transform: rotate(0deg);}
	  100% { -webkit-transform: rotate(360deg);}
	}
	@keyframes rotate {
	  0%,
	  100% {transform: rotate(0deg); }
	  100% {transform: rotate(360deg);}
	}