.active-services{

	border-bottom: 2px solid white;

}

.bg1{

	background-image: url('../../img/city/city_banner.jpg');

	background-size: cover;

	background-repeat: no-repeat;

	padding-top: 1px;

	padding-bottom: 200px;

}

.bg1 h3{

	color: white; 

	font-size: 30px;

	margin-top: 160px;

	margin-left: 200px;

}

.bg1 p{

	color: white;

	margin-left: 200px;

	width: 484px;

	text-align: justify;

}

@media (max-width:768px) {

	.bg1{

		height: 340px;

	}

	.bg1 h3{

		margin-top: 80px;

		margin-left: 30px;

	}

	.bg1 p{

		margin-top: 30px;

		margin-left: 30px;

		margin-right: 30px;

		width: auto;

		font-size: 14px;

	}

}

.title{

	font-size: 40px;

	color: #000000;

	font-weight: bold;

	text-align: center;

	height: 200px;

	line-height: 200px;

}

.bg-campus-title1{

	letter-spacing: 8px;

	background-image: url('../../img/city/city_title_1.png');

	background-repeat: no-repeat;

	background-position: 50%;

}


.bg-campus-title4{

	background-image: url('../../img/city/Corefeature.png');

	background-repeat: no-repeat;

	background-position: 50%;

}

.bg-campus-title5{

	letter-spacing: 8px;

	background-image: url('../../img/city/city_title_5.png');

	background-repeat: no-repeat;

	background-position: 50%;

}

.p1{

	white-space: pre-wrap;

	width: 230px;

	margin: 0 auto;

	margin-top: 50px;

	line-height: 25px;

	text-align: justify;

}
.p2{

/*	white-space: pre-wrap;*/

	width: 230px;

	margin: 0 auto;

	margin-top: 35px;

	line-height: 20px;

	text-align: justify;

}

.bg2{

	height: 433px;

	background-color: #161E31;

	color: white;

}

.bg2 .row-ml2{

	text-align: center;

	margin-top: 200px;

	margin-bottom: 200px;

	

}

.bg2-p{

	margin: 0 auto;

	text-align: justify;

	margin-top: 50px;

	width: 250px;

	line-height: 30px;

}

.col-title{

	margin-top: 50px;

	text-align: center;

}

.bg2 .bg2-img{

	margin-top: 50px;

}

.line-campus{

	width: 40px;

	margin: 0 auto;

	border-top: 3px solid #0351FB;

}

.ml{

	margin-left: 10%;

}

.bg-col3{

	width: 100%;

	height: 405px;

	position: relative;

}

.bg-col3 img{

	margin-top: 50px;

}

.bg-col3 .face,.back{

	width:100%;

	height: 405px;

	backface-visibility: hidden; 

	transform-style: preserve-3d; 

	transition: transform 2s; 

	position: absolute;

	text-align: center;

}

.face{

	transform: rotateY(0deg);

}

.back{

	transform: rotateY(-180deg);

	background-color: white;

	padding-bottom: 50px;

	padding-top: 1px;

}

.bg-col3:hover .back{

	transform: rotateY(0deg);

}

.bg-col3:hover .face{

	transform: rotateY(180deg);

}

.pb{

	padding-bottom: 80px;

}

.bg-col{

	background-color: #F9FAFF;

	text-align: center;

	padding-bottom: 180px;

}

.change{

	height: 500px;

	margin-top: -45px;

	display: flex;

	align-items: center;

}

.cores{

	width: 100%;

	height: 410px;

	background-color:#032e54;

	/*border-left: 2px solid #0f6674;*/

	box-sizing: border-box;

	transition: height 1s;

	text-align: center;

	padding-left: 5px;

	padding-right: 5px;

}

.cores:hover{

	height: 480px;

	border-right: 0px;

}
.bold-large-text {

	font-size: 16px;
}

.img-size{

	width: 100%;

}

@media (min-width:478px) {

	.bg2{

		height: auto;

		background-color:#032e54;

	}

}

@media (max-width:768px) {

	.bg-campus-title1,.bg-campus-title2,.bg-campus-title3{

		background-size: 100%;

	}

	.bg2{

		height: auto;

	}

	.ml{

		margin-left: 0px;

	}

	.bg-col{

		text-align: left;

	}

	.campus-box{

		margin-top: 60px;

	}

	.campus-box span{

		font-size: 28px;

		font-weight: bold;

		color: #0850FD;

	}

	.fanzhuan{

		transform: rotateY(180deg);

		

	}

	.campus-box .col-5 img{

		width: 100%;

	}

	.changdu{

		width: 100%;

	}

	.line2{

		width: 80%;

		margin: 0 auto;

		margin-top: 30px;

	}

	.bg2{

		background-color: white;

	}

	.bg2 .bg2-img{



		margin-top: 30px;

	}

	.bg2-p{

		width: 200px;

		margin-top: 30px;

	}

}

@media (max-width:478px) {

	.bg2-p{

		width: 100px;

		margin-top: 30px;

	}

}