/* 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: 1880px; min-width: 1280px; position: relative;background-color: #1a0b06}
.wrap1{width: 100%; height: 969px; background: url("wrap1_18.jpg") no-repeat center top; position: relative;}
.wrapper1{width: 1280px; height: 100%; margin: 0 auto; position: relative;}
.top-nav{position: absolute; left: 320px; width: 830px; height: 54px; padding-left: 30px;}
.top-nav a{float: left; width: 217px; height: 54px; margin-left: -30px; position: relative;}
.top-nav3,.top-nav4{background: url("sprite.png")}
.top-nav2{background: url("guide.png") -217px -0px no-repeat ;z-index: 3}
.top-nav2:hover{background: url("guide.png") -0px -54px no-repeat }
.top-nav1{background: url("guide.png") -217px -54px no-repeat;z-index: 4}
.top-nav1:hover{background: url("guide.png")  -0px -0px no-repeat }
.top-nav3{background-position: -217px -213px; z-index: 2}
.top-nav3:hover{background-position: -217px -267px;}
.top-nav4{background-position: -0px -213px ;z-index: 1}
.top-nav4:hover{background-position: -0px -267px;}
.logo{position: absolute; top: 8px; left: -55px; width: 270px; z-index: 10;}
.logo img{width: 270px;}
.slogan{position: absolute; top: 200px; left: 235px; width: 319px; height: 562px; background: url("slogan.png") no-repeat center top; animation:scale1 0.6s .5s both; -webkit-animation:scale1 0.6s .5s both;}
@-webkit-keyframes scale1{0%{opacity:0;-webkit-transform:scale(1.5,1.5);}80%{-webkit-transform:scale(.8,.8);}100%{opacity:1;-webkit-transform:scale(1,1);}}
@keyframes scale1{0%{opacity:0;transform:scale(1.5,1.5);}80%{transform:scale(.8,.8);}100%{opacity:1;transform:scale(1,1);}}
.date{position: absolute; top: 355px; left: 585px; width: 79px; height: 261px; background: url("date2.png") no-repeat center top; }
.vercike {
    position: absolute;
    top: 630px;
    right: 377px;
    width: 54px;
    height: 177px;
    background: url("vercike.png") no-repeat center top;
}
/*.mov{position: absolute; top: 505px; left: 596px; width: 90px; height: 90px; background: url("http://static.sdg-china.com/cqyh/pic/web/guide/mov.png") no-repeat center top;}*/
.tips{position: absolute; bottom: 15px; right: 170px; font-size: 12px; color: #25de3a;}
/*左边浮动*/
.float-left{position: fixed; top: 0; left: 31px; width: 192px; height: 492px; background: url("float_left1.png") no-repeat center top; z-index: 11; animation:bounceInDown 1s .2s ease both; -webkit-animation:bounceInDown 1s .2s ease both; -moz-animation:bounceInDown 1s .2s ease both;}
@keyframes bounceInDown{0%{opacity:0; transform:translateY(-1000px)} 60%{opacity:1; transform:translateY(20px)} 80%{opacity:1; transform:translateY(-10px)} 100%{opacity:1; transform:translateY(0)}}
@-webkit-keyframes bounceInDown{0%{opacity:0; -webkit-transform:translateY(-1000px)} 60%{opacity:1; -webkit-transform:translateY(20px)} 80%{-webkit-transform:translateY(-10px)} 100%{-webkit-transform:translateY(0)}}
@-moz-keyframes bounceInDown{0%{opacity:0; -moz-transform:translateY(-1000px)} 60%{opacity:1; -moz-transform:translateY(20px)} 80%{-moz-transform:translateY(-10px)} 100%{-moz-transform:translateY(0)}}
.float-left a{float: left; width: 192px;}
.guide{height: 96px;}

.fl1:hover,.fl2:hover,.fl3:hover,.fl4:hover{ background: url("sprite.png")}

.fl1{height: 75px}
.fl1:hover{background-position: -192px -134px}
.fl2{height: 72px}
.fl2:hover{background-position: -576px -134px}
.fl3{height: 79px}
.fl3:hover{background-position: 0 -134px}
.fl4{height: 75px}
.fl4:hover{background-position: -384px -134px}
.fl-close{height: 95px}
/*右边分享*/
.float-share{position: absolute; top: 14px; right: 73px; width: 135px; height: 40px;z-index: 10}
.float-share a{float: left; width: 40px; height: 40px; margin-right: 5px;}
.wx{background: url("wx.png") no-repeat center top}
.sina{background: url("sina.png") no-repeat center top}
.tencent{background: url("tencent.png") no-repeat center top}
.wx-img{position: absolute; top: 44px; left: -77px; width: 194px; height: 203px; background: url("wx_img.png") no-repeat center top;display: none}
/*下部分*/
.wrap2{width: 100%; height: 911px; background: url("wrap2_18.jpg") no-repeat center top;}
.wrapper2{width: 1280px; height: 100%; margin: 0 auto;}
/*焦点图*/
.main{width: 1220px; height: 294px; padding-top: 37px; margin: 0 auto;}
.focus{float: left; width: 880px; height: 294px;}
.banner{width: 880px; height: 294px; position: relative;}
.focus .bd{width: 880px; height: 294px; position: relative; overflow: hidden; z-index: 8;}
.focus .bd li{width: 880px; height: 294px; -webkit-animation:pulse .5s ease both; -ms-animation:pulse .5s ease both; position: relative;}
.focus .bd li a{float: left; width: 880px; height: 294px;}
@-webkit-keyframes pulse{0%{opacity: 0;-webkit-transform:scale(1.2)} 100%{opacity: 1;-webkit-transform:scale(1)}}
@-ms-keyframes pulse{0%{opacity: 0;-ms-transform:scale(1.2)} 100%{opacity: 1;-ms-transform:scale(1)}}
.hd{position: absolute; bottom: 15px; right: 10px; width: 150px; height: 15px; z-index: 10;}
.hd li{float: left; width: 15px; height: 15px; border-radius: 15px; margin: 0 5px; background-color: #ffffff; cursor: pointer;transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;}
.hd li.on{background-color: #a87947;width: 40px}
.bd li a span{display: block; width: 868px; height: 282px; position: absolute; top: 0; left: 0; margin: 5px; border: 1px solid rgba(56, 36, 9, 0.75);}
/*菜单*/
.main-btn{float: left; width: 313px; height: 294px; margin-left: 27px;}
.main-btn a{float: left;}
.yd-btn{background: url("sprite.png");}
.yd-btn{width: 313px; height: 134px; background-position: -0px -0px;}
.yd-btn:hover{background-position: -313px -0px;}
.btn-box a{width: 156px; height: 80px;}
.btn1,.btn2,.btn3,.btn4{background: url("btnbg.jpg")}
.btn1{background-position: 0 0}
.btn1:hover{background-position: 0 -160px}
.btn2{background-position: 156px 0}
.btn2:hover{background-position: 156px -160px}
.btn3{background-position: 0 -80px}
.btn3:hover{background-position: 0 -240px}
.btn4{background-position: 156px -80px}
.btn4:hover{background-position: 156px -240px}
/*底部*/
.foot{width: 1280px; height: auto; padding-top: 72px;}
.foot-title{width: 935px; height: 67px; margin: 0 auto; background: url("title.png") no-repeat center top;}
.foot-con{width: 1254px; height: 350px; padding-top: 30px; padding-left: 26px;}
.foot-con div{transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;}
.foot-con .con{float: left; width: 244px; height: 313px; margin-left: 2px; cursor: pointer; position: relative; overflow: hidden;}
.con1{margin-top: 36px; background: url("boxbg1.png") no-repeat center top;}
.con2{background: url("boxbg2.png") no-repeat center top;}
.foot-con .con:hover{background: url("boxh.jpg") no-repeat center top;}
.num{position: absolute; top: 42px; left: 76px; width: 91px; height: 109px; background: url("numbg.png") no-repeat center top; font-size: 30px; line-height: 91px; text-align: center; color: #a87947;}
.con-txt{position: absolute; top: 150px; left: 16px; width: 205px; height: 62px; padding-top: 13px; background: url("line.png") no-repeat center top; font-size: 16px; line-height: 24px; font-weight: bold; color: #d4b373; text-align: center;}
.h-t1{position: absolute; top: -60px; width: 100%; height: 90px; font-size: 16px; line-height: 24px; font-weight: bold; color: #d4b373; text-align: center;}
.h-t2{position: absolute; top: 330px; left: 22px; width: 200px; font-size: 14px; color: #e6cc99; line-height: 24px;}
.foot-con .con:hover .h-t2{opacity: 1; top: 135px;}
.foot-con .con:hover .num{opacity: 0; top: -60px;}
.foot-con .con:hover .con-txt{top: 35px; background: none;}
/*视频*/
.alertBox {width:828px; height:488px;position:fixed;_position:absolute;z-index:1001;display:none; top:50%; left:50%; margin:-280px 0 0 -434px;_top:expression(documentElement.scrollTop + 330 + "px")}
.close {width:47px; height:46px;cursor:pointer; position:absolute;text-indent:-9999px;top:-47px; right:5px;background:url(s1_close.png) center top no-repeat;}
.alertCon { position:relative;}
.conCon{width:828px; height:488px; float:left;display:inline;background:url(loading.gif) center center no-repeat #000;}
.conCon_load{width:828px; height:488px; line-height:620px; position:absolute;left:0;top:0; font-size:28px; color:#9d9d9d; text-align:center; z-index:2;}
.conCon_con{width:828px; height:488px;position:absolute;left:0;top:0; z-index:3;}
#dialog-overlay {width:100%;height:100%;filter:alpha(opacity=80);_filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;position:fixed;_position:absolute;background:#000;top:0; left:0;z-index:1000;display:none;}
/*右浮动*/
/*.float-right{position: absolute; right: 0; top: 640px; width: 166px; height: 312px; background: url("http://static.sdg-china.com/cqyh/pic/web/guide/fl_right.jpg");}*/
/*.float-right-fixed{position: fixed; top: 0; right: 0;}*/
/*.float-right-close{position: absolute; top: 0; right: 0; width: 28px; height: 28px; z-index: 12;}*/
/*.float-link{position: absolute; top: 0; left: 0; width: 166px; height: 312px; z-index: 10;}*/
