body, form, div, span, ul, ol, li, p, pre, dl, dt, dd, h1, h2, h3, h4, h5, h6, em, a, fieldset, legend, address, label, textarea, select, input, figure, table, th, td, b, i {
    margin: 0;
    padding: 0;
}

fieldset, img {
    border: 0;
}

ul, li, ol {
    list-style: none outside none;
}

a {
    text-decoration: none;
    color: inherit;
}

    a:hover {
        text-decoration: none;
    }

    a:focus, input, button, select, textarea {
        outline: none;
    }

.clearfix {
    zoom: 1;
}

    .clearfix:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
        overflow: hidden;
    }

.fl {
    float: left;
}

.fr {
    float: right;
}

img {
    max-width: 100%;
}

html, body {
    width:640px;
    max-width:640px;
    margin: auto;
    min-height: 100%;
    font-family: "Microsoft YaHei","微软雅黑","黑体","宋体",'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.yinpian-body {
    font-size: 16px;
    color: #7e550a;
    -webkit-overflow-scrolling: touch;
}
p {
    color: inherit;
}

li {
    list-style: none;
}

* {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
}

.ellipsis {
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}



.yinpian-body {
    background-color: inherit;
    background: url(../image/YinpianResume_bg01.png) repeat;
    background-size:100% 100%;
}

.yinpin-header {
    min-height: 567px;
    padding-top: 166px;
    box-sizing: border-box;
    background: url(../image/YinpianResume_bg02.png) no-repeat;
}

    .yinpin-header .crop-name {
        width: 100%;
        height: 64px;
        line-height: 64px;
        margin: 94px auto 84px;
        padding: 0 20px;
        box-sizing: border-box;
        font-size: 34px;
        text-align: center;
    }

    .yinpin-header .txt-company, .yinpin-header .txt-address {
        padding: 0 30px;
        box-sizing: border-box;
        height: 60px;
        line-height: 60px;
        font-size: 24px;
        text-align: center;
        color: #666;
    }

    .yinpin-header .txt-address {
        position: relative;
        margin-bottom: 60px;
        font-size: 18px;
    }

        .yinpin-header .txt-address:before {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            height: 1px;
            background: url(../image/YinpianResume_line01.png) no-repeat;
            content: '';
        }

