.conten-wrapper {
    display: block;
    transition: width 0.25s ease, margin 0.25s ease;
    position: relative;
    overflow: hidden;
    padding-top: 100px;
}

/*网站顶部*/
header {
    transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.navFixed header {
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.navHover .lh-header {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0);
}

header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 100;
}

.lh-logo {
    position: relative;
    top: 16px;
}

.lh-logo>div {
    transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.lh-logo .icon2 {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.lh-header {
    height: 100px;
    transition: cubic-bezier(0.215, .61, .355, 1) .45s;
    position: relative;
}

.lh-headline {
    width: 100%;
    height: 100px;
}

.lh-headline:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.lh-nav-item li {
    float: left;
    margin-right: 1.0229166666666667vw;
    position: relative;
}

.lh-nav-item li>a {
    line-height: 100px;
    color: #fff;
    font-size: 18px;
    display: block;
    position: relative;
    padding: 0 10px;
    font-family: 'SourceHanSans';
}

.lh-nav-item li>a:before {
    content: '';
    display: block;
    width: 36px;
    height: 31px;
    /* background: url(../images/nav_cur.png) no-repeat center; */
    position: absolute;
    left: 0;
    right: 0px;
    margin: 0px auto;
    bottom: -1px;
    transition: cubic-bezier(0.215, .61, .355, 1) .45s;
    transform: scaleX(0);
    z-index: 3;
    background-size: 100%;
}

.lh-nav {
    position: relative;
    z-index: 3;
}

.lh-nav-item li:hover>a:before {
    transform: scaleX(1);
}

.lh-nav-item li>a:hover,
.lh-nav-item li>a.on {
    color: #1c9e7d !important;
    ;
}

.lh-nav-item li dl {
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(50%);
    padding-top: 20px;
}

.lh-nav-item li dl a {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    white-space: nowrap;
    font-family: 'SourceHanSans';
}

.lh-nav-item li dl a:hover {
    color: #1c9e7d;
}

.lh-nav-btn {
    line-height: 100px;
    color: #fff;
    font-size: 16px;
    display: block;
    float: right;
    font-family: 'SourceHanSans';
}

.lh-nav-btn:hover {
    opacity: 1;
}

.lh-nav-btn em {
    width: 22px;
    height: 22px;
    float: left;
    margin-right: 10px;
    position: relative;
    margin-top: 39px;
    background: url(../images/t1.png) no-repeat center;
}

.lh-nav-btn span {
    display: inline-block;
    float: left;
}

.lh-nav-btn i {
    display: inline-block;
    float: left;
    font-size: 24px;
    font-weight: bold;
}

.navHover .lh-logo .icon2,
.navFixed .lh-logo .icon2 {
    opacity: 1;
    z-index: 2;
}

.navHover .lh-logo .icon1,
.navFixed .lh-logo .icon1 {
    opacity: 0;
}

.navHover .lh-headline:after {
    background: #dedede;
}

.navHover .lh-nav-item li dl {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.lh-nav-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 360px;
    background: #fff;
    padding-top: 100px;
    transition: cubic-bezier(0.215, .61, .355, 1) .45s;
    opacity: 0;
    visibility: hidden;
}

header>.container1400 {
    z-index: 2;
}

.navHover .lh-nav-shadow {
    opacity: 1;
    visibility: visible;
}

.navHover .lh-nav-item li>a,
.navHover .lh-nav-btn,
.navFixed .lh-nav-item li>a,
.navFixed .lh-nav-btn {
    color: #333;
    opacity: .8;
}

.navHover .lh-nav-btn em,
.navHover .lh-nav-btn em,
.navFixed .lh-nav-btn em {
    background: url(../images/nav_t1.png) no-repeat center;
    background-size: 100%;
}

.navHover .lh-nav-btn,
.navFixed .lh-nav-btn {
    color: #1c9e7d;
}

.lh-nav-item li:hover>a {
    color: #1c9e7d;
}

/* banner */
.mBan2 {
    overflow: hidden;
    position: relative;
    width: 97%;
    margin: 0px auto;
}

.mBan2 .slideBox {
    width: 100%;
    height: auto;
    position: relative;
}

.mBan2 .slideBox .hd {
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    bottom: 30px;
    text-align: center;
}

.mBan2 .slideBox .hd ul {
    zoom: 1;
}

.mBan2 .slideBox .hd ul li {
    width: 14px;
    height: 14px;
    overflow: hidden;
    margin: 0 20px 10px 0px;
    -webkit-transition: border-color 350ms ease;
    -moz-transition: border-color 350ms ease;
    -o-transition: border-color 350ms ease;
    -ms-transition: border-color 350ms ease;
    transition: border-color 350ms ease;
    transition: border-color 350ms ease;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    display: inline-block;
}

.mBan2 .slideBox .hd ul li.on {
    background: #5ba130;
    width: 28px;
    border-radius: 20px;
}

.mBan2 .slideBox a.prev {
    display: inline-block;
    width: 30px;
    height: 58px;
    position: absolute;
    z-index: 9;
    left: 35px;
    background: url(../images/jm-bt1.png) no-repeat;
    top: 50%;
    background-size: 100%;
}

.mBan2 .slideBox a.next {
    display: inline-block;
    width: 30px;
    height: 58px;
    position: absolute;
    z-index: 9;
    right: 35px;
    background: url(../images/jm-bt2.png) no-repeat;
    top: 50%;
    background-size: 100%;
}

.mBan2 .slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.mBan2 .slideBox .bd ul,
.slideBox .bd ul li {
    width: 100% !important
}

.mBan2 .slideBox .bd img {
    width: 100%;
    height: auto;
    display: block;
}

/* 品牌介绍 */
.brand-bg {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 45px 0px 80px;
    background-color: #fff;
}

.brand-bg2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 45px 0px;
    background-color: #1e9f7e;
}

.brand-left {
    width: 52%;
    float: left;
    overflow: hidden;
    padding-top: 40px
}

.brand-title {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 35px;
    position: relative;
    color: #333;
    font-family: 'SourceHanSans';
}

.brand-title p.en {
    font-weight: bold;
    color: #f8f8f8;
    line-height: 96px;
    font-size: 87px;
}

.brand-title h2.tt {
    font-size: 56px;
    font-weight: bold;
}

.brand-title h2.tt i {
    color: #1e9f7e;
}

.brand-title p.laber {
    font-size: 40px;
}

.brand-title p.laber i {
    font-size: 46px;
    font-weight: bold;
    display: inline-block;
    position: relative;
}

.brand-title p.laber em {
    display: inline-block;
    font-weight: bold;
    font-size: 36px;
    position: absolute;
    top: -2px;
    right: 10%;
}

.brand-intro {
    font-family: 'SourceHanSans';
    font-size: 18px;
    color: #333;
    line-height: 30px;
    margin-bottom: 45px;
    width: 90%;
}

.brand-list {
    width: 90%;
    height: auto;
    overflow: hidden;
    margin-bottom: 70px;
}

.brand-list ul li {
    width: 25%;
    float: left;
    text-align: left;
    font-family: 'SourceHanSans';
    color: #1e9f7e;
    font-size: 16px;
}

.brand-list ul li p.p1 i {
    font-size: 45px;
    font-weight: bold;
}

.brand-list ul li p.p2 {
    line-height: 30px;
}

.brand-right {
    width: 47%;
    float: right;
    overflow: hidden;
}

.brand-right img {
    width: 100%;
    border-radius: 5%;
}

.brand-botmore {
    width: 165px;
    height: 52px;
    border-radius: 30px;
    background-color: #90c992;
    line-height: 52px;
    font-family: 'SourceHanSans';
    font-weight: 500;
}

.brand-botmore span {
    display: inline-block;
    font-size: 18px;
    padding: 0px 10px 0px 27px;
    float: left;
    color: #fff;
}

.brand-botmore em {
    display: inline-block;
    float: left;
    width: 30px;
    height: 22px;
    background: url(../images/s_more1.png) no-repeat center;
    margin: 16px auto 0px;
    transition: cubic-bezier(0.215, .61, .355, 1) .45s;
    transform: translateX(0);
    background-size: 100%;
}

.brand-botmore:hover em {
    transform: translateX(50%);
}

/* 公共标题 */
.comm-title {
    width: 100%;
    height: auto;
    margin: 0px auto 35px;
    position: relative;
    padding: 70px 0px 0px;
    display: inline-block;
}

.comm-title .comm-titleft {
    width: 50%;
    float: left;
    overflow: hidden;
}

.comm-title .comm-titleft p.p1 {
    font-size: 50px;
    color: #333;
    font-family: 'SourceHanSans';
    line-height: 64px;
    font-weight: bold;
}

.comm-title .comm-titleft p.p2 {
    font-size: 25px;
    color: #5ba130;
    text-transform: capitalize;
}

.comm-more {
    width: 122px;
    height: 46px;
    border: 1px solid #5ba130;
    line-height: 46px;
    text-align: center;
    color: #5ba130;
    font-size: 18px;
    font-family: 'SourceHanSans';
    float: right;
    border-radius: 30px;
    margin-top: 25px;
}

.comm-more:hover {
    background-color: #5ba130;
    border: 1px solid #5ba130;
    color: #fff;
}

/* 查看更多 */
.kcomm-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}

.kcomm-more {
    height: 46px;
    border: 1px solid #5ba130;
    line-height: 46px;
    text-align: center;
    color: #5ba130;
    font-size: 18px;
    font-family: 'SourceHanSans';
    border-radius: 30px;
    display: inline-block;
    padding: 0px 45px;
    margin: 35px auto 0px;
}

.kcomm-more:hover {
    background-color: #5ba130;
    border: 1px solid #5ba130;
    color: #fff;
}

/* 书亦必喝榜 */
.pro_cbg {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #f7f7f7;
}

.pro_lists {
    width: 100%;
    height: auto;
    margin: 0px auto 25px;
    overflow: hidden;
    padding: 20px 10px;
    box-sizing: border-box;
}

/* .pro_lists ul li{float: left;overflow: hidden;transition:cubic-bezier(0.215,.61,.355,1) .45s;font-family: 'SourceHanSans';}
.pro_lists ul li a .pic{width: 100%;overflow: hidden;position: relative;height: auto;}
.pro_lists ul li a .pic img{width: 75%;margin: 0 auto;}
.pro_lists ul li a .pic .labertitle{width: 100%;height: 75px;overflow: hidden;line-height: 75px;color: #fff;background: rgba(102,178,95,0.66);font-size: 30px;text-align: center;position:absolute;bottom: 0px;left: 0px;right: 0px;margin: 0px auto;opacity: 1;font-family: 'SourceHanSans';}
.pro_lists ul li a .pro-intrbg{width: 100%;height: 100%;background: rgba(89,177,81,0.88);box-sizing: border-box;padding: 80px 60px 60px;color: #fff;opacity: 0;position: absolute;top: 0px;transform:translateX(100%);transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.pro_lists ul li a .pro-intrbg p.p1{font-size: 30px;line-height: 49px;position: relative;font-weight: bold;padding-top: 40px;padding-bottom: 10px;font-family: 'SourceHanSans';}
.pro_lists ul li a .pro-intrbg p.p1::after{content: '';display: inline-block;width: 40px;height: 3px;background-color: #fff;position: absolute;bottom: 0px;left: 0px;}
.pro_lists ul li a .pro-intrbg p.p2{font-size: 18px;line-height: 30px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 5;margin-top: 18px;font-family: 'SourceHanSans';}
.pro_lists ul li a .pro-intrbg p.p3{width: 109px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;background: rgba(0,0,0,0.2);border-radius: 30px;margin-top: 45px;font-family: 'SourceHanSans';}
.pro_lists ul li:hover a .pic .labertitle{opacity: 0;}
.pro_lists ul li:hover a .pro-intrbg{opacity: 1;transform:translateX(0);} */

.pro_lists ul li {
    overflow: hidden;
    background-color: #fff;
    border-radius: 18px;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, .08);
    transition: all .3s cubic-bezier(0, 0, .5, 1);
}

.pro_lists ul li .probg {
   width: 100%;
    background: #1c9e7d linear-gradient(to top, #5fb878 0%, rgba(255, 255, 255) 28%);
    transition: all .3s cubic-bezier(0, 0, .5, 1);
}

.pro_lists ul li .pic {
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding-top: 30px;
}

.pro_lists ul li .pic img {
    width: 80%;
    margin: 0 auto;
}

.pro_lists ul li .txtcon {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 15px 30px 30px;
    position: relative;
}

.pro_lists ul li .txtcon p.p1 {
    font-size: 20px;
    color: #333;
    line-height: 28px;
    margin-bottom: 8px;
    font-weight: bold;
    text-align: center
}

.pro_lists ul li .txtcon p.p2 {
    font-size: 16px;
    color: #666;
    line-height: 26px;
    margin-right: 20%;
}

.pro_lists ul li:hover {
    box-shadow: 2px 4px 16px rgba(0, 0, 0, .16);
    transform: scale3d(1.01, 1.01, 1.01);
}

.pro_lists ul li .txtcon .promore {
    display: inline-block;
    width: 65px;
    height: 35px;
    background-color: #75b437;
    border-radius: 30px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: absolute;
    right: 20px;
    bottom: 25px;
    opacity: 0;
}

.pro_lists ul li:hover .txtcon .promore {
    opacity: 1;
}

.pro_lists ul li:hover .probg {
    background: olive linear-gradient(to top, rgba(177, 217, 179) 0%, rgba(255, 255, 255) 100%)
}

/* 按钮 */
.pro_lists .bx-wrapper .bx-controls-direction a {
    top: 45%;
    width: 60px;
    height: 60px;
}

.pro_lists .bx-wrapper .bx-prev {
    left: -80px;
    background: url(../images/p-but2.png) no-repeat;
    background-size: 100%;
}

.pro_lists .bx-wrapper .bx-next {
    right: -80px;
    background: url(../images/p-but1.png) no-repeat;
    background-size: 100%;
}

.pro_lists .bx-wrapper .bx-prev:hover {
    background: url(../images/p-but2_2.png) no-repeat;
    background-size: 100%;
}

.pro_lists .bx-wrapper .bx-next:hover {
    background: url(../images/p-but1_1.png) no-repeat;
    background-size: 100%;
}

.pro_lists .swiper-button-next {
    background: url(../images/p-but2.png) no-repeat;
    right: -60px;
    background-size: 100%;
    width: 60px;
    height: 60px;
    position: absolute;
    left: auto;
    top: 60%;
}

.pro_lists .swiper-button-prev {
    background: url(../images/p-but1.png) no-repeat;
    left: -60px;
    background-size: 100%;
    width: 60px;
    height: 60px;
    position: absolute;
    right: auto;
    top: 60%;
}

.pro_lists .swiper-button-next:hover {
    background: url(../images/p-but2_2.png) no-repeat;
    background-size: 100%;
}

.pro_lists .swiper-button-prev:hover {
    background: url(../images/p-but1_1.png) no-repeat;
    background-size: 100%;
}

/* 招商加盟动兔 */
.jm-tucoin {
    width: 100px;
    height: 130px;
    float: right;
    overflow: hidden;
    background: url(../images/m_coin1.png) no-repeat center;
    position: absolute;
    right: 0px;
    bottom: 0px;
    animation: yuanz 6s infinite linear;
    transform-origin: 50% 20%;
    background-size: 100%;
}

.jm-tucoin span {
    color: #fff;
    font-size: 22px;
    display: inline-block;
    padding: 0px 28px;
    padding-top: 62px;
    line-height: 28px;
}

