@charset "utf-8";
/* CSS Document */
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.f_left{ float: left}
.f_right{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}

#content{min-width: 1200px; height: 960px; max-width: 1920px; margin: 0 auto; position: relative; background:#000 url(bg3.jpg) no-repeat center 0; overflow: hidden;}
.wenan{position: absolute;left: 35px;bottom: 10px;width: 338px;height: 46px;background: url(wenan.png) no-repeat center;z-index: 2;}
.wrap{ position: relative; width: 1300px; margin: 0 auto;}
.main{width: 860px; float: left; height: 960px;}

.audioBox{display: block; width: 47px; height: 47px; position: absolute; right: 20px; top: 20px; z-index: 10;}
.audioBox a{display: block; width: 47px; height: 47px; background: url(audio.png) no-repeat 0 0; overflow: hidden; text-indent: -999px;} 
.audioBox a.yuan{
	-webkit-animation:moveMenu 5s linear infinite;
	-moz-animation:moveMenu 5s linear infinite;
	-ms-animation:moveMenu 5s linear infinite;
	-o-animation:moveMenu 5s linear infinite;
	animation:moveMenu 5s linear infinite;
}
.audioBox a.on{background-position: 0 -47px;}
.logoImg{display: block; position: absolute; left:105px; top: 50px; width: 256px;}
.btn-video{display:block;position: absolute;left: 399px;top:499px;width:76px;height: 76px;background: url(video-btn.png) no-repeat center; }
.btn-video:hover{background-image: url(video-btn-hov.png);}
.slogan{position: absolute;left:-149px;top:133px;width:360px; z-index: 1;}
.slogan img{display: block; width: 100%;}
.tips{position: absolute;top:774px;left: 506px;width: 683px;height: 34px;background: url(tips.png) no-repeat center;}
.popMenu{width: 154px; height: 710px; left: 140px; top: 10px; position: absolute;z-index: 5;}
.menuLine{width:154px; height: 290px; background: url(line.png) no-repeat center bottom;}
.popMenu span.dian{display: block; width: 154px; height: 14px; background: url(d.png) no-repeat center center;}
.popMenu a.popLink{display: block; width: 154px; height: 58px;background:url(b0.png) no-repeat 0 0; text-align: center; color: #FFF;}
.popMenu a.popLink:hover{background-position: 0 bottom;}

.popMenu a.popLink p{height: 54px; line-height: 54px; font-size: 18px;}
.popMenu a.popLink span{display: block; font-size: 18px; line-height: 22px; padding-top: 8px;}
.popMenu a.popLink strong{display: block; font-weight:normal;}
.popCard{width: 105px; height: 124px; background: url(cardbg.png) no-repeat 0 0; margin: 0 auto;}
.popCard p{padding: 14px 0 5px 0;}
.popCard img{display: block; margin: 0 auto; width: 84px; height: 84px;}
.popCard span{display: block; text-align: center; color: #FFF; font-size: 12px;}
.btn-zhai{position: absolute;left: 92px;top:807px;width: 323px;height: 147px;background: url(btn-zhai.png) no-repeat center;text-indent: -9999px;}

.listBtn{width: 1000px; height: 156px; position: absolute; left:50%; margin-left: -470px; top: 600px; text-align: center;}
.listBtn a{display:inline-block; width: 138px;height: 154px;overflow: hidden; text-indent: -9999px; cursor: pointer; margin:0 25px;}
.listBtn a.b1{background: url(b1.png) no-repeat 0 0;}
.listBtn a.b2{background: url(b2.png) no-repeat 0 0;}
.listBtn a.b3{background: url(b3.png) no-repeat 0 0;}
.listBtn a.b4{background: url(b4.png) no-repeat 0 0;}
.listBtn a.b5{background: url(b5.png) no-repeat 0 0;}
.listBtn a.b6{background: url(b6.png) no-repeat 0 0;}
.listBtn a.b7{background: url(b7.png) no-repeat 0 0;}
.listBtn a:hover{background-position: 0 bottom;}

.listBtn2{width: 1000px; height: 156px; position: absolute; left:50%; margin-left: -470px; top: 750px; text-align: center;}
.listBtn2 a{display:inline-block; width: 138px;height: 154px;overflow: hidden; text-indent: -9999px; cursor: pointer; margin:0 25px;}
.listBtn2 a.b11{background: url(b11.png) no-repeat 0 0;}
.listBtn2 a.b12{background: url(b12.png) no-repeat 0 0;}
.listBtn2 a.b13{background: url(b13.png) no-repeat 0 0;}
.listBtn2 a.b14{background: url(b14.png) no-repeat 0 0;}
.listBtn2 a.b15{background: url(b15.png) no-repeat 0 0;}
.listBtn2 a.b16{background: url(b16.png) no-repeat 0 0;}
.listBtn2 a.b17{background: url(b17.png) no-repeat 0 0;}
.listBtn2 a:hover{background-position: 0 bottom;}

.listBtnback{width: 1000px; height: 156px; position: absolute; left:50%; margin-left: -470px; top: 750px; text-align: center;}
.listBtnback a{display:inline-block; width: 138px;height: 154px;overflow: hidden; text-indent: -9999px; cursor: pointer; margin:0 25px;}
.listBtnback a.b88{background: url(b88.png) no-repeat 0 0;}
.listBtnback a:hover{background-position: 0 bottom;}

#temp{min-width: 1200px; height: 960px; max-width: 1920px; margin: 0 auto; position: relative; background:#000 url(bg1.jpg) no-repeat center 0; overflow: hidden;}
.leftMenu{float: left; width: 260px; height: 960px; background:#0e2d32; position: relative;}
.logoImg2{display: block; position: absolute; left:50%; top: 35px; margin-left: -80px;}

.leftlink{padding: 148px 0 0 0;}
.leftlink a{display: block; width: 218px; height: 79px; margin: 0 auto; font-weight: bold; margin-bottom:6px; overflow: hidden;text-align:center;line-height:79px;background-image: url(s.png);background-repeat: no-repeat;color: #fff;font-size: 18px; cursor: pointer;}

.leftlink a:hover,.leftlink a.on{background-position: -218px 0;}
.main{width: 860px; float: left; height: 960px;}
.publicTitle{padding: 70px 0 0 0; height: 127px;}
.publicTitle img{display: block; margin: 0 auto;}
.publicScroll{width: 100%; height:750px; overflow: hidden; overflow-y: auto;}

.publicScroll::-webkit-scrollbar{width:9px; background:url(scroll_line.png) center top repeat-y;}
.publicScroll::-webkit-scrollbar-thumb{background-color:#e4ded7;} 
.pop_video {
    background: #000;
    width: 800px;
    height: 424px;
    position: relative;  
    display: none;
}
#video_main{ width:800px; height:424px; overflow:hidden;}
#video_main video{ width:100%; height:100%;}
.closeBtn {
    background: url(close.png) no-repeat;
    width: 63px;
    height: 63px;
    position: absolute;
    right: -63px;
    top: 0;
    cursor: pointer;
    display: block;
}

.mainText{width: 712px; margin: 0 auto;}
.mainText .tit{height: 50px; line-height: 50px; color:#5883d0; font-size: 30px; font-weight: bold; padding-bottom: 10px;}
.mainText .txt{color: #fff; line-height: 32px; font-size: 16px; padding-bottom: 10px;}
.mainText .txt table th{width: 155px; font-weight: normal;}
.mainText .pic{padding-bottom: 10px;}
.mainText .pic img{display: block; margin: 0 auto; max-width: 100%;}
.mainText .font{color: #ffc66b; line-height: 32px; font-size: 16px; padding-bottom: 10px;}
.infoBtn{padding: 50px 0 0 0;}
.infoBtn a.go{display: block; width: 217px; height: 60px; background: url(go.png) no-repeat 0 0; overflow: hidden; text-indent: -999px; margin:0 auto; margin-bottom: 30px;}
.infoBtn a.go:hover{/*background-position: 0 -60px;*/}
.infoBtn p{display: block; width: 585px; height: 32px; background: url(fot.png) no-repeat 0 0; margin: 0 auto; line-height: 32px; text-align: center; color: #FFF; font-size: 14px;}


@-webkit-keyframes moveMenu{
  0%{-webkit-transform: rotate(0deg);}
  100%{-webkit-transform: rotate(360deg);}
}
@-moz-keyframes moveMenu{
  0%{-moz-transform: rotate(0deg);}
  100%{-moz-transform: rotate(360deg);}
}
@-ms-keyframes moveMenu{
  0%{-ms-transform: rotate(0deg);}
  100%{-ms-transform: rotate(360deg);}
}
@-o-keyframes moveMenu{
  0%{-o-transform: rotate(0deg);}
  100%{-o-transform: rotate(360deg);}
}
@keyframes moveMenu{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}