.pages .main{background: #fff;}
.pages .main .headerimg{width: 1180px;height: 240px;margin-top: 20px;}
.pages .main .headerimg.img_green{background:  no-repeat center;}
.pages .main .headerimg.img_red{background:  no-repeat center;}
.pages .main .headerimg.img_bule{background:  no-repeat center;}
.pages .main .headerimg.img_yellow{background:  no-repeat center;}
.pages .main .headerimg.img_violet{background:  no-repeat center;}
.pages .main .headerimg .popbox{width: 510px;height: 140px;background:  no-repeat center;line-height: 115px;text-align: center;position: relative;left: 135px;top: 30px;font-size: 80px;font-weight: bold;}
.pages .main .img_green .popbox{color: #30a15d;}
.pages .main .img_red .popbox{color: #ff0602;}
.pages .main .img_bule .popbox{color: #2a42c9;}
.pages .main .img_yellow .popbox{color: #ff7b05;}
.pages .main .img_violet .popbox{color: #772cec;}
.pages .main .headerimg .ms{font-size: 20px;color: #fff;background: rgba(0, 0, 0, 0.3);position: relative;top: 25px;display: inline-block;padding: 12px 20px;border-radius: 40px;left: 210px;}
.pages .main .tab{text-align: center;margin: 20px 0;}
.pages .main .tab .item{width: 120px;height: 40px;line-height: 40px;text-align: center;display: inline-block;cursor: pointer;font-size: 16px;color: #333333;margin-right: 30px;background-color: #ededed;border-radius: 10px;}
.pages .main .tab .item:last-child{margin-right: 0;}
.pages .main .tab .item.active{color: #fff;background: #30a15d;}
.pages .main .list{clear: both}
.pages .main .list .item{width: 280px;background-color: #ffffff;border: 1px solid #eee;padding-bottom: 10px;margin-right: 20px;margin-bottom: 30px;float: left;height: 362px;}
.pages .main .list .item:hover{box-shadow: 0px 4px 15px 0px rgba(128, 128, 128, 0.4);}
.pages .main .list .item:nth-child(4n 4){margin-right: 0;}
.pages .main .list .item .img{position: relative;width: 280px;height: 204px;}
.pages .main .list .item .img img{width: 100%;height: 100%;object-fit: cover;}
.pages .main .list .item .img .tit{width: 280px;;font-size: 22px;color: #ffffff;padding: 5px 0 5px 10px;background: rgba(0, 0, 0, 0.6);position: absolute;bottom: 0;left: 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pages .main .list .item .img .hg{width: 40px;height: 40px;background-color: #ffffff;border-radius: 20px;border-radius: 50%;background: #fff;position: absolute;top: 10px;left: 15px;}
.pages .main .list .item .img .hg.no1::before{width: 28px;height: 23px;content: '';background:  no-repeat center;position: absolute;top: 8px;left: 6px;}
.pages .main .list .item .img .hg.no2::before{width: 28px;height: 23px;content: '';background:  no-repeat center;position: absolute;top: 8px;left: 6px;}
.pages .main .list .item .img .hg.no3::before{width: 28px;height: 23px;content: '';background:  no-repeat center;position: absolute;top: 8px;left: 6px;}
.pages .main .list .item .img .icon{width: 40px;height: 40px;background: no-repeat center ;border-radius: 20px;border-radius: 50%;position: absolute;top: 6px;left: 6px;font-size: 16px;text-align: center;line-height: 40px;color: #fff;}
.pages .main .list .item .info{}
.pages .main .list .item .info .price{font-size: 22px;color: #ff0904;padding: 0 10px; margin-top: 10px;}
.pages .main .list .item .info .area{font-size: 14px;color: #999999;padding: 0 10px;}
.pages .main .list .item .info .bqbox{padding: 0 10px;display: flex;display: -webkit-flex;margin: 16px 0 10px 0;}
.pages .main .list .item .info .bqbox .bq{border-radius: 4px;height: 20px;line-height: 20px;padding: 0 8px;color: #999;background-color: #efefef;display: inline-block;margin-right: 9px;}
.pages .main .list .item .info .bqbox .bq:first-child{color: #fff;background-color: #30a15d;}
 .hb{max-width: 150px;height: 20px;display: inline-block;line-height: 20px;background: rgba(255, 236, 235, 1);color: #ff0904;padding-left: 24px;position: relative;border-radius: 4px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-right: 10px;}
 .hb::before{width: 12px;height: 15px;content: '';background: url(/uploads/image/ppaimages/hb.png) no-repeat center;position: absolute;top: 2px;left: 8px;}
 .pages .main .list .item .im_tel_box .hb{margin: 0 10px;flex: unset;max-width: 100%;margin-top: 10px;}
 .pages .main .list .item  hr{width: 100%;height: 1px;background-color: #cfcfcf;margin-bottom: 9px;}
.pages .main .list .item .im_tel_box{display: flex;display: -webkit-flex;height: 40px;}

.pages .main .list .item .im_box>div{float: left;}
.pages .main .list .item .im_box .img{width: 41px;height: 41px;border-radius: 50px;overflow: hidden;margin-left: 12px;}
.pages .main .list .item .im_box .img img{width: 100%;height: 100%;object-fit: cover;}
.pages .main .list .item .im_box .im_btm{cursor: pointer;width: 80px;height: 24px;border: solid 1px #30a15d;border-radius: 4px;text-align: center;line-height: 24px;text-indent: 15px;font-size: 12px;color: #30a15d;position: relative;margin: 8px 0 0 11px;}
.pages .main .list .item .im_box .im_btm::before{width: 12px;height: 12px;content: '';background:  no-repeat center;position: absolute;top: 6px;left: 6px;}
.pages .main .list .item .tel_box .tel_btm{cursor: pointer;width: 80px;height: 24px;border: solid 1px #30a15d;border-radius: 4px;text-align: center;line-height: 24px;text-indent: 15px;font-size: 12px;color: #30a15d;position: relative;margin: 8px 0 0 11px;}
.pages .main .list .item .tel_box .tel_btm .ewmbox{display: none;height: 81px;position: absolute;width: 100%;border: 1px solid #efefef;background: #fff;z-index: 9999;top: -80px;top:30px;width:160px;height:190px}
.pages .main .list .item .tel_box .tel_btm .ewmbox canvas{position: relative;right: 15px;}
.pages .main .list .item .tel_box .tel_btm::before{width: 12px;height: 11px;content: '';background:  no-repeat center;position: absolute;top: 6px;left: 6px;}
.footer-in{clear: both;}
.pages .main .list .item .tel_box .tel_btm .ewmbox img{margin: 0 auto}
.pages .main .list .item .tel_box .tel_btm .ewmbox p{    color: #999999;text-align: center;font-size: 12px;padding: 5px;text-indent: 0;line-height: 1.4;}