@charset "utf-8";
:root {
--primary:#108676;
--secondary:#bd3451;
--primary-dark:#0d675b;
--primary-light:#c3ece7;
--page-bgcolor:#ecf7f6;
--white:#fff;
--gray:#888;
--gray-a:#f6f6f6;
--gray-b:#ececec;
--gray-c:#f4f4f4;
--gray-d:#a6aca9;
--gray-e:#dadada;
--txt-color:#5a5a5a;
--orange:#f97d1c;
--gold-a:#ffd76e;
--cyan:#16a085;
--success:#54d98c;

}

















.content-wrap {
	width:100%;
	margin-right:auto;
	margin-left:auto;
}
.page-main {
/*	padding-bottom:100px;*/
	min-height:calc(100vh - 370px);
}
.home-block>li {
	padding-top:36px;
	padding-bottom:36px;
}
.home-block>li:nth-child(odd) {
background-color:var(--white)
}
.home-block>li .btn-wrap {
	text-align:center
}
.home-block>li.home-why {
	padding-top:0;
	padding-bottom:0;
	background-color:#0c3b2e;
	color:var(--white);
	padding-bottom:10px;
}
.home-jieshao .tips, .home-why-row .txt .tips {
	color:var(--primary);
	letter-spacing:2px;
	margin-bottom:10px;
	font-size:20px;
	font-weight:bold;
	
}
.home-jieshao .title, .home-why-row .txt .title {
	font-size:14px;
	font-weight:600;
	margin-bottom:20px;
}
.home-why-row .txt .tips {
	color:var(--white)
}
.home-why-row .txt {
	padding-top:40px;
	padding-bottom:80px;
	padding-left:40px;
	max-width:570px;
}
.home-why-row .txt .title {
	color:#ccc;
	line-height:30px;
}

.row, .portfolio {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.row {
	margin-right:-15px;
	margin-left:-15px;
}

.no-gutters {
/*	margin-right:0;
	margin-left:0;*/
	    width: 86%;
    margin: 0 auto;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
padding-right:0;
padding-left:0;
}

.col-lg-2 .col-sm-4 .col-lg-6{
	position:relative;
	width:100%;
	padding-right:15px;
	padding-left:15px;
}

.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;
}

.container, .container-fluid {
	width:100%;
	margin:0 auto;
}
.tsx-title-a {
	text-align:center;
	margin-bottom:30px;
	overflow:hidden
}
.tsx-title-a .title {
	font-size:28px;
	font-weight:600;
	display:inline-block;
	margin-bottom:0;
	padding-left:20px;
	padding-right:20px;
	position:relative
}
.tsx-title-a .title:before, .tsx-title-a .title:after {
	position:absolute;
	height:4px;
	width:100px;
	display:block;
	content:"";
	background-image:url("../web-img/page-all-icons.png");
	background-position:0% 0%;
	background-repeat:repeat-x;
	top:14px;
}
.tsx-title-a .title:before {
	right:100%
}
.tsx-title-a .title:after {
	left:100%
}
.tsx-title-a .desc {
	margin-top:10px;
	font-size:16px;
}

.lc-item {
	text-align:center;
	position:relative;
	z-index:1
}
.lc-item:after {
	position:absolute;
	content:"";
	height:2px;
	background-color:#6d9773;
	width:100%;
	top:30px;
	z-index:-1;
	left:0;
}
.lc-item:before {
	position:absolute;
	content:"";
	width:10px;
	height:10px;
	background-color:#6d9773;
	border-radius:50%;
	top:25px;
	right:-4px;
}
.lc-item.first:after {
	width:50%;
	left:50%;
}
.lc-item.last:after {
	width:50%
}
.lc-item.last:before {
	display:none
}
.lc-item .img {
	margin:0 auto;
	width:88px;
	height:88px;
/*	padding-top:4px;*/
	background-color:#6d9773;
	border-radius:50%;
	
}
.lc-item .img img {
	width:88px;
	border-radius:50%
}
.lc-item .title {
	font-size:18px;
	font-weight:600;
	margin-top:10px;
	color:#0c3b2e;
}
.lc-item .desc {
	margin-top:10px;
	padding:0 10px;
}

