.cityManagement{

	background-color: #f6f6f6;

	padding: 80px 0 56px;

}

.cityManagement li{

	display: flex;

	align-items: center;

	background-color: #fff;

	margin-bottom: 54px;

}

.cityManagement li .pic{

	width: 46.6%;

}

.cityManagement li .text-box{

	/* display: flex;

	align-items: center; */

	/* justify-content: space-between; */

	flex: 1;

	box-sizing: border-box;

	padding: 0 70px;

}

.cityManagement li .text-box .title{

	position: relative;

	font-size: 34px;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #222222;

	line-height: 1;

	padding-bottom: 39px;

	margin-bottom: 27px;

}

.cityManagement li .text-box .title::before{

	position: absolute;

	content: "";

	left: 0;

	bottom: 0;

	width: 61px;

	height: 4px;

	background: #003EA8;

}

.cityManagement li .text-box .desrciption{

	font-size: 16px;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #666666;

	line-height: 30px;

	margin-bottom: 52px;

}

.cityManagement li .text-box .more1{

	width: 180px;

	height: 46px;

	background: #003EA8;

	border-radius: 23px;



}

.cityManagement li .text-box .more1:hover{

	background-color: rgba(0,62,168,0.7);

}

.cityManagement li .text-box .more1 a{

	display: flex;

	width: 100%;

	height: 100%;

	padding: 0 29px 0 37px;

	justify-content: space-between;

	align-items: center;

	font-size: 14px;

	color: #fff;

	box-sizing: border-box;

}

.cityManagement li .text-box .more1 .text{

	line-height: 1;

}

.cityManagement li .text-box .more1 a .iconfont{

	margin-top: -1px;

}

.cityManagement-details{



}

.system-introduction{

	padding: 80px 0 70px;

	background-color: rgba(248, 248, 248, 1);

	text-align: center;

}

.system-introduction .content1500 img{

    max-width: 100%;

    height: auto;

}

.system-introduction .title{

	font-size: 34px;

	font-family: PingFang;

	font-weight: 800;

	color: #333333;

	line-height: 1;

	margin-bottom: 28px;

}

.system-introduction .description{

	font-size: 16px;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #666666;

	line-height: 36px;

	margin-bottom: 78px;

}

.system-introduction .pic img{

	width: 100%;

	display: block;

}

.system-application{

	padding: 104px 0 92px;

}

.system-application .title{

	font-size: 34px;

	font-family: PingFang;

	font-weight: 800;

	color: #333333;

	line-height: 34px;

	text-align: center;

	margin-bottom: 92px;

}

.system-application .content1500{

	display: flex;

	justify-content: space-between;

}

.kj{

    width: 100%;



}

.system-application .left .li-title{

	font-size: 16px;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #333333;

	line-height: 1;

	margin-bottom: 10px;

	text-align: left;

}

.system-application .left{

	width: 59%;

}

.system-application .left li{

	display: none;

}

.system-application .left li.active{

	display: block;

}

.system-application .left .li-description{

	font-size: 16px;

	font-family: Microsoft YaHei;

	color: #333333;

	line-height: 36px;

	margin-bottom: 46px;

	text-align: left;

}

.system-application .left .imgs{

	display: flex;

	justify-content: space-between;

}

.system-application .left .imgs .imgs-left{

	width: 62.4%;

}

.system-application .left .imgs .imgs-right{

	width: 36.3%;

}

.system-application .left .imgs img{

	display: block;

	width: 100%;

}

.system-application .left .imgs .imgs-right{

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}

.system-application .right li{

	width: 370px;

	height: 49px;

	background: #F8F8F8;

	font-size: 16px;

	font-family: PingFang;

	font-weight: 500;

	color: #333333;

	line-height: 49px;

	padding: 0 29px;

	box-sizing: border-box;

	margin-bottom: 7px;

	cursor: pointer;

	text-align: left;

}

