@charset "utf-8";
/*基本*/
.font-b{font-weight: 600}
.sojson-page-comtent{position: relative;}
.background-image-holder{background-size: cover !important; background-position: 50% 50%; width: 100%;  height: 100%; position:absolute; left: 0; top:0}
.background-image-holder img {display: none;}
.sticky.sticky-top{ position: fixed; left: 0; right: 0; top:0; z-index: 99;box-shadow: 0 4px 6px 0px rgba(0,0,0,.2)}
/*字号 行距*/
.fs-32{font-size: 32px !important}
.fs-28{font-size: 28px !important}
.fs-24{font-size: 24px !important}
.fs-22{font-size: 22px !important}
.fs-20{font-size: 20px !important}
.fs-18{font-size: 18px !important}
.fs-17{font-size: 17px !important}
.fs-15{font-size: 15px !important}
.fs-16{font-size: 16px !important}
.fs-14{font-size: 14px !important}
.fs-12{font-size: 12px !important}
.lh-12{ line-height: 1.2 !important}
.lh-13{ line-height: 1.3 !important}
.sojson-price{line-height: 1.3}
.sojson-price .num{font-size: 18px;font-weight:600;}
.sojson-price:before{font-size: 12px}
.sojson-price:after{content: "元"; margin-left:2px}
.sojson-price.sell-out:before,.sojson-price.sell-out:after,.sojson-price.no-after:after{display: none}
.sojson-price.sell-out .num{font-weight: 400;font-size: 16px}
/*图文 文字列表 基本*/
.img-txt-item,.comment-item{display:flex;display: -ms-flexbox; align-items: flex-start;}
.img-txt-item .img-wrap{flex-basis:180px; flex-shrink: 0; margin-right: 20px; border-radius: 4px; overflow: hidden;position: relative; min-width: 0}
.img-txt-item .img-wrap>a{display: block}
.img-txt-item .img-wrap .c4-izmir{display: block; border-radius: 0;}
.img-txt-item .img-wrap img{border-radius: 4px; width: 100%; height: auto}
.img-txt-item .img-wrap .meta{position: absolute; z-index: 1; left: 5px; bottom: 5px}

