body{
    margin:0;
    padding:0;
    max-width:640px;
    margin:0 auto;
}
ul,li{
    list-style-type:none;
    margin:0;
    padding:0;
}
/* 头部区域开始 */
.header{
    width:100%;
    height: 82.531px;
	padding:2% 0;
	background-color:#04332b;}
.header img{
	width:100%;}
.header-logo{
	width:79%;
	float:left;
	text-align:center;
	padding-left:6%
	}
.header-logo img{ width:53%;}
.header-menu{
	width:9%;
	float:right;
	padding-right:3%;
	padding-top:3.5%;
 }
 .header-menu img{ width:100%}
 /* 头部区域结束 */
 /* 场馆环境开始 */
 .gym {
    width: 100%;
    padding-bottom: 3%;
    background: url(../imgs/bg7.png) no-repeat top;
    background-size: 100%;
    margin-top: -16%;
    position: relative;
    z-index: 50;
    border-bottom: #7caf10 solid 1px;
    font-size: 62.5%;
    font-family: "微软雅黑";
}
.gym-Title{
    font-size: 2.2em;
    color: #04332b;
    font-weight: bold;
    text-align: center;
    padding-top: 4%;
    transition: all 1s;
 }
 .gym-title{
    margin: 0 auto;
    font-size: 1.6em;
    color: #04332b;
    text-align: center;
    padding: 0px 0 6px 0;
}
 .course-more{
    width: 28px;
    height: 28px;
    background: #9dd526;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
    line-height: 28px;
    color: #04332b;
    transition: all 1s;
 }
 .clear {
    clear: both;
}
.nav_list {
    width: 96%;
    margin: 0 auto;
    text-align: center;
    margin-top: 3%;
    font-size: 62.5%;
    font-family: "微软雅黑";
}
.nav_list_hover {
    background: #04332b!important;
    color: #9dd526!important;
}
 a {
    color: #5f5f5f;
    text-decoration: none;
}
.nav_list a {
    font-size: 1.2em;
    display: block;
    float: left;
    color: #04332b;
    background: #9dd526;
    padding: 2.3% 6%;
    border-radius: 18px;
    margin: 2% 2%;
    transition: all 1s;
}
.abou_cont {
    width: 92%;
    margin: 0 auto;
    min-height: 400px;
    font-size: 1.2em;
    margin-top: 6%;
    font-family: "微软雅黑";
}
.abou_cont img {
    border: 0;
    vertical-align: bottom;
    width: 100%;
}
/* 场馆环境结束 */
/* 底部区域开始 */
.bottom{
    background: url(../imgs/bg6.jpg) repeat-y top;
    position: relative;
    z-index: 10;
    font-size: 1.4em;
    padding-bottom: 7%;
}
.bottom-top {
    width: 25%;
    text-align: center;
    display: block;
    position: absolute;
    left: 38%;
    top: -18%;
    z-index: 40;
    font-size: 1.4em;
}
.bottom li {
    text-align: center;
    width: 20%;
    float: left;
    color: #FFF;
    padding-top: 1%;
}
.bottom li a {
    color: #FFF;
    font-size: 0.80em;
    text-decoration: none;
}
.bottom-s li {
    padding-top: 0;
}

/* 底部区域结束 */