/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote{margin:0;padding:0;}
body{font-family:"Microsoft YaHei",Helvetica,Georgia,Arial,sans-serif;}
p,h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;margin: 0}
address, caption, cite, code, dfn, em, th, var, optgroup{font-style:inherit;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
img{vertical-align:top;border:none;}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;}
.clearit{clear:both;*display:inline;}
/*a:focus{-moz-outline-style: none;}*/
.h_20{width:100%;height:20px}
.h_30{width:100%;height:30px}
.h_40{width:100%;height:40px}
.h_50{width:100%;height:50px}
.h_60{width:100%;height:60px}
.h_70{width:100%;height:70px}
.fl{float:left;}
.fr{float:right;}
i,em{font-style:normal;}
iframe{border: 0; padding: 0; margin: 0;}
ul{margin: 0; padding: 0;}
/*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/
.wrap{width: 100%; min-height: 1080px; max-width: 1920px; min-width: 1280px; background: #31003c url("https://static.web.sdo.com/xyx/pic/act/2017/1024/wrap.jpg") no-repeat center top; position: relative; overflow: hidden;}
.top-nav{position: absolute; top: 19px; right: 25px; width: 252px; height: 34px; border-radius: 34px; background-color: #e36953; text-align: center; color: #ffffff;}
.top-nav a{margin:0 3px; line-height: 34px; color: #ffffff; font-size: 14px;}
.logo{width: 100%; height: 103px; text-align: center; padding-top: 19px;}
.wrapper{width: 1280px; min-height: 1080px; position: relative; margin: 0 auto;}
.top{width: 1280px; height: 1080px; position: relative;}
.time{width: 310px; height: 20px; line-height: 20px; font-size: 20px; color: #e2b44e; text-align: center; margin-top: 290px; margin-left: 530px;}
.nav-box{width: 780px; height: 421px; margin-left: 395px; margin-top: -6px; text-align: center; position: relative; z-index: 11;}
.nav{float: left; width: 156px; height: 325px; margin: 0 10px;}
.nav1{background: url("https://static.web.sdo.com/xyx/pic/act/2017/1024/sprite.png") -0px -0px; margin-top: 96px}
.nav1:hover,.nav1.on{background: url("https://static.web.sdo.com/xyx/pic/act/2017/1024/sprite.png") -0px -325px;}
.nav2{background: url("https://static.web.sdo.com/xyx/pic/act/2017/1024/sprite.png") -156px -0px; margin-top: 64px}
.nav2:hover,.nav2.on{background: url("https://static.web.sdo.com/xyx/pic/act/2017/1024/sprite.png") -156px -325px;}
.nav3{background: url("https://static.web.sdo.com/xyx/pic/act/2017/1024/sprite.png") -312px -0px; margin-top: 32px}
.nav3:hover,.nav3.on{background: url("https://static.web.sdo.com/xyx/pic/act/2017/1024/sprite.png") -312px -325px;}
.nav4{background: url("https://static.web.sdo.com/xyx/pic/act/2017/1024/sprite.png") -468px -0px;}
.nav4:hover,.nav4.on{background: url("https://static.web.sdo.com/xyx/pic/act/2017/1024/sprite.png") -468px -325px;}
.front{position: absolute; bottom: -20px; left: 215px; width: 1301px; height: 508px; background: url("https://static.web.sdo.com/xyx/pic/act/2017/1024/piao.png") no-repeat center top; z-index: 5;}
.gui-wrap{position: absolute; top: 170px; left: 1050px; width: 544px; height: 740px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation: rotateReverse 2s infinite linear; animation: rotateReverse 2s infinite linear;}
.gui{position: relative; top: -8px; width: 544px; height: 740px; z-index: 5; background: url("https://static.web.sdo.com/xyx/pic/act/2017/1024/gui.png") no-repeat center top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation: rotateKnight 2s infinite linear; animation: rotateKnight 2s infinite linear;}
@-webkit-keyframes rotateKnight{0%{-webkit-transform: rotateZ(0deg); transform: rotateZ(0deg);} 100%{-webkit-transform: rotateZ(360deg); transform: rotateZ(360deg);} }
@keyframes rotateKnight{0%{-webkit-transform: rotateZ(0deg); transform: rotateZ(0deg);} 100%{-webkit-transform: rotateZ(360deg); transform: rotateZ(360deg);} }
@-webkit-keyframes rotateReverse{0%{-webkit-transform: rotateZ(0deg); transform: rotateZ(0deg);} 100%{-webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg);} }
@keyframes rotateReverse{0%{-webkit-transform: rotateZ(0deg); transform: rotateZ(0deg);} 100%{-webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg);} }
.mid{display: none;}
.content{width: 990px; padding-top: 140px; min-height: 500px; margin: 0 auto; font-size: 16px; color: #f4d9a6; line-height: 36px; padding-bottom: 50px; position: relative;}
.title{margin-left: 50px; margin-bottom: 65px;}
.content p{width: 760px; padding-left: 140px; position: relative;margin-left: 50px}
.content h1{width: 760px; text-indent: 32px; padding-left: 140px;font-size: 20px;font-weight: bold;margin: 20px}
.content p span{position: absolute; left: 0; top: 2px; padding: 0 15px; height: 28px; text-align: center; line-height: 28px; color: #31003c; font-size: 16px; border-radius: 28px;background-color: #f4d9a6}
.content i{color: #e2a021;}
.content .img-box{margin-left: 190px}
.content .img-box img{margin: 5px 10px;}
table{text-align: center; color: #f4d9a6;margin:20px 0 20px 190px}
table th{height: 56px; line-height: 56px; font-size: 16px; font-weight: bold;}
table tr{height: 43px; line-height: 43px; font-size: 16px;}
table td{border: 1px solid #f4d9a6;}
table th{border: 1px solid #f4d9a6;}
.con{display: none;}
.con1{display: block;}
.float-left{position: absolute; left: 50px; top: 0; width: 76px; height: 440px; text-align: center; display: none;}
.fl-left{display: block; width: 32px; height: 32px; background: url("https://static.web.sdo.com/xyx/pic/act/2017/1024/float.png") no-repeat center top; margin: 0 auto 41px auto; position: relative;}
.fl-left:after{position: absolute; left: 50%; margin-left: -1px; bottom: -35px; content: ""; width: 2px; height: 29px; background-color: #663034;}
.fl01.active{width: 76px; height: 76px; background: url("https://static.web.sdo.com/xyx/pic/act/2017/1024/event1.png") no-repeat center top;}
.fl02.active{width: 76px; height: 76px; background: url("https://static.web.sdo.com/xyx/pic/act/2017/1024/event2.png") no-repeat center top;}
.fl03.active{width: 76px; height: 76px; background: url("https://static.web.sdo.com/xyx/pic/act/2017/1024/event3.png") no-repeat center top;}
.fl04.active{width: 76px; height: 76px; background: url("https://static.web.sdo.com/xyx/pic/act/2017/1024/event4.png") no-repeat center top;}
.fl-top{display: block; width: 58px; height: 58px; margin: 0 auto; background: url("https://static.web.sdo.com/xyx/pic/act/2017/1024/top.png") no-repeat center top;}