/* !
 * @ Zen Gu
 * @ 南浔自适应通用
 * @ 2019/03/20
 */

#center { 
    width: 100%; 
    overflow: hidden;
}

#top {
    width: 100%;
    background-size: 100%;
    height: 15px;
}

#middle {
    width: 100%;
    background-position: unset;
    background-size: 100%;
    z-index: 0;
}

.main-index {
    width: 90%;
    margin: 0 5%;
    top: 20px;
}

::-webkit-scrollbar {
    width: 3px;
    height: 9px;
}

#banner {
    width: 100%;
    height: 200px;
    background-size: 100%;
}

div[id*='banner_0'] {
    width: 100% !important;
    height: 200px !important;
    background-size: cover !important;
    background-position: center !important;
}

#banner_03,#banner_07 {
    margin-left: 10%;
}

#bottom {
    width: 100%;
    background-size: 100%;
    height: 15px;
}

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

/* 导航设置 */
.nav {
    height: 90px;
    overflow: hidden;
}

.nav ul {
    padding-top: 22px;
}

.nav li {
    width: 33.3%;
    padding: 0;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 16px !important;
    position: relative;
    overflow: unset;
}

.nav li::after {
    content: '';
    width: 1px;
    height: 15px;
    background-color: #78251a;
    position: absolute;
    right: -2px;
    top: 9px; 

}

.nav li span {
    display: none;
}

/* 底部设置 */
.foot {
    height: auto;
    overflow: hidden;
    background-size: cover;
    margin-top: 10px; 
}

.foot-1,.foot-3 {
    display: none;
}

li.foot-2 {
    width: 100%;
    font-size: 9px;
    padding: 3px 0;
    text-align: left;
}

ul[class*="foot-2"] li {
    padding: 0 5px;
    line-height: 21px;
}

/* 20190426 修改 */
/* 针对小屏幕手机适配 */
@media screen and (max-device-width: 330px) {
    #middle {
        margin-top: -2px;
    }
}