@media screen and (min-width:1200px) {
			.case {
				width: 75%;
				margin: auto;
			}
			.circle {
				width: 4rem;
				height: 4rem;
				border-radius: 50%;
				background-color: #121DAB;
				position: absolute;
				margin-top: -2.1rem;
			
			}
			.circle img {
				width: 2.5rem;
				margin: 11px 11px;
				position: relative;
			}
			
			.caseTag-img {
				width: 25%;
				background-image: url(../img/城乡治理-背景.png);
				position: relative;
				background-size: cover;
			}
			.title-text{
				font-size: 1.1rem;
				    letter-spacing: 1px;
				    font-weight: 500;
				    text-align: center;
			}
			.text{
			    margin-top: 30px;
			    text-align: center;
			    line-height: 2;
			    font-size: 0.8rem;
			    color: #686666;
			}
			.text h4{
				font-size: 0.8rem;
				color: #686666;
				font-weight: 500;
			}
			.title-link{
				    display: flex;
				    justify-content: center;
				    margin-top: 15px;
			}
        }

        @media screen and (min-width:960px) and (max-width:1200px) {
           .case {
           	width: 75%;
           	margin: auto;
           }
           .circle {
           	width: 4rem;
           	height: 4rem;
           	border-radius: 50%;
           	background-color: #121DAB;
           	position: absolute;
           	margin-top: -2.1rem;
           
           }
           .circle img {
           	width: 2.5rem;
           	margin: 11px 11px;
           	position: relative;
           }
           
           .caseTag-img {
           	width: 25%;
           	background-image: url(../img/城乡治理-背景.png);
           	position: relative;
           	background-size: cover;
           }
           .title-text{
           	font-size: 1.1rem;
           	    letter-spacing: 1px;
           	    font-weight: 500;
           	    text-align: center;
           }
           .text{
               margin-top: 30px;
               text-align: center;
               line-height: 2;
               font-size: 0.8rem;
               color: #686666;
           }
           .text h4{
           	font-size: 0.8rem;
           	color: #686666;
           	font-weight: 500;
           }
           .title-link{
           	    display: flex;
           	    justify-content: center;
           	    margin-top: 15px;
           }
        }

        @media screen and (max-width:960px) {
           .case {
               width:95%;
               margin: auto;
           }
		   .circle {
		       width: 3rem;
		       height: 3rem;
		       border-radius: 50%;
		       background-color: rgb(18, 29, 171);
		       position: absolute;
		       margin-top: -2.1rem;
		   }
		   .circle img {
		       width: 1.6rem;
		       margin: 11px;
		       position: relative;
		   }
		   .caseTag-img {
		   	width: 50%;
		   	background-image: url(../img/城乡治理-背景.png);
		   	position: relative;
		   	background-size: cover;
		   }
		   .title-text {
		       font-size: 1.3rem;
		       letter-spacing: 1px;
		       font-weight: bold;
		       text-align: center;
		   }
		   .text {
		       margin-top: 30px;
		       text-align: center;
		       line-height: 2;
		       font-size: 1rem;
		       color: #686666;
		   }
		   .text h4 {
		       font-size: 1rem;
		       color: #686666;
		       font-weight: 500;
		   }
		   .title-link {
		       display: flex;
		       justify-content: center;
		       margin-top: 10px;
		   }
        }

body {
	padding: 0px;
	margin: 0px;
}

.entirety {
	width: 100%;
	margin: 0px;
}

.main-image {
	width: 100%;
	/* height: 28rem; */
}

.main-image img {
	width: 100%;
	height: 100%;
}



.disply {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}




.circleDisply {
	display: flex;
	justify-content: center;
}



.circle-txt {
	text-align: center;
	font-size: 0.9rem;
	color: #1B1D67;
	font-weight: 600;
	padding: 5rem 1rem 4rem;
}
.top{
	margin-top: 35px;
}


.title-link span{
	    width: 3rem;
	    display: block;
	    height: 2px;
	    background: #1A1E65;
}


.images{
	width: 100%;
}
.images img{
	width: 100%;
	height: 100%;
}