/* 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-width: 1280px; min-height: 2200px; background: #501300 url("https://static.web.sdo.com/cq/pic/act/2017/web/0103xq/wrapbg.jpg") no-repeat center top; position: relative; overflow: hidden;}
.top_nav{width: 145px; height: 38px; position: absolute; right: 0; top: 21px; background-color: #450202; z-index: 10; font-size: 14px; line-height: 38px; color: #bf9d69;}
.top_nav a{font-size: 14px; line-height: 38px; color: #bf9d69;}
.top_nav span{margin: 0 5px;}
.top_navbg{position: absolute; left: -36px; top: 0; width: 36px; height: 38px; cursor: pointer; background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0103xq/top.png") no-repeat center top;}

.wrapper01{  width: 100%;  height: 1097px; }
.top{width: 1280px; height: 1097px; margin: 0 auto; position: relative;}
.logo{position: absolute; top: 40px; left: 145px;}
.logo img{width: 260px;}
.nav{position: absolute; top: 0; left: 550px; width: 188px; min-height: 1000px; background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0103xq/time.png") no-repeat center top;}
.nav a{position: absolute; left: 17px; display: block; width: 154px; height: 154px; background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0103xq/navbg.png") no-repeat center top; text-align: center;}
.nav1{top: 244px; z-index: 1;}
.nav2{top: 364px; z-index: 2;-webkit-animation:bounceInDown1 .5s ease both;animation:bounceInDown1 .5s ease both;}
.nav3{top: 484px; z-index: 3;-webkit-animation:bounceInDown2 .5s .5s ease both;animation:bounceInDown2 .5s .5s ease both;}
.nav4{top: 604px; z-index: 4;-webkit-animation:bounceInDown3 .5s 1s ease both;animation:bounceInDown3 .5s 1s ease both;}
.nav5{top: 724px; z-index: 5;-webkit-animation:bounceInDown4 .5s 1.5s ease both;animation:bounceInDown4 .5s 1.5s ease both;}
.foot{position: absolute; left: 85px; top: 875px; width: 18px; height: 191px; background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0103xq/foot.png") no-repeat center top;-webkit-animation:bounceInDown5 2.1s ease both;animation:bounceInDown5 2.1s ease both;}

@keyframes bounceInDown1{ 0%{opacity:0;top:244px} 100%{top:364px}}
@-webkit-keyframes bounceInDown1{ 0%{opacity:0;top:244px} 100%{top:364px}}
@keyframes bounceInDown2{ 0%{opacity:0;top:344px} 100%{top:484px}}
@-webkit-keyframes bounceInDown2{ 0%{opacity:0;top:344px} 100%{top:484px}}
@keyframes bounceInDown3{ 0%{opacity:0;top:444px} 100%{top:604px}}
@-webkit-keyframes bounceInDown3{ 0%{opacity:0;top:444px} 100%{top:604px}}
@keyframes bounceInDown4{ 0%{opacity:0;top:544px} 100%{top:724px}}
@-webkit-keyframes bounceInDown4{ 0%{opacity:0;top:544px} 100%{top:724px}}
@keyframes bounceInDown5{ 0%{top:396px} 25%{top:518px} 50%{top:636px} 75%{top:756px} 100%{top:875px}}
@-webkit-keyframes bounceInDown5{ 0%{top:396px} 25%{top:518px} 50%{top:636px} 75%{top:756px} 100%{top:875px}}

.nav a h2{width: 100%; margin: 28px 0 18px 0; text-align: center; font-size: 20px; color: #a40e0e;}

.wrapper02{
    width: 100%;
    min-height: 600px;
    position: relative;
}
.main{width: 1280px; min-height: 600px; margin: 0 auto;position: relative;}
.front{position: absolute;z-index: 5;top: 0;left: -200px;width: 2168px;height: 1315px;background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0103xq/front.png") no-repeat center top}
.container{width: 1135px; margin-left: 145px;position: relative;}
.container p{width: 650px; font-size: 16px; line-height: 34px; color: #e6cbb3; padding-left: 130px; position: relative; margin-bottom: 5px;}
.container p span{position: absolute; left: 0; top: 2px; display: block; width: 115px; height: 30px; background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0103xq/tbg.png") no-repeat center top; text-align: center; line-height: 30px;}
.container p i{color: #e3a55b;}
.content1,.content2{width: 970px; min-height: 500px; padding-left: 165px; padding-bottom: 20px;}
.content1{background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0103xq/conbg1.jpg") repeat-y;}
.content2{background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0103xq/conbg2.jpg") repeat-y;}
.con{position: relative;z-index: 10}
.title{width: 511px; height: 79px; margin-bottom: 40px; text-align: center; background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0103xq/titlebg.png") no-repeat center top;}
.title img{margin-top: 12px;}
.imgbox{width: 720px; margin-left: 130px;}
.imgbox2{width: 800px; margin-left: 20px}
.imgbox img{padding: 6px; margin: 20px 0 20px 10px; border: 2px solid #b32316;}
table{margin: 15px 0 20px 150px; text-align: center; color: #e6cbb3;}
table th{height: 56px; line-height: 56px; font-size: 18px; font-weight: bold;}
table tr{height: 43px; line-height: 43px; font-size: 16px;}
table td{border: 1px solid #e6cbb3;}
table th{border: 1px solid #e6cbb3;}
table span.y_color{color: #e3a55b}

.float{position: fixed; right: 0; top: 35px; width: 180px; height: 510px; display: none;z-index: 20}
.float_left,.float_right{float: left; position: relative; z-index: 8;}
.line{position: absolute; right: 38px; top: 5px; z-index: 6; width: 0; height: 350px; border-left: 2px dotted #eda243;}
.float_left{width: 120px; overflow: hidden;}
.float_right{width: 42px; overflow: hidden;}
.float_left div{float: left; width: 120px; height: 46px; margin-bottom: 22px; background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0103xq/flbg.png") no-repeat center top; font-size: 14px; line-height: 18px; text-align: center; color: #f0b456; cursor: pointer;}
.float_left div p{width: 62px; height: 35px; margin: 4px 0 0 32px;}
.float_left div:hover,.float_left div.float_on{background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0103xq/flbgc.png") no-repeat center top; color: #501300;}
.float_right div{float: left; width: 42px;cursor: pointer; height: 42px; margin: 2px 0 24px; text-align: center; line-height: 42px; font-size: 20px; color: #a40e0e; background: url("https://static.web.sdo.com/cq/pic/act/2017/web/0103xq/flnumbg.png") no-repeat center top;}
.float_right div.go_top{margin-bottom: 6px; font-size: 14px; cursor: pointer;}
.float_right a{float: left; margin: 3px;}