.system-application .right li.active{

	height: 82px;

	background: linear-gradient(to right, #003EA8, #1553BC);

	box-shadow: 0px 5px 16px 0px rgba(0, 62, 168, 0.3);

	color: #fff;

	line-height: 82px;

	font-size: 20px;

	font-weight: bold;

}

.system-application .right li:last-child{

	margin-bottom: 0;

}

.character-value{

	background-color: rgba(248, 248, 248, 1);

	padding: 78px 0 66px;

	text-align: center;

}

.character-value .title{

	font-size: 34px;

	font-family: PingFang;

	font-weight: 800;

	color: #333333;

	line-height: 1;

	margin-bottom: 63px;

}

.character-value .description{

	font-size: 16px;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #888888;

	line-height: 36px;

	margin-bottom: 63px;

	display: none;

}
.zz{
    text-align: center;
}

.character-value .list ul{

	display: flex;

	justify-content: space-between;

}

.character-value .list li{

	text-align: left;

	background-color: #fff;

	width: 23%;

	padding: 39px 36px 36px 27px;

	box-sizing: border-box;

}

.character-value .list li .icon{

	/* display: flex; */

	height: 64px;

	/* align-items: center; */

	margin-bottom: 15px;

	transition: all 0.6s;

	display: inline-block;

	line-height: 64px;

}

.character-value .list li:hover .icon{

	transform: rotateY(180deg);

}

.character-value .list li .iconfont{

	color: rgba(227, 227, 227, 1);

	font-size: 64px;

	vertical-align: middle;

}

.character-value .list li .icon-fugai{

	margin-left: -10px;

}

.character-value .list li .icon-liucheng{

	font-size: 48px;

	font-weight: bold;

}

.character-value .list li .icon-layerscengji

{

	font-size: 48px;

}

.character-value .list li .icon-credit_line{

	font-size: 52px;

}

.character-value .list li .li-title{

	font-size: 22px;

	font-family: PingFang;

	font-weight: bold;

	color: #222222;

	line-height: 1;

	border-bottom: 1px solid rgba(235, 235, 235, 1);



}

.character-value .list li .li-title span{

	position: relative;

	padding-bottom: 23px;

	display: inline-block;

}

.character-value .list li .li-title span::before{

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 65px;

	height: 2px;

	background: #003EA8;

}

.character-value .list li .li-description{

	font-size: 14px;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #666666;

	line-height: 30px;

	margin-top: 16px;

}

.city-case{

	padding: 75px 0 47px;



}

.city-case .title{

	font-size: 34px;

	font-family: PingFang;

	font-weight: 800;

	color: #333333;

	line-height: 1;

	margin-bottom: 62px;

	text-align: center;

}

.city-case .list ul{

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.city-case .list li{

	width: 31.4%;

	margin-bottom: 0;

}

.city-case .list li .text{

	font-size: 18px;

	font-family: PingFang;

	font-weight: bold;

	color: #222222;

	line-height: 36px;

	margin-top: 21px;

}

.service-profile{

	text-align: center;;

	background-color: rgba(248, 248, 248, 1);

	padding: 80px 0 59px;

}

.service-profile .title{

	font-size: 34px;

	font-family: PingFang;

	font-weight: 800;

	color: #333333;

	line-height: 1;

}

.service-profile .description{

	font-size: 16px;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #666666;

	line-height: 36px;

	margin-top: 28px;

}

.service-profile .list{

	margin-top: 53px;

}

.service-profile .list ul{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.service-profile .list li{

	text-align: left;

	width: 31%;

	background-color: #fff;

	padding: 43px 33px 36px;

	box-sizing: border-box;

	margin-bottom: 47px;

}

.service-profile .list li .icon{

	height: 67px;

	line-height: 67px;

	transition: all 0.6s;

	display: inline-block;

}

.service-profile .list li:hover .icon{

	transform: rotateY(180deg);

}

.service-profile .list li .icon img{

	/* vertical-align: middle; */

}

.service-profile .list li .li-title{

	margin-top: 22px;

	font-size: 22px;

	font-family: PingFang;

	font-weight: bold;

	color: #222222;

	line-height: 1;

	border-bottom: 1px solid rgba(235, 235, 235, 1);

}

.service-profile .list li .li-title span{

	display: inline-block;

	padding-bottom: 23px;

	position: relative;

}

.service-profile .list li .li-title span::before{

	position: absolute;

	left: 0;

	bottom: 0;

	content: "";

	width: 128px;

	height: 2px;

	background: #003EA8;

}

.service-profile .list li .li-description{

	font-size: 14px;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #666666;

	line-height: 30px;

	margin-top: 16px;

}

.service-advantages{

	padding: 92px 0 118px;

	text-align: center;

}

.service-advantages .content1500 img,

.service-profile .content1500 img{

    max-width: 100%;

}

.vo{

	/*padding: 92px 0 118px;*/

	text-align: center;

}



.service-advantages .title{

	font-size: 34px;

	font-family: PingFang;

	font-weight: 800;

	color: #333333;

	line-height: 1;

}

.service-advantages .description{

	font-size: 16px;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #777777;

	line-height: 36px;

	margin-top: 28px;

}

.service-advantages .list{

	margin: 60px 0 90px;



}

.service-advantages .list ul{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.service-advantages .list li{

    width: 16.6%;

    margin-bottom: 60px;

}

.service-advantages .list li span{

    display: block;

    position: relative;

	width: 177px;

	height: 177px;

	line-height: 0px;

	text-align: center;

	/*background: rgba(80, 141, 244, 0.1);*/

	border: 1px dashed  #e7e7e7;

	/*border-radius: 50%;*/

	font-size: 22px;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #003EA8;

	border-radius: 50px;

	margin: 0 auto;

	max-width: 100%;

}

.service-advantages .list li span:before{

    position: absolute;

    content:"";

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    border: 1px dashed #cfcfcf;

    border-radius: 50px;

    transform: rotate(45deg);

}

.service-advantages .list li span .icon{

    width: 50px;

    height: 50px;

    border-radius: 50%;

    border: 1px solid #c1c1c1;

    line-height: 50px;

    text-align: center;

    margin: 17px auto 36px;

}

.service-advantages .list li span p{

    line-height: 1;

}

.service-advantages .list i{

	width: 16.6%;

	/*display: none;*/

}

.service-advantages .list li span:hover{

	/*background: rgba(80, 141, 244, 0.3);*/

	cursor: pointer;

}

.service-advantages .content ul{

	display: flex;

	justify-content: space-between;

}

.service-advantages .content li{

	display: flex;

	width: 48.4%;

	background-color: rgba(247, 247, 247, 1);

	align-items: center;

	text-align: left;

}

.service-advantages .content li .li-left{

	width: 52%;

}

.service-advantages .content li .li-right{

	flex: 1;

	padding:  34px;

}

.service-advantages .content li .li-title{

	font-size: 22px;

	font-family: PingFang;

	font-weight: bold;

	color: #333333;

	line-height: 1;

}

.service-advantages .content li .li-description{

	font-size: 16px;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #333333;

	line-height: 30px;

	margin-top: 23px;

}

.cityService .city-case{

	background-color: rgba(248, 248, 248, 1);

}

.end{

    margin-top: 60px;

}

.end .content1500{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.end .content1500 .end-r span{

	display: inline-block;

	height: 40px;

	line-height: 40px;

	text-align: center;

	width: 80px;

	background-color: #1553BC;

	border-radius: 25px;

}

.end .content1500 .end-r span a{

	color: #fff;

	display: block;

}

.end p{

    text-align: left;

}

.end p a{

	font-size: 14px;

	color: #666666;

	line-height: 2;

	text-align: left;

}

.end p a:hover{

	color: #1553BC;

}

@media(max-width:1400px){

    .service-advantages .list li span{

        width: 150px;

        height: 150px;

        margin-bottom: 30px;

    }

    /*.service-advantages .list i{*/

    /*    width: 150px;*/

    /*}*/

}

@media (max-width:1360px) {

	.cityManagement li .text-box .title{

		font-size: 28px;

		margin-bottom: 20px;

		padding-bottom: 17px;

	}

	.cityManagement li .text-box .desrciption{

		margin-bottom: 25px;

	}

	.cityManagement li .text-box{

		padding: 0 35px;

	}

	.service-advantages .content li .li-title{

		font-size: 18px;

	}





}

@media (max-width:1199px) {

    .service-advantages .list li,.service-advantages .list i{

        width: 20.6%;

    }

	.cityManagement li .text-box{

		padding: 35px;

	}

	.cityManagement li .text-box .title{

		font-size: 24px;

	}

	.cityManagement li:nth-child(2n){

		flex-direction: column-reverse;

	}

	.cityManagement li{

		flex-wrap: wrap;

	}

	.cityManagement li .pic{

		width: 100%;

	}

	.system-introduction .title,

	.system-application .title,

	.character-value .title,

	.city-case .title,

	.service-profile .title,

	.service-advantages .title{

		font-size: 26px;

	}

	.system-introduction .description{

		margin-bottom: 50px;

	}

	.system-application .content1500{

		flex-wrap: wrap;

		flex-direction: column-reverse;

	}

	.system-application{

		padding: 60px 0;

	}

	.system-application .title{

		margin-bottom: 40px;

	}

	.system-application .right li{

		width: 100%;

	}

	.system-application .left{

		width: 100%;

		margin-top: 50px;

	}

	.character-value .list ul{

		flex-wrap: wrap;

	}

	.character-value .list li{

		width: 47%;

		margin-bottom: 30px;

		padding: 15px 30px 30px;

	}

	.character-value .list li .li-title{

		font-size: 20px;

	}

	.character-value .list li .iconfont{

		font-size: 50px;

	}

	.character-value .list li .icon-liucheng{

		font-size: 40px;

	}

	.character-value .list li .icon-layerscengji{

		font-size: 40px;

	}

	.character-value .list li .icon-credit_line{

		font-size: 42px;

	}

	.city-case .list li{

		width: 48%;

	}

	.service-profile .list li{

		width: 47%;

	}

	.service-profile .list li .icon img{

		width: 40px;

	}

	.service-profile .list li .icon{

		height: 50px;

	}

	.service-profile .list li .li-title{

		font-size: 20px;

	}

	.service-advantages .list ul{

		flex-wrap: wrap;

	}

	/*.service-advantages .list li span,*/

	/*.service-advantages .list i{*/

	/*	margin: 0 20px 40px;*/



	/*}*/

	.service-advantages .list{

		margin-bottom: 50px;

	}

	.service-advantages .content ul{

		flex-wrap: wrap;

	}

	.service-advantages .content li{

		width: 100%;

		margin-bottom: 20px;

	}

}

@media (max-width:800px){

    .service-advantages .list li, .service-advantages .list i{

        width: 31%;

    }

	.service-advantages .list li span{

		width: 120px;

		height: 120px;

		line-height: 120px;

		font-size: 18px;

		border-radius: 30px;

	}

	.service-advantages .list i{

	    /*width: 120px;*/

	    /*display: block;*/

	}

	.service-advantages .list li span .icon{

	    margin-bottom: 17px;

	}

	.service-advantages .list li span:before{

	    border-radius: 30px;

	}

	.service-advantages .content li{

		flex-wrap: wrap;

	}

	.service-advantages .content li .li-left{

		width: 100%;

	}

	.service-advantages .content li .li-right{

		padding: 34px;

	}

	.end .content1500{

		flex-wrap: wrap;

	}

	.end .content1500 .end-l{

		width: 100%;

		margin-bottom: 30px;

	}

	.end .content1500 .end-r span{

		height: 30px;

		line-height: 30px;

		font-size: 14px;

	}

	.system-application .right li{

		padding: 0 20px;

	}

}

@media (max-width:500px){

    .service-advantages .list li span .icon{

        width: 30px;

        height: 30px;

        line-height: 30px;

        font-size: 16px;

        margin: 14px auto 10px;

    }

    .service-advantages .list li span p{

        font-size: 16px;

    }

    .service-advantages .list li span{

        width: 100px;

        height: 100px;

    }

    .service-advantages .list li, .service-advantages .list i{

        width: 48%;

    }

	.cityManagement{

		padding: 40px 0;

	}

	.cityManagement li .text-box{

		padding: 25px 15px;

	}

	.cityManagement li .text-box .title{

		font-size: 22px;

	}

	.cityManagement li .text-box .more1{

		height: 36px;

	}

	.cityManagement li{

		margin-bottom: 30px;

	}

	.system-introduction .title, .system-application .title, .character-value .title, .city-case .title, .service-profile .title, .service-advantages .title{

		font-size: 22px;

	}

	.character-value .list li{

		width: 100%;

	}

	.city-case .list li{

		width: 100%;

		margin-bottom: 20px;

	}

	.city-case .list li .text{

		font-size: 16px;

		margin-top: 7px;

	}

	.system-introduction,.character-value,.city-case{

		padding-top: 50px;

	}

	.character-value{

		padding-bottom: 36px;

	}

	.service-profile .list li{

		width: 100%;

		margin-bottom: 25px;

	}

	.service-advantages{

		padding-bottom: 48px;

	}

}