/*�ֲ�*/
.banner {
    width: 100%;
    height: 600px;
    padding-bottom:2rem;
    background:#363331;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.banner img {
    margin-bottom: -5px;
    width: 100%;
    height: 600px;
}

.slideBox {
    width: 100%;
    height: 600px;
    /*overflow: hidden;*/
    position: relative;
}

.slideBox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 48.5%;
    bottom: -1.6rem;
    z-index: 1;
}

.slideBox .hd ul {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.slideBox .hd ul li {
    float: left;
    margin-right: 12px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    line-height: 14px;
    text-align: center;
    background: #6b6764;
    cursor: pointer;
}

.slideBox .hd ul li.on {
    background: #bb996b;
    color: #fff;
}

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

.slideBox .bd ul li {
    zoom: 1;
    vertical-align: middle;
    overflow: hidden;
}

.slideBox .bd img {
    width: 100%;
    /*display: block;*/
}

.slideBox .bd li a img.smlbar{
    display: none;
}

/*产品中心*/
.prdtnav a{
    color:#737373;
    line-height: 1.6rem;
    text-align: left;
    width:100%;
}
.prdtnav .itemline,
.prdtnav .rgo{
    color:#bc9b68;
}
.prdtnav .rgo{
    width: 0;
    height: 0;
    border-bottom: 5px solid transparent; /* left arrow slant */
    border-top: 5px solid transparent; /* right arrow slant */
    border-left: 5px solid #bc9b68; /* bottom, add background color here */
    font-size: 0;
    line-height: 0;
    float: right;
    margin-top:0.5rem;
}
.prdtnav .prdtul li{
    width:6.6%;
    margin:0 0.5rem;
    display:inline-block;
}
.prdtnav .prdtul li a{
    border:1px solid #bfbfbf;
    border-radius: 0.8rem;
    padding:0 8%;
}
.prdtlinow .itemline,
.prdtlinow a,
.prdtnav .prdtul li:hover .itemline,
.prdtnav .prdtul li:hover a{
    color:#fff;
    background:#d1c0a5;
}
.prdtlinow a .rgo{
    border-left-color:#fff;
}
.prdtnav .prdtul li a:hover .rgo{
    border-left-color:#fff;
}
.prdtnav .prdtul li.prdtlinow{
    color:#fff;
}
.prdctnow2{
    display:block!important;
}


.titparent{
    margin:2rem auto;
}






/*产品展示*/
.prdtcase{
    margin:2rem auto;
    display:none;
    text-align: left;
}

.prdtcase li{
    display:inline-block;
    width:23.7%;
    margin:0 0.5%;
    vertical-align: top;
}
.prdtcase li a{
    text-align: center;
    width:100%;
    color:#050505;
    font-size:0.875rem;
}

.prdtcase li a img{
    margin-bottom:-6px;
}
.prdctnow{
    display:block;
}
.prdctnow3,
.prdctnow2{
    display:block;
    height:350px;
    overflow: hidden;
}
.prdctnow3{
    height:auto;
}
.prdctnow2 li{
    width:310px;
}
.sbanner{
    position:relative;
}
.casepic{
    width:100%;
    overflow:hidden;

}
.pre,
.next{
    position:absolute;
    top:35%;
}
.pre{
    left:-8%;
}
.next{
    right:-8%;
}
/*查看更多*/
.lookmore{
    display:none;
}
/*百美五大优势*/
.fivegood{
    color:#fff;
    font-size:1.15rem;
    background:url(../images/index/fivebg.jpg) no-repeat center;
    background-size:100% 100%;
    padding:4.8rem 0 0;
}
.fivelogo{
    margin-left:-4rem;
}
.fivetxt{
    margin-bottom:3.8rem;
}
.fivetxt h3{
    font-size:1.4rem;
    margin:1rem auto;
}
.fivetxt p{
    width:14rem;
    height:0;
    border:1px solid #fff;
    margin:0 auto 1rem;
}
.fivetxt h4{
    width:8.4rem;
    height:0;
    border:1px solid #fff;
    margin:0 auto;
}
.fivecircle>div{
    width:16.4%;
    height:210px;
    margin:0 1.2rem 4.8rem 1.2rem;
    vertical-align: middle;
}
.fivecircle>div:hover{
    background:url(../images/index/allc.png) no-repeat center;
    cursor:pointer;

}
.fivecircle div h3{
    margin-top:35%;
}
.circlebg1{
    background:url(../images/index/circle1.png) no-repeat center;
}
.circlebg2{
    background:url(../images/index/circle2.png) no-repeat center;
}
.circlebg3{
    background:url(../images/index/circle3.png) no-repeat center;
}
.circlebg4{
    background:url(../images/index/circle4.png) no-repeat center;
}
.circlebg5{
    background:url(../images/index/circle5.png) no-repeat center;
}
.fivebottom{
    background:url(../images/index/fbtmgod.png);
    text-align: left;
}
.fivetxt2{
    vertical-align: middle;
}
.fivetxt2 p{
    font-size:0.875rem;
    color:#d4d4d4;
}
.fivebottom img{
    vertical-align: middle;
}
.talk{
    float: right;
    font-size:0.875rem;
    color:#fff;
    text-align: right;
    margin-top:1.8rem;
}
.talk h3{
    font-size:1.4rem;
    color:#eacf9d;
    line-height:2.4rem;
}
.talk a{
    font-size:1.15rem;
    color:#fff;
    line-height:2rem;
    border:1px solid #fff;
    padding: 0 1rem;
}
/*手机隐藏*/

.block .pfivetxt2,
.phonefive{
    display:none;
}
/*顾客评价*/
.prdctnow2 li img{
    margin-bottom:-7px;
    width:100%;
}
.godtxt{
    background:#e4dfd5;
}
.godtxt:hover{
    background:#d1c0a5!important;

}
.prdtcase li a:hover{
    background:#d1c0a5;
}
.godtxt .godtit{
    font-size:1.15rem;
    color:#0d0d0d;
}
.godtxt .godname{
    font-size:0.875rem;
    color:#363636;
}
.godtxt .godxx{
    width:94%;
    margin:0 auto;
    border-bottom:1px dashed #848483;
}
.prdctnow2 li:hover .godtxt{
    background:#d1c0a5;
}
.godtxt .godxx span{
    width: 0;
    height: 0;
    border-bottom: 6px solid #7d7d7d; /* left arrow slant */
    border-right: 7px solid transparent; /* right arrow slant */
    border-left: 7px solid transparent; /* bottom, add background color here */
    font-size: 0;
    line-height: 0;
    margin-bottom:-7px;
}
.godtxt .godsays{
    padding:0 2% 0.7rem;
    text-align: left;
}

/*走进百美*/
.upline1{
    margin-bottom:-6px;
}
.upline2{
    margin-top:-16px;
}
.abtbm{
    background:#252525;
    padding:70px 0;
}
.topic{
    margin-bottom:50px;
}
.abtmac{
    width:100%;
    vertical-align:top;
}
.abtmac .pic{
    width:43.75%;
    margin-right:0.8rem;

}
.abtmac .left{
    width:42.85%;
    margin-right:0.3rem;
}
.abtmac .right{
    width:55.35%;
}
.abtmac .world{
    vertical-align:top;
    width:54.68%;
    text-align:left;
}
.world .toplogo{
    vertical-align: middle;
}
.world .top p{
    font-size:1.1rem;
    color:#eacf9d;
}
.world .abttxt p{
    font-size:0.875rem;
    color:#fff;
    line-height: 2rem;
}
.world .more a{
    font-size:0.75rem;
    color:#eacf9d;
    line-height: 1.3rem;
    border:1px dashed #eacf9d;
    padding:0 9px;
    margin-top:1.36rem;
}
/*新闻中心*/
.news .tit h2{
    display:inline-block;
    padding:0 1.2rem;
}
.news .tit span{
    width:42%;
    height:0.5rem;
    border-top:1px solid #666;
}
.newscase li{
    background:#e4dfd5;
}
.newscase li:hover{
    background:#d1c0a5;
}
.newstxt{
    font-size:0.875rem;
    color:#666;
    text-align: left;
    padding:0.6rem 0.6rem 1rem;
}
.newstxt h3{
    color:#383838;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.newstxt p{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
/*手机新闻隐藏*/
.newsmore,
.bmcontent2{
    display:none;
}



/*环保证书*/
.phonorshow{
    display:none;
}
.bmnav{
    color:#fff;
    background:#252525;
   /* margin-top:20px;*/
    padding-top:20px;
}
.bmnav .tit h3{
    font-size:1.5rem;
    line-height: 40px;
    border-bottom:2px solid #e5c589;
    margin-bottom:20px;
}
.picScroll-left {
    overflow: hidden;
    position: relative;
    /*border: 1px solid #ccc;*/
    padding:0 80px 60px;
}

.picScroll-left .hd {
    /*overflow: hidden;*/
    /*height: 30px;*/
    /*background: #f4f4f4;*/
    /*padding: 0 10px; */
    position:absolute;
    bottom:0;
    left:0;
    right:0;
}
.picScroll-left .godhd{
    position:static;
}
.picScroll-left .hd .prev, .picScroll-left .hd .next {
    /*display: block;*/
    width: 27px;
    height: 44px;
    /*float: right;*/
    /*margin-right: 5px;*/
    /*margin-top: 10px;*/
    /*overflow: hidden;*/
    cursor: pointer;
    padding:1rem;

}
.picScroll-left .godhd .prev, .picScroll-left .godhd .next {
    position:absolute;
    bottom:54%;
}

.picScroll-left .hd .next {
    background:url(../images/leftjt.png) no-repeat center;
    /*left:2%;*/

}
.picScroll-left .godhd .next{
    left:0%;
}
.picScroll-left .godhd .prev{
    right:0%;
}
.picScroll-left .hd .prev {
    background:url(../images/rightjt.png) no-repeat center;
}

.picScroll-left .hd .prevStop {
    background-position: -60px 0;
}

.picScroll-left .hd .nextStop {
    background-position: -60px -50px;
}

.picScroll-left .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    zoom: 1;
}

.picScroll-left .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url("images/icoCircle.gif") 0 -9px no-repeat;
}

.picScroll-left .hd ul li.on {
    background-position: 0 0;
}

.picScroll-left .bd {
    padding: 10px 30px;
    width: 100%;
    margin: 0 auto;
}
.picScroll-left .godbd{
    width:100%;
}
.picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.picScroll-left .bd ul li {
    margin: 0 15px 0 0;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}


.picScroll-left .godbd ul li .pic {
    width:294px;
}

.picScroll-left .bd ul li .pic a {
    width: 100%;
    font-size:18px;
    color:#fff;
    line-height: 2.5rem;
}

.picScroll-left .bd ul li .pic img {
    width: 100%;
    display: block;
    border: 1px solid #ccc;
}

.picScroll-left .bd ul li .pic a:hover img {
    border-color: #999;
}

.picScroll-left .bd ul li .title {
    line-height: 24px;
}