.lc-item.first:after {
	width:50%;
	left:50%;
}
	.col-lg-2{width:16%;}
	.daohang{display:none;}
	.scroll-container{display:none;}
	
	.intro ul li span{float: left;
    width: 15%;
    text-indent: 0;
	color:#fff;
}

.intro ul li b{width:84%; float:left; color:#FFF; text-indent:0;}

.intro div span{width:15%; color:#FFF; float:left; text-indent:0; margin-bottom:5%;}
.intro div b{width:85%; color:#FFF; float:left; text-indent:0; font-weight:bold; margin-bottom:5%;}
	
	
	
@media (min-width:769px) {

.content-wrap {
min-width:1170px
}
.col-lg-6 {
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.home-swiper .background-image-holder {
filter:blur(calc(30 * .062em))
}
}



.news {width:100%; margin:0 auto; background-color:#f5f5f5; padding-bottom:2%;}
.news1 {width:80%; margin:0 auto;}
.news1 h3{line-height:70px; font-size:24px; font-weight:bold;}
.news1 ul li{width:28%; padding:1%; background-color:#fff; border-radius: 5%;     display: inline-block; margin:1%;}
.news1 ul li img{width:100%; border-radius: 5%;}
.news1 ul li h4{line-height:45px;}
.intro{text-indent:20px;}
.news1 ul li div{ line-height:28px; color:#6d6d6d;}


/*购墓流程*/
.container-liuc{width:61%; margin:0 auto;}
.gmlc .lcbox .tt1{background: #eff8f5;border: 1px solid #bde3d5;padding: 24px 30px;font-size: 14px;line-height: 25px;}
.gmlc .lcbox .tt1 .tt2{font-size: 18px;font-weight: bold;margin-bottom: 10px;line-height: 30px;}
.gmlc .lcbox .tt3{font-size: 0;margin: 10px -15px 0;}
.gmlc .lcbox .tt3 .tt4{display: inline-block;vertical-align: top;width: calc(21.33% - 30px);margin: 30px 15px 0;background: #eff8f5;border: 1px solid #bde3d5;line-height: 30px;padding: 6px 6px 6px 100px;position: relative;font-size: 16px;color: #000;}
.gmlc .lcbox .tt3 .tt4 div{position: absolute;left: 0;top:0;width: 85px;text-align: center;line-height: 30px;padding: 6px 3px;font-weight: bold;}
.gmlc .lcbox .tt3 .tt4:before{content: "";width: 1px;height: 100%;background: #bde3d5;position: absolute;left: 85px;top:0;}
.gmlc .lcbox .tt3 .tt4:after{content: "";width: 17px;height: 12px;background: url("../image/tu17.png") no-repeat center center/contain;position: absolute;right: -24px;top:15px;}
.gmlc .lcbox .tt3 .tt4:nth-child(3n):after{display: none;}
.gmlc .lcbox .tt3 .tt4:nth-last-of-type(1):after{display: none;}
.gmlc .lcbox .tt5{font-size: 20px;margin-top: 30px;line-height: 36px;}
.gmlc .lcbox .tt5 b{color: #ff5a00;}

/*服务流程*/
.fwlc{background: #eff8f5; padding-block: 1%; margin-top:2%;}
.fwlc .lcbox .tt3{font-size: 0;margin: -20px -10px 0;}
.fwlc .lcbox .tt3 .tt4{display: inline-block;vertical-align: top;width: calc(25% - 20px);margin: 20px 10px 0;background: #fff;border: 1px solid #bde3d5;line-height: 30px;padding: 8px 6px 6px 85px;position: relative;font-size: 15px;color: #000;}
.fwlc .lcbox .tt3 .tt4 div{position: absolute;left: 0;top:0;width: 70px;text-align: center;line-height: 30px;padding: 6px 3px;font-weight: bold;}
.fwlc .lcbox .tt3 .tt4 div img{max-width: 60px;max-height: 26px;}
.fwlc .lcbox .tt3 .tt4:before{content: "";width: 1px;height: 100%;background: #bde3d5;position: absolute;left: 70px;top:0;}

/*安葬流程*/
.aclc .lcbox .tt1{position: relative;border-bottom: 1px solid #bde3d5;font-size: 16px;line-height: 26px;padding: 20px 0 20px 90px;}
.aclc .lcbox .tt1 div{position: absolute;left: 0;top:20px;width: 75px;text-align: center;line-height: 26px;font-weight: bold;font-family: 'Arial';font-size: 18px;border-right: 1px solid #bde3d5;}

.div1{width:94%; text-align:center; font-size:30px; font-weight:bold; margin:0 auto; line-height:50px; margin-top:2%;}
.div2{width:94%; text-indent:20px; font-size:16px; color:#666; margin:0 auto; line-height:40px;}

@media (max-width:768px) {
	    .fwlc{margin-top:5%;}
		.container-liuc{width:94%;}
		/*购墓流程*/
		
    .gmlc .lcbox .tt3{margin: 20px -15px 0;}
    .gmlc .lcbox .tt3 .tt4{width: calc(65% - 30px);margin: 20px 15px 0;}
    .gmlc .lcbox .tt3 .tt4:nth-child(3n):after{display: block;}
    .gmlc .lcbox .tt3 .tt4:nth-child(2n):after{display: none;}
    .gmlc .lcbox .tt3 .tt4:nth-last-of-type(1):after{display: none;}
    .gmlc .lcbox .tt5{font-size: 18px;    width: 72%;
    text-align: center;
    margin: 0 auto;
    line-height: 32px;
    margin-top: 5%;}

    /*服务流程*/
    .fwlc .lcbox .tt3 .tt4{width: calc(67.33% - 20px);}
.fwlc .lcbox .tt3 .tt4{margin: 20px -15px 0 5%;}

  .aclc .lcbox .tt1{font-size: 14px;padding: 15px 0 15px 54px;}
    .aclc .lcbox .tt1 div{top:15px;width: 40px;font-size: 16px;}


.intro ul{width:100%; color:#FFF; float:left;}
.intro ul li{width:48%; float:left; }
.intro ul li span{float: left;
    width: 45%;
    text-indent: 0;
	color:#fff;
}
.intro ul li b{width:54%; float:left; color:#FFF; text-indent:0;}
.intro div{width:100%}
.intro div span{width:22%; color:#FFF; float:left; text-indent:0; margin-bottom:5%;}
.intro div b{width:75%; color:#FFF; float:left; text-indent:0; font-weight:bold; margin-bottom:5%;}
.intro p{text-indent:20px;}
.xinxi{display:block; margin-top:3%; width:100%; }
	.xinxi ul{margin:0 auto; padding:0; width:100%;   float:left; margin-top:4%; padding: 0 0 2% 2%;}
	.xinxi ul li{width:44%; float:left; padding:2%; /* padding:4% 0 4% 2%; text-align:center; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; */ line-height:50px;  background-color:#f4f7fb;  margin:2%;border-radius: 5px;     background-size: 100%; height:81px; background-repeat:no-repeat;}
	.xinxi ul li a{width:100%; height:56px; float:left;}
	.xinxi ul li:nth-child(2n){border-right: 0;}
	.xinxi ul li img{margin-top:2px; }
	.xinxi ul li a{color:#000}
	
/*殡葬	*/
	
.by_taocan{width:100%;}
.by_taocan_1{width:100%; margin:0 auto;}
.by_taocan_1_left{width:92%; margin:0 auto;}
.by_taocan_1_r{width:92%;  background-color:#fff; margin:0 auto;}
.by_taocan_1_left ul li{width:23%; height:30px;  color:#a8a8a8; text-align:center; line-height:30px; font-size:12px; font-weight:bold;cursor:pointer;display: inline-block;border-radius: 5px; }
.by_taocan_l_left ul li:active,
.by_taocan_l_left ul li.current{color: #bf0000;}

										 .by_taocan_1_left ul li.current{
	 color:#C00;
}
.by_taocan_l_biaot{width:100%;font-size:24px; text-align:center; font-weight:bold; padding:10px 0;}
.box{width:100%; box-sizing: border-box;	}
.by_taocan_1_r_box_1{text-align:center; width:100%;  color:#bf0000; font-size:18px;    padding: 10px 0;}
.box ul{width:100%;}
.box ul li{width:100%; line-height:30px;}
.box ul li span{text-align:right; margin-right:2px; width:26%; color:#999999;display: inline-block; font-size:12px;}
.box ul li p{width:70%; display: inline-block; font-size:12px;}
 .secb_gengduo {
    width: 30%;
    margin: 0 auto;
    background-color: #f2f2f2;
    border-radius: 50px;
    text-align: center;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 10px;
	font-size:12px;
}






		.daohang{display:block; margin-top:2%; width:100%; }
	.daohang ul{margin:0 auto; padding:0; width:93%;/*  float:left;*/}
	.daohang ul li{width:25%; float:left; text-align:center; padding-bottom:4%; }
	.daohang ul li a{color:#000; font-size:12px;}
	.daohang ul li img{width:55%; margin:5%;}
	.news1 {width:94%; margin:0 auto;}
	.news1 h3{ font-size:24px; font-weight:bold; }
	.news1 ul li{width:96%; padding:1%; background-color:#fff; border-radius: 5%; margin: 2% 0;}
.news1 ul li img{width:30%; border-radius: 5%; float:left; margin:1% 2%;}
.news1 ul li h4{line-height:20px; font-size:14px; }
.intro{text-indent:20px;}
.news1 ul li div{ line-height:18px; color:#6d6d6d; font-size:12px;}
	
	.col-lg-2{width:33%;}
	.home-block>li {
padding-top:.4rem;
padding-bottom:.4rem
}
.home-jieshao .title, .home-why-row .txt .title {
font-size:.90rem;
margin-bottom:.3rem;
}
.home-why-row .img {
height:22rem;
width:100%;
/*height:60%;*/
margin:7% 0;
}
.home-why-row .img img{width:100%;border-radius: 10%;}
.home-why-row .txt {
padding-top:.4rem;
padding-bottom:.6rem;
padding-left:.3rem;
padding-right:.3rem
}
.no-gutters-sm {
margin-right:0;
margin-left:0;
}
.no-gutters-sm > .col, .no-gutters-sm > [class*="col-"] {
padding-right:0;
padding-left:0;
}
.home-ts>li .ts-title {
font-size:14px;
font-weight:600;
color:#FFBA00;
line-height:30px;
}
.home-ts>li .desc {
/*margin-top:.1rem;*/
font-size: 14px;
    color: #f2f2f2;
}
.home-ts>li .ts-title:before {
width:.2rem;
height:4px;
left:-.14rem;
top:.18rem
}
.tsx-title-a {
margin-bottom:.5rem;
}
.tsx-title-a .title {
font-size:1.44rem;
padding-left:.2rem;
padding-right:.2rem;
line-height:50px;
width:90%;
text-align:left;
}
.tsx-title-a .title:before, .tsx-title-a .title:after {
width:1rem;
top:.2rem;
}
.tsx-title-a .desc {
font-size:.24rem
}
.lc-item {
margin-bottom:1.2rem
}
.lc-item .img {
width:4.5rem;
height:4.5rem;
padding-top:.05rem;
}
.lc-item .img img {
width:4.4rem;
}
.lc-item .title {
font-size:.92rem;
margin-top:10px;
color:#0c3b2e;
}
.lc-item .desc {
margin-top:5px;
padding:0 .1rem;
font-size:12px;
}


/*陵园知道*/
.zhidao{width:1484px; height:173px;}
.zhidao1{padding:5px; background-color:#F3E9EA; margin:1%; float:left; text-align:center;}
.zhidao2{padding:5px; background-color:#E5EDFA; margin:1%; float:right; text-align:center;}
.zhidao3{padding:5px; background-color:#EDEEF2; margin:1%; float:left; text-align:center;}
.zhidao4{padding:5px; background-color:#E9F3ED; margin:1%; float:left; text-align:center;}
.zhidao5{padding:5px; background-color:#F3F1E9; margin:1%; float:right; text-align:center;}
.zhidao6{padding:5px; background-color:#E9F3F2; margin:1%; float:left; text-align:center;}
 .scroll-container {
            width: 89%;
            overflow: hidden;
			margin:0 auto;
			display:block;
        }

        .scroll-content {
            white-space: nowrap;
            position: relative;
            animation: scroll 35s linear infinite;
            display: flex;
            width: max-content;
            float: left;
        }

        .scroll-content:hover {
            animation-play-state: paused;
        }

        @keyframes scroll {
            0% {
                left: 10%;
            }

            100% {
                left: -350%;
            }


        .zhidao {
            flex: 0 0 100px;
            line-height: 100px;
            float: left;
			text-align:center;
			width:40%;
			padding: 0 5%;
        }

}