@keyframes yuanz {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(10deg);
    }

    50% {
        transform: rotate(0deg);
    }

    75% {
        transform: rotate(-10deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

/* 招商轮播 */
.jm_conten {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative !important;
}

.jm_banner {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.jm_banner .slideBox .hd {
    opacity: 0;
}

.jm_banner ul li {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.jm_banner ul li img {
    width: 100%;
    float: left;
}

.jm_banner .bx-wrapper .bx-controls-direction a {
    top: 50%;
    width: 30px;
    height: 58px;
}

.jm_banner .bx-wrapper .bx-prev {
    left: 40px;
    background: url(../images/jm-bt1.png) no-repeat;
    background-size: 100%;
}

.jm_banner .bx-wrapper .bx-next {
    right: 40px;
    background: url(../images/jm-bt2.png) no-repeat;
    background-size: 100%;
}

.jm_banner .bx-wrapper .bx-prev:hover {
    background: url(../images/jm-bt1.png) no-repeat;
    background-size: 100%;
}

.jm_banner .bx-wrapper .bx-next:hover {
    background: url(../images/jm-bt2.png) no-repeat;
    background-size: 100%;
}


.jm_bottombg {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 6;
    pointer-events: none;
    height: calc(100%);
    left: 0px;
    margin: 0px auto;
    right: 0px;
}

.jm_bottombg ul {
    font-size: 0;
    -webkit-text-size-adjust: none;
    width: 83%;
    position: relative;
    margin: 0px auto;
    height: calc(100%)
}

.jm_bottombg ul li {
    display: inline-block;
    width: -webkit-calc(100% / 4);
    width: -moz-calc(100% / 4);
    width: calc(100% / 4);
    vertical-align: top;
    height: 100%;
    position: relative
}

.jm_bottombg ul li:before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: rgba(0, 0, 0, .15);
    left: 0;
    top: 0;
    z-index: 3;
    opacity: .3
}

.jm_bottombg ul li:last-of-type:after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: rgba(0, 0, 0, .15);
    right: 0;
    top: 0;
    opacity: .3
}

.jm-navbox {
    width: -webkit-calc(100% - 69% / 4);
    width: -moz-calc(100% - 69% / 4);
    width: calc(100% - 69% / 4);
    position: relative;
    z-index: 5;
    margin: 0px auto;
}

.jm-nav {
    position: relative;
    width: calc(83vw / 4 * 4);
    z-index: 5
}

.jm-nav ul {
    font-size: 0;
    -webkit-text-size-adjust: none;
    width: 100%
}

.jm-nav ul li {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    width: 25%;
    height: 200px;
    position: relative
}

.jm-nav ul li:first-child:before,
.nav ul li:nth-child(2):before {
    width: -webkit-calc(100% - 1px);
    width: -moz-calc(100% - 1px);
    width: calc(100% - 1px);
    height: 100%;
    left: 0;
    top: 0;
    content: '';
    display: block;
    position: absolute;
    background-color: #fff
}

.jm-nav ul li .detail {
    position: absolute;
    top: 40%;
    width: 90%;
    left: 5%;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    text-align: center;
    z-index: 6;
    opacity: 0;
    visibility: hidden;
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
}

.jm-nav ul li .detail p {
    font-family: 'SourceHanSans';
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.jm-nav ul li .detail a {
    display: block;
    position: relative;
    width: 110px;
    height: 44px;
    border: 1px solid #5ca356;
    line-height: 44px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    margin-top: 28px;
    font-size: 16px;
    background-color: #5ca356;
    border-radius: 30px;
}

.jm-nav ul li .title {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 6;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s
}

.jm-nav ul li .detail a:hover:before {
    width: 100%;
    left: 0
}

.jm-nav ul li .detail a:hover {
    color: #fff
}

.jm-nav ul li:hover .title {
    color: #fff;
}

.jm-nav ul li:hover .detail {
    transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    opacity: 1;
    visibility: visible
}

.jm-nav ul li .title span {
    display: inline-block;
    width: 90px;
    height: 90px;
    margin: 0px auto;
    overflow: hidden;
}

.jm-nav ul li .title span.span1 {
    background: url(../images/zs_coin1.png) no-repeat center;
    background-size: 65%;
}

.jm-nav ul li .title span.span2 {
    background: url(../images/zs_coin2.png) no-repeat center;
    background-size: 62%;
}

.jm-nav ul li .title span.span3 {
    background: url(../images/zs_coin3.png) no-repeat center;
    background-size: 76%;
}

.jm-nav ul li .title span.span4 {
    background: url(../images/zs_coin4.png) no-repeat center;
    background-size: 77%;
}

.jm-nav ul li .title span.span5 {
    background: url(../images/zs_coin5.png) no-repeat center;
    background-size: 72%;
}

.jm-nav ul li:hover .title span.span1 {
    background: url(../images/zs_coin11.png) no-repeat center;
    background-size: 65%;
}

.jm-nav ul li:hover .title span.span2 {
    background: url(../images/zs_coin22.png) no-repeat center;
    background-size: 62%;
}

.jm-nav ul li:hover .title span.span3 {
    background: url(../images/zs_coin33.png) no-repeat center;
    background-size: 76%;
}

.jm-nav ul li:hover .title span.span4 {
    background: url(../images/zs_coin44.png) no-repeat center;
    background-size: 77%;
}

.jm-nav ul li:hover .title span.span5 {
    background: url(../images/zs_coin55.png) no-repeat center;
    background-size: 72%;
}

.jm-nav ul li .title h4 {
    font-size: 22px;
    margin: 5px 0;
    font-weight: bold;
    font-family: 'SourceHanSans';
}

.jm-nav ul li .item-bg {
    content: '';
    width: 100%;
    left: 0;
    bottom: 0;
    height: 0;
    position: absolute;
    display: block;
    z-index: 5;
    overflow: hidden;
    -webkit-transition: all .5s cubic-bezier(.25, 0, 0, 1);
    -o-transition: all .5s cubic-bezier(.25, 0, 0, 1);
    -moz-transition: all .5s cubic-bezier(.25, 0, 0, 1);
    transition: all .5s cubic-bezier(.25, 0, 0, 1);
    background: rgba(89, 177, 81, 0.90);
}

.jm-nav ul li:hover .item-bg {
    height: 100vh;
}

/* 新闻动态 */
.jm_bgc {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(../images/jm_bg.png) no-repeat top center;
    background-size: 100%;
}

.plateNews {
    z-index: 15;
    position: relative;
    background: #f8f8f8
}

.plateNews ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px
}

.plateNews li {
    width: calc(100% / 3)
}

.plateNews li a {
    position: relative;
    display: block;
    background: #f7f7f7;
    transition: ease-out .4s
}

.plateNews li:nth-child(2) a {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse
}

.plateNews li:nth-child(2) .pic:after {
    top: 0;
    bottom: auto;
    border-bottom: none;
    border-top: 20px solid #f7f7f7
}

.plateNews li .pic {
    width: 100%;
    position: relative;
    overflow: hidden
}

.plateNews li .pic .img {
    overflow: hidden;
    transition: ease 1.4s;
    background-size: cover;
    background-position: center
}

.plateNews li .pic img {
    transition: ease .4s;
}

.plateNews li .pic:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #f7f7f7;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    transition: ease-out .4s
}

.plateNews li .summary {
    position: relative;
}

.plateNews li .picbg {
    max-width: 100%;
}

.plateNews li .text {
    padding: 10% 7%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.plateNews li .more {
    width: 116px;
    line-height: 38px;
    display: block;
    text-align: center;
    background: #fff;
    border-radius: 25px;
    color: #1e9f7e;
    opacity: 0;
    transition: ease .4s;
    font-size: 16px;
    font-family: 'SourceHanSans';
}

.plateNews li .timer {
    transition: ease .4s;
    /*background: url(../images/n_coin2.png)no-repeat left center;*/
    background-size: 14px;
    line-height: 32px;
}

.plateNews li .timer span {
    padding-left: 25px;
    font-size: 20px;
    color: #5ba130;
}

.plateNews li h4 {
    color: #333;
    font-size: 20px;
    font-weight: initial;
    line-height: 1.7;
    margin: 10px 0 15px;
    transition: ease .4s;
    font-family: 'SourceHanSans';
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.plateNews li:hover a {
    color: #fff;
    background: #1e9f7e;
}

.plateNews li:hover .pic:after {
    border-top-color: #1e9f7e;
    border-bottom-color: #1e9f7e
}

.plateNews li:hover .timer {
    /*background: url(../images/n_coin1.png) no-repeat left center;*/
    background-size: 14px;
}

.plateNews li:hover .timer span {
    color: #fff;
}

.plateNews li:hover h4 {
    color: #fff
}

.plateNews li:hover .more {
    opacity: 1
}

.plateNews li:hover .pic .img {
    transform: scale(1.05)
}

/* 视频 */
.video-conten {
    width: 100%;
    overflow: hidden;
    margin: 0px auto;
    height: auto;
}

.video-conten .view_video {
    width: 100%;
    overflow: hidden;
}

.video-conten .view_video .jw-skin-seven .jw-display-icon-container>.jw-icon {
    color: #1e9f7e !important;
}

.video-conten .jw-background-color {
    background: rgba(255, 255, 255, 0.6) !important;
}

#banner-video {
    height: 100%;
    width: 100%;
}

/* 自媒体 */
.media-con {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0px auto 80px;
}

.media-con ul li {
    width: calc(100% / 8);
    float: left;
}

.media-con ul li .lic {
    border: 1px solid #d4ead2;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 8% 5%;
    text-align: center;
    margin: 0px 4%;
    transition: ease .4s;
}

.media-con ul li .lic .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 16px;
}

.media-con ul li .lic .pic img {
    width: 100%;
}

.media-con ul li .lic p.p1 {
    font-size: 17px;
    color: #333;
    font-family: 'SourceHanSans';
    margin-bottom: 10px;
}

.media-con ul li .lic p.p2 {
    font-size: 13px;
    color: #8d8d8d;
    font-family: 'SourceHanSans';
}

.media-con ul li:hover .lic {
    background-color: #1c9e7d;
    border-radius: 5px;
}

.media-con ul li:hover .lic p.p1 {
    color: #fff;
}

.media-con ul li:hover .lic p.p2 {
    color: #fff;
}

/* 底部 */
/* .foot-bg{width: 100%;height: auto;overflow: hidden;background: url(../images/t10.jpg) no-repeat top center;background-size: cover;padding: 80px 0px;} */
.foot-bg {
    width: 100%;
    height: auto;
    padding: 50px 0px 0px;
    background-color: #f7f7f7;
}

.foot-wr {
    width: 97%;
    margin: auto;
    position: relative;
    padding: 0px 15px;
    min-width: 1250px;
    max-width: 1580px
}

.foot-bg.story-bg {
    background: url(../images/t52.png) no-repeat top center;
    background-size: cover;
    padding: 230px 0px 80px;
    margin-top: -175px;
}

/* .foot-conc{width: 92%;height: calc(100%);margin: 0px 4%;position: relative;background-color: #fff;border-radius: 136px 20px 20px 20px;box-sizing: border-box;display: inline-block;} */
.foot-conc {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    margin: 0px auto;
}

.foot-conc .foot-top {
    width: 100%;
    height: auto;
    overflow: hidden;
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: 20px;
}

.foot-conc .foot-logo {
    width: 662px;
    height: 70px;
    margin-bottom: 20px;
    float: left;
}

/*.foot-conc  .foot-logo img{width: 100%;}*/
.foot-conc .foot-addre {
    width: 430px;
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
    float: left;
}

.foot-conc .foot-addre ul li {
    float: left;
    overflow: hidden;
    margin-bottom: 9px;
    line-height: 25px;
    width: 100%
}

.foot-conc .foot-addre ul li .coin {
    width: 22px;
    height: 25px;
    float: left;
    overflow: hidden;
    margin-right: 8px;
}

.foot-conc .foot-addre ul li .coin img {
    width: 100%;
    float: left;
}

.foot-conc .foot-addre ul li span {
    display: inline-block;
    float: left;
    overflow: hidden;
    font-size: 15px;
    color: #000;
    font-family: 'SourceHanSans';
}

.foot-conc .foot-companys {
    width: calc(100% - 480px);
    height: auto;
    overflow: hidden;
    float: right;
}

.foot-conc .foot-companys p.p1 {
    font-size: 20px;
    font-weight: bold;
    color: #1c9e7d;
    margin-bottom: 5px;
    font-family: 'SourceHanSans';
}

.foot-conc .foot-companys p.p2 {
    font-size: 15px;
    color: #7a7a7a;
    line-height: 27px;
    font-family: 'SourceHanSans';
    width: 28%;
    float: left;
}

.foot-conc .foot-companys p.p2:nth-child(2n+1) {
    /* float: right; */
}

.foot-conc .foot-right {
    float: right;
    overflow: hidden;
    width: 60%;
}

.foot-tel {
    width: 420px;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
    float: right;
    text-align: right;
}

.foot-tel .cointel {
    overflow: hidden;
    background: url(../images/c_coin1.png) no-repeat left center;
    background-size: 23px;
    padding-left: 30px;
    display: inline-block;
}

.foot-tel .cointel span {
    font-size: 18px;
    color: #333;
}

.foot-tel .foot-nums {
    overflow: hidden;
    color: #1c9e7d;
}

.foot-tel .foot-nums p.p1 {
    font-size: 18px;
    font-family: 'SourceHanSans';
}

.foot-tel .foot-nums p.p2 {
    font-size: 30px;
    font-weight: bold;
}

.foot-tel .foot-nums p.p2 i {
    display: inline-block;
    padding-left: 10px;
}

.foot-addre-box {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.foot-conc .foot-right .foot-navs {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.foot-conc .foot-right .foot-navs ul {
    display: flex;
    justify-content: flex-end
}

.foot-conc .foot-right .foot-navs ul li {
    float: left;
    padding-left: 5%;
}

.foot-conc .foot-right .foot-navs ul li a p.p1 {
    font-size: 20px;
    color: #000;
    font-family: 'SourceHanSans';
    margin-bottom: 18px;
}

.foot-conc .foot-right .foot-navs ul li a p.p2 {
    font-size: 16px;
    color: #333;
    font-family: 'SourceHanSans';
    line-height: 30px;
}

.foot-conc .foot-right .foot-navs ul li a p.p2:hover {
    color: #1c9e7d;
}

.foot-conc .foot-links {
    width: 100%;
    height: auto;
    overflow: hidden;
    overflow: hidden;
    padding: 0px 0px 20px;
    box-sizing: border-box;
}

.foot-conc .foot-links .links-tt {
    font-size: 20px;
    font-weight: bold;
    color: #1c9e7d;
    font-family: 'SourceHanSans';
    margin-bottom: 10px;
}

.foot-conc .foot-links .links-con {
    width: 100%;
    height: auto;
    overflow: hidden;
    color: #333;
    font-size: 16px;
}

.foot-conc .foot-links .links-con a {
    display: inline-block;
    padding: 0px 10px;
    font-family: 'SourceHanSans';
}

.foot-conc .foot-links .links-con a:hover {
    color: #1c9e7d;
}

.foot-botom {
    width: 100%;
    padding: 18px 0px;
    border-top: 1px solid #ebebeb;
    overflow: hidden;
    box-sizing: border-box;
}

.foot-botom span {
    display: inline-block;
    color: #3e3e3e;
    font-size: 15px;
    font-family: 'SourceHanSans';
}

.foot-botom span i {
    font-family: 'SourceHanSans';
}

.foot-botom span a {
    color: #3e3e3e;
    display: inline-block;
    padding: 0px 15px;
}

/* 图标效果 */
.foot-coin1 {
    width: 160px;
    height: 156px;
    background: url(../images/t5a.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: -6px;
    top: -6px;
    z-index: 1;
}

.foot-coin2 {
    width: 165px;
    height: 169px;
    background: url(../images/t2.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    right: -85px;
    top: -67px
}

.foot-coin3 {
    width: 156px;
    height: 161px;
    background: url(../images/t3.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    right: -85px;
    bottom: -41px
}

.foot-coin4 {
    width: 146px;
    height: 161px;
    background: url(../images/t4.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: -85px;
    bottom: -41px
}

.foot-coin5 {
    width: 101px;
    height: 104px;
    /*background: url(../images/t4a.png) no-repeat center;*/
    background-size: 100%;
    position: absolute;
    right: 0%;
    top: -141px;
}

/* leftsead */
.leftsead {
    width: 72px;
    position: fixed;
    top: 200px;
    right: 40px;
    z-index: 100;
}

.leftsead .sead-tu {
    /* background: url(../images/sead_coin5.png) no-repeat center; */
    width: 100%;
    height: 77px;
    margin: 0px auto;
    background-size: 90%;
}

.leftsead .sead-con {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #1c9e7d;
    background: url(../images/sead_coin1.jpg) repeat;
    border-radius: 6px;
    padding: 0px 0px;
}

.leftsead .telb {
    width: 100%;
    height: 70px;
    overflow: hidden;
    background: url(../images/sead_coin2.png) no-repeat center;
    cursor: pointer;
    transition: all 0.3s;
    border-bottom: 1px solid #cce5c6;
    background-size: 30px;
}

.leftsead .telb span {
    display: none;
}

.leftsead .telb:hover {
    width: 240px;
    height: 70px;
    overflow: hidden;
    background: #fff url(../images/sead_coin2.png) no-repeat 7% center;
    color: #1c9e7d;
    text-align: left;
    text-indent: 2.8em;
    line-height: 70px;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
    transform: scale(1) translatex(-170px);
    border-radius: 6px;
    border: 1px solid #cce5c6;
    font-weight: bold;
}

.leftsead .telb:hover span {
    display: block;
}

.leftsead .er {
    width: 100%;
    height: 70px;
    position: relative;
    background: url(../images/sead_coin3.png) no-repeat center;
    cursor: pointer;
    transition: all 0.5s;
    -moz-box-shadow: 0 0 5px #dfdfdf;
    -webkit-box-shadow: 0 0 5px #dfdfdf;
    box-shadow: 0 0 5px #dfdfdf;
    border-bottom: 1px solid #cce5c6;
    background-size: 26px;
}

.leftsead .er .biger {
    width: 0;
    height: 153px;
    position: absolute;
    margin: 5px;
    left: 0;
    top: -40px;
    border-radius: 6px;
    text-align: center;
    transition: all 0.3s;
    opacity: 0;
}

.leftsead .er:hover .biger {
    width: 129px;
    height: 153px;
    position: absolute;
    margin: 5px;
    left: -140px;
    top: -40px;
    border-radius: 6px;
    background-color: #1c9e7d;
    text-align: center;
    transition: all 0.3s;
    opacity: 1;
    -moz-box-shadow: 0 0 10px #dfdfdf;
    -webkit-box-shadow: 0 0 10px #dfdfdf;
    box-shadow: 0 0 10px #dfdfdf;
}

.leftsead .er .biger img {
    width: 85%;
    height: auto;
    margin: 10px auto 0 auto;
}

.leftsead .er .biger p {
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-family: 'SourceHanSans';
    line-height: 28px;
    font-weight: normal;
}

.leftsead .qq {
    width: 56px;
    height: 56px;
    overflow: hidden;
    margin: 10px auto 0 auto;
    background: #fff url(../images/t5.png) no-repeat center;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.5s;
    -moz-box-shadow: 0 0 5px #dfdfdf;
    -webkit-box-shadow: 0 0 5px #dfdfdf;
    box-shadow: 0 0 5px #dfdfdf;
}

.leftsead .qq:hover {
    width: 56px;
    height: 56px;
    overflow: hidden;
    margin: 10px auto 0 auto;
    background: #0c52c4 url(../images/t5a.png) no-repeat center;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.5s;
}

.leftsead .top {
    width: 100%;
    height: 90px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.5s;
}

.leftsead .top .pic {
    width: 100%;
    height: 44px;
    background: url(../images/sead_coin4.png) no-repeat center;
    background-size: 16%;
    text-align: center;
    margin: 10px auto 0px;
}

.leftsead .top p {
    font-size: 14px;
    color: #1c9e7d;
    text-align: center;
    font-family: 'SourceHanSans';
}

.leftsead .top:hover p {
    transition: all 0.5s;
    font-weight: bold;
}

.leftsead .top:hover .pic {
    animation: scrr 3s infinite linear;
    transition: all 0.3s;
}


/* 关于我们 */
.commbanner {
    width: 100%;
    height: auto;
    overflow: hidden;
    min-width: 1250px;
    margin: 0px auto;
    position: relative;
}

.commbanner.inner-banner.articleShow {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.inner-banner.articleShow .banner-bg {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.commbanner.inner-banner .banner-bg {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: 4s;
    -o-transition: 4s;
    -moz-transition: 4s;
    transition: 4s;
}

.inner-banner.articleShow .banner-bg {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.commbanner img {
    width: 100%;
    float: left;
}

/* story-banner */
.story-bannercon {
    width: 92%;
    min-width: 1250px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0px auto 0px;
    top: 0px;
    height: 100%;
}

.story-commtitl {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 80px;
}

.story-commtitl p.p1 {
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 8px;
    font-family: 'SourceHanSans';
}

.story-commtitl p.p2 {
    font-size: 26px;
    color: #fff;
    line-height: 35px;
    font-family: 'SourceHanSans';
}

.story-commintro {
    width: 670px;
    height: auto;
    overflow: hidden;
    text-align: center;
    color: #fff;
    margin: 0px auto;
}

.story-commintro-nums {
    font-size: 50px;
    margin-bottom: 15px;
}

.story-commintro-ccont {
    font-size: 18px;
    font-family: 'SourceHanSans';
    line-height: 35px;
}

/* 品牌介绍 */
.brand-conten-intr {
    color: #333 !important;
}

.brand-conten-intr p {
    padding: 2px 0px;
}

.brand-conten-intr strong {
    font-weight: bold;
}

/* 地图 */
.map-bg {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(../images/maprigbg.png) no-repeat top center;
    padding-top: 55px;
}

.mapleft {
    width: 42%;
    float: left;
    overflow: hidden;
}

.mapleft img {
    width: 100%;
}

.maprig {
    width: 52%;
    float: right;
    overflow: hidden;
    padding-top: 110px;
}

.map-lis {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.map-lis ul li {
    width: 31.3%;
    float: left;
    overflow: hidden;
    margin-bottom: 60px;
}

.map-lis ul li p.p1 {
    font-size: 45px;
    color: #009688;
    margin-bottom: 6px;
}

.map-lis ul li p.p2 {
    font-size: 18px;
    color: #949494;
    line-height: 30px;
}

/* laber */
.brand-laber {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.brand-laber ul li {
    width: calc(100% / 3);
    float: left;
    overflow: hidden;
    color: #fff;
}

.brand-laber ul li .coin {
    width: 45px;
    height: 45px;
    float: left;
    border-radius: 50%;
}

.brand-laber ul li .coin.coin1 {
    background: url(../images/laber_coin1.png) no-repeat center #458944;
    background-size: 48%;
}

.brand-laber ul li .coin.coin2 {
    background: url(../images/laber_coin2.png) no-repeat center #458944;
    background-size: 48%;
}

.brand-laber ul li .coin.coin3 {
    background: url(../images/laber_coin3.png) no-repeat center #458944;
    background-size: 48%;
}

.brand-laber ul li .txtrig {
    margin-left: 64px;
    overflow: hidden;
}

.brand-laber ul li .txtrig p.p1 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: 'SourceHanSans';
}

.brand-laber ul li .txtrig p.p2 {
    font-size: 16px;
    line-height: 28px;
}

/* 发展历程 */
.lc-bg {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(../images/nbanner2.jpg) no-repeat top center;
    padding: 80px 0px 120px;
}

.lc-commtitle {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
}

.lc-commtitle p.p1 {
    font-size: 36px;
    color: #456650;
    line-height: 36px;
}

.lc-commtitle p.p2 {
    font-family: 'SourceHanSans';
    font-size: 50px;
    color: #fff;
    line-height: 50px;
}

.lc-commtitle p.p2.lang {
    color: #333;
}

.lc-commtitle p.p2 i {
    color: #1e9f7e;
}

.lc-commtitle p.p1.cir {
    color: #e9eded;
}

.lc-commtitle p.p1.cir1 {
    color: #7cbb76;
}

.lc-contens {
    padding: 20px 0px;
    margin: 0px auto;
    display: inline-block;
    width: 100%;
}

.lc-contens ul li {
    float: left;
    position: relative;
    transition: ease .4s;
}

.lc-contens ul li::after {
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #7cbe76;
    position: absolute;
}

.lc-contens ul li .pic {
    width: 103px;
    height: 103px;
    margin: 0px auto;
    overflow: hidden;
    border-radius: 50%;
    opacity: 1;
}

.lc-contens ul li .pic img {
    width: 100%;
    border-radius: 50%;
}

.lc-contens ul li .txt {
    width: 100%;
    overflow: hidden;
    color: #fff;
    opacity: 1;
}

.lc-contens ul li .txt p.p1 {
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 20px;
}

.lc-contens ul li .txt p.p2 {
    font-family: 'SourceHanSans';
    font-size: 16px;
    line-height: 30px;
}

.lc-contens ul li .labertxt {
    background-color: rgba(255, 255, 255, 0.94);
    border-radius: 8px;
    padding: 24px 30px;
    opacity: 0;
}

.lc-contens ul li .labertxt p.p1 {
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 2px;
    color: #009688;
}

.lc-contens ul li .labertxt p.p2 {
    font-size: 16px;
    color: #333;
    line-height: 27px;
    font-family: 'SourceHanSans';
}

.lc-contens ul li .labertxt p.p1::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    left: 0px;
    transform: translateX(-100%);
    bottom: 30%;
    transition: ease .4s;
}

.lc-contens ul li:hover::after {
    width: 22px;
    height: 22px;
    background: url(../images/lc_cur.png) no-repeat center;
}

.lc-contens ul li:hover .pic {
    opacity: 0;
}

.lc-contens ul li:hover .txt {
    opacity: 0;
}

.lc-contens ul li:hover .labertxt {
    opacity: 1;
    position: absolute;
    top: 100px;
    left: 45px;
    z-index: -1;
}

.lc-contens ul li.li1 {
    margin-top: 83px;
}

.lc-contens ul li.li1::after {
    left: 0px;
    top: 3%;
}

.lc-contens ul li.li2::after {
    left: 0px;
    top: 62%;
}

.lc-contens ul li.li2 {
    margin-top: -37px;
    padding-bottom: 100px;
    padding-top: 50px;
}

.lc-contens ul li.li2 .pic {
    position: absolute;
    bottom: 27px;
    right: 15%;
}

.lc-contens ul li.li2 .txt {
    margin-bottom: 0px;
}

.lc-contens ul li.li3::after {
    left: 0px;
    top: 68%;
}

.lc-contens ul li.li3 {
    margin-top: 35px;
    padding-bottom: 50px;
}

.lc-contens ul li.li3 .pic {
    right: 15%;
}

.lc-contens ul li.li3 .txt {
    padding-top: 50px;
}

.lc-contens ul li.li4::after {
    left: 0px;
    top: 60%;
}

.lc-contens ul li.li4 {
    margin-top: 0px;
    padding-bottom: 90px;
    padding-top: 0px;
}

.lc-contens ul li.li4 .pic {
    position: absolute;
    bottom: 50px;
    right: 30%;
}

.lc-contens ul li.li4 .txt {
    margin-bottom: 80px;
}

.lc-contens ul li.li5 {
    margin-top: 83px;
}

.lc-contens ul li.li5::after {
    left: 0px;
    top: 3%;
}

.lc-contens ul li.li6 {
    margin-top: -37px;
    padding-bottom: 65px;
    padding-top: 50px;
}

.lc-contens ul li.li6 .pic {
    position: absolute;
    bottom: -30px;
    right: 15%;
}

.lc-contens ul li.li6 .txt {
    margin-bottom: 80px;
}

.lc-contens ul li.li7::after {
    left: 0px;
    top: 68%;
}

.lc-contens ul li.li7 {
    margin-top: 35px;
    padding-bottom: 50px;
}

.lc-contens ul li.li7 .pic {
    right: 15%;
}

.lc-contens ul li.li7 .txt {
    padding-top: 50px;
}

.lc-contens ul li.li8::after {
    left: 0px;
    top: 60%;
}

.lc-contens ul li.li8 {
    margin-top: 0px;
    padding-bottom: 90px;
    padding-top: 0px;
}

.lc-contens ul li.li8 .pic {
    position: absolute;
    bottom: 50px;
    right: 30%;
}

.lc-contens ul li.li8 .txt {
    margin-bottom: 80px;
}

.lc-contens ul li.li9 {
    margin-top: 83px;
}

.lc-contens ul li.li9::after {
    left: 0px;
    top: 3%;
}

.lc-contens ul li.li10 {
    margin-top: -37px;
    padding-bottom: 65px;
    padding-top: 50px;
}

.lc-contens ul li.li10 .pic {
    position: absolute;
    bottom: -30px;
    right: 15%;
}

.lc-contens ul li.li10 .txt {
    margin-bottom: 80px;
}

.lc-contens ul li.li11::after {
    left: 0px;
    top: 68%;
}

.lc-contens ul li.li11 {
    margin-top: 35px;
    padding-bottom: 50px;
}

.lc-contens ul li.li11 .pic {
    right: 15%;
}

.lc-contens ul li.li11 .txt {
    padding-top: 50px;
}

.lc-contens ul li.li12::after {
    left: 0px;
    top: 60%;
}

.lc-contens ul li.li12 {
    margin-top: 0px;
    padding-bottom: 90px;
    padding-top: 0px;
}

.lc-contens ul li.li12 .pic {
    position: absolute;
    bottom: 50px;
    right: 30%;
}

.lc-contens ul li.li12 .txt {
    margin-bottom: 80px;
}

/* 新版历程 */
.lc-newcon {
    width: 100%;
    height: auto;
    position: relative;
    margin: 50px auto 0px;
}

.lc-newcon ul li {
    background: url(../images/lc_bgc.png) no-repeat left bottom;
    background-size: 100%;
}

.lc-newcon ul li .lc-bix {
    padding-left: 50px;
    overflow: hidden;
    color: #fff;
}

.lc-newcon ul li .lc-bix p.p1 {
    font-size: 36px;
    margin-bottom: 12px;
}

.lc-newcon ul li .lc-bix p.p1 i {
    font-size: 44px;
    font-weight: bold;
}

.lc-newcon ul li .lc-bix .pic {
    width: 400px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 10px;
    height: 270px;
}

.lc-newcon ul li .lc-bix .pic img {
    width: 100%;
    float: left;
}

.lc-newcon ul li .lc-bix .intr {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 30px;
    text-align: center;
    height: 30px;
}

/* 按钮 */
.lc-newcon .bx-wrapper .bx-controls-direction a {
    top: 45%;
    width: 40px;
    height: 40px;
}

.lc-newcon .bx-wrapper .bx-prev {
    left: -80px;
    background: url(../images/p-but1.png) no-repeat;
    background-size: 100%;
}

.lc-newcon .bx-wrapper .bx-next {
    right: -80px;
    background: url(../images/p-but2.png) no-repeat;
    background-size: 100%;
}

.lc-newcon .bx-wrapper .bx-prev:hover {
    background: url(../images/p-but1_1.png) no-repeat;
    background-size: 100%;
}

.lc-newcon .bx-wrapper .bx-next:hover {
    background: url(../images/p-but2_2.png) no-repeat;
    background-size: 100%;
}

/* 品牌荣誉 */
.honner-bg {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #f3f9f9;
    padding: 70px 0px;
}

.honner-list {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 30px auto 0px;
}

.honner-list ul li {
    width: 31.3%;
    float: left;
    overflow: hidden;
    margin: 0px 1%;
}

.honner-list ul li .pic {
    width: 100%;
    max-height: 365px;
    background: url(../images/honner_bg.png) no-repeat top center;
    box-sizing: border-box;
    padding: 10px 45px 50px 37px;
    margin: 0px auto;
    background-size: 100%;
}

.honner-list ul li .pic img {
    width: 100%;
}

.honner-list ul li p.p1 {
    font-family: 'SourceHanSans';
    font-weight: bold;
    color: #009688;
    font-size: 30px;
    margin-bottom: 12px;
    padding: 0px 15px;
}

.honner-list ul li p.p2 {
    font-family: 'SourceHanSans';
    font-size: 24px;
    color: #000;
    font-weight: bold;
    line-height: 35px;
    padding: 0px 15px;
}

.honner-list ul li p.p3 {
    font-size: 18px;
    color: #666;
    padding: 0px 15px;
}

.honner-listpage ul li {
    height: 480px;
    margin-bottom: 20px;
}



/* 品牌愿景 */
.brand-yjcon {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 60px 0px;
}

.brand-yjcon .brand-conten {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.brand-yjcon .brand-contens {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
}

.brand-yjcon .brand-left {
    float: left;
    overflow: hidden;
    position: relative;
}

.brand-yjcon .brand-left p.p1 {
    font-size: 90px;
    color: #f8f8f8;
    font-weight: bold;
}

.brand-yjcon .brand-left p.p2 {
    font-size: 50px;
    color: #000;
    font-weight: bold;
    font-family: 'SourceHanSans';
    position: absolute;
    left: 0px;
    top: 62px;
}

.brand-yjcon .brand-right {
    overflow: hidden;
    width: 70%;
    font-size: 28px;
    color: #009688;
    font-weight: bold;
    position: absolute;
    right: 0px;
    top: 78px;
}

.brand-yjcon .bx-wrapper .bx-pager,
.brand-yjcon .bx-wrapper .bx-controls-auto {
    margin: 0px auto;
    position: absolute;
    right: 30px;
    top: 50%;
    width: 10px;
}

.brand-yjcon .bx-wrapper .bx-pager.bx-default-pager a {
    margin: 0px auto 8px;
}

.brand-yjcon .bx-wrapper .bx-pager.bx-default-pager a:hover,
.brand-yjcon .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #009688;
}

/* 资本信赖 */
.zbxl_bg {
    width: 100%;
    height: 836px;
    overflow: hidden;
    background-color: #1e9f7e;
    position: relative;
}

.bun-roll1 {
    width: 1440px;
    height: 1440px;
    border: 1px dashed #82c07d;
    border-radius: 100%;
    position: absolute;
    top: 6%;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}

.bun-roll2 {
    width: 890px;
    height: 890px;
    border: 1px dashed #d6ead5;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}

.bun-roll3 {
    width: 514px;
    height: 514px;
    border: 1px dashed #afd7ac;
    border-radius: 100%;
    position: absolute;
    top: 70%;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}

.bun-roll4 {
    width: 590px;
    height: 590px;
    border: 1px dashed #8fc78a;
    border-radius: 100%;
    position: absolute;
    top: 18%;
    left: -25%;
}

.zbxl_bg .bubble {
    position: absolute;
    border-radius: 50%;
    animation: spin 8s infinite linear;
    transform-origin: 55% 35%;
}

.zbxl_bg .sm-bubble {
    transform-origin: 30% 30px;
}

.zbxl_bg .bubble1 {
    width: 2%;
    padding-top: 2%;
    left: 35%;
    bottom: 15%;
    background-color: #7abc74;
}

.zbxl_bg .bubble2 {
    width: 4%;
    padding-top: 4%;
    right: 28%;
    bottom: 35%;
    background-color: #9ece9a;
}

.zbxl_bg .bubble3 {
    width: 2%;
    padding-top: 2%;
    right: 15%;
    bottom: 20%;
    background-color: #82c07c;
}

.zbxl_bg .bubble4 {
    width: 2%;
    padding-top: 2%;
    left: 15%;
    bottom: 50%;
    background-color: #7abc74;
}

.zbxl_bg .bubble:nth-child(2n) {
    animation: spin2 8s infinite linear;
}

.zbxl-mar {
    margin-top: 94px;
}

.zbxl_bg .zbxl-intro {
    width: 88%;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-family: 'SourceHanSans';
}

.zbxl_bg .zbxl-conts {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 80px auto 0px;
    position: relative;
    z-index: 1;
}

.zbxl_bg .zbxl-conts .pics-logo {
    width: 277px;
    height: 208px;
    margin: 224px auto 0px;
}

.zbxl_bg .zbxl-conts .pics-logo img {
    width: 100%;
}

.zbxl_bg .zbxl-conts .pisarr {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background-color: #fff;
}

.zbxl_bg .zbxl-conts .pisarr.pisc1 {
    position: absolute;
    left: 0px;
    bottom: 12px;
}

.zbxl_bg .zbxl-conts .pisarr.pisc2 {
    position: absolute;
    left: 28%;
    top: 18%;
}

.zbxl_bg .zbxl-conts .pisarr.pisc3 {
    position: absolute;
    right: 20%;
    bottom: 10%;
}

.zbxl_bg .zbxl-conts .pisarr.pisc4 {
    position: absolute;
    right: 4%;
    top: 14%;
}

.zbxl_bg .zbxl-conts .pisarr img {
    width: 100%;
    border-radius: 50%;
}

/* 产业布局 */
.cybj_bg {
    width: 100%;
    height: auto;
    position: relative;
    z-index: -1;
}

.cybj_bg .img {
    width: 100%;
}

.cybj_bg .cybj_conten {
    width: 92%;
    height: auto;
    overflow: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    top: 19%;
}

.cybj_bg .cybj_title {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 25px;
}

.cybj_bg .cybj_title p.p1 {
    font-size: 36px;
    color: rgba(255, 255, 255, .26);
    font-weight: bold;
}

.cybj_bg .cybj_title p.p2 {
    font-family: 'SourceHanSans';
    font-size: 50px;
    color: #fff;
    font-weight: bold;
}

.cybj_bg .cybj_intro {
    width: 35%;
    height: auto;
    overflow: hidden;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    font-family: 'SourceHanSans';
}

.cybj_bg .cybootm {
    width: 100%;
    height: 306px;
    overflow: hidden;
    background: url(../images/t51.png) no-repeat top center;
    background-size: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -110px;
    margin: 0px auto;
    z-index: 9;
}

@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}

@keyframes spin2 {
    to {
        transform: rotate(-1turn);
    }
}

/* 产品 */
.productc {
    width: 100%;
    padding-bottom: 80px;
    position: relative;
}

.product-top {
    padding-bottom: 70px;
    width: calc(100% - 180px);
    position: relative;
}

.product-top ul li {
    float: left;
}

.product-top ul li .l {
    width: 46%;
    float: left;
    padding-top: 12%;
    padding-left: 20%;
}

.product-top ul li .r {
    width: 50%;
    float: right;
}

/*.product-top ul li .r.pbg15{background: url(../images/p_coin1.png) no-repeat center;background-size: 100%;}*/
/*.product-top ul li .r.pbg14{background: url(../images/p_coin10.png) no-repeat center;background-size: 100%;}*/
/*.product-top ul li .r.pbg13{background: url(../images/p_coin9.png) no-repeat center;background-size: 100%;}*/

.product-top ul li .r .pic {
    width: 80%;
    height: auto;
    overflow: hidden;
    text-align: center;
}

.product-top ul li .r .pic img {
    width: 88%;
}

.product-top ul li p.title {
    font-size: 50px;
    color: #1e1b16;
    padding-bottom: 15px;
    font-weight: bold;
    font-family: 'SourceHanSans';
}

.product-top ul li .desc {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    font-family: 'SourceHanSans';
    height: 280px;
}

.product-top ul li .desc p {
    padding: 2px 0px;
    line-height: 30px;
}

.product-top ul li .desc img {
    max-width: 100%;
}

.product-top a.btn {
    font-size: 18px;
    color: #1e1b16;
}

.product-top a.btn:hover span {
    font-weight: normal;
}

.product-top .worry {
    font-size: 16px;
    color: #999;
    width: 24px;
    line-height: 24px;
    writing-mode: vertical-lr;
    writing-mode: tb-rl;
    overflow: hidden;
    letter-spacing: 1px;
    position: absolute;
    right: 10%;
    bottom: 80px;
    z-index: 9
}



.product-thumbs {
    overflow: hidden;
    padding-top: 20px;
}

.product-thumbs .swiper-slide {
    text-align: center;
    opacity: 0.7;
    margin: 10px 0px;
    background-color: #fff;
}

.product-thumbs .swiper-slide .item {
    padding: 3px 7px;
    border-radius: 8px;
    border: 3px solid #f7f7f7;
}


.product-thumbs .swiper-slide img {
    width: 100%;
    max-width: 100%;
}

.product-thumbs .swiper-slide.swiper-slide-thumb-active .item {
    border: 3px solid #7bbe75;
}

.product-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}


.product-thumbs .swiper-slide:hover .item {
    border: 2px solid #7bbe75;
}

.productc .swiper-button-next {
    background: url(../images/p-but2.png) no-repeat;
    right: -100px;
    background-size: 100%;
    width: 60px;
    height: 60px;
    position: absolute;
    left: auto;
    top: auto;
    bottom: 17%;
}

.productc .swiper-button-prev {
    background: url(../images/p-but1.png) no-repeat;
    left: -100px;
    background-size: 100%;
    width: 60px;
    height: 60px;
    position: absolute;
    right: auto;
    top: auto;
    bottom: 17%;
}

.productc .swiper-button-next:hover {
    background: url(../images/p-but2_2.png) no-repeat;
    background-size: 100%;
}

.productc .swiper-button-prev:hover {
    background: url(../images/p-but1_1.png) no-repeat;
    background-size: 100%;
}



/* .productc .swiper-button-next,.productc  .swiper-button-prev{top: auto;bottom: 0%;width: 163px;height: 54px;color: #000;font-size: 16px;line-height: 54px;text-align: center;text-transform: capitalize;position: relative;float: left;box-sizing: border-box;border: 1px solid #7bbe75;}
.productc .swiper-button-next{background:url(../images/p_coin5.png)no-repeat  30px center ;margin: 40px 16px 0px 18px;}
.productc .swiper-button-prev{background:url(../images/p_coin6.png)no-repeat  110px  center;margin: 40px 0px 0px 0px;}
.productc .swiper-button-next:hover{background:url(../images/p_coin7.png)no-repeat  30px center #7bbe75;color: #fff;}
.productc .swiper-button-prev:hover{background:url(../images/p_coin8.png)no-repeat  110px center #7bbe75;color: #fff;}

.productc .swiper-button-next.butonbg13,.productc .swiper-button-prev.butonbg13{border: 1px solid #e7be4c;}
.productc .swiper-button-next.butonbg13:hover{background:url(../images/p_coin7.png)no-repeat  30px center #e7be4c;color: #fff;}
.productc .swiper-button-prev.butonbg13:hover{background:url(../images/p_coin8.png)no-repeat  110px center #e7be4c;color: #fff;}

.productc .swiper-button-next.butonbg14,.productc .swiper-button-prev.butonbg14{border: 1px solid #7bbe75;}
.productc .swiper-button-next.butonbg14:hover{background:url(../images/p_coin7.png)no-repeat  30px center #7bbe75;color: #fff;}
.productc .swiper-button-prev.butonbg14:hover{background:url(../images/p_coin8.png)no-repeat  110px center #7bbe75;color: #fff;}

.productc .swiper-button-next.butonbg15,.productc .swiper-button-prev.butonbg15{border: 1px solid #f7756e;}
.productc .swiper-button-next.butonbg15:hover{background:url(../images/p_coin7.png)no-repeat  30px center #f7756e;color: #fff;}
.productc .swiper-button-prev.butonbg15:hover{background:url(../images/p_coin8.png)no-repeat  110px center #f7756e;color: #fff;} */
.productc .swiper-pagination {
    position: absolute !important;
    bottom: 10%;
    right: 10%;
}

.productc .swiper-pagination-bullet {
    background: #f1f1f1;
    opacity: 1;
    margin: 0px 3px;
}

.productc .swiper-pagination-bullet-active {
    background-color: #85e641;
    border: 6px solid #85e641;
}

.pro-gree1 {
    width: 20px;
    height: 21px;
    position: absolute;
    right: 25%;
    top: 32%;
    background: url(../images/p_coin3.png) no-repeat center;
}

.pro-gree2 {
    width: 73px;
    height: 305px;
    position: absolute;
    right: 0%;
    top: 20%;
    background: url(../images/p_coin2.png) no-repeat center;
}

.pro-gree3 {
    width: 158px;
    height: 142px;
    position: absolute;
    left: 0px;
    bottom: 0%;
    background: url(../images/p_coin4.png) no-repeat center;
}

/*按钮*/
.btn {
    display: inline-block;
    padding: 13px 80px 13px 50px;
    background: url(../images/icon-btn-arrow.png) right 8px center no-repeat #ffa800;
    font-size: 22px;
    color: #1e1b16;
    border-radius: 80px;
}

.btn.btn-white {
    background-color: #FFFFFF;
}

.btn span {
    transition: all .1s;
}

.btn:hover span {
    padding-right: 2px;
    transition: all .1s;
    font-weight: bold;
}

/* 产品分类 */
.pro-navs {
    width: 158px;
    float: left;
    position: absolute;
    left: 0px;
    top: 19%;
    overflow: hidden;
    z-index: 9;
}

.pro-navs .title {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

.pro-navs ul li {
    width: 100%;
    float: left;
    overflow: hidden;
    font-size: 18px;
    margin-bottom: 12px;
}

.pro-navs ul li a {
    color: #333;
    display: inline-block;
    position: relative;
}

.pro-navs ul li:hover a,
.pro-navs ul li a.cur {
    color: #1e9f7e;
}

.pro-navs ul li a::after {
    content: '';
    height: 4px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    background: rgba(102, 180, 102, 0.2);
    transform: translateX(50%);
    opacity: 0;
    transition: cubic-bezier(0.215, .61, .355, 1) .45s;
    display: inline-block;
    width: 100%;
}

.pro-navs ul li a.cur::after,
.pro-navs ul li:hover a::after {
    opacity: 1;
    transform: translateX(0%);
}

/* 产品理念 */
.ln-bgc {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 25px 0px 30px;
    background-color: #1c9e7d;
}

.ln-txtcon {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

.ln-txtcon p.p1 {
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 10px;
    ;
}

.ln-txtcon p.p2 {
    width: 80%;
    margin: 0px auto;
    overflow: hidden;
    font-size: 16px;
    line-height: 28px;
}

/* 新闻动态 */
.news_contxt {
    width: 707px;
    height: auto;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 110px;
    background: rgba(78, 166, 70, 0.85);
    padding: 35px 30px;
    border-radius: 12px 12px 0px 12px;
    color: #fff;
}

.news_contxt p.p1 {
    font-size: 46px;
    font-weight: bold;
    font-family: 'SourceHanSans';
}

.news_contxt p.p2 {
    font-size: 14px;
    line-height: 26px;
    font-family: 'SourceHanSans';
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 25px;
}

.news-botmore {
    width: 134px;
    height: 40px;
    border-radius: 30px;
    background-color: #fff;
    line-height: 40px;
    font-family: 'SourceHanSans';
    font-weight: 500;
}

.news-botmore span {
    display: inline-block;
    font-size: 14px;
    padding: 0px 10px 0px 27px;
    float: left;
    color: #459c4b;
}

.news-botmore em {
    display: inline-block;
    float: left;
    width: 30px;
    height: 22px;
    background: url(../images/n_coin3.png) no-repeat center;
    margin: 9px auto 0px;
    transition: cubic-bezier(0.215, .61, .355, 1) .45s;
    transform: translateX(0);
    background-size: 70%;
}

.news-botmore:hover em {
    transform: translateX(50%);
}

.news-time {
    width: 214px;
    height: 52px;
    background: url(../images/n_coin4.png) no-repeat center;
    position: absolute;
    bottom: -3px;
    right: 0px;
    text-align: center;
    background-size: 100%;
}

.news-time span {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    line-height: 52px;
}

/* 分类 */
.news-navs {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 70px auto 18px;
}

.news-navs ul li {
    float: left;
    font-size: 24px;
    font-family: 'SourceHanSans';
    position: relative;
    padding: 0px 25px 0px;
}

.news-navs ul li a {
    color: #666;
    display: block;
}

.news-navs ul li::before {
    content: '';
    width: 1px;
    height: 10px;
    position: absolute;
    right: 0px;
    top: 40%;
    background-color: #dedede;
}

.news-navs ul li:hover a,
.news-navs ul li.cur a {
    font-weight: bold;
    color: #1e9f7e;
}

.news-navs ul li::after {
    content: '';
    width: 100px;
    height: 9px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    background: rgba(102, 180, 102, 0.2);
    transform: translateX(50%);
    opacity: 0;
    transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.news-navs ul li.cur::after,
.news-navs ul li:hover::after {
    opacity: 1;
    transform: translateX(0%);
}

/* 新闻列表 */
.news-lists {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
}

.news-lists ul li {
    width: 100%;
    float: left;
    overflow: hidden;
    padding: 45px 0px;
    border-bottom: 1px solid #e9e9e9;
}

.news-lists ul li a .timec {
    width: 130px;
    float: left;
    overflow: hidden;
    font-weight: bold;
    color: #333;
}

.news-lists ul li a .timec p.p1 {
    font-size: 40px;
}

.news-lists ul li a .timec p.p2 {
    font-size: 24px;
}

.news-lists ul li a .rightcon {
    width: calc(100% - 160px);
    float: right;
    overflow: hidden;
}

.news-lists ul li a .rightcon .pic {
    width: 30%;
    float: left;
    overflow: hidden;
}

.news-lists ul li a .rightcon .pic img {
    width: 100%;
}

.news-lists ul li a .rightcon .newstxt {
    width: 66%;
    float: right;
    overflow: hidden;
    margin-top: 15px;
}

.news-lists ul li a .rightcon .newstxt p.p1 {
    font-weight: bold;
    font-family: 'SourceHanSans';
    font-size: 28px;
    color: #333;
    margin-bottom: 15px;
}

.news-lists ul li a .rightcon .newstxt p.p2 {
    font-size: 14px;
    color: #666;
    font-family: 'SourceHanSans';
    line-height: 30px;
    margin-bottom: 40px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.news-lists ul li a .rightcon .newstxt .news-botmore {
    width: 160px;
    height: 43px;
    border-radius: 30px;
    background-color: #1e9f7e;
    line-height: 43px;
    font-family: 'SourceHanSans';
    font-weight: 500;
}

.news-lists ul li a .rightcon .newstxt .news-botmore span {
    display: inline-block;
    font-size: 14px;
    padding: 0px 10px 0px 50px;
    float: left;
    color: #fff;
}

.news-lists ul li a .rightcon .newstxt .news-botmore em {
    display: inline-block;
    float: left;
    width: 30px;
    height: 22px;
    background: url(../images/p_coin8.png) no-repeat center;
    margin: 9px auto 0px;
    transition: cubic-bezier(0.215, .61, .355, 1) .45s;
    transform: translateX(0);
    background-size: 70%;
}

.news-lists ul li a .rightcon .newstxt .news-botmore:hover em {
    transform: translateX(50%);
}

.news-lists ul li:hover a .rightcon .newstxt p.p1 {
    color: #1e9f7e;
}

/*分页*/
.page {
    width: 100%;
    line-height: 30px;
    text-align: center;
    border-top: none;
    padding: 0 0 0px 0;
    margin: 30px auto 50px;
    font-size: 14px;
}

.pagination {
    width: auto;
    margin: 0 auto;
}

.pagination li {
    display: inline-block;
    margin-right: 3px;
    padding: 3px 15px;
    border: 1px solid #e2e2e2;
    min-width: 20px;
    text-align: center;
    border-radius: 6px;
}

.pagination li.active {
    background: #1e9f7e;
    color: #fff;
    border: 1px solid #1e9f7e;
}

.pagination li a {
    display: block;
    text-align: center;
}

/* 形象展示 */
.ipmar {
    padding-top: 70px;
}

.imageshowbox {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
    padding-bottom: 30px;
}

/* 形象墙轮播 */
.pc-banner {
    width: 100%;
    float: left;
    position: relative
}

.pc-banner .swiper-container {
    width: 100%;
    margin-bottom: 25px !important;
}

.pc-banner .swiper-slide {
    -webkit-transition: transform 1.0s;
    -moz-transition: transform 1.0s;
    -ms-transition: transform 1.0s;
    -o-transition: transform 1.0s;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

.pc-banner .swiper-slide-active,
.swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.pc-banner .none-effect {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.pc-banner .swiper-slide a {
    background: #fff;
    display: block;
    border-radius: 14px;
}

.pc-banner .swiper-slide-active a:after {
    background: none;
}

.pc-banner .swiper-slide .img {
    width: 100%;
    display: block;
}

.pc-banner .swiper-pagination {
    position: relative !important;
}

.pc-banner .swiper-pagination-bullet {
    margin-left: 4px;
    margin-right: 4px;
    width: 12px;
    height: 12px;
    background-color: #b2d9b2;
}

.pc-banner .swiper-pagination-bullet-active {
    background: #009688;
    margin-bottom: 0;
}

.pc-banner .swiper-button-next1 {
    background: url(../images/p-but2.png) no-repeat;
    right: 20%;
    width: 60px;
    height: 60px;
    position: absolute;
    left: auto;
    background-size: 100%;
    top: 35%;
    z-index: 99
}

.pc-banner .swiper-button-prev1 {
    background: url(../images/p-but1.png) no-repeat;
    left: 20%;
    width: 60px;
    height: 60px;
    position: absolute;
    right: auto;
    background-size: 100%;
    top: 35%;
    z-index: 99
}

.pc-banner .swiper-button-next1:hover {
    background: url(../images/p-but2_2.png) no-repeat;
    background-size: 100%;
}

.pc-banner .swiper-button-prev1:hover {
    background: url(../images/p-but1_1.png) no-repeat;
    background-size: 100%;
}



/* 门第分布 */
.mshop_bg {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 60px 0px 60px;
    background-color: #f3f9f9;
}

.mstrombox {
    width: 100%;
    margin: 0px auto 30px;
    overflow: hidden;
    text-align: center;
}

.mstrombox ul li {
    display: inline-block;
    margin: 8px 20px;
    width: 68px;
    height: 88px;
    font-size: 22px;
    background: url(../images/shop_coin1.png) no-repeat center;
    transform: translateY(0%);
    transition: cubic-bezier(0.215, .61, .355, 1) .45s;
    background-size: 100%;
}

.mstrombox ul li a {
    display: block;
    color: #fff;
    padding-top: 42px;
    font-family: 'SourceHanSans';
}

.mstrombox ul li.cur {
    background: url(../images/shop_coin2.png) no-repeat center;
    background-size: 100%;
}

.mstrombox ul li:hover {
    background: url(../images/shop_coin2.png) no-repeat center;
    transform: translateY(-10%);
    background-size: 100%;
}

.mstrombox ul li.cur a,
.mstrombox ul li:hover a {
    font-weight: bold;
}

/* 门店分布 */
.mslistcc {
    width: 100%;
    height: auto;
    position: relative;
}

.mstrobox {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.mstromlist {
    overflow: hidden;
    border-radius: 12px;
    box-sizing: border-box;
    padding: 20px 10px 10px;
    background: url(../images/md_coin1.png) no-repeat left 10% #fff;
    background-size: 15%;
}

.mstromlist p.p1 {
    font-size: 24px;
    color: #383838;
    font-family: 'SourceHanSans';
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 16px;
}

.mstromlist p.p2 {
    font-size: 16px;
    color: #383838;
    line-height: 24px;
    font-family: "SourceHanSans";
    height: 50px;
    background: url(../images/md_coin2.png) no-repeat left 10%;
    background-size: 4%;
    padding-left: 20px;
}

.mslistcc .swiper-button-next {
    background: url(../images/p-but1.png) no-repeat;
    left: -100px;
    background-size: 100%;
    width: 60px;
    height: 60px;
    position: absolute;
    right: auto;
}

.mslistcc .swiper-button-prev {
    background: url(../images/p-but2.png) no-repeat;
    right: -100px;
    background-size: 100%;
    width: 60px;
    height: 60px;
    position: absolute;
    left: auto;
}

.mslistcc .swiper-button-next:hover {
    background: url(../images/p-but1_1.png) no-repeat;
    background-size: 100%;
}

.mslistcc .swiper-button-prev:hover {
    background: url(../images/p-but2_2.png) no-repeat;
    background-size: 100%;
}

/* 门店列表 */
.mdshop-list {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.mdshop-list ul li {
    width: 23%;
    float: left;
    margin: 1% 1% 1%;
    overflow: hidden;
    padding: 20px 10px 10px;
    background: url(../images/md_coin1.png) no-repeat left 10% #fff;
    background-size: 15%;
    border-radius: 12px;
    box-sizing: border-box;
}

.mdshop-list p.p1 {
    font-size: 24px;
    color: #383838;
    font-family: 'SourceHanSans';
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 16px;
}

.mdshop-list p.p2 {
    font-size: 16px;
    color: #383838;
    line-height: 24px;
    font-family: "SourceHanSans";
    height: 50px;
    background: url(../images/md_coin2.png) no-repeat left 10%;
    background-size: 4%;
    padding-left: 20px;
}

.mdshop-list ul li:hover {
    box-shadow: 0 0 20px rgba(123, 191, 118, 0.3);
}

/* 品牌空间 */
.brand-spacetxt {
    width: 80%;
    height: auto;
    overflow: hidden;
    text-align: center;
    margin: 0px auto 30px;
    font-size: 18px;
    color: #666;
    line-height: 30px;
}

.brand-spacelist {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0px auto 0px;
}

.brand-spacelist ul li {
    float: left;
    overflow: hidden;
    text-align: center;
}

.brand-spacelist ul li .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
}

.brand-spacelist ul li .pic img {
    width: 100%;
}

.brand-spacelist ul li p {
    font-size: 24px;
    color: #333;
    font-family: 'SourceHanSans';
}

.brand-spacelist .bx-wrapper .bx-pager.bx-default-pager a:hover,
.brand-spacelist .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #009688;
}

.brand-spacelist .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #b2d9b2;
}

/* 周边 */
.brand-zblist {
    width: 100%;
    height: auto;
    margin: 0px auto 60px;
}

.brand-zblist ul li {
    float: left;
    overflow: hidden;
    text-align: center;
}

.brand-zblist ul li .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 18px;
}

.brand-zblist ul li .pic img {
    width: 100%;
}

.brand-zblist ul li p {
    font-size: 24px;
    color: #333;
    font-family: 'SourceHanSans';
}

.brand-zblist .bx-wrapper .bx-pager.bx-default-pager a:hover,
.brand-zblist .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #009688;
}

.brand-zblist .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #b2d9b2;
}

/* 按钮 */
.brand-zblist .bx-wrapper .bx-controls-direction a {
    top: 30%;
    width: 60px;
    height: 60px;
}

.brand-zblist .bx-wrapper .bx-prev {
    left: -80px;
    background: url(../images/p-but1.png) no-repeat;
    background-size: 100%;
}

.brand-zblist .bx-wrapper .bx-next {
    right: -80px;
    background: url(../images/p-but2.png) no-repeat;
    background-size: 100%;
}

.brand-zblist .bx-wrapper .bx-prev:hover {
    background: url(../images/p-but1_1.png) no-repeat;
    background-size: 100%;
}

.brand-zblist .bx-wrapper .bx-next:hover {
    background: url(../images/p-but2_2.png) no-repeat;
    background-size: 100%;
}


/*  联系电话*/
.contan_box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
    padding: 40px 0px;
}

.contan_box ul li {
    width: calc(100%/5);
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.contan_box ul li::after {
    width: 1px;
    height: 173px;
    background-color: #f3f3f3;
    position: absolute;
    right: 0px;
    top: 0px;
    content: '';
}

.contan_box ul li .coinc {
    width: 35px;
    height: 35px;
    margin: 0px auto 10px;
}

.contan_box ul li .coinc img {
    width: 100%;
    float: left;
}

.contan_box ul li p.p1 {
    font-weight: bold;
    color: #1e9f7e;
    margin-bottom: 10px;
    font-size: 24px;
    height: 58px;
    padding: 0px 6%;
}

.contan_box ul li p.p2 {
    font-size: 18px;
    color: #666;
    font-family: 'SourceHanSans';
}

/* 地图背景 */
.cotanc-mapbg {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.cotanc-mapbg img {
    width: 100%;
}

.cotanc-mapbg .claber {
    padding: 15px 20px 25px;
    border-radius: 12px;
    background-color: #fff;
    position: absolute;
    left: 47%;
    top: 19%
}

.cotanc-mapbg .csorr {
    width: 8px;
    height: 17px;
    background: url(../images/sor4.png) no-repeat;
    position: absolute;
    top: 50%;
    left: -8px;
}

.cotanc-mapbg .claber p.p1 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 33px;
}

.cotanc-mapbg .claber p.p2 {
    font-size: 16px;
    color: #333;
    line-height: 28px;
}

/* messbox */
.messleft {
    width: 40%;
    float: left;
    overflow: hidden;
}

.mes-commtitle {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
    font-weight: bold;
}

.mes-commtitle p.p1 {
    font-size: 36px;
    color: #efefef;
    line-height: 45px;
}

.mes-commtitle p.p2 {
    font-family: 'SourceHanSans';
    font-size: 50px;
    color: #333;
    line-height: 55px;
}

.mes-commtitle p.p2 i {
    color: #1e9f7e;
}

.mess-lfcon {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(../images/mess_coin1.png) no-repeat 80% center;
    padding-top: 45px;
}

.mess-lfcon p.p1 {
    font-size: 24px;
    color: #dfdfdf;
    line-height: 28px;
}

.mess-lfcon p.p2 {
    font-size: 24px;
    color: #7f7f7f;
    line-height: 35px;
    margin-top: 18px;
}

.mess-lfcon p.p3 {
    font-size: 24px;
    color: #7f7f7f;
    line-height: 35px;
}

.mess-rigcon {
    width: 40%;
    float: right;
    overflow: hidden;
    padding-bottom: 60px;
    padding-top: 70px;
}

.mess-rigcon p.p1 {
    font-size: 18px;
    color: #333;
    padding-bottom: 8px;
}

.mess-rigcon p.p2 {
    width: 100%;
    margin-bottom: 18px;
    overflow: hidden;
}

.mess-rigcon p.p2 .cmessinput {
    width: 100%;
    box-sizing: border-box;
    height: 46px;
    border: 1px solid #dfdfdf;
    line-height: 50px;
    padding-left: 15px;
    font-size: 16px;
    color: #333;
    border-radius: 4px;
}

.mess-rigcon p.p2 input::-webkit-input-placeholder,
.mess-rigcon p.p2 textarea::-webkit-input-placeholder {
    color: #dfdfdf;
}

.mess-rigcon p.p2 .cmessinput2 {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dfdfdf;
    line-height: 30px;
    padding-left: 15px;
    font-size: 16px;
    color: #333;
    height: 100px;
    border-radius: 4px;
}

.mess-rigcon .button {
    width: 134px;
    height: 50px;
    background-color: #1e9f7e;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border: none;
    margin-top: 15px;
    cursor: pointer;
    border-radius: 30px;
}

.mess-rigcon p.p2 input[type=text]:focus,
.mess-rigcon p.p2 textarea:focus {
    background-color: #ecf4eb;
    outline: none;
    border: 1px solid #5fb858;
}

/* 加盟须知 */
.jm_xzboxleft {
    width: calc(100% - 485px);
    float: left;
    overflow: hidden;
    margin-bottom: 80px;
}

.jm_xzleftlists {
    width: 100%;
    overflow: hidden;
    margin-top: 35px;
}

.jm_xzleftlists ul li {
    width: 48%;
    float: left;
    overflow: hidden;
    color: #444;
    font-family: 'SourceHanSans';
    margin-bottom: 20px;
}

.jm_xzleftlists ul li .coin {
    width: 52px;
    height: 52px;
    float: left;
    margin-top: 3px;
    border-radius: 50%;
}

.jm_xzleftlists ul li .coin.coin1 {
    background: url(../images/lc_coin1.png) no-repeat center #1e9f7e;
    background-size: 41%;
}

.jm_xzleftlists ul li .coin.coin2 {
    background: url(../images/lc_coin2.png) no-repeat center #1e9f7e;
    background-size: 55%;
}

.jm_xzleftlists ul li .coin.coin3 {
    background: url(../images/lc_coin3.png) no-repeat center #1e9f7e;
    background-size: 43%;
}

.jm_xzleftlists ul li .coin.coin4 {
    background: url(../images/lc_coin4.png) no-repeat center #1e9f7e;
    background-size: 47%;
}

.jm_xzleftlists ul li .coin.coin5 {
    background: url(../images/lc_coin5.png) no-repeat center #1e9f7e;
    background-size: 50%;
}

.jm_xzleftlists ul li .coin.coin6 {
    background: url(../images/lc_coin6.png) no-repeat center #1e9f7e;
    background-size: 45%;
}

.jm_xzleftlists ul li .coin.coin7 {
    background: url(../images/lc_coin7.png) no-repeat center #1e9f7e;
    background-size: 45%;
}

.jm_xzleftlists ul li .coin.coin8 {
    background: url(../images/lc_coin8.png) no-repeat center #1e9f7e;
    background-size: 50%;
}

.jm_xzleftlists ul li .coin.coin9 {
    background: url(../images/lc_coin9.png) no-repeat center #1e9f7e;
    background-size: 47%;
}

.jm_xzleftlists ul li .coin.coin10 {
    background: url(../images/lc_coin10.png) no-repeat center #1e9f7e;
    background-size: 33%;
}

.jm_xzleftlists ul li .txtcon {
    width: calc(100% - 62px);
    float: right;
    overflow: hidden;
}

.jm_xzleftlists ul li .txtcon p.p1 {
    font-size: 22px;
    color: #333;
    margin-bottom: 5px;
    font-weight: bold;
}

.jm_xzleftlists ul li .txtcon p.p2 {
    font-size: 16px;
    color: #333;
}

.jm_xzleftlists ul li:nth-child(2n) {
    float: right;
}


.jm_xzboxrig {
    width: 485px;
    float: right;
    overflow: hidden;
    margin-top: 40px;
    position: relative;
}

.jm_xzboxrig img {
    width: 100%;
}

.jm_xzboxrig .xz_bootom {
    width: 100%;
    height: 200px;
    background: rgba(102, 178, 95, 0.9);
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    bottom: 0px;
}

.jm_xzboxrig .xz_bootom .txtc {
    padding: 25px 30px 15px;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-family: 'SourceHanSans';
}

/* v10.10 流程*/
.jmcl_com {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 50px auto 50px;
}

.jmcl_com ul li {
    width: calc(100% / 5);
    margin-bottom: 25px;
}

.jmcl_com ul li .picbg {
    width: 234px;
    height: 120px;
    text-align: right;
    margin-bottom: 15px;
    margin-left: -30px;
}

.jmcl_com ul li .picbg img {
    width: 100%;
}

.jmcl_com ul li.picbg2 {
    background: url(../images/zsjm_coin5.png) no-repeat top right;
    background-size: 88%;
    height: 301px;
}

.jmcl_com ul li .picbg3 {
    width: 124px;
    height: 120px;
    margin-bottom: 15px;
    margin-left: 77px;
}

.jmcl_com ul li .picbg3 img {
    width: 100%;
}

.jmcl_com ul li .txt {
    float: left;
    overflow: hidden;
    padding: 0px 30px 0px 30px;
    width: 100%;
    box-sizing: border-box;
}

.jmcl_com ul li .txt p.p1 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    padding-right: 35px;
}

.jmcl_com ul li .txt p.p2 {
    font-size: 16px;
    color: #7a7a7a;
    line-height: 25px;
    margin-top: 12px;
    text-align: center;
    padding-right: 35px;
}

.jmcl_com ul li .txt .padd {
    padding-right: 25px !important;
}

.jmcl_com ul li .txt .padd2 {
    padding-right: 15px !important;
}

.jmcl_com ul li .txt2 {
    overflow: hidden;
    padding: 140px 30px 0px 30px;
    width: 100%;
    box-sizing: border-box;
}

.jmcl_com ul li .txt2 p.p1 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    padding-right: 35px;
}

.jmcl_com ul li .txt2 p.p2 {
    font-size: 16px;
    color: #7a7a7a;
    line-height: 25px;
    margin-top: 12px;
    text-align: center;
    padding-right: 35px;
}

.jmcl_com ul li .mrig {
    margin-right: 100px;
}

.jmcl_com ul li.mtop {
    margin-top: -60px;
}

/* 新版有事 */
.jm-ysbg {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #f9f9f9;
    padding: 20px 0px 0px;
    position: relative;
}

.jm-tuslogo {
    width: 221px;
    height: 224px;
    position: absolute;
    bottom: 0px;
    right: 15%;
}

.jm-tuslogo img {
    width: 100%;
    float: left;
}

/* 加盟流程 */
.jm-lcbg {
    width: 100%;
    overflow: hidden;
    margin-bottom: 100px;
    background-color: #fff;
}

.jm-lcleft {
    width: 51%;
    float: left;
    overflow: hidden;
    height: calc(100%);
}

.jm-lcleft img {
    width: 100%;
    height: 100%;
}

.jm-lcrig {
    width: 49%;
    float: right;
    overflow: hidden;
    box-sizing: border-box;
    padding: 55px 80px 30px;
}

.jm-lcrig .title {
    margin-bottom: 25px;
    padding-left: 110px;
}

.jm-lcrig .title p.p1 {
    font-size: 50px;
    color: #333;
    font-family: 'SourceHanSans';
    font-weight: bold;
}

.jm-lcrig .title p.p2 {
    font-size: 20px;
    color: #666;
}

.jm-lcrig .jm-lclists {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.jm-lcrig .jm-lclists ul li {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
}

.jm-lcrig .jm-lclists ul li .coin {
    width: 83px;
    height: 83px;
    float: left;
    margin-top: 45px;
}

.jm-lcrig .jm-lclists ul li .coin.coin1 {
    background: url(../images/jm_coin2.png) no-repeat top center;
    background-size: 82%;
}

.jm-lcrig .jm-lclists ul li .coin.coin2 {
    background: url(../images/jm_coin3.png) no-repeat top center;
    background-size: 74%;
}

.jm-lcrig .jm-lclists ul li .coin.coin3 {
    background: url(../images/jm_coin4.png) no-repeat top center;
    background-size: 75%;
}

.jm-lcrig .jm-lclists ul li .coin.coin4 {
    background: url(../images/jm_coin5.png) no-repeat top center;
    background-size: 76%;
}

.jm-lcrig .jm-lclists ul li .txtrig {
    width: calc(100% - 83px);
    float: right;
    overflow: hidden;
}

.jm-lcrig .jm-lclists ul li .txtrig p.p1 {
    padding-left: 34px;
    font-size: 26px;
    color: #3f3f3f;
}

.jm-lcrig .jm-lclists ul li .txtrig p.p2 {
    font-size: 18px;
    color: #3f3f3f;
    padding-left: 34px;
}

.jm-lcrig .jm-lclists ul li .txtrig .mar-botm {
    margin-bottom: 14px;
}

.jm-lcrig .jm-lclists ul li .txtrig .txt {
    padding: 9px 0px;
    border-radius: 30px;
    margin-bottom: 10px;
    font-size: 20px;
    min-width: 394px;
    margin-left: 34px;
    display: inline-block;
}

.jm-lcrig .jm-lclists ul li .txtrig .txt.c1 {
    background-color: #1e9f7e;
    color: #fff;
    font-weight: bold;
}

.jm-lcrig .jm-lclists ul li .txtrig .txt.c2 {
    background-color: #ddeadc;
    color: #404040;
}

.jm-lcrig .jm-lclists ul li .txtrig .txt span {
    padding: 0px 25px;
}

/* 优势 */
.jm_yslist {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
}

.jm_yslist ul li {
    width: 100%;
    float: left;
    margin-bottom: 25px;
    overflow: hidden;
}

.jm_yslist ul li .coin {
    width: 116px;
    height: 111px;
    float: left;
    background: url(../images/jm_coin6.png) no-repeat center;
    background-size: 100%;
}

.jm_yslist ul li .coin .pic {
    width: 44px;
    height: 44px;
    margin: 32px auto 0px;
}

.jm_yslist ul li .coin .pic.pic1 {
    background: url(../images/jm_coin7.png) no-repeat center;
    background-size: 90%;
}

.jm_yslist ul li .coin .pic.pic2 {
    background: url(../images/jm_coin8.png) no-repeat center;
    background-size: 90%;
}

.jm_yslist ul li .coin .pic.pic3 {
    background: url(../images/jm_coin9.png) no-repeat center;
    background-size: 90%;
}

.jm_yslist ul li .coin .pic.pic4 {
    background: url(../images/jm_coin10.png) no-repeat center;
    background-size: 90%;
}

.jm_yslist ul li .txtrig {
    width: calc(100% - 116px);
    float: right;
    overflow: hidden;
    margin-top: 15px;
}

.jm_yslist ul li .txtrig p.p1 {
    padding-left: 20px;
    font-size: 24px;
    color: #383838;
    margin-bottom: 10px;
}

.jm_yslist ul li .txtrig p.p2 {
    padding-left: 20px;
    font-size: 18px;
    color: #585858;
}

/* 数字优势 */
.jm_szysbg {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.jm_szcon {
    max-width: 1580px;
    min-width: 1250px;
    margin: 0px auto;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    color: #fff;
    height: 100%;
}

.jm_szcon .title {
    font-size: 66px;
    font-family: 'SourceHanSans';
    position: absolute;
    left: 0px;
    top: 60px;
}

.jm_szcon .labertxt1 {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 115px;
    text-align: right;
}

.jm_szcon .labertxt1 p.p1 {
    font-size: 35px;
    font-weight: bold;
}

.jm_szcon .labertxt1 p.p2 {
    font-weight: bold;
    font-size: 110px;
}

.jm_szcon .labertxt1 p.p2 i {
    font-size: 150px;
}

.jm_szcon .labertxt2 {
    display: inline-block;
    position: absolute;
    left: 8%;
    padding-right: 125px;
    bottom: 35%;
    background: url(../images/jm_coin11.png) no-repeat right center;
    background-size: 30%;
}

.jm_szcon .labertxt2 p.p1 {
    font-weight: bold;
    font-size: 100px;
}

.jm_szcon .labertxt2 p.p2 {
    font-size: 24px;
    font-weight: bold;
}

.jm_szcon .labertxt3 {
    display: inline-block;
    position: absolute;
    right: 30%;
    padding-right: 125px;
    bottom: 18%;
    background: url(../images/jm_coin12.png) no-repeat right center;
    background-size: 30%;
}

.jm_szcon .labertxt3 p.p1 {
    font-weight: bold;
    font-size: 120px;
}

.jm_szcon .labertxt3 p.p2 {
    font-size: 24px;
    font-weight: bold;
}

/*支持  */
.jm_zcbox {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
    padding: 60px 0px;
}

.jm_zcbox img {
    max-width: 1250px;
    margin: 0px auto
}

.jm_labert {
    color: #919191;
    font-size: 18px;
    font-weight: normal;
    margin-top: 12px;
}

.jm_zclist {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 25px;
}

.jm_zclist ul li {
    width: 23%;
    float: left;
    overflow: hidden;
    margin: 1% 1% 1%;
    box-sizing: border-box;
    padding: 25px 12px;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(123, 191, 118, 0.3);
    transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.jm_zclist ul li .coin {
    width: 68px;
    height: 68px;
    float: left;
}

.jm_zclist ul li .coin.coin1 {
    background: url(../images/ys_coin1.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li .coin.coin2 {
    background: url(../images/ys_coin2.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li .coin.coin3 {
    background: url(../images/ys_coin3.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li .coin.coin4 {
    background: url(../images/ys_coin4.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li .coin.coin5 {
    background: url(../images/ys_coin5.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li .coin.coin6 {
    background: url(../images/ys_coin6.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li .coin.coin7 {
    background: url(../images/ys_coin7.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li .coin.coin8 {
    background: url(../images/ys_coin8.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li .coin.coin9 {
    background: url(../images/ys_coin9.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li .coin.coin10 {
    background: url(../images/ys_coin10.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li .coin.coin11 {
    background: url(../images/ys_coin11.png) no-repeat center;
    background-size: 100%;
}


.jm_zclist ul li .txtrig {
    width: calc(100% - 75px);
    float: right;
    overflow: hidden;
}

.jm_zclist ul li .txtrig p.p1 {
    font-size: 20px;
    color: #3d3d3d;
    font-weight: bold;
    padding-top: 10px;
    margin-bottom: 9px;
}

.jm_zclist ul li .txtrig p.p2 {
    font-size: 16px;
    color: #6b6b6b;
    height: 54px;
}

.jm_zclist ul li:hover {
    background-color: #1e9f7e;
}

.jm_zclist ul li:hover .txtrig p.p1,
.jm_zclist ul li:hover .txtrig p.p2 {
    color: #fff;
}

.jm_zclist ul li:hover .coin.coin1 {
    background: url(../images/ys_coin1_1.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li:hover .coin.coin2 {
    background: url(../images/ys_coin2_2.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li:hover .coin.coin3 {
    background: url(../images/ys_coin3_3.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li:hover .coin.coin4 {
    background: url(../images/ys_coin4_4.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li:hover .coin.coin5 {
    background: url(../images/ys_coin5_5.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li:hover .coin.coin6 {
    background: url(../images/ys_coin6_6.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li:hover .coin.coin7 {
    background: url(../images/ys_coin7_7.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li:hover .coin.coin8 {
    background: url(../images/ys_coin8_8.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li:hover .coin.coin8 {
    background: url(../images/ys_coin8_8.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li:hover .coin.coin9 {
    background: url(../images/ys_coin9_9.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li:hover .coin.coin10 {
    background: url(../images/ys_coin10_10.png) no-repeat center;
    background-size: 100%;
}

.jm_zclist ul li:hover .coin.coin11 {
    background: url(../images/ys_coin11_11.png) no-repeat center;
    background-size: 100%;
}

/* v10.10 支持和优势 */
.zc_jmyscom {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 50px auto 0px;
}

.zc_jmyscom ul li {
    width: 31.3%;
    float: left;
    margin: 0px 1% 2%;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(102, 178, 95, 0.1);
    transition: cubic-bezier(0.215, .61, .355, 1) .45s;
    box-sizing: border-box;
    padding: 45px 45px 35px;
}

.zc_jmyscom ul li .pic {
    width: 90px;
    height: 90px;
    border: 1px solid #1e9f7e;
    border-radius: 50%;
    box-sizing: border-box;
    margin: 0px auto 35px;
}

.zc_jmyscom ul li .pic.pic1 {
    background: url(../images/zcys_coin1.png) no-repeat center;
    background-size: 42%;
}

.zc_jmyscom ul li .pic.pic2 {
    background: url(../images/zcys_coin2.png) no-repeat center;
    background-size: 48%;
}

.zc_jmyscom ul li .pic.pic3 {
    background: url(../images/zcys_coin3.png) no-repeat center;
    background-size: 45%;
}

.zc_jmyscom ul li .pic.pic4 {
    background: url(../images/zcys_coin4.png) no-repeat center;
    background-size: 48%;
}
.zc_jmyscom ul li .pic.pic41 {
    background: url(../images/zp.png) no-repeat center;
    background-size: 48%;
}

.zc_jmyscom ul li .pic.pic5 {
    background: url(../images/zcys_coin5.png) no-repeat center;
    background-size: 50%;
}

.zc_jmyscom ul li .pic.pic6 {
    background: url(../images/zcys_coin6.png) no-repeat center;
    background-size: 52%;
}

.zc_jmyscom ul li .pic.pic7 {
    background: url(../images/zcys_coin7.png) no-repeat center;
    background-size: 48%;
}

.zc_jmyscom ul li .pic.pic8 {
    background: url(../images/zcys_coin8.png) no-repeat center;
    background-size: 52%;
}

.zc_jmyscom ul li .pic.pic9 {
    background: url(../images/zcys_coin9.png) no-repeat center;
    background-size: 50%;
}

.zc_jmyscom ul li .pic.pic10 {
    background: url(../images/zcys_coin10.png) no-repeat center;
    background-size: 50%;
}

.zc_jmyscom ul li .pic.pic11 {
    background: url(../images/zcys_coin11.png) no-repeat center;
    background-size: 47%;
}

.zc_jmyscom ul li .txt {
    overflow: hidden;
    text-align: center;
}

.zc_jmyscom ul li .txt p.p1 {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    line-height: 32px;
}

.zc_jmyscom ul li .txt p.p2 {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    text-align: left;
    height: 235px;
    margin-top: 10px;
}

.zc_jmyscom ul li:hover .txt p.p1 {
    color: #1e9f7e;
}

.zc_jmyscom ul li:hover .pic.pic1 {
    background: url(../images/zcys_coin1_1.png) no-repeat center;
    background-size: 42%;
    background-color: #1e9f7e;
}

.zc_jmyscom ul li:hover .pic.pic2 {
    background: url(../images/zcys_coin2_2.png) no-repeat center;
    background-size: 48%;
    background-color: #1e9f7e;
}

.zc_jmyscom ul li:hover .pic.pic3 {
    background: url(../images/zcys_coin3_3.png) no-repeat center;
    background-size: 45%;
    background-color: #1e9f7e;
}

.zc_jmyscom ul li:hover .pic.pic4 {
    background: url(../images/zcys_coin4_4.png) no-repeat center;
    background-size: 48%;
    background-color: #1e9f7e;
}

.zc_jmyscom ul li:hover .pic.pic5 {
    background: url(../images/zcys_coin5_5.png) no-repeat center;
    background-size: 50%;
    background-color: #1e9f7e;
}

.zc_jmyscom ul li:hover .pic.pic6 {
    background: url(../images/zcys_coin6_6.png) no-repeat center;
    background-size: 52%;
    background-color: #1e9f7e;
}

.zc_jmyscom ul li:hover .pic.pic7 {
    background: url(../images/zcys_coin7_7.png) no-repeat center;
    background-size: 48%;
    background-color: #1e9f7e;
}

.zc_jmyscom ul li:hover .pic.pic8 {
    background: url(../images/zcys_coin8_8.png) no-repeat center;
    background-size: 52%;
    background-color: #1e9f7e;
}

.zc_jmyscom ul li:hover .pic.pic9 {
    background: url(../images/zcys_coin9_9.png) no-repeat center;
    background-size: 50%;
    background-color: #1e9f7e;
}

.zc_jmyscom ul li:hover .pic.pic10 {
    background: url(../images/zcys_coin10_10.png) no-repeat center;
    background-size: 50%;
    background-color: #1e9f7e;
}

.zc_jmyscom ul li:hover .pic.pic11 {
    background: url(../images/zcys_coin11_11.png) no-repeat center;
    background-size: 47%;
    background-color: #1e9f7e;
}

/* 加盟条件 */
.jm_tjbg {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(../images/nbanner9.jpg) no-repeat top center;
    padding: 70px 0px;
}

.jm_tjtitle {
    width: 100%;
    color: #fff;
    margin-bottom: 48px;
    overflow: hidden;
}

.jm_tjtitle p.p1 {
    font-size: 50px;
    font-weight: bold;
    padding-bottom: 5px;
}

.jm_tjtitle p.p2 {
    font-size: 20px;
}

.jm_tjlist {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
}

.jm_tjlist ul li {
    width: 31.3%;
    float: left;
    margin: 1% 1% 1%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 25px 15px;
    height: 150px;
    transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.jm_tjlist ul li .coin {
    width: 55px;
    height: 56px;
    float: left;
}

.jm_tjlist ul li .coin.coin1 {
    background: url(../images/tj_coin1.png) no-repeat top center;
    background-size: 85%;
}

.jm_tjlist ul li .coin.coin2 {
    background: url(../images/tj_coin2.png) no-repeat top center;
    background-size: 73%;
}

.jm_tjlist ul li .coin.coin3 {
    background: url(../images/tj_coin3.png) no-repeat top center;
    background-size: 75%;
}

.jm_tjlist ul li .coin.coin4 {
    background: url(../images/tj_coin4.png) no-repeat top center;
    background-size: 77%;
}

.jm_tjlist ul li .coin.coin5 {
    background: url(../images/tj_coin5.png) no-repeat top center;
    background-size: 79%;
}

.jm_tjlist ul li .coin.coin6 {
    background: url(../images/tj_coin6.png) no-repeat top center;
    background-size: 79%;
}

.jm_tjlist ul li span {
    font-size: 18px;
    font-weight: bold;
    color: #444;
    line-height: 30px;
    display: inline-block;
    float: right;
    width: calc(100% - 68px);
}

/* v10.10 条件 */
.jm_tjlist2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
}

.jm_tjlist2 ul li {
    width: 48%;
    float: left;
    margin: 1% 1% 1%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 35px 50px;
    transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.jm_tjlist2 ul li .coin {
    width: 116px;
    height: 104px;
    margin: 0px auto 23px;
}

.jm_tjlist2 ul li .coin.coin1 {
    background: url(../images/tj_coin1.png) no-repeat top center;
    background-size: 100%;
}

.jm_tjlist2 ul li .coin.coin2 {
    background: url(../images/tj_coin2.png) no-repeat top center;
    background-size: 100%;
}

.jm_tjlist2 ul li .coin.coin3 {
    background: url(../images/tj_coin3.png) no-repeat top center;
    background-size: 100%;
}

.jm_tjlist2 ul li .coin.coin4 {
    background: url(../images/tj_coin4.png) no-repeat top center;
    background-size: 100%;
}

.jm_tjlist2 ul li .coin.coin5 {
    background: url(../images/tj_coin5.png) no-repeat top center;
    background-size: 100%;
}

.jm_tjlist2 ul li .coin.coin6 {
    background: url(../images/tj_coin6.png) no-repeat top center;
    background-size: 100%;
}

.jm_tjlist2 ul li p.p1 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 28px;
    height: 104px;
    text-align: center;
}
.jm_tjlist2 ul li .p11{
    font-weight: 400 !important;
}
.zc_jmyscom .zp{
    width: 50% !important;
}
.jm_tjlist2 ul li:hover .coin.coin1 {
    background: url(../images/tj_coin1_1.png) no-repeat top center;
    background-size: 100%;
}

.jm_tjlist2 ul li:hover .coin.coin2 {
    background: url(../images/tj_coin2_2.png) no-repeat top center;
    background-size: 100%;
}

.jm_tjlist2 ul li:hover .coin.coin3 {
    background: url(../images/tj_coin3_3.png) no-repeat top center;
    background-size: 100%;
}

.jm_tjlist2 ul li:hover .coin.coin4 {
    background: url(../images/tj_coin4_4.png) no-repeat top center;
    background-size: 100%;
}

.jm_tjlist2 ul li:hover .coin.coin5 {
    background: url(../images/tj_coin5_5.png) no-repeat top center;
    background-size: 100%;
}

.jm_tjlist2 ul li:hover .coin.coin6 {
    background: url(../images/tj_coin6_6.png) no-repeat top center;
    background-size: 100%;
}

/* 合作费用 */
.jm_intfy {
    text-align: center;
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.jm_intfy p.p1 {
    font-size: 20px;
    color: #333;
    line-height: 30px;
}

.jm_intfy p.p1 i {
    font-weight: bold;
}


.jm-hzfybox {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 20px;
    border: 2px solid #e0f0df;
    box-sizing: border-box;
    margin: 0px auto 40px;
}

.jm-hzfytit {
    height: 90px;
    background-color: #5bad53;
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    line-height: 90px;
}

.jm-hzfylist {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
}

.jm-hzfylist ul li {
    border-top: 1px solid #e0f0df;
    width: 100%;
    float: left;
    height: 90px;
    line-height: 90px;
    background-color: #f9fcf9;
    font-size: 26px;
    color: #59975a;
    font-family: 'SourceHanSans';
    font-weight: bold;
}

.jm-hzfylist ul li:nth-child(2n) {
    background-color: #fff;
}

.jm-hzfylist ul li .hzleft {
    width: 380px;
    float: left;
    color: #333;
}

.jm-hzfylist ul li .fos {
    padding-left: 2%;
    line-height: 1.6
}

.jm-hzfylist ul li .fos2 {
    padding-left: 2%;
}

.jm-hzfylist ul li .hzrig {
    width: calc(100% - 382px);
    float: right;
    overflow: hidden;
    border-left: 1px solid #e0f0df;
}

.jm-hzfylist ul li .hzrig2 {
    width: calc((100% - 382px) / 2);
    float: left;
    overflow: hidden;
    border-left: 1px solid #e0f0df;
}

.jm-hzfylist ul li .bgc2 {
    background-color: #5eaa57;
}

.jm-hzfylist ul li .bgc2.cfot {
    color: #fff;
}

.jm-hzfylist ul li .cent {
    text-align: center
}

.jm-hzfylist ul li i {
    font-weight: normal;
}

.jm-hzfylist ul li.lang {
    line-height: auto !important;
    height: auto;
}

.jm-hzfytitle2 {
    height: 88px;
    background-color: #5eaa57;
    line-height: 88px;
    text-align: center;
    border-radius: 50px;
    font-size: 42px;
    color: #fff;
    margin: 40px 0px 20px
}

.jm-hzfytitle2 span {
    font-size: 32px;
}

.jm-hztxtcon {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 15px auto 30px;
    text-align: center;
}

.jm-hztxtcon p.p1 {
    font-size: 20px;
    color: #6b6b6b;
    line-height: 40px;
    padding-bottom: 25px;
}

.jm-hztxtcon p.p2 {
    font-size: 26px;
    color: #5eaa57;
    line-height: 40px;
    margin-top: 8px;
    font-weight: bold;
}

.jm-hztxtewm {
    width: 225px;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
}

.jm-hztxtewm .pic {
    width: 100%;
    height: 225px;
    overflow: hidden;
}

.jm-hztxtewm .pic img {
    width: 100%;
    float: left;
}

.jm-hztxtewm p {
    text-align: center;
    font-size: 24px;
    color: #333;
}

/* 视频 */
section {
    position: relative;
    width: 100%;
    height: calc(100vh - 78px);
}

section video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section .nav {
    position: absolute;
    bottom: 15%;
    right: 0%;
    transform: translateX(-10%);
    display: flex;
    justify-content: center;
    align-items: center;
}

section .nav li {
    cursor: pointer;
    margin: 0 10px;
    background: #fff;
    padding: 3px 3px 3px;
    transition: .5s;
    overflow: hidden;
    float: left;
    width: 120px;
    box-sizing: border-box;
    position: relative;
}

section .nav li:hover {
    opacity: 1;
}

section .nav li img {
    width: 100%;
    opacity: 1;
}

section .nav li .coinbg {
    width: 100%;
    height: 100%;
    background: url(../images/v_coinbg.png) no-repeat center rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    margin: 0px auto;
    background-size: 20%;
}

.v_none {
    background: none !important;
    opacity: 1;
}

/* 风采 */
.jm-fcbox {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 30px auto 0px;
}

.jm-fcbox ul li {
    width: 31.3%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 0px 1% 2%;
}

.jm-fcbox ul li a .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.jm-fcbox ul li a .pic img {
    width: 100%;
    float: left;
}

.jm-fcbox ul li a .pic .coinbg {
    width: 100%;
    height: 100%;
    background: url(../images/v_coinbg2.png) no-repeat center rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    margin: 0px auto;
    background-size: 10%;
}

.jm-fcbox ul li a p {
    text-align: center;
    font-size: 18px;
    color: #333;
    line-height: 40px;
    margin-top: 8px
}

/* 新闻详情 */
.viewimg {
    height: 350px;
}

.viewboxre {
    width: 100%;
    height: auto;
    position: relative;
    margin: 40px auto;
    background: url(../images/mess_coin1.png)no-repeat 90% center;
}

.viewbox {
    width: 100%;
    ;
    margin: 0px auto 0px;
    box-shadow: 0px 0px 15px #f3f3f3;
    box-sizing: border-box;
    padding: 40px 70px 30px;
}

.viewtitle {
    font-size: 42px;
    color: #333;
    text-align: center;
    margin-bottom: 8px;
    font-weight: bold;
}

.viewbz {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 20px;
}

.viewbz ul li {
    display: inline-block;
    padding: 0px 20px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    padding: 0px 30px;
}

.viewbz ul li.li1 {
    background: url(../images/t48.png) no-repeat left center;
    background-size: 24px;
}

.viewbz ul li.li2 {
    background: url(../images/t49.png) no-repeat left center;
    background-size: 21px;
}

.viewbz ul li.li3 {
    background: url(../images/t47.png) no-repeat left center;
    background-size: 21px;
}

.viecounten {
    width: 100%;
    height: auto;
    overflow: hidden;
    min-height: 450px;
    font-size: 18px;
    line-height: 28px;
    color: #333;
    margin-top: 40px;
}

.viecounten p {
    padding: 2px 0px;
}
.viecounten p img {
  text-align: center;
}
.viecounten img {
    max-width: 100%;
}

.viepagecon {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 10px;
    border-top: 1px solid #f3f3f3;
}

.viepagecon span {
    display: inline-block;
    width: 48%;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 30px;
}

.viepagecon span.span1 {
    float: left;
}

.viepagecon span.span2 {
    float: right;
    text-align: right;
}

.viepagecon span a {
    color: #333;
}

.viepagecon span:hover a {
    color: #1c9e7d;
}

.view_video {
    width: 100%;
    margin: 25px auto 0px;
}

.view_video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.jm-viewc {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}

.jm-sbanetxt {
    position: absolute;
    width: 80%;
    left: 0px;
    right: 0px;
    margin: 160px auto 0px;
    top: 0px;
    color: #fff;
    text-align: center;
}

.jm-sbanetxt p.p1 {
    font-size: 60px;
    font-weight: bold;
}

.jm-sbanetxt p.p2 {
    font-size: 60px;
    padding-top: 15px;
}

/***向下按钮***/
@keyframes scrr {
    0% {
        transform: translateY(5px);
    }

    50% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(5px);
    }
}

@-webkit-keyframes a_zoom-in {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes a_zoom-in {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes a_zoom-in-h {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes a_zoom-in-h {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}


/*普通大小笔记本1366*/
/* @media screen and (min-width: 1200px) and (max-width:1470px){

} */
@media screen and (max-width: 1690px) {

    .lh-logo {
        width: 450px;
        top: 23px;
    }

    /*.lh-logo img{width: 100%;}*/
    .brand-yjcon .brand-left p.p1 {
        font-size: 78px;
    }

    .brand-yjcon .brand-left p.p2 {
        top: 52px;
    }

    .brand-yjcon .brand-right {
        top: 71px;
    }

    .jmcl_com ul li .picbg {
        width: 207px;
        height: 108px;
    }

    .jmcl_com ul li .picbg3 {
        width: 110px;
        height: 108px;
        margin-left: 62px;
    }

    .jmcl_com ul li .txt p.p2 {
        padding-right: 10px;
    }

    .jmcl_com ul li .txt {
        padding: 0px 10px 0px 10px
    }

    .jmcl_com ul li .txt p.p1 {
        padding-right: 27px;
    }

    .jmcl_com ul li .txt2 {
        padding: 123px 30px 0px 30px;
    }

    .jmcl_com ul li.mtop {
        margin-top: -80px;
    }

    .zc_jmyscom ul li .pic {
        width: 80px;
        height: 80px;
    }

    .zc_jmyscom ul li .txt p.p1 {
        font-size: 20px;
    }

    .jm_tjlist2 ul li .coin {
        width: 103px;
        height: 93px;
    }

    .jm_tjlist2 ul li {
        padding: 35px 35px 10px;
    }

    .jm-sbanetxt {
        margin: 140px auto 0px;
    }

    .jm-sbanetxt p.p1,
    .jm-sbanetxt p.p2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 1620px) {
    .brand-yjcon .brand-left p.p1 {
        font-size: 75px;
    }

    .brand-yjcon .brand-left p.p2 {
        top: 55px;
    }

    .brand-yjcon .brand-right {
        top: 68px;
    }

    .honner-listpage ul li {
        height: 435px;
    }

    .honner-list ul li .pic {
        padding: 9px 37px 54px 32px;
    }

    .product-top ul li p.title {
        font-size: 40px
    }

    .jm_xzleftlists ul li {
        font-size: 17px
    }

    .brand-list ul li p.p1 i {
        font-size: 40px;
    }

    .brand-list ul li {
        font-size: 14px;
    }

    .lh-logo {
        width: 400px;
        top: 25px;
    }

    .lh-logo img {
        width: 100%;
    }

    .lh-nav-item li>a {
        font-size: 16px;
        padding: 0 7px;
    }

    .foot-conc .foot-companys p.p2 {
        font-size: 14px
    }

    .jm_xzboxrig {
        width: 420px
    }

    .jm_xzboxleft {
        width: calc(100% - 435px);
    }

    .jm_zclist ul li .txtrig p.p1 {
        font-size: 18px
    }

    .jm_zclist ul li .coin {
        width: 52px;
        height: 52px
    }

    .jm_zclist ul li .txtrig {
        width: calc(100% - 60px);
    }

    .jm_zclist ul li {
        padding: 14px 7px;
    }

    .jm_zclist ul li .txtrig p.p2 {
        font-size: 14px;
    }

    .jm_xzleftlists ul li .txtcon p.p1 {
        font-size: 20px;
    }

    .jm_xzleftlists ul li .txtcon p.p2 {
        font-size: 14px;
    }

    .foot-conc .foot-companys {
        width: calc(100% - 430px);
    }

    .contan_box ul li p.p1 {
        font-size: 20px;
    }

    .contan_box ul li p.p2 {
        font-size: 16px;
    }

    .pc-banner .swiper-button-prev1 {
        width: 48px;
        height: 48px;
    }

    .pc-banner .swiper-button-next1 {
        width: 48px;
        height: 48px;
    }

    .mstromlist p.p1 {
        font-size: 20px
    }

    .mstromlist p.p2 {
        font-size: 15px
    }

    .jmcl_com ul li .picbg {
        width: 199px;
        height: 104px;
    }

    .jmcl_com ul li .txt p.p1 {
        padding-right: 30px;
    }

    .jmcl_com ul li .picbg3 {
        width: 107px;
        height: 103px;
        margin-left: 62px;
    }

    .jmcl_com ul li .txt2 {
        padding: 119px 30px 0px 30px;
    }

    .zc_jmyscom ul li .pic {
        width: 80px;
        height: 80px;
    }

    .zc_jmyscom ul li .txt p.p1 {
        font-size: 18px;
    }

    .jm_tjlist2 ul li .coin {
        width: 99px;
        height: 90px;
    }

    .jm-sbanetxt p.p2 {
        padding-top: 5px;
    }
}

@media screen and (max-width: 1470px) {

    .lh-headline,
    .lh-header {
        height: 78px;
    }

    .lh-logo {
        width: 390px;
        top: 15px;
    }

    .lh-logo img {
        width: 100%;
    }

    .lh-nav-btn {
        line-height: 78px;
        font-size: 13px;
        margin-left: 40px;
    }

    .lh-nav-btn em {
        width: 16px;
        height: 16px;
        background-size: 100%;
        margin-top: 31px;
        margin-right: 7px;
    }

    .lh-nav-btn i {
        font-size: 18px;
    }

    .container92 {
        max-width: 96%;
    }

    .lh-nav-item li>a {
        padding: 0 7px;
        line-height: 78px;
        font-size: 14px;
    }

    .lh-nav-item li>a:before {
        width: 30px;
        height: 25px;
    }

    .lh-nav-item li dl {
        top: 78px;
        padding-top: 16px;
    }

    .lh-nav-item li dl a {
        font-size: 13px;
        line-height: 26px;
    }

    .lh-nav-shadow {
        height: 285px;
        padding-top: 78px;
    }

    .mBan2 .slideBox .hd ul li.on {
        width: 20px;
        height: 10px;
    }

    .mBan2 .slideBox .hd ul li {
        width: 12px;
        height: 12px;
        margin: 0 18px 10px 0px;
    }

    .mBan2 .slideBox .hd {
        bottom: 8px;
    }

    .brand-bg {
        padding: 45px 0px 40px;
    }

    .brand-left {
        width: 54%;
    }

    .brand-title p.en {
        font-size: 80px;
        line-height: 65px;
    }

    .brand-right {
        width: 43%;
    }

    .pro_lists ul li a .pic .labertitle {
        height: 57px;
        line-height: 57px;
        font-size: 22px
    }

    .pro_lists ul li a .pro-intrbg {
        padding: 80px 40px 60px;
    }

    .pro_lists ul li a .pro-intrbg p.p1 {
        padding-top: 0px;
        font-size: 20px;
        line-height: 30px;
    }

    .pro_lists ul li a .pro-intrbg p.p2 {
        font-size: 14px;
    }

    .pro_lists ul li a .pro-intrbg p.p3 {
        width: 80px;
        height: 33px;
        line-height: 33px;
        font-size: 13px;
    }

    .pro_lists .bx-wrapper .bx-controls-direction a {
        width: 44px;
        height: 44px;
    }

    .jm-tucoin {
        width: 75px;
        height: 102px;
    }

    .jm-tucoin span {
        font-size: 16px;
        padding: 0px 20px;
        padding-top: 50px;
        line-height: 20px;
    }

    .plateNews li h4 {
        line-height: 1.9;
        font-size: 15px;
        margin: 8px 0px 15px;
    }

    .video-conten .view_video {}

    .brand-title h2.tt {
        font-size: 40px;
        top: 3px;
    }

    .brand-title p.laber i {
        font-size: 41px;
    }

    .brand-title p.laber {
        font-size: 31px;
    }

    .brand-intro {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 25px;
    }

    .brand-botmore {
        width: 125px;
        height: 40px;
        line-height: 40px;
    }

    .brand-botmore span {
        font-size: 14px;
        padding: 0px 10px 0px 18px;
    }

    .brand-botmore em {
        width: 23px;
        height: 18px;
        margin: 11px auto 0px;
    }

    .brand-list {
        margin-bottom: 35px;
    }

    .brand-list ul li {
        font-size: 13px;
    }

    .brand-list ul li p.p1 i {
        font-size: 36px;
    }

    .brand-list ul li p.p2 {
        line-height: 22px;
    }

    .comm-title {
        padding: 60px 0px 0px;
        margin: 0px auto 25px;
    }

    .comm-title .comm-titleft p.p1 {
        font-size: 36px;
        line-height: 48px;
    }

    .comm-title .comm-titleft p.p2 {
        font-size: 18px;
    }

    .comm-title .comm-more {
        width: 92px;
        height: 37px;
        line-height: 37px;
        font-size: 14px;
    }

    .mBan2 .slideBox a.prev,
    .mBan2 .slideBox a.next {
        width: 24px;
        height: 50px;
    }

    .jm-nav ul li .title span {
        width: 75px;
        height: 75px;
    }

    .jm-nav ul li .title h4 {
        font-size: 18px;
        margin: 0px 0;
    }

    .jm-nav ul li .detail {
        top: 30%;
        font-size: 13px;
        width: 84%;
        left: 8%;
        line-height: 1.7;
    }

    .jm-nav ul li .detail a {
        width: 80px;
        height: 34px;
        line-height: 34px;
        font-size: 12px;
        margin-top: 45px;
    }

    .jm_banner .bx-wrapper .bx-controls-direction a {
        width: 22px;
        height: 50px;
    }

    .plateNews li .timer,
    .plateNews li:hover .timer {
        background-size: 11px;
        line-height: 24px;
    }

    .plateNews li .timer span {
        font-size: 15px;
        padding-left: 20px;
    }

    .plateNews li .more {
        width: 86px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }

    .media-con ul li .lic p.p1 {
        font-size: 14px;
    }

    .foot-conc .foot-left .foot-logo {
        width: 190px;
        height: 60px;
    }

    .foot-conc .foot-left .foot-addre ul li {
        line-height: 20px;
    }

    .foot-conc .foot-left .foot-addre ul li .coin {
        width: 17px;
        height: 17px;
    }

    .foot-conc .foot-left .foot-addre ul li span {
        font-size: 13px;
    }

    .foot-conc .foot-left .foot-companys p.p1 {
        font-size: 16px;
    }

    .foot-conc .foot-right .foot-tel .foot-nums p.p1 {
        font-size: 16px;
    }

    .foot-conc {
        width: 100%;
    }

    .foot-coin1 {
        width: 140px;
        height: 136px;
        left: 1px;
        top: -4px;
    }

    .foot-conc .foot-companys p.p1 {
        font-size: 18px;
    }

    .foot-conc .foot-logo {
        width: 462px;
    }

    .foot-conc .foot-addre {
        width: 380px;
    }

    .foot-conc .foot-addre ul li span {
        font-size: 14px;
    }

    .foot-conc .foot-companys {
        width: calc(100% - 400px);
    }

    .foot-conc .foot-top {}

    .foot-conc .foot-companys p.p2 {
        line-height: 25px;
        font-size: 14px;
    }

    .foot-conc .foot-left .foot-companys p.p2 {
        line-height: 24px;
        margin-bottom: 3px;
        font-size: 13px;
    }

    .foot-conc .foot-left .foot-addre {
        margin-bottom: 20px;
    }

    .foot-conc .foot-right .foot-tel .foot-nums p.p2 {
        font-size: 30px;
    }

    .foot-coin2 {
        width: 135px;
        height: 139px;
    }

    .foot-coin3 {
        width: 136px;
        height: 131px;
    }

    .foot-coin4 {
        width: 126px;
        height: 131px;
    }

    .foot-coin5 {
        width: 80px;
        height: 82px;
        top: -122px;
    }

    .foot-conc .foot-right {
        width: 61%;
    }

    .foot-conc .foot-right .foot-tel .cointel {
        width: 44px;
        height: 44px;
        margin-top: 6px;
    }

    .foot-conc .foot-right .foot-tel .foot-nums {
        margin-left: 10px;
    }

    .foot-conc .foot-right .foot-navs ul li a p.p1 {
        font-size: 16px;
    }

    .foot-conc .foot-right .foot-tel {
        margin-top: 35px;
    }

    .foot-conc .foot-right .foot-navs ul li {
        padding-left: 7%;
    }

    .foot-conc .foot-right .foot-navs ul li a p.p2 {
        font-size: 13px;
    }

    .foot-conc .foot-links .links-tt {
        font-size: 16px;
    }

    .foot-conc .foot-links .links-con {
        font-size: 13px;
    }

    .foot-botom span {
        font-size: 13px;
    }

    .foot-botom {}

    .conten-wrapper {
        padding-top: 78px;
    }

    .story-bannercon {
        width: 87%;
    }

    .story-commtitl p.p1 {
        font-size: 30px;
        margin-bottom: 0px;
    }

    .story-commtitl p.p2 {
        font-size: 18px;
    }

    .story-commintro-nums {
        font-size:62px;
        margin-bottom: 0px;
    }

    .story-commintro-ccont {
        line-height: 30px;
    }

    .news_contxt p.p1 {
        font-size: 32px;
    }

    .news-botmore {
        width: 100px;
        height: 30px;
        line-height: 30px;
    }

    .news-botmore span {
        font-size: 12px;
        padding: 0px 0px 0px 18px;
    }

    .news-botmore em {
        margin: 4px auto 0px;
        background-size: 66%;
    }

    .news_contxt {
        padding: 30px 20px;
    }

    .news-time {
        width: 152px;
        height: 35px;
    }

    .news-time span {
        line-height: 35px;
        font-size: 16px;
    }

    .map-bg {
        padding-top: 0px;
    }

    .maprig {
        padding-top: 80px;
        width: 45%;
    }

    .map-lis ul li {
        margin-bottom: 50px;
    }

    .map-lis ul li p.p1 {
        font-size: 35px;
    }

    .map-lis ul li p.p2 {
        font-size: 14px;
    }

    .mapleft {
        width: 48%;
    }

    .brand-laber ul li .coin {
        width: 32px;
        height: 32px;
    }

    .brand-laber ul li .txtrig {
        margin-left: 45px;
    }

    .brand-laber ul li .txtrig p.p1 {
        font-size: 25px;
        margin-bottom: 3px;
    }

    .brand-laber ul li .txtrig p.p2 {
        font-size: 14px;
        line-height: 24px;
    }

    .brand-bg2 {
        padding: 38px 0px;
    }

    .lc-commtitle p.p1 {
        font-size: 28px;
        line-height: 28px;
    }

    .lc-commtitle p.p2 {
        font-size: 36px;
        line-height: 36px;
    }

    .lc-contens ul li .txt p.p1 {
        font-size: 28px;
    }

    .lc-contens ul li .txt p.p2 {
        font-size: 14px;
    }

    .lc-bg {
        padding: 65px 0px 20px;
    }

    .lc-contens {
        padding: 0px 0px;
    }

    .lc-contens .bx-wrapper .bx-controls-direction a {
        width: 30px;
        height: 30px;
        top: 85%;
    }

    .lc-contens .bx-wrapper .bx-next {
        left: 50px;
    }

    .lc-contens ul li .labertxt {
        padding: 10px 18px;
    }

    .lc-contens ul li .labertxt p.p1 {
        font-size: 20px;
    }

    .lc-contens ul li .labertxt p.p2 {
        font-size: 13px;
        line-height: 22px;
    }

    .honner-bg {
        padding: 60px 0px;
    }

    .honner-list ul li p.p1 {
        font-size: 25px;
        margin-bottom: 3px;
    }

    .honner-list ul li p.p2 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 6px;
    }

    .honner-list ul li p.p3 {
        font-size: 14px;
    }

    .honner-list ul li .pic {
        padding: 9px 36px 52px 32px;
    }

    .brand-yjcon .brand-left p.p1 {
        font-size: 80px;
    }

    .brand-yjcon .brand-left p.p2 {
        top: 68px;
        font-size: 36px;
    }

    .brand-yjcon .brand-right {
        top: 75px;
        font-size: 24px;
    }

    .brand-yjcon {
        padding: 25px 0px;
    }

    /*.zbxl_bg .zbxl-intro{font-size: 14px;}*/
    .lc-commtitle {
        margin-bottom: 15px;
    }

    .zbxl-mar {
        margin-top: 65px;
    }

    .zbxl_bg {
        height: 660px;
    }

    .zbxl_bg .zbxl-conts {
        margin: 5px auto 0px;
    }

    /*.zbxl_bg .zbxl-conts .pisarr{width: 100px;height:100px;}*/
    /*.zbxl_bg .zbxl-conts .pics-logo{width: 180px;height: 140px;}*/
    .bun-roll1 {
        width: 1280px;
        height: 1280px;
        top: 8%;
    }

    .bun-roll2 {
        width: 750px;
        height: 750px;
    }

    .bun-roll3 {
        top: 60%;
    }

    .cybj_bg .cybj_conten {
        width: 87%;
    }

    .cybj_bg .cybj_title p.p1 {
        font-size: 28px;
    }

    .cybj_bg .cybj_title p.p2 {
        font-size: 36px;
    }

    .cybj_bg .cybj_intro {
        font-size: 14px;
    }

    .product-top ul li p.title {
        font-size: 18px;
    }

    .product-top ul li p.title {
        font-size: 38px;
        padding-bottom: 4px;
    }

    .product-top ul li .desc {
        font-size: 14px;
        line-height: 26px;
    }

    .product-top ul li .desc p {
        line-height: 26px;
    }

    .productc .swiper-button-next {
        width: 45px;
        height: 45px;
        bottom: 11%;
        right: -35px;
    }

    .productc .swiper-button-prev {
        width: 45px;
        height: 45px;
        bottom: 11%;
        left: -35px;
    }

    /* .productc .swiper-button-next{background: url(../images/p_coin5.png)no-repeat 15px center;}
    .productc .swiper-button-prev{background: url(../images/p_coin6.png)no-repeat 88px center;}

    .productc .swiper-button-next.butonbg13:hover{background:url(../images/p_coin7.png)no-repeat  15px center #e7be4c;color: #fff;}
    .productc .swiper-button-prev.butonbg13:hover{background:url(../images/p_coin8.png)no-repeat  80px center #e7be4c;color: #fff;}
    
    .productc .swiper-button-next.butonbg14:hover{background:url(../images/p_coin7.png)no-repeat  15px center #7bbe75;color: #fff;}
    .productc .swiper-button-prev.butonbg14:hover{background:url(../images/p_coin8.png)no-repeat  80px center #7bbe75;color: #fff;}
    
    .productc .swiper-button-next.butonbg15:hover{background:url(../images/p_coin7.png)no-repeat  15px center #f7756e;color: #fff;}
    .productc .swiper-button-prev.butonbg15:hover{background:url(../images/p_coin8.png)no-repeat  80px center #f7756e;color: #fff;} */



    .product-top .worry {
        font-size: 14px;
    }

    .productc {
        padding-bottom: 40px;
    }

    .productc .swiper-pagination {
        bottom: 0px;
    }

    .product-thumbs .swiper-slide .item {
        width: 100px;
        padding: 6px 10px;
    }

    .news-navs {
        margin: 55px auto 0px;
    }

    .news-navs ul li {
        font-size: 18px;
        padding: 0px 20px 0px;
    }

    .news-navs ul li::after {
        width: 90px;
    }

    .news-lists ul li a .timec p.p1 {
        font-size: 32px;
        line-height: 35px;
    }

    .news-lists ul li a .timec p.p2 {
        font-size: 20px;
    }

    .news-lists ul li a .timec {
        width: 110px;
    }

    .news-lists ul li a .rightcon {
        width: calc(100% - 120px);
    }

    .news-lists ul li a .rightcon .newstxt p.p1 {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .news-lists ul li a .rightcon .newstxt .news-botmore {
        width: 120px;
        height: 33px;
        line-height: 33px;
    }

    .news-lists ul li a .rightcon .newstxt .news-botmore span {
        padding: 0px 10px 0px 24px;
        font-size: 13px;
    }

    .news-lists ul li a .rightcon .newstxt .news-botmore em {
        margin: 4px auto 0px;
    }

    .pc-banner .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    .pc-banner .swiper-button-prev1 {
        width: 30px;
        height: 30px;
    }

    .pc-banner .swiper-button-next1 {
        width: 30px;
        height: 30px;
    }

    .imageshowbox {
        padding-bottom: 45px;
    }

    .mstrombox {
        margin: 0px auto 20px;
    }

    .mstrombox ul li {
        width: 50px;
        height: 67px;
        font-size: 16px;
    }

    .mstrombox ul li a {
        padding-top: 32px;
    }

    .mstromlist p.p1 {
        font-size: 18px;
    }

    .mstromlist p.p2 {
        font-size: 14px;
        line-height: 20px;
        height: 40px;
    }

    .mdshop-list p.p1 {
        font-size: 18px;
    }

    .mdshop-list p.p2 {
        font-size: 14px;
        line-height: 20px;
        height: 40px;
    }

    .mslistcc .swiper-button-next,
    .mslistcc .swiper-button-prev {
        width: 30px;
        height: 30px;
    }

    .foot-bg.story-bg {
        padding: 215px 0px 50px;
    }

    .foot-bg {}

    .product-thumbs {
        margin-top: 2% !important;
    }

    .mslistcc .swiper-button-prev {
        right: -30px;
    }

    .mslistcc .swiper-button-next {
        left: -30px;
    }

    .brand-spacetxt {
        font-size: 14px;
        line-height: 26px;
    }

    .brand-spacelist ul li p,
    .brand-zblist ul li p {
        font-size: 16px;
    }

    .brand-zblist .bx-wrapper .bx-controls-direction a {
        width: 30px;
        height: 30px;
    }

    .jm_xzleftlists ul li .coin {
        width: 40px;
        height: 40px;
    }

    .jm_xzleftlists ul li .txtcon {
        width: calc(100% - 48px);
    }

    .jm_xzleftlists ul li span {
        margin-left: 10px;
    }

    .jm_xzleftlists ul li .txtcon p.p1 {
        font-size: 20px;
    }

    .jm_xzleftlists ul li .txtcon p.p2 {
        font-size: 15px;
    }

    .jm_xzleftlists ul li:nth-child(2n) {
        width: 54%;
    }

    .jm_xzleftlists ul li {
        width: 46%;
    }

    .jm_xzleftlists ul li .coin.coin10 {
        background-size: 40%;
    }

    .brand-zblist .bx-wrapper .bx-prev {
        left: -30px;
    }

    .brand-zblist .bx-wrapper .bx-next {
        right: -30px;
    }

    .mes-commtitle p.p1 {
        font-size: 28px;
        line-height: 32px;
    }

    .mes-commtitle p.p2 {
        font-size: 36px;
        line-height: 38px;
    }

    .jm_xzboxleft {
        width: calc(100% - 400px);
    }

    .jm_xzboxrig {
        width: 380px;
        margin-top: 40px;
    }

    .jm_xzboxrig .xz_bootom {
        height: 180px;
    }

    .jm_xzboxrig .xz_bootom .txtc {
        font-size: 14px;
        line-height: 22px;
        padding: 16px 20px 0px;
    }

    .jm-lcrig {
        width: 52%;
        padding: 25px 40px 15px;
    }

    .jm-lcleft {
        width: 48%;
    }

    .jm-lcbg {
        margin-bottom: 85px;
    }

    .jm-lcrig .title p.p1 {
        font-size: 35px;
    }

    .jm-lcrig .title p.p2 {
        font-size: 16px;
    }

    .jm-lcrig .title {
        margin-bottom: 20px;
    }

    .jm-lcrig .jm-lclists ul li .txtrig p.p2 {
        font-size: 14px;
    }

    .jm-lcrig .jm-lclists ul li .txtrig p.p1 {
        font-size: 18px;
    }

    .jm-lcrig .jm-lclists ul li .txtrig .txt {
        font-size: 15px;
        margin-bottom: 7px;
        padding: 6px 0px;
    }

    .jm-lcrig .jm-lclists ul li {
        margin-bottom: 25px;
    }

    .jm-lcrig .jm-lclists ul li .coin.coin1 {
        background-size: 63%;
    }

    .jm-lcrig .jm-lclists ul li .coin.coin2 {
        background-size: 54%;
    }

    .jm-lcrig .jm-lclists ul li .coin.coin3 {
        background-size: 57%;
    }

    .jm-lcrig .jm-lclists ul li .coin.coin4 {
        background-size: 54%;
    }

    .jm_yslist ul li .coin {
        width: 83px;
        height: 83px;
    }

    .jm_yslist ul li .coin .pic {
        margin: 19px auto 0px;
    }

    .jm_yslist ul li .coin .pic.pic1 {
        background-size: 70%;
    }

    .jm_yslist ul li .coin .pic.pic2 {
        background-size: 70%;
    }

    .jm_yslist ul li .coin .pic.pic3 {
        background-size: 70%;
    }

    .jm_yslist ul li .coin .pic.pic4 {
        background-size: 70%;
    }

    .jm_zclist ul li {
        width: 24%;
        margin: 1% 0.5% 1%;
        padding: 25px 8px;
    }

    .jm_yslist ul li .txtrig {
        width: calc(100% - 86px);
    }

    .jm_yslist ul li .txtrig p.p1 {
        padding-left: 15px;
        font-size: 18px;
        margin-bottom: 4px;
    }

    .jm_yslist ul li .txtrig p.p2 {
        padding-left: 15px;
        font-size: 14px;
    }

    .jm-tuslogo {
        width: 150px;
        height: 152px;
    }

    .jm_szcon {
        width: 87%;
    }

    .jm_zclist ul li .coin {
        width: 48px;
        height: 48px;
    }

    .jm_zclist ul li .txtrig {
        width: calc(100% - 55px);
    }

    .jm_zclist ul li .txtrig p.p1 {
        padding-top: 0px;
        margin-bottom: 5px;
        font-size: 18px;
    }

    .jm_zclist ul li .txtrig p.p2 {
        font-size: 14px;
        height: 38px;
    }

    .jm_tjtitle p.p1,
    .jm-hzfytit,
    .jm-hzfytitle2 {
        font-size: 32px;
        height: 78px;
        line-height: 78px;
    }

    .jm-hzfytitle2 span {
        font-size: 22px;
    }

    .jm_tjtitle p.p2 {
        font-size: 14px;
    }

    .jm_szcon .title {
        font-size: 52px;
    }

    .jm_szcon .labertxt1 p.p1 {
        font-size: 30px;
    }

    .jm_szcon .labertxt2 p.p1 {
        font-size: 75px;
    }

    .jm_szcon .labertxt2 p.p2,
    .jm_szcon .labertxt3 p.p2 {
        font-size: 20px;
    }

    .jm_szcon .labertxt3 p.p1 {
        font-size: 98px;
    }

    .jm_szcon .labertxt3 {
        right: 16%;
    }

    .jm_szcon .labertxt1 p.p2 {
        font-size: 88px;
    }

    .jm_szcon .labertxt1 p.p2 i {
        font-size: 110px;
    }

    .jm_labert {
        padding-top: 15px;
        font-size: 14px;
    }

    .jm_tjlist ul li {
        height: 135px;
        padding: 20px 25px;
    }

    .jm_tjlist ul li span {
        font-size: 16px;
        line-height: 26px;
    }

    .jm-hzfylist ul li {
        font-size: 23px;
        line-height: 75px;
        height: 75px;
    }

    .jm-hztxtcon p.p1 {
        font-size: 16px;
        line-height: 35px;
    }

    .jm-hztxtcon p.p2 {
        line-height: 28px;
        font-size: 22px;
    }

    .jm-hztxtcon {
        margin: 40px auto 25px;
    }

    .contan_box ul li .coinc {
        width: 28px;
        height: 28px;
    }


    .contan_box ul li p.p1 {
        font-size: 18px;
        height: 52px;
    }

    .contan_box ul li p.p2 {
        font-size: 16px;
    }

    .cotanc-mapbg .claber p.p1 {
        font-size: 18px;
        text-align: left;
    }

    .cotanc-mapbg .claber p.p2 {
        font-size: 15px;
    }

    .mess-lfcon {
        padding-top: 20px;
    }

    .mess-lfcon p.p1 {
        font-size: 18px;
    }

    .mess-lfcon p.p2,
    .mess-lfcon p.p3 {
        font-size: 18px;
    }

    .mess-rigcon {
        padding-bottom: 0px;
    }

    .mess-rigcon p.p1 {
        font-size: 15px;
    }

    .mess-rigcon p.p2 .cmessinput {
        font-size: 14px;
    }

    .mess-rigcon .button {
        width: 99px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }

    .viewtitle {
        font-size: 28px;
    }

    .viewbz ul li {
        font-size: 14px;
    }

    .viecounten {
        margin-top: 20px;
        font-size: 15px;
    }

    .viepagecon span {
        font-size: 14px;
    }

    .leftsead {
        width: 54px;
    }

    .leftsead .sead-tu {
        height: 58px;
    }

    .leftsead .telb {
        height: 50px;
        background-size: 25px
    }

    .leftsead .er {
        height: 50px;
        background-size: 23px;
    }

    .leftsead .top {
        height: 75px;
    }

    .leftsead .top .pic {
        height: 36px;
    }

    .honner-listpage ul li {
        height: 390px;
    }

    .pro_lists ul li a .txtcon {
        padding: 15px 15px 20px;
    }

    .pro_lists ul li a .txtcon p.p1 {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 4px;
    }

    .pro_lists ul li a .txtcon p.p2 {
        font-size: 14px;
        line-height: 24px;
    }

    .pro_lists ul li a .txtcon .promore {
        width: 58px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        right: 8px;
        bottom: 19px;
    }

    .lc-newcon ul li .lc-bix p.p1 {
        font-size: 30px;
    }

    .lc-newcon ul li .lc-bix .intr {
        font-size: 16px;
    }

    .pro_lists .swiper-button-next {
        width: 45px;
        height: 45px;
        right: 0px;
    }

    .pro_lists .swiper-button-prev {
        width: 45px;
        height: 45px;
        left: 0px;
    }

    .pro_lists ul li .txtcon .promore {
        width: 58px;
        height: 30px;
        line-height: 30px;
        right: 10px;
        bottom: 32px;
    }

    .pro_lists ul li .txtcon p.p2 {
        font-size: 15px;
    }

    .pro_lists ul li .txtcon p.p1 {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 0px;
    }

    .pro-navs .title {
        font-size: 24px;
    }

    .pro-navs ul li {
        font-size: 14px;
    }

    .lc-newcon .bx-wrapper .bx-prev {
        left: -40px;
    }

    .lc-newcon .bx-wrapper .bx-next {
        right: -40px;
    }

    .jmcl_com ul li .picbg {
        width: 179px;
        height: 93px;
        margin-bottom: 8px;
        margin-left: -16px;
    }

    .jmcl_com ul li.picbg2 {
        background-size: 78%;
    }

    .jmcl_com ul li .picbg3 {
        width: 94px;
        height: 90px;
    }

    .jmcl_com ul li .txt p.p1,
    .jmcl_com ul li .txt2 p.p1 {
        font-size: 16px;
        padding-right: 16px;
    }

    .jmcl_com ul li .txt p.p2,
    .jmcl_com ul li .txt2 p.p2 {
        font-size: 14px;
        padding-right: 2px;
        margin-top: 5px;
    }

    .jmcl_com ul li .txt2 {
        padding: 102px 30px 0px 30px;
    }

    .jmcl_com ul li .txt .padd {
        padding-right: 15px !important;
    }

    .jmcl_com ul li.mtop {
        margin-top: -120px;
    }

    .zc_jmyscom ul li .pic {
        width: 60px;
        height: 60px;
    }

    .jm_tjlist2 ul li .coin {
        width: 89px;
        height: 80px;
    }

    .jm_tjlist2 ul li p.p1 {
        font-size: 16px;
    }

    .jm-sbanetxt {
        margin: 110px auto 0px;
    }

    .jm-sbanetxt p.p1,
    .jm-sbanetxt p.p2 {
        font-size: 40px;
    }

    .zc_jmyscom ul li {
        padding: 30px 45px 35px;
    }
}

@media screen and (max-width: 1380px) {
    .jm-nav ul li .detail {
        top: 40%;
        font-size: 13px;
        width: 84%;
        left: 8%;
        line-height: 1.7;
    }
}

/*小的笔记本1024*/
@media screen and (min-width: 992px) and (max-width:1200px) {}