/* 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%; height: 1080px; max-width: 1920px; min-width: 1280px; margin: 0 auto; background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/wrap.jpg") no-repeat center top; position: relative;}
.wrapper{width: 1280px; height: 1074px; margin: 0 auto; position: relative; padding-top: 6px;}
.top-nav{z-index: 11; position: absolute; right: 270px; top: 30px;}
.top-nav a{float: left; width: 68px; height: 37px; font-size: 17px; color: #f6e6cb;text-align: center; line-height: 37px; margin-right: 15px;}
.top-nav a:hover{text-decoration: underline}
.logo{z-index: 11; position: absolute; left: 255px; top: 10px;}
.nav-box{width: 100%; height: 450px; margin-top: 600px; position: relative;}
.nav{display: block; position: absolute; width: 192px; height: 193px; background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/navbg.png") no-repeat center top;}
.nav1{top: 0; left: 99px}
.nav2{top: 0; left: 315px}
.nav3{top: 0; left: 531px}
.nav4{top: 112px; left: -12px}
.nav5{top: 112px; left: 207px}
.nav6{top: 112px; left: 423px}
.nav7{top: 112px; left: 642px}
.nav8{top: 223px; left: 99px}
.nav9{top: 223px; left: 531px}
.num{width: 192px; height: 50px; line-height: 45px; margin-top: 16px; font-size: 17px; color: #9c8764; font-weight: bold; text-align: center;}
.nav-t{width: 141px; height: 60px; margin: 2px auto 0 auto; background:url(../images/sprite.png) no-repeat;}
.nav1{animation:bounceIn 1s .2s ease both;-ms-animation:bounceIn ms1s .2s ease both;-webkit-animation:bounceIn 1s .2s ease both;-moz-animation:bounceIn 1s .2s ease both;}
.nav2{animation:bounceIn 1s .4s ease both;-ms-animation:bounceIn ms1s .4s ease both;-webkit-animation:bounceIn 1s .4s ease both;-moz-animation:bounceIn 1s .4s ease both;}
.nav3{animation:bounceIn 1s .2s ease both;-ms-animation:bounceIn ms1s .2s ease both;-webkit-animation:bounceIn 1s .2s ease both;-moz-animation:bounceIn 1s .2s ease both;}
.nav4{animation:bounceIn 1s .6s ease both;-ms-animation:bounceIn ms1s .6s ease both;-webkit-animation:bounceIn 1s .6s ease both;-moz-animation:bounceIn 1s .6s ease both;}
.nav5{animation:bounceIn 1s 1.2s ease both;-ms-animation:bounceIn ms1s 1.2s ease both;-webkit-animation:bounceIn 1s 1.2s ease both;-moz-animation:bounceIn 1s 1.2s ease both;}
.nav6{animation:bounceIn 1s 1s ease both;-ms-animation:bounceIn ms1s 1s ease both;-webkit-animation:bounceIn 1s 1s ease both;-moz-animation:bounceIn 1s 1s ease both;}
.nav7{animation:bounceIn 1s .7s ease both;-ms-animation:bounceIn ms1s .7s ease both;-webkit-animation:bounceIn 1s .7s ease both;-moz-animation:bounceIn 1s .7s ease both;}
.nav8{animation:bounceIn 1s .6s ease both;-ms-animation:bounceIn ms1s .6s ease both;-webkit-animation:bounceIn 1s .6s ease both;-moz-animation:bounceIn 1s .6s ease both;}
.nav9{animation:bounceIn 1s .8s ease both;-ms-animation:bounceIn ms1s .8s ease both;-webkit-animation:bounceIn 1s .8s ease both;-moz-animation:bounceIn 1s .8s ease both;}
.nav-t1{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -1380px;}
.nav-t2{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -1260px;}
.nav-t3{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -1500px}
.nav-t4{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -1740px;}
.nav-t5{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -1620px;}
.nav-t6{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -900px;}
.nav-t7{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -780px;}
.nav-t8{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -1140px;}
.nav-t9{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -1020px;}
.nav1:hover .nav-t1{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -1440px;}
.nav2:hover .nav-t2{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -1320px;}
.nav3:hover .nav-t3{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -1680px;}
.nav4:hover .nav-t4{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -1560px;}
.nav5:hover .nav-t5{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -840px;}
.nav6:hover .nav-t6{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -720px;}
.nav7:hover .nav-t7{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -960px;}
.nav8:hover .nav-t8{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -1200px;}
.nav9:hover .nav-t9{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -1080px;}
@keyframes bounceIn{0%{opacity:0;transform:scale(.3)} 50%{opacity:1;transform:scale(1.05)} 70%{transform:scale(.9)} 100%{transform:scale(1)}}
@-ms-keyframes bounceIn{0%{opacity:0;-ms-transform:scale(.3)} 50%{opacity:1;-ms-transform:scale(1.05)} 70%{-ms-transform:scale(.9)} 100%{-ms-transform:scale(1)}}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)} 50%{opacity:1;-webkit-transform:scale(1.05)} 70%{-webkit-transform:scale(.9)} 100%{-webkit-transform:scale(1)}}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)} 50%{opacity:1;-moz-transform:scale(1.05)} 70%{-moz-transform:scale(.9)} 100%{-moz-transform:scale(1)}}
.overlay{position: absolute; top: 0; left: 0; width: 100%; height: 1080px; background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/popbg.jpg") no-repeat center top; z-index: 11; display: none;}
.main{width: 1280px; height: 1029px; margin: 0 auto; position: relative;}
.tab-box{float: left; width: 139px; height: 915px; padding-top: 35px; background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/float.png") no-repeat center top;}
.tab{display: block; width: 139px; height: 94px; background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/floatnav.png") no-repeat center top;}
.t-num{width: 100%; height: 37px; line-height: 37px; color: #9c8764; font-size: 12px; font-weight: bold; text-align: center;}
.tab-t{width: 95px; height: 40px; margin: 0 auto;}
.tab-t1{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -440px;}
.tab-t2{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -360px;}
.tab-t3{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -520px;}
.tab-t4{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -680px;}
.tab-t5{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -600px;}
.tab-t6{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -120px;}
.tab-t7{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -40px;}
.tab-t8{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -280px;}
.tab-t9{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -200px;}
.tab1:hover .tab-t1,.tab1.active .tab-t1{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -480px;}
.tab2:hover .tab-t2,.tab2.active .tab-t2{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -400px;}
.tab3:hover .tab-t3,.tab3.active .tab-t3{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -640px;}
.tab4:hover .tab-t4,.tab4.active .tab-t4{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -560px;}
.tab5:hover .tab-t5,.tab5.active .tab-t5{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -80px;}
.tab6:hover .tab-t6,.tab6.active .tab-t6{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 0;}
.tab7:hover .tab-t7,.tab7.active .tab-t7{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -160px;}
.tab8:hover .tab-t8,.tab8.active .tab-t8{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -320px;}
.tab9:hover .tab-t9,.tab9.active .tab-t9{background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/sprite.png") 0 -240px;}
.con{float: left; display: none; width: 690px; height: 930px; margin-left: 90px; position: relative; padding-top: 49px;}
.con2{display: block;}
.con-title{width: 990px; height: 135px;}
.con-text{width: 434px; height: 72px; font-size: 28px; color: #d8b473; font-weight: bold; text-align: center; line-height: 72px; background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/titlebg.png") no-repeat center top; margin: 0 auto;}
.container{float: left; width: 690px; height: 800px; margin-top: 50px; font-size: 14px; line-height: 30px; color: #ece4cb; overflow: auto;}
.container p{width: 530px; padding-left: 100px; position: relative;}
.container h2{width: 630px; text-indent: 32px;margin: 5px 0}
.container p span{position: absolute; left: 0; top: 2px; width: 84px; height: 26px; text-align: center; line-height: 26px; color: #060917; font-size: 14px; border-radius: 26px;background-color: #ece4cb}
.container i{color: #ff5400;}
table{text-align: center;margin: 10px 0 10px 100px;position: relative;}
table th{height: 33px; line-height: 33px; font-size: 16px; font-weight: bold;color: #ece4cb}
table tr{height: 33px; line-height: 33px; font-size: 14px;color: #ece4cb}
table td{border: 1px solid #ece4cb;}
table th{border: 1px solid #ece4cb;}
.imgbox{width: 530px;padding-left: 100px;}
.imgbox img{margin: 10px 0 10px 10px;max-width: 500px}
.back-btn{position: absolute; top: 2px; right: 228px; width: 73px; height: 136px; background: url("https://static.web.sdo.com/cq/pic/act/2018/web/0316cq/close.png") no-repeat center top; z-index: 13;}