.active-services{

	border-bottom: 2px solid white;

}

.title_icon{
	width: 100%;
}

.title_p{
	text-align: justify;
	line-height: 40px;
}

.icon{
	display: flex;
}

/*.title_p,.icon{
	vertical-align: middle;
	display: inline-block;

}*/

.ci-col{

	background-color: white;

	text-align: center;


}

.ci-col3{

	width: 95%;

	height: 300px;

	position: relative;

}

.ci-pt1 {

	margin-top: 100px;
	
	padding-bottom: 30px;

}

.ci-t1,.ci-p1{
	vertical-align: middle;
	display: inline-block;

}

.ci-t2,.ci-p1{
	vertical-align: middle;
	display: inline-block;

}

.ci-t1{
	
	margin-left: 20px;
	
	width: 38%;

	text-align: justify;
}

.ci-p1{
	width: 58%;
}

.ci-t2{

	margin-right: 20px;

	width: 38%;

	text-align: justify;
}


.bg-1{
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url('../../img/ci/ci_bg_1.png'); /* 替换为你的图片路径 */
	background-size: cover; /* 或者其他你需要的大小设置 */
	background-position: center; /* 确保图片在div中居中 */
	color: white; /* 文字颜色 */
	text-align: center; /* 文字水平居中 */
}

.bg-2{
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url('../../img/ci/ci_bg_2.png'); /* 替换为你的图片路径 */
	background-size: cover; /* 或者其他你需要的大小设置 */
	background-position: center; /* 确保图片在div中居中 */
	color: white; /* 文字颜色 */
	text-align: center; /* 文字水平居中 */
}

.bg-3{
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url('../../img/ci/ci_bg_3.png'); /* 替换为你的图片路径 */
	background-size: cover; /* 或者其他你需要的大小设置 */
	background-position: center; /* 确保图片在div中居中 */
	color: white; /* 文字颜色 */
	text-align: center; /* 文字水平居中 */
}

.bg-4{
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url('../../img/ci/ci_bg_4.png'); /* 替换为你的图片路径 */
	background-size: cover; /* 或者其他你需要的大小设置 */
	background-position: center; /* 确保图片在div中居中 */
	color: white; /* 文字颜色 */
	text-align: center; /* 文字水平居中 */
}



.ci-col3 .face,.back{

	width: 100%;

	height: 300px;

	backface-visibility: hidden;

	transform-style: preserve-3d;

	transition: transform 2s;

	position: absolute;

	text-align: center;

	transform: rotateY(0deg);

}
.ci-col3:hover .face{

	transform: rotateY(180deg);

}

.face{

	transform: rotateY(0deg);

}

.col-title{

	margin-top: 30px;

	text-align: center;

}

.back{

	transform: rotateY(-180deg);

	background-color: #F9FAFF;

	padding-bottom: 50px;

	padding-top: 1px;

}

.ci-col3:hover .back{

	transform: rotateY(0deg);

}

.kd{
	
	width: 25%;
	
	margin-bottom: 50px;
}



.p1{

	white-space: pre-wrap;

	width: 200px;

	margin: 0 auto;

	margin-top: 30px;

	line-height: 20px;

	text-align: center;

}

.line-campus{

	width: 80px;

	margin: 0 auto;

	border-top: 3px solid #0351FB;

}


.bg1{

	background-image: url('../../img/ci/ci_banner.png');

	background-size: cover;

	background-repeat: no-repeat;

	padding-top: 1px;

	padding-bottom: 220px;

}

.bg1 h3{

	margin-top: 200px;

	margin-left: 200px;

	color: white;

}

.bg1 p{

	width: 591px;

	margin-left: 200px;

	color: white;

	margin-top: 60px;

}

@media (max-width:768px) {

	.bg1{

		height: 300px;

	}

	.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-ci-title1{

	background-image: url('../../img/ci/ci_title_1.png');

	background-repeat: no-repeat;

	background-position: 50%;

}

.bg-ci-title2{

	background-image: url('../../img/ci/ci_title_2.png');

	background-repeat: no-repeat;

	background-position: 50%;

}

.bg-ci-title3{

	background-image: url('../../img/ci/ci_title_3.png');

	background-repeat: no-repeat;

	background-position: 50%;

}

.fontS{

	font-size: 15px

}

.col-lg-4-p{

	margin-top: 200px;

}

.chizhi{

	line-height: 335px;

}

.ci-icon{

	width: 100%;

}

.bg2{

	background-color: white;

	padding-top: 50px;

}

.bg2 .bg-col{
	
	margin-bottom: 50px;

	height: 400px;

	background-color: #F6F9FF;

}

.bg2 .bg-col>div{

	text-align: center;

	padding-top: 20px;

}

.bg2 .bg-col img{

	margin-bottom: 30px;

}

.line2{

	width: 90%;

	margin: 0 auto;

	margin-top: 30px;

	border-top: 3px solid #ECEBF0;

}

.bg-col-p{

	padding-left: 5%;

	width: 325px;

	margin-top: 30px;

	text-align: justify;

}

.nav-item{

	display: flex;

}

.nav-item .nav-link {

	color: black;

	height: 64px;

	border-radius: 0px;

	font-size: 14px;

	text-align: center;

	line-height: 64px;

}

.line-all{

	border-top: 2px solid #D0DAFD;

}

.a-line{

	height: 20px;

	border-left: 2px solid black;

	margin-top: 30px;

}

.nav-item:nth-of-type(5) .nav-link{

	line-height: 24px;

}

.nav-item:nth-of-type(9) .nav-link{

	line-height: 24px;

}

.nav-item .active{

	color: #0956F0 !important;

	background-color: white !important;

	border-bottom: 2px solid #0956F0;

}

.pb{

	padding-bottom: 100px;

}

.pb .mt5{

	margin-top: 180px;

}

.pb .lineH{

	margin-top: 25px;

	line-height: 289px;

}


.cockpit_img {

	display: block;
	width: 90%;
	margin: 0 auto;
}

.img-size{

	width: 100%;

}

@media (max-width:768px) {

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

		background-size: 100%;

	}

}

@media (max-width:478px) {

	.pb p{

		font-size: 13px;

	}

	.pb h3{

		font-size: 19px

	}

	.pb .mt5{

		margin-top: 30px;

	}

	.yidong-row h1{

		width: 100%;

		font-size: 50px;

		font-weight: bold;

		color: #0850FD;

	}

	.yidong-row div{

		background-color: white;

		border-radius: 10px;

		height: 160px;

		border-top: 10px solid #0850FD;

		padding: 10px 10px 0px 10px;

		margin-top: -20px;

	}

	.pb-5{

		background-color: #F9FAFF;

	}

	.advance-row{

		border-radius: 10px;

		

	}

	.advance-row div{

		width: 100%;

		height: 60px;

		line-height: 60px;

		font-weight: bold;

		color: white;

		font-size: 30px;

		padding-left: 10px;

		padding-right: 10px;

		border-radius: 10px 10px 0px 0px;

		background:linear-gradient(to right,#425EFF,#5080FF,#5FA9FE)

	}

	.advance-row p{

		padding: 20px;

		background-color: white;

	}

}