* {
    font-family: "微软雅黑";
}
    .clear:after {
        clear: both;
        display: block;
        height: 0;
        visibility: hidden;
        content: ".";
    }
    /* .wrap-about */
    .wrap-about {
        height: 320px;
        margin-top: 20px;
    }
        .wrap-about img {
            display: inline-block;
            width: 100%;
            height: 320px;
        }
    /* .sub-nav */
    .sub-nav {
        padding: 15px 0;
    }
        .sub-nav .nav-list {
            background: #f2f2f2;
            /*height: 40px;*/
            line-height: 40px;
            padding: 0 20px;
        }
            .sub-nav .nav-list ul {
                margin: 0;
                padding: 0;
            }
            .sub-nav .nav-list ul li{
                display: inline-block;
                padding-right: 40px;
                list-style: none;
            }
                .sub-nav .nav-list ul li a {
                    color: #222;
                    font-size: 16px;
                }
    /* .natural-box */
    .natural-box {
        width: 800px;
        margin: 0 auto;
        padding: 40px 0 0 0;
    }
        /* .natural-box .header-area */
        .header-area {
            text-align: center;
            padding-bottom: 20px;
        }
            .header-area .title-h3 {
                font-size: 32px;
                color: #222;
                line-height: 40px;
                padding-bottom: 10px;
            }
            .header-area .title-head {
                font-size: 22px;
                color: #333;
                line-height: 37px;
                display: block;
            }
        /* .natural-box .img-area */
        .natural-box .img-area{
            height: 500px;
        }
        .natural-box .img-area img{
            display: inline-block;
            width: 800px;
            height: 500px;
        }
        /* .natural-box .honey-area */
        .natural-box .honey-area {
            background: #f3f3f3;
            padding: 35px 20px 0 35px;
        }
            .natural-box .honey-area .img-right {
                float: right;
                height: 385px;
            }
                .natural-box .honey-area .img-right .natural-one {
                    width: 350px;
                    height: 250px;
                    display: block;
                    padding-bottom: 3px;
                }
                .natural-box .honey-area .img-right .natural-two {
                    width: 177px;
                    height: 125px;
                }
                .natural-box .honey-area .img-right .natural-three {
                    width: 169px;
                    height: 125px;
                }
            .natural-box .honey-area .txt-left {
                text-align: left;
                width: 48%;
            }
                .natural-box .honey-area .txt-left .title{
                    position: relative;
                    padding-top: 8px;
                    margin-bottom: 30px;
                    display: block;
                    font-size: 26px;
                    color: #333;
                    line-height: 30px;
                }
                .yellow{
                    color: #c77801;
                }
                .natural-box .honey-area .txt-left .yellow-txt{
                    padding-left: 25px;
                }
                .natural-box .honey-area .txt-left .circle{
                    width: 5px;
                    height: 5px;
                    background-color: #333;
                    display: inline-block;
                    border-radius: 100%;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin: 1px 0 0 -40px;
                }
                .natural-box .honey-area .txt {
                    padding-bottom: 20px;
                    font-size: 12px;
                    color: #333;
                    line-height: 32px;
                    letter-spacing: 1px;
                }
    /* .association-box */
    .association-box {
        padding-top: 20px;
        margin: 0 auto;
        width: 800px;
    }
        /* .association-box .border-area */
        .association-box .border-area {
            float: left;
            border: 1px solid #e7e7e7;
            padding: 28px 25px 28px 35px;
            margin: 38px 0;
        }
            .association-box .border-area .img-box{
                float: left;
                width: 133px;
                height: 99px;
            }
            .association-box .border-area .img-box img{
                width: 133px;
                height: 99px;
            }
            .association-box .border-area .txt-box {
                margin-left: 160px;
            }
                .association-box .border-area .title {
                    padding: 10px 5px 10px 0;
                    font-size: 24px;
                    color: #c77801;
                    display: block;
                }
                .association-box .border-area .capital-txt {
                    font-size: 18px;
                }
                .association-box .border-area .txt{
                    font-size: 14px;
                    color: #333;
                    letter-spacing: 1px;
                }
    /* .umf-area */
    .umf-area {
        padding: 0 21px;
    }
        .gray-txt{
            font-size: 18px;
            color: #333;
            line-height: 32px;
        }
    /* .table-area */
    .table-area {
        padding-top: 25px;
        padding-bottom: 40px;
    }
        .table-area .table {
            width: 100%;
        }
    /* table-area .table-row */
    .table-area .table-row {
        border-collapse: collapse;
        border-top: 1px dashed #d3d3d3;
    }
        .table-area .table-row:last-child {
            border-bottom: 1px dashed #d3d3d3;
        }
            .table-area .table-row .table-col {
                background-color: #fff;
                color: #222;
                display: table-cell;
                font-size: 16px;
                height: 82px;
                vertical-align: middle;
                cursor: pointer;
            }
                .table-area .table-row .table-col .umf-one {
                    background-image: url(../images/beef_1.png);
                    background-size: 43px 41px;
                    width: 43px;
                    height: 41px;
                    display: block;
                }
                .table-area .table-row .table-col .umf-two {
                    background-image: url(../images/beef_2.png);
                    background-size: 46px 41px;
                    width: 46px;
                    height: 41px;
                    display: block;
                }
                .table-area .table-row .table-col .umf-three {
                    background-image: url(../images/beef_3.png);
                    background-size: 46px 41px;
                    width: 46px;
                    height: 41px;
                    display: block;
                }
                .table-area .table-row .table-col .umf-four {
                    background-image: url(../images/beef_4.png);
                    background-size: 47px 41px;
                    width: 47px;
                    height: 41px;
                    display: block;
                }
                .table-area .table-row .table-col .txt{
                    display: block;
                }
            .table-area .table .table-first {
                width: 10%;
                border-right: 1px dashed #d3d3d3;
                padding-left: 18px;
            }
            .table-area .table .table-col:first-child+.table-col {
                width: 45%;
                padding: 0 5px 0 20px;
            }
            .table-area .table .table-col:first-child+.table-col+.table-col  {
                width: 2%;
                text-align: center;
                padding: 0 10px 0 10px;
            }
            .table-area .table .table-last {
                width: 43%;
                font-size: 12px;
                padding: 0 10px 0 10px;
            }
    /* .discover-box */
    .discover-box {
        width: 800px;
        margin: 0 auto;
        padding-bottom: 20px;
    }
        .discover-box .img-box {
            display: block;
            width: 100%;
            min-height: 235px;
            margin-top: -10px;
        }
            .discover-box .img-box .img-umf-1,
            .discover-box .img-box .img-umf-3,
            .discover-box .img-box .img-umf-2 {
                float: left;
                height: 228px;
            }
            .discover-box .img-box .umf-1 {
                margin-right: 2px;
                width: 196px;
                height: 228px;
            }
            .discover-box .img-box .umf-3{
                margin-right: 5px;
                width: 360px;
                height: 228px;
            }
            .discover-box .img-box .umf-2{
                width: 236px;
                height: 228px;
            }
            .discover-box .txt-box{
                padding: 25px;
            }
    /* .introduce-box */
    .introduce-box {
        width: 800px;
        margin: 0 auto;
        min-height: 530px;
    }
        .introduce-box .title-h4{
            font-size: 26px;
            color: #222;
            padding-top: 15px;
        }
        .introduce-box .title{
            padding-right: 15px;
        }
        .introduce-box .small-txt {
            padding: 0 28px 18px 28px;
            font-size: 18px;
            color: #222;
            text-align: center;
            line-height: 30px;
        }
        .introduce-box .img-box {
            display: block;
            width: 100%;
        }
            .introduce-box .img-box .img{
                width: 50%;
                float: left;
                height: 280px;
            }
.introduce-box .img-box .natural-four {
                    margin-right: 2px;
                    width: 400px;
                    height: 280px;
                }
.introduce-box .img-box .natural-five {
                    margin-left: 2px;
                    width: 398px;
                    height: 280px;
                }
.container-wrap{
    width: 1210px;
    margin: 0 auto;
}
.list-inline li a{
    position: relative;
}
.list-inline li{
    float: left;
}
.list-inline li a{
    text-decoration: none;
}
.list-inline li a.current:before,
.list-inline li a:hover:before{
    background: #000;
    content: '';
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    height: 2px;
}
.footer-top{
    width: 100%;
    background: #3a3c4e;
    padding: 30px 0;
}
.footer-right{
    padding-top: 20px;
}
.footer-top p{
    font-size: 12px;
    color: #fff;
    text-align: right;
}
.footer-top .inner img{
    width: 340px;
}
.left{
    float: left;
}
.right{
    float: right;
}
.container-content{
    width: 800px;
    margin: 0 auto;
}
.img-box{
    width: 80px;
    height: 70px;
}