/*
    ============================= 
            公共样式
    =============================
*/
/* ================ 样式重置 ================ */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    font-family: "微软雅黑","Microsoft YaHei","Tahoma","Arial","黑体","宋体",sans-serif;
    width: 100%;
    height: 100%;
}

.clear{
    *zoom: 1;
}
.clear:after{
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    content: ".";
}
em, i {
    font-style: normal
}

li {
    list-style: none
}

img {
    border: 0;
    vertical-align: middle
}

button {
    cursor: pointer
}
h1, h2, h3, h4, h5, h6 {
    display: block;
    font-size: initial;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: normal;
}
a {
    color: #666;
    text-decoration: none
}

    a:hover {
        color: #fff;
    }

canvas {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.div-wrapper {
    width: 100%;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.setOverflow {
    overflow: hidden;
}

.model-wrapper {
    border-bottom: 1px solid #dedede;
}
/* ================ 头部 ================ */
.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.header-wrapper {
    width: 100%;
    max-height: 90px;
    background-color: #fff;
    padding: 5px 0;
    border-bottom: 1px solid #dedede;
}

.header-container-wrapper {
    width: 1388px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.logo-wrapper {
    overflow: hidden;
    margin-top: 5px;
}

.logo {
    width: 96px;
    height: 0;
    padding-bottom: 18.7%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slogan {
    width: 220px;
    height: 0;
    padding-bottom: 14.78%;
    overflow: hidden;
    background-image: url(../img/home/a_slogan.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-left: 42px;
    margin-top: 5px;
}

.code-wrapper {
    overflow: hidden;
}

.tel-wrapper {
    width: 256px;
    position: relative;
    margin-top: 6.5px;
    margin-right: 26px;
}

.tel-wrapper:after {
    content: '';
    width: 22%;
    height: 0;
    padding-bottom: 22%;
    background-image: url(../img/home/a_phone.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 2.5px;
    left: 0;
}

.tel-title {
    color: #333;
    font-size: 16px;
    margin-left: 62px;
}

.tel-num {
    width: 100%;
    height: 30px;
    margin-left: 62px;
    /*background-image: url('../img/img_phone.gif');*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    font-size: 26px;
    line-height: 38px;
    color: #008f38;
}
.tel-num span{
    display:inline-block;
    vertical-align:middle;
}

.codeMa {
        width: 68px;
        height: 68px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

.codeOne {
    margin-right: 42px;
}
/* ================ 导航 ================ */
.nav-wrapper, .nav-wrapper ul {
    width: 100%;
}

.nav-wrapper {
    background-color: #fff;
    border-bottom: 1px solid #dedede;
}

    .nav-wrapper ul {
        text-align: center;
        font-size: 0;
    }

    .nav-wrapper li {
        width: 9.4%;
        display: inline-block;
        padding: 10px 0;
        position: relative;
        cursor: pointer;
    }

        .nav-wrapper li:after {
            content: '';
            width: 1px;
            height: 20px;
            background-color: #dedede;
            position: absolute;
            top: 10px;
            right: 0;
        }

        .nav-wrapper li:last-child:after {
            width: 0px;
        }

        .nav-wrapper li span {
            padding: 9px 10px;
            color: #999;
            font-size: 16px;
        }

        .nav-wrapper li:first-child span {
            letter-spacing: 6px;
        }

        .nav-wrapper li.navActive span, .nav-wrapper li:hover span {
            color: #333;
            border-bottom: 2px solid #008f38;
        }
/* ================ 导航弹出 ================ */
.nav-pop-wrapper {
    padding: 12px 0px 22px 0px;
    background-color: #fff;
    position: fixed;
    top: -1000px;
    left: 0;
    z-index: 998;
}

    .nav-pop-wrapper, .nav-pop-wrapper ul {
        width: 100%;
        text-align: center;
        font-size: 0;
    }

        .nav-pop-wrapper li {
            width: 9.4%;
            vertical-align: text-top;
            display: inline-block;
        }

            .nav-pop-wrapper li a {
                display: block;
                color: #333;
                font-size: 14px;
                padding: 10px 0;
            }

                .nav-pop-wrapper li a:hover, .nav-pop-wrapper li a.navPopActive {
                    background-color: #008f38;
                    color: #fff;
                }
/* ================ 顶部占位 ================ */
.seat {
    width: 100%;
    height: 125px;
}

.goto {
    display: block;
    height: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

/* ================ banner ================ */
.banner-wrapper, .banner-wrapper a {
    display: block;
    width: 100%;
    height: 100%;
}

    .banner-wrapper a img {
        width: auto;
        height: 100%;
    }

.banner-pagination {
    position: absolute;
    text-align: center;
    z-index: 2;
}

    .banner-pagination .swiper-pagination-bullet {
        vertical-align: middle;
        background: #fff;
        opacity: 1;
    }

    .banner-pagination .swiper-pagination-bullet-active {
        width: 20px;
        height: 20px;
        background: none;
        background-image: url(../img/home/bannerActive.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
/* ================ 底部 ================ */
.footer {
    width: 100%;
}

.footer-wrapper {
    overflow: hidden;
    padding: 40px 18px 62px 32px;
}

.footer-logo {
    width: 208px;
    height: 0;
    padding-bottom: 15%;
    background-image: url(../img/home/footer_logo.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-right: 66px;
}

.footer-title {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.footer-nav {
    width: 168px;
    margin-right: 102px;
}

.footer-nav-wrapper li {
    padding: 8px 0;
    float: left;
    width: 50%;
}

    .footer-nav-wrapper li:nth-child(even) {
        text-align: right;
    }

    .footer-nav-wrapper li a {
        display: block;
        color: #666;
        font-size: 16px;
    }

.footer-contactUs {
    width: 292px;
    margin-right: 78px;
}

.footer-telNum {
    width: 100%;
    height: 36px;
    line-height: 36px;
    position: relative;
    padding-left: 54px;
    color: #008f38;
    font-size: 30px;
    margin-top: 20px;
}

    .footer-telNum:after {
        content: '';
        width: 36px;
        height: 36px;
        background-image: url(../img/home/a_phone03.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: absolute;
        top: 0px;
        left: 0;
    }

.footer-address {
    margin-top: 30px;
    line-height: 36px;
    color: #666;
    font-size: 16px;
    height: 72px;
    max-height: 72px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.footer-codeMa-wrapper {
    margin-top: 14px;
    overflow: hidden;
}

.footer-codeMa-wrapper {
    text-align: center;
}

    .footer-codeMa-wrapper img {
        width: 120px;
        border: 1px solid #dedede;
    }

    .footer-codeMa-wrapper p {
        color: #666;
        font-size: 16px;
        margin-top: 16px;
    }

.footer-codeMaOne {
    margin-right: 32px;
}
/* ================ 友情链接 ================ */
.footer-other-wrapper {
    border-top: 1px solid #dedede;
}

.linkTitle, .friendsLink {
    text-align: center;
    padding-top: 18px;
}

.zaixian, .linkTitle {
    color: #333;
    font-size: 14px;
    cursor: pointer;
}

.friendsLink a {
    display: inline-block;
    color: #999;
    font-size: 14px;
    padding: 0 16px;
    position: relative;
}

    .friendsLink a:after {
        content: '';
        width: 1px;
        height: 100%;
        background-color: #dedede;
        position: absolute;
        top: 0;
        right: 0;
    }

    .friendsLink a:last-child:after {
        width: 0px;
    }

    .friendsLink a:hover {
        color: #008f38;
    }

    .friendsLink a:first-child:hover {
        color: #999;
    }

.friendsLink span.zaixian {
    color: #333;
}

.recordNumber {
    text-align: center;
    color: #999;
    font-size: 14px;
    margin-top:18px;
    margin-bottom: 26px;
}

    .recordNumber a:hover {
        color: #008f38;
    }
/* ================ 分页 ================ */
.article-page-btn {
    padding: 10px 0;
}
.article-page-btn.no-bb {
    border-bottom: none;
}
.article-page-btn a {
    display: inline-block;
    padding: 0 20px;
    border: 1px solid #ececec;
    border-radius: 21px;
    font-size: 14px;
    line-height: 40px;
    color: #848484;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .36s;
}
.article-page-btn a.prev-btn {
    float: left;
    max-width: 42%;
}
.article-page-btn a.next-btn {
    float: right;
    max-width: 42%;
}
.article-page-btn .column {
    display: block;
    width: 100px;
    margin: auto;
    text-align: center;
}
.article-page-btn a.nodata {
    border-color: #e4eaec !important;
    color: #ccd5db !important;
    cursor: default;
}
.article-page-btn a:hover {
    border-color: #008f38;
    color: #008f38;
}
/* ================ 列表左侧栏 ================ */
.sidebar {
    width: 19.83%;
}
/* 分类按钮 */
.sidebar-tab-wrapper {
    width: 100%;
    border: 1px solid #efefef;
    padding: 20px 18px 22px 18px;
}

.sidebar-tab-title {
    color: #008f38;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.sidebar-tab-wrapper li {
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #333;
    font-size: 14px;
    background-color: #f2f3f6;
    cursor: pointer;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

    .sidebar-tab-wrapper li:hover a {
        display: block;
        color: #fff;
    }

    .sidebar-tab-wrapper li:last-child {
        margin-bottom: 0px;
    }

    .sidebar-tab-wrapper li:hover, .sidebar-tab-wrapper li.sidebar-tab-active {
        color: #fff;
        background-color: #008f38;
    }
/*产品详情*/
.product-body .product-header {
    padding-bottom: 30px;
}
.product-body .product-cont {
    box-sizing: border-box;
    float: left;
    width: 45%;
    padding-left: 35px;
    text-align: left;
}
.product-body .product-cont .title {
    padding-bottom: 10px;
    font-size: 24px;
    color: #333;
}
.product-body .product-cont p {
    font-size: 14px;
    line-height: 30px;
    color: #848484;
}
.product-body .product-cont p label {
    color: #333;
}
.product-body .product-cont .button {
    display: inline-block;
    width: 140px;
    height: 40px;
    border-radius: 3px;
    background: #418e5f;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    margin-top: 20px;
}
.product-body .product-cont .button:hover {
    background: #008f38;
}
.product-body .service-pic {
    float: left;
    width: 55%;
    padding: 0 35px;
}
.product-body .service-pic .big-thumb {
    position: relative;
    border: 1px solid #eee;
    padding-bottom: 66.66%;
}
.product-body .service-pic .big-thumb .product-swiper {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
}
.product-body .service-pic .big-thumb .button {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    line-height: 40px;
    background: url(../img/btn.png);
}
.product-body .service-pic .big-thumb .arrow-left {
    left: -40px;
    text-align: left;
    background-position: 0 0;
}
.product-body .service-pic .big-thumb .arrow-right {
    right: -40px;
    text-align: right;
    background-position: -40px 0;
}
.product-body .service-pic .big-thumb .button:hover {
    background-position-y: -40px;
}
.product-body .service-pic .big-thumb li {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: center;
}
.product-body .service-pic .big-thumb li a {
    display: block;
    height: 100%;
    overflow: hidden;
}
.product-body .service-pic .big-thumb li span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.product-body .service-pic .big-thumb li img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.product-body .service-pic .thumb-list {
    margin: auto;
    max-width: 350px;
    padding: 10px 0;
    text-align: center;
    overflow: hidden;
}
.product-body .service-pic .thumb-list dd {
    position: relative;
    margin: auto;
    transition: left .36s ease-out 0s;
}
.product-body .service-pic .thumb-list span {
    float: left;
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 0 5px;
    border: 2px solid #e1e1e1;
    border-radius: 0;
    opacity: 1;
    background-color: #b5b5b5;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
}
.product-body .service-pic .thumb-list .swiper-pagination-bullet-active {
    background-color: #305aa8;
    border-color: #999;
}
/* 加盟 */
.sidebar-join-wrapper {
    width: 100%;
    height: 390px;
    border: 1px solid #efefef;
    background-image: url(../img/img_advisory.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: 18px;
}

.sidebar-join-txt {
    width: 100%;
    padding: 0px 5px 0px 12px;
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 4;
}

.sidebar-join-title {
    color: #333;
    font-size: 18px;
    font-weight: bold;
}

.sidebar-join-subTitle {
    color: #333;
    font-size: 22px;
    font-weight: bold;
    margin-top: 6px;
}

.sidebar-join-tel, .sidebar-join-btn {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.sidebar-join-tel {
    color: #fff;
    font-weight: bold;
    padding-left: 58px;
    background-image: url(../img/img_advisory_tel.png);
    margin-top: 10px;
}

.sidebar-join-btn {
    text-align: center;
    background-image: url(../img/img_advisory_join.png);
    margin-top: 16px;
}

    .sidebar-join-btn a {
        display: block;
        color: #7b6213;
        font-size: 18px;
    }
/* 联系我们/扫码 */
.sidebar-contactus {
    width: 100%;
    border: 1px solid #efefef;
    padding: 24px 20px 14px 20px;
    margin: 16px 0;
}

.sidebar-contactus-title {
    color: #008f38;
    font-size: 14px;
}

.sidebar-contactus-address {
    margin-top: 24px;
    line-height: 24px;
}

.sidebar-contactus-address-title {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.sidebar-contactus-address-ctn {
    color: #333;
    font-size: 14px;
}

.sidebar-contactus-WxCodeMa {
    width: 152px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 18px;
}

    .sidebar-contactus-WxCodeMa img {
        width: 100%;
    }

.sidebar-contactus-WxCodeMaName {
    color: #333;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
/* ================ 定义滚动条 ================ */
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.company-txt-content::-webkit-scrollbar, .corporateculture-txt-content::-webkit-scrollbar {
    width: 4px;
    height: 100%;
    background-color: #f5f5f5;
}

/*定义滚动条轨道 内阴影+圆角*/
    .company-txt-content::-webkit-scrollbar-track, .corporateculture-txt-content::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #f4f4f4;
    }

/*定义滑块 内阴影+圆角*/
    .company-txt-content::-webkit-scrollbar-thumb, .corporateculture-txt-content::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #dedede;
    }
/* ================ 详情页 ================ */
.model-detail-fr-wrapper {
    width: 79%;
}

.model-detail-wrapper .container {
    padding-top: 45px;
    padding-bottom: 36px;
}

.model-detail {
    border: 1px solid #efefef;
    padding: 30px 22px;
}

.model-detail-hd-wrapper {
    line-height: 44px;
    padding-bottom: 26px;
    border-bottom: 1px solid #efefef;
}

.model-detail-title {
    color: #333;
    font-size: 24px;
}

.model-detail-time {
    color: #999;
    font-size: 16px;
}

.model-detail-ctn {
    margin-top: 34px;
    color: #333;
    font-size: 14px;
    line-height: 24px;
    text-indent: 2em;
}

    .model-detail-ctn img {
        display: inline-block;
        max-width: 100%;
        margin: 30px auto;
    }

.detail-key-wrapper {
    margin-bottom: 26px;
}

.detail-key-title {
    color: #008f38;
    font-size: 14px;
}

.detail-key {
    color: #999;
    font-size: 14px;
    margin-right: 10px;
}

    .detail-key:hover {
        color: #333;
    }

.detail-page-gobacklists {
    display: inline-block;
    color: #008f38;
    font-size: 14px;
    margin-right: 70px;
    vertical-align: text-top;
}

.detail-page-prev {
    margin-right: 45px;
}

.detail-page-prev, .detail-page-next {
    display: inline-block;
    width: 230px;
    color: #666;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .detail-page-gobacklists:hover, .detail-page-prev:hover, .detail-page-next:hover {
        color: #008f38;
    }
/* ================ 推荐阅读 ================ */
.recommend-wrapper {
    margin-top: 30px;
}

    .recommend-wrapper, .recommend-lists-title, .recommend-wrapper ul {
        width: 100%;
    }

.recommend-lists-title {
}

.recommend-lists-titleCN {
    color: #333;
    font-size: 18px;
}

.recommend-lists-titleEN {
    color: #999;
    font-size: 14px;
}

.recommend-wrapper li {
    float: left;
    width: 32%;
    margin-right: 2%;
}

    .recommend-wrapper li:last-child {
        margin-right: 0px;
    }

.recommend-img-wrapper {
    width: 100%;
    height: 200px;
    margin-top: 26px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.recommend-other-wrapper {
    margin-top: 20px;
    line-height: 24px;
}

.recommend-title {
    width: 63%;
    color: #333;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .3s;
}

.recommend-time {
    color: #999;
    font-size: 14px;
}

.recommend-abstract {
    color: #666;
    font-size: 14px;
    margin-top: 20px;
    height: 40px;
    max-height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.recommend-checkBtn {
    color: #333;
    font-size: 14px;
    margin-top: 18px;
    transition: all .3s;
}

a:hover .recommend-title {
    color: #008f38;
}

a:hover .recommend-checkBtn {
    color: #008f38;
}
/* ================ 分页 ================ */
.model-pagination-wrapper {
    height: 30px;
    margin-bottom: 40px;
    text-align: center;
}

    .model-pagination-wrapper ul {
        overflow: hidden;
    }

    .model-pagination-wrapper li {
        display: inline-block;
        border: 1px solid #008f38;
        margin: auto 3px;
    }

        .model-pagination-wrapper li:nth-child(1) {
            border: 1px solid #999;
        }

            .model-pagination-wrapper li:nth-child(1) a {
                color: #999;
            }

        .model-pagination-wrapper li a {
            display: inline-block;
            width: auto;
            height: 30px;
            line-height: 30px;
            padding: 0 6px;
            color: #008f38;
            font-size: 18px;
            cursor: pointer;
        }

        .model-pagination-wrapper li:hover {
            border-color: #008f38;
        }

            .model-pagination-wrapper li:hover a,
            .model-pagination-wrapper .active {
                background-color: #008f38;
                color: #fff;
            }

/* ================ 按钮 ================ */
.btn {
    display: inline-block;
    width: 140px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #008f38;
    font-size: 14px;
    border: 1px solid #008f38;
}
/* ================ 右侧在线咨询 ================ */
.rightCounseling {
    width: 4.2%;
    position: fixed;
    bottom: 100px;
    right: 0;
    z-index: 888;
}

    .rightCounseling a {
        display: block;
        width: 100%;
        height: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

.topBtn {
    padding-bottom: 37.5%;
    background-image: url(../img/top_btn.png);
}

.zxBtn {
    padding-bottom: 100%;
    background-image: url(../img/zx_btn.png);
    margin-top: 4px;
}
/* ================ 设置div下包含modelImgClasses这个class的img样式 ================ */
.modelImgClasses{
    display:none;
}
/*
    ============================= 
            首页 
    =============================
*/
/* 剖析解说 */
.analyse-wrapper {
    background-color: #f0efed;
    padding-top: 80px;
    padding-bottom: 50px;
}

.analyse-item-wrapper {
    display: inline-block;
    width: 30%;
    /*height: 278px;*/
    background-color: #fff;
    margin-right: 4.5%;
    padding-left: 14px;
    padding-right: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

    .analyse-item-wrapper:last-child {
        margin-right: 0%;
    }

    .analyse-item-wrapper a {
        display: block;
    }

.analyse-icon {
    width: 60px;
    height: 0;
    padding-bottom: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 18px auto 16px;
}

.analyse-title {
    text-align: center;
    color: #333;
    font-size: 18px;
    font-weight:normal;
    padding-bottom: 16px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.analyse-line {
    width: 0px;
    height: 2px;
    border-radius: 5px;
    background-color: #fff;
    margin: 0 auto;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}

.analyse-summary {
    width: 100%;
    text-indent: 2em;
    margin: 16px 0px 36px;
    color: #999;
    font-size: 16px;
    line-height: 23px;
    height: 90px;
    max-height: 90px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.analyse-item-wrapper:hover {
    -webkit-transform: translateY(-22px);
    -moz-transform: translateY(-22px);
    -ms-transform: translateY(-22px);
    -o-transform: translateY(-22px);
    transform: translateY(-22px);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -ms-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    background-image: url(../img/home/a_panle01.png);
}

    .analyse-item-wrapper:hover .analyse-icon {
        opacity: 0;
    }

    .analyse-item-wrapper:hover .analyse-title,
    .analyse-item-wrapper:hover .analyse-line,
    .analyse-item-wrapper:hover .analyse-summary {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    .analyse-item-wrapper:hover .analyse-title {
        color: #fff;
    }

    .analyse-item-wrapper:hover .analyse-line {
        width: 60%;
    }

    .analyse-item-wrapper:hover .analyse-summary {
        color: #fff;
    }
/* 收获健康 */
.harvest {
    width: 100%;
    padding-top: 65px;
    padding-bottom: 50px;
    background-image: url(../img/home/a_bg01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.harvest-title {
    width: 490px;
    height: 0;
    padding-bottom: 7.8%;
    background-image: url(../img/home/a_title01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0 auto;
    margin-bottom: 42px;
}

.harvest-lists {
    padding-left: 302px;
}

    .harvest-lists li {
        color: #666;
        font-size: 18px;
        margin-bottom: 26px;
        padding-left: 44px;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .harvest-lists li:last-child {
            margin-bottom: 0px;
        }

        .harvest-lists li:after {
            content: '';
            width: 20px;
            height: 20px;
            background-image: url(../img/home/a_icon04.png);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            position: absolute;
            top: 0;
            left: 0;
        }

.harvest-btnGroup {
    text-align: center;
    margin-top: 44px;
}

    .harvest-btnGroup a:first-child {
        margin-right: 20px;
    }

    .harvest-btnGroup a:hover {
        background-color: #008f38;
    }
/* 环太产品 */
.homeProducts-wrapper {
    width: 100%;
	min-height: 500px;
    /*background-image: url(../img/home/a_bg02.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .homeProducts-wrapper .container {
        position: relative;
    }

.resembleTab {
    width: 276px;
    height: 0;
    padding-bottom: 388px;
    background-image: url(../img/home/a_title02.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: -18px;
    left: -8px;
    z-index: 4;
}

.resembleTabTxt {
    padding: 90px 8px 74px 8px;
}

    .resembleTabTxt li {
        text-align: center;
        position: relative;
    }

        .resembleTabTxt li:after {
            content: '';
            width: 180px;
            height: 2px;
            background-image: url(../img/home/a_line01.png);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            position: absolute;
            bottom: 0px;
            left: 50%;
            margin-left: -90px;
        }

        .resembleTabTxt li a {
            display: block;
            padding-top: 31px;
            padding-bottom: 9px;
        }

        .resembleTabTxtActive a, .resembleTabTxt li:hover a {
            color: #008f38;
        }

.resembleTab-tell {
    color: #fff;
    font-size: 22px;
    padding: 0 20px;
    text-align: center;
    letter-spacing: 2px;
}

.homeProducts-lists-wrapper {
    width: 890px;
    padding-top: 28px;
    padding-bottom: 50px;
    margin-left: 310px;
}

.homeProducts-lists-title-wrapper {
    overflow: hidden;
    line-height: 22px;
}

    .homeProducts-lists-title-wrapper span {
        color: #fff;
        font-size: 18px;
    }

    .homeProducts-lists-title-wrapper a {
        color: #fff;
        font-size: 14px;
    }

.homeProduct-lists, .homeProduct-lists ul {
    width: 100%;
    overflow: hidden;
}

.homeProduct-lists {
    margin-top: 24px;
}

    .homeProduct-lists li {
        float: left;
        width: 260px;
        margin-right: 40px;
        padding-bottom: 40px;
        position: relative;
    }

        .homeProduct-lists li:last-child {
            margin-right: 0%;
        }

.homeProduct-lists-item {
    width: 100%;
    height: 0;
    padding-bottom: 100.8%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.homeProduct-lists-popTxt {
    width: 100%;
    height: 40px;
    background-color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.homeProduct-lists-popTxt-title {
    color: #333;
    font-size: 16px;
    padding: 10px 5px 15px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.homeProduct-lists-popTxt-subTitle {
    color: #fff;
    font-size: 14px;
    display: none;
    overflow: hidden;
    padding: 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.homeProduct-lists li:hover .homeProduct-lists-popTxt {
    height: 80px;
    background: linear-gradient(to top, #008f38, #12c759);
}

.homeProduct-lists li:hover .homeProduct-lists-popTxt-title {
    padding-top: 15px;
    padding-bottom: 10px;
    color: #fff;
}

.homeProduct-lists li:hover .homeProduct-lists-popTxt-subTitle {
    display: block;
}
/* 5大优势 */
.fiveAdvantage {
    width: 100%;
    padding-bottom: 42px;
    background-image: url(../img/home/a_bg04.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

    .fiveAdvantage .container {
        position: relative;
    }

.fiveAdvantage-hd-bg {
    width: 100%;
    height: 0;
    padding-top: 17px;
    padding-bottom: 12.35%;
    background-image: url(../img/home/a_bg03.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
}

    .fiveAdvantage-hd-bg img {
        width: 28.64%;
    }

.fiveAdvantage-item-Img {
    height: 56px;
}

    .fiveAdvantage-item-Img img {
        height: 100%;
    }

.fiveAdvantage-lists li {
    width: 610px;
    padding-left: 84px;
    margin-top: 30px;
}

    .fiveAdvantage-lists li:nth-child(4), .fiveAdvantage-lists li:nth-child(5) {
        width: auto;
        padding-left: 654px;
    }

.fiveAdvantage-item-txt {
    padding-left: 74px;
    color: #333;
    font-size: 16px;
    line-height: 24px;
    margin-top: 26px;
    height: 48px;
    max-height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.fiveAdvantage-moneyImg {
    width: 36.08%;
    height: 0;
    padding-bottom: 45.4%;
    background-image: url(../img/home/a_img01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: -146px;
    right: 90px;
    z-index: 2;
}

.fiveAdvantage-contactImg {
    width: 44.92%;
    height: 0;
    padding-bottom: 24%;
    background-image: url(../img/home/a_img02.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    bottom: 0px;
    left: 46px;
    z-index: 2;
}

.fiveAdvantage-contactUs-wrapper {
    width: 27.5%;
    position: absolute;
    bottom: 8px;
    left: 270px;
    z-index: 2;
}

.fiveAdvantage-contact-telNum {
    color: #008f38;
    font-size: 36px;
    padding-left: 60px;
}

.fiveAdvantage-btn {
    margin-top: 22px;
}

    .fiveAdvantage-btn a {
        color: #fff;
        font-size: 14px;
        border: 0px;
        background: linear-gradient(to top, #9e7f35, #eace6e);
    }
/* 分割线条 */
.splitBg {
    width: 100%;
    height: 0;
    padding-bottom: 88px;
    background-image: url(../img/home/a_line02.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: -50px;
    position: relative;
    z-index: 2;
}
/* 6大政策支持 */
.sixPolicy {
    width: 100%;
    background-color: #f0efed;
    padding-bottom: 64px;
    padding-top: 78px;
    margin-top: -78px;
}

.sixPolicy-titleBg {
    width: 35.5%;
    margin: 30px auto 34px;
}

    .sixPolicy-titleBg img {
        width: 100%;
    }

.sixPolicy-topLists, .sixPolicy-topLists ul, .sixPolicy-btomLists, .sixPolicy-btomLists ul {
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 0;
}

    .sixPolicy-topLists li, .sixPolicy-btomLists li {
        display: inline-block;
        width: 200px;
        /*height: 226px;*/
        vertical-align: text-top;
        margin-right: 20px;
        position: relative;
    }

        .sixPolicy-topLists li:hover .sixPolicy-item-line, .sixPolicy-btomLists li:hover .sixPolicy-item-line {
            width: 60%;
        }

        .sixPolicy-topLists li img, .sixPolicy-btomLists li img {
            width: 100%;
        }

        .sixPolicy-topLists li:last-child, .sixPolicy-btomLists li:last-child {
            margin-right: 0;
        }

.sixPolicy-btomLists {
    margin-top: -42px;
}

.sixPolicy-item-wrapper {
    width: 100%;
    position: absolute;
    top: 42px;
    left: 0;
    z-index: 3;
}

.sixPolicy-item-title {
    width: 100%;
    color: #fff;
    font-size: 16px;
    padding: 0px 44px;
    text-align: center;
    height: 40px;
    max-height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.sixPolicy-item-line {
    width: 28px;
    height: 2px;
    border-radius: 5px;
    background-color: #fff;
    margin: 12px auto 20px;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}

.sixPolicy-item-subTitle {
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    padding: 0px 8px 0px 18px;
    height: 60px;
    max-height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
/* 食养新方式 */
.foodTherapy {
    width: 100%;
    height: 0;
    padding-bottom: 280px;
    background-image: url(../img/home/a_img03.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 4;
}

    .foodTherapy .container {
        padding-top: 126px;
    }

.hotLine {
    text-align: center;
    color: #fff;
    font-size: 24px;
    letter-spacing: 3px;
}

.hotLineNum {
    color: #fff;
    font-size: 22px;
}

.foodTherapy-btn {
    text-align: center;
    margin-top: 23px;
}

    .foodTherapy-btn a {
        width: 158px;
        height: 40px;
        line-height: 40px;
        border: 0px;
        background: linear-gradient(to top, #008f38, #12c759);
        color: #fff;
    }
/* 案例轮播 */
.case-wrapper {
    width: 100%;
    background-color: #f4f4f4;
    padding-top: 100px;
    margin-top: -100px;
    position: relative;
    z-index: 3;
}

.case {
    width: 100%;
    height: 0;
    padding-bottom: 640px;
    background-image: url(../img/home/a_bg05.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.case-titleBg {
    width: 26.66%;
    text-align: center;
    margin: 0 auto;
    margin-top: 38px;
    margin-bottom: 22px;
}

    .case-titleBg img {
        width: 100%;
    }

.case-btnGroup {
    text-align: center;
}

.case-btnGroup-splitLine {
    display: inline-block;
    width: 1px;
    height: 22px;
    background-color: #dedede;
    margin: 0 48px;
    vertical-align: middle;
}

    .case-btnGroup-splitLine:last-child {
        display: none;
    }

.case-btnGroup a {
    width: 166px;
    color: #333;
    font-size: 18px;
    border: 0px;
    background-color: #d2d2d2;
}

    .case-btnGroup a.caseActive, .case-btnGroup a:hover {
        color: #fff;
        background: linear-gradient(to top, #008f38, #12c759);
    }

.case-banenr-lists-wrapper {
    width: 100%;
    position: relative;
}

.case-banner {
    margin-top: 48px;
    width: 1020px;
}

    .case-banner .swiper-slide {
        background-color: #fff;
    }

.case-banner-item-img {
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.case-banner-item-fabulous {
    width: 20%;
    height: 0;
    padding-bottom: 20%;
    background-image: url(../img/home/a_icon05.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    bottom: -10%;
    left: 50%;
    margin-left: -10%;
    z-index: 4;
}

.case-banner-item-txt {
    width: 100%;
    height: 156px;
    padding-top: 38px;
    padding-bottom: 20px;
}

.case-name {
    color: #333;
    font-size: 16px;
    text-align: center;
}

.case-txt {
    margin-top: 20px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    padding: 0 12px;
    height: 58px;
    max-height: 58px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.case-banner li a {
    display: block;
}

.case-banner li {
    width: 300px;
    margin-right: 60px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .case-banner li:hover {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
        -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
        -ms-box-shadow: 0 0 20px rgba(0,0,0,0.4);
        -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
        box-shadow: 0 0 20px rgba(0,0,0,0.4);
    }

.case-banner-btn {
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -27px;
    z-index: 0;
}

.prevBtn, .nextBtn {
    width: 30px;
    height: 54px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.prevBtn {
    background-image: url(../img/home/a_btn_left.png);
}

.nextBtn {
    background-image: url(../img/home/a_btn_right.png);
}

.case-btn {
    text-align: center;
    margin-top: 25px;
}

    .case-btn a {
        width: 160px;
    }

        .case-btn a:hover {
            background-color: #008f38
        }
/* 公司简介 */
.companyInfos {
    padding-top: 72px;
    padding-bottom: 40px;
}

.companyInfos-title {
    text-align: center;
}

.companyInfos-subTitle {
    color: #999;
    font-size: 18px;
    text-align: center;
    margin-top: 18px;
}

.companyInfos-tabBtn {
    text-align: center;
    margin-top: 34px;
}

    .companyInfos-tabBtn a {
        color: #999;
        font-size: 14px;
        margin-right: 30px;
    }

        .companyInfos-tabBtn a:last-child {
            margin-right: 0px;
        }

        .companyInfos-tabBtn a.companyInfos-tabBtn-active,
        .companyInfos-tabBtn a:hover {
            color: #008f38;
        }

.companyInfos-othersInfos {
    margin-top: 30px;
    padding-bottom: 42px;
    overflow: hidden;
}

.company-video-wrapper {
    width: 440px;
    height: 250px;
    box-shadow: 20px 20px 0px #d9efe1;
    position: relative;
}

.company-video {
    width: 100%;
    height: 100%;
}

.company-video-poster {
    width: 440px;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}

.company-video-play {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 4;
}

.company-txt {
    width: 682px;
    padding-right: 60px;
}

.company-txt-sub {
    color: #999;
    font-size: 16px;
    letter-spacing: 10px
}

.company-txt-title {
    margin-top: 18px;
    padding-bottom: 25px;
    position: relative;
}

    .company-txt-title:after {
        width: 60px;
        height: 1px;
        background-color: #dedede;
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
    }

.company-txt-content {
    margin-top: 32px;
    text-indent: 2em;
    color: #999;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.5px;
    height: 120px;
    max-height: 120px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.companyInfos-btn {
    text-align: center;
}

    .companyInfos-btn a {
        width: 160px;
    }

        .companyInfos-btn a:hover {
            background-color: #008f38;
        }
/* 荣誉未来 */
.honor {
    width: 100%;
    height: 0;
    padding-bottom: 700px;
    /*background-image: url(../img/home/a_bg06.jpg);*/
	background-color: #f4f4f4;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .honor .container {
        padding-top: 42px;
    }

.honor-title-img {
    width: 70.34%;
    margin: 0 auto;
}

    .honor-title-img img {
        width: 100%;
    }

.honor-title-lists {
    margin-top: 18px;
}

    .honor-title-lists li {
        display: inline-block;
        width: 32%;
        padding-left: 72px;
        color: #333;
        font-size: 16px;
        margin-top: 6px;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .honor-title-lists li:after {
            content: '';
            width: 4px;
            height: 4px;
            background-color: #333;
            border-radius: 50%;
            position: absolute;
            top: 10px;
            left: 58px;
        }

.honor-banner-wrapper {
    position: relative;
    height: 300px;
    margin-top: 30px;
}

.honor-banner {
    width: 900px;
    height: 100%;
    margin: 0 auto;
}

    .honor-banner .swiper-slide {
        display: block;
        height: 100%;
        width: 26%;
        position: relative;
    }

        .honor-banner .swiper-slide > img {
            width: 100%;
            max-height: 100%;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .honor-banner .swiper-slide-prev, .honor-banner .swiper-slide-next {
        position: relative;
    }


.honor--banner-btn {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -30px;
}

    .honor--banner-btn div {
        padding: 30px 20px;
        cursor: pointer;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
		background-color: rgba(0,0,0,0.2);
    }

        .honor--banner-btn div:hover {
            background-color: rgba(0,0,0,0.8);
        }

.honor-btn-prev {
    width: 12px;
    height: 33px;
    background: url(../img/home/honor-btn-prev.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.honor-btn-next {
    width: 12px;
    height: 33px;
    background: url(../img/home/honor-btn-next.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.honor-btn {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

    .honor-btn a {
        border-color: #333;
        color: #333;
    }

        .honor-btn a:hover {
            background-color: #fff;
            border-color: #fff;
            color: #008f38;
        }
/* 资讯 */
.allInfos {
    width: 100%;
    height: auto;
}

    .allInfos .container {
        overflow: hidden;
        padding-top: 58px;
        padding-bottom: 62px;
    }

.mrketInfos {
    width: 564px;
    height: auto;
}

.model-infos-tile-wrapper {
    overflow: hidden;
}

.model-infos-tileImg-wrapper {
    width: 35.64%;
    vertical-align: bottom;
}

.model-infos-tile-wrapper a {
    float: right;
    color: #999;
    font-size: 14px;
    margin-top: 16px;
}

    .model-infos-tile-wrapper a:hover {
        color: #999;
    }

.model-infos-firstLists-wrapper {
    margin-top: 22px;
}

    .model-infos-firstLists-wrapper a {
        display: block;
        overflow: hidden;
    }

.model-infos-Img-wrapper {
    width: 28.36%;
    height: 0;
    padding-bottom: 21.27%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.model-infos-firstTxt-wrapper {
    width: -webkit-calc(100% - 31%);
    width: -moz-calc(100% - 31%);
    width: calc(100% - 31%);
}

    .model-infos-firstTxt-wrapper .model-infos-imgMD {
        text-align: left;
        margin-bottom: 8px;
    }

    .model-infos-firstTxt-wrapper .model-infos-txt-title {
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 8px;
    }

        .model-infos-firstTxt-wrapper .model-infos-txt-title:after {
            text-align: left;
            content: '';
            width: 40px;
            height: 1px;
            background-color: #dedede;
            position: absolute;
            bottom: 0;
            left: 0;
        }

    .model-infos-firstTxt-wrapper .model-infos-txt-SubTitle {
        height: 44px;
        max-height: 44px;
        line-height: 22px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        white-space: normal;
    }

.model-infos-firstLists-wrapper:hover .model-infos-txt-title {
    color: #008f38;
}

.model-infos-lists li {
    margin-top: 20px;
    border: 1px solid #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

    .model-infos-lists li a {
        display: block;
        overflow: hidden;
    }

.model-infos-imgTime-wrapper {
    width: 80px;
    height: 80px;
    background-color: #f4f4f4;
    padding: 12px 10px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.model-infos-imgMD, .model-infos-imgYY {
    text-align: center;
    color: #999;
}

.model-infos-imgMD {
    font-size: 20px;
    height: 26px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.model-infos-imgYY {
    font-size: 16px;
    padding-top: 5px;
    margin-top: 5px;
    height: 26px;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

    .model-infos-imgYY:after {
        content: '';
        width: 40px;
        height: 1px;
        background-color: #dedede;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -20px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

.model-infos-txt-wrapper {
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
    padding: 10px 16px;
}

.model-infos-txt-title {
    width: 100%;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 15px;
}

.model-infos-txt-SubTitle {
    width: 100%;
    color: #999;
    font-size: 14px;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.model-infos-lists li:hover {
    border-color: #008f38;
}

    .model-infos-lists li:hover .model-infos-imgTime-wrapper {
        background-color: #008f38;
    }

        .model-infos-lists li:hover .model-infos-imgTime-wrapper div {
            color: #fff;
        }

    .model-infos-lists li:hover .model-infos-imgYY:after {
        background-color: #fff;
    }

.nterpriseInfos {
    width: 560px;
}
/* 图片 */
.img-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 18.75%;
    /*background-image: url(../img/home/a_img05.jpg);*/
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/*
    ============================= 
            产品代理 
    =============================
*/
.productlists-wrapper .container {
    padding-top: 40px;
}

.productlists-lists-wrapper {
    width: 74%;
}

.productlists-listsUl li {
    float: left;
    width: 30%;
    margin-right: 4.3%;
    margin-bottom: 30px;
}

    .productlists-listsUl li:nth-child(3n) {
        float: left;
        margin-right: 0px;
    }

.productlists-item-img {
    height: 0px;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.productlists-item-txt-wrapper {
    padding-top: 20px;
    padding-bottom: 12px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.productlists-item-name, .productlists-item-txt {
    text-align: center;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.productlists-item-name {
    color: #333;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.productlists-item-txt {
    color: #666;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 15px;
}

.productlists-listsUl li:hover .productlists-item-txt-wrapper {
    background-color: #008f38;
}

.productlists-listsUl li:hover .productlists-item-name,
.productlists-listsUl li:hover .productlists-item-txt {
    color: #fff;
}
/*
    ============================= 
            产品代理 - 代理流程 
    =============================
*/
/* 加盟流程 */
.process-wrapper {
    width: 100%;
}

.process-img-wrapper {
    width: 54.58%;
    font-size: 0;
}

    .process-img-wrapper a {
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 500px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
    }

.process-Txt-wrapper {
    width: 35%;
    max-width: 38%;
    padding-top: 55px;
    padding-bottom: 56px;
}

    .process-Txt-wrapper li {
        overflow: hidden;
        margin-top: 25px;
    }

        .process-Txt-wrapper li:nth-child(1) {
            margin-left: 24px;
        }

        .process-Txt-wrapper li:nth-child(2) {
            margin-left: 40px;
        }

        .process-Txt-wrapper li:nth-child(3) {
            margin-left: 50px;
        }

        .process-Txt-wrapper li:nth-child(4) {
            margin-left: 40px;
        }

        .process-Txt-wrapper li:nth-child(5) {
            margin-left: 24px;
        }

        .process-Txt-wrapper li:nth-child(6) {
            margin-left: 0px;
        }

.process-Txt-icon {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #756b1a;
    font-size: 20px;
    font-weight: bold;
    background-image: url(../img/b_number.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.process-Txt-title {
    width: 70%;
    max-width: 85%;
    line-height: 40px;
    margin-left: 18px;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 加盟条件 */
.condition-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 736px;
    background-image: url(../img/b_bg01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .condition-wrapper .container {
        padding-top: 42px;
        padding-bottom: 80px;
    }

.condition-imgTitle-wrapper {
    width: 39.5%;
    margin: 0 auto;
}

    .condition-imgTitle-wrapper img {
        width: 100%;
    }

.condition-lists-wrapper {
    width: 100%;
    margin-top: 44px;
}

    .condition-lists-wrapper li {
        width: 614px;
        font-size: 0;
        margin-left: 584px;
        overflow: hidden;
        position: relative;
    }

.condition-abstract {
    width: 560px;
    display: table;
    overflow: hidden;
}

.condition-icon-num, .condition-abstract-cell {
    display: inline-block;
}

.condition-icon-num {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-image: url(../img/b_number02.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: 28px;
    margin-right: 20px;
}

    .condition-icon-num:after {
        content: '';
        width: 2px;
        height: 20px;
        background-color: #008f38;
        position: absolute;
        left: 50%;
        top: -28px;
        margin-left: -0.5px;
    }

    .condition-icon-num:before {
        content: '';
        width: 2px;
        height: 20px;
        background-color: #008f38;
        position: absolute;
        left: 50%;
        bottom: -28px;
        margin-left: -0.5px;
    }

.condition-abstract-cell {
    display: table-cell;
    vertical-align: middle;
    width: 510px;
    height: 80px;
    max-height: 80px;
    background-color: #008f38;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 20px 8px 12px;
    position: relative;
}

    .condition-abstract-cell div {
        max-height: 70px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
/* 奇数 */
.condition-lists-wrapper li:nth-child(odd) .condition-abstract-cell:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 10px solid #008f38;
    border-bottom: 6px solid transparent;
    position: absolute;
    top: 50%;
    left: -10px;
    margin-top: -6px;
}
/* 偶数 */
.condition-lists-wrapper li:nth-child(even) {
    margin-left: 0;
    padding-left: 54px;
}

    .condition-lists-wrapper li:nth-child(even) .condition-icon-num {
        margin-left: 20px;
        margin-right: 0px;
    }

    .condition-lists-wrapper li:nth-child(even) .condition-abstract-cell {
        text-align: right;
        padding: 8px 12px 8px 20px
    }

        .condition-lists-wrapper li:nth-child(even) .condition-abstract-cell:after {
            content: '';
            width: 0;
            height: 0;
            border-top: 6px solid transparent;
            border-left: 10px solid #008f38;
            border-bottom: 6px solid transparent;
            position: absolute;
            top: 50%;
            right: -10px;
            margin-top: -6px;
        }

.condition-lists-wrapper li:hover .condition-abstract-cell {
    color: #614d0e;
}

.condition-lists-wrapper li:hover .condition-abstract-cell {
    background: -webkit-linear-gradient(to right, #cca93d 0%,#eee27f 74%,#cca93d 100%);
    background: -moz-linear-gradient(to right, #cca93d 0%,#eee27f 74%,#cca93d 100%);
    background: -ms-linear-gradient(to right, #cca93d 0%,#eee27f 74%,#cca93d 100%);
    background: -o-linear-gradient(to right, #cca93d 0%,#eee27f 74%,#cca93d 100%);
    background: linear-gradient(to right, #cca93d 0%,#eee27f 74%,#cca93d 100%);
}

.condition-lists-wrapper li:hover:nth-child(odd) .condition-abstract-cell:after {
    border-right: 10px solid #cca93d;
}

.condition-lists-wrapper li:hover:nth-child(even) .condition-abstract-cell {
    background: -webkit-linear-gradient(to left, #cca93d 0%,#eee27f 74%,#cca93d 100%);
    background: -moz-linear-gradient(to left, #cca93d 0%,#eee27f 74%,#cca93d 100%);
    background: -ms-linear-gradient(to left, #cca93d 0%,#eee27f 74%,#cca93d 100%);
    background: -o-linear-gradient(to left, #cca93d 0%,#eee27f 74%,#cca93d 100%);
    background: linear-gradient(to left, #cca93d 0%,#eee27f 74%,#cca93d 100%);
}

    .condition-lists-wrapper li:hover:nth-child(even) .condition-abstract-cell:after {
        border-left: 10px solid #cca93d;
    }
/* 加盟政策 */
.policy-wrapper {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #dedede;
}

    .policy-wrapper .particle-wrapper {
        position: initial;
    }

        .policy-wrapper .particle-wrapper canvas {
            z-index: -1;
        }

    .policy-wrapper .container {
        padding-top: 90px;
        padding-bottom: 56px;
    }

.policy-imgTitle-wrapper {
    width: 35.5%;
    margin: 0 auto;
}

    .policy-imgTitle-wrapper img {
        width: 100%;
    }

.policy-lists-wrapper {
    width: 100%;
    margin-top: 18px;
}

    .policy-lists-wrapper li {
        float: left;
        width: 28%;
        margin-right: 7.8%;
        margin-top: 22px;
    }

        .policy-lists-wrapper li:nth-child(3n) {
            margin-right: 0px;
            float: right;
        }

.policy-item-Img {
    width: 140px;
    height: 160px;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.policy-item-title-wrapper {
    text-align: center;
    margin-top: 26px;
}

    .policy-item-title-wrapper > div {
        display: inline-block;
        vertical-align: middle;
    }

.policy-item-icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #6e5c1f;
    font-size: 20px;
    background-image: url(../img/policy-icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-right: 14px;
}

.policy-item-title {
    max-width: 77.38%;
    color: #333;
    font-size: 20px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.policy-item-abstract {
    margin-top: 26px;
    color: #666;
    font-size: 16px;
    line-height: 24px;
    height: 70px;
    max-height: 70px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.policy-lists-wrapper li:hover .policy-item-Img {
    -webkit-animation: mymove 1.5s;
    -moz-animation: mymove 1.5s;
    -ms-animation: mymove 1.5s;
    -o-animation: mymove 1.5s;
    animation: mymove 1.5s;
}

@-webkit-keyframes mymove {
    0% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    20% {
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        transform: translateY(12px);
        animation-timing-function: ease-out;
        -webkit-transform: translateY(12px);
        -moz-transform: translateY(12px);
        -ms-transform: translateY(12px);
        -o-transform: translateY(12px);
        transform: translateY(12px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    70% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: translateY(8px);
        -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
        -o-transform: translateY(8px);
        transform: translateY(8px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@-moz-keyframes mymove {
    0% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    20% {
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        transform: translateY(12px);
        animation-timing-function: ease-out;
        -webkit-transform: translateY(12px);
        -moz-transform: translateY(12px);
        -ms-transform: translateY(12px);
        -o-transform: translateY(12px);
        transform: translateY(12px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    70% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: translateY(8px);
        -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
        -o-transform: translateY(8px);
        transform: translateY(8px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@-webkit-keyframes mymove {
    0% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    20% {
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        transform: translateY(12px);
        animation-timing-function: ease-out;
        -webkit-transform: translateY(12px);
        -moz-transform: translateY(12px);
        -ms-transform: translateY(12px);
        -o-transform: translateY(12px);
        transform: translateY(12px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    70% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: translateY(8px);
        -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
        -o-transform: translateY(8px);
        transform: translateY(8px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@-o-keyframes mymove {
    0% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    20% {
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        transform: translateY(12px);
        animation-timing-function: ease-out;
        -webkit-transform: translateY(12px);
        -moz-transform: translateY(12px);
        -ms-transform: translateY(12px);
        -o-transform: translateY(12px);
        transform: translateY(12px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    70% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: translateY(8px);
        -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
        -o-transform: translateY(8px);
        transform: translateY(8px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes mymove {
    0% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    20% {
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        transform: translateY(12px);
        animation-timing-function: ease-out;
        -webkit-transform: translateY(12px);
        -moz-transform: translateY(12px);
        -ms-transform: translateY(12px);
        -o-transform: translateY(12px);
        transform: translateY(12px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    70% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: translateY(8px);
        -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
        -o-transform: translateY(8px);
        transform: translateY(8px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
/*
    ============================= 
            代理优势
    =============================
*/
.advantage-one-wrapper,
.advantage-four-wrapper,
.advantage-five-wrapper {
    width: 100%;
    height: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.advantage-titleBgIndex {
    width: 54px;
    height: 78px;
    line-height: 78px;
    text-align: center;
    color: #614d0e;
    font-size: 36px;
    background-image: url(../img/advantage/titleBg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-right: 20px;
}

.advantage-title {
    color: #008f38;
    font-size: 24px;
}

.advantage-titleEn {
    color: #999;
    font-size: 24px;
    text-transform: capitalize;
    margin-top: 8px;
}
/* 品牌优势 */
.advantage-one-wrapper {
    padding-bottom: 490px;
    background-image: url(../img/advantage/c_bg01.png);
}

.advantage-one-wrapper .container {
    padding-top: 60px;
}

.advantage-content {
    padding-left: 76px;
    line-height: 36px;
    color: #333;
    font-size: 16px;
    margin-top: 20px;
}
.advantage-content.list > .title {
    padding-left: 32px;
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
    color: #000;
}
.advantage-content.list > p {
    padding-left: 12px;
}
.advantage-content.list > p:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #008f38;
    content: '';
}

.advantage-one-img {
    width: 690px;
    height: 426px;
}
.advantage-one-img a {
    display: block;
    width: 690px;
    height: 0;
    padding-bottom: 426px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/* 产地优势 */
.advantage-two-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 500px;
    background-image: url(../img/advantage/c_bg02.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .advantage-two-wrapper > div {
        width: 50%;
    }

.advantage-two-img {
    width: 100%;
    height: 100%;
}

    .advantage-two-img a {
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 500px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

.advantage-two-txt {
    padding-top: 70px;
    padding-left: 40px;
    padding-right: 10px;
}

.advantage-abstract {
    font-size: 18px;
    font-weight: bold;
}
/* 产品优势 */
.advantage-three-wrapper .container {
    padding-top: 36px;
    padding-bottom: 70px;
    position: relative;
}

.advantage-three-txt {
    margin-top: 34px;
}

.advantage-three-img, .advantage-three-img a {
    display: block;
    width: 460px;
    height: 378px;
    margin-right: 74px;
}

.c_img04 {
    position: absolute;
    bottom: 34px;
    left: 206px;
}
/* 市场优势 */
.advantage-four-wrapper {
    padding-bottom: 670px;
    background-image: url(../img/advantage/c_bg03.png);
    background-size: auto;
    background-position: top;
    background-color: #f4f4f4;
}

    .advantage-four-wrapper .container {
        padding-top: 58px;
        text-align: center;
    }

    .advantage-four-wrapper .advantage-title-wrapper {
        display: inline-block;
    }

    .advantage-four-wrapper .advantage-title,
    .advantage-four-wrapper .advantage-titleEn {
        color: #fff;
    }

.advantage-four-infos-wrapper {
    width: 100%;
    max-width: 1070px;
    height: 410px;
    margin: 0 auto;
    margin-top: 44px;
    background-color: #fff;
    position: relative;
}
/* 设置底部粒子 */
.particle-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
/* 设置上层文本地图 */
.advantage-four-high {
    width: 100%;
    height: 100%;
    padding: 0 66px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}

.advantage-four-chart-wrapper {
    width: 50%;
    height: 100%;
    position: relative;
}

.advantage-chartMark {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 33;
}

.advantage-four-txt {
    width: 50%;
}

.advantage-four-others {
    margin-top: 56px;
}

    .advantage-four-others li {
        display: inline-block;
        width: 32%;
        text-align: center;
        border-right: 1px solid #dcdcdc;
    }

        .advantage-four-others li:last-child {
            border-right: 0px;
        }

.advantage-four-modelNum {
    color: #333;
    font-size: 36px;
}

.advantage-four-modelSpot {
    color: #999;
    font-size: 16px;
}

.advantage-four-abstract {
    text-align: left;
    padding-left: 56px;
    margin-top: 54px;
    color: #666;
    font-size: 16px;
    line-height: 36px;
    height: 72px;
    max-height: 72px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.advantage-four-btn-group {
    margin-top: 36px;
    text-align: left;
    padding-left: 56px;
}

    .advantage-four-btn-group a {
        display: inline-block;
        width: 158px;
        height: 44px;
        line-height: 40px;
        color: #fff;
        font-size: 14px;
        text-align: center;
        background-image: url(../img/advantage/c_btn1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

        .advantage-four-btn-group a.advantage-four-liuyanBtn {
            background-image: url(../img/advantage/c_btn2.png);
            color: #83670d;
            margin-left: 5px;
        }
/* 服务优势 */
.advantage-five-wrapper {
    padding-bottom: 770px;
    background-image: url(../img/advantage/c_bg05.png);
}

    .advantage-five-wrapper .container {
        padding-top: 58px;
        text-align: center;
    }

    .advantage-five-wrapper .advantage-title-wrapper {
        display: inline-block;
    }

.advantage-five-img-wrapper {
    width: 100%;
    margin-top: 12px;
}

    .advantage-five-img-wrapper img {
        width: 100%;
    }

.advantage-five-other {
    margin-top: 20px;
}
.advantage-five-other p:first-child{
    margin-bottom: 10px;
}
.advantage-five-other-title {
    color: #008f38;
}
.advantage-five-other-title > h4 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 26px;
    color: #008f38;
    font-weight: 700;
}
.advantage-five-other-title > .info {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
}

.advantage-five-other-subTitle {
    color: #fff;
    font-size: 14px;
    margin-top: 14px;
}

.advantage-five-other-tel {
    margin: 0 auto;
    margin-top: 32px;
    border-radius: 25px;
}

    .advantage-five-other-tel a {
        display: block;
        text-align: center;
        font-size: 0;
    }

.advantage-five-other-telNum,
.advantage-five-other-joinUs {
    display: inline-block;
    font-weight: bold;
    height: 50px;
    line-height: 48px;
    border: 2px solid #008f38;
    vertical-align: text-top;
}

.advantage-five-other-telNum {
    color: #008f38;
    font-size: 24px;
    width: 290px;
    border-radius: 25px 0px 0px 25px;
}

.advantage-five-other-joinUs {
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
    width: 116px;
    height: 50px;
    border-radius: 0px 25px 25px 0px;
    background-color: #008f38;
}
/*
    ============================= 
            成功故事列表
    =============================
*/
.pastsuccess-wrapper .container {
    padding-top: 40px;
}

.pastsuccess-lists-wrapper {
    width: 812px;
    margin-right: 70px;
}

.pastsuccess-listsUl li {
    float: left;
    width: 380px;
    margin-right: 50px;
    margin-bottom: 40px;
    border: 1px solid #dedede;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .pastsuccess-listsUl li:nth-child(even) {
        float: left;
        margin-right: 0px;
    }

    .pastsuccess-listsUl li:hover {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
        -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
        -ms-box-shadow: 0 0 20px rgba(0,0,0,0.4);
        -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
        box-shadow: 0 0 20px rgba(0,0,0,0.4);
    }
/*
    ============================= 
            最新资讯 
    =============================
*/
.model-newsLists-wrapper .container {
    padding-top: 50px;
    padding-bottom: 40px;
}

.model-newsLists-fr-wrapper {
    width: 76.83%;
}
.model-honorLists-fr-wrapper {
    float: right;
    width: 76.83%;
}
.model-honorLists-fr-wrapper .honorLists-wrapper li {
    float: left;
    width: 33.33%;
}

.articlesTitile {
    color: #008f38;
    font-size: 24px;
    padding-left: 50px;
    line-height: 33px;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px;
}

    .articlesTitile:after {
        content: '';
        width: 33px;
        height: 0;
        padding-bottom: 33px;
        background-image: url(../img/article_Icon.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: absolute;
        top: 0;
        left: 0;
    }

.model-newsLists-content-wrapper li {
    margin-top: 30px;
}

    .model-newsLists-content-wrapper li:nth-child(1) {
        margin-top: 0px;
    }

    .model-newsLists-content-wrapper li a {
        display: block;
    }

.model-newsLists-item-imgWrapper {
    width: 30.43%;
    height: 0;
    padding-bottom: 19.55%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.model-newsLists-item-txtWrapper {
    width: -webkit-calc(100% - 33.43%);
    width: -moz-calc(100% - 33.43%);
    width: calc(100% - 33.43%);
}

.model-item-title {
    color: #333;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.model-item-time {
    color: #999;
    font-size: 18px;
    margin-top: 8px;
}

.model-item-abstract {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 46px;
    max-height: 46px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 18px;
}

.model-item-check {
    color: #008f38;
    font-size: 14px;
    margin-top: 22px;
}
/* 第一个 */
.model-newsLists-firstItem .model-newsLists-item-imgWrapper {
    width: 480px;
    height: 280px;
}

.model-newsLists-firstItem .model-newsLists-item-txtWrapper {
    width: 410px;
}

.model-newsLists-firstItem .model-item-time {
    color: #999;
    font-size: 30px;
    margin-top: 12px;
}

.model-newsLists-firstItem .model-item-title {
    color: #333;
    font-size: 24px;
    margin-top: 10px;
}

.model-newsLists-firstItem .model-item-abstract {
    color: #666;
    font-size: 14px;
    height: 68px;
    max-height: 68px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.model-newsLists-firstItem .model-item-check {
    margin-top: 38px;
}

.model-newsLists-content-wrapper li:hover .model-item-title {
    color: #008f38;
}

/* 单独页面设置分页 */
.model-newsLists-fr-wrapper .model-pagination-wrapper {
    margin-bottom: 0;
    margin-top: 40px;
}
/*
    ============================= 
            相关文章列表 
    =============================
*/
.articles-lists-wrapper .sidebar-tab-wrapper {
    display: none;
    visibility: hidden;
}

.articles-lists-wrapper .sidebar-join-wrapper {
    margin-top: 0;
}
/*
    ============================= 
            荣誉资质 
    =============================
*/
.model-banner-wrapper {
    width: 100%;
    overflow: hidden;
}

.modelBannerImg {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 20.33%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
.model-banner-wrapper img {
    width: 100%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.honorLists-banner {
    width: 100%;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

    .honorLists-banner .container {
        padding-top: 58px;
        padding-bottom: 28px;
        position: relative;
    }

.honor-img-wrapper {
    width: 212px;
    height: 300px;
    margin: 0 auto;
    text-align: center;
    display: table;
}

.honorLists-cell {
    display: table-cell;
    vertical-align: middle;
}

.honor-img-wrapper img {
    width: 100%;
    height: auto;
	max-height:300px;
}

.honor-title {
    text-align: center;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    margin-top: 26px;
    margin-bottom: 46px;
    height: 52px;
    max-height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.honorLists-btn-prev, .honorLists-btn-next {
    width: 20px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    padding: 0px 30px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 4;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.honorLists-btn-prev {
    background-image: url(../img/f_arrow_l.png);
    left: -148px;
}

.honorLists-btn-next {
    background-image: url(../img/f_arrow_r.png);
    right: -148px;
}
/*
    ============================= 
            走进环太 
    =============================
*/
/* 简介公司 此处css共用首页，谨慎处理 */
.getInfos-wrapper {
    border-top: 0px;
}

    .getInfos-wrapper .company-txt-content, .getInfos-txt-wrapper {
        color: #666;
        font-size: 16px;
    }

    .getInfos-wrapper .company-txt-content {
        overflow: auto;
    }
/* 企业文化 */
.corporateculture-wrapper {
    width: 100%;
    background-color: #f1fef0;
}

.corporateculture-img-wrapper {
    width: 50%;
}

    .corporateculture-img-wrapper a {
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 444px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

.corporateculture-Txt-wrapper {
    padding: 42px 0px 0px 36px;
}

.corporateculture-txt-content {
    width: 602px;
    margin-top: 46px;
    height: 220px;
    overflow: auto;
}

    .corporateculture-txt-content p {
        color: #666;
        font-size: 16px;
        line-height: 24px;
        margin-top: 30px;
        text-indent: 2em;
    }

        .corporateculture-txt-content p:first-child {
            margin-top: 0px;
        }

.corporateculture-img-title {
    text-align: center;
}

.corporateculture-line-wrapper {
    width: 100%;
    height: 4px;
    position: relative;
    margin-top: 36px;
}

    .corporateculture-line-wrapper:after {
        content: '';
        width: 60px;
        height: 4px;
        background-color: #008f38;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -30px;
    }
/* 发展进程 */
.history-wrapper {
    width: 100%;
    height: auto;
    background-color: #f4f4f4;
    background-image: url(../img/getinfos/g_bg01.jpg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: bottom;
}

    .history-wrapper .container {
        padding-top: 36px;
    }

.history-imgTitle-wrapper {
    width: 18.42%;
    margin: 0 auto;
}

.history-imgTitle-wrappe img {
    width: 100%;
}

.history-lists-wrapper {
    margin-top: 26px;
    padding-bottom: 56px;
}

.history-wrapper .condition-abstract {
    width: 660px;
    margin-left: 482px;
}

.condition-time {
    display: inline-block;
    width: 88px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: #008f38;
    position: relative;
    vertical-align: bottom;
}

.history-wrapper .condition-icon-num {
    width: 18px;
    height: 18px;
    background-image: url(../img/getinfos/history_icon.png);
    margin: 2px 22px;
    margin-top: 32px;
}

    .history-wrapper .condition-icon-num:after {
        height: 28px;
        top: -36px;
    }

    .history-wrapper .condition-icon-num:before {
        height: 32px;
        bottom: -40px;
    }

.history-wrapper .condition-abstract-cell {
    background-color: #fff;
    border: 1px solid #008f38;
}

    .history-wrapper .condition-abstract-cell p {
        color: #666;
        font-size: 16px;
        color: #008f38;
    }
/* 奇数 */
.history-wrapper li:nth-child(odd) .condition-abstract-cell:after, .history-wrapper li:nth-child(even) .condition-abstract-cell:after {
    content: '';
}

.history-wrapper li:nth-child(odd) .condition-time:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 10px solid #008f38;
    border-bottom: 6px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -6px;
}
/* 偶数 */
.history-wrapper li:nth-child(even) .condition-abstract {
    width: 660px;
    margin-left: 60px;
}

.history-wrapper li:nth-child(even) .condition-time:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 10px solid #008f38;
    border-bottom: 6px solid transparent;
    position: absolute;
    top: 50%;
    left: -10px;
    margin-top: -6px;
}

/* 在线商城 */
.shopping-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 350px;
    background-image: url(../img/getinfos/shoppingbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .shopping-wrapper .container {
        padding-top: 50px;
    }

.shopping-title {
    color: #fff;
    font-size: 30px;
    text-align: center;
}

.shopping-lists {
    text-align: center;
    margin-top: 54px;
}

    .shopping-lists li {
        display: inline-block;
        width: 25%;
        height: 120px;
        margin-right: 6%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .shopping-lists li:last-child {
            margin-right: 0;
        }

.shoppinf-item-img-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 40%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.shoppinf-item-title {
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-top: 16px;
}

.shopping-lists li:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}
/*
    ============================= 
            走进环太 - 联系我们 
    =============================
*/
/* 地图 */
.map-wrapper {
    width: 100%;
    height: 400px;
}

#allmap {
    width: 100%;
    height: 100%;
}
/* 联系我们 footer 设置 */
.footer-contactus-wrapper .container {
    overflow: hidden;
    padding-top: 42px;
    padding-bottom: 88px;
}

.footer-contactus-wrapper .footer-wrapper {
    padding: 0;
}

.footer-contactus-wrapper .footer-title {
    margin-bottom: 0;
}

.footer-contactus-wrapper .footer-telNum {
    margin-top: 34px;
}

.footer-contactus-wrapper .footer-codeMa {
    margin-top: 34px;
}

.footer-contactus-wrapper .footer-codeMa-wrapper {
    margin-top: 20px;
}

.footer-contactus-wrapper .footer-codeMaOne {
    margin-right: 70px;
}
/* 留言 */
.leaveMessage-wrapper {
    width: 55%;
    margin-right: 4.6%;
}

    .leaveMessage-wrapper form {
        font-size: 0;
    }

.leaveMessage-title {
    color: #333;
    font-size: 18px;
    font-weight: bold;
}

.leaveMessage-form {
    overflow: hidden;
    margin-top: 56px;
}

    .leaveMessage-form > div {
        width: 48%;
    }

.leaveMessage-label {
    color: #8f8f8f;
    font-size: 14px;
}

.leaveMessage-form input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #666;
    border: 1px solid #dedede;
    outline: none;
    padding: 0 5px;
    margin-top: 10px;
}

.leaveMessage-txt {
    width: 100%;
    margin-top: 12px;
}

    .leaveMessage-txt textarea {
        width: 100%;
        height: 140px;
        color: #dedede;
        border: 1px solid #dedede;
        resize: none;
        outline: none;
        padding: 5px;
        margin-top: 22px;
        color: #666;
    }

.leaveMessage-btn {
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #8d8e90;
    margin-top: 24px;
    cursor: pointer;
}
/*
    ============================= 
            网站地图 
    =============================
*/
.webmap-wrapper {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 52px;
    background-color: #f4f4f4;
}
.webmap-title-wrapper {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #008f38;
    font-size:0;
}
.webmap-title-wrapper span {
    color:#fff;
    font-size:30px;
    vertical-align:top;
    margin-left:10px;
}
.webmap-navItem{
    margin-top:20px;
    background-color:#fff;
}
.webmap-navItem:first-child {
    margin-top: 22px;
}
.webmap-nav-title {
    width: 100%;
    height: 60px;
    line-height:60px;
    border-bottom: 1px solid #dedede;
}
.webmap-nav-title a{
    padding-left:80px;
    color:#333;
    font-size:18px;
    line-height:60px;
    position:relative;
      
}
.webmap-nav-title a:after {
    content: '';
    width: 4px;
    height: 24px;
    background-color: #008f38;
    position: absolute;
    top: 0px;
    left: 58px;
}
.webmap-navTwoItem{
    padding-left:80px;
}
.webmap-navTwoItem{
    line-height:70px;
}
.webmap-navTwoItem a:hover {
    color: #008f38;
}
    /*
    ============================= 
            移动端 
    =============================
*/
    @media (max-width: 1024px) {
        /* ================ 样式重置 ================ */
        html, body {
                font-size: 62.5%;
            }

            .container {
                width: 100%;
                max-width: 1000px;
            }

            .header-wrapper {
                height: auto;
                max-height: 9.0rem;
            }

            .header-container-wrapper {
                width: 90%;
            }

            .logo-wrapper {
                width: 29.25%;
            }

            .logo {
                width: 28.07%;
                height: 0;
                padding-bottom: 19.7%;
            }

            .slogan {
                width: 61.58%;
                height: 0;
                padding-bottom: 14.78%;
                margin-left: 10.34%;
                margin-top: 5px;
            }

            .code-wrapper {
                width: 29.54%;
                margin-top: 6px;
            }

            .tel-wrapper {
                width: 56.58%;
                padding-left: 15.12%;
                margin-top: 0.1rem;
                margin-right: 3.34%;
            }

                .tel-wrapper:after {
                    width: 22.55%;
                }

            .tel-title {
                font-size: 1.3rem;
            }

            .tel-num {
                font-size: 1.5rem;
            }

            .codeMa {
                width: 16.58%;
                height: 0;
                padding-bottom: 16.58%;
            }

            .codeOne {
                margin-right: 6.24%;
            }
            /* ================ 导航 ================ */
            .nav-wrapper li {
                width: 11.4%;
                padding: 12.5px 20px;
            }

                .nav-wrapper li:after {
                    height: 22px;
                    top: 14px;
                }

                .nav-wrapper li span {
                    padding: 11px 0.1rem;
                    font-size: 16px;
                }
            /* ================ 弹出 ================ */
            .nav-pop-wrapper li {
                width: 11.4%;
            }

                .nav-pop-wrapper li a {
                    font-size: 14px;
                }
            /* ================ 顶部占位 ================ */
            .seat {
                width: 100%;
                height: 0;
                padding-bottom: 10.9%;
            }
            /* ================ banner ================ */
            .swiper-slide img {
                width: 100%;
            }
            /* ================ 底部 ================ */
            .footer-logo {
                width: 17.3%;
                margin-right: 5.5%;
                margin-top: 3%;
            }

            .footer-nav {
                width: 14%;
                margin-right: 16.5px;
            }

            .footer-nav-wrapper li {
                width: 100%;
                padding: 3px 0;
            }

                .footer-nav-wrapper li:nth-child(even) {
                    text-align: left;
                }

            .footer-contactUs {
                margin-right: 4.5%;
            }
            /* ================ 列表左侧栏 ================ */
            /* 加盟 */
            .sidebar-join-tel {
                padding-left: 36px;
            }
            /* ================ 公共banner ================ */
            .model-banner-wrapper img {
                width: 160%;
            }
            /*
    ============================= 
            首页 
    =============================
    */
            /* 剖析解说 */
            .analyse-item-wrapper {
                margin-right: 4.0%;
            }
            /* 收获健康 */
            .harvest {
                width: 100%;
                padding-top: 6.5rem;
                padding-bottom: 5.0rem;
            }

            .harvest-title {
                width: 40.83%;
            }

            .harvest-lists {
                padding-left: 25.16%;
            }
            /* 环太产品 */
            .resembleTab {
                width: 23%;
                padding-bottom: 32.2%;
                top: -0.88%;
                left: -0.6%;
            }

            .resembleTabTxt {
                padding: 31.47% 8px 28.46% 8px;
            }

                .resembleTabTxt li a {
                    padding-top: 8.5%;
                    padding-bottom: 3.5%;
                    font-size: 1.8rem;
                }

                .resembleTabTxt li:after {
                    width: 65.2%;
                    height: 1px;
                    margin-left: -32.6%;
                }

            .homeProducts-lists-wrapper {
                width: 74.16%;
                padding-top: 28px;
                padding-bottom: 50px;
                margin-left: 25.8%;
            }

            .homeProduct-lists li {
                width: 32%;
                margin-right: 2%;
            }
            /* 5大优势 */
            .fiveAdvantage-item-Img {
                width: 58%;
            }

                .fiveAdvantage-item-Img img {
                    width: 100%;
                }

            .fiveAdvantage-lists li {
                width: 50.83%;
                padding-left: 3%;
                margin-top: 30px;
            }

                .fiveAdvantage-lists li:nth-child(4), .fiveAdvantage-lists li:nth-child(5) {
                    padding-left: 54.5%;
                }

            .fiveAdvantage-contact-telNum {
                padding-left: 5%;
                font-size: 3.0rem;
            }

            .fiveAdvantage-contactImg {
                bottom: 12px;
            }
            /* 6大政策支持 */
            .sixPolicy-topLists li, .sixPolicy-btomLists li {
                width: 16.66%;
            }

            .sixPolicy-item-wrapper {
                top: 20.3%;
            }

            .sixPolicy-item-title {
                padding: 0 12%;
            }

            .sixPolicy-item-line {
                margin: 5.3% auto 6.8%;
            }

            .sixPolicy-item-subTitle {
                height: 38px;
                max-height: 38px;
                -webkit-line-clamp: 2;
                padding: 0px 6px;
            }

            .sixPolicy-btomLists {
                margin-top: -22px;
            }
            /* 案例轮播 */
            .case {
                padding-bottom: 64%;
            }

            .case-banner {
                margin-top: 48px;
                width: 100%;
            }

            .case-banner-btn {
                display: none;
            }
            /* 公司简介 */
            .company-video-wrapper {
                width: 36.66%;
                height: 20.83%;
            }

            .company-video-poster {
                width: 100%;
                height: 100%;
            }

            .company-txt {
                width: 56.83%;
                padding-right: 0;
            }

            .company-txt-title img {
                width: 80%;
            }
            /* 荣誉未来 */
            .honor {
                padding-bottom: 72%;
            }

            .honor-banner {
                width: 80%;
            }

                .honor-banner .swiper-slide-prev, .honor-banner .swiper-slide-next {
                    -webkit-transform: scale(0.6);
                    -moz-transform: scale(0.6);
                    -ms-transform: scale(0.6);
                    -o-transform: scale(0.6);
                    transform: scale(0.6);
                }

                .honor-banner .swiper-slide-active, .honor-banner .swiper-slide-duplicate-active {
                    -webkit-transform: scale(0.8);
                    -moz-transform: scale(0.8);
                    -ms-transform: scale(0.8);
                    -o-transform: scale(0.8);
                    transform: scale(0.8);
                }
            /* 资讯 */
            .mrketInfos, .nterpriseInfos {
                width: 48%;
            }

            /*
    ============================= 
            代理优势
    =============================
    /* 品牌优势 */
            .advantage-one-wrapper {
                padding-bottom: 38%;
            }

            .advantage-one-img {
                width: 56.5%;
                height: 35.5%;
            }

                .advantage-one-img a {
                    width: 100%;
                    padding-bottom: 61.74%;
                }
            /* 产地优势 */
            .advantage-two-img a {
                padding-bottom: 100%;
                background-position: initial;
            }
            /* 市场优势 */
            .advantage-four-wrapper {
                padding-bottom: 63.9%;
            }

            .advantage-four-high {
                padding: 0;
            }

            .advantage-four-chart-wrapper {
                width: 42%;
            }

            .advantage-five-wrapper {
                padding-bottom: 68.0%;
            }

            .advantage-four-txt {
                width: 56.25%;
            }
            /*
        ============================= 
                走进环太
        =============================
    */
            .corporateculture-img-wrapper {
                display: none;
            }

            .corporateculture-Txt-wrapper {
                float: none;
                padding: 42px 36px 50px 36px;
            }

            .corporateculture-txt-content {
                width: 100%;
                height: auto;
            }
            /* 发展进程 */
            .history-wrapper .condition-abstract {
                width: 550px;
                margin-left: 372px;
            }

            .condition-abstract-cell {
                width: 400px;
            }

            .history-wrapper .condition-icon-num:before {
                bottom: -38px;
            }
            /* 在线商城 */
            .shopping-wrapper {
                padding-bottom: 33.22%;
            }

            /*
    ============================= 
            荣誉资质 
    =============================
    */
            .honorLists-btn-prev, .honorLists-btn-next {
                display: none;
            }
            /*
    ============================= 
            最新资讯 
    =============================
    */
            .model-newsLists-firstItem .model-newsLists-item-imgWrapper {
                width: 43%;
                height: 0;
                padding-bottom: 35.03%;
            }

            .model-item-abstract {
                margin-top: 8px;
            }

            .model-item-check {
                margin-top: 10px;
            }
            /*
    ============================= 
            成功故事 
    =============================
    */
            .pastsuccess-lists-wrapper {
                width: 72%;
                margin-right: 0;
            }

            .pastsuccess-listsUl li {
                width: 44%;
                margin-right: 6%;
            }
            /*
    ============================= 
            代理流程 
    =============================
    */
            /* 加盟流程 */
            .process-img-wrapper a {
                padding-bottom: 80%;
                background-size: cover;
                background-position: right;
            }

            .process-Txt-wrapper {
                padding-top: 16px;
                padding-bottom: 0;
            }
            /* 加盟条件 */
            .condition-wrapper {
                padding-bottom: 78%;
            }

            .condition-lists-wrapper li {
                width: 51.16%;
                margin-left: 474px;
            }

            .condition-abstract {
                width: 450px;
            }
            /* 加盟政策 */

        }

        @media (max-width: 768px) {
            .container {
                width: 100%;
                max-width: 750px;
            }
            /* ================ 头部 ================ */
            .header-wrapper {
                padding: 6px 0;
            }

            .code-wrapper {
                width: 35.54%;
            }

            .tel-wrapper:after {
                width: 21.55%;
            }
            /* ================ 导航 ================ */
            .nav-wrapper li {
                width: 13%;
                padding: 12.5px 0px;
            }
            /* ================ 导航弹出 ================ */
            .nav-pop-wrapper li {
                width: 13%;
            }

                .nav-pop-wrapper li a {
                    font-size: 12px;
                }
            /* ================ 顶部占位 ================ */
            .seat {
                width: 100%;
                height: 0;
                padding-bottom: 13.9%;
            }
            /* ================ footer ================ */
            .footer-logo {
                display: block;
                width: 22%;
                padding-bottom: 18%;
                margin-right: 10%;
                float: none;
                margin: 0 auto;
            }

            .footer-nav {
                width: 100%;
                float: none;
                margin-top: 20px;
            }

            .footer-nav-wrapper li {
                width: auto;
                padding: 8px 20px;
            }

            .footer-contactUs {
                width: 100%;
                float: none;
                margin-right: 14.5%;
                margin-top: 20px;
            }

            .footer-codeMa {
                float: none;
                margin-top: 20px;
            }
            /* ================ 列表左侧栏 ================ */
            .sidebar {
                width: 23.83%;
            }

            .model-detail-fr-wrapper {
                width: 75%;
            }

            .sidebar-join-txt {
                padding: 0;
            }

            /* ================ 公共banner ================ */
            .model-banner-wrapper img {
                width: 180%;
            }
            /*
        ============================= 
                首页 
        =============================
    */
            /* banner */
            .banner-wrapper {
                height: 300px;
            }

                .banner-wrapper .swiper-slide img {
                    height: 100%;
                }
            /* 健康事业 */
            .harvest-lists {
                padding-left: 10%;
            }
            /* 环太产品 */
            .resembleTabTxt {
                padding: 31.47% 8px 18.46% 8px;
            }

            .resembleTab-tell {
                font-size: 14px;
            }
            /* 五大优势 */
            .fiveAdvantage-moneyImg {
                top: -21px;
                right: 21px;
            }

            .fiveAdvantage-contactImg {
                bottom: 82px;
            }

            .fiveAdvantage-contactUs-wrapper {
                bottom: 65px;
                left: 208px;
            }

            .fiveAdvantage-contact-telNum {
                font-size: 2.0rem;
            }

            .fiveAdvantage-item-txt {
                height: 50px;
                max-height: 50px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
            }
            /* 政策支持 */
            .sixPolicy-topLists li, .sixPolicy-btomLists li {
                width: 20.66%;
            }
            /* 真实案例 */
            .case {
                padding-bottom: 74%;
            }
            /* 关于公司信息 */
            .company-video-wrapper {
                float: none;
                width: 90%;
                margin: 0 auto;
            }

            .company-txt {
                float: none;
                width: 90%;
                margin: 80px auto 0;
            }
            /* 荣誉 */
            .honor {
                padding-bottom: 86%;
            }

            .honor-banner-wrapper {
                height: 218px;
                margin-top: 50px;
            }

            .honor-btn {
                margin-top: 60px;
            }

            .swiper-slide img {
                width: 100%;
            }
            /* 资讯 */
            .mrketInfos, .nterpriseInfos {
                float: none;
                width: 100%;
                padding: 0 20px;
            }

            .nterpriseInfos {
                margin-top: 30px;
            }

            .model-infos-Img-wrapper {
                height: 116px;
            }

                .model-infos-Img-wrapper img {
                    height: 100%;
                }


            /*
        ============================= 
                代理优势
        =============================
    */
            /* 品牌优势 */
            .advantage-one-wrapper {
                padding-bottom: 53%;
            }
            /* 产地优势 */
            .advantage-two-img a {
                padding-bottom: 131%;
            }

            .advantage-two-txt {
                padding-top: 42px;
                padding-left: 16px;
            }
            /* 产品优势 */
            .advantage-three-img, .advantage-three-img a {
                width: 400px;
                height: 300px;
                margin-right: 0;
            }

                .advantage-three-img a {
                    background-size: cover;
                }

            .c_img04 {
                left: 90px;
            }
            /* 市场优势 */
            .advantage-four-wrapper {
                padding-bottom: 82%;
            }

            .advantage-four-txt {
                width: 57%;
            }

            .advantage-four-others li {
                padding: 0 30px;
            }
            /* 服务优势 */
            .advantage-five-wrapper {
                padding-bottom: 81%;
            }
            /*
        ============================= 
                相关文章列表
        =============================
    */
            .model-newsLists-fr-wrapper {
                width: 72.83%;
            }

            .detail-page-wrapper a {
                display: block;
                margin-bottom: 12px;
            }
            .article-page-btn a.next-btn > span,
            .article-page-btn a.prev-btn > span {
                display: none;
            }

            .detail-page-prev, .detail-page-next {
                width: 100%;
            }

            .model-newsLists-firstItem .model-item-title {
                margin-top: 4px;
            }

            .model-item-abstract {
                margin-top: 8px;
            }

            .model-item-check, .model-newsLists-firstItem .model-item-check {
                margin-top: 10px;
            }
            /*
        ============================= 
                走进环太
        =============================
    */
            /* 发展进程 */
            .history-wrapper .condition-abstract {
                width: 490px;
                margin-left: 252px;
            }

            .condition-abstract-cell {
                width: 340px;
            }

            .history-wrapper .condition-icon-num:before {
                bottom: -38px;
            }

            .history-wrapper li:nth-child(even) .condition-abstract {
                width: 660px;
                margin-left: 0;
            }
            /* 在线商城 */
            .shopping-wrapper {
                padding-bottom: 38.22%;
            }
            /*
        ============================= 
                走进环太 - 联系我们 
        =============================
    */
            .leaveMessage-wrapper {
                width: 90%;
                margin: 0 auto;
                float: none;
            }

            .footer-contactus-wrapper .footer-wrapper {
                width: 90%;
                margin: 0 auto;
                overflow: hidden;
                float: none;
                margin-top: 80px;
            }

                .footer-contactus-wrapper .footer-wrapper > div {
                    float: left;
                }

            .model-newsLists-firstItem .model-newsLists-item-txtWrapper {
                width: 286px;
            }

            .process-img-wrapper a {
                padding-bottom: 98%;
            }

            /*
        ============================= 
                代理流程
        =============================
    */
            .condition-wrapper {
                padding-bottom: 100%;
            }

            .condition-abstract {
                width: 382px;
            }

            .condition-lists-wrapper li {
                width: 51%;
                margin-left: 47%;
            }

                .condition-lists-wrapper li:nth-child(even) {
                    padding-left: 0;
                }
        }


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}



.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation: flipInX 2s infinite;
    animation: flipInX 2s infinite;
}


/*专题详情*/
.subject-detail .thumb {
    float: left;
    width: 450px;
    height: 300px;
    margin: 0 30px 10px 0;
    border: 1px solid #ccc;
    text-align: center;
}
.subject-detail .thumb > span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.subject-detail .thumb > img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.subject-detail .content-wrapper {
    /*margin-left: 480px;*/
}
.subject-detail .content-wrapper .title {
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    color: #333;
}
.subject-detail .content-wrapper .content-box {
    font-size: 14px;
    line-height: 30px;
    color: #666;
}
.subject-list {
    width: auto !important;
    margin-right: -40px;
}
.subject-list li {
    float: left;
    width: 50%;
    margin: 0;
    font-size: 14px;
    line-height: 24px;
}
.subject-list li .box {
    position: relative;
    margin-right: 40px;
    padding: 11px 105px 3px 0;
    border-bottom: 1px solid #e1e1e1;
}
.subject-list li .time {
    position: absolute;
    top: 11px;
    right: 0;
    color: #bbb;
}
.subject-list li a {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    padding-left: 15px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
}
.subject-list li a:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    background: #666;
    content: '';
}
.subject-list li a:hover {
    color: #008f38;
}
.subject-list li a:hover:before {
    background-color: #008f38;
}
.subject-new-list .section-title {
    padding-bottom: 25px;
    font-size: 18px;
    color: #333;
}
.subject-thumb-list {
    margin-right: -40px;
}
.subject-thumb-list li {
    box-sizing: border-box;
    float: left;
    width: 25%;
    padding: 30px 40px 0 0;
}
.subject-thumb-list li a {
    display: block;
}
.subject-thumb-list li .pic {
    background-size: cover;
}
.subject-thumb-list li .pic:before {
    display: block;
    padding-bottom: 66.66%;
    content: '';
}
.subject-thumb-list li .name {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 14px;
    line-height: 36px;
}
.subject-thumb-list li a:hover .name {
    color: #008f38;
}
.recommend-lists-titlemore {
    float: right;
    font-size: 14px;
    color: #008f38 !important;
}
.recommend-lists-titlemore:hover {
    text-decoration: underline;
}