﻿.erjiBanner{ position: relative; }
.erjiBanner img{ width:100%; display:block; }
.erjiBanner .erjiBannerText{ width:100%; height:.52rem; left:0; top:50%; position: absolute; transform: translateY(-50%); }
.erjiBanner .erjiBannerText h3{ font-size:.32rem; font-weight:normal; background:#f3f3f6; position: absolute; left:50%; bottom:0; position: absolute; transform:translateX(-50%); }
.erjiBanner h4 img{ width:100%; display:block; }
/*产品中心*/
.productBanner h4{ width:4.17rem; margin:0 auto; }
.cpTitle{ height:.88rem; line-height:.88rem; border-bottom:.01rem solid #f1f1f1; }
.cpTitle h2{ font-size:.28rem; border-bottom:.04rem solid #644929; color:#333; font-weight:normal; }
.cpTitle h2:after{color:#555;}
.xwTitle h2{margin-right: 20px; font-size:.28rem; border-bottom:.04rem solid #644929; color:#333; font-weight:normal; }
.cpTab{ padding:.32rem 0 .07rem; }
.cpTab a{ float:left; width:1.5rem; font-size:.24rem; color:#7a7b7f; height:.56rem; text-align:center; line-height:.56rem; margin:0 .3rem .26rem 0; background:#f5f6fa; border-radius:.28rem; }
.cpTab a:nth-child(4n){ margin-right:0; }
.cpList li{ width:3.35rem; margin:0 .2rem .14rem 0; }
.cpList li:nth-child(2n){ margin-right:0; }
.cpList li .pic{ width:100%; height: 3.35rem; overflow: hidden; }
.cpList li h3{ font-size:.24rem; color:#333; line-height:.7rem; padding:0 .15rem; font-weight:normal; text-align:center; }
.cpList li img{ display:block; width: 100%;}
.cpList{margin-top: 20px;}

.newscpList li{ width:3.35rem; margin:0 .2rem .14rem 0; background: #666; margin-top: 20px;}
.newscpList li:nth-child(2n){ margin-right:0; }
.newscpList li .pic{ width:100%; height:3.34rem; overflow: hidden; }
.newscpList li span{ font-size:.14rem;line-height:8pt;}
.cpList li img{ display:block; width: 100%;height: 100%}
.product{ padding:0 .3rem; }
.xwlis{ color: #fff; }
.xwlis li span{ color: #fff; }

/*关于我们*/
.aboutBanner h4{ width:2.39rem; margin:0 auto; }
.about1{ padding:.3rem .24rem .38rem; }
.about1 .nr{ font-size:.24rem; line-height:.44rem; color:#333; }
.about1 .nr img{ width:5.52rem; margin:0 auto; display:block; }
.about1Title{ height:.48rem; position: relative; margin:0 0 .15rem; }
.about1Title h4{ width:2.53rem; }
.about1Title h4 img{ width:100%; display:block; }
.about1Title h3{ left:0; bottom:0; position: absolute; font-size:.32rem; line-height:.32rem; font-weight:normal; }

.about2{ padding:.36rem .24rem .25rem; background:#f1f1f1 url(../images/about2Bg.jpg) no-repeat center top / 100% auto; }
.about2Title{ height:.5rem; position: relative; }
.about2Title h4{ margin:0 auto; width:4.54rem; }
.about2Title h4 img{ width:100%; display:block; }
.about2Title h3{ left:50%; bottom:0; position: absolute; font-size:.32rem; line-height:.32rem; transform:translateX(-50%); font-weight:normal; }
.about2 .nr{ font-size:.24rem; color:#333; line-height:.46rem; }
.about2 .about2Con img{ width:100%; display:block; }
.about2Con{ padding:.27rem 0 .25rem; }

.about3{ padding:.35rem .24rem .38rem; }
.about3 .about2Title{ margin:0 0 .24rem; }
.about3 .about2Title h4{ width:3.47rem; }
.about3 table{ width:100%; font-size:.22rem; text-align:center; }
.about3 table tr:nth-child(2n-1) td{ background:#dedede; }
.about3 table td{ border:.03rem solid #fff; height:.66rem; }
.about3 table tr td:nth-child(2n){ text-align:left; }
.about3 table tr td:nth-child(1){ width:1.5rem; }

.about4{ padding:.35rem .24rem .4rem; margin:0 0 .35rem; background:#f1f1f1 url(../images/about4Bg.jpg) no-repeat center / 100% auto; }
.about4 .about2Title h4{ width:3.81rem; }
.about4 .con{ width:3.9rem; margin:.3rem auto 0; padding:0 .78rem; position: relative; }
.about4 .con img{ width:100%; display:block; }
.about4Next{ width:.33rem; height:.34rem; margin-top:-.17rem; right:0; background:url(../images/index9Right.png) no-repeat center / cover; }
.about4Prev{ width:.33rem; height:.34rem; margin-top:-.17rem; left:0; background:url(../images/index9Left.png) no-repeat center / cover; }

/*产品详情*/
.productXq{ padding:.35rem .24rem; }
.bigPic img,.xiaoPic img{ width:100%; display:block; }
.bigPic .swiper-slide{ position: relative; overflow: hidden; }
.bigPic .swiper-slide span{ width:2rem; text-align:center; font-size:.24rem; color:#fff; background:#ff7d00; left:-.5rem; top:.2rem; position: absolute; transform:rotate(-34deg); }

.slideTu{ width:3.68rem; padding:0 .45rem; margin:.33rem auto 0; position: relative; }
.slideTu .xqPrev{ width:.33rem; height:.34rem; top:50%; left:0; margin-top:-.17rem; background:url(../images/index9Left.png) no-repeat center / cover; }
.slideTu .xqNext{ width:.33rem; height:.34rem; top:50%; right:0; margin-top:-.17rem; background:url(../images/index9Right.png) no-repeat center / cover; }

.xqtitle{ padding:.47rem 0 .37rem; font-size:.32rem; font-weight:normal; }

.xqTextBox{ padding:.18rem .35rem .2rem .32rem; background:#f1f1f1; }
.xqTextBox ul{ line-height:.6rem; }
.xqTextBox li div{ width:28.66%; float:left; text-align:center; }
.xqTextBox li .li1{ font-size:.24rem; color:#333; text-align:left; width:14%; }
.xqTextBox li span{ font-size:.22rem; }
.xqTextBox li em{ font-size:.2rem; color:#666; }
.xqTextBox .nr{ padding:.22rem 0 0; font-size:.24rem; line-height:.48rem; }

.taobao_a{ display:block; width:2.76rem; margin:.3rem 0 .48rem; height:.56rem; font-size:.24rem; line-height:.56rem; color:#FF0000; text-align:center; background:#C1CDC1; }

.xqBot h3{ height:.82rem; line-height:.82rem; padding:0 .18rem; border:.01rem solid #f1f1f1; }
.xqBot img{ display:block; max-width:100%; margin:0 auto; }

/*服务配送*/
.fwpsBanner h4{ width:4.35rem; margin:0 auto; }
.fwps1{ padding:.37rem .24rem .28rem; }

.fwps1 .about2Title h4{ width:4.91rem; margin:0 auto; }
.fwps1 .con{ padding:0; }
.fwps1Text{ padding:.23rem .3rem .17rem .22rem; margin:.28rem 0 0; background:#f1f1f1; }
.fwps1Text h3{ font-size:.28rem; line-height: .28rem; height:.48rem; color:#333;font-weight:normal; }
.fwps1Text .nr{ font-size:.2rem; color:#888787; line-height: .3rem; }

.fwps2{ padding:.38rem .24rem .09rem; background:url(../images/fwps2Bg.jpg) no-repeat center / cover; }
.fwps2 .about2Title h3{ background:#e0e0e0; }
.fwps2 ul{ padding:.28rem 0 0; display:flex; justify-content: space-around; }
.fwps2 li{ width:1.49rem; height:1.47rem; background:#fff; }
.fwps2 li .pic{ width:100%; height:1.01rem; overflow: hidden; }
.fwps2 li img{ width:100%; display:block; }
.fwps2 li h3{ text-align:center; font-weight:normal; line-height:.36rem; text-align:center; font-size:.2rem; color:#666; }
.fwps2 .nr{ font-size:.24rem; color:#fff; line-height:.4rem; padding:.22rem 0 0; }

.fwps3{ padding:.3rem .24rem .33rem; }
.fwps3 .about2Title h4{ width:5.54rem; }
.fwps3 li{ position: relative; margin:0 0 .35rem; }
.fwps3 li span{ width:.49rem; height:.32rem; left:0; top:0; position: absolute; }
.fwps3 li .pic{ width:4.15rem; margin:0 auto; }
.fwps3 li img{ width:100%; display:block; }
.fwps3 ul{ padding:.32rem 0 0; }
.fwps3 .nr{ padding:.17rem 0 .1rem; font-size:.24rem; line-height: .36rem; color:#333; }

.fwps3 li .picBox{ display:flex; justify-content:center; }
.fwps3 li .pic1{ width:1.14rem; margin:0 .2rem; height:1.14rem; border-radius:50%; overflow: hidden; }
.fwps3 .text{ padding:.18rem .3rem .2rem .16rem; line-height:.3rem; font-size:.2rem; color:#666; background:#e0e0e0; }

 .tang {
    flex-direction: row;
    flex-wrap: wrap;
}
.n_fen {
    justify-content: center;
    margin-top: 49px;
    margin-bottom: 70px;
}
.tang {
    width: 4.35rem;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    position: relative;
    margin-bottom: 20px;
}
.n_fen a {
    font-size: 16px;
    color: 
#888;
text-align: center;
height: 36px;
line-height: 36px;
width: 38px;
outline: 1px solid
    #888;
    margin-right: 7px;
    transition: all .2s;
}
.n_fen a.prev {
    width: 78px;
}
.n_fen span {
    background: #666;
	color:#fff;
}
.n_fen span {
    font-size: 16px;
    color: #888;
    text-align: center;
    height: 36px;
    line-height: 36px;
    width: 38px;
    outline: 1px solid #888;
    margin-right: 7px;
    transition: all .2s;
}
.n_fen a:last-child {
    width: 63px;
    margin: 0;
}
