.middle {
	text-align: center;
	width: 100%
}

.agent-paper {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center
}

.agent-paper .top {
	text-align: center;
	width: 100%;
	padding-top: 80px
}

.agent-paper .top .content-1 {
	font-size: 14px;
	color: #999
}

.agent-paper .top .content-2 {
	line-height: 40px;
	font-size: 30px;
	color: #2b2b2b;
	font-weight: bold
}

.agent-paper .top .content-3 {
	display: inline-block;
	border-top: 1px solid #b2b2b2;
	width: 162px;
	margin: 2px auto 0 20px
}

.agent-paper .top .content-4 {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 8px;
	background-color: #b2b2b2;
	left: -93px;
	top: 3px
}

.agent-paper .middle .district {
	background-color: #f2f2f2;
	width: 366px;
	height: 380px;
	/*margin-left: 20px;*/
	margin-top: 30px;
	vertical-align: top;
	display: inline-block;
	overflow: hidden
}

.agent-paper .middle .hover-dis {
	opacity: .5;
	background-color: #59c7fa;
	color: #fff
}

.agent-paper .middle .hover-dis .ap-text,.agent-paper .middle .hover-dis .circle {
	color: #fff!important;
	position: relative
}

.agent-paper .middle .district .circle {
	margin: 61px auto 10px;
	width: 134px;
	height: 134px;
	border-radius: 50%;
	background-color: #fff!important
}

.agent-paper .middle .district .circle-1 {
	background: url(../images/icon-index-1.png?v=201904151608) 37px 41px no-repeat
}

.agent-paper .middle .district .circle-2 {
	background: url(../images/icon-index-1.png?v=201904151608) -88px 41px no-repeat
}

.agent-paper .middle .district .circle-3 {
	background: url(../images/icon-index-1.png?v=201904151608) -198px 41px no-repeat
}

.agent-paper .middle .district .circle-4 {
	background: url(../images/icon-index-1.png?v=201904151608) -307px 41px no-repeat
}

.agent-paper .middle .district .ap-text {
	line-height: 24px;
	text-align: center;
	margin: 0 auto
}

.agent-paper .middle .district .ap-text-1 {
	width: 170px;
	font-size: 18px;
	margin-top: 8px;
	color: #2b2b2b
}

.agent-paper .middle .district .ap-text-2 {
	width: 210px;
	font-size: 14px;
	margin-top: 10px;
	color: #787878
}

.agent-paper-1 {
	height: 760px;
	background-color: #f7f7f7;
	margin-top: 86px
}

.agent-paper-1 .region {
	padding-top: 30px;
	color: #000;
	text-align: center;
	width: 1225px;
	margin: 0 auto
}

.agent-paper-1 .region .imtc {
	float: left;
	width: 285px;
	height: 190px;
	background-color: #fff;
	margin: 15px 20px 15px 0;
	padding: 0
}

.agent-paper-1 .region .imtc .imtc-img {
	display: block;
	margin: 10px;
	overflow: hidden;
	height: 165px
}

.agent-paper-1 .region .imtc .imtc-img img {
	width: 260px
}

.agent-paper-1 .region .check-more {
	margin: 26px auto;
	text-align: center
}

.agent-paper-1 .region .check-more a {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	border-radius: 18px;
	background-color: #59c7f9;
	font-size: 14px;
	line-height: 41px;
	width: 173px;
	height: 41px
}

.agent-paper-2 {
	width: 100%;
	height: 480px;
	margin: 0 auto
}

.agent-paper-2 .middle {
	text-align: center;
	width: 1250px;
	margin: 26px auto
}

.agent-paper-2 .middle ul {
	list-style: none;
	margin: 0 auto;
	width: auto
}

.agent-paper-2 .middle ul li {
	width: 171px;
	height: 200px;
	float: left;
	margin-left: 87px
}

.agent-paper-2 .middle ul li:first-child {
	margin-left: 23px
}

.agent-paper-2 .middle ul li .circle {
	background-color: #08a1ef!important;
	width: 171px;
	height: 171px;
	border-radius: 50%
}

.agent-paper-2 .middle ul li .circle-1 {
	background: url(/image/exqmodel/sprite.png?v=201904151608) 56px -1588px no-repeat
}

.agent-paper-2 .middle ul li .circle-2 {
	background: url(/image/exqmodel/sprite.png?v=201904151608) -72px -1591px no-repeat
}

.agent-paper-2 .middle ul li .circle-3 {
	background: url(/image/exqmodel/sprite.png?v=201904151608) -200px -1594px no-repeat
}

.agent-paper-2 .middle ul li .circle-4 {
	background: url(/image/exqmodel/sprite.png?v=201904151608) -329px -1591px no-repeat
}

.agent-paper-2 .middle ul li .circle-5 {
	background: url(/image/exqmodel/sprite.png?v=201904151608) -447px -1595px no-repeat
}

.agent-paper-2 .middle ul li .service-text {
	margin-top: 20px;
	color: #2b2b2b;
	font-size: 18px
}

@media only screen and (max-width:768px) 
{
 .agent-paper .middle .district
 {
    background-color: #f2f2f2;
    width: 347px;
    height: 380px;
    /* margin-left: 20px; */
    margin-top: 30px;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;}
}