
/*——————————————————————政务-智慧街道   start————————————————————————*/

/*——————————————————————政务-智慧街道 首页  start————————————————————*/

/*banner start*/
.sp-street-index-banner{
	width: 100%;
	height: 647px;
	background: #0B44C5;
}
.sp-street-index-banner-content{
	height: 647px;
	position: relative;
}
.sp-street-index-banner-content-con{
	width: 1200px;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
}
.sp-street-index-banner-content-con-text{
	width: 550px;
	padding-top: 150px;
	box-sizing: border-box;
	color: #fff;
	opacity: 0;
}
.banner-text-show{
	animation: banner-text-show 1s ease-out;
	-webkit-animation: banner-text-show 1s ease-out;
}

@keyframes banner-text-show{
	0%{
		opacity: 0;
		transform: translateY(200px);
		-webkit-transform: translateY(200px);
		-ms-transform: translateY(200px);
	}
	50%{
		opacity: 0.5;	
	}
	100%{
		opacity: 1;
	}
}
@-webkit-keyframes banner-text-show{
	0%{
		opacity: 0;
		transform: translateY(200px);
		-webkit-transform: translateY(200px);
		-ms-transform: translateY(200px);
	}
	50%{
		opacity: 0.5;	
	}
	100%{
		opacity: 1;
	}
}
.sp_mod_product_indexbanner_content_txt_title{
	line-height: 56px;
}
.sp_mod_product_indexbanner_content_txt_title_street{
	font-size: 42px;
}
.sp_mod_product_indexbanner_content_txt_subtitle{
	margin-top: 40px;
	font-size: 20px;
	line-height: 30px;
}
.sp_mod_product_indexbanner_content_txt_link{
	width:160px;
	height:50px;
	margin-top: 45px;
	background:linear-gradient(90deg,rgba(65,119,246,1),rgba(48,100,244,1));
	box-shadow:0px 6px 10px 0px rgba(49,101,244,0.4);
	border-radius:6px;
	border: 0;
	font-size: 20px;
}
.sp_mod_product_indexbanner_content_txt_link:hover{
	background: #fff;
	color: #0B44C5;
}
.sp_mod_product_indexbanner_content_txt_link span,.sp_mod_product_indexbanner_content_txt_link:hover span{
	transition: all .3s ease-out;
}
.sp_mod_product_indexbanner_content_txt_link:hover span{
	padding-left: 5px;
}
.sp-street-index-banner-content-con-pic{
	width: 570px;
	padding-top: 170px;
	box-sizing: border-box;
	opacity: 0;
}
.sp-street-index-banner-content-con-pic.banner-pic-show{
	animation: banner-pic-show 1s ease-in;
	opacity: 1;
}
@keyframes banner-pic-show{
	0%{
		opacity: 0;
		transform: translateX(30px);
		-webkit-transform: translateX(30px);
		-ms-transform: translateX(30px);
	}
	50%{
		opacity: 0.5;
		transform: translateX(-60px);
		-webkit-transform: translateX(-60px);
		-ms-transform: translateX(-60px);
	}
	100{
		opacity: 1;
	}
}
.sp-street-index-banner-content-con-pic img{
	display: block;
	transform: scale(1.08);
}
/*banner end*/

/*我们的建设目标 start*/
.sp-containter-target{
	margin-top: 68px;
}
.sp-containter-target ul{
	display: flex;
	display: -webkit-flex;
	justify-content:space-between;
}
.sp-containter-target ul li{
	display: block;
	width: 278px;
	height: 300px;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}
