@charset "utf-8";
body{background:#fff;}

.sylmbj{width:100%; background-image:url("../images/sylmbj.jpg");margin-top:30px; padding-bottom:5px;}
.width{width:1500px;margin:0 auto; padding-top:20px}
.sylmk{padding:15px; background:#fff; border-radius:5px;}
.sylmk1{padding:15px; background:#f1f7fc; border-radius:5px;}
.sylmtop{padding-top:30px; padding-bottom:5px;}

.ui-offside{overflow-y:auto;}
.banner-wrap{margin:0 auto;overflow:hidden;z-index:20}
.banner{width:100%;background:#fff;}
.banner .ui-carousel-item a{display:block;width:100%;}
.banner .ui-carousel-item a img{}
.banner .ui-carousel-page{bottom:25px;z-index:100;}
.banner .ui-carousel-page li{height:10px;width:10px;border-radius:10px;transition:all 1s}
.banner .ui-carousel-page li.active{width:40px;}
.ui-carousel-prev,.ui-carousel-next{width:140px;}
.ui-carousel-prev-icon,.ui-carousel-next-icon{background:rgba(0,0,0,.2);width:60px;height:60px;padding:20px;border-radius:50%;font-size:24px;position:relative;}
.ui-carousel-next-icon:after{display:block;position:absolute;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");width:20px;height:20px;top:20px;left:20px;}
.ui-carousel-prev-icon:after{display:block;position:absolute;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");width:20px;height:20px;top:20px;left:20px;}

.ui-sidebar{position:fixed;right:0;top:0;display:flex;align-items:center;}
.ui-sidebar ul{border-radius:0;}
.ui-sidebar ul li:first-child,.ui-sidebar ul li:first-child a{border-radius:0;}
.ui-sidebar ul li:last-child,.ui-sidebar ul li:last-child a{border-radius:0;}
.ui-sidebar ul li a{width:70px;line-height:60px;}
.ui-sidebar ul li a i{font-size:28px;}
.ui-sidebar ul li div{line-height:60px;font-size:16px;min-width:120px;}
.ui-sidebar ul li:hover div{right:80px;}
.ui-sidebar-color ul li a{color:#1787e0;}
.ui-sidebar-color ul li a:hover{background:#1787e0;border-color:#1787e0;}
.ui-sidebar-color ul li.active a{background:#1787e0;border-color:#1787e0;}

.home_subject{display:flex;justify-content:space-between;margin:30px auto;}
.home_subject_left{}
.home_subject_left .name{font-size:36px;font-weight:bold;color:#1787e0;}
.home_subject_left .ename{text-transform:uppercase;font-size:24px;line-height:normal;color:#999;}
.home_subject_right,.home_subject_right_line{padding-top:15px;flex:1;position:relative;}
.home_subject_right_line:after{display:block;content:'';width:92%;border-top:1px solid #eee;right:0;bottom:34px;position:absolute;z-index:-1;}
.home_subject_right ul{display:flex;justify-content:flex-end;list-style:none;}
.home_subject_right ul li{margin-left:10px;}
.home_subject_right ul li a{display:block;background:#1787e0;padding:12px 15px;color:#fff;}
.home_subject_right ul li a:hover{background:#0279d0;}
.home_subject_right ul li.active a{background:#0279d0;}

.home_subject_white{text-align:center;align-items:center;margin-top:30px;}
.home_subject_white .home_subject_left{flex:1;}
.home_subject_white .name{color:#fff;}
.home_subject_white .ename{color:#fff;}
.home_subject_white .home_subject_right:after{border-color:#6266F9;}

.home_subject_center{text-align:center;align-items:center;margin-top:0px;}
.home_subject_center .home_subject_left{flex:1;}
.home_subject_center .name{color:#1787e0;}
.home_subject_center .ename{color:#999;}
.home_subject_center .home_subject_right:after{border-color:#6266F9;}

.ui-piclist-image img{transition:all .5s;}
.ui-piclist-image:hover img{transform:scale(1.4);}

.home_pro{overflow:visible;}
.home_pro .ui-piclist-item{padding:14px 14px 4px 14px;margin-bottom:1.8%;transition:all .5s;border-radius:4px;}
.home_pro .ui-piclist-item:hover{transform:translateY(-10px)}
.home_pro .ui-piclist-image{overflow:hidden;}

.bg_home_01{background:url("../images/bg05.jpg") no-repeat;background-size:cover;margin:0 auto 0 auto;padding:50px 0 80px 0;}/*background:#f0f0f0; */
.our_list{display:flex;flex-wrap:wrap;margin:10px -25px;}
.our_list_item{flex:0 0 33.333333%;max-width:33.333333%;}
.our_list_item_body{margin:25px;padding:20px 20px;display:flex;align-items:center;box-shadow:0px 2px 32px 0px rgba(0,0,0,0.1);border-radius:10px;transition:all 0.36s ease;background:#fff;}
.our_list_item_body .image{width:70px;line-height:70px;height:70px;background:#ccc;border-radius:50%;text-align:center;}
.our_list_item_body .image i{color:#fff;font-size:36px;}
.our_list_item_body .text{margin-left:30px;}
.our_list_item_body .text h4{font-size:24px;}
.our_list_item_body .text span{font-size:16px;color:#999;font-family:Verdana, Geneva, sans-serif;}
.our_list_item_body:hover{transform:translateY(-10px);box-shadow:0px 2px 32px 0px rgba(0,0,0,0.2);}
.our_list_item_body .bg01{background:#ED4014;}
.our_list_item_body .bg02{background:#F37B1D;}
.our_list_item_body .bg03{background:#1890FF;}/*首页圆形图标变形时,多数是标题字数多导致，可加入宽width:100px;进行解决*/
.our_list_item_body .bg04{background:#19BE6B;}
.our_list_item_body .bg05{background:#2DB7F5;}
.our_list_item_body .bg06{background:#6965EB;}

.bg_home_02{background:#f5f5f5;padding:20px 0 20px;}
.bg_home_03{background:#ffffff;padding:20px 0 1px;}
.bg_home_lj{background:#fff;padding:1px 0 40px 0;}
.home_about{margin-bottom:100px;}
.home_about_left{position:relative;}
.home_about_left:before{content:'';position:absolute;left:-40px;bottom:-40px;width:80%;height:100%;background:#1787e0;z-index:-1;}
.home_about_left img{max-width:100%;}
.home_about_right{box-shadow:0px 2px 32px 0px rgba(0,0,0,0.2);margin-top:40px;padding:50px 60px;}
.home_about_right h1{font-size:30px;}
.home_about_right .text{margin:15px 0;line-height:28px;}
.home_about_right .text p{margin-top:15px;}

.home_about_right .more{text-align:right;}
.home_about_right .more a{text-align:left;display:inline-block;background:#363e45;width:180px;line-height:50px;color:#fff;position:relative;overflow:hidden;}
.home_about_right .more a:after{position:absolute;right:0;top:0;width:80px;content:'';height:0;border-top:50px solid #1787e0;border-left:28px solid transparent;transition:all .5s;}
.home_about_right .more a span{display:block;padding:0 15px 0 30px;position:relative;z-index:1;}
.home_about_right .more a span i{float:right;font-size:24px;font-weight:normal;}
.home_about_right .more a:hover{color:#fff;}
.home_about_right .more a:hover:after{width:120%;height:100%;}

.home_news{margin-top:30px;display:flex;flex-wrap:wrap;}
.home_news .home_news_item{margin:0 0 30px 0;width:50%;}
.home_news .home_news_item:nth-child(1n){padding-right:15px;padding-left:0;}
.home_news .home_news_item:nth-child(2n){padding-right:0;padding-left:15px;}
.home_news_body{box-shadow:0px 0px 4px rgba(0, 0, 0, 0.1);background:#fff;padding:20px;border-radius:5px;display:flex;align-items:center;}
.home_news_body .date{width:90px;text-align:center;padding-right:20px;margin-right:30px;border-right:1px solid #eee;}
.home_news_body .date h4{font-size:38px;color:#999;margin:0;}
.home_news_body .date p{color:#999;font-size:16px;font-family:Verdana;}
.home_news_body .body{flex:1;overflow:hidden;transition:all 0.5s ease;}
.home_news_body .body h4{font-size:20px;font-weight:bold;color:#515050;}
.home_news_body .body p{color:#c2c2c2;font-size:16px;}
.home_news_body .body h4 a:hover{color:#1787e0;}
.home_news_body:hover{box-shadow:0px 0px 30px rgba(0, 0, 0, 0.15);}
.home_news_body:hover .body{transform:translateX(5px);}
.home_news_item:hover .body h4 a{color:#1890FF;}
.home_news_item:hover .body p{color:#666;}

.footer{border-top:4px solid #1787e0;background:#212121;padding:40px 0;color:#8b8b8b;margin-top:0px;}
.footer_item{width:16%;margin-right:4%;}
.footer_item h4{font-size:18px;color:#fff;height:50px;border-bottom:1px solid #444;position:relative;}
.footer_item h4:after{display:block;content:"";width:40px;height:3px;top:48px;left:0;position:absolute;background:#1787e0;}
.footer_item h5{font-size:16px;color:#fff;}

.footer_item .footer_menu{line-height:36px;margin-top:20px;}
.footer_item .footer_menu a{display:block;color:#7B8288;transition:all 0.5s ease;}
.footer_item .footer_menu a:hover{color:#fff;transform:translateX(10px);}

.footer_last{width:16%;margin-right:4%;}
.footer_tel{font-family:'Impact';font-size:30px;color:#fff;}
.footer_tel img{max-width:150px;margin-top:10px;display:block;}

.copyright{background:#1d1d1d;line-height:30px;padding:20px;text-align:center;color:#7B8288;border-top:1px solid #2C3239;}
.copyright a{color:#7B8288;}
.copyright a:hover{color:#fff;}

.banner_inner{background:no-repeat center / cover;height:560px;}
.position{border-bottom:1px solid #f3f3f3;padding-bottom:15px;}

.subnav{margin:20px 0 30px 0;}
.subnav ul{display:flex;justify-content:center;list-style:none;}
.subnav ul li{margin-left:10px;}
.subnav ul li a{display:block;background:#363e45;padding:12px 22px;color:#fff;}
.subnav ul li a:hover{background:#1787e0;}
.subnav ul li.active a{background:#1787e0;}

.ui-show-title{padding:15px 20px;}
.ui-show-title h1{font-size:32px;color:#1c1f21;line-height:40px;margin:8px 0;}
.ui-show-title div{font-size:14px;color:#999;margin:10px 0;}
.ui-show-image .ui-col-3{margin:0 0 20px 0;padding-right:20px;}
.ui-show-image .ui-col-3:nth-child(4n){margin-right:0;}
.ui-show-image .ui-card{border:0;border-radius:8px;}
.ui-show-image .ui-card-image{height:220px;overflow:hidden;border-radius:8px;}
.ui-show-image .ui-card-image img{border-radius:8px;height:100%;transition:all .5s;}
.ui-show-image .ui-card-image:hover img{transform:scale(1.4);}
.ui-show-body{padding:15px 20px;line-height:36px;font-size:16px;word-break:break-all;}
.ui-show-body img{max-width:100%;}

.ui-show-tags{}
.ui-show-tags a{padding:0 10px;line-height:35px;}
.ui-show-share{text-align:right;color:#999;}
.ui-show-share a{display:inline-block;width:40px;line-height:35px;height:40px;border-radius:50%;border:1px solid #eaeaea;margin-left:10px;text-align:center;}
.ui-show-share a i{font-size:22px;}
.ui-show-share a:nth-child(1){color:#1890FF;}
.ui-show-share a:hover:nth-child(1){border-color:#1890FF;}
.ui-show-share a:nth-child(2){color:#ED4014;}
.ui-show-share a:hover:nth-child(2){border-color:#ED4014;}
.ui-show-share a:nth-child(3){color:#19BE6B;}
.ui-show-share a:hover:nth-child(3){border-color:#19BE6B;}

.ui-card-book{border:1px solid #DFEDFF;border-radius:0 20px 0 0;}
.ui-card-book .ui-card-header{padding:15px 25px;line-height:30px;background:#F8FBFF;border-bottom:1px solid #DFEDFF;border-radius:0 20px 0 0;}
.ui-card-book .ui-card-header .ui-card-header-title{border:0;padding:0;}
.ui-card-book .ui-card-body{padding:20px 25px 25px 25px;word-break:break-all;}
.ui-card-book .ui-card-footer{border-top:0;padding:0 25px 20px 25px;}
.ui-menu-color .ui-menu-name{color:#1787e0;border-bottom-color:#1787e0;font-weight:bold;}

@media screen and (max-width:1024px)
{
	.width{width:100%;}
	.banner .ui-carousel-page li.active{width:10px;}
	.banner .ui-carousel-page{bottom:10px;}
	.ui-carousel-prev,.ui-carousel-next{display:none;}
	
	.ui-sidebar{position:fixed;bottom:120px;top:auto;display:block;}
	.ui-sidebar ul{margin-top:35px;}
	.ui-sidebar ul li a{width:40px;line-height:40px;}
	.ui-sidebar ul li a i{font-size:20px;}
	.ui-sidebar ul li div{line-height:40px;font-size:14px;min-width:100px;}
	.ui-sidebar ul li:hover div{right:70px;}
	.ui-sidebar-color ul li a{color:#1787e0;}
	.ui-sidebar-color ul li a:hover{background:#1787e0;border-color:#1787e0;}
	.ui-sidebar-color ul li.active a{background:#1787e0;border-color:#1787e0;}
	
	#offside-nav{min-width:85%;}
	.ui-collapse-menu-title{padding-left:10px;}
	.ui-collapse-menu-title.active{background:#fff;}
	.ui-collapse-menu-title.active a{color:#363e45;}
	
	.ui-show-image .ui-card-image{height:240px;}
	
	.home_subject{margin:15px 10px;display:block;}
	.home_subject_left,.home_subject_right{flex:0 0 100%;max-width:100%;}
	.home_subject_left .name{font-size:24px;}
	.home_subject_left .ename{font-size:18px;}
	.home_subject_left:after{display:block;content:'';width:70%;border-top:0px solid #eee;right:0;top:30px;position:absolute;z-index:-1;}
	.home_subject_right ul{flex-wrap:wrap;justify-content:flex-start}
	.home_subject_right ul li{flex:0 0 50%;max-width:50%;margin-left:0;margin-bottom:10px;}
	.home_subject_right ul li a{padding:8px 10px;font-size:14px;text-align:center;}
	.home_subject_right ul li:nth-child(1n){padding-right:5px;padding-left:0;}
	.home_subject_right ul li:nth-child(2n){padding-right:0;padding-left:5px;}
	.home_subject_right_line:after{display:none;}
	.home_subject_white .home_subject_left:after{display:none;}
	
	.home_pro .ui-piclist-item{padding:5px 5px 4px 5px;}
	.home_pro .ui-piclist-item:hover{transform:translateY(0px)}
	.ui-piclist{margin:0 0 0 0}
	/*.ui-piclist .ui-piclist-item:first-child{width:92%;margin:0 0 15px 15px;}移动端第一个div样式，显示一个，若显示两个，请将此行删除即可*/
	.ui-piclist .ui-piclist-item{width:47.5%;margin:0 0 15px 15px;}
	.bg_home_01{margin:20px auto 0 auto;padding:20px 0 30px 0;}
	.our_list{margin:0 10px;}
	.our_list_item{flex:0 0 50%;max-width:50%;}
	.our_list_item_body{margin:10px 15px;padding:15px 20px;}
	.our_list_item_body .image{width:50px;line-height:50px;height:50px;}
	.our_list_item_body .image i{font-size:24px;}
	.our_list_item_body .text{margin-left:20px;}
	.our_list_item_body .text h4{font-size:18px;}
	.our_list_item_body .text span{font-size:14px;}
	
	.bg_home_02{padding:10px 0;}
	.bg_home_03{padding:10px 0;}
	.home_about{margin-bottom:0px;}
	.home_about_left,.home_about_right{flex:0 0 100%;max-width:100%;}
	.home_about_left{padding-right:20px;}
	.home_about_left img{margin-left:20px;max-width:96%;}
	.home_about_right{margin-top:50px;padding:20px 30px;}
	.home_about_right h1{font-size:24px;}
	.home_about_right .text{margin:15px 0;line-height:28px;}
	
	.home_news{margin-top:10px;padding:0 15px;}
	.home_news_body .date{width:80px;padding-right:10px;margin-right:20px;}
	.home_news_body .date h4{font-size:24px;}
	.home_news_body .body h4{font-size:16px;}
	
	.link{padding:0 10px; margin-left:5px}/*移动端首页底部公墓大全样式*/
	.link a{font-size:12px;padding:0 6px;line-height:30px;}
	
	.footer{padding:20px 0;}
	.footer_item{width:45%;margin-right:5%;padding-left:4%;margin-bottom:20px;}
	.footer_last{width:95%;text-align: center; margin-bottom:20px;}
	.footer_item h4{font-size:16px;height:40px;}
	.footer_item h4:after{top:38px;}
	.footer_item h5{font-size:14px;}
	.footer_tel {font-size:24px;color:#fff;}
	.jz{width:100%; text-align:center; margin:0 auto; margin-top:10px;}
	
	.position{display:none;}
	.subnav{padding:0 10px;margin:5px 0 10px 0;}
	.subnav ul{flex-wrap:wrap;justify-content:flex-start}
	.subnav ul li{flex:0 0 50%;max-width:50%;margin-left:0;margin-bottom:10px;}
	.subnav ul li a{padding:8px 10px;font-size:14px;text-align:center;}
	.subnav ul li:nth-child(1n){padding-right:5px;padding-left:0;}
	.subnav ul li:nth-child(2n){padding-right:0;padding-left:5px;}
	.banner_inner{height:230px;}
	
	.ui-pre,.ui-next,.ui-show-tags,.ui-show-share,.ui-col-6{flex:0 0 100%;max-width:100%;}
	.ui-show-image .ui-col-3{padding-right:0;flex:0 0 50%;max-width:50%;margin:0 0 20px 0;padding-right:20px;}
	.ui-show-image .ui-col-3:nth-child(2n){margin-right:0;padding-right:0px;}
	.ui-show-share{text-align:center;margin-top:15px;}
	.ui-nice{padding-left:0 !important;margin-top:15px;}
	.ui-media-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;}
	.ui-col-4.ui-text-right{display:none;}
	.box.ui-mt-20{margin-top:0 !important;margin-bottom:20px;}
	.ui-image{padding:0 20px;}
	.ui-form-book{}
	.ui-form-book .ui-col-2{display:none;}
	.ui-form-book .ui-col-10{flex:0 0 100%;max-width:100%;}
	.ui-form-book .ui-offset-2{margin-left:0;flex:0 0 100%;max-width:100%;}
	.ui-form-book .ui-offset-2 .ui-btn{display:block;width:100%;text-align:center;}
}
@media screen and (max-width:768px)
{
	.ui-piclist .ui-piclist-item{width:47%;}
}
@media screen and (max-width:540px)
{
	.home_news{margin-top:10px;padding:0;}
	.home_news .home_news_item{margin:0 0 20px 0;width:100%;}
	.home_news .home_news_item:nth-child(1n){padding-right:15px;padding-left:15px;}
	.home_news .home_news_item:nth-child(2n){padding-right:15px;padding-left:15px;}
	.our_list_item{flex:0 0 100%;max-width:100%;}
	.ui-piclist .ui-piclist-item{width:46%;}/*一行显示一个则宽设置为95%*/
	.ui-show-image .ui-card-image{height:auto;}
	.ui-show-image .ui-col-3{padding-right:0;flex:0 0 100%;max-width:100%;}
}
@media screen and (max-width:415px)
{
	.ui-piclist .ui-piclist-item{width:44%;}/*一行显示一个则宽设置为94%*/
}