html,body{
    margin:0;
    padding:0;
    height:100%;
    width:100%;
    color:#fff;
}
ul,li{
    margin:0;
    padding:0;
    list-style:none;
}
body{
    background:url(../images/bg.png) center no-repeat;
    background-size:cover;
}
.header{
    height:80px;
    overflow:hidden;
}
.footer{
	color:#fff;
	font-size:14px;
	line-height:20px;
	text-align: center;;
}
.footer a{
	color:#fff;
}
.logo{
    font-size:34px;
    line-height:80px;
    padding:0 30px;
    text-shadow:0 0 12px #24cfee;
    font-weight:bold;
    float:left;
    width:340px;
    text-align:center;
}

.nav-box{
    float:left;
    width:calc(100% - 600px);
    margin:0 50px;
    overflow:hidden;
    height:100%;
}
.nav-left,.nav-right,.nav-center{
    float:left;
    height:100%;
    background-size:contain;
}
.nav-left,.nav-right{
    width:25%;
}
.nav-center{
    width:50%;
}
.nav-left{
    background:url(../images/nav-left.png) center no-repeat;
}
.nav-right{
    background:url(../images/nav-right.png) center no-repeat;
}
.nav-center ul{
    overflow:hidden;
    width:100%;
    height:100%;
}
.nav-center li{
    float:left;
    width:20%;
    background:url(../images/nav-d.png) center no-repeat;
    line-height:20px;
    padding:20px 0;
    font-size:14px;
    text-align:center;
    font-weight:800;
}
.nav-center .active{
    background:url(../images/nav-s.png) center no-repeat;
}
.content{
    height:calc(100% - 120px);
}
.content iframe{
    margin:0;
    padding:0;
    border:none;
    height:100%;
    width:100%;
}