.sp-containter-target ul li img{
	display: block;
	width: 100%;
	height: 100%;
}
.sp-containter-target ul li div{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
}
.sp-containter-target ul li div h4{
	text-align: center;
	color: #fff;
}
.sp-containter-target ul li div h4{
	font-size: 22px;
	height: 36px;
	line-height: 36px;
	font-weight: 600;
	margin-top: 135px;
}
.sp-containter-target ul li p{
	position: absolute;
	left: 0;
	top: 300px;
	padding: 0 20px;
	box-sizing: border-box;
	text-align: justify;
	text-justify: inter-ideograph;
	color: #fff;
	font-weight: 400;
	height: 22px;
	line-height: 22px;
	opacity: 0;
}
.sp-containter-target ul li,.sp-containter-target ul li:hover,.sp-containter-target ul li div h4,.sp-containter-target ul li:hover div h4,.sp-containter-target ul li p,.sp-containter-target ul li:hover p{
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}
.sp-containter-target ul li:hover div h4{
	margin-top: 40px;
}
.sp-containter-target ul li:hover p{
	top: 110px;
	opacity: 1;
}
/*我们的建设目标 end*/
/*行业痛点 start*/
.sp-containter-pain{
	margin-top: 68px;
}
.sp-containter-pain ul{
	display: flex;
	display: -webkit-flex;
	justify-content:space-between;
}
.sp-containter-pain ul:first-child{
	margin-bottom: 40px;
}
.sp-containter-pain ul li{
	display: block;
	width: 380px;
	height: 215px;
	border: 1px #dedede solid;
	border-radius: 10px;
	overflow: hidden;
	opacity: 1;
}
.sp-containter-pain ul li.pain_show,.sp-street-con.service_show{
	animation: bounce_show 1s cubic-bezier(.175,.885,.32,1.275);
	opacity: 1;
}
@keyframes bounce_show{
	0%{
		transform:scale3d(.95,.95,.95);
	}
	50%{
	}
}
.sp-containter-pain ul li.pain_hide,.sp-street-con.service_hide{
	animation: bounce_hide 1s cubic-bezier(.175,.885,.32,1.275);
	opacity: 1;
}
@keyframes bounce_hide{
	0%{
		transform:scale3d(.95,.95,.95);
	}
	100%{
	}
}
.sp-containter-pain ul li:hover{
	box-shadow: 0px 8px 12px 0px rgba(179,179,179,0.4);
}
.sp-containter-pain-con{
	height: 100%;
}
.sp-containter-pain-con-title{
	height: 60px;
	background: url(../images/street_pain_bg.webp) no-repeat;
}
.sp-containter-pain-con-title p{
	background: url(../images/street_pain_icon_01.webp) no-repeat 30px center;
	background-size: 28px;
	line-height: 60px;
	font-size: 20px;
	color: #fff;
	padding-left: 65px;
}
.sp-containter-pain-con-title2 p{
	background: url(../images/street_pain_icon_02.webp) no-repeat 30px center;
}
.sp-containter-pain-con-title3 p{
	background: url(../images/street_pain_icon_03.webp) no-repeat 30px center;
}
.sp-containter-pain-con-title4 p{
	background: url(../images/street_pain_icon_04.webp) no-repeat 30px center;
}
.sp-containter-pain-con-title5 p{
	background: url(../images/street_pain_icon_05.webp) no-repeat 30px center;
}
.sp-containter-pain-con-title6 p{
	background: url(../images/street_pain_icon_06.webp) no-repeat 30px center;
}
.sp-containter-pain-con-details{
	padding: 35px 0 0 30px;
}
.sp-containter-pain-con-details p{
	font-size: 14px;
	color: #999;
	height: 24px;
	line-height: 24px;
}
.sp-containter-pain-con-details p span{
	display: inline-block;
	width: 8px;
	height: 8px;
	background: rgba(153,153,153,1);
	border-radius: 50%;
	margin-right: 13px;
	vertical-align: middle;
}
/*行业痛点 end*/

/*解决方案*/
.sp-street-solve{
	margin-top: 68px;
	width: 100%;
	height: 521px;
	background: url(../images/street_solve_bg.webp) no-repeat;
	/*position: relative;*/
}
.sp-street-solve .sp-card-main-header .sp-card-main-header-title{
	color: #fff;
}
.sp-street-solve-guide,
.sp-street-solve-manage,
.sp-street-solve-safe,
.sp-street-solve-livelihood,
.sp-street-solve-data,
.sp-street-solve-activity{
	margin-top: 268px;
	box-shadow: rgba(179,179,179,0.4) 0px 0px 12px 5px;
	border-radius: 10px;
	overflow: hidden;
	z-index: 100;
}
.sp-street-solve-guide,.sp-street-solve-manage,.sp-street-solve-safe,.sp-street-solve-activity{
	height: 638px;
}
/*屏幕滚动效果 start*/
.sp-street-solve .sp-street-solve-guide,
.sp-street-solve .sp-street-solve-manage,
.sp-street-solve .sp-street-solve-safe,
.sp-street-solve .sp-street-solve-livelihood,
.sp-street-solve .sp-street-solve-data,
.sp-street-solve .sp-street-solve-activity{
	opacity: 0;
	/*transform: translateY(100);
	-webkit-transform: translateY(100);
	-ms-transform: translateY(100);*/
}
.sp-street-solve .sp-street-solve-guide.sp-street-solve-up,
.sp-street-solve .sp-street-solve-manage.sp-street-solve-up,
.sp-street-solve .sp-street-solve-safe.sp-street-solve-up,
.sp-street-solve .sp-street-solve-livelihood.sp-street-solve-up,
.sp-street-solve .sp-street-solve-data.sp-street-solve-up,
.sp-street-solve .sp-street-solve-activity.sp-street-solve-up{
	opacity: 1;
	-webkit-transition:all .5s cubic-bezier(.25,.55,.75,.95);
	-moz-transition:all .4s cubic-bezier(.25,.55,.75,.95);
	-ms-transition:all .4s cubic-bezier(.25,.55,.75,.95);
	-o-transition:all .4s cubic-bezier(.25,.55,.75,.95);
	transition:all .4s cubic-bezier(.25,.55,.75,.95);
}
.sp-street-solve .sp-street-solve-guide.sp-street-solve-up{
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
}
.sp-street-solve .sp-street-solve-manage.sp-street-solve-up{
	transform: translateY(-370px);
	-webkit-transform: translateY(-370px);
	-ms-transform: translateY(-370px);
}
.sp-street-solve .sp-street-solve-safe.sp-street-solve-up{
	transform: translateY(-540px);
	-webkit-transform: translateY(-540px);
	-ms-transform: translateY(-540px);
}
.sp-street-solve .sp-street-solve-livelihood.sp-street-solve-up{
	transform: translateY(-710px);
	-webkit-transform: translateY(-710px);
	-ms-transform: translateY(-710px);
}
.sp-street-solve .sp-street-solve-data.sp-street-solve-up{
	transform: translateY(-880px);
	-webkit-transform: translateY(-880px);
	-ms-transform: translateY(-880px);
}
.sp-street-solve .sp-street-solve-activity.sp-street-solve-up{
	transform: translateY(-1050px);
	-webkit-transform: translateY(-1050px);
	-ms-transform: translateY(-1050px);
}

