* { box-sizing: border-box; text-transform: uppercase;}
body{ font-family:"Microsoft YaHei";}
body,h1,h2,h3,h4,h5,h6,p,span,ul,li,img { margin:0; padding:0; font-weight:normal;}
h1,h2,h3,h4,h5,h6 { text-transform: uppercase; font-family: 'fz';}
li{ list-style:none;}
a{ text-decoration:none; color:#000; display: block;}
img{ display:block;}
p { font-size: 14px; line-height: 30px;}

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{zoom:1;}

.left { float:left;}
.right { float:right;}
.w1200 { width: 1200px; margin: auto; position: relative;}
.img_box { position: relative; overflow: hidden;}
.tra1 { transition: all 1s ease-out;}

/*banner*/
.banner { position: relative; width: 100%; height: 100vh; background: url("../images/banner_bg.jpg") no-repeat; background-size:cover; overflow: hidden; background: #000;}
.banner video { min-height: 100%; min-width: 100%; opacity: 0.5;}
.banner .img1 { position: absolute; left: 0; top:0;}
.banner .img2 { position: absolute; right: 0; top:0;}
.banner .img3 { position: absolute; right: 0; top:24%;}
.banner .img4 { position: absolute; right: 0; bottom:0;}
.banner .img5 { position: absolute; left: 0; bottom:0;}
.banner .img6 { position: absolute; left: 50%; bottom:0; margin-left: -125px;}
.banner #logo { position: fixed; top:0; left: 50%; margin-left: -117px;}

#banner { margin: 0 0 0; position: absolute; top:0; left: 0; height: 100%; width:100%; min-width: 1300px; z-index: 2;}
#banner li { width: 100%; height: 100%; position: absolute; top:0; left: 0; opacity: 0; transition: all 1s ease;}
#banner li img { margin:15% auto 0;}
#banner li.on { opacity: 1;}

.banner .downUp { position: absolute; bottom:10%; left: 50%; margin-left: -30px; animation:down ease 1s infinite alternate; }
@keyframes down {
    0% { transform: translate(0,0);}
    100% { transform: translate(0,10px);}
}

#logo1 { position: fixed; top:-82px; left: 30px; z-index: 100; width: 150px; transition: 0.3s ease;}
/*顶部导航*/
#nav_top { background: #000; width: 100%; position: fixed; top:-82px; left: 0; z-index: 99; transition: all 0.3s ease;}
#nav_top ul { text-align: right; margin-left: -60px;}
#nav_top li { display: inline-block; font-size: 18px; line-height: 82px; margin: 0 1.2%; }
#nav_top li a { transition: all 0.3s ease; color: #fff;}
#nav_top li:hover a { color: #ff9e00;}
#nav_top li:last-child { color: #fff; transform: translate(0,11px); overflow: hidden;}
#nav_top li:last-child img { float: left;}
#nav_top li:last-child span { background: #cb0000; font-size: 16px; line-height: 38px; height: 38px; float: left;}
#logo { position: fixed; top:0; left: 47px; z-index: 100; transition: all 0.3s ease;}
/*#logo { position: fixed; top:0; left: 47px; z-index: 100; width: 100px;}*/
#logo img { width: 100%;}

/*右侧导航*/
#nav_right { width: 84px; position: fixed; top:38px; right:38px; z-index: 100; overflow: hidden; transition: all 0.3s ease;}
#button { height: 15px; background: url("../images/menu_center.gif") repeat-y;}
#button p { font-size: 16px; line-height: 16px; letter-spacing: 4px; color: #dcb98c; margin-bottom: 5px; text-align: center; margin-right: -4px;}
#nav_right ul {  height: 0; overflow: hidden; transition: all 0.3s ease; background: url("../images/menu_center.gif") repeat-y; padding: 10px 2px 0;}
#nav_right ul li:last-child { padding-bottom: 10px;}
#nav_right ul li { text-align: center; font-size: 16px; line-height: 36px;}
#nav_right a {  color: #dcb98c;}
#nav_right ul li:hover { background: #dcb98c;}
#nav_right ul li:hover a { color: #fff;}


footer { background: url("../images/footer_bg.jpg") no-repeat; background-attachment: fixed; background-size:cover; position: relative; padding: 152px 0 125px; overflow: hidden;}
footer .img1 { position: absolute; bottom:0; left: 0; z-index: 2;}
footer .img2 { position: absolute; bottom:0; left: 150px; z-index: 2;}
footer .img3 { position: absolute; bottom:0; right:0; z-index: 2;}
footer .logo2 { position: absolute; top:0; left: 50%; margin-left: -107px;}
footer .text { width: 450px; margin: auto;}
footer .text .text1 { margin: auto;}
footer a { color: #fff;}
footer h2 { font-size: 32px; line-height: 32px; font-weight: bold; margin-top: 21px;}
footer h3 { font-size: 16px; line-height: 16px; margin: 8px 0 20px;}
footer h4 { font-size: 39px; line-height: 39px; font-weight: bold;}

footer .bbs_button { background: url("../images/bbs_bg.png") no-repeat; font-size: 20px; line-height:54px; font-weight: bold; text-align: center; margin-top: 10px; letter-spacing: 3px; }
footer .bbs_button span { font-weight: bold; margin-left: 100px;}
footer .code { margin:39px auto 0;}
footer h5 { font-size: 14px; line-height: 26px; text-align: center; color: #fff;}
footer p { position: absolute; bottom:0; left: 0; width: 100%; text-align: center; color: #fff; font-size: 14px; line-height: 76px; background: rgba(0,0,0,0.7);}