@import url('font-awesome.min.css');
 
body, input, h1, h2, h3, h4, h5, h6, p, textarea, table, div, ul, li, select {
    margin: 0;
    padding: 0;
    color: inherit;
    line-height: 1;
    font-family: "microsoft yahei";
}

img {
    border: 0;
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

.fl {
    float: left;
}

.title a:visited {
    color: #888 !important;
}

.fr {
    float: right;
}

ul, li {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

.clear {
    clear: both;
}

:focus {
    outline: none !important;
    border-color: inherit;
}

.clearfix {
    *zoom: 1;
}

    .clearfix:before, .clearfix:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .clearfix:after {
        clear: both;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

h3, h4, h5, h6 {
    font-weight: normal;
}

em, i {
    font-style: normal;
}

* {
    box-sizing: border-box;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

.bold {
    font-weight: bold;
}

.center {
    text-align: center;
}

.img {
    width: 100%;
    display: block;
}

html {
    font-size: 13.3333vw;
}

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

.ele {
    position: relative;
}

    .ele:before, .ele:after {
        content: '';
        position: absolute;
        display: block;
    }

.c_main {
    color: #57aa34;
}
/*头部*/
.head {
    position: fixed;
    width: 100%;
    height: 1rem;
    left: 0;
    top: 0;
    z-index: 100;
    padding: .2rem 0;
}

    .head .icon {
        width: .4rem;
        height: .4rem;
        position: absolute;
        top: .3rem;
    }

    .head .icon_address {
        background: url(../m/images/icon_01.png) no-repeat center;
        background-size: cover;
        left: .3rem;
    }

    .head .icon_msg {
        background: url(../m/images/icon_03.png) no-repeat center;
        background-size: cover;
        right: .3rem;
    }

.hd_search {
    width: 5.75rem;
    height: .6rem;
    border-radius: .3rem;
    background: rgba(255,255,255,.32);
    margin: 0 auto;
    padding: 0 .15rem;
}

    .hd_search .ipt {
        border: none;
        display: block;
    }

    .hd_search .ipt_txt {
        width: 4.7rem;
        font-size: .28rem;
        color: #fff;
        line-height: .6rem;
        background: transparent;
        margin-left: .1rem;
    }

    .hd_search .ipt_button {
        width: .6rem;
        background: url(../m/images/icon_02.png) no-repeat center;
        background-size: .4rem;
        height: .6rem;
    }

    .hd_search input::-webkit-input-placeholder {
        color: #fff;
    }

    .hd_search input::-moz-placeholder {
        color: #fff;
    }

    .hd_search input:-moz-placeholder {
        color: #fff;
    }

    .hd_search input:-ms-input-placeholder {
        color: #fff;
    }

.head_fixed {
    background: #57aa34;
}

.head .icon_menu {
    background: url(../m/images/icon_23.png) no-repeat center;
    background-size: cover;
    right: .3rem;
}

.inner_hd .icon {
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: .2rem;
}

.inner_hd .icon_menu {
    background: url(../m/images/icon_23.png) no-repeat center;
    background-size: cover;
    right: .3rem;
}

nav {
    font-size: .36rem;
    display: none;
}

.s_banner {
    margin-top: .8rem;
}

.hd_drop {
    background: #fff;
    width: 2.6rem;
    border-radius: .04rem;
    position: fixed;
    padding: .2rem .3rem;
    top: .9rem;
    right: 0;
    display: none;
}

    .hd_drop li {
        padding: 0 0 .3rem;
    }

        .hd_drop li .h_icon {
            margin-right: .1rem;
            width: .34rem;
            height: .34rem;
            display: block;
            float: left;
        }

        .hd_drop li > a {
            font-size: .26rem;
            color: #333333;
            display: block;
            line-height: .35rem;
        }

    .hd_drop .submenu {
        margin-top: .2rem;
        padding-left: .2rem;
        display: none;
    }

        .hd_drop .submenu a {
            display: block;
            font-size: .22rem;
            color: #666666;
            line-height: .5rem;
            position: relative;
            padding-left: .2rem;
        }

            .hd_drop .submenu a:before {
                content: '';
                position: absolute;
                width: .06rem;
                height: .06rem;
                background: #999999;
                left: 0;
                top: .2rem;
                display: block;
            }






/*首页*/
.banner img {
    width: 100%;
    display: block;
}

.banner .swiper-button-next, .banner .swiper-button-prev {
    width: .2rem;
    height: .5rem;
    margin-top: -.25rem;
}

.banner .swiper-button-prev {
    background: url(../m/images/icon_04.png) no-repeat center;
    background-size: cover;
}

.banner .swiper-button-next {
    background: url(../m/images/icon_05.png) no-repeat center;
    background-size: cover;
}

.banner .swiper-pagination-bullet {
    width: .12rem;
    height: .12rem;
    border: 1px solid #fff;
    opacity: 1;
    background: transparent;
}

.banner .swiper-pagination-bullet-active {
    background: #fff;
}

.banner .swiper-pagination {
    font-size: 0;
}

.p_border {
    border-bottom: .15rem solid #f3f3f3;
}

.top_menu {
    padding: .3rem 0;
    font-size: 0;
    text-align: center;
}

    .top_menu .item {
        display: inline-block;
        width: 2.15rem;
        margin: 0 .1rem;
    }

    .top_menu .t_img {
        display: block;
        height: 1.6rem;
        box-shadow: 0 0 .1rem #f3f3f3;
        padding-top: 1px;
    }

    .top_menu .icon {
        width: 1.2rem;
        height: 1.2rem;
        display: block;
        margin: .2rem auto;
    }

    .top_menu .font {
        font-size: .3rem;
        color: #333333;
        margin-top: .2rem;
    }

.idx_menu {
    padding: .45rem .2rem .4rem;
}

    .idx_menu .item {
        width: 25%;
        text-align: center;
        float: left;
        display: block;
    }

        .idx_menu .item .icon {
            width: .8rem;
            height: .8rem;
            display: block;
            margin: 0 auto;
        }

        .idx_menu .item .font {
            font-size: .24rem;
            color: #666666;
            margin-top: .2rem;
        }

.idx_top {
    height: 55px;
    background: #61ac32;
}

    .idx_top .font {
        font-size: 16px;
        color: #fefeff;
        font-weight: bold;
        display: inline-block;
        margin-left: 35px;
        line-height: 55px;
        float: left;
    }

    .idx_top .txt {
        margin-right: 35px;
    }

    .idx_top li {
        font-size: 16px;
        color: #fff;
        line-height: 55px;
    }

        .idx_top li a:hover {
            opacity: .8;
        }

.tag {
    position: absolute;
    font-size: 10px;
    color: #fff;
    padding: 0 4px;
    height: 14px;
    line-height: 14px;
    background: #f7132e;
    text-align: center;
    display: inline-block;
    margin-top: 8px;
}

.idx_titbox {
    padding: 0 .3rem;
    height: .75rem;
    border-bottom: 1px solid #f3f3f3;
    font-size: .34rem;
    color: #1a1a1a;
    line-height: .75rem;
}

    .idx_titbox .more {
        font-size: .28rem;
        color: #57aa34;
        position: relative;
        line-height: .75rem;
    }

        .idx_titbox .more span {
            /*width: .26rem;
            height: .26rem;*/
            font-size: 0.18rem;
        }
/*.idx_titbox .more:after {
            content: '';
            display: inline-block;
            background: url(../m/images/idx_08.png) no-repeat center;
            background-size: cover;
            width: .26rem;
            height: .26rem;
            margin-left: .1rem;
            vertical-align: middle;
        }*/

.idx_news_menu {
    height: .7rem;
    padding: .1rem .3rem;
    border-bottom: 1px solid #ddd;
}

    .idx_news_menu a {
        width: 33.3%;
        float: left;
        text-align: center;
        font-size: 0;
        border-right: 1px solid #ddd;
    }

        .idx_news_menu a .fz {
            display: inline-block;
            font-size: .28rem;
            /*color: #333333;*/
            height: .5rem;
            line-height: .5rem;
            position: relative;
            height: .5rem;
        }

            .idx_news_menu a .fz:before {
                content: '';
                display: inline-block;
                width: .26rem;
                height: .26rem;
                margin-right: .15rem;
                vertical-align: middle;
            }

        /*.idx_news_menu .company .fz:before {
        background: url(../m/images/idx_09.png) no-repeat center;
        background-size: cover;
    }

    .idx_news_menu .notice .fz:before {
        background: url(../m/images/idx_10.png) no-repeat center;
        background-size: cover;
    }

    .idx_news_menu .focus .fz:before {
        background: url(../m/images/idx_11.png) no-repeat center;
        background-size: cover;
    }*/

        .idx_news_menu a:last-child {
            border-right: none;
        }

        .idx_news_menu a.cur {
            color: #57aa34;
        }
    /*.idx_news_menu .company.cur .fz:before {
        background: url(../m/images/idx_09-1.png) no-repeat center;
        background-size: cover;
    }

    .idx_news_menu .notice.cur .fz:before {
        background: url(../m/images/idx_10-1.png) no-repeat center;
        background-size: cover;
    }

    .idx_news_menu .focus.cur .fz:before {
        background: url(../m/images/idx_11-1.png) no-repeat center;
        background-size: cover;
    }*/

    .idx_news_menu li.cur .fz:after {
        width: 100%;
        height: 2px;
        background: #57aa34;
        content: '';
        left: 0;
        bottom: -.1rem;
        display: block;
        position: absolute;
    }

.idx_news_list {
    padding: 0 .3rem;
}

    .idx_news_list .item {
        padding: .2rem 0;
        border-bottom: 1px dashed #ddd;
    }

    .idx_news_list .img {
        width: 2.4rem;
        height: 1.6rem;
    }

    .idx_news_list .info {
        padding: .2rem 0 0;
        width: 4.3rem;
    }

        .idx_news_list .info .title {
            display: block;
            font-size: .28rem;
            line-height: .4rem;
            height: .8rem;
            color: #333333;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .idx_news_list .info .bot {
            font-size: .24rem;
            color: #999999;
            margin-top: .14rem;
        }

    .idx_news_list .item:last-child {
        border-bottom: none;
    }

.idx_pro .detail {
    padding: .3rem;
}

.idx_pro .item .img {
    width: 3.3rem;
    /*height: 2.3rem;*/
}

.idx_pro .item .title {
    font-size: .26rem;
    color: #666666;
    display: block;
    margin: .2rem 0 .15rem;
    text-align: center;
}

.idx_pro .item .more {
    font-size: .22rem;
    color: #57aa34;
    width: 1.2rem;
    height: .38rem;
    line-height: .38rem;
    border: 1px solid #57aa34;
    border-radius: .04rem;
    display: block;
    text-align: center;
}

    .idx_pro .item .more:active {
        background: #57aa34;
        color: #fff;
    }

.idx_pro .swiper-button-next, .idx_pro .swiper-button-prev {
    width: .2rem;
    height: .4rem;
    top: .95rem;
    margin-top: 0;
}

.idx_pro .swiper-button-prev {
    background: url(../m/images/icon_06.png) no-repeat center;
    background-size: cover;
}

.idx_pro .swiper-button-next {
    background: url(../m/images/icon_07.png) no-repeat center;
    background-size: cover;
}

.idx_video .detail {
    padding: .3rem;
}

.idx_video .item {
    box-shadow: 0 0 .1rem #ddd;
}

    .idx_video .item .img {
        width: 100%;
        height: 3.2rem;
    }

    .idx_video .item .info {
        padding: .2rem .25rem;
    }

    .idx_video .item .title {
        font-size: .26rem;
        color: #333333;
        display: block;
    }

    .idx_video .item .date {
        font-size: .24rem;
        color: #999999;
        margin-top: .15rem;
    }

.idx_media .detail {
    padding: .3rem .3rem 0;
}

    .idx_media .detail .item {
        margin-bottom: .3rem;
    }

        .idx_media .detail .item .img {
            width: 100%;
        }

/*底部*/
.foot_t {
    text-align: center;
    padding: .45rem 0;
}

    .foot_t .img {
        width: 1.4rem;
        height: 1.4rem;
        margin: 0 auto;
    }

    .foot_t .font {
        font-size: .24rem;
        color: #666666;
        margin-top: .15rem;
    }

.foot_b {
    text-align: center;
    padding: .35rem 0;
    background: #3a3a3a;
}

    .foot_b p {
        font-size: .22rem;
        color: #666;
        line-height: .35rem;
    }
/*新闻资讯*/
.inner_hd {
    background: url(../m/images/icon_14.jpg) no-repeat center;
    background-size: cover;
    height: .8rem;
    position: relative;
    text-align: center;
    font-size: .32rem;
    color: #fff;
    line-height: .8rem;
    position: fixed;
    z-index: 100;
    width: 100%;
    left: 0;
    top: 0;
}

    .inner_hd .back {
        background: url(../m/images/icon_13.png) no-repeat center;
        background-size: cover;
        width: .16rem;
        height: .3rem;
        display: block;
        position: absolute;
        left: .3rem;
        top: 50%;
        margin-top: -.15rem;
    }

    .inner_hd + div {
        margin-top: .8rem;
    }

.news_banner {
    position: relative;
}

    .news_banner img {
        width: 100%;
        display: block;
    }

    .news_banner .font {
        font-size: .24rem;
        color: #fff;
        height: .6rem;
        line-height: .6rem;
        padding: 0 .3rem;
        background: rgba(0,0,0,.5);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
    }

    .news_banner .swiper-button-next, .news_banner .swiper-button-prev {
        width: .2rem;
        height: .5rem;
        margin-top: -.25rem;
    }

    .news_banner .swiper-button-prev {
        background: url(../m/images/icon_04.png) no-repeat center;
        background-size: cover;
    }

    .news_banner .swiper-button-next {
        background: url(../m/images/icon_05.png) no-repeat center;
        background-size: cover;
    }

    .news_banner .swiper-pagination-bullet {
        width: .1rem;
        height: .1rem;
        opacity: 1;
        background: #fff;
        border-radius: 0;
    }

    .news_banner .swiper-pagination-bullet-active {
        background: #57aa34;
    }

    .news_banner .swiper-pagination {
        text-align: right;
        padding-right: .3rem;
    }

.news_list {
    padding: 0 .25rem;
    margin-bottom: .1rem;
}

    .news_list .item {
        padding: .25rem 0;
        border-bottom: 1px dashed #ddd;
    }

    .news_list .info {
        /*width: 4.15rem;*/
    }

        .news_list .info .title {
            display: block;
            font-size: .28rem;
            color: #333333;
            line-height: .52rem;
        }

        .news_list .info .bot {
            margin-top: .1rem;
            font-size: .24rem;
            color: #999999;
        }

        .news_list .info .date {
            margin-right: .35rem;
            background: url(../m/images/icon_08.png) no-repeat left center;
            background-size: .26rem;
            padding-left: .35rem;
        }

        .news_list .info .skim {
            background: url(../m/images/icon_09.png) no-repeat left center;
            background-size: .26rem;
            padding-left: .35rem;
        }

    .news_list .img {
        width: 2.4rem;
        height: 1.6rem;
    }

.loadmore {
    position: relative;
    font-size: .26rem;
    color: #999999;
    line-height: .65rem;
    display: block;
    text-align: center;
}

    .loadmore:after {
        content: '';
        display: inline-block;
        background: url(../m/images/icon_10.png) no-repeat center;
        background-size: cover;
        width: .18rem;
        height: .1rem;
        margin-left: .15rem;
        vertical-align: middle;
    }

.more-btn p {
    font-size: .26rem;
    color: #999999;
    line-height: .65rem;
    text-align: center;
}

.fixed_button {
    position: fixed;
    right: .3rem;
    width: .66rem;
    bottom: 2.0rem;
    z-index: 99;
}

    .fixed_button .icon {
        width: .66rem;
        height: .66rem;
        display: block;
    }

    .fixed_button .gotop {
        background: url(../m/images/icon_11.png) no-repeat center;
        background-size: cover;
        margin-bottom: .2rem;
    }

    .fixed_button .home {
        background: url(../m/images/icon_12.png) no-repeat center;
        background-size: cover;
    }

.pagelist {
    text-align: center;
    font-size: 14px;
    color: #333333;
    line-height: 26px;
}

    .pagelist a {
        display: inline-block; /*width: 26px;height: 26px;*/
        border: 1px solid #ddd;
        border-radius: 3px;
        font-size: 14px;
        color: #333333;
        line-height: 26px;
        margin: 0 2px;
        padding: 0 5px;
    }

    .pagelist .num {
        width: 26px;
        height: 26px;
        display: inline-block;
        border: 1px solid #ddd;
        border-radius: 3px;
        text-align: center;
        margin: 0 3px;
        background: transparent;
    }

    .pagelist .ipt_button {
        width: 46px;
        height: 26px;
        background: #61ac32;
        font-size: 14px;
        color: #fff;
        line-height: 26px;
        display: inline-block;
        border: none;
        border-radius: 3px;
    }

    .pagelist a:hover, .pagelist a.cur, .pagelist span.cur {
        color: #fff;
        background-color: #61ac32;
        border-color: #61ac32;
    }

    .pagelist a.prev, .pagelist a.next {
        width: 70px;
        text-align: left;
    }

    .pagelist a.prev {
        background: url(../images/icon_03.png) no-repeat 5px center;
        background-size: 6px 9px;
        padding-left: 18px;
    }

    .pagelist a.next {
        background: url(../images/icon_04.png) no-repeat 56px center;
        background-size: 6px 9px;
        padding-left: 8px;
    }

    .pagelist a.prev:hover {
        background: url(../images/icon_03-1.png) no-repeat 5px center #61ac32;
        background-size: 6px 9px;
    }

    .pagelist a.next:hover {
        background: url(../images/icon_04-1.png) no-repeat 56px center #61ac32;
        background-size: 6px 9px;
    }

/*新闻详情*/
.news_detail {
    padding: .35rem 0;
}

    .news_detail .title {
        font-size: .3rem;
        color: #333333;
        padding: 0 .3rem;
    }

    .news_detail .sm {
        font-size: .22rem;
        color: #999999;
        margin-top: .2rem;
        padding: 0 .3rem;
    }

    .news_detail .detail {
        margin-top: .2rem;
    }

    .news_detail .topimg {
    }

    .news_detail .editbox {
        font-size: .26rem;
        color: #666666;
        padding: .25rem .3rem .4rem;
    }

        .news_detail .editbox p {
            margin-bottom: .2rem;
            line-height: .4rem;
            text-indent: 2em;
        }

.pagenav {
    text-align: center;
    font-size: 0;
}

    .pagenav a {
        display: inline-block;
        font-size: .24rem;
        color: #35a8fa;
        width: 1.3rem;
        height: .5rem;
        border: 1px solid #35a8fa;
        border-radius: .08rem;
        text-align: center;
        line-height: .5rem;
        margin: 0 .7rem;
    }

/*产品馆*/
.pro_brand .list {
    padding: .3rem .3rem;
}

.pro_brand .item {
    display: block;
    float: left;
    width: 1.72rem;
    height: 1.3rem;
}

.pro_func .list {
    padding-top: .25rem;
}

.pro_func .item {
    width: 33%;
    text-align: center;
    float: left;
    display: block;
    margin-bottom: .2rem;
}

    .pro_func .item .icon {
        width: .66rem;
        height: .66rem;
        display: block;
        margin: 0 auto;
    }

    .pro_func .item .font {
        font-size: .22rem;
        color: #666666;
        margin-top: .2rem;
        min-height: .4rem;
    }

.pro_label .list {
    padding: .3rem;
    text-align: center;
    font-size: 0;
}

.pro_label .item {
    display: inline-block;
    margin: 0 .2rem;
    font-size: .24rem;
    width: 1.3rem;
    height: .92rem;
    line-height: 1.1rem;
}

.pro_label .item_01 {
    background: url(../m/images/pro_13.png) no-repeat center;
    background-size: cover;
    color: #009f34;
}

.pro_label .item_02 {
    background: url(../m/images/pro_14.png) no-repeat center;
    background-size: cover;
    color: #ff2f70;
}

.pro_label .item_03 {
    background: url(../m/images/pro_15.png) no-repeat center;
    background-size: cover;
    color: #019cdc;
}

.pro_label .item_04 {
    background: url(../m/images/pro_16.png) no-repeat center;
    background-size: cover;
    color: #ff9000;
}


/*产品列表*/
.pro_list_banner .swiper-pagination {
    font-size: 0;
    height: .6rem;
    background: rgba(0,0,0,.5);
    bottom: 0 !important;
    padding-top: .22rem;
}

.pro_menu {
    text-align: center;
    font-size: 0;
}

    .pro_menu a {
        font-size: .34rem;
        color: #1a1a1a;
        display: inline-block;
        padding: 0 .1rem;
        border-bottom: 2px solid transparent;
        margin: 0 .6rem;
        line-height: .75rem;
        height: .75rem;
        position: relative;
    }

        .pro_menu a.cur {
            border-color: #57aa34;
            color: #57aa34;
        }

    .pro_menu .price:before, .pro_menu .price:after {
        content: '';
        display: block;
        width: .2rem;
        height: .12rem;
        position: absolute;
        left: 1rem;
    }

    .pro_menu .price:before {
        background: url(../m/images/icon_17.png) no-repeat center;
        background-size: cover;
        top: .22rem;
    }

    .pro_menu .price:after {
        background: url(../m/images/icon_18.png) no-repeat center;
        background-size: cover;
        bottom: .18rem;
    }

.pro_list {
    background: #f3f3f3;
    padding-bottom: .1rem;
}

    .pro_list > ul {
        padding: .2rem .2rem;
    }
    /*.pro_list .list{padding:.2rem .2rem;}*/
    .pro_list .item {
        margin: 0 .1rem .2rem;
        width: 3.35rem;
        height: 3.6rem;
        border: 1px solid #ddd;
        background: #fff;
        padding: .25rem .2rem .2rem;
        float: left;
        position: relative;
    }

        .pro_list .item .img {
            /* width: 2rem; */
            /* height: 2rem; */
            margin: 0 auto;
        }

        .pro_list .item .title {
            display: block;
            font-size: .26rem;
            color: #333333;
            margin-top: .3rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .pro_list .item .price {
            font-size: .24rem;
            color: #d50205;
            margin-top: .2rem;
        }

        .pro_list .item .yen {
            font-size: .2rem;
            margin-right: .05rem;
        }

        .pro_list .item .addcar {
            background: url(../m/images/icon_19.png) no-repeat center;
            background-size: cover;
            width: .3rem;
            height: .3rem;
        }

        .pro_list .item .tag {
            width: .92rem;
            height: .92rem;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
        }

        .pro_list .item .tag_hot {
            background: url(../m/images/icon_15.png) no-repeat center;
            background-size: cover;
        }

        .pro_list .item .tag_new {
            background: url(../m/images/icon_16.png) no-repeat center;
            background-size: cover;
        }

/*产品详情*/
.pro_top .img {
    width: 100%;
}

.pro_info {
    padding: .25rem .3rem;
    border-top: .1rem solid #f5f5f5;
}

    .pro_info .title {
        font-size: .32rem;
        color: #333333;
    }

    .pro_info .price {
        font-size: .36rem;
        color: #d50205;
    }

        .pro_info .price .yen {
            font-size: .24rem;
        }

    .pro_info .tag {
        font-size: .14rem;
        color: #fff;
        height: .3rem;
        line-height: .3rem;
        padding: 0 .1rem;
        background: #d7090c;
        margin-left: .2rem;
        display: inline-block;
    }

    .pro_info .bot {
        margin-top: .3rem;
        font-size: 0;
    }

    .pro_info .font {
        font-size: .24rem;
        color: #999999;
        line-height: .34rem;
        display: inline-block;
    }

    .pro_info .bot a {
        font-size: .24rem;
        color: #666666;
        padding-left: .45rem;
        line-height: .34rem;
        margin: 0 .2rem;
    }

    .pro_info .share {
        background: url(../m/images/icon_20.png) no-repeat left center;
        background-size: .34rem;
    }

    .pro_info .store {
        background: url(../m/images/icon_21.png) no-repeat left center;
        background-size: .34rem;
    }

.pro_intro {
    background: #f5f5f5;
    padding-bottom: 1.2rem;
}

.pro_sec {
    margin-bottom: .1rem;
    padding: 0 .3rem;
    background: #fff;
}

.pro_tit {
    font-size: .3rem;
    color: #333333;
    height: .85rem;
    line-height: .85rem;
    position: relative;
    padding-left: .25rem;
    border-bottom: 1px solid #ddd;
}

    .pro_tit:before {
        content: '';
        position: absolute;
        left: 0;
        width: .04rem;
        height: .25rem;
        top: 50%;
        margin-top: -.12rem;
        display: block;
        background: #57aa34;
    }

.pro_sec .detail {
    padding: .25rem 0 .15rem;
    font-size: .26rem;
    color: #666;
}

    .pro_sec .detail p {
        line-height: .4rem;
        margin-bottom: .15rem;
        font-size: .26rem;
    }

.pro_sec2 .detail p {
    position: relative;
    text-indent: 1em;
}

    .pro_sec2 .detail p:before {
        content: '';
        position: absolute;
        display: block;
        width: .1rem;
        height: .1rem;
        background: #57aa34;
        border-radius: 50%;
        left: 0;
        top: .13rem;
    }

.pro_fixed {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 1rem;
}

    .pro_fixed .kf {
        width: 2rem;
        height: 1rem;
        font-size: .28rem;
        color: #333333;
        position: relative;
        display: block;
        float: left;
        background: url(../m/images/icon_22.png) no-repeat .4rem center #f4fff0;
        background-size: .44rem;
        line-height: 1rem;
        padding-left: 1.05rem;
    }

    .pro_fixed .addcar, .pro_fixed .buynow {
        width: 2.75rem;
        height: 1rem;
        line-height: 1rem;
        font-size: .34rem;
        color: #fff;
        display: block;
        float: left;
        text-align: center;
    }

    .pro_fixed .addcar {
        background: #f4a331;
    }

    .pro_fixed .buynow {
        background: #57aa34;
    }

/*健康生活*/
.health_list {
}

    .health_list .list {
        padding: 0 .3rem;
    }

        .health_list .list .item {
            padding: .2rem 0;
            border-bottom: 1px dashed #ddd;
        }

        .health_list .list .img {
            width: 2.4rem;
            height: 1.6rem;
        }

        .health_list .list .info {
            width: 4.3rem;
            padding-top: .15rem;
        }

.jksc .list .img {
    width: 1.4rem;
    height: 1.6rem;
}

.jksc .list .info {
    width: 5.3rem;
    padding-top: .15rem;
}

.health_list .list .title {
    font-size: .28rem;
    color: #333333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.health_list .list .desc {
    font-size: .24rem;
    color: #999999;
    line-height: .38rem;
    margin-top: .2rem;
    height: .76rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.health_list .list .item:last-child {
    border-bottom: none;
}

.health_food .list {
    padding: 0 .3rem;
}

    .health_food .list .item {
        padding: .2rem 0;
        border-bottom: 1px dashed #ddd;
    }

    .health_food .list .title {
        font-size: .28rem;
        color: #333333;
        display: block;
        position: relative;
        padding-left: .25rem;
        line-height: .28rem;
        height: .28rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .health_food .list .brief {
        font-size: .24rem;
        color: #888888;
        line-height: .36rem;
        margin-top: .2rem;
        height: .72rem;
        overflow: hidden;
    }

    .health_food .list .bot {
        font-size: .22rem;
        color: #999999;
        margin-top: .2rem;
    }

    .health_food .list .date {
    }

    .health_food .list .skim {
        float: right;
    }

    .health_food .list .title:before {
        content: '';
        position: absolute;
        width: .08rem;
        height: .08rem;
        background: #57aa34;
        left: 0;
        top: .1rem;
    }

    .health_food .list .item:last-child {
        border: none;
    }

.health_skin .list {
    padding: .3rem .2rem 0;
}

    .health_skin .list .item {
        display: block;
        margin: 0 .1rem .2rem;
        width: 3.35rem;
        height: 2.6rem;
        float: left;
        position: relative;
    }

    .health_skin .list .img {
    }

    .health_skin .list .font {
        font-size: .26rem;
        color: #fff;
        height: .7rem;
        line-height: .7rem;
        padding: 0 .1rem;
        background: rgba(0,0,0,.7);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        text-align: center;
        text-indent: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.health_food .lbox {
    width: 5.1rem;
}

.health_food .rbox {
    width: .96rem;
    text-align: center;
}

    .health_food .rbox .icon {
        width: .96rem;
        height: .96rem;
        border: 1px solid #dbe4d7;
        border-radius: 50%;
        display: block;
    }

    .health_food .rbox .name {
        font-size: .24rem;
        color: #333333;
        margin-top: .2rem;
    }

.find_nav {
    width: 100%;
    height: .72rem;
    background-color: #fff;
    position: relative;
    top: 0;
    z-index: 9999;
    border-bottom: 1px solid #ddd;
    display: -moz-box;
    display: -webkit-box;
    display: box;
}

.find_nav_left {
    height: .70rem;
    position: relative;
    overflow: hidden;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
}

.find_nav_list {
    position: absolute;
    left: 0;
    width: 100%;
}

    .find_nav_list .swiper-wrapper {
        position: relative;
        white-space: nowrap;
        font-size: 0;
    }

        .find_nav_list .swiper-wrapper .swiper-slide {
            display: inline-block;
            padding: 0;
            margin: 0;
        }

            .find_nav_list .swiper-wrapper .swiper-slide a {
                display: block;
                width: 100%;
                height: 100%;
                line-height: .70rem;
                font-size: .32rem;
                text-align: center;
                color: #666;
            }

.find_nav_list2 {
    position: absolute;
    left: 0;
    width: 100%;
}

    .find_nav_list2 .swiper-wrapper {
        position: relative;
        white-space: nowrap;
        font-size: 0;
        width: auto;
    }

        .find_nav_list2 .swiper-wrapper .swiper-slide {
            display: inline-block;
            padding: 0;
            margin: 0;
            width: 2rem;
        }

            .find_nav_list2 .swiper-wrapper .swiper-slide a {
                display: block;
                width: 100%;
                height: 100%;
                line-height: .70rem;
                font-size: .32rem;
                text-align: center;
                color: #666;
            }

.find_nav_cur a {
    color: #55a732 !important;
    border-bottom: 0.04rem solid;
}

.find_nav_list a.active {
    color: #C00;
}

.sideline {
    display: block;
    position: absolute;
    border: 0;
    height: 2px;
    background-color: #55a732;
    left: 0;
    top: 68px;
    pointer-events: none;
}

.li_list {
    min-height: 800px;
    font-size: 40px;
    line-height: 800px;
    color: #fff;
    text-align: center;
}

.swipe {
    padding: 70px 0 0 0;
}



.sub {
    /*background: url(../images/icon_07.png) no-repeat right center;*/
    /*background-size: 0.75em;
    padding-right: 15px;*/
}

.find_nav .submenu {
    position: absolute;
    float: left;
    background-color: #fff;
    width: 100%;
    left: 0;
    top: 0.74rem;
    display: none;
}

    .find_nav .submenu div {
        height: 0.7rem;
        width: 100%;
        display: block;
        line-height: 2;
        font-size: 0.35em;
        padding-left: 0.5rem;
        border-bottom: solid 1px #eee;
    }

        .find_nav .submenu div a {
            display: block;
        }

.sub .on {
    background: url(../images/icon_07-1.png) no-repeat right center;
    background-size: 0.75em;
    padding-right: 15px;
}