/*解决方案-党建引领 出现效果 end*/
.sp-street-solve-livelihood{
	height: 804px;
}
.sp-street-solve-data{
	height: 820px;
}
.sp-street-solve-manage,
.sp-street-solve-safe,
.sp-street-solve-livelihood,
.sp-street-solve-data,
.sp-street-solve-activity,
.sp-card-main-research-bg,
.sp-card-main-research-direction{
	background: url(../images/street_solve_con_bg.webp) no-repeat left bottom;
	background-size: auto;
}
.sp-street-solve-guide-text,.sp-street-solve-manage-text,.sp-street-solve-safe-text,.sp-street-solve-activity-text{
	width: 390px;
	height: 100%;
	padding: 0 30px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.sp-street-solve-guide-text{
	background: rgba(255,255,255,1);
}
.sp-street-solve-guide-text,.sp-street-solve-safe-text,.sp-street-solve-activity-text{
	float: left;
}
.sp-street-solve-manage-text{
	float: right;
}
.sp-street-solve-livelihood-text-con,.sp-street-solve-data-text-con{
	width: 839px;
	margin: 40px auto 0;
}
.sp-street-solve-guide-text-con h4,.sp-street-solve-manage-text-con h4,.sp-street-solve-safe-text-con h4,.sp-street-solve-livelihood-text-con h4,.sp-street-solve-data-text-con h4,.sp-street-solve-activity-text-con h4{
	font-family:VisbyCF-Bold;
	font-size:40px;
	font-weight: bold;
	color: #376BF5;
	line-height: 64px;
}
.sp-street-solve-livelihood-text-con h4,.sp-street-solve-data-text-con h4{
	text-align: center;
}
.sp-street-solve-guide-text-con h6,.sp-street-solve-manage-text-con h6,.sp-street-solve-safe-text-con h6,.sp-street-solve-livelihood-text-con h6,.sp-street-solve-data-text-con h6,.sp-street-solve-activity-text-con h6{
	font-size: 18px;
	font-weight: 400;
	color: #999;
	margin-top: 10px;
}
.sp-street-solve-livelihood-text-con h6,.sp-street-solve-data-text-con h6{
	text-align: center;
}
.sp-street-solve-guide-text-con h5,.sp-street-solve-manage-text-con h5,.sp-street-solve-safe-text-con h5,.sp-street-solve-livelihood-text-con h5,.sp-street-solve-data-text-con h5,.sp-street-solve-activity-text-con h5{
	font-size: 22px;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
}
.sp-street-solve-livelihood-text-con h5,.sp-street-solve-data-text-con h5{
	text-align: center;
}
.sp-street-solve-guide-text-con p,.sp-street-solve-manage-text-con p,.sp-street-solve-safe-text-con p,.sp-street-solve-livelihood-text-con p,.sp-street-solve-data-text-con p,.sp-street-solve-activity-text-con p{
	font-size: 14px;
	font-weight: 400;
	color: #666;
	line-height: 24px;
	text-indent: 24px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.sp-street-solve-livelihood-text-con p,.sp-street-solve-data-text-con p{
	text-align: center;
}
.sp-street-solve-guide-text-con p span,.sp-street-solve-livelihood-text-con p span,.sp-street-solve-data-text-con p span{
	color: #376BF5;
}
.sp-street-solve-guide-pic,.sp-street-solve-manage-pic,.sp-street-solve-safe-pic,.sp-street-solve-activity-pic{
	width: 810px;
	height: 100%;
}
.sp-street-solve-guide-pic,.sp-street-solve-safe-pic,.sp-street-solve-activity-pic{
	float: right;
}
.sp-street-solve-manage-pic{
	float: left;
	padding-top: 75px;
}
.sp-street-solve-livelihood-pic{
	text-align: center;
}
.index_w2 {
	position: relative;
	z-index: 1;
	background: rgba(0,0,0,0);
	/*overflow: hidden;*/
}
.index_w2.active .cp_img {
	-webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
}
.index_w2 .cp_img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	-webkit-transform: perspective(1200px) rotateX(90deg) translate3d(0px, -100px, 0px) scale(.8, .8);
	-moz-transform: perspective(1200px) rotateX(90deg) translate3d(0px, -100px, 0px) scale(.8, .8);
	-o-transform: perspective(1200px) rotateX(90deg) translate3d(0px, -100px, 0px) scale(.8, .8);
	transform: perspective(1200px) rotateX(90deg) translate3d(0px, -100px, 0px) scale(.8, .8);
	-webkit-transition: all 2.5s ease;
	-moz-transition: all 2.5s ease;
	-o-transition: all 2.5s ease;
	transition: all 2.5s ease;
}
.index_w2 .cp_img .pic_bg {
	opacity: 0 !important;
}
.index_w2 .cp_pic_groups {
	opacity: 1;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.index_w2.active .cp_pic_groups .pic {
	opacity: 1;
	-webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
}
.index_w2 .cp_pic_groups .pic {
	margin: auto;
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 1;
	-webkit-transform: perspective(1200px) rotateX(90deg) translate3d(0px, -100px, 0px) scale(.8, .8);
	-moz-transform: perspective(1200px) rotateX(90deg) translate3d(0px, -100px, 0px) scale(.8, .8);
	-o-transform: perspective(1200px) rotateX(90deg) translate3d(0px, -100px, 0px) scale(.8, .8);
	transform: perspective(0) rotateX(90deg) translate3d(0px, 0px, 0px) scale(.1, .1);
	-webkit-transition: all 2.5s ease;
	-moz-transition: all 2.5s ease;
	-o-transition: all 2.5s ease;
	transition: all 2.5s ease;
}
.sp-street-solve-data-pic{
	overflow: hidden;
}
.sp-street-solve-data-pic img{
	width: 100%;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	padding-top: 40px;
}
/*解决方案*/

/*我们的功能*/
.sp-street-function{
	margin-top: 4330px;
}
.sp-street-function-details{
	height: 719px;
	margin-top: 50px;
	padding-top: 68px;
	box-sizing: border-box;
	background: url(../images/sp_street_function_pic_bg.webp) left top no-repeat;
	background-size: cover;
}
.sp-street-function-details-content{
	width: 870px;
	margin: 0 auto;
}
.sp-street-function-details-content ul{
	margin-top: 6px;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
}
.sp-street-function-details-content ul li{
	transform: scale(0.99);
	-webkit-transform: scale(0.99);
}
.sp-street-function-details-content ul:first-child{
	margin-top: 0;
}
.sp-street-function-details-content ul li,.sp-street-function-details-content ul li:hover{
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}
.sp-street-function-details-content ul li:hover{
	transform: scale(1.05);
	-webkit-transform: scale(1.04);
}

/*特色服务*/
.sp-street-service{
	height: 520px;
}
.sp-street-service-title{
	margin-top: 40px;
}
.sp-street-service-title ul{
	width: 580px;
	height: 76px;
	margin: 0 auto;
	background: rgba(230,231,235,1);
	border-radius: 38px;
	padding: 18px 18px;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	justify-content:space-between;
}
.sp-street-service-title ul li{
	display: block;
	width: 24%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	color: #333;
	cursor: pointer;
}
.sp-street-service-title ul li.sp-street-service-title-active,.sp-street-service-title ul li:hover{
	background: linear-gradient(90deg,rgba(55,107,245,1),rgba(81,158,255,1));
	box-shadow: 0px 6px 10px 0px rgba(55,107,245,0.4);
	border-radius: 20px;
	color: #fff;
}
.sp-street-con{
	margin-top: 40px;
    height: 379px;
    opacity: 0;
}
.sp-street-con-details{
	height: 379px;
    background-color: #fff;
    box-shadow: rgba(179,179,179,0.4) 0px 0px 12px 5px;
    border-radius: 10px;
    padding: 0 50px;
    box-sizing: border-box;
}
/*.sp-street-con-details.service_show_chance{
	animation: bounce_show_chance 1s ease-in;
}
@keyframes bounce_show_chance{
	form{
		transform: scale(0);
		opacity: 0;
	}
	50%{
		transform: scale(0.5);
		opacity: 0.5;
	}
	to{
		transform: scale(1);
		opacity: 1;
	}
}*/
.sp-street-con-details-top{
	height: 220px;
	border-bottom: 1px #E6E6E6 solid;
	padding: 40px 50px 0;
	display: flex;
	display: -webkit-flex;
	justify-content:space-between;
	box-sizing: border-box;
}
.sp-street-con-details-top-text{
	width: 670px;
	height: 180px;
}
.sp-street-con-details-top-pic{
	width: 218px;
	height: 180px;
}
.sp-street-con-details-top-text h5{
	font-size: 22px;
	font-weight: bold;
	color: #333;
	line-height: 50px;
}
.sp-street-con-details-top-text h5 span{
	color: #E62118;
}
.sp-street-con-details-top-text-build h5 span{
	color: #376bf5;
}
.sp-street-con-details-top-text-content h5 span{
	color: #0F9912;
}
.sp-street-con-details-top-text-operate h5 span{
	color: #FF9E01;
}
.sp-street-con-details-top-text p{
	font-size: 14px;
	font-weight: 400;
	color: #666;
	line-height: 24px;
}
.sp-street-con-details-bottom{
	padding: 30px 50px 0 50px;
	box-sizing: border-box;
}
.sp-street-con-details-bottom ul{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
}
.sp-street-con-details-bottom ul li{
	display: block;
	width: 16.6%;
}
.sp-street-con-details-bottom ul li a{
	display: block;
}
.sp-street-con-details-bottom ul li a dl{
	text-align: center;
}
.sp-street-con-details-bottom ul li a dl dt{
	display: block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	margin: 0 auto;
	border: 1px #E6E6E6 solid;
	border-radius: 50%;
}
.sp-street-con-details-bottom ul li a dl dt img{
	vertical-align: middle;
	margin-top: -4px;
}
.sp-street-con-details-bottom ul li a dl dd{
	margin-top: 10px;
	font-size: 14px;
	font-weight: 400;
	color: #333;
}

.sp-street-experience{
	margin-top: 50px;
	background: url(../images/sp_street_experience_bg.webp) no-repeat;
	height: 616px;
    width: 100%;
    position: relative;
}
.sp-card-experience{
	padding: 68px 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.sp-list-txt-experiencetop{
	width: 33.3%;
	text-align: center;
}
.sp-list-txt-experiencetop-item-title-num{
	font-size: 78px;
    display: inline-block;
    font-weight: bolder;
}
.sp-list-txt-experiencetop-item-title-num-bigtit{
	font-size: 72px;
}
.sp-list-txt-experiencetop-item-title{
	font-size: 24px;
    color: #fff;
}
.sp-card-exfoot{
	width: 1200px;
    background: #ffF;
    height: 370px;
    border-radius: 7px;
    padding: 0px 45px;
    display: flex;
    justify-content: space-around;
}
.sp_page_case_item{
	width: 33.3%;
}
.sp_page_case_item_img{
	width: 100%;
	height: 218px;
}
.sp_page_case_item_img_pic{
	width: 100%;
}
.sp_page_case_item_bg{
	z-index: 9999;
    width: 100%;
    height: 218px;
    position: absolute;
    top: 0;
    display: none;
    transition: all 0.1s;
}
.sp_page_case_item:hover .sp_page_case_item_bg {
	background: linear-gradient(rgba(79, 136, 255, 0.8), rgba(46, 107, 234, 0.8));
	transform: scale(1.0);
	transition: all 0.4s;
	overflow: hidden;
	width: 100%;
	height: 218px;
}
.sp_page_case_item:hover .sp_page_case_item_txt{
	color: #376BF5;
}

/*——————————————————————政务-智慧街道 首页  start————————————————————*/

/*——————————————————————政务-智慧街道 产品简介  start————————————————————*/
.sp-card-main-header-line{
	margin: 25px auto;
	width: 50px;
	height: 4px;
	background: #ffa81b;
}
.sp-pro-intro-banner-subtxtmb{
	margin: 30px 0 20px;
}
.sp_mod_banner_content_txt_link{
	margin: 30px auto;
}
.sp_mod_product_banner_content{
	top: 15% !important
}
.sp_mod_banner_content_txt_service{
	top: 45%;
}
.sp_mod_banner_btn{
	border-radius: 5px;
	background: -webkit-linear-gradient(#4d86f7, #2168f7);
	background: -o-linear-gradient(#4d86f7, #2168f7);
	background: -moz-linear-gradient(#4d86f7, #2168f7); 
	background: linear-gradient(#4d86f7, #2168f7) !important;
}
.sp_mod_banner_btn:hover{
	background: #fff !important;
	color: #2168f7 !important
}
.sp-card-main-header-subtitle{
	font-size: 16px;
	color: #999;
}
/*项目背景 start*/
.sp-card-main-intro-content{
	background-image: none;
	background: #fff;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	padding: 10px 60px;
	box-sizing: border-box;
}
.sp-card-main-intro-content-left{
	width: 640px;
	padding-top: 50px;
}
.sp-card-main-intro-content-left-title{
	font-size: 18px;
}
.sp-card-main-intro-content-right{
	width: 366px;
}
/*项目背景 end*/
/*行业痛点 start*/
.sp-card-introduce-pain{
	background: -webkit-linear-gradient(#f3f4f7, #ffffff);
	background: -o-linear-gradient(#f3f4f7, #ffffff);
	background: -moz-linear-gradient(#f3f4f7, #ffffff);
	background: linear-gradient(#f3f4f7, #ffffff);
}
.sp-card-main-content-pain ul{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: flex-start;
}
.sp-card-main-content-pain ul li{
	display: block;
	width: 16.6%;
	height: 300px;
	border-top: 1px #e4e4e4 solid;
	border-bottom: 1px #e4e4e4 solid;
	border-right: 1px #e4e4e4 solid;
	border-radius: 5px;
	padding: 36px 10px;
	box-sizing: border-box;
	text-align: center;
}
.sp-card-main-content-pain ul li:hover{
	box-shadow: rgba(0,0,0,0.3) 0px 0px 15px;
	transition: all 0.2s ease 0s;
}
.sp-card-main-content-pain ul li:first-child{
	border-left: 1px #e4e4e4 solid;
}
.sp-card-main-content-pain ul li p{
	margin-top: 38px;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	color: #7f8694;
}
/*行业痛点 end*/
/*产品结构 start*/
.sp-card-introduce-structure,.sp-card-introduce-function{
	margin-top: 0;
}
.sp-card-introduce-function-bottom{
	margin-bottom: 230px;
}
/*产品结构 end*/
/*——————————————————————政务-智慧街道 产品简介  start————————————————————*/

/*——————————————————————政务-智慧街道  功能模块  start————————————————————*/
.sp-card-main-border{
	box-shadow: rgba(179,179,179,0.4) 0px 0px 12px 5px;
	border-radius:6px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	margin-bottom: 68px;
}
.sp-card-main-function-pam,
.sp-card-main-function-grid,
.sp-card-main-function-rule,
.sp-card-main-function-life,
.sp-card-main-function-work,
.sp-card-main-function-gov,
.sp-card-main-function-gis{
	height:400px;
	padding: 0 30px;
	box-sizing: border-box;
}
.sp-card-main-function-pam{
	padding-top: 64px;
}
.sp-card-main-function-grid{
	padding-top: 40px;
}
.sp-card-main-function-rule{
	padding-top: 40px;
}
.sp-card-main-function-life{
	padding-top: 64px;
}
.sp-card-main-function-data{
	padding-top: 40px;
}
.sp-card-main-function-work{
	padding-top: 64px;
}
.sp-card-main-function-gov{
	padding-top: 40px;
}
.sp-card-main-function-gis{
	padding-top: 64px;
}
.sp-card-main-function-in-pic{
	width: 432px;
}
.sp-card-main-function-pam .sp-card-main-function-in-pic{
	opacity: 0;
}
.sp-card-main-function-grid .sp-card-main-function-in-pic{
	width: 445px;
	padding-top: 20px;
	opacity: 0;
}
.sp-card-main-function-rule .sp-card-main-function-in-pic{
	width: 450px;
	padding-top: 20px;
	opacity: 0;
}
.sp-card-main-function-life .sp-card-main-function-in-pic{
	width: 432px;
	padding-top: 13px;
	opacity: 0;
}
.sp-card-main-function-data .sp-card-main-function-in-pic{
	width: 450px;
	padding-top: 20px;
	opacity: 0;
}
.sp-card-main-function-work .sp-card-main-function-in-pic{
	width: 432px;
	opacity: 0;
}
.sp-card-main-function-gov .sp-card-main-function-in-pic{
	/*width: 226px;*/
	padding-top: 24px;
	opacity: 0;
}
.sp-card-main-function-gis .sp-card-main-function-in-pic{
	width: 445px;
	opacity: 0;
}

.sp-card-main-function-in-pic-left-show{
	animation: function-in-pic-left-show 1.2s ease-in-out;
	-webkit-animation: function-in-pic-left-show 1.2s ease-in-out;
}
@keyframes function-in-pic-left-show{
	from{
		opacity: 0;
		transform: translateX(-150px);
		-webkit-transform: translateX(-150px);
	}
	50%{
		opacity: 1;
		transform: translateX(60px);
		-webkit-transform: translateX(60px);
	}
}
@-webkit-keyframes function-in-pic-left-show{
	from{
		opacity: 0;
		transform: translateX(-150px);
		-webkit-transform: translateX(-150px);
	}
	50%{
		opacity: 1;
		transform: translateX(60px);
		-webkit-transform: translateX(60px);
	}
}.sp-card-main-function-in-pic-right-show{
	animation: function-in-pic-right-show 1.2s ease-in-out;
	-webkit-animation: function-in-pic-right-show 1.2s ease-in-out;
}
@keyframes function-in-pic-right-show{
	from{
		opacity: 0;
		transform: translateX(80px);
		-webkit-transform: translateX(80px);
	}
	50%{
		opacity: 1;
		transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
	}
}
@-webkit-keyframes function-in-pic-right-show{
	from{
		opacity: 0;
		transform: translateX(80px);
		-webkit-transform: translateX(80px);
	}
	50%{
		opacity: 1;
		transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
	}
}

.sp-card-main-function-in-text{
	width: 528px;
}
.sp-card-main-function-grid .sp-card-main-function-in-text{
	width: 608px;
}
.sp-card-main-function-rule .sp-card-main-function-in-text{
	width: 529px;
}
.sp-card-main-function-life .sp-card-main-function-in-text{
	width: 608px;
}
.sp-card-main-function-work .sp-card-main-function-in-text{
	width: 608px;
}
.sp-card-main-function-gov .sp-card-main-function-in-text{
	width: 544px;
}
.sp-card-main-function-gis .sp-card-main-function-in-text{
	width: 608px;
}
.sp-card-main-function-in-text h4{
	font-size: 30px;
	color: #333;
}
.sp-card-main-function-in-text p{
	margin-top: 30px;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: #999;
}
.sp-card-main-function-in-text ul{
	margin-top: 30px;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.sp-card-main-function-in-text ul li{
	height: 30px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.sp-card-main-function-in-text ul li a{
	display: block;
	padding: 0 10px;
	box-sizing: border-box;
	line-height: 30px;
	text-align: center;
	background:rgba(240,242,245,1);
	border-radius: 6px;
	font-size: 14px;
	color: #999;
}
.sp-card-main-function-in-text ul li a:hover{
	background: linear-gradient(90deg,rgba(82,128,255,1),rgba(55,107,245,1));
	color: #fff;
}
/*——————————————————————政务-智慧街道 功能模块  start————————————————————*/

/*——————————————————————政务-智慧街道 特色服务  start————————————————————*/
.sp-card-main-service-top{
	margin-top: 68px;
}
.sp-card-main-service-plan,
.sp-card-main-service-build,
.sp-card-main-service-content,
.sp-card-main-service-operate,
.sp-card-main-research-bg{
	height: 371px;
}
.sp-card-main-service-in-text{
	padding: 50px 20px 0;
	box-sizing: border-box;
}
.sp-card-main-research-bg .sp-card-main-service-in-text{
	
	padding: 40px 20px 0;
}
.sp-card-main-service-in-text h5{
	font-size: 22px;
	font-weight: bold;
	color: #333;
}
.sp-card-main-research-bg .sp-card-main-service-in-text h5{
	font-weight: 400;
}
.sp-card-main-service-in-text h5 span{
	color: #E62118;
}
.sp-card-main-service-build .sp-card-main-service-in-text h5 span{
	color: #175BE5;
}
.sp-card-main-service-content .sp-card-main-service-in-text h5 span{
	color: #0F9912;
}
.sp-card-main-service-operate .sp-card-main-service-in-text h5 span{
	color: #FF9E01;
}
.sp-card-main-service-in-text p{
	margin-top: 20px;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	text-align: justify;
	text-justify: inter-ideograph;
}
.sp-card-main-service-in-text ul{
	margin-top: 40px;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
}
.sp-card-main-service-in-text ul li{
	padding: 0 20px;
	box-sizing: border-box;
}
.sp-card-main-service-in-text ul li a{
	display: block;
}
.sp-card-main-service-in-text ul li a dl dt{
	display: block;
	margin: 0 auto 10px;
	width: 48px;
	height: 48px;
	border: 1px #E6E6E6 solid;
	border-radius:50%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}
.sp-card-main-research-bg .sp-card-main-service-in-text ul li a dl dt{
	border: 0;
}
.sp-card-main-service-in-text ul li a dl dd{
	text-align: center;
	font-size: 14px;
	color: #333;
}
.sp-card-main-service-in-pic{
	width: 495px;
	border-radius: 6px 0px 0px 6px;
}
.sp-card-main-service-in-pic img{
	border-radius: 6px 0px 0px 6px;
}
.sp-card-main-service-in-pic-right{
	border-radius: 0px 6px 6px 0px;
}
.sp-card-main-service-in-pic-right img{
	border-radius: 0px 6px 6px 0px;
}
.sp-card-main-research-direction{
	height: 422px;
	padding: 60px 215px 0;
	box-sizing: border-box;
	display: block;
	justify-content: center;
}
.sp-card-main-research-direction h5{
	text-align: center;
	font-size: 22px;
	font-weight: 400;
	color: #333;
}
.sp-card-main-research-direction p{
	margin-top: 30px;
	line-height: 24px;
	font-size: 14px;
	color: #999;
	text-align: justify;
	text-justify: inter-ideograph;
}
.sp-card-main-research-direction ul{
	margin-top: 60px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	padding: 0 30px;
	box-sizing: border-box;
}
.sp-card-main-research-direction ul li{
	width: 130px;
	height: 130px;
	position: relative;
}
.sp-card-main-research-direction ul li p{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 15px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}
.sp-street-content{
	width: 100%;
	height: 490px;
	background: url(../images/street_research_content_bg.webp) no-repeat;
	background-size: 100% 100%;
}
.sp-card-main-header-street{
	width: 643px;
	padding-top: 68px;
	margin: 0 auto;
}
.sp-card-main-header-street h3{
	text-align: center;
	font-size: 22px;
	font-weight: 400;
	color: #fff;
}
.sp-card-main-header-street-infor h3{
	color: #333;
}
.sp-card-main-header-street-infor-content{
	margin: 30px 0 60px 0;
}
.sp-card-main-header-street-infor-content>ul{
	width: 100%;
	display: flex;
	justify-content: space-around;
}
.sp-card-main-header-street-infor-content>ul>li{
	width: 380px;
	height: 490px;
	background: rgba(255,255,255,1);
	border: 1px rgba(179,179,179,0.4) solid;
	border-radius:10px;
}
.sp-card-main-header-street-infor-content>ul>li:hover{
	box-shadow: 0px 8px 12px 0px rgba(179,179,179,0.4);
}
.sp-card-main-header-street-infor-content-title{
	height: 104px;
	background: url(../images/street_infor_title_bg.webp) left top no-repeat;
	background-size: cover;
	padding: 15px 30px 0 30px;
	box-sizing: border-box;
	border-radius:10px 10px 0 0;
}
.sp-card-main-header-street-infor-content-title h5{
	font-size: 22px;
	font-weight: 400;
	color: #fff;
}
.sp-card-main-header-street-infor-content-title p{
	margin-top: 12px;
	font-size: 12px;
	font-weight: 400;
	/*line-height: 18px;*/
	color: #fff;
}
.sp-card-main-header-street-infor-content-details{
	padding: 30px;
	box-sizing: border-box;
}
.sp-card-main-header-street-infor-content-details h6{
	line-height: 26px;
	font-size:18px;
	font-weight:400;
	color: #212B38;
}
.sp-card-main-header-street-infor-content-details>p{
	margin-top: 10px;
	line-height: 18px;
	font-size: 12px;
	font-weight: 400;
	color: #999;
}
.sp-card-main-header-street-infor-content-details ul{
	margin-top: 20px;
}
.sp-card-main-header-street-infor-content-details ul li{
	display: block;
	height: 28px;
}
.sp-card-main-header-street-infor-content-details ul li a{
	display: flex;
	justify-content: space-around;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	color: #424242;
}
.sp-card-main-header-street-infor-content-details ul li a p{
	width: 230px;
	color: #424242;
}
.sp-card-main-header-street-infor-content-details ul li a p span{
	display: inline-block;
	width:6px;
	height:6px;
	background:rgba(230,230,230,1);
	border-radius:50%;
	margin: 0 6px 3px 0;
}
.sp-card-main-header-street-infor-content-details ul li a>span{
	display: block;
	width: 80px;
	color: #999;
	text-align: right;
}
.sp-card-main-header-street-infor-content-details div{
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sp-card-main-header-street-infor-content-details div a{
	display: block;
	width:100px;
	height:30px;
	line-height: 30px;
	text-align: center;
	border:1px solid rgba(55,107,245,1);
	border-radius: 30px;
	font-size:14px;
	font-weight:400;
	color: #376BF5;
}
.sp-card-main-header-street-infor-content-details div:hover a{
	background-color: #376BF5;
	color: #fff;
}
.sp-card-main-header-street p{
	margin-top: 30px;
	line-height: 24px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}
.sp-street-content-in{
	justify-content: flex-start;
	background-color: #fff;
	margin-top: 68px;
	padding: 68px 0;
	box-sizing: border-box;
}
.sp-street-content-in-title{
	width: 260px;
	margin-right: 60px;
}
.sp-street-content-in-title>ul{
	width: 100%;
}
.sp-street-content-in-title>ul>li{
	display: block;
}
.sp-street-content-in-title>ul>li>a:hover,
.sp-street-content-in-title>ul>li>a:active,
.sp-street-content-in-title>ul>li>a.sp-street-content-in-title-acitve{
	color: #376BF5;
	background: url(../images/street_research_title_icon_hover.webp) right center no-repeat;
}
.sp-street-content-in-title>ul>li>ul>li>a:hover,
.sp-street-content-in-title>ul>li>ul>li>a:active,
.sp-street-content-in-title>ul>li>ul>li>a.sp-street-content-in-title-acitve1{
	color: #376BF5;
}
.sp-street-content-in-title>ul>li>a{
	display: block;
	line-height: 80px;
	font-size: 20px;
	color: #666;
	background: url(../images/street_research_title_icon.webp) right center no-repeat;
	border-bottom: 1px #E6E6E6 solid;
	padding-left: 30px;
	box-sizing: border-box;
}
.sp-street-content-in-title>ul>li>ul>li>a{
	display: block;
	line-height: 50px;
	font-size: 14px;
	color: #666;
	padding-left: 60px;
	box-sizing: border-box;
}
.sp-street-content-in-title>ul>li>ul>li>ul>li>a{
	display: block;
	line-height: 30px;
	font-size: 12px;
	color: #666;
	padding-left: 90px;
	box-sizing: border-box;
}
.sp-street-content-in-details{
	width: 655px;
}
.sp-street-content-in-details h5{
	font-size: 20px;
	font-weight: 400;
	color: #333;
}
.sp-street-content-in-details h5 span{
	display: inline-block;
	margin-right: 6px;
	width: 40px;
	color: #376BF5;
	background: url(../images/street_research_details_icon.webp) 4px 12px no-repeat;
}
.sp-street-content-in-details>p{
	margin-top: 30px;
	background:rgba(245,245,245,1);
	border-radius:10px;
	line-height: 24px;
	font-size: 12px;
	font-weight: 400;
	color: #666;
	padding: 30px 27px 30px;
	box-sizing: border-box;
}
.sp-street-content-in-details>p a{
	color: #376BF5;
}
.sp-street-content-in-details>ul{
	margin-top: 30px;
	width: 100%;
}
.sp-street-content-in-details>ul>li{
	display: block;
}
.sp-street-content-in-details>ul>li .sp-street-content-in-details-title{
	display: block;
	padding: 20px;
	box-sizing: border-box;
	cursor: pointer;
}
.sp-street-content-in-details>ul>li .sp-street-content-in-details-title>a{
	display: block;
}
.sp-street-content-in-details>ul>li .sp-street-content-in-details-title>a h6{
	font-size: 14px;
	font-weight: 300;
	color: #333;
}
.sp-street-content-in-details>ul>li .sp-street-content-in-details-title>a p{
	font-size: 12px;
	line-height: 24px;
	color: #666;
}
.sp-street-content-in-details_hrb{
	margin: 6px 0 5px;
	height:1px;
	background:rgba(230,230,230,1);
}
/*.sp-street-content-in-details>ul>li .sp-street-content-in-details-title:hover,*/
.sp-street-content-in-details>ul>li .sp-street-content-in-details-title:active,
.sp-street-content-in-details>ul>li .sp-street-content-in-details-title.sp-street-content-in-details-title-active{
	background:linear-gradient(90deg,rgba(55,107,245,1),rgba(81,158,255,1));
	border-radius:6px;
}
.sp-street-content-in-details>ul>li .sp-street-content-in-details-title-active a,
.sp-street-content-in-details>ul>li .sp-street-content-in-details-title-active a h6,
.sp-street-content-in-details>ul>li .sp-street-content-in-details-title-active a p{
	color: #fff;
}
.sp-street-content-in-details>ul>li .sp-street-content-in-details-title-active a .sp-street-content-in-details_hrb{
	height:1px;
	background:rgba(230,230,230,1);
	opacity:0.5;
}
.sp-street-content-in-details>ul>li .sp-street-content-in-details-title-in>ul{
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
}
.sp-street-content-in-details>ul>li .sp-street-content-in-details-title-in>ul>li{
	display: block;
}
.sp-street-content-in-details>ul>li .sp-street-content-in-details-title-in>ul>li>a{
	display: block;
	line-height: 50px;
	font-size: 14px;
	color: #333;
	border-bottom: 1px #E6E6E6 solid;
}
.sp-street-content-in-details>ul>li .sp-street-content-in-details-title-in>ul>li>ul{
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
}
.sp-street-content-in-details>ul>li .sp-street-content-in-details-title-in>ul>li>ul>li{
	display: block;
}
.sp-street-content-in-details>ul>li .sp-street-content-in-details-title-in>ul>li>ul>li>a{
	display: block;
	line-height: 50px;
	font-size: 14px;
	color: #333;
	border-bottom: 1px #E6E6E6 solid;
}
.mt-750{
	margin-top: 750px;
}
.mt-1850{
	margin-top: 1130px;
}
/*——————————————————————政务-智慧街道 特色服务  start————————————————————*/


/*——————————————————————政务-智慧街道   start————————————————————————*/