@charset "utf-8";
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:20px;font-weight:bold}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
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;}
*:not(input):not(textarea){user-select:none;}
body{background:#000; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;  -webkit-text-size-adjust: 100%;}

#content{position: relative; min-width: 1300px; max-width: 1920px; margin: 0 auto; background: url(../images/bg.jpg) no-repeat center 0; height: 1080px;}
.videoCont{width: 1920px; height: 1080px; position: absolute; left: 50%; margin-left: -960px; top: 0; z-index: 1;}
.videoCont video{width: 100%; height: 100%; display: block;}
.slogan{width: 403px; height: 674px; background: url(../images/slogan.png) no-repeat 0 0; position: absolute; left: 790px; top: 80px; z-index: 10;}
.section{position: absolute; width: 1920px; height: 1080px; left: 50%; margin-left: -960px; top: 0; z-index: 2; background: url(../images/temp.jpg) no-repeat center 0;}

.btn{width: 1920px; position: absolute; left: 0; top: 810px; display:flex; justify-content: center; z-index: 10;}
.btn a{display: block; width: 204px; height: 78px; cursor: pointer; margin: 0 10px; overflow: hidden; text-indent: -99999px;}
.btn a.a1{background: url(../images/a1.png) no-repeat 0 0;}
.btn a.a2{background: url(../images/a2.png) no-repeat 0 0;}
.btn a.a3{background: url(../images/a3.png) no-repeat 0 0;}
.btn a.a4{background: url(../images/a4.png) no-repeat 0 0;}
.btn a.a5{background: url(../images/a5.png) no-repeat 0 0;}
.btn a.a6{background: url(../images/a6.png) no-repeat 0 0;}
.btn a:hover,.btn a.on{background-position: 0 bottom;}


.leftNav{width: 290px; height: 564px; background: url(../images/left.png) no-repeat 0 0; position: absolute; left: 189px; top: 174px;}
.leftNav a{display: block; cursor: pointer;}
.leftNavTab{margin-bottom: 20px;}
.leftNavClick{height: 40px; line-height: 40px; text-align: right; background: url(../images/left_on.png) no-repeat 0 -9999px; font-size: 24px; color: #FFF; padding-right: 62px;}
.leftNavClick.on{background-position: 0 0;}
.leftNavMenu{font-size: 15px; line-height: 40px; background: url(../images/leftMenubg.png) no-repeat 88px 0; display: none;}
.leftNavMenu a{color: #76a3d0; display: block; cursor: pointer; text-align: right; padding-right: 62px;}
.leftNavMenu a:hover,.leftNavMenu a.on{color: #fffa66;}
.leftNavMenuHide{display: none;}
.leftNavMenuShow{display: block;}

.rightNav{width: 287px; height: 564px; background: url(../images/right.png) no-repeat right 0; position: absolute; right: 142px; top: 174px;}
.rightNavTab{padding-top: 136px;}
.rightNavTab a{display: block; height: 40px; line-height: 40px; background: url(../images/right_on.png)  no-repeat 0 -9999px; font-size: 24px; color: #c3d0fb; text-indent: 60px; margin-bottom: 20px; cursor: pointer;}
.rightNavTab a.on,.rightNavTab a:hover{background-position: 0 0; color: #FFF;}

.mainCont{width: 1000px; height: 620px; position: absolute; left: 482px; top: 171px; overflow: hidden; overflow-y: auto;}
.mainCont::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.mainCont::-webkit-scrollbar-track{border-radius:6px;background-color:none;}/*底*/
.mainCont::-webkit-scrollbar-thumb{border-radius:6px;background-color:#118fb9;}/*面*/
.mainCont::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.mainCont::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.mainCont::-webkit-scrollbar-track-piece{margin:0;}
.mainCont{font-size: 18px; line-height: 32px; color: #f5ecff;}
.mainCont p{margin-bottom: 20px;}
.mainCont img{display: block; max-width: 100%; margin: 0 auto; margin-bottom: 10px;}

.fadeIn{-webkit-animation: fadeIn 0.2s 0.5s ease-in both;-ms-animation: fadeIn 0.2s 0.5s ease-in both;animation: fadeIn 0.2s 0.5s ease-in both;}
@-webkit-keyframes fadeIn{
  0%{-webkit-transform: scale(1.5);opacity: 0;}
  100%{-webkit-transform: scale(1);opacity: 1;}
}
@-ms-keyframes fadeIn{
  0%{-ms-transform: scale(1.5);opacity: 0;}
  100%{-ms-transform: scale(1);opacity: 1;}
}
@keyframes fadeIn{
  0%{transform: scale(1.5);opacity: 0;}
  100%{transform: scale(1);opacity: 1;}
}




body::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
body::-webkit-scrollbar-track{border-radius:6px;background-color:#1e1e1e;}/*底*/
body::-webkit-scrollbar-thumb{border-radius:6px;background-color:#8b8b8b;}/*面*/
body::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
body::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
body::-webkit-scrollbar-track-piece{margin:0;}