html,body {    height: 100%;}

.hugebox { width: 100%; height: 100%; position: absolute;}
 .top { position: absolute; z-index: 2; width: 100%;}
 .top ul { width: 80%; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content:space-between; align-items:center;}
 .top ul li {}
.hugebox .bottom {position: absolute; z-index: 2; width: 100%; bottom: 50px; left: 0;background:url(../images/bg3.png);}
.hugebox .swiper-container {position: absolute; z-index: 1; width: 100%; height: 100%;}
.hugebox .swiper-container .swiper-slide { height: 100%; background-repeat: no-repeat; background-size: cover; background-position: top center;}
.hugebox .swiper-container .swiper-slide a { display: block; height: 100%;}
/**/
.hugebox .swiper-button-next,.hugebox .swiper-button-prev { background: none}



.hugebox .bottom .nav {height:104px; width:80%; margin: 0 auto; }
.hugebox .bottom .nav .wal{height:104px; position:relative;}
.hugebox .bottom .nav .wal ul {display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; position: relative}
.hugebox .bottom .nav li{ flex: 1}
.hugebox .bottom .nav li a{display:block; height:104px; line-height: 104px; text-align:center; font-size:20px; letter-spacing: 2px; text-transform:uppercase; color:#FFF; white-space:nowrap; padding:0 31px; text-align:center;}
.hugebox .bottom .nav .li_01 a{padding-left:60px;}
.hugebox .bottom .nav li a div{font-size:20px; font-family:Arial; padding:25px 0 5px 0;}
.hugebox .bottom .nav li .sNavA:hover, .hugebox .bottom .nav li .sNavAon{background:#761674;}


.hugebox .bottom .nav li a span{width:22px;height:12px;position:absolute;top:32px;right:430px;}

.hugebox .bottom .nav .btn{display:block; background:url(../images/btn1.png) center no-repeat; width:50px; height:104px; position:absolute; top:0px; right:0px;}
/**/

.hugebox #footer {background: #000;/* line-height:50px; */text-align: center;font-size: 14px;color: #FFF;position:absolute;bottom: -42px;z-index: 2;width: 100%;height: 91px;}
.hugebox #footer .wrapper { width: 80%; margin: 0 auto}
.hugebox #footer .left{height:auto;text-align: center;margin-top: 27px;}
.hugebox #footer .right{float:right;width:20%;height:auto;text-align:left;}
.hugebox #footer .follow .qr-code{width:200px;height:207px;background:url(../images/index_sprites.png) 0 -220px no-repeat;position:absolute;left:65px;top:-212px;}
.hugebox #footer .follow .mc{position:relative; z-index:1000;}
.hugebox #footer .follow .mc span{display:block;margin-right:20px;}
.hugebox #footer .follow .mc a{width:32px;height:32px;float:left;margin-right:8px;margin-top:9px;background:url(../images/index_sprites.png) no-repeat;text-indent:-999em;}
.hugebox #footer .follow .mc a.icon-wx{background-position:0 -182px;}
.hugebox #footer .follow .mc a.icon-wb{background-position:-32px -182px;}
.hugebox #footer .follow .mc a.icon-qz{background-position:-64px -182px;}