@charset "UTF-8";

@media only screen and (max-width: 860px) {
    .app{height: 0; overflow: hidden;}
    .mobile{height: auto; overflow: auto;}
    html,body {
        margin: 0 auto;
        max-width: 1080px;
    }  
}

.mobile {
    margin: 0 auto;
    max-width: 960px;
}
@-webkit-keyframes myslideInDown {
    0% {
        opacity: 0.2;
        -webkit-transform: translateY(-.3rem);
        transform: translateY(-.3rem)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes myslideInDown {
    0% {
        opacity: 0.2;
        -webkit-transform: translateY(-.3rem);
        -ms-transform: translateY(-.3rem);
        transform: translateY(-.3rem)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
/* guide-box */
.mobile .guide-box {
    position: relative;
    width: 100%;
    height: 100%;
}
.mobile .guide-box .guide-logo {
    position: fixed;
    top: 18%;
    left: 50%;
    transform: translateX(-50%);
    width: 4.28rem;
    height: 1.28rem;
    text-indent: -999px;
    background: url(/mobile/images/guide_logo.png) no-repeat;
    background-size: contain;
    background-position: center;
}
.mobile .guide-box .guide-arrow.hand-shank-ani {
    animation: myslideInDown 1s linear 2s infinite alternate;
}
.mobile .guide-box .guide-arrow {
    position: fixed;
    height: .68rem;
    width: 1.2rem;
    bottom: 40%;
    left: 50%;
    margin-left: -.6rem;
    text-indent: -999px;
    background: url(/mobile/images/guide_arrow.png) no-repeat;
    background-size: cover;
}
.mobile .guide-box .guide-copyright {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 3.92rem;
    background: url(/mobile/images/guide_bottom_bg.png) no-repeat;
    background-size: 100% 100%;
}
.mobile .copyright-con {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.mobile .copyright-con p {
    line-height: 1.5;
    font-size: .17rem;
    font-weight: lighter;
    color: #f0c648;
    text-align: center;
}
.mobile .copyright-con a {
    color: #f0c648;
}
.mobile .copyright-con .fs20 {
    font-size: .2rem;
}
.mobile .copyright-con hr {
    border: none;
    border-bottom: .01rem dashed rgba(240,198,72, .5);
}
.mobile .copyright-con .top {
    margin-top: .2rem;
}
.mobile .copyright-con span {
    font-weight: 600;
}
.mobile .copyright-con .italic {
    font-style: italic;
}
/* header */
.m-header .banner-container {
    position: relative;
    height: 4.2rem;
    overflow: hidden;
}
.m-header .banner-container::after {
    content: '';
    position: absolute;
    left: 0;top: 0; width: 100%; height: 100%;
    background: url(/mobile/images/banner_shadow.png) no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}
.m-header .banner-container img {
    object-fit: contain;
    height: 100%;
}

.m-header .nav {
    position: absolute;
    top: 0;left: 0;width: 100%;height: .9rem;
    border-bottom: .01rem solid rgba(255, 255, 255, .75);
    z-index: 10;
}
.m-header .nav .nav-content {
    padding: .1rem .36rem;
    width: 100%; height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.m-header .nav .logo {
    display: inline-block;
    width: 3.42rem;
    height: .58rem;
    background: url(/mobile/images/logo.png) no-repeat;
    background-size: contain;
}
.m-header .nav .hamburger-icon {
    display: inline-block;
    width: 0.6rem;
    height: 0.46rem;
    font-size: 0;
    background: url(/mobile/images/open_nav_icon.png) no-repeat;
    background-size: 100% 100%;
    opacity: .3;
}
.m-header .nav .hamburger-icon.open {
    background-image: url(/mobile/images/close_nav_icon.png);
    opacity: 1;
}

.mobile .m-nav-container {
    position: fixed;
    top: .9rem;
    width: 100%;
    left: 0;
    height: 0;
    z-index: 1000;
    overflow: hidden;
    background-color: rgb(14 137 82 / 98%);
    transition: all .5s ease;
}
.mobile .m-nav-container.open {
    height: calc(100% - 0.9rem);
}
.mobile .m-nav-container .m-nav-content {
    margin-top: 1.2rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 .6rem;
    box-sizing: border-box;
}
.mobile .m-nav-container .m-nav-content .nav-item {
    width: 50%;
    margin: .4rem 0;
    line-height: 1.2;
    text-align: center;
    font-size: .35rem;
    color: #fff;
}
.mobile .m-nav-container .m-nav-content a {
    color: inherit;
}


/*  */
.mobile .common-box {
    width: 100%;
    padding: 0 .2rem;
    box-sizing: border-box;
}
.mobile .column-title {
    display: block;
    padding-top: .4rem;
}
.mobile .column-name {
    line-height: 1.2;
    font-size: .32rem;
    color: #e19500;
    font-weight: bold;
}
.mobile .en-column-name {
    line-height: 1;
    font-size: .36rem;
    font-style: italic;
    color: #077f49;
    font-family: 'Times New Roman', Times, serif;
}

/* about-box */
.mobile .page-one {
    padding-top: .2rem;
    padding-bottom: .2rem;
    background: url(/mobile/images/page_1_bg.jpg) no-repeat;
    background-size: 100% 100%;
}
.mobile .page-one .info-common-box {
    margin-bottom: .2rem;
    border-radius: .1rem;
    background-color: rgba(255, 255, 255, .75);
}

.mobile .page-one .about-info {
    padding: .3rem .2rem;
}
.mobile .page-one .about-info .duty-item{
    line-height: 1.5;
    font-size: .24rem;
    color: #d98000;
    text-align: center;
}
.mobile .page-one .about-info .slogan {
    line-height: 1.5;
    padding-bottom: .15rem;
    font-size: .36rem;
    color: #1b8957;
    font-weight: bolder;
    text-align: center;
}
.mobile .page-one .about-info .info {
    line-height: 1.8;
    font-size: .2rem;
    color: #1b8957;
}
.mobile .page-one .about-info .info em{
    font-style: italic;
}
.mobile .page-one .about-info .info strong {
    font-weight: 800;
    font-style: inherit;
}

/* news */
.mobile .page-one .news-box .sub-menu {
    height: .52rem;
    padding-top: .2rem;
    border-bottom: .01rem solid #e19500;
}
.mobile .page-one .news-box .menu-link {
    display: inline-block;
    margin: 0 .16rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .3rem;
    color: #e19500;
    font-style: italic;
}
.mobile .page-one .news-box .menu-link.active {
    font-size: .32rem;
    font-weight: bolder;
    color: #077f49;
    border-bottom: .04rem solid #d28f00;
}
.mobile .page-one .news-container {
    position: relative;
    margin-top: .35rem;
    height: 4.3rem;
    border-radius: .1rem;
    overflow: hidden;
}
.mobile .page-one .news-container .news-link {
    display: block;
    position: relative;
    width: 100%; height: 100%;
}
.mobile .page-one .news-container img {
    width: 100%;height: 100%;
}
.mobile .page-one .news-container .news-title {
    position: absolute;
    left: 0; width: 100%;
    bottom: 0;
    height: .7rem;
    line-height: .7rem;
    font-weight: bold;
    font-size: .26rem;
    text-align: center;
    color: #ffa900;
    background-color: rgba(0, 0, 0, .5);
}

.mobile .page-one .news-container .news-pagination {
    top: 0.06rem;
    bottom: auto;
    padding-right: 0.06rem;
    box-sizing: border-box;
    text-align: right;
}
.mobile .page-one .news-container .swiper-pagination-bullet {
    margin: 0 .08rem;
    width: .12rem; height: .12rem;
    background-color: rgba(0, 0, 0, .8);
    transition: all .4s ease;
}
.mobile .page-one .news-container .swiper-pagination-bullet-active {
    width: .14rem; height: .14rem;
    background-color: #fff;
}



/* contact-way */
.mobile .page-one .contact-way {
    padding: .2rem;   
}
.mobile .page-one .contact-way .fs22 {
    font-size: .22rem;
}
.mobile .page-one .contact-way .fs26 {
    font-size: .26rem;
}
.mobile .page-one .contact-way .tel-num {
    text-align: right;
    color: #e19500;
    font-weight: bold;
}
.mobile .page-one .contact-way .num {
    font-style: italic;
}
.mobile .page-one .mall-link-item {
    display: inline-block;
    margin: .2rem .24rem 0;
}
.mobile .page-one .mall-link-item .icon {
    display: block;
    margin: 0 auto;
    width: .6rem;
    height: .6rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.mobile .page-one .mall-link-item .mall-icon {
    background-image: url(/mobile/images/icon_1.png);
}
.mobile .page-one .mall-link-item .taobao-icon {
    background-image: url(/mobile/images/icon_02.png);
}
.mobile .page-one .mall-link-item .net-icon {
    background-image: url(/mobile/images/icon_03.png);
}
.mobile .page-one .mall-link-item .proxy-icon {
    background-image: url(/mobile/images/icon_04.png);
}

.mobile .page-one .mall-link-item a {
    line-height: .68rem;
    font-size: .24rem;
    color: #077f49;
}


/* product */
.mobile .product-box {
    padding-bottom: .32rem;
    background: url(/mobile/images/page_2_bg.jpg) no-repeat;
    background-size: 100% 100%;
}
.mobile .product-box .sub-menu {
    padding-top: .3rem;
    padding-bottom: .32rem;
}
.mobile .product-box .menu-link {
    display: inline-block;
    margin: 0 .2rem;
    padding: 0 .26rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .26rem;
    color: #077f49;
    border-radius: .3rem;
    background-color: rgba(255, 255, 255, .88);
}
.mobile .product-box .product-container {
    position: relative;
    padding-bottom: .4rem;
    overflow-x: hidden;
}
.mobile .product-box .product-pagination {
    bottom: 0;
}
.mobile .product-box .swiper-pagination-bullet {
    margin: 0 .08rem;
    width: .12rem; height: .12rem;
    background-color: rgba(0, 0, 0, .8);
    transition: all .4s ease;
}
.mobile .product-box .swiper-pagination-bullet-active {
    width: .14rem; height: .14rem;
    background-color: #fff;
}

.mobile .product-box .product-item {
    display: block;
    width: 100%;
    height: 4.8rem;
    border-radius: .1rem;
    overflow: hidden;
}
.mobile .product-box .product-item img {
    height: 4.2rem;
    width: 100%;
}
.mobile .product-box .product-item .title {
    height: 0.6rem;
    line-height: .6rem;
    font-size: .24rem;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background-color: #e19500;
}

/* photo */
.mobile .photo-box .sub-menu {
    padding: .4rem 0;
}
.mobile .photo-box .menu-link {
    margin: 0 .25rem;
    font-size: .26rem;
    color: #2b2b2b;
}
.mobile .photo-box .pic-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: .2rem;
}
.mobile .photo-box .pic-item {
    display: inline-block;
    position: relative;
    margin-bottom: .2rem;
    width: 48.5%;
    height: 2.2rem;
    border-radius: .1rem;
    overflow: hidden;
}
.mobile .photo-box .pic-item img {
    width: 100%; height: 100%;
}
.mobile .photo-box .pic-title {
    position: absolute;
    bottom: 0;
    left: 0; width: 100%;
    height: .6rem;
    line-height: .6rem;
    font-size: .24rem;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background-color: rgba(0,0,0, .35);
}

/* show */
.mobile .m-header .top-banner-container {
    height: 2.4rem;
    overflow: hidden;
}
.mobile .m-common-body {
    width: 100%;
    box-sizing: border-box;
    padding: .2rem;
    background-color: #f3f5f8;
}

/* cate */
.mobile .cate-wrap {
    width: 100%;
    box-sizing: border-box;
    padding: .25rem .1rem;
    border-radius: .08rem;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
}
.mobile .cate-wrap a,
.mobile .cate-wrap span{
  display: inline-block;
  margin: 0 .1rem;
  padding: 0 .2rem;
  line-height: .6rem;
  height: .6rem;
  border-radius: .08rem;
  font-size: .26rem;
  color: #444;
  background-color: #f8f8f8;
}
.mobile .cate-wrap a.active,
.mobile .cate-wrap span{
  font-weight: bolder;
  color: #fff;
  background-color: #e19500;
  font-style: italic;
}

/* news-list */
.mobile .common-wrap {
    position: relative;
    border-radius: .1rem;
    overflow: hidden;
}
.mobile .news-list-container {
padding-top: .2rem;
overflow: hidden;
}
.mobile .news-list-container .news-item {
display: flex;
margin-bottom: .2rem;
height: 1.5rem;
background-color: #fff;
}
.mobile .news-txt-container .news-item{
min-height: 1rem;
height: auto;
}

.mobile .news-list-container .news-item .news-thumb {
width: 2.4rem;
border-radius: .08rem;
overflow: hidden;
}
.mobile .news-list-container .news-item img {
height: 100%; width: 100%;
}
.mobile .news-list-container .news-item .news-title {
flex: 1;
display: flex;
align-items: center;
box-sizing: border-box;
padding: .2rem;
line-height: 1.4;
font-size: .25rem;
color: #404040;
}
.mobile .news-list-container .news-item .news-date {
position: absolute;
right: 0; top: 0;
height: .2rem;
padding: 0 .06rem;
line-height: .2rem;
font-size: .12rem;
color: #fff;
border-radius: 0 0 0 .08rem;
background-color: #e9b040;
}

/* pic */
/* pic */
.mobile .product-list-container .product-item {
    display: inline-block;
    width: 3.3rem;
    margin-right: .2rem;
    margin-top: .2rem;
}
.mobile .product-list-container .product-item:nth-child(2n),
.mobile .product-list-container .product-item:last-child {
    margin-right: 0;
}
.mobile .product-list-container .product-item .thumb {
    height: 2.2rem;
    width: 100%;
}
.mobile .product-list-container .product-item img {
    width: 100%;height: 100%;
}
.mobile .product-list-container .product-item .pic-title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: .6rem;
    padding: 0 .2rem;
    line-height: 1.2;
    font-size: .24rem;
    color: #1b8957;
    text-align: center;
    background-color: #fff;
}

/* more */
.mobile .more-area {
    padding-top: .2rem;
    margin-bottom: .25rem;
    font-weight: lighter;
    font-size: .22rem;
    text-align: center;
    color: #666;
}
/* article */
.mobile .m-show-body .m-art-container {
    margin-top: .2rem;
    padding-bottom: .4rem;
    border-radius: .1rem;
    background-color: #fff;
}
.mobile .m-show-body .art-title-area {
    padding: .2rem;
    text-align: center;
    color: #077f49;
}
.mobile .m-show-body .art-title-area .m-art-title {
    font-weight: bolder;
    font-size: .3rem;
    line-height: 1.2;
}
.mobile .m-show-body .art-title-area .m-art-subtitle {
    line-height: 1.3;
    font-size: .25rem;
}
.mobile .m-show-body .m-art-source {
    display: flex;
    justify-content: center;
    padding: 0.1rem 0.2rem;
    height: 0.2rem;
    border-top: .05rem solid #f3f5f8;
    font-size: .18rem;
    color: #989898;
}
.mobile .m-show-body .m-art-source span {
    margin: 0 .06rem;
}
.mobile .m-show-body .m-art-source .hits {
    display: inline-block;
    padding-left: .22rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAKCAYAAABSfLWiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASFJREFUeNp00i9IA2EYx/H3tgVheSaLQYMITosgalAEmxrWXBiDYVkaUwSLaYqiRbCoiNGgExyHQUEEgxgmiEVNRrEL/v0+8Dt4PdwDn3Dve+/v7p7ngjAMnVcBepBHAZ94RRrtuMIuTvERHUp4AR04wh3mcY2sdGEZE7rnHrl4yBiamEYSi5jR4TUUsYFBvKMbh9oLUlo4Q0qBz1hFGZsKdQoawgFKWqvgzd7k3Auwqut6zguwGsAo9mI9rFnIj/tbCde67NC3++fAuN9p9cWmso0vb/0Wl5paVBZYtZBHTNq3aaMTC9jCCFZ0cBh9sZAa1qNXv0A/TvR02zzGkya1rybeoA0PmMKSizX0RWPtxaye2PR+toymuIOG/6m/AgwArqc9wZQP42EAAAAASUVORK5CYII=) no-repeat;
    background-position-y: center;
    background-position-x: 0;
    background-size: auto 60%;
}
.mobile .m-show-body .m-art-content, 
.mobile .m-show-body .product-info{
    padding: .2rem;
}
.mobile .m-show-body .m-art-content,
.mobile .m-show-body .m-art-content p,
.mobile .m-show-body .m-art-content div {
    max-width: 100%;
    font-size: .26rem !important;
    line-height: 2 !important;
    color: #333 !important;
    letter-spacing: -0.01rem;
    word-wrap: break-word;
    word-break: normal;
}
.mobile .m-show-body .m-art-content strong {
    font-weight: bold;
}
.mobile .m-show-body .m-art-content video {
    max-width: 100% !important;
    height: auto;
}
.mobile .m-show-body .m-art-content img {
    display: block;
    border: none;
    margin: .1rem 0;
    border-radius: .1rem;
    width: 100% !important;
    height: auto !important;
}
.mobile .m-show-body .m-art-content a {
    color: #c03;
    border-bottom: .02rem solid #c03;
}

/* product-info */
.mobile .m-show-body .product-info .top-con {
    position: relative;
    height: 4rem;
    border-radius: .1rem;
    background-color: #f8f8f8;
    overflow: hidden;
}
.mobile .m-show-body .product-info .top-con img {
    width: 100%; height: 100%;
}
.mobile .m-show-body .product-info .swiper-pagination-bullet {
    font-size: 0;
    display: inline-block;
    margin: 0 5px;
    width: .6rem;height: .06rem;
    border-radius: 0;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.9);
}
.mobile .m-show-body .product-info .swiper-pagination-bullet-active{
    background-color: rgba(255, 255, 255, 0.95);
}

.mobile .m-show-body .product-info .bottom-con {
    position: relative;
    padding: .3rem 0;
    line-height: 2;
    font-size: .26rem;
    border-radius: .1rem;
    color: #fff;
    background-color: #e19500;
    z-index: 10;
}
.mobile .m-show-body .product-info .bottom-con::after {
    content: '';
    position: absolute;
    left: 0; top: -0.05rem; height: .1rem; width: 100%;
    background: url(/mobile/images/hole_icon.png) repeat-x;
    background-size: .16rem 100%;
    background-position-y: center;
}
.mobile .m-show-body .product-info .order-link {
    position: absolute;
    right: 0; top: .62rem;
    height: .5rem; width: 1.6rem;
    background: url(/mobile/images/order_label.png) no-repeat;
    background-size: 100% 100%;
}
.mobile .m-show-body .product-info table tr td:first-child {
    width: 32%;
    text-align: justify;
    text-justify:distribute-all-lines;
    text-align-last: justify;
}

/*  */
.mobile .copyright {
    background: url(/mobile/images/mobile_bottom_bg.jpg) no-repeat;
    background-size: 100% 100%;
}
.mobile .m-footer .copyright-con {
    position: relative;
    padding: .48rem 0;
    top: 0;
    transform: translateY(0);
}