@charset "utf-8";
/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0; outline: none;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}

span,a,strong,div{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline: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;}
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_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_btn{display: block; overflow: hidden; text-indent: -999px; cursor: pointer; margin: 0 auto;}
.pub_btn:hover{background-position: 0 bottom;}
.pub_le{float: left}
.pub_lr{float: right;}
.pub_ib{text-align: center; display: table; word-spacing:-1em;}
.pub_text1{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pub_text2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pub_table{border-collapse: collapse; width: 100%;}
.none{display:none;}
body{background:#000; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
#content{position: relative; max-width: 1920px; margin: 0 auto; min-width: 1300px;}
.index_header{background: url(../images/header.jpg) no-repeat center 0;}
.index_main{background: url(../images/main.jpg) no-repeat center 1000px; height: 8300px;}
.section{position: relative;}
.section1{height: 956px;}
.publicMain{width: 1300px; height: 100%; margin: 0 auto; position: relative;}

.headerCont{width: 950px; position: absolute; left: 51.5%; transform: translate(-50%,0); top: 550px;}
.severCont{height: 188px; display: flex; flex-flow: wrap; justify-content: space-between;}
.serverBox{width: 376px; height: 100%;}
.serverNum{width: 376px; height: 66px; line-height: 66px; color: #ffe887; font-size: 30px; margin-bottom: 30px;}
.serverNum.b1{background: url(../images/server1_bg.png) no-repeat 0 0; text-indent: 240px;}
.serverNum.b2{background: url(../images/server2_bg.png) no-repeat 0 0; text-indent: 222px;}
.serverBox a{display: block; width: 239px; height: 68px; background-position: 0 0; background-repeat: no-repeat; cursor: pointer; margin: 0 auto;}
.serverBox a.b1{background-image: url(../images/btn_server1.png);}
.serverBox a.b2{background-image: url(../images/btn_server2.png);}
.timeBox{height: 48px; line-height: 48px; background: url(../images/timebg.png) no-repeat center 0; font-size: 20px; text-align: center; color: #FFF;}
.timeBox span{color: #ffe887;}
.golink{display: block; width: 160px; height: 42px; line-height: 42px; font-size: 16px; text-align: center; border: 1px solid #faa16a; background: rgba(115,37,27,0.5); border-radius: 6px; position: absolute; left: 50%; transform: translate(-50%,0); top: 110px; color: #ffe887; z-index: 100;}
.golink:hover{background: rgba(115,37,27,0.8);}


.publicTitle{height: 140px; background-position: center 0; background-repeat: no-repeat;}
.tit1{background-image: url(../images/tit1.png);}
.tit2{background-image: url(../images/tit2.png);}
.tit3{background-image: url(../images/tit3.png);}
.tit4{background-image: url(../images/tit4.png);}
.tit5{background-image: url(../images/tit5.png);}

.box1{width: 843px; height: 395px; margin: 0 auto; background: url(../images/box1.png) no-repeat center 0; margin-bottom: 180px;}
.box1Title{text-align: center; font-size: 20px; color: #dcd7d7; padding: 65px 0 0 0; height: 65px;}
.box1Title span{color: #ffe887;}
.listStyle{display: flex; justify-content: center;}
.listStyle li{width: 170px; height: 190px;}
.listStyle li a{display: block; width: 143px; height: 138px; background: url(../images/iconbg.png) no-repeat 0 0; margin: 0 auto; display: flex; justify-content: center; align-items: center; position: relative;}
.listStyle li a img{display: block;}
.listStyle li p{font-size: 20px; color: #e3deb9; padding-top: 16px; text-align: center;}
.listStyle li .showBox{width: 257px; height: 121px; background: url(../images/show.png) no-repeat 0 0; position: absolute; left: 50px; top: 90px; z-index: 100; display: none;}
.listStyle li .showBox div{padding: 30px 20px 0 20px; font-size: 18px; color: #e3deb9; line-height: 24px;}
.listStyle li a:hover .showBox{display: block;}

.box2Tips{padding-bottom: 30px; width: 1010px; margin: 0 auto;}
.box2Tips{font-size: 20px; color: #dcd7d7; line-height: 30px;}
.box2Tips p{padding-bottom: 18px;}
.box2Tips p span{color: #ffe887;}
.box2list{height: 400px; display: flex; flex-flow: wrap; justify-content: space-between; width: 1010px; margin: 0 auto;}
.box2li{width: 238px; height: 327px; background: url(../images/li.png) no-repeat 0 0;}
.box2Title{height: 90px; background-position: center; background-repeat: no-repeat;}
.box2Title.t1{background-image: url(../images/icon/v1.png);}
.box2Title.t2{background-image: url(../images/icon/v2.png);}
.box2Title.t3{background-image: url(../images/icon/v3.png);}
.box2Title.t4{background-image: url(../images/icon/v4.png);}

.box2Cont{width: 1001px; margin: 0 auto; height: 313px; position: relative;}
.box2Press{width: 1001px; height: 35px; background: url(../images/line_bg.png) no-repeat 0 0; position: relative;}
.box2Small{width: 946px; height: 20px; position: absolute; left: 28px; top: 7px; overflow: hidden;}
.box2Small span{display: block; width: 0%; height: 20px; background: url(../images/line_on.png) no-repeat 0 0;}
.box2Prli{width: 55px; height: 120px; position: absolute; top: -10px;}
.box2Prli span{display: block; width: 55px; height: 59px; background: url(../images/on.png) no-repeat center 0; margin-bottom: 10px;}
.box2Prli a{display: block; width: 55px; height: 28px; background-position: center 0; background-repeat: no-repeat;}
.box2Prli.s1 a{background-image: url(../images/icon/s1.png);}
.box2Prli.s2 a{background-image: url(../images/icon/s2.png);}
.box2Prli.s3 a{background-image: url(../images/icon/s3.png);}
.box2Prli.s4 a{background-image: url(../images/icon/s4.png);}

.box2Prli.s1{left: 90px;}
.box2Prli.s2{left: 308px;}
.box2Prli.s3{left: 520px;}
.box2Prli.s4{left: 838px;}
.box2Prli.on span{background-position: 0 bottom;}

.box3Cont{background: url(../images/box3.png) no-repeat center 0; height: 798px;}
.box4Cont{background: url(../images/box4.png) no-repeat center 0; height: 2970px; width: 1074px; margin: 0 auto; position: relative; margin-bottom: 210px;}
.box4Cont a{display: block; width: 289px; height: 53px; position: absolute; background-repeat: no-repeat; background-position: 0 0;}
.box4Cont a.btn1{background-image: url(../images/btn1.png); left: 175px; top: 586px;}
.box4Cont a.btn2{background-image: url(../images/btn2.png); right: 110px; top: 586px;}
.box4Cont a.btn3{background-image: url(../images/btn3.png); right: 110px; top: 1380px;}
.box4Cont a.btn4{background-image: url(../images/btn1.png); left: 175px; bottom: 90px;}
.box4Cont a.btn5{background-image: url(../images/btn1.png); right: 110px; bottom: 90px;}


.qrcode{width: 1177px; height: 656px; margin: 0 auto; background: url(../images/qrcode.png) no-repeat 0 0;}
.mediaCont{width: 1177px; margin: 0 auto; height: 310px; display: flex; flex-flow: wrap; justify-content: space-between;}
.mediali1{width: 437px; height: 283px; background: url(../images/m1.png) no-repeat 0 0;}
.mediali2{width: 720px; height: 283px; background: url(../images/m2.png) no-repeat 0 0;}
.mediaul{display: flex; justify-content: center;}
.mediaul li{width: 290px; margin: 0 18px; padding-top: 90px;}
.mediaul a img{display: block;}
.mediaul a p{text-align: center; font-size: 18px; color: #f5f1e5; padding-top: 10px;}

.loginBox{position: absolute; right: 50px; top: 35px;}
.login a{display: block; width: 129px; height: 50px; background: url(../images/login.png) no-repeat 0 0; cursor: pointer;}
.logout{color: #FFF; font-size: 16px;}
.logout a{color: #ff0;}

.lrBox{width: 162px; height: 100%; position: absolute; right: 10px; top: 0; z-index: 100; display: none;}
.navBox{width: 162px; position: fixed; top: 50%; transform: translate(0,-50%);}
.navBox a{display: block; width: 162px; height: 156px; background: url(../images/nav.png) no-repeat 0 bottom; cursor: pointer; margin-bottom: 6px;}
.navBox a span{display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat;}
.navBox a.t1 span{background-image: url(../images/n1.png);}
.navBox a.t2 span{background-image: url(../images/n2.png);}
.navBox a.t3 span{background-image: url(../images/n3.png);}
.navBox a.t4 span{background-image: url(../images/n4.png);}
.navBox a.t5 span{background-image: url(../images/n5.png);}
.navBox a.on,.navBox a:hover{background-position: 0 0;}



.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 100; display: none;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pop1{width: 869px; height: 489px; background: url(../images/pop1.png) no-repeat 0 0;}
.closeBtn{display: block; width: 64px; height: 65px; background: url(../images/close.png) no-repeat center; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: -70px; top: 0px;}


.pt1{background: url(../images/pt1.png) no-repeat center 60px; height: 150px;}
.pt2{height: 120px;}

.btnBox{display: flex; justify-content: center; padding-top: 30px;}
.btnBox a{display: block; width: 239px; height: 68px; cursor: pointer; margin: 0 auto; overflow: hidden; text-indent: -9999px;}
.btnBox a.btn_enter{background: url(../images/btn_enter.png) no-repeat 0 0;}

.msg{padding:0 30px; font-size: 36px; color: #ffffff; line-height: 50px; text-align: center; height: 190px; display: flex; justify-content: center; align-items: center;}
.msg span{color: #39b6ff;}

.subMain{}
.sublist{height: 80px;}
.sublist select{display: block; margin: 0 auto; width: 400px; height: 56px; background: #210f22; border: 1px solid #c297cb; font-size: 18px; color: #FFF; outline: none;}

.listMain::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.listMain::-webkit-scrollbar-track{border-radius:0;background-color:rgba(255,190,106,0.2);}/*底*/
.listMain::-webkit-scrollbar-thumb{border-radius:0;background-color:#a08644;}/*面*/
.listMain::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.listMain::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.listMain::-webkit-scrollbar-track-piece{margin:0;}

.hoverTop{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.hoverTop:hover{
  -webkit-transform: translate(0,-10px);
  -moz-transform: translate(0,-10px);
  -ms-transform: translate(0,-10px);
  -o-transform: translate(0,-10px);
  transform: translate(0,-10px);
}
.hoverYuan{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.hoverYuan:hover{
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.moveleft{-webkit-transform: translate3d(-100%,0,0);-moz-transform: translate3d(-100%,0,0);-ms-transform: translate3d(-100%,0,0);-o-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.moveright{-webkit-transform: translate3d(100%,0,0);-moz-transform: translate3d(100%,0,0);-ms-transform: translate3d(100%,0,0);-o-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.moveup{-webkit-transform: translate3d(0,-100%,0);-moz-transform: translate3d(0,-100%,0);-ms-transform: translate3d(0,-100%,0);-o-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.movedown{-webkit-transform: translate3d(0,100%,0);-moz-transform: translate3d(0,100%,0);-ms-transform: translate3d(0,100%,0);-o-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}

.moveyuan{
  -webkit-animation: moveyuan 40s linear infinite;
  -moz-animation: moveyuan 40s linear infinite;
  -o-animation: moveyuan 40s linear infinite;
  -ms-animation: moveyuan 40s linear infinite;
  animation: moveyuan 40s linear infinite;
}
.moveyuan2{
  -webkit-animation: moveyuan2 5s linear infinite;
  -moz-animation: moveyuan2 5s linear infinite;
  -o-animation: moveyuan2 5s linear infinite;
  -ms-animation: moveyuan2 5s linear infinite;
  animation: moveyuan2 5s linear infinite;
}
@-webkit-keyframes moveyuan{
  0%{-webkit-transform: rotate(0deg);}
  100%{-webkit-transform: rotate(-360deg);}
}
@-moz-keyframes moveyuan{
  0%{-moz-transform: rotate(0deg);}
  100%{-moz-transform: rotate(-360deg);}
}
@-ms-keyframes moveyuan{
  0%{-ms-transform: rotate(0deg);}
  100%{-ms-transform: rotate(-360deg);}
}
@-o-keyframes moveyuan{
  0%{-o-transform: rotate(0deg);}
  100%{-o-transform: rotate(-360deg);}
}
@keyframes moveyuan{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(-360deg);}
}

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

.moveTop{
  -webkit-animation: moveTop 1s ease-in alternate;
  -moz-animation: moveTop 1s ease-in alternate;
  -o-animation: moveTop 1s ease-in alternate;
  -ms-animation: moveTop 1s ease-in alternate;
  animation: moveTop 1s ease-in alternate;
}
@-webkit-keyframes moveTop{
  0%{-webkit-transform:translate(0,-10px);}
  100%{-webkit-transform:translate(0,10px);}
}
@-moz-keyframes moveTop{
  0%{-moz-transform:translate(0,-10px);}
  100%{-moz-transform:translate(0,10px);}
}
@-ms-keyframes moveTop{
  0%{-ms-transform:translate(0,-10px);}
  100%{-ms-transform:translate(0,10px);}
}
@-o-keyframes moveTop{
  0%{-o-transform:translate(0,-10px);}
  100%{-o-transform:translate(0,10px);}
}
@keyframes moveTop{
  0%{transform:translate(0,-10px);}
  100%{transform:translate(0,10px);}
}









/*
@media screen and (max-width: 1920px){
    #wrap{background: url(../images/cover240813/coverbg1920.jpg) no-repeat center 0;}
}
@media only screen and (max-width: 750px) {}*/