/* @media only screen and (min-width: 1024px) { */

	/* reset */
	.container-fluid {
		padding-right: 0;
		padding-left: 0;
		margin-right: auto;
		margin-left: auto;
	}

	.flex-algin-center {
		/* display: flex;
		align-items: center;
		height: -webkit-fill-available; */
	}

	.flex {
		display: flex;
	}

	.positon-r {
		position: relative;
	}


	.overviewBoxTitle {
		height: 3.63rem;
		background: url(../img/overwiew.png) no-repeat;
		background-position: center;
		position: relative;
		background-size: 100%;
	}

	.overViewTitle {
		height: 0.99rem;
		background-color: #697794;
		border-radius: 0.06rem;
		opacity: 0.7;
		position: absolute;
		width: 74%;
		left: 13%;
		bottom: 0;
		border-bottom: 0.1rem solid #1c6ed2;

	}

	.over-title {
		width: 100%;
		font-size: 0.5rem;
		font-weight: bold;
		font-stretch: normal;
		line-height: 0.13rem;
		letter-spacing: -1px;
		color: #434b65;
		position: absolute;
		top: 1.3rem;
		text-align: center;
	}

	.overViewTitle ul {
		display: flex;
		width: 100%;
		justify-content: space-around;
	}

	.overViewTitle li {
		flex: 1;
		text-align: center;
		height: 0.87rem;
		/* display: flex; */
		line-height: 0.87rem;
	}

	.overViewTitle li a {
		font-size: 0.32rem;
		font-weight: bold;
		font-stretch: normal;
		padding: 0.2rem 0.2rem;
		border-radius: 6px;
		letter-spacing: -1px;
		color: #fefefe;
	}

	.overViewTitle li a:hover {
		color: #304255;
		background-color: #ffffff;
	}

	.overViewTitle .active {
		color: #304255;
		background-color: #ffffff;
	}
	
	.overviewBoxContent{
		width: 74%;
		margin:40px auto;
		/* height: 4.91rem; */
		background-color: #ffffff;
		border-radius: 0.1rem;
		opacity: 0.88;
		background: url(../img/bg2.png) no-repeat;
		background-position: center;
		background-size: 100%;
	}
	.overflow-2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
     overflow: hidden;
	}
	.overflow-3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
     overflow: hidden;
	}
	.overflow-6{
	display: -webkit-box;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
     overflow: hidden;
	}
	.indent-25{
	text-indent:25px;
	}
	.contentChoose{
		display: none;
	}
	
	.contentTitle{
		/* font-size: 0.22rem; */
		color: #000000;
	}
	.contentTitle p{
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	    width: 100%;
	    display: inline-block;
	}

	.contentContent{
		/* font-size: 0.2rem; */
		font-weight: normal;
		font-stretch: normal;
		/* line-height: 0.35rem; */
		/* letter-spacing: -1px; */
		color: #898989;
	}
	.guideRow {
    width: 1000px;
    margin: 0 auto;

}
.guideRow a {
	display:inline-block;
	color:#fff;
    width: 400px;
    height: 155px;
    text-align: center;
    line-height: 155px;
    background-image: url(/img/guide-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 30px;
    font-weight: bold;
}
.guideRow a:hover {
    color: #23527c;
}
	.guideBox{
	/* 	height: 5.69rem; */
		background: url(../img/bg3.png) no-repeat;
		background-position: center;
		background-size: 100%;
	}
	.guideBox p{
		width: 100%;
		text-align: center;
		padding-top: 1.1rem;
		font-size: 0.58rem;
			font-weight: bold;
			font-stretch: normal;
			line-height: 0.13rem;
			letter-spacing: -1px;
			color: #ffffff;
			display: block;
			padding-bottom: 1.07rem;
	}
	
	
	.guideBox .guideTitlen{
		font-size: 0.3rem;
		font-weight: bold;
		font-stretch: normal;
		line-height: 0.13rem;
		letter-spacing: 0.01rem;
		color: #ffffff;
		text-align: center;
		position: absolute;
		width: 100%;
		top: 50%;
	}
	
	.guideBox .guideTitle{
		/* font-size: 0.42rem; */
		font-weight: bold;
		font-stretch: normal;
		line-height: 0.13rem;
		letter-spacing: 0.03rem;
		color: #3176c5;
		text-align: center;
		position: absolute;
		width: 100%;
		top: 50%;
	}
	.guideBox .col-lg-4:hover .guideTitle{
		color: #659bde;
	}
	.guideBox .col-lg-4:hover .guideTitlen{
		color: #659bde;
	}
	
	/* 招商项目 */

	.proWd{
	max-width: 340px;
	min-width: 100px;
	}
	.indexBlueTitle{
		font-size: 0.58rem;
		font-weight: bold;
		font-stretch: normal;
		line-height: 13px;
		letter-spacing: -1px;
		color: #1c6ed2;
		text-align: center;
		margin: 1.47rem 0;
		background: url(../img/zsbg.png) no-repeat;
	}	
	.cityBlueTitle{
		font-size: 0.4rem;
		font-weight: bold;
		font-stretch: normal;
		line-height: 13px;
		letter-spacing: -1px;
		color: #1c6ed2;
		text-align: center;
		margin:0px 0px 0.25rem 0px;
		background: url(../img/zsbg.png) no-repeat;
	}	
	.proRound{
		width: 1.76rem;
		height: 1.76rem;
		background-color: #ffffff;
		border: solid 4px #1c6ed2;
		border-radius: 100%;
		position: relative;
		margin: 0 auto;
		margin-bottom: 0.4rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.proBox{
		text-align: center;
		background: url(../img/zsbg.png) no-repeat;
	}
	.proBox .contentContent{
		margin: 0.21rem 0;
		display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
	}
	.proRound>div{
		position: absolute;
		font-size: 0.2rem;
			font-weight: bold;
			font-stretch: normal;
			line-height: 0.3rem;
			letter-spacing: 0px;
			color: #1d8ab7;
	}
	.proRound>div>p{
		text-align: center;
	}
	.proRound>div>p>span{
		font-size: 0.34rem;
		color: #040404;
	}
	
	.cityBox{
			margin-bottom: 1rem;
	}
	
	.cityBox .my-bullet {
		width: 0.15rem;
		height: 0.08rem;
		background-color: #d3d3d3;
		border-radius: 0.04rem;
		display: inline-block;
		margin: 0 0.02rem;
		outline-style: none;
	}
	
	.cityBox .my-bullet-active {
		width: 0.53rem;
		height: 0.08rem;
		background-color: #093284;
		border-radius: 4px;
	}
	.cityBox .swiper-pagination {
		bottom: -25px;
		position: relative;
		z-index:1000;
	}
	
	.cityBox .swiper-button-next {
	    background-image: url(../img/br.png);
	    right: -50px;
		background-size: 0.62rem;
	    left: auto;
		outline-style: none;
	}
	
	.cityBox .swiper-button-prev{
		background-image: url(../img/bl.png);
		background-size: 0.62rem;
	    left: -50px;
	    right: auto;
		outline-style: none;
	}
	
	.cityBox .swiper-button-next, .cityBox .swiper-button-prev{
		    width: 0.62rem;
		    height: 0.62rem;
		}
		
		.gardenBox{
			height: 4.86rem;
			background-image: url(../img/bg4.png);
			background-size: 100%;
			background-position: center;
			
		}
		
		.gardenBox .wbgc{
			width: 74%;
			margin: 0 auto;
		background: url(../img/zsbg.png) no-repeat;
			height: 4.86rem;
			padding: 0.57rem;
			position: relative;
		}
		.gardenBox .contentgd{
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 4;
			overflow: hidden;
		}
		.garden .swiper-button-next {
		    background-image: url(../img/wr.png);
		    right: -50px;
			background-size: 0.62rem;
		    left: auto;
			outline-style: none;
		}
		
		.garden .swiper-button-prev{
			background-image: url(../img/wl.png);
			background-size: 0.62rem;
		    left: -50px;
		    right: auto;
			outline-style: none;
		}
		
		.garden .swiper-button-next, .garden .swiper-button-prev{
			    width: 0.62rem;
			    height: 0.62rem;
			}
			
			.investmetnContent{
				height: auto;
				background: url(../img/bgin.png);
				background-size: 100%;
				background-position: center;
				width: 100%;
				padding: 0.95rem;
			}
			.investmetnContent .guideTitle{
				color: #659bde;
			}
			.investmetnContent .inImg{
				position: relative;
				display: inline-block;
				border-radius: 0.06rem;
				margin-bottom: 0.93rem;
				min-height: 2.2rem;
			}
			.inBlue{
				position: absolute;
				bottom: 0;
				border-radius: 0.06rem;
				height: 1rem;
				background-color: #1c6ed2;
				opacity: 0.7;
				width: 100%;
				font-size:0.24rem;
					font-weight: bold;
					font-stretch: normal;
					line-height: 0.4rem;
					letter-spacing: 0px;
					color: #ffffff;
					padding-left: 0.19rem;
			}
			.specialMask{
				display:block;
				width: 100%;
				height: 100%;
				background-image:url(../img/bn1.png);			
				border-radius: 0.06rem;
				opacity: 0.7;
				text-align: center;
				position: absolute;
				font-size: 0.3rem;
				font-weight: bold;
				color: #ffffff;
				padding: 50px 0;
				max-height: 160px;
			}
			
			
			.specialMask:hover{
				font-size: 0.35rem;
			}
			.listMask{
				display: none;
				width: 100%;
				height: 100%;
				background-color: #1c6ed2;
				border-radius: 0.06rem;
				opacity: 0.7;
				text-align: center;
				position: absolute;
				top:0;
				left: 0;
			}
			.maskTitle{
				font-size: 0.3rem;
				font-weight: normal;
				font-stretch: normal;
				line-height: 0.4rem;
				letter-spacing: 1px;
				color: #ffffff;
				top:50%;
			}
			.listMask>div{
				display: flex;
				justify-content: center;
				align-items: center;
				height: inherit;
				width: 100%;
				flex-direction: column;
			}
			
			.inImg:hover .listMask{
				display: block;
			}
			.inImg:hover .inBlue{
				display: none;
			}
			.baseNav{
				margin: 0.34rem 0 0 0.48rem;
			}
			
			.baseNav li a{
				font-size: 0.22rem;
				letter-spacing: 0px;
				color: #000;
				font-weight: 700;
				margin-right: 0.66rem;
			}
			.baseNav li a:hover{
				color: #22588c;
				font-weight: 700;
			}
			.baseNav .active{
				color: #22588c;
			}
			.contactBox h2{
				margin: 0.5rem 0.2rem;
			}
			.contactBox p{
				margin: 0.2rem;
				font-size: 0.18rem;
				color: #575757;
			}
			.contactBox img{
				/* width: 100%; */
			}
			.page a{
				margin-left: 0.2rem;
			}
			.pagination {
	text-align:center;
	color:#aaa;
	height:50px;
}
.pagination a, .pagination strong {
	color:#333;
	border:1px solid #ddd;
	background:#fff;
	margin:0 3px;
	text-decoration:none;
	display: inline-block;
	padding-left:10px;
	padding-right:10px;
	height:25px;
	line-height:25px;
}
.pagination a:hover {
	background:#005FCB;
	color:#fff;
}
.pagination strong {
	background:#005FCB;
	color:#fff;
}
			.gallery-top{
				width: 60%;
				margin: 0 auto;
				margin-bottom: 0.46rem;
			}
			
			.cityMock{
				position: absolute;
				bottom: 0;
					height: 15%;
					background-color: #1c6ed2;
					border-radius: 0.06rem;
					opacity: 0.7;
					font-size: 0.16rem;
					font-weight: bold;
					font-stretch: normal;
					letter-spacing: 0px;
					color: #ffffff;
			width: 100%;
			display: flex;
			align-items: center;
			padding-left: 0.26rem;
			}
			
			.overTitle{
				display: flex;
				justify-content: space-around;
				align-items: center;
				margin: 1.35rem 0;
			}
			.overContent{
				padding: 0.5rem 0;
				}
			.overTitle p{
				font-size: 0.48rem;
				font-weight: normal;
				font-stretch: normal;
				/* line-height: 0.13rem; */
				letter-spacing: -2px;
				color: #1c6ed2;
			}
			.overTitle p:first-child,.overTitle p:last-child{
				flex: 1;
				height: 0.03rem;
				background-color: #1c6ed2;
				margin: 0 0.2rem;
			}
			.over{
				height: 2.45rem;
				margin: 0.5rem 0;
			}
			.over-one{
				background: url(../img/o1.png) center no-repeat;
					background-size: 100%;
			}
			.over-two{
				background: url(../img/o2.png) center no-repeat;
					background-size: 100%;
			}
			.over-three{
				background: url(../img/o3.png) center no-repeat;
					background-size: 100%;
			}
			.oneBgc{
				position: absolute;
				top: 0;
				left: 0;
			}
			.investmenTitle{
				width: 80%;
				margin: 0 auto;
				display: flex;
				justify-content: space-around;
				align-items: center;
			}
			.investmenTitle p:first-child,.investmenTitle p:last-child{
				height: 0.03rem;
				flex: 1;
				margin:0 0.4rem;
				background-color: #1c6ed2;
			}
			
			
			.investmet-round{
				width: 0.13rem;
					height: 0.13rem;
					background-image: linear-gradient(
						#1c6ed2, 
						#1c6ed2), 
					linear-gradient(
						#093284, 
						#093284);
					background-blend-mode: normal, 
						normal;
					border-radius: 4px;
					display: inline-block;
					margin-right: 0.3rem;
				}
				.investmetnContentContent li{
					display: flex;
					justify-content: space-around;
					align-items: baseline;
					margin: 0.3rem 0;
				}
				.investmetnContentContent li p:first-child{
					font-size: 20px;
						font-weight: bold;
						font-stretch: normal;
						letter-spacing: -1px;
						word-wrap: normal;
						color: #1c6ed2;
						margin-right: 0.5rem;
				}
				.investmetnContentContent li p:last-child{
					flex: 2;
					font-size: 0.2rem;
						font-weight: normal;
						font-stretch: normal;
						line-height: 33px;
						color: #898989;
				}
				.invest strong{
					font-size: 0.22rem;
						font-weight: bold;
						font-stretch: normal;
						line-height: 0.13rem;
						letter-spacing: -1px;
						color: #1c6ed2;
						margin: 0.55rem 0 0.25rem;
				}
				.swiperBottom{
					margin-top: 0.3rem;
				}
				.swiperBottom p{
					font-size: 0.21rem;
					font-weight: normal;
					letter-spacing: 0px;
					color: #808080;
				}
				.swiperBottom strong{
					color: #484848;
				}

/* } */