.img-txt-item .icon-wrap.ia{background-color: #e89924;}
.img-txt-item .icon-wrap.ib{background-color: #e89924;}
.img-txt-item .icon-wrap.ic{background-color: #e89924;}
.img-txt-item .icon-wrap.id{background-color: #e89924;}
.img-txt-item .icon-wrap.ie{background-color: #e89924;}
.img-txt-item .icon-wrap.if{background-color: #e89924;}
.img-txt-item .icon-wrap.ig{background-color: #e89924;}
.img-txt-item .icon-wrap.ih{background-color: #e89924;}    
.img-txt-item .icon-wrap{border-radius: 50%;margin-left: auto;margin-right: auto;text-align: center;width: 40px;height: 40px;} 
.img-txt-item .icon-wrap i{color: #fff;font-size:24px;line-height: 40px;} 

.img-txt-item .txt-wrap{flex-grow:1; min-width: 0; position: relative}
.img-txt-item .txt-wrap .title,.txt-item .title,.comment-item .comment-wrap .title{font-size: 18px; margin-bottom: 0; line-height: 1.3}
.img-txt-item .txt-wrap .title .label{position: relative; top:-2px}
.img-txt-item .txt-wrap .desc,.txt-item .desc,.comment-item .comment-wrap .desc{ margin-top:10px; line-height: 1.4}
.img-txt-item .txt-wrap .meta,.txt-item .meta,.comment-item .comment-wrap .meta{margin-top:10px; line-height: 1; display: flex; display: -ms-flexbox;}
.img-txt-item .txt-wrap .meta>li:not(:last-child),.comment-item .comment-wrap .meta>li:not(:last-child){margin-right: 10px;}
.img-txt-item .txt-wrap .sojson-price.abolute{position: absolute}
.img-txt-item.img-right .img-wrap{margin-right: 0; margin-left: 20px; order: 13 !important }
.img-txt-item.img-left .img-wrap{margin-right:20px; margin-left:0; order:-1 !important }
.img-txt-item.img-top{flex-wrap: wrap;-ms-flex-wrap: wrap;}
.img-txt-item.img-top .img-wrap{ margin-right: 0}
.img-txt-item.img-top .img-wrap,.img-txt-item.img-top .txt-wrap{ flex:0 0 100%; max-width: 100%}
.img-txt-item.img-top .txt-wrap{padding-top: 10px}
.txt-item .title,.txt-item .desc{ padding-left: 13px}
.txt-item .title{ position: relative}
.text-list>li{ margin-bottom:10px; padding-left: 13px; position: relative;}
.text-list>li .title,.text-list>li:last-child{ margin-bottom: 0;}
.text-list>li a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.text-list>li:before,.txt-item .title:before{font-family: iconfont; content: "\e613";position: absolute; left: 0}
/*评论相关*/
.comment-item .user-wrap{flex:0 0 48px; margin-right: 20px; max-width: 48px; min-width: 0}
.comment-item .user-wrap img{border-radius: 50%; width: 48px; height: 48px;}
.comment-item .comment-wrap{flex: 1 0 0; min-width:0; max-width: 100%;}
.comment-item .comment-wrap .meta{font-size: 12px;}
.comment-item.aside .comment-wrap .meta>li.name{ max-width: 90px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap}
.comment-item.aside .user-wrap{flex: 0 0 24px; margin-right: 10px}
.comment-item.aside .user-wrap img{width: 24px; height: 24px;}
.comment-item.aside .comment-wrap .title{font-size: 14px}
/*基础按钮 元素*/
.btn{box-shadow: 2px 2px rgba(0,0,0,.15)}
.btn:hover{box-shadow: none}
.btn-block{display: block; width: 100%}
.btn.btn-animate{overflow: hidden;position: relative}
.btn.btn-w-100{min-width: 100px}
.btn.btn-w-120{min-width: 120px}
.btn.btn-w-160{min-width: 160px}
.btn.btn-animate:before{display: block;content:""; width:300%; height:100%; background:linear-gradient(120deg, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%; position: absolute; animation:slideleft 1.6s linear infinite; top:0; left: 50%; margin-left: -150%}
@keyframes slideleft{ 0% {transform: translate3d(-30%, 0, 0); } 100% { transform: translate3d(30%, 0, 0); }}
@-webkit-keyframes slideleft{ 0% {transform: translate3d(-30%, 0, 0); } 100% { transform: translate3d(30%, 0, 0); }}
.btn-circle{border-radius: 18px;}
.label{display: inline-block;font-size: 13px; line-height:20px; padding: 0 4px; border-radius:3px; font-weight: 400}
.label-circle{border-radius: 10px; padding: 0 6px}
a.label:hover{opacity: .8}
/*模块通用分割线 一般建议使用ul 可配合其他样式使用 */
.divider-line>li{border-style: solid; border-width: 0 0 1px 0; padding-bottom: 15px; margin-bottom: 15px}
.divider-line.no-line>li{ border-width: 0; padding-bottom: 0}
.divider-line>li:last-child{padding-bottom: 0; margin-bottom: 0; border-width: 0}
.aside-divide-sm{display: none; font-size: 0!important}
/* top */
.page-top-pa{border-bottom: 1px solid #ececec}
.page-top-pa .site-basic .city{margin-left: 12px;position: relative}
.page-top-pa .site-basic .city>span{ display:block; line-height: 30px; cursor: pointer}
.page-top-pa .site-basic .city>span:before{content: "\e62e"; font-family: iconfont;display: inline-block; width: 16px;}
.page-top-pa .site-basic .user-wrap{margin-left: auto}
.page-top-pa .site-basic .user-wrap .tx-img{ width: 24px; display: inline-block; margin-right: 5px; height: 24px; overflow: hidden;vertical-align: middle}
.page-top-pa .site-basic .user-wrap .tx-img img{width: 24px;height: 24px; border-radius: 50%; }
.page-top-pa .site-basic .user-wrap .name{max-width: 80px; overflow: hidden;white-space: nowrap; text-overflow: clip; }
.page-top-pa .site-basic .user-wrap .name,.page-top-pa .site-basic .user-wrap .c{display: inline-block;vertical-align: middle}
.page-top-pa .site-basic .user-wrap .c{margin-left: 15px}
.page-top-pa .site-basic .user-wrap i{ margin-right: 5px;}
.page-top-pb{ padding-top: 10px; padding-bottom: 10px; align-items: center}
.page-top-pb .logo{margin-bottom: 0; line-height: 1; font-size: initial;font-weight: 700;font-size: 22px}
.page-top-pb .logo img{max-height:50px;}
.page-top-pb .staff-wrap{display: flex; justify-content: center; flex-grow: 1;align-items: center}
.page-top-pb .staff-wrap .img-wrap{width: 50px; border-radius: 50%; overflow: hidden}
.page-top-pb .staff-wrap .comment{border:1px solid #ccc;border-radius: 4px; padding: 5px 10px; font-size: 13px; line-height: 16px; margin-left:15px; position: relative}
.page-top-pb .staff-wrap .comment:after,.page-top-pb .staff-wrap .comment:before{width:0;height: 0; right: 100%; top:50%; transform: translateY(-50%);content: ""; position: absolute; display: inline-block;}
.page-top-pb .staff-wrap .comment:before{ color: #ccc;border-top: 5px solid transparent;border-right: 9px solid;border-bottom: 5px solid transparent;}
.page-top-pb .staff-wrap .comment:after{border-top:4px solid transparent; border-bottom: 4px solid transparent; border-right: 7px solid; color: #fff}
.page-top-pb .tel-wrap{margin-left: auto}
.page-top-pb .tel-wrap>ul{display: flex;align-items: center;}
.page-top-pb .tel-wrap>ul .support{ color: #fff;border-radius: 4px; padding: 5px; font-size: 13px; line-height: 16px; margin-right: 5px}
.page-top-pb .tel-wrap>ul .tel-num{font-size: 26px; line-height:44px; position: relative; padding-left: 45px; letter-spacing: -.5px}
.page-top-pb .tel-wrap>ul .tel-num:before{content: "";display:block; width: 40px; height: 40px; position: absolute; left: 0; background-image: url("../images/sojson-tel.png"); background-position: 0 0; background-repeat: no-repeat; top:2px; animation: sojson-tel 1.4s steps(1) infinite}
@keyframes sojson-tel{25% {background-position: 0 -40px} 50%{background-position: 0 -80px} 75%{background-position: 0 -120px} }
@-webkit-keyframes sojson-tel{25% {background-position: 0 -40px} 50%{background-position: 0 -80px} 75%{background-position: 0 -120px} }
.page-top-pb .tel-wrap>ul .tel-info{border:1px solid #ececec;border-radius: 4px; padding: 5px; font-size: 13px; line-height: 16px; margin-left: 5px;}
.page-top-pb .mobile-menu-icon{display: none}
.main-nav-wrap{background-color: #866f5a;    color:#fff}
.main-nav>li>a{text-align: center; display: block; font-size: 16px; border-radius: 4px 4px 0 0; padding-top:12px; padding-bottom:12px; line-height:1; overflow: hidden; position: relative;color: #fff;}
.sub-nav-wrap{ position: relative; }
.sub-nav-wrap:before{position: absolute;top: 100%;right: 0;left: 0;z-index: 2;height: 24px;content: '';pointer-events: none;box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.2);}
.sub-nav-wrap .sub-nav .nav-l{flex-grow: 1; padding-right: 15px; padding-left: 15px}
.sub-nav-wrap .sub-nav .nav-l>ul{ height: 40px}
.sub-nav-wrap .sub-nav .nav-l>ul>li{ border-left: 1px solid #eaeaea}
.sub-nav-wrap .sub-nav .nav-l>ul>li a{display: block; text-align: center; position: relative}
.sub-nav-wrap .sub-nav .nav-l>ul>li.active a{color:#b9a38e }
.sub-nav-wrap .sub-nav .nav-l>ul>li.active a:before{content: "";position: absolute;bottom:0; height: 6px;background-color: rgba(18,170,156,.3); left: 0;width:100%;border-radius: 3px}
.sub-nav-wrap .sub-nav .nav-r{ margin-left: auto; padding-top: 5px;}
.sub-nav-wrap .sub-nav .nav-r a{display: block; line-height:30px; background-color: #f03752; color: #fff; padding: 0 20px; border-radius: 15px;}
.mobile-menu-overlay,.mobile-menu-top{display: none}
/*面包屑*/
.breadcrumbs-wrap>.breadcrumb li{ line-height: 44px}
/*页面头部banner*/
.page-title-header{height: 150px; border-radius: 4px; overflow: hidden;position: relative; margin-bottom: 30px; padding:40px 40px 0;background-repeat: no-repeat;background-position: 50%; background-size: cover}
.page-title-header .title{margin-bottom: 0; font-size: 24px; line-height: 1; font-weight: 600}
.page-title-header .sub-title{margin-top:10px; max-width:500px; text-overflow: ellipsis;white-space: nowrap; overflow: hidden}

/*修改第一屏相关*/
.home-swiper .img {
	position: relative;
	z-index: 1;
	text-align: center;
	margin: 0 auto;
	width: 1200px;
	overflow: hidden
}
.home-swiper .background-image-holder {
filter:blur(calc(30 * .062em))
}
.my-title-f{margin-bottom:15px; text-align: center; overflow: hidden}
.my-title-f .title{font-size: 24px; margin-bottom: 0; line-height: 1.2; display: inline-flex; position: relative; padding: 0 10px}
.my-title-f .title:before,.my-title-f .title:after{content: ""; position: absolute; top:13px; height: 2px; width: 50px; background-color:#b6decc; left: 100%}
.my-title-f .title:before{left: auto; right: 100%}
.home-lyfw-a{ background-color: #fff; margin-bottom: 60px; padding: 20px; border-radius: 4px; box-shadow: 0 12px 30px rgb(0 0 0 / 10%) }
.home-tel-a{text-align: center; color: #e74c3c; font-size: 26px; line-height:1; margin-bottom: 10px}
.home-zx-a,.home-kefu-ul{margin-left: -10px; margin-right: -10px}
.home-zx-a>li,.home-kefu-ul>li{padding: 0 10px}
.home-ts-ul>li{display: flex; margin-bottom: 10px}
.home-ts-ul>li:last-child{margin-bottom: 0}
.home-ts-ul>li .item{flex: 0 0 50px; min-width: 0}
.home-ts-ul>li .info{flex-grow: 1;min-width: 0; max-width: calc(100% - 50px)}
.home-kefu-ul>li:before{content: "\e7b1"; font-family: iconfont; margin-right: 4px}

.home-fuwu-item {
	position: relative;
	overflow: hidden;
	border-radius: 6px;
	display: flex;
	background-color: white;
	padding: 20px 10px
}
.home-fuwu-item .icons {
	flex: 0 0 60px;
}
.home-fuwu-item .icons i {
	font-size: 42px;
	line-height: 1;
	color: var(--primary)
}
.home-fuwu-item .txt {
	position: relative;
}
.home-fuwu-item .txt .title {
	font-size: 20px;
	letter-spacing: 2px;
	margin-bottom: 10px;
	line-height: 1.1;
	font-weight: 600
}
.home-fuwu-item .txt .desc {
	color: var(--gray)
}

.welcome-wrap {
	padding-top: 0!important;
	padding-bottom: 20px !important;
	border-bottom: 3px solid var(--primary)
}
.home-welcome {
	padding: 30px 40px;
	background-color: var(--white);
	border-radius: 8px;
	position: relative;
	box-shadow: var(--box-shadow-light);
	top: -30px
}
.home-welcome .title {
	font-size: 28px;
	line-height: 1.3;
	font-weight: 600;
	margin-right: 20px
}
.home-welcome .line {
	flex-grow: 1;
	min-width: 0;
	height: 1px;
	border-bottom: 1px gray
}
.home-welcome .tel {
	margin-left: 20px;
}
.home-welcome .tel .num {
	color: var(--secondary);
	font-size: 28px;
}
/*一条龙*/
.ytl-tc-container{background-color: #fff; border-radius: 4px; overflow: hidden; box-shadow: 2px 2px 6px 0 rgba(0,0,0,.2)}
.ytl-tc-container .tc-dx{color: #fff; background-color:#4e7ca1; text-align: center; padding:8px; }
.ytl-tc-container .tc-name{color:#4e7ca1; font-size: 26px; text-align: center; padding: 15px 10px; line-height: 1; font-weight: 600}
.ytl-tc-container .img-txt-item{ padding: 0 10px 10px}
.ytl-tc-container .img-txt-item .img-wrap{margin-right: 10px}
.ytl-tc-container .tc-vip{ color: #fff; text-align: center; background-color: #989898; line-height:24px; border-radius: 12px; margin: 10px 0}
.ytl-tc-container .tc-tz{border-radius: 4px; padding: 5px; background-color: #f4f4f4;}
.ytl-tc-container .tc-price .tips .fangwei{border:1px solid #f34718;display:inline-block;line-height:1;padding:3px;color:#f34718;border-radius:4px;margin-bottom:5px }
.ytl-tc-container .tc-price .price-num{text-align: right;}
.ytl-tc-container .tc-price .price-num span{font-size:32px; line-height: 1.3; color:  #f34718; font-weight: 700; letter-spacing: -1px}
.ytl-tc-container .tc-price .price-num span:before,.binzang-ytl-detail-list>li .tc-title .tc-price:before {content: "\ffe5"; font-size: 12px; font-weight: 400}
.ytl-tc-container .show-more{text-align: center; position: relative; margin-top: 10px}
.ytl-tc-container .show-more:after{content: ""; height: 0; border-top:1px solid #eaeaea; width: 100%; left: 0; top:50%; position: absolute}
.ytl-tc-container .show-more span,.ytl-tc-container .show-more a{position: relative; background-color: #fff; display: inline-block; padding: 2px 6px; z-index: 2; font-size: 15px; line-height: 1; color: #b9a38e}
.ytl-tc-container.c-2 .tc-dx,#binzang-ytl-b .tc-title{background-color: #207f4c}
.ytl-tc-container.c-2 .tc-name{color:#207f4c;}
.ytl-tc-container.c-3 .tc-dx,#binzang-ytl-c .tc-title{background-color: #7e1671}
.ytl-tc-container.c-3 .tc-name{color:#7e1671;}
.ytl-tc-container.c-4 .tc-dx,#binzang-ytl-d .tc-title{background-color: #a28f5f}
.ytl-tc-container.c-4 .tc-name{color:#a28f5f;}
/*内容区域*/
.title-a-a{ margin-bottom: 30px; text-align: center}
.title-a-a .title{font-size: 28px; line-height: 1; margin-bottom: 0; font-weight: 700; display: inline-block}
.title-a-a .subtitle{font-size: 18px; margin-bottom: 0; margin-top: 8px; font-weight: 300; line-height: 1.2}
.title-a-a:after{content: ""; display: block; margin: 10px auto 0; height: 4px; border-radius: 2px; width: 60px;}
.title-c-a{display: flex; display: -ms-flexbox; margin-bottom: 20px; flex-wrap: wrap;}
.title-c-a .title{font-size: 22px; line-height: 1; margin-bottom: 0;padding-left: 15px; position: relative; padding-right: 15px; font-weight: 700}
.title-c-a .more{ margin-left: auto}
.title-c-a.width-border:after,.title-c-a.width-border-lg:after{ content: ""; height: 1px;margin-top: 12px; display: block; flex-basis: 100%}
.title-c-b{ margin-bottom: 15px;}
.title-c-b .title,.title-c-d .title{font-size:20px; font-weight: 700; display: inline-block; line-height: 1; margin-bottom: 0; padding-left: 15px; position: relative}
.title-c-b .title:before,.title-c-a .title:before{content:""; display:block; width:4px; height:100%; position: absolute; left: 0;border-radius: 2px}
.title-c-b .more{ float: right;}
.title-c-a .more>a:after,.title-c-b .more>a:after{content: ">>"; font-family: iconfont;display: inline-block; min-width: 14px;}
.title-c-b.width-border:after{ content: ""; display: block; height: 1px;margin-top: 10px}
.title-c-d {text-align: center; margin-bottom: 20px; overflow: hidden}
.title-c-d .title{padding-right:15px}
.title-c-d .title:before,.title-c-d .title:after{content: ""; position: absolute; height: 1px; display: block;top:10px; width: 100px}
.title-c-d .title:before{right: 100%}
.title-c-d .title:after{left: 100%}
.title-c-d .subtitle{margin-bottom: 0; margin-top: 5px}
.aside-block{ margin-bottom: 25px;}
.pagination-wrap{ margin-top: 30px; margin-bottom:30px;}
.main-wrap-left{ margin-bottom: 20px}
.main-wrap-left .width-bg-content{ padding: 20px; border-radius: 4px}
.filter-mobile-show{display: none}
.filter-item-wrap .filter-item{padding: 15px}
.filter-item-wrap .filter-item>ul{display: flex;flex-wrap: wrap;}
.filter-item-wrap .filter-item>ul>li{padding-right: 10px; padding-bottom: 10px;}
.filter-item-wrap .filter-item>ul>li>a{display: block}
.filter-item-wrap .filter-item>ul>li>a>span{ margin-left: 2px; font-size: 12px; position: relative;top:-1px}
.filter-item-wrap .filter-item>ul>li>a>span:before{content: "("}
.filter-item-wrap .filter-item>ul>li>a>span:after{content: ")"}
/*底部*/
.page-footer-wrap{ padding-top: 30px; padding-bottom:60px;}
.page-footer-wrap .f-logo{ margin-bottom: 15px;}
.page-footer-wrap .f-logo img{max-height: 40px;}
.page-footer-wrap .tel i,.page-footer-wrap .add i{ margin-right: 4px}
.footer-article-wrap{ padding-left: 30px;}
.footer-article-wrap .f-title{font-size: 18px;font-weight: 700}
.footer-article-wrap .row > [class*="col-"]{margin-top: 15px;}
.page-footer-wrap .copyright{border-top:1px solid rgba(255,255,255,.2); padding-top: 20px; margin-top: 20px}
.page-footer-wrap a:hover{text-decoration: underline}
/*===仅针对pc端===*/
@media (min-width: 769px){
/*陵园优势*/
.home-welcome {
    display: flex;
    align-items: center;
}
/*字号*/
.fs-lg-32{font-size: 32px !important}
.fs-lg-28{font-size: 28px !important}
.fs-lg-24{font-size: 24px !important}
.fs-lg-22{font-size: 22px !important}
.fs-lg-20{font-size: 20px !important}
.fs-lg-18{font-size: 18px !important}
.fs-lg-16{font-size: 16px !important}
.fs-lg-15{font-size: 15px !important}
.fs-lg-14{font-size: 14px !important}
.fs-lg-12{font-size: 12px !important}	
/*图文 基本*/	
.img-txt-item.img-top-lg{flex-wrap: wrap;-ms-flex-wrap: wrap;}/*pc端 图片在顶部*/
.img-txt-item.img-top-lg .txt-wrap{padding-top:10px;}
.img-txt-item.img-top-lg .txt-wrap .title{font-size: 16px;}
.img-txt-item.img-top-lg .img-wrap,.img-txt-item.img-top-lg .txt-wrap{ flex:0 0 100%; max-width: 100%}
.img-txt-item.img-top-lg .img-wrap{margin-right: 0}
.img-txt-item.img-top-lg .txt-wrap .sojson-price.abolute{right:0; top:10px}
.img-txt-item.img-left-lg .img-wrap{margin-right:20px; margin-left:0; order:-1 !important }
.img-txt-item.hidden-desc-lg .txt-wrap .desc{display: none}
.img-txt-item.w-lg-80 .img-wrap{flex-basis:80px; max-width: 80px}/*针对pc端 主要是右侧 不同宽度*/
.img-txt-item.w-lg-90 .img-wrap{flex-basis:90px; max-width: 90px}
.img-txt-item.w-lg-100 .img-wrap{flex-basis:100px; max-width: 100px }
.img-txt-item.w-lg-110 .img-wrap{flex-basis:110px; max-width: 110px}
.img-txt-item.w-lg-120 .img-wrap{flex-basis:120px; max-width: 120px}
.img-txt-item[class*="w-lg-"] .img-wrap{ margin-right: 10px}
.img-txt-item[class*="w-lg-"] .txt-wrap .title{font-size: 16px;}
/*模块分割 pc*/
.divider-line.pmb-lg-10>li{padding-bottom:10px; margin-bottom:10px}
.divider-line.pmb-lg-20>li{padding-bottom:20px; margin-bottom:20px}
.divider-line.no-line-lg>li{border-width: 0; padding-bottom: 0}
.divider-line.pmb-lg-10>li:last-child,.divider-line.pmb-lg-20>li:last-child{padding-bottom:0; margin-bottom:0}
/*内容区域*/
.aside-block.width-bg{ padding-top: 15px; padding-bottom: 15px; border-radius: 4px}
.aside-block.width-bg .aside-body{ padding-left: 12px; padding-right: 12px}
.title-c-b.width-border-lg:after{ content: ""; display: block; height: 1px;margin-top: 10px}
.main-nav>li.active>a:after{content: "";position: absolute;
    font-size: 0;
    line-height: 0;
    border-color: #fff;
    border-style: dashed;
    border-bottom-style: solid;
    border-bottom: px;
    border-left-color: transparent;
    border-right-color: transparent;
    left: 45%;
    height: 55px;
    top: -14px;
    border-width: 8px;}
/*按钮等*/
.btn.btn-lg-little{ padding:2px 8px;}
.btn.btn-lg-little.btn-circle{border-radius: 14px;}
.btn.btn-lg-large{font-size: 16px}
/*====pc端结束====*/
}
/*===仅针对M端===*/
@media (max-width:768px) {
/*基本*/
html {
	overflow-x: hidden
}
body {
	font-size: 13px;
	height: 100%
}
body.ovhidden {
	overflow-x: hidden
}
.font-sm-b {
	font-weight: 600
}

/*区块 字号*/
.fs-sm-24{font-size: 24px !important}
.fs-sm-22{font-size: 22px !important}
.fs-sm-20{font-size: 20px !important}
.fs-sm-18{font-size: 18px !important}
.fs-sm-17{font-size: 17px !important}
.fs-sm-16{font-size: 16px !important}
.fs-sm-15{font-size: 15px !important}
.fs-sm-14{font-size: 14px !important}
.fs-sm-12{font-size: 12px !important}
.sojson-page-comtent{transition: transform .35s cubic-bezier(.215, .61, .355, 1), -webkit-transform .35s cubic-bezier(.215, .61, .355, 1); min-height: 100vh}
.sojson-page-comtent.active{-webkit-transform: translateX(-300px);transform: translateX(-300px); }	
/*图文 基本*/
.img-txt-item .img-wrap{flex-basis:30%; margin-right: 10px; max-width: 30%}
.img-txt-item .txt-wrap .title,.text-list>li,.txt-item .title,.comment-item.aside .comment-wrap .title,.comment-item .comment-wrap .title{ font-size: 17px; }
.img-txt-item .txt-wrap .title{position: relative; margin-top:-2px;}
.img-txt-item .txt-wrap .meta>li:not(:last-child),.comment-item .comment-wrap .meta>li:not(:last-child){margin-right:5px;}
.img-txt-item .txt-wrap .desc,.txt-item.hidden-desc-sm .desc{display: none}
.img-txt-item .txt-wrap .sojson-price.abolute{right:0; top:-3px}
.img-txt-item.img-right .img-wrap,.img-txt-item.img-left-lg .img-wrap{margin-left:10px;}
.img-txt-item.img-left .img-wrap{ margin-right: 10px}
.img-txt-item.img-left-lg .img-wrap{margin-right: 0}
.img-txt-item.show-desc-sm .txt-wrap .desc,.img-txt-item.hidden-desc-lg .txt-wrap .desc,.txt-item .desc{font-size: 12px;display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 2;}
.img-txt-item.img-top-sm{flex-wrap: wrap;-ms-flex-wrap: wrap;}
.img-txt-item.img-top-sm .img-wrap{ margin-right: 0; margin-left: 0}
.img-txt-item.img-top-sm .img-wrap,.img-txt-item.img-top-sm .txt-wrap{flex:0 0 100%; max-width: 100%;}
.img-txt-item.img-top-sm .txt-wrap{ padding-top: 10px;}
.img-txt-item.img-top .txt-wrap .title,.img-txt-item.img-top-sm .txt-wrap .title{margin-top: 0}
.text-list>li a{display: block;}
.text-list>li{padding-bottom: 10px;border-bottom-width: 1px; border-bottom-style: solid}
.text-list>li:last-child{border-bottom: 0; padding-bottom: 0}
/*评论区域 M*/
.comment-item .user-wrap{flex:0 0 24px; margin-right:10px; max-width:24px;}
.comment-item .user-wrap img{width:24px; height:24px;}
/*模块分割线*/
.divider-line>li{padding-bottom: 10px; margin-bottom: 10px}
.divider-line.pmb-sm-15>li{padding-bottom:15px; margin-bottom:15px}
.divider-line.pmb-sm-15>li:last-child{padding-bottom: 0; margin-bottom: 0}
.aside-divide-sm{margin-left: -15px; margin-right: -15px; height:5px; display: block; margin-top:20px;margin-bottom:20px}
.col-width-divide-sm>[class*="col-"]{ margin-bottom: 20px;}
.col-width-divide-sm>[class*="col-"]:not(:last-child){padding-bottom:20px; border-bottom-style: solid; border-bottom-width: 5px}
.col-width-line-sm>[class*="col-"]:not(:last-child):after{ border-width: 0 0 1px 0; border-style: solid;display: block; content: ""; margin-bottom: 15px; height: 0;margin-top: 15px}
.col-mb-sm-3>[class*="col-"]:not(:last-child){ margin-bottom: 15px}
/*top*/
.header-container{ position: relative}
.header-container:before{position: absolute;top: 100%;right: 0;left: 0;z-index: 2;height:12px;content: '';pointer-events: none;box-shadow: inset 0 8px 12px -12px rgba(0, 0, 0, 0.2);}
.page-top-pa .site-basic .city{ margin-left: 0}
.page-top-pa .site-basic .city>span{ line-height: 35px}
.page-top-pa .site-basic .user-wrap .c{margin-left: 6px}
.page-top-pb .tel-wrap,.page-top-pb .staff-wrap{display: none}
.page-top-pb .logo img{max-height:35px;}
.page-top-pb .mobile-menu-icon{display: block;
    margin-left: auto;
    font-size: 10px;
    line-height: 34px;
    text-align: right;}
.page-top-pb .mobile-menu-icon:before{content: "\e696"; font-family: iconfont;font-size: 30px;}		
.menu-container{position: absolute; width: 300px; top:0;left: 100%; height: 100%;z-index:99;display: none}
.mobile-menu-overlay{position:absolute; right:100%; background-color:rgba(0,0,0,.4);box-shadow: 2px 0 6px rgba(0, 0, 0, .2);width: 100%;top:0;bottom:0 }
.mobile-menu-overlay.active,.menu-container.active	{display: block}
.mobile-menu-top{display: block; border-bottom: 1px solid #ececec; padding: 10px 15px}
.mobile-menu-top .home-btn>a{display: block; line-height: 32px; padding: 0 15px; border-radius: 4px; background-color: #fff; font-size: 16px}
.mobile-menu-top .home-btn>a:before{content: "\e6cb"; font-family: iconfont; display: inline-block; margin-right: 5px; }
.mobile-menu-top .mobile-menu-close{ line-height: 32px; padding: 0 15px; color: #fff;border-radius: 4px;}
.mobile-menu-top .mobile-menu-close:before{content: "\e659"; font-family:iconfont;display: inline-block; margin-right: 5px; }
.mobile-menu-top:after{display: block; height: 0; clear: both; content: ""}
	.main-nav-wrap{background-color: #fff;    color:#b2b2b2}
.main-nav>li:first-child{display: none}
.main-nav>li:not(:last-child){border-bottom: 1px solid #ececec}	
.main-nav>li>a{text-align:left;border-radius:0; padding-top:12px; padding-bottom:12px;line-height: 1.5; padding-left:24px;    color: #2b2b2b;}
.main-nav>li>a:before{ font-family: iconfont; position: absolute; left: 0; font-size: 18px;top:10px}	
.main-nav>li:nth-child(2)>a:before{content: "\e602"}
.main-nav>li:nth-child(3)>a:before{content: "\e611"}
.main-nav>li:nth-child(4)>a:before{content: "\e610"}
.main-nav>li:nth-child(5)>a:before{content: "\e60f"}
.main-nav>li:nth-child(6)>a:before{content: "\e60e"}
.main-nav>li:nth-child(7)>a:before{content: "\e604"}
.main-nav>li:nth-child(8)>a:before{content: "\e612"}
.main-nav>li:nth-child(9)>a:before{content: "\e605"}
.main-nav>li>a:after{content: "\e618"; font-family: iconfont; position: absolute; right: 0; font-size: 10px; top:16px }
.main-nav>li.active>a{ background-color:transparent; font-weight: 700}
.sub-nav-wrap .sub-nav .nav-l{flex: 0 0 100%; padding-right: 10px; padding-left: 10px}
.sub-nav-wrap .sub-nav .nav-l>ul{ height:auto}
.sub-nav-wrap .sub-nav .nav-l>ul>li{ border-left: 0; padding-top: 10px}
.sub-nav-wrap .sub-nav .nav-l>ul>li a{ line-height:36px; border: 1px solid #ececec; border-radius: 4px}
.sub-nav-wrap .sub-nav .nav-r{ margin-left: auto; padding-top: 10px; flex:0 0 100%; padding-left: 10px; padding-right: 10px; padding-bottom: 20px}
.sub-nav-wrap .sub-nav .nav-r a{ text-align: center; line-height: 40px; border-radius: 20px}
.sub-nav-wrap:before{display: none}
.breadcrumb{display: none}
/*页面头部banner*/
	.background-image-holder {
    background-size: cover !important;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
    position: absolute;
		
    left: 0;
    top: 0;
}
	.home-swiper .img {
	width: 100%;
}
.page-title-header{padding:28px 14px; height: auto; margin-left: -10px; margin-right: -10px; margin-bottom: 20px}
.page-title-header .title{font-size:20px; max-width: 40%; overflow: hidden; white-space: nowrap; text-overflow: clip}
.page-title-header .sub-title{display: none}
.breadcrumbs-wrap{overflow-x: scroll}
.breadcrumbs-wrap>.breadcrumb li{ line-height: 36px;}
/*底部*/
.page-footer-wrap .f-logo img{max-height: 25px; }
.footer-article-wrap{ padding-left: 0; padding-top: 20px; border-top:1px solid rgba(255,255,255,.2); margin-top: 20px}
.footer-article-wrap .f-title{font-size: 18px;}	
/*内容区域*/
.aside-wrap-right{ border-top-width:5px; border-top-style: solid; padding-top: 20px}
.title-a-a{ margin-bottom: 20px; }
.title-a-a .title,.title-c-a .title,.title-c-b .title,.title-c-d .title{font-size: 18px;}
.title-a-a .subtitle{font-size: 15px;font-weight:400}	
.title-c-a.width-border-lg:after{display: none}
.title-c-a.width-border-sm:after{ content: ""; height: 1px;margin-top: 12px; display: block; flex-basis: 100%}
.title-c-b .more>a,.title-c-a .more>a{font-size: 16px; line-height:19px;font-weight: 700}
.title-c-b.width-border-sm:after{ content: ""; display: block; height: 1px;margin-top: 10px}
.title-c-d .title:before,.title-c-d .title:after{max-width:100%; width: 50px}
.filter-item-wrap .filter-item{ position: absolute; z-index:8;box-shadow:0 0 6px 0 rgba(0,0,0,.15);top:100%; padding: 10px; display:none; border-radius: 0 0 4px 4px }
.filter-item-wrap .filter-item.active{display: block}
.filter-mobile-show{display: block; padding: 10px; border-style: solid; border-width: 1px; min-height: 40px; font-size: 15px; line-height: 1}
.pagination-wrap {margin-top: 20px; margin-bottom: 20px;}
.label{font-size: 12px; line-height: 18px}
.aside-block{ margin-bottom: 20px}	
	
	
	
		.page-bottom-sticky-m {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    background-color: #fff;
    z-index: 90;
    filter: drop-shadow(0 0 8px rgba(0,0,0,.2));
}
	.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	.page-bottom-sticky-m>ul>li {
    text-align: center;
}
	.col-xs-1-5, .ed-xs-5>div, .ed-xs-5>li {
    width: 33%;
}.page-bottom-sticky-m>ul>li {
    text-align: center;
}
	.page-bottom-sticky-m>ul>li:not(.m-tel)>a {
    padding-top: 8px;
}.page-bottom-sticky-m>ul>li>a {
    display: block;
    background-color: transparent;
	
}.page-bottom-sticky-m>ul>li.m-home .img {
    background-image: url(m-home-1.png);
}.page-bottom-sticky-m>ul>li.m-cemetery .img {
    background-image: url(m-cemetery-1.png);
}.page-bottom-sticky-m>ul>li.m-discount .img {
    background-image: url(m-discount-1.png);
}.page-bottom-sticky-m>ul>li.m-online .img {
    background-image: url(m-online.png);
}
	.page-bottom-sticky-m>ul>li.m-tel .img-b {
    background-color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: -20px auto -5px;
    color: #fff;
    text-align: center;
    position: relative;
    padding-top: 3px;
}.page-bottom-sticky-m>ul>li.m-tel .img-b i {
    font-size: 25px;
    line-height: 45px;
    display: block;
    background-color: #31c127;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    margin: 0 auto;
    -webkit-animation: twinkling 3s infinite ease-in-out;}



@-webkit-keyframes twinkling{50%{opacity:1}75%{opacity:0}100%{opacity:1}}

	.page-bottom-sticky-m>ul>li span {
    font-size: 12px;
    display: block;
    line-height: 24px;
    font-weight: 600;
}
	.page-bottom-sticky-m>ul>li .img {
    height: 20px;
    width: 25px;
    margin: 0 auto;
    background-position: 50% 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}
	
	
	
.home-lyfw-a{margin: -20px -15px 20px -15px; border-bottom: 4px solid #f0f9f5; box-shadow: none}
.home-tel-a{ font-size: 22px; font-weight: 600;  margin-bottom: 10px}
.home-zx-a,.home-kefu-ul{margin-left: -5px; margin-right: -5px}
.home-zx-a>li,.home-kefu-ul>li{padding: 0 5px}
.home-ts-ul>li{margin-bottom: 10px}
.xuanmu-zy{padding: 10px}
.home-fuwu-item {
	padding: .2rem .1rem;
	text-align: center;
	flex-direction: column;
	height: 100%
}
.home-fuwu-item .icons {
	margin-bottom: 4px;
	flex: 0 0 auto
}
.home-fuwu-item .icons i {
	font-size: .52rem
}
.home-fuwu-item .txt .title {
	font-size: .24rem;
	margin-bottom: 0;
	letter-spacing: 0;
	line-height: 1.3
}
.home-fuwu-item .txt .desc {
	font-size: .24rem;
	display: none
}
	
.sojson-page-comtent .title, .home-why-row .txt .title {
	font-size: 18px;
}
.img-txt-item.home-news .img-wrap {
	border-radius: 8px
}
.home-why-row .img {
	height: 4rem
}
.home-why-row .txt {
	padding-top: .4rem;
	padding-bottom: .6rem;
	padding-left: .3rem;
	padding-right: .3rem
}
.welcome-wrap {
	padding-bottom: .2rem !important
}
	/*结束*/
}