@charset "utf-8";
/*公共头部--01*/
.ui-headerfiexbg{}
.ui-header{min-width: 320px;max-width: 720px;color:#fff; height:1rem;margin:auto;z-index:20;box-sizing:border-box;position: fixed;top: 0px;right: 0px;left: 0px;background-color: #25b965;}
.ui-header-left{ position:absolute;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.ui-header-left2{ position:absolute; top:0; left:0.2rem;width:0.68rem;}
.ui-header-right{right:0;position:absolute;width:1rem;height: 1rem;}
.ui-header-right2{top:0;  right:0.72rem;position:absolute;width:0.62rem; margin-right:0.2rem}
.ui-header-cen{right:0;position:absolute;width:4.6rem;height: 1rem;left: 0px;margin: 0px auto;background: url(../img/logo.png) no-repeat center;background-size: 100%;}
.ui-header-ico-home{ background:url(../img/logo1.png) no-repeat center; height:0.81rem;display:block;  background-size:100% auto;left:0.2rem;top:0.1rem;width:1.2rem;position: absolute;}
.ui-header-ico-menu2{ background:url(../img/menu.png) no-repeat  center #25b965;background-size:44% auto; display:block;color: #fff;height: 1rem;}
.ui-header-ico-seach{ background:url(../img/seacherbot.png) no-repeat center;height:0.9rem; background-size:100% auto; display:block}
.ui-header-ico-back{ background:url(../img/back.png) no-repeat center;height:1rem; background-size:88% auto; display:block}
.ui-header p{ position:relative; text-align:center; font-size:0.35rem; color:#fff; line-height:0.9rem; z-index:-9}
/**************************banner*****************************/
.mBan2 { overflow: hidden; position:relative; }
.mBan2 .swiper-pagination{left: 0px;margin: 0px auto;bottom: 0.9rem !important;}
.mBan2 .swiper-slide .banner{width: 100% !important;}
.mBan2 .swiper-pagination-bullet{width: 0.24rem !important;height:0.25rem !important;background: #fff;opacity:1 !important;background-size: 100% !important;}
.mBan2 .swiper-pagination-bullet-active{background: #9F9F9F;background-size: 100% !important;}


/* 留言 */
.mess-bgc{width: 100%;height: auto;overflow: hidden;background: url(../img/bg8.jpg)no-repeat top center;background-size: 100%;padding-bottom: 0.3rem;}
.mess-title{width:4.2rem;height: auto;overflow: hidden;margin: 0.58rem auto 0.2rem;}
.mess-title img{width: 100%;float: left;}
.mess-contitle{width: 89%;height: auto;overflow: hidden;margin: 0.35rem auto 0.3rem;text-align: center;}
.mess-contitle p.p1{font-size: 0.38rem;font-weight: bold;color: #f8efde;margin-bottom: 0.2rem;}
.mess-contitle p.p2{font-size: 0.26rem;color: #f9f0df;line-height: 0.42rem;}
.mess-con{width: 6.5rem;height: auto;overflow: hidden;margin: 0px auto;background-color: #f8efe4;border-radius: 8px;padding: 0.4rem 0.28rem 0.1rem;box-sizing: border-box;}
.mess-con ul li{width: 100%;float: left;margin-bottom: 0.25rem;}
.mess-con ul li .w_inputtxt{width: 100%;height: 0.78rem;border: 2px solid #e1d9cf;line-height: 0.78rem;box-sizing: border-box;font-size: 0.26rem;background: none;padding-left: 0.25rem;}
.mess-con ul li .w_inputtear{width: 100%;height: 2rem;border: 2px solid #e1d9cf;line-height: 0.45rem;box-sizing: border-box;font-size: 0.26rem;background: none;padding: 0.2rem;}
.mess-con ul li .w_bottom{width: 2.9rem;height: 0.74rem;background: url(../img/w_coin21.png) no-repeat top center;background-size: 100%;margin: 0px auto;}
.mess-telbg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg9.jpg)no-repeat top center;background-size: 100%;padding: 0.2rem 0px 0.4rem;}
.mess-telbgtit{width:4.17rem;height: auto;overflow: hidden;margin: 0px auto 0.45rem;}
.mess-telbgtit img{width: 100%;float: left;}
.mess-telcon{width: 4.54rem;height: 2.21rem;margin: 0px auto 0.6rem;background: url(../img/w_coin23.png)no-repeat top center;background-size: 100%;}
.mess-telcon p{color: #a21f2d;font-size: 0.58rem;font-weight: bold;padding-top: 1.32rem;text-align: center;}
.mess-ewmbox{width: 6.8rem;height: auto;overflow: hidden;margin: 0.5rem auto 0.3rem;}
.mess-ewm{width: 2rem;height: 2rem;overflow: hidden;margin: 0px auto 0.2rem;}
.mess-ewm img{width: 100%;float: left;}
.ewm-title{text-align: center;font-size: 0.26rem;color: #f9f0df;}
.mess-add{width:92%;height: auto;overflow: hidden;margin: 0px auto;}
.mess-add .coin{width: 0.32rem;height: 0.32rem;display: inline-block;background: url(../img/w_coin24.png)no-repeat top center;background-size: 100%;float: left;}
.mess-add .cointxt{color: #f9f0df;font-size: 0.26rem;line-height: 0.32rem;float: right;width: calc(100% - 0.45rem);}

/* 底部 */
.bottom-fixed{bottom: 0;position: fixed;text-align: center;width:100%;z-index: 9999;min-width: 320px;max-width: 720px; margin:0 auto;}
.footer {display: block;text-align: center; background-color:#f7eacf; overflow:hidden; color:#000; height:1rem}
.footer li{float:left; width:25%; padding:0.08rem 0px 0.08rem; overflow:hidden;box-sizing:border-box}
.footer li a .footpic{ width:0.48rem; height:0.48rem; text-align:center;margin:0 auto 0.02rem; }
.footer li a .footpic1{background:url(../img/ft_coin1.png) no-repeat center;background-size:88% auto}
.footer li a .footpic1_1{background:url(../img/ft_coin11.png) no-repeat center;background-size:88% auto}
.footer li a .footpic2{ background:url(../img/ft_coin2.png) no-repeat center; background-size:92% auto}
.footer li a .footpic2_2{ background:url(../img/ft_coin22.png) no-repeat center; background-size:92% auto}
.footer li a .footpic3{background:url(../img/ft_coin3.png) no-repeat center;background-size:98% auto}
.footer li a .footpic3_3{background:url(../img/ft_coin33.png) no-repeat center;background-size:98% auto}
.footer li a .footpic4{background:url(../img/ft_coin4.png) no-repeat center;background-size:86% auto}
.footer li a .footpic4_4{background:url(../img/ft_coin44.png) no-repeat center;background-size:86% auto}
.footer li a p{color:#000; text-align:center; line-height:0.35rem; font-size:0.25rem;}
.footer li a p.cur{color: #aa333b;}

.s-conten{width: 100%;background: url(../img/bjs.png)no-repeat center;position: relative; background-size: cover;display: block;overflow: hidden}


.s-strrig li {
    width: auto;
    height: 110px;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    justify-content: center;
    color: #777777;
    float: left;
    font-size: 0.25rem;
    padding-right: 4%;
    margin-top: 0.5rem;
    margin-left: 5%
}

.s-strrig li a{
    font-size: 0.6rem;
    color: #12b458;
    font-weight: bold;
}
.s-strrig li span{
    font-size: 0.25rem;
}

.more{
    width: 2rem;height: 0.8rem;line-height: 0.8rem;display: block; background: url("../img/more.png") no-repeat center; background-size: cover;
    margin-top: 60px; overflow: hidden; margin-left: 5%;
}

.c-more{
    width: 28px;height: 28px;display: block; background: url("../img/c-more.png") no-repeat center; background-size: cover; float: left;
    margin-top: 8px; margin-left: 10px;

}

.more i{
    font-size: 16px; color: #ffffff; margin-left: 12px;
}



.c-cpbox{
    width: 100%;display: block;height: auto; background: url("../img/cpox.png") no-repeat center; background-size: 100%;
    padding-top: 20px; padding-bottom: 200px;
}
.c_cptitle{
    background: url("../img/cp.png") no-repeat center; width: 344px; height: 192px;
    margin-left:14%;
}


.swiper {
    width: 100%;
    height: 100%;
}

.mySwiper22 .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mySwiper22 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.mySwiper22 .swiper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.mySwiper22 .swiper-slide {
    background-size: cover;
    background-position: center;
}

.mySwiper22 {
    height: 80%;
    width: 100%;
}

.mySwiper11 {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
    border-radius: 35px;
    width: 85%;

}

.mySwiper11 .swiper-slide {
    height: 100%;
    background: #fff;
    box-shadow: 20px 0px 1120px 20px rgb(153 149 149 / 50%)


}

.mySwiper11 .swiper-slide-thumb-active {
    opacity: 1;
    background: #25b965;
}

.mySwiper11 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.c-ws{
    padding-left: 14%;padding-right: 14%; margin-top: 60px;
}
.mySwiper11 .swiper-slide .cuan{
    width: 75px; height: 75px; border-radius: 50%; border: 6px solid #e1f0e8;  margin: 50px auto;
    text-align: center; line-height: 65px; font-size: 24px; color: #25b965;
    font-weight: bold;
}
.mySwiper11 .swiper-slide-thumb-active .cuan{
    color: #fff; border: 6px solid #a4cd50; font-size: 26px;
}
.mySwiper11 .swiper-slide span{
    width: 100%; text-align: center; display: block; font-size: 20px;
}
.mySwiper111{
    position: relative;
}
.mySwiper111 .swiper-button-next, .mySwiper111 .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}

.mySwiper111 .swiper-button-prev11:after{
    color: #53b880;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
.mySwiper111 .swiper-button-next11:after{
    color: #53b880;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
.t-box{
    display: block;width: 100%;height: auto;overflow: hidden;
}

.b-rit{
    width: 100%;display: block;overflow: hidden;  margin-top: 0.4rem;
}
.b-p1{
    text-align: left;width: 100%;margin-top:0.5rem ;
}
.b-s1{
    width: 100%;display: block;margin-top:0.4rem; overflow: hidden; text-align: left; font-size: 0.25rem;
    line-height: 2;
}
.b-s2{
    font-size: 0.25rem; margin-top: 33px; text-align: left; width: 50%; display: block; float: left;
}
.b-more{
    width: 2.4rem; height: 0.8rem; background: #25b965; display: block;overflow: hidden; line-height: 0.8rem;
    border-radius:0.4rem;float: right; margin-top: 0.4rem;
}
.s-i1{
    width: 50%;display: block; float: left; text-align: center;color: #fff; font-size:0.25rem;
}
.s-i2{
    width: 45%; height: 80%; display: block; float: left; text-align: center;color: #fff; font-size: 16px;
    background:url("../img/jts.png") no-repeat center #fff; margin-top: 3%; border-radius: 30px;
}
.mySwiper33{
    margin-top: 30px;
}
.mySwiper33 .swiper-button-next33{
    right: var(--swiper-navigation-sides-offset,10px);
}
.mySwiper33 .swiper-button-prev33{
    left: var(--swiper-navigation-sides-offset,10px);

}
.b-left {
    width: 80%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}



.al{
    display: block;
    width: 100%;
    overflow: hidden;
    background: url("../img/r-bj.png") no-repeat center; background-size: cover;
    padding-bottom: 160px;margin-top: 0.6rem;
}
.al-box{
    width: 90%;display: block;overflow: auto;position: relative;
    margin: 0 auto;

}

.al_cptitle{
    background: url("../img/al.png") no-repeat center; width: 322px; height: 176px;
    float: left;
}
.mySwiper44 {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    margin-top: 50px;
}

.mySwiper44 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}
.mySwiper44 .swiper-button-prev,.mySwiper44 .swiper-button-next{
    color: #fff;
}
.w-bj{
    display: block;
    width: 100%;
    overflow: hidden;
    background: url("../img/w-bj.png") no-repeat center; background-size: cover;
}
.w_cptitle{
    background: url("../img/news.png") no-repeat center; width: 344px; height: 192px; margin-top: 30px;
    /*margin-left:14%; */
    float: left;
}

.a-mor{
    width: 46%; height: 0.9rem; display: block; float: left;overflow: hidden; margin-top: 0.6rem;
    text-align: center; background: #f29600; line-height: 0.9rem; border-radius: 0.9rem;
    font-size: 0.35rem; color: #fff;
}
.a-mor:hover{
    color: #fff;
}


.w_cptitle{
    background: url("../img/news.png") no-repeat center; width: 344px; height: 192px; margin-top: 30px;
    /*margin-left:14%; */
    float: left;
}


.w-bj ul .tre{
    width: 83%;  margin-bottom: 3%; height: auto; margin-left: 2%; padding: 0.4rem; margin-top: 6%;
    /*box-shadow: 0px 0px 6px 1px rgb(204 200 200 / 50%);*/
    box-shadow:0 0 18px rgba(0,0,0,.1);
    display: block;overflow: hidden;

}


.w-p1{
    font-size: 0.45rem;font-weight: bold; width: 95%; 
    display: block;
    overflow: hidden;
}

.w-p2{
    width: 90%; height: 0.8rem;  margin-top: 2%;color: #6b6b6b; font-size: 0.3rem;
    display: block;overflow: hidden;

}

.w-p3{
    font-size: 16px; float: left; width: 90px;height: 40px;line-height: 40px;background: #25b965;text-align: center;
    margin-left: 10%;border-radius: 20px; color: #fff;
}
.w-p4{
    font-size: 70px; color: #fff; float: right; margin-right: 10%; margin-top: 15%;
}
.w-p4 span{
    display: block; font-size: 20px; text-align: right;
}
/*.w-p1 {*/
    /*padding-top: 13%;*/
    /*font-size: 20px;*/
    /*color: #fff;*/
    /*font-weight: bold;*/
    /*padding-left: 10%;*/
    /*background-image: linear-gradient(to bottom, rgba(100,100,100,1), rgba(255,255,255,0));*/
    /*border-radius: 30px;*/
    /*height: 100px;*/
/*}*/

.mess-bg{width: 100%;background: url(../img/bg7.png);position: relative;overflow: hidden; background-size: cover;padding-bottom: 50px}
.mess-bg .mess-title{width: 988px;height: auto;overflow: hidden;margin: 0px auto 50px;padding-top: 80px;}
.mess-bg .mess-title img{width: 100%;}
.mess-conten{width:90%; margin: 0px auto;overflow: hidden; display: block;}
.b_cptitle{
    background: url("../img/b-titl.png") no-repeat center; width: 344px; height: 192px; margin-top: 30px;
    margin-left:14%; float: left;
}

.mes-box{
    width: 73%; background: url("../img/qwv.png") no-repeat center; background-size: cover;
    border-radius: 30px;display: block;overflow: hidden; margin-top: 0.5rem;
    padding: 0px 45px 0 45px;
}
.csa{
    color: #fff;font-size: 0.25rem; padding-left: 0.5rem; margin-top: 0.6rem;
}
.csa1{
    background: url("../img/tel.png") no-repeat left;
}
.csa2{
    background: url("../img/eml.png") no-repeat left;
}
.csa3{
    background: url("../img/addr.png") no-repeat left;
}
.csa1-1{
    font-size: 0.35rem; font-weight: bold; margin-top: 15px; padding-left: 0; color: #fff;
}
.img{
    float: left; margin-right: 20px; margin-top: 60px;
}
.img span{
    display: block; width: 100%; text-align: center; color: #ffffff; margin-top: 10px;
}

#swiper-button-next3 {
    background: url("../img/rit.png") no-repeat center; width: 44px; height: 44px;
}
#swiper-button-next3:hover {
    background: url("../img/rit2.png") no-repeat center; width: 44px; height: 44px;
}
#swiper-button-prev3 {
    background: url("../img/left.png") no-repeat center; width: 44px; height: 44px;
}
#swiper-button-prev3:hover {
    background: url("../img/left1.png") no-repeat center; width: 44px; height: 44px;
}


.mess-conten .mess-t{width: 100%;height: auto;overflow: hidden;margin: 0px auto 25px;text-align: center;color: #f8efde;}
.mess-conten .mess-t p.p1{font-size: 32px;font-weight: bold; }
.mess-conten .mess-t p.p2{font-size: 16px;line-height: 25px;margin-top: 20px;}
.mess-conten .mess-box{width: 100%;  height: auto;overflow: hidden;box-sizing: border-box;}
.mess-conten .mess-boxbg{width: 100%;overflow: hidden;background-color: #fff;box-sizing: border-box;padding: 24px 10px 30px; border-radius: 30px;}
.mess-conten .mess-boxbg ul li{width: 90%;float: left;margin: 0px 15px;overflow: hidden;}
.mess-conten .mess-boxbg ul li span{display: inline-block;width: 90px;float: left;overflow: hidden;font-size: 16px;color: #333;line-height: 38px;}
.mess-conten .mess-boxbg ul li .input-ms{width: calc((100% - 10px)); border-radius: 10px; float: left;overflow: hidden;box-sizing: border-box;border: 1px solid #ccc5bc;line-height: 38px;padding: 0px 15px;}
.mess-conten .mess-boxbg ul li.lastinput{width: 100%;margin-top: 30px;}
.mess-conten .mess-boxbg ul li .input-mst{width: calc((100% - 40px)); height: 230px; float: left;overflow: hidden;box-sizing: border-box;border: 1px solid #ccc5bc;line-height: 38px;padding: 0px 15px;}
.mess-conten .mess-boxbg .mess-botom{width: calc((100% - 40px));height: 0.7rem; margin-left: 15px; text-align: left; color: #fff;font-size: 0.35rem; padding-left: 30px; margin-top: 30px; background: url(../img/w_coin32.png)no-repeat right #f29600;border: none;cursor: pointer; background-position-x: 95%}
.mess-ewmbox{width: 1200px;height: auto;overflow: hidden;margin: 0px auto 0px;padding-bottom: 140px;}
.mess-ewmbox .ewmpic{width: 120px;float: right;overflow: hidden;margin-top: 25px;}
.mess-ewmbox .ewmpic .pic{width: 100%;height: 120px;overflow: hidden;margin-bottom: 10px;}
.mess-ewmbox .ewmpic .pic img{width: 100%;}
.mess-ewmbox .ewmpic p{text-align: center;font-size: 16px;color: #f9f0df;}
.mess-ewmbox .hotline{width: 341px;float: right;overflow: hidden;margin-right: 6%;height: 168px;background: url(../img/w_coin34.png)no-repeat top center;}
.mess-ewmbox .hotline p{color: #a21f2d;font-size: 50px;font-weight: bold;padding-top: 94px;text-align: center;}
.mess-ewmbox .left-add{width: 550px;float: left;overflow: hidden;}
.mess-ewmbox .left-add .addrepic{width: 369px;overflow: hidden;margin-bottom: 20px;}
.mess-ewmbox .left-add .addrepic img{width: 100%;}
.mess-ewmbox .left-add .txt{font-size: 16px;color: #f9f0df;position: relative;padding-left: 40px;line-height: 40px;}
.mess-ewmbox .left-add .txt::after{display: inline-block;width: 32px;height: 32px;background: url(../img/w_coin35.png)no-repeat top center;content: "";position: absolute;left: 0px;top: 3px;}
/* foot */
.foots-bg{width: 72%;line-height: 60px; margin: 0 auto;padding-top: 50px}
.foots-con{margin: 0px auto;overflow: hidden;}
.foots-con span{display: inline-block;font-size: 16px;color: #acacac; margin-top: 10px}



/* commbanner */
.commbaner{width: 100%;height: auto;overflow: hidden;margin: 0px auto;position: relative;text-align: center;}
.commbaner img{width: 100%;float: left;}
.commbaner.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);}
.commbaner.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);}

/* 产品内页 */
.p-prot1{width: 4.5rem;height: auto;overflow: hidden;margin: 0px auto;}
.p-prot1.xmtt{width: 5.8rem;}
.p-prot1 img{width: 100%;float: left;}
.p-propadd{padding-bottom: 1rem;}
.p-propadd2{padding-bottom: 0.6rem;}
.p-protop{padding-top: 0.4rem;}
.p-probg2{width: 100%;height: auto;overflow: hidden;background: url(../img/bg7.jpg)no-repeat top center;background-size: 100%;padding: 0.4rem 0px 0.2rem;position: relative;}
.spro2-list{width: 100%;height: auto;overflow: hidden;margin: 0.4rem auto 0px;position: relative;padding-bottom: 0.5rem;}
.spro2-list ul li{width: 100%;float: left;overflow: hidden;box-sizing: border-box;padding: 0.15rem 0.15rem 0px;}
.spro2-list ul li .pic{width: 100%;overflow: hidden;max-height:3.8rem;border-radius: 14px;border: 4px solid #25b965;}
.spro2-list ul li .pic img{width: 100%;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.spro2-list ul li p.p1{text-align: center;height: 0.6rem;line-height: 0.6rem;color: #181818;font-size: 0.26rem;font-weight: bold;}
.spro2-list .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;border: 2px solid #000;background-color: #f5ebda;opacity: 1;}
.spro2-list .swiper-pagination-bullet-active{background-color: #9b222b;border: 2px solid #9b222b;}
.spro2-list .swiper-pagination{width: 100% !important;text-align: center;bottom: 0.2rem !important;}
/* 饮料 */
.p-probg3{width: 100%;height: auto;overflow: hidden;background: url(../img/bg10.jpg)no-repeat top center;background-size: 100%;padding: 0.4rem 0px 0.2rem;position: relative;}
.spro3-listcon{width: 6rem;height: auto;overflow: hidden;margin: 0.4rem auto 0px;padding-bottom: 0.4rem;position: relative;}
.spro3-listcon ul li{width: 100%;float: left;overflow: hidden;}
.spro3-listcon ul li .pic{width: 100%;overflow: hidden;max-height: 7.8rem;}
.spro3-listcon ul li .pic img{width: 100%;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.spro3-listcon ul li p.p1{height: 0.7rem;text-align: center;line-height: 0.7rem;font-size: 0.26rem;font-weight: bold;color: #333;}
.spro3-listcon .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;border: 2px solid #000;background-color: #f5ebda;opacity: 1;}
.spro3-listcon .swiper-pagination-bullet-active{background-color: #9b222b;border: 2px solid #9b222b;}
/* 形象店展示 */
.x-shopcon .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;border: 2px solid #000;background-color: #f5ebda;opacity: 1;}
.x-shopcon .swiper-pagination-bullet-active{background-color: #9b222b;border: 2px solid #9b222b;}

.jy-labertxt{width: 88%;height: auto;overflow: hidden;margin: 0.2rem auto 0rem;}
.jy-labertxt .jy-txtrig{width: 100%;float: right;overflow: hidden;color: #000;text-align: center;padding-top:0.1rem;}
.jy-labertxt .jy-txtrig p.p1{font-size: 0.24rem;}
.jy-labertxt .jy-txtrig p.p2{font-size: 0.3rem;margin-bottom: 0.18rem;}
.jy-labertxt .jy-txtleft{width:100%;float: left;overflow: hidden;box-sizing: border-box;}
.jy-labertxt .jy-txtleft ul li{width: calc((100% / 2) - 0.2rem);float: left;margin: 0px 0.1rem 0.1rem;overflow: hidden;}
.jy-labertxt .jy-txtleft ul li .pic{width: 0.8rem;height: 0.8rem;float: left;}
.jy-labertxt .jy-txtleft ul li .pic img{width: 100%;}
.jy-labertxt .jy-txtleft ul li .txt{width: calc(100% - 0.95rem);float: right;overflow: hidden;color: #000;text-align: left;}
.jy-labertxt .jy-txtleft ul li .txt p.p1{font-size: 0.3rem;padding-top: 0.1rem;}
.jy-labertxt .jy-txtleft ul li .txt p.p2{font-size: 0.24rem;margin-top: 0.08rem;text-transform: capitalize;}
/* 项目支持 */
.xm-conpercon{width: 92%;height: auto;overflow: hidden;margin: 0px auto;position: relative;}
.xm-conpercon ul li{width: 100%;float: left;overflow: hidden;margin-bottom: 0.2rem;}
.xm-conpercon ul li .coin{width: 1.12rem;height: 0.5rem;background: url(../img/w_coin55.png)no-repeat top center;line-height: 0.5rem;text-align: center;color: #f9f1e4;font-weight: bold;font-size: 0.35rem;float: left;background-size: 100%;}
.xm-conpercon ul li .txt{width: calc(100% - 1.35rem);float: right;overflow: hidden;line-height: 0.43rem;font-size: 0.26rem;color: #010101;}
.xm-conpercon .labpic{width: 5.5rem;height: auto;position: absolute;bottom: 0px;right: 0px;}
.xm-conpercon .labpic img{width: 100%;float: left;}
/* 合作流程 */
.conper-lcconten{width: 100%;height: auto;overflow: hidden;margin: 0.48rem auto 0px;}
.conper-lcconten ul li{width: calc((100% / 2) - 0.4rem);float: left;margin: 0px 0.2rem 0.6rem;position: relative;height: 0.93rem;background: url(../img/w_coin58.png)no-repeat top center;line-height: 0.93rem;text-align: center;z-index: 3;background-size: 100%;}
.conper-lcconten ul li span{font-size: 0.45rem;color: #8b0f23;font-weight: bold;}
.conper-lcconten ul li::after{width:0.74rem;height: 0.28rem;display: inline-block;background: url(../img/w_coin59.png)no-repeat top center;position: absolute;right: -24%;top:22%;content: '';z-index: 1;background-size: 63%;}
.conper-lcconten ul li:last-child::after,.conper-lcconten ul li:nth-child(2n)::after{display: none;}
/* 产品优势 */
.ys-prolist{width: 92%;height: auto;overflow: hidden;margin: 0px auto;}
.ys-prolist ul li{width:100%;float: left;margin: 0px 0rem 0.2rem;overflow: hidden;background-color: #a62933;border-radius: 12px;box-sizing: border-box;padding: 0.25rem 0.22rem;position: relative;}
.ys-prolist ul li .coin{width: 1.12rem;height: 0.5rem;background: url(../img/w_coin61.png)no-repeat top center;line-height: 0.5rem;text-align: center;color: #9f2832;font-size: 0.35rem;font-weight: bold;background-size: 100%;}
.ys-prolist ul li p{color: #eedfcb;font-size: 0.26rem;line-height: 0.4rem;padding-top: 0.2rem;}
.ys-prolist ul li .w_coin{width: 2.75rem;height: 2.5rem;background: url(../img/w_coin62.png)no-repeat top center;position: absolute;right: 0px; bottom: 0px;background-size: 100%;}
/* 合作保障 */
.hz-conperlist2{width: 92%;height: auto;overflow: hidden;margin:0.4rem auto 0px;}
.hz-conperlist2 ul li{width: 100%;float: left;overflow: hidden;margin-bottom: 0.25rem;}
.hz-conperlist2 ul li .laber{width: 2.93rem;height: 0.93rem;background: url(../img/w_coin58.png)no-repeat center;font-size: 0.45rem;font-weight: bold;color: #8b0f23;line-height: 0.93rem;margin-bottom: 0.15rem;text-align: center;background-size: 100%;}
.hz-conperlist2 ul li .intro{width: 100%;font-size: 0.26rem;line-height: 0.42rem;color: #8b0f23;}
.hz-conperlist2 ul li .hz-coperpic{width:5.3rem;height: auto;overflow: hidden;}
.hz-conperlist2 ul li .hz-coperpic img{width: 100%;float: left;}
/* 合作支持 */
.zc-conperlist{width:100%;overflow: hidden;margin: 0px auto;}
.zc-conperlist ul li{width: calc((100% / 2) - 0.2rem);float: left;margin: 0px 0.1rem 0.28rem;overflow: hidden;background-color: #a62933;border-radius: 8px;box-sizing: border-box;padding: 0px 0.1rem;}
.zc-conperlist ul li  p.p1{font-size: 0.28rem;font-weight: bold;color: #eedfcb;border-bottom: 2px dashed #c26b71;line-height: 0.53rem;text-align: center;padding: 0.14rem 0px 0.08rem;}
.zc-conperlist ul li  p.p2{font-size: 0.26rem;color: #eedfcb;line-height: 0.4rem;margin: 0.15rem 0px 0.2rem;}
.zc-conperlist ul li.hi{height:2.4rem;}
.zc-conperlist ul li.hi2{height: 4.2rem;}
/* 新闻 */

.w-bj ul{
    display: block;overflow: hidden;
}





.w-p3{
    font-size: 70px; color: #fff; float: left; margin-left: 10%; margin-top: 10%;
}
.w-p4{
    font-size: 70px; color: #fff; float: right; margin-right: 10%; margin-top: 15%;
}
.w-p4 span{
    display: block; font-size: 20px; text-align: right;
}



.prod{
    width: 90%;margin:0.2rem auto;display: block;overflow: hidden

}

.prod .pre{
    width: 48%; margin-right: 2%;display: block;float: left; text-align: center;margin-top: 0.2rem;
    /*border-radius: 0 0 50px 0;*/
    padding-top: 2%;padding-bottom: 2%; background: #e9f7ee;font-size: 0.25rem; color: #3a3a3a;font-weight: bold;
}
.prod .pre:nth-child(2n){
    margin-right: 0%;
}
.prod .pre:hover{
    background: #25b965; color: #fff;
}

.prod .cur{
    background: #25b965; color: #fff;

}
.prod1{
    width: 90%;display: block;overflow: hidden;margin: 0 auto;
    background: url("../img/ps1.png") no-repeat right; background-size: cover; padding-bottom: 0.2rem;
}
.prod2{
    width: 90%;display: block;overflow: hidden;margin: 0 auto; padding-bottom: 0.2rem;
}
.prod2 .cps{
    width: 48%; margin-right: 2%;display: block;float: left; text-align: center;margin-top: 2%;border-radius:20px;
    background: #000;font-size: 22px; color: #3a3a3a;font-weight: bold;
}
.prod2 .cps:nth-child(2n){
    margin-right: 0%;
}



.td{
    display: block;width: 90%;margin: 0 auto; padding-bottom: 0.3rem;overflow: hidden;
}
.td ul{
    display: block;margin: 10px auto;
}
.td li{
    float: left;display: block;overflow: hidden; margin-top: 20px;
    width: 49%; margin-right: 2%;
}
.td li a{
    width: 100%;display: block;
}
.td li:nth-child(2n){
    margin-right: 0%;
}

#submitAdds{
    width: 200px; height: 40px; line-height: 40px; margin: 20px auto; text-align: center;display: block;border: 0; background: #f29600; color: #fff;
    font-size: 20px;
}


.yd{
    width: 100%;background: #f2f2f2;display: block;overflow: hidden; padding-bottom: 60px;
}
.yd-box{
    width: 100%;margin: 0 auto; background: url("../img/tyu.png") no-repeat top; height: auto;
   overflow: hidden;
}

.input-mss{
    height: 0.7rem;background: #f6f6f6;width: 90%;padding-left: 15px;border-radius: 5px;margin-top: 20px;font-size: 0.25rem;border: 0;
}
.input-mstt{
    width: 92%;height:3rem; padding: 0.2rem; margin-top: 0.2rem;font-size: 0.3rem; border: 0;
    box-shadow: 0px 0px 4px 0px rgb(153 149 149 / 50%); border-radius: 5px;
    margin-left: 0.5%;
}


.ttes{
    background: #25b965;
}
.wwt{
    background: #ff8922;
}
.tqs{
    display: none;
}
.wwtt{
    display: block;
}
.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;background-color: #fff;}
.pagination li.active {background: #25b965;color: #fff;border: 1px solid #25b965;}
.pagination li a {display: block;text-align: center;}

.news-clabg{width: 100%;position: relative; margin: 0 auto}
.news-clanav{width: 90%;height: auto;overflow: hidden;margin: 0px auto;}
.news-clanav ul{align-items: center;justify-content: center; border-bottom: 1px solid #e2e2e2 }
.news-clanav ul li{display: inline-block; margin-right: 60px; text-align: center;line-height: 80px;}
.news-clanav ul li a{font-size: 18px;font-weight: bold; display: block;color:  #3d3f40 }
.news-clanav ul li a.cur{color: #10a652; font-size: 24px;font-weight: bold;border-bottom: 1px solid #10a652;max-width: 300px}
/*分页*/
/************************** 内页*****************************/
.main{width:100%;margin:0 auto;overflow: hidden;line-height:0.28rem;}
.news_pptbg{ width:100%; height:auto; overflow:hidden; padding-bottom:0.3rem; min-height:5.5rem}
.nei{margin:0px auto 0.2rem;width: 94%;}
.nei_name{font-weight: normal; background-color:#f4f4f4;height:0.75rem;line-height:0.75rem; padding-left:0.2rem;color:#000; font-size:0.28rem}
.nei_name>span{color:#d4d4d4;font-family: Arial; text-transform:uppercase; font-size:0.13rem}
.cont{ padding:0.2rem 0px 0rem; line-height:0.46rem; font-size:0.26rem; color:#333; min-height:5.5rem;}
.cont p{padding: 0.1rem 0px;line-height: 0.42rem;}
ul.Sort1 > li.s1>a{ background:url(../img/down.png) no-repeat #f4f4f4 95% 50% ;background-size:16px 8px;}
ul.Sort1 > li.s2>a{background:url(../img/up.png)no-repeat #f4f4f4 95% 50%;background-size:16px 8px;}
ul.Sort1 > li.s2{ border-bottom: 1px solid #ebebeb;}
ul.Sort1 > li > a{ color:#000; padding-left:4%; display:block; font-family:Microsoft YaHei}

ul.Sort2{ margin:0 0.09rem 0.04rem; overflow:hidden; display:none; background:#FFF; padding:0.1rem 0;}
ul.Sort2 > li{  margin:0.05rem 1%; float:left;display: inline-block;text-align: center; height:0.69rem; overflow:hidden; line-height:0.69rem; background:#f8f8f8; width:31%; font-size:0.85em}
ul.Sort2 > li > a{ color:#333;display:block; font-weight:bold; font-size:0.25rem;}
ul.Sort2 > li:hover{ background-color:#1356bb}
ul.Sort2 > li:hover > a{ color:#fff}
ul.Sort3 > li.s3>a{ background:url(../img/down.png) no-repeat 95% 50% ;background-size:16px 8px;}
ul.Sort3 > li.s4>a{background:url(../img/up.png)no-repeat 95% 50%;background-size:16px 8px; }
ul.Sort3 > li.s4{ border-bottom: 1px solid #ebebeb;}
ul.Sort3 > li > a{ color:#000; padding-left:4%; display:block; font-family:Microsoft YaHei}

ul.Sort4{ margin:0 0.09rem 0.04rem; overflow:hidden; display:none; background:#FFF; padding:0.1rem 0;}
ul.Sort4 > li{  margin:0.05rem 1%;font-size:0.25rem; text-align: center; height:0.69rem; line-height:0.69rem; font-size:0.85em; overflow:hidden; float:left; display:inline-block}
ul.Sort4 > li.li1{ width:31%;background: #f8f8f8; overflow:hidden}
ul.Sort4 > li.li1 > a.a2{ background:#f8f8f8; display:inline-block; line-height:0.69rem; overflow:hidden}
ul.Sort4 > li.li1 > a.a1{ color:#fff; background-color:#000; display:block}
ul.Sort4 > li.li2{ width:13%}
ul.Sort4 > li.li2 >a.pic{ margin:0.05rem 1%; overflow:hidden}
ul.Sort4 > li.li2 >a.a1 img{border:1px solid #000; overflow:hidden; display:inline-block}
ul.Sort4 > li.li2 >a.pic >img{ height:0.6rem}

/* 新闻动态 */
.newslistc{width: 94%;height: auto;overflow: hidden;margin: 0.4rem auto 0px;}
.newslistc ul li{width: 100%;float: left;overflow: hidden;margin-bottom: 0.3rem;}
.newslistc ul li a .pic{width: 100%;height: auto;overflow: hidden;text-align: center;}
.newslistc ul li a .pic img{width: 100%;float: left;}
.newslistc ul li a .txtbg{width: 100%;background-color: #f7f7f7;padding: 0.4rem 0.3rem;box-sizing: border-box;}
.newslistc ul li a .txtbg p.p1{font-family: Arial;font-size: 0.35rem;color: #145cc8;margin-bottom: 0.1rem;font-weight: bold;}
.newslistc ul li a .txtbg p.p2{font-size: 0.25rem;color: #999;line-height: 0.4rem;margin-bottom: 0.15rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newslistc ul li a .txtbg p.p3{width: 1.5rem;height: 0.58rem;border-radius: 30px;background-color: #145cc8;line-height: 0.58rem;text-align: center;color: #fff;font-size: 0.26rem;}
.newslistc ul li a .txtbg p.p4{font-size: 0.3rem;color: #000;line-height: 0.48rem;margin-bottom: 0.15rem;}
.newslistc ul li a .txtbg p.p5{font-size: 0.28rem;color: #999;line-height: 0.45rem;margin-bottom: 0.26rem;}

.news-more{width: 2.35rem;height: 0.66rem;background: url(../img/more2.png) no-repeat 88% center #66b25f;background-size: 15%;color: #fff;font-size: 0.28rem;color: #fff;line-height: 0.66rem;margin: 0.45rem auto;}
.news-more span{padding-left: 0.38rem;}




/* 详情 */
.viewbz{width: 100%;height: auto;overflow: hidden;text-align: center;border-bottom: 1px solid #e8d7b3;padding: 0.35rem 0px 0.2rem;}
.viewbz ul li{display: inline-block;font-size: 0.24rem;color: #333;line-height:0.4rem;padding: 0px 0.1rem 0px 0.35rem;}
.viewbz ul li.li1{background: url(../img/t48.png) no-repeat left center;background-size: 20px;}
.viewbz ul li.li2{background: url(../img/t49.png) no-repeat left center;background-size: 17px;}
.viewbz ul li.li3{background: url(../img/t47.png) no-repeat left center;background-size: 16px;}


/*view*/
.view_title{text-align: center;margin:0.25rem auto 0px;font-size:0.36rem; font-weight:bold; line-height:0.5rem;}

/*page*/
/*.page{padding:0.12rem 0;font-size:0.2rem;text-align:center;clear:both; border-top:1px solid #ebebeb; line-height:0.45rem}*/
.page a{display: block;background: none;border:0;text-align: left;color:#666;padding:0;}
.page a:hover{background: none;border:0;padding:0;color:#e50e17;}
.sure_vbuttom{ width:38%; height:auto; overflow:hidden; padding:2% 0px; background-color:#b92916; color:#fff; text-align:center; left:1%; right:1%; margin:0.2rem auto 0px; display:block; border-radius:4px;}


/*新闻详情页*/
.view_video{width:100%;margin: 0.25rem auto 0px;}
.view_video  video{width: 100%; height: 100%;object-fit: cover;}
/******************************leftnav****************************/
.inavs{ position:fixed; width:3.24rem; top:0; height:100%; background-color:#333333; z-index:105; padding-left:0.36rem; right:-3.6rem;}
.inavs .inavstop img{ width:0.31rem; padding:0.34rem 0;}
.inavsbot{overflow-y:scroll;overflow-x:hidden}
.inavsbot ul{}
.inavsbot ul li{ height:0.9rem; line-height:0.9rem; border-bottom:1px solid #424242; background:url(../img/cnav_bg.png) no-repeat 90% center;}
.inavsbot ul li a{ display:block;font-size:0.25rem; color:#fff;}
.inavsbot ul li a img{ width:0.24rem; vertical-align:middle; margin-left:1.45rem;transition:all 0.3s ease 0s;}
.inavsbot ul li a img.xla{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg); }
.inavsbot ul li .xlas{ text-indent:0.3rem; padding:0.1rem 0; display:none;}
.inavsbot ul li .xlas a{ display:block; font-size:0.26rem; color:#c7c7c7; height:0.6rem; line-height:0.6rem;}
/**图片相册**/
.view_pic_tumbom{ width:100%; height:auto; overflow:hidden; margin:1rem auto 0px;}
.view-page{width: 96%;height: auto;overflow: hidden;border-top: 1px solid #e8d7b3;padding: 0.2rem 0px;margin: 0px auto;}
.view-page p{font-size: 0.25rem;color: #000;line-height: 0.42rem;}
.view-page p a{color: #000;}
.pronavs{width: 100%;height: auto;overflow: hidden;margin: 0.25rem auto 0.35rem;}
.pronavs a{display: inline-block;padding: 0px 0.18rem;border: 1px solid #e8d7b3;border-radius: 20px;color: #333;line-height:0.58rem;margin: 0px 0.04rem 0.18rem;font-size: 0.26rem;float: left;}
.pronavs a:hover{background-color: #b72024;color: #fff;}

/* fiexd */
.leftsead{position: fixed;right: 0px;top: 45%;width: 0.7rem;z-index: 99;}
.leftsead .tus-coin{width: 0.64rem;height: 0.77rem;background: url(../img/leaf_logo.png)no-repeat center;background-size: 100%;margin: 0px auto;position: absolute;left: -0.05rem;top: -0.7rem;}
.leftsead .tus-boy{width: 100%;height: auto;overflow: hidden;background: rgb(253,84,84,0.78);border-radius: 40px 40px 40px 40px;padding: 0.2rem 0px 0.15rem;}
.leftsead .tus-boy .tel-lef{width: 100%;height: 0.6rem;border-bottom: 1px solid #eea694;background: url(../img/leaf_tel.png) no-repeat top center;background-size: 56%;overflow: hidden;margin-top:0.12rem}
.leftsead .tus-boy .mess-lef{width: 100%;margin-top: 0.15rem;overflow: hidden;color: #fff;font-size: 0.3rem;}
.leftsead .tus-boy .mess-lef .mess-coin{width: 0.5rem;height: 0.5rem;margin: 0px auto 0.04rem;overflow: hidden;background: url(../img/leaf_mess.png) no-repeat top center;background-size: 90%;}
.leftsead .tus-boy .mess-lef .mess-txt{width: 0.5rem;line-height: 0.5rem;writing-mode: vertical-lr;writing-mode: tb-rl;overflow: hidden;letter-spacing: 2px;margin: 0px auto;}