.header-top {
    background-color: #333333;
    height: 35px;
    line-height: 35px;
    color: #CCCCCC;
    font-size: 14px;
}

.header-top ul li {
    float: right;
    margin-left: 15px;
}

.header-top ul a {
    color: #CCCCCC;
}

.navigat ul li {
    cursor: pointer;
}

.modular-title {
    margin-top: 25px;
    text-align: center;
    font-size: 19px;
}

.maps {
    margin-top: 35px;
}

.maps i {
    color: #ac9455;
    font-size: 40px;
}

.maps .address, .mobile, .email {
    margin-top: 35px;
}

.maps .icon {
    text-align: center;
    margin-bottom: 15px;
}

.footer {
    margin-top: 35px;
    height: 150px;
    background-color: #333333;
    color: #CCCCCC;
}

.footer a {
    color: #CCCCCC;
}

/*PC*/
@media (min-width: 800px) {
    .navigat {
        height: 50px;
        padding: 70px 0px 0px 0px;
        font-size: 19px;
    }

    .navigat ul li {
        float: left;
        padding: 15px 15px;
        color: #333333;
    }

    .navigat ul a {
        color: #333333;
    }

    .navigat-active {
        border-bottom: 2px solid #ff0000;
    }

    /*轮播*/
    .flash {
        margin-top: 172.25px;
        padding: 0px;;
    }

    .modular {
        margin-top: 30px;
        padding-left: calc(100% / 6 / 2 + 80px);
    }

    .modular .remarks {
        margin-top: 10px;
    }

    .modular ul li {
        text-align: center;
        width: calc(100% / 6 - 0px);
    }

    .category {
        padding: 0px;
        margin-top: 30px;
        border-bottom: 1px solid #CCCCCC;
        padding-bottom: 10px;
    }

    .category img {
        width: 100%;
        height: 100%;
        border: 0px;
    }

    .category ul li {
        width: calc((100% - 45px) / 4);
    }

    .category ul li:not(:first-child) {
        margin-left: 15px;
    }

    .category .title {
        text-align: center;
        margin-top: 25px;
        font-size: 19px;
        margin-bottom: 15px;
        color: #2d261b;
    }

    .category .remarks {
        padding-left: 25px;
        padding-right: 25px;
        text-align: center;
        color: #999999;
    }

    .news-list {
        padding: 0px;
        margin-top: 30px;
    }

    .news-list img {
        width: 100%;
        height: 100%;
    }

    .news-list ul {
        padding: 0px;
    }

    .news-list ul li {
        padding: 0px;
        width: calc((100% - 45px) / 4 - 0px);
    }

    .news-list ul li:not(:first-child) {
        margin-left: 15px;
    }

    .news-list ul li .title {
        padding: 15px 30px;
        text-align: center;
        min-height: 70px;
        max-height: 70px;
        overflow: hidden;
    }


    .maps .mobile {
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
    }

    .maps .mobile .tel {
        padding-left: 30%;
    }

    .maps .address .text {
        padding-left: 15%;;
    }

    .maps .email .text {
        padding-left: 30%;
    }

    .footer .logo {
        text-align: left;
        padding-top: 20px;
    }

    .footer .copyright {
        padding-top: 20px;
    }

    .footer .reserved {
        margin-top: 25px;
    }

    .footer .copyright ul li {
        padding: 0px 15px 0px 0px;
    }

    .footer .copyright ul li:not(:first-child) {
        border-left: 1px solid #CCCCCC;
        padding-left: 15px;
    }
}

/*mobile*/
@media (max-width: 800px) {
    .navigat {
        padding-left: 0px;
    }

    .navigat ul li {
        width: calc(100% / 3 - 15px);
        float: left;
        color: #333333;
        border: 1px solid #333333;
        background-color: #FFFFFF;
        text-align: center;
        padding: 5px 5px;
        margin-left: 15px;
        margin-bottom: 10px;
    }

    .navigat-active {
        border: 1px solid #333333 !important;
        background-color: #333333 !important;
        color: #FFFFFF !important;
    }

    .flash {
        margin-top: 220px;
        padding: 0px;
    }

    .modular {
        margin-top: 30px;
    }

    .modular .remarks {
        margin-top: 10px;
    }

    .modular img {
        width: 100%;
        height: 100%;
    }

    .modular ul li {
        text-align: center;
        width: calc(100% / 5 - 0px);
    }

    .category {
        padding: 0px;
        margin-top: 30px;
    }

    .category img {
        width: 100%;
        height: 100%;
        border: 0px;
    }

    .category ul li {
        width: calc((100% - 15px) / 2);
        float: left;
        margin-bottom: 15px;
        height: 325px;
        overflow: hidden;
    }

    .category ul li:nth-of-type(even) {
        margin-left: 15px;
    }

    .category .title {
        text-align: center;
        margin-top: 25px;
        font-size: 19px;
        margin-bottom: 15px;
        color: #2d261b;
    }

    .category .remarks {
        padding-left: 25px;
        padding-right: 25px;
        text-align: center;
        color: #999999;
    }

    .news-list {
        padding: 0px;
        margin-top: 30px;
    }

    .news-list img {
        width: 100%;
        height: 100%;
    }

    .news-list ul {
        padding: 0px;
    }

    .news-list ul li{
        width: 100%;
        margin-left: 0px;
    }

    .news-list ul li .title {
        padding: 15px 30px;
        text-align: center;
        min-height: 70px;
        max-height: 70px;
        overflow: hidden;
    }

    .maps .mobile .icon, .maps .email .icon {
        display: none;
    }

    .maps .mobile, .maps .email {
        margin-top: 2px;
    }

    .footer {
        height: 170px;
    }

    .footer .copyright {
        padding-top: 15px;
        padding-bottom: 25px;
        border-top: 1px solid #CCCCCC;
    }

    .footer .reserved {
        margin-top: 10px;
    }

    .footer .copyright ul {
        width: 100%;
    }

    .footer .copyright ul li {
        padding: 0px 15px 0px 0px;
    }

    .footer .copyright ul li:not(:first-child) {
        border-left: 1px solid #CCCCCC;
        padding-left: 15px;
    }
}