.head-cont {
    position: relative;
    height: 287px;
    background: url(../image/YinpianResume_bg03.png) no-repeat;
}

    .head-cont img {
        position: absolute;
        left: 198px;
        top: 20px;
        z-index: 1;
        width: 242px;
        height: 242px;
        border-radius: 50%;
    }

    .head-cont .txt-specification {
        position: absolute;
        left: 460px;
        top: 8px;
        line-height: 40px;
        font-size: 16px;
        color: #7e550a;
    }

        .head-cont .txt-specification span, .head-cont .txt-lotnum span {
            font-size: 18px;
            color: #827364;
            display: inline-block;
            vertical-align: top;
            word-break: break-all;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .head-cont .txt-specification span {
            max-width: 100px;
            height: 40px;
            line-height: 40px;
        }

    .head-cont .txt-lotnum span {
        max-width: 130px;
        height: 30px;
        line-height: 30px;
    }

    .head-cont .txt-lotnum {
        position: absolute;
        right: 470px;
        bottom: 6px;
        line-height: 24px;
        font-size: 16px;
        color: #7e550a;
    }
/*绉嶈嫍涓庡熀鍦颁俊鎭�*/

.table-view-cell.mui-active .yp-navigate-right:after {
    background: url(../image/YinpianResume_arrow_t.png) no-repeat;
}

.table-view-cell.mui-active .collapse-content {
    visibility: visible;
    height: inherit;
}

.yp-navigate-right {
    position: relative;
    height: 78px;
    line-height: 78px;
    margin: 0;
    padding: 0 64px;
    font-size: 24px;
    text-align: center;
    background: url(../image/YinpianResume_title02.png);
}

    .yp-navigate-right:after {
        position: absolute;
        right: 30px;
        top: 34px;
        width: 34px;
        height: 16px;
        background: url(../image/YinpianResume_arrow_b.png) no-repeat;
        content: '';
        cursor: pointer;
    }

.h3-title {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin: 36px auto 20px 30px;
    padding: 0 30px 0 24px;
    background: url(../image/YinpianResume_title03.png) no-repeat;
    background-size: 100% 100%;
    font-size: 24px;
    font-weight: normal;
}

.table-view-cell .collapse-content {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.yinpian-table-list {
    width: 580px;
    line-height: 26px;
    margin: auto;
    padding: 0;
    font-size: 18px;
}

    .yinpian-table-list li {
        position: relative;
        padding: 15px 0 25px;
        font-size: 18px;
        overflow: hidden;
    }

        .yinpian-table-list li:after {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            height: 10px;
            background: url(../image/YinpianResume_line02.png) no-repeat;
            content: '';
        }

    .yinpian-table-list .span-badge {
        float: right;
        width: 400px;
        line-height: 24px;
        color: #666;
        text-align: right;
    }



/*鍦熷湴浣跨敤璁板綍*/
.land-use-head {
    position: relative;
    margin: 60px auto 30px;
    background-color: #d9d3be;
}

    .land-use-head:before {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 2;
        height: 12px;
        background: url(../image/YinpianResume_landuse01.png) repeat-x;
        content: '';
    }

    .land-use-head .lu-item {
        position: relative;
        z-index: 1;
        float: left;
        width: 25%;
        height: 58px;
        line-height: 48px;
        padding-top: 10px;
        box-sizing: border-box;
        font-size: 18px;
        text-align: center;
        cursor: pointer;
    }

        .land-use-head .lu-item.dqcur {
            background-color: #7e550a;
            color: #fff;
        }

            .land-use-head .lu-item.dqcur:after {
                position: absolute;
                left: 50%;
                bottom: -9px;
                width: 21px;
                height: 10px;
                margin-left: -10px;
                background: url(../image/YinpianResume_landuse02.png) no-repeat;
                content: '';
            }

.land-use-chart {
    width: 92%;
    margin: 30px auto;
}
/*鍐滀簨淇℃伅*/
.tree-info-block {
    position: relative;
    padding: 155px 0 307px;
}

    .tree-info-block .tree-head {
        position: absolute;
        left: 0;
        top: 26px;
        right: 0;
        z-index: 1;
        height: 155px;
        background: url(../image/YinpianResume_tree_head.png) no-repeat center top;
    }

    .tree-info-block .tree-body {
        min-height: 180px;
    }

    .tree-info-block .tree-foot {
        position: absolute;
        left: 0;
        bottom: 2px;
        right: 0;
        z-index: 1;
        height: 307px;
        background: url(../image/YinpianResume_tree_foot.png) no-repeat center top;
    }

.tree-body .tree-w174 {
    position: relative;
    height: 174px;
    background: url(../image/YinpianResume_tree_body_head.png) repeat-y;
}

.tree-body .tree-h174-left {
    position: relative;
    height: 174px;
    background: url(../image/YinpianResume_tree_body.png) repeat-y center top;
}

    .tree-body .tree-h174-left .tree-left {
        position: absolute;
        top: 0px;
        left: 6px;
        width: 308px;
        padding-left: 64px;
        box-sizing: border-box;
    }

.tree-body .tree-left:after {
    position: absolute;
    right: 6px;
    top: 50px;
    width: 112px;
    height: 13px;
    background: url(../image/YinpianResume_tree_linel.png);
    content: '';
}

.tree-body .tree-w174 .tree-right {
    position: absolute;
    bottom: 0;
    right: 6px;
    width: 346px;
    padding-left: 100px;
    box-sizing: border-box;
}

.tree-body .tree-h174-right {
    position: relative;
    height: 174px;
    background: url(../image/YinpianResume_tree_body.png) repeat-y center bottom;
}

    .tree-body .tree-h174-right .tree-right {
        position: absolute;
        bottom: 0;
        right: 6px;
        width: 346px;
        padding-left: 100px;
        box-sizing: border-box;
    }

.tree-body .tree-right:after {
    position: absolute;
    left: 6px;
    top: 50px;
    width: 112px;
    height: 13px;
    background: url(../image/YinpianResume_tree_liner.png);
    content: '';
}

.tree-body .farm-img {
    float: left;
    width: 94px;
    height: 94px;
    margin-left: 8px;
    border: 6px solid #99c19b;
    border-radius: 50%;
    overflow: hidden;
}

.tree-body .tree-right .farm-img {
    margin-left: 26px;
}

.tree-body .farm-img img {
    width: 100%;
    height: 100%;
}

.tree-body .txt-flow {
    display: inline-block;
    min-width: 134px;
    line-height: 30px;
    margin-top: 10px;
    font-size: 20px;
    color: #2b2b2b;
    text-align: center;
}

.tree-body .company-name {
    display: inline-block;
    max-width: 130px;
    vertical-align: top;
    text-indent: 14px;
    color: #92bd00;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tree-body .txt-date {
    display: inline;
    font-size: 15px;
    color: #666;
}

.tree-body .director-name {
    display: inline-block;
    max-width: 130px;
    vertical-align: top;
    text-indent: 14px;
    color: #666;
    font-size: 15px;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tree-body .txt-result {
    display: inline-block;
    max-width: 130px;
    vertical-align: top;
    text-indent: 14px;
    color: #dd2516;
    font-size: 15px;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tree-body .view-more {
    display: inline-block;
    max-width: 140px;
    vertical-align: top;
    text-indent: 14px;
    color: #379d62;
    font-size: 15px;
    overflow: hidden;
    cursor: pointer;
}

.pick-pictures {
    float: left;
    max-width: 96px;
    padding: 32px 0 0;
    overflow: hidden;
}

    .pick-pictures img {
        float: left;
        width: 42px;
        height: 42px;
        margin-left: 6px;
        border-radius: 50%;
    }

/*璐ㄩ噺妫�娴�*/
.quality-control-table {
    width: 580px;
    margin: auto;
    border: 1px solid #e3ddd4;
    border-collapse: collapse;
}

    .quality-control-table th, .quality-control-table td {
        height: 64px;
        line-height: 24px;
        box-sizing: border-box;
        padding: 5px;
        border-bottom: 1px solid #e3ddd4;
        font-size: 18px;
        text-align: center;
    }

    .quality-control-table th {
        background-color: #ece8e2;
        font-weight: normal;
    }

    .quality-control-table td {
        color: #666;
    }


/*质检报告*/
.report-pic {
    display: block;
    width: 536px;
    margin: auto;
}

/*轮播图*/


.body-wrap {
    height: 100%;
    /* overflow: auto; */
}

.sky-carousel {
    width: 100%;
    border: 0;
    background: none;
}

    .sky-carousel .sky-carousel-container li img {
        width: 248px;
        height: 338px;
        margin-bottom: 40px;
        background: #fff;
    }

    .sky-carousel .sky-carousel-container .sc-content {
        display: block;
        width: 107px;
        height: 36px;
        line-height: 36px;
        margin: auto;
        padding: 0 10px;
        box-sizing: border-box;
        background: url(../image/YinpianResume_lunbo.png) no-repeat;
        font-size: 20px;
        text-align: center;
        overflow: hidden;
    }

    .sky-carousel .sc-overlay-left, .sky-carousel .sc-overlay-right {
        display: none;
    }

.view-big-swiper {
    display: none;
    position: fixed;
    left: 50%;
    top: 0;
    bottom: 0;
    z-index: 20;
    width: 640px;
    margin-left: -320px;
    padding: 110px 20px;
    box-sizing: border-box;
    background: rgba(0,0,0,0.5);
}

    .view-big-swiper .v-close {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        background: url(../image/close.png) no-repeat;
        background-size: 100% 100%;
    }

    .view-big-swiper .swiper-container {
        position: absolute;
        width: 580px;
        left: 5%;
        top: 10%;
        height: 80%;
    }

    .view-big-swiper .swiper-pagination {
        left: 0;
        right: 0;
        bottom: 6%;
    }

    .view-big-swiper .swiper-slide img {
        background-color: #fff;
    }

    .view-big-swiper .swiper-slide img {
        width: 100%;
        height: 100%;
    }

    .view-big-swiper .swiper-pagination-bullet {
        width: 16px;
        height: 16px;
        margin: 0 5px;
        background-color: #fff;
    }

.shuiqi-big-swiper .swiper-slide {
    padding-bottom: 120px;
    box-sizing: border-box;
}

.shuiqi-big-swiper .bg-cont {
    padding-top: 32px;
    font-size: 18px;
    color: #fff;
}

.shuiqi-big-swiper .swiper-slide p {
    height: 30px;
    line-height: 30px;
}

.shuiqi-big-swiper .swiper-pagination {
    bottom: 18%;
}


/*树点击放大图片效果*/
.tree-big-swiper {
    display: none;
    position: fixed;
    left: 50%;
    top: 0;
    bottom: 0;
    z-index: 20;
    width: 640px;
    margin-left: -320px;
    padding: 0 20px;
    box-sizing: border-box;
    background: rgba(0,0,0,0.5);
}

    .tree-big-swiper .v-close {
        position: absolute;
        top: 20px;
        left: 20px;
        width: 40px;
        height: 40px;
        background: url(../image/close.png) no-repeat;
        background-size: 100% 100%;
    }

    .tree-big-swiper .page-num {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 30px;
        color: #fff;
    }

    .tree-big-swiper .swiper-container {
        position: absolute;
        width: 520px;
        left: 50%;
        top: 20%;
        height: 300px;
        margin-left: -260px;
    }

    .tree-big-swiper .swiper-pagination {
        display: none;
        left: 0;
        right: 0;
        bottom: 7%;
    }

    .tree-big-swiper .swiper-slide img {
        background-color: #fff;
    }

    .tree-big-swiper .swiper-slide img {
        width: 100%;
        height: 100%;
    }

    .tree-big-swiper .swiper-pagination-bullet {
        width: 16px;
        height: 16px;
        margin: 0 5px;
        background-color: #fff;
    }

    .tree-big-swiper .swiper-button-prev {
        left: 16px;
        top: 20%;
        margin-top: 100px;
        background-image: url(../image/u1924.png);
        background-size: 100% 100%;
    }

    .tree-big-swiper .swiper-button-next {
        right: 16px;
        top: 20%;
        margin-top: 100px;
        background-image: url(../image/u1926.png);
        background-size: 100% 100%;
    }

    .tree-big-swiper .info-block {
        position: absolute;
        width: 520px;
        left: 50%;
        top: 54%;
        margin-left: -260px;
        font-size: 22px;
        color: #fff;
    }

        .tree-big-swiper .info-block p {
            height: 50px;
            line-height: 50px;
            white-space: nowrap;
            word-break: break-all;
            text-overflow: ellipsis;
            overflow: hidden;
        }