.nav-active {

	background-image: linear-gradient(0deg, #ddddeb 0%, #ffffff 100%);

}



.nav-item:hover {

	background-image: linear-gradient(0deg, #ddddeb 0%, #ffffff 100%);

}



.nav-link:hover {

	color: rgba(31, 45, 61, .6) !important;

}



.banner img {

	width: 100%;

}



.introduction {

	background-color: #f7f7ff;

	padding: 85px 0 70px;

	background-image: url('../img/aboutus/bg.jpg');

	background-size: 100% auto;

	background-position: bottom;

	background-repeat: no-repeat;

}



.introduction .title {

	text-align: center;

}



.introduction .title h3 {

	color: #00004c;

	font-size: 34px;

}



.introduction .title p {

	font-size: 20px;

	color: #40436a;

}



.introduction .middle {

	display: flex;

	margin-top: 100px;

	justify-content: center;

	flex-wrap: nowrap;

	transform: translateY(0);

	top: 0;

}



.introduction .middle .col4 {

	color: #ffffff;

	background-image: linear-gradient(-45deg,

			#94d1ff 0%,

			#4189f7 100%);

	border-radius: 10px;

	padding: 98px 41px 0;

	font-size: 14px;

	width: 453px;

	position: relative;

	border: solid 2px #60a7fd;

}



.introduction .middle .col4 img {

	position: absolute;

	width: 102px;

	opacity: 0.8;

	bottom: -5px;

	right: 20px;

}



.introduction .middle .col4 h4 {

	color: #ffffff;

	font-size: 25px;

}



.introduction .middle .col8 {

	background-color: #ffffff;

	border-radius: 10px;

	margin-left: 24px;

	padding: 38px 30px 38px 37px;

	color: #40436a;

	font-size: 16px;

	width: 958px;

	border: solid 1px #e6e6ee;

}



.introduction .middle .message {

	display: flex;

	justify-content: space-between;

}



.introduction .middle .message .item {

	display: flex;

	align-items: center;

	background-image: linear-gradient(0deg,

			#ffffff 0%,

			#f4f4ff 100%);

	border-style: solid;

	border-width: 1px;

	border-image-source: linear-gradient(0deg,

			#e2e3fe 0%,

			#ffffff 100%);

	/* border-image-slice: 1; */

	border-radius: 10px;

	padding: 17px 30px 15px 17px;

}



.introduction .middle .message .item img {

	width: 42px;

	margin-right: 20px;

}



.introduction .middle .message .item p {

	margin-bottom: 0;

}



.introduction .middle .message .item .number {

	color: #3576ca;

	font-size: 26px;

	font-weight: bolder;

	white-space: nowrap;

}



.introduction .bottom {

	display: flex;

	margin-top: 46px;

	justify-content: center;

}



.introduction .bottom .item {

	width: 480px;

	height: 285px;

	background-image: url("../img/aboutus/bg1.png");

	background-size: 100% 100%;

	padding: 37px 40px;

	text-align: center;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	align-items: center;

}



.introduction .bottom .item:nth-of-type(2) {

	margin: 0 10px;

}



.introduction .bottom .item img {

	width: 89px;

}



.introduction .bottom .item .time {

	font-size: 24px;

	font-weight: bold;

	color: #3576ca;

	margin-top: 20px;

}



.introduction .bottom .item .prize {

	font-size: 30px;

	font-weight: bold;

	color: #fb852e;

}





/* 企业文化 */

.cultural {

	padding: 75px 0 70px;

	background-image: url('../img/aboutus/bg2.jpg');

	background-position: bottom center;

	background-repeat: no-repeat;

}



.cultural .title {

	text-align: center;

}



.cultural .title h3 {

	color: #ffffff;

	font-size: 34px;

}



.cultural .title p {

	font-size: 20px;

	color: #ffffff;

}



.cultural .four {

	padding: 192px 249px;

}



.cultural .four .line {

	display: flex;

	align-items: center;

	justify-content: space-between;

	color: #ffffff;

}



.cultural .four .line .item {

	display: flex;

	align-items: center;

}



.cultural .four .line .item img {

	width: 96px;

	height: 106px;

	margin: 20px;

}



.cultural .four .line .item .little-title {

	font-size: 18px;

	font-weight: bold;

}



.cultural .four .line .item:nth-of-type(1) .little-title {

	text-align: right;

}



.cultural .four .line .item .little-content {

	font-size: 12px;

	margin-bottom: 0;

}



.cultural .four .line:nth-of-type(1) .item {

	width: 488px;

}



.cultural .four .line:nth-of-type(2) .item {

	width: 449px;

}



.contact {

	padding: 85px 0 70px;

	background-color: #ddebff;

}



.contact .title {

	text-align: center;

}



.contact .title h3 {

	color: #00004c;

	font-size: 34px;

}



.contact .title p {

	font-size: 20px;

	color: #40436a;

}



.contact .contact-number {

	padding: 84px 249px 0;

	display: flex;

	align-items: center;

	justify-content: space-between;

	flex-wrap: wrap;

}



.contact .contact-number .item {

	width: 340px;

	background-color: #f7f7ff;

	box-shadow: 1px 2px 3px 0px rgba(168, 172, 207, 0.14);

	border-style: solid;

	border-width: 1px;

	border-image-source: linear-gradient(0deg,

			#e4e4fe 0%,

			#ffffff 100%);

	border-radius: 10px;

	display: flex;

	align-items: center;

	padding: 27px 41px;

	margin-bottom: 20px;

}



.contact .contact-number .item img {

	width: 56px;

	margin-right: 42px;

}



.contact .contact-number .item .name {

	font-size: 14px;

	color: #6a6c8b;

}



.contact .contact-number .item .number {

	font-size: 20px;

	font-weight: bold;

	color: #090d5b;

	margin-bottom: 0;

}



.map {

	padding: 0 249px;

}
.map img{
	width: 100%;
}



#container {

	width: 100%;

	height: 500px;

	border-radius: 10px;

}