html {
    width: 100%;
    height: auto;
    position: relative;
}

body {
    height: auto;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    /*background-image: url("/images/index/lf.png");*/
}

.layui-this {
    color: #051905 !important;
}

#ag_header {
    width: 1200px;
    min-width: 1200px;
    height: 111px;
    background-image: url("/images/index/aoc.png");
    background-size: 100% 135px;
    background-repeat:no-repeat;
    position: fixed;
    z-index: 88;
}

#ag_header #ag_logo {
    width: 31px;
    height: 43px;
    position: absolute;
    left: calc(50% - 15px);
    top: 15px;
    background-image: url("/images/index/logo.png");
}

#ag_header #ag_menu {
    width: 100%;
    height: 66px;
    position: absolute;
    left: 0;
    top: 50px;
    background-image: url("/images/index/bar_el.png");
    background-size: 100% 66px;
}

#ag_header #ag_menu #ag_menu_items {
    width: 42%;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 22px;
    left: 29%;
}

#ag_header #ag_menu #ag_menu_items ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

#ag_header #ag_menu #ag_menu_items ul li {
    margin: 0;
    padding: 0;
    float: left;
    width: calc(100% / 8);
    text-align: center;
}

#ag_header #ag_menu #ag_menu_items ul li:hover{
    cursor: pointer;
    color: #0d3625;
}

#swiper-container {
    width: 100%;
    margin-top: 40px;
    z-index: 2;
}

#about {
    position: relative;
    margin-top: -50px;
    z-index: 5;
}

#about .ab {
    width: 100%;
    height: 270px;
    background-image: url("/images/index/about.png");
}

#about .ab div {
    width: 100%;
    color: #86ff65;
    text-align: center;
    font-size: 15px;
}

#about .ab div:nth-child(1) {
    padding-top: 90px;
}

#about .about_content {
    width: 100%;
    height: auto;
    position: relative;
}

#about .about_content .l {
    width: 48%;
    display: inline-block;
}

#about .about_content .l .font {
    padding-left: 20%;
    text-align: left;
    font-size: 25px;
    font-weight: 500;
    margin: 5px;
}

#case {
    width: 70%;
    padding: 30px 15%;
}

#case .item {
    float: left;
    padding-bottom: 18px;
}

#case .item:nth-child(odd) {
    padding-right: 12%;
}

#dance,#dance img {
    width: 100%;
}

#map,#cooperate_logo {
    padding: 50px 0 0 10%;
}

#map img {
    width: 300px;
}

#cooperate_logo img {
    width: 570px;
}

.p {
    padding: 80px 0 0 10%;
}

#other {
    width: 100%;
    height: auto;
    background-image: url("/images/index/bg-g.png");
    margin-top: 90px;
}

#other img {
    width: 100%;
}

#other .info {
    width: 100%;
    text-align: center;
    height: 20px;
    line-height: 20px;
    margin-top: 80px;
    color: #86ff65;
    font-size: 25px;
    padding-bottom: 80px;
}

#other .info img {
    width: 60%;
}

#other .dl {
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 80px;
}


#other .zp {
    width: 100%;
    padding: 80px 0 50px 10%;
    position: relative;
}

#other .dl img, #other .zp img {
    width: auto !important;
}

#other .zp #index_top {
    width: auto !important;
    position: absolute;
    left: 70%;
    top: 13%;
}

#header {
    background-image: url("/images/wap_index/ht.png");
    text-align: center;
    line-height: 70px;
}

#web_about {
    position: relative;
    margin-top: -8px;
    z-index: 5;
}


#web_about .ab {
    width: 80%;
    height: auto;
    background-image: url("/images/wap_index/about.png");
    background-size: 100% auto;
    background-repeat: no-repeat no-repeat;
    color: #86ff65;
    text-align: center;
    padding: 28px 0;
    font-size: 10px;
    padding: 10%;
}

#mMenu {
    color: white;
}

#wap_about_content {
    width: 100%;
    height: auto;
    font-size: 11px;
}

#wap_about_content .l {
    width: 40%;
    float: left;
}

#wap_about_content .r {
    width: 60%;
    float: left;
}

#wap_about_content .r .content {
    padding-left: 20px;
    padding-top: 10px;
}

#wap_case {
    width: 90%;
    padding: 30px 5% 20px 5%;
}

#wap_case .item {
    width: 45%;
    height: auto;
    float: left;
    padding-bottom: 10px;
}

#wap_dance {
    width: 100%;
    height: auto;
}

#wap_map {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 25px 0;
}

#wap_map img {
    width: 60%;
}

.wap_p {
    width: 100%;
    height: auto;
    text-align: center;
}

.wap_p img {
    width: 60%;
}

.wap_pp_p {
    width: 95%;
    padding-left: 5%;
    height: auto;
    margin: 40px 0;
}

.wap_pp_p img {
    width: 100%;
}

.wap_news_p {
    padding-left: 5%;
}

.wap_news_p img {
    width: 35%;
}

#wap_other {
    width: 100%;
    height: auto;
    background-image: url("/images/index/bg-g.png");
    margin-top: 50px;
}

#wap_other img {
    width: 100%;
}

#wap_other .info {
    width: 100%;
    text-align: center;
    height: 20px;
    line-height: 20px;
    margin-top: 30px;
    color: #86ff65;
    font-size: 25px;
    padding-bottom: 30px;
}

#wap_other .info img {
    width: 80%;
}

#wap_other .dl {
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 40px;
}


#wap_other .zp {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 30px 0;
}

#wap_other .dl img, #wap_other .zp img {
    width: auto !important;
}

#wap_other .zp #index_top {
    width: auto !important;
    position: absolute;
    left: 70%;
    top: 13%;
}

#newMenu {
    margin-top: -20px;
    position: relative;
    z-index: 50;
    margin-bottom: 55px
}


#pageBg {
    width: 100%;
    height: auto;
    padding: 55px 0 150px 0;
    text-align: center;
    background-image: url("/images/page/bg.png");
    background-size: 100% 100%;
}

#foot {
    color: white;
    background-image: url("/images/index/b_bg.png");
}

#ag_header #ag_menu #ag_menu_items ul li:nth-child(1) {
    width: 30px;
    padding-left: 20px;
}

#ag_header #ag_menu #ag_menu_items ul li a {
    text-shadow:#000 3px 4px 5px;
    font-size: 10px !important;
    color: white;
}