﻿/* 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;}
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; color:#fcfbe6}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{ text-decoration:underline; color:#fcfbe6}
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;}
body,html{overflow-x: hidden;}
#content{position: relative; min-width: 1200px; max-width: 1920px; margin: 0 auto; background: url(../images/bg.jpg) no-repeat center 0; height: 1110px; overflow: hidden;}
.videoMain{width: 1920px; height: 1110px; position: absolute; left: 50%; margin-left: -960px; top: 0; z-index: 1;}
.videoMain video{width: 100%; height: 100%;}
.section{width: 1920px; height: 1110px; position: absolute; left: 50%; margin-left: -960px; top: 0; z-index: 10;}
.nav{width:100%; height: 124px; background: url(../images/line.png) no-repeat center; position: absolute; left: 0; top: 940px; text-align: center; z-index: 99; display: flex; justify-content: center;}
.nav a{display:block; width: 124px; height: 124px; text-indent: -999px; overflow: hidden; cursor: pointer; margin: 0 26px;}
.nav a.v1{background: url(../images/a1.png) no-repeat 0 bottom;}
.nav a.v2{background: url(../images/a2.png) no-repeat 0 bottom;}
.nav a.v3{background: url(../images/a3.png) no-repeat 0 bottom;}
.nav a.v4{background: url(../images/a4.png) no-repeat 0 bottom;}
.nav a.v5{background: url(../images/a5.png) no-repeat 0 bottom;}
.nav a.v6{background: url(../images/a6.png) no-repeat 0 bottom;}
.nav a.v7{background: url(../images/a7.png) no-repeat 0 bottom;}
.nav a.on,.nav a:hover{background-position: 0 0;}

.closeBox{width: 73px; height: 73px; position: absolute; right: 0; top: 0; z-index: 500;}
.closeBox a{display: block; width: 73px; height: 73px; background: url(../images/close.png) no-repeat 0 0; position: absolute; right: -26px; top: 40px; cursor: pointer;}

.tempBox{width: 1920px; height: 1110px; background: url(../images/temp.jpg) no-repeat center 0; position: absolute; left: 50%; margin-left: -960px; top: 0; z-index: 100; display: none;}
.mainBox{width: 1300px; height: 700px; position: absolute; left: 310px; top: 60px; z-index: 100; display: none;}


.tempNav{width: 251px; height: 500px; padding-top: 240px; background: url(../images/nav.png) no-repeat 0 0; position: absolute; left: 0; top: 0;}
.tempNav a{width: 199px; height: 61px; font-size: 24px; color: #FFF; overflow: hidden; cursor: pointer; display: flex; justify-content: center; align-items: center; background: url(../images/btn.png) no-repeat 0 -999px; margin: 0 auto; }
.tempNav a.small{font-size: 20px;}
.tempNav a.on,.tempNav a:hover{background-position: 0 -61px; color: #000;}

.tempCont{width: 1050px; height:700px; position: absolute; right: 0; top: 0; display: none;}
.tempTitle{height: 150px; display: flex; justify-content: center; align-items: center; background: url(../images/titleBg.png) no-repeat center; text-align: center; font-size: 50px; color: #e8e7c7;}
.tempTitle.title2{font-size: 36px;}

.tempScroll{width: 100%; height: 560px; overflow: hidden; overflow-y: auto;}
.tempScroll::-webkit-scrollbar{width:8px;height:8px;background-color:rgba(0,0,0,0);}
.tempScroll::-webkit-scrollbar-track{border-radius:8px;background-color:none;}/*底*/
.tempScroll::-webkit-scrollbar-thumb{border-radius:8px;background-color:#998c54;}/*面*/
.tempScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.tempScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.tempScroll::-webkit-scrollbar-track-piece{margin:0;}

.tempfont{font-size: 18px; color: #fcfbe6; line-height: 36px; width: 960px; margin: 0 auto;}
.tempfont h2{font-size: 22px; font-weight:bold;}
.tempfont p{text-indent: 2em;}
.tempfont p,.tempfont img{margin-bottom: 10px;}
.tempfont img{display: block; margin: 0 auto; max-width: 100%;}

.infoTable{ border-collapse:collapse; border-spacing:0; width:100%;}
.infoTable td,.infoTable th{border:1px solid #d6946a; padding:15px;   text-align:center}
.infoTable th{ font-size:24px; font-weight:normal; color:#fffde4;}

.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);}
}







