.banner {}

* {
	margin: 0;
	padding: 0;
}

.header {
 
}

.contact .cont ul li:first-of-type {
  width: 500px;
}
body {
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	/* IE 9 */
	-webkit-transform: scale(1, 1);
	/* Safari and Chrome */
	transform-origin: left top;
	/*设置左上角为缩放原点*/
}


.banner .text {

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	line-height: 1;

	display: flex;

	align-items: center;

}



.banner .container {

	transform: translateY(-1.25rem);

}



.banner .p1 {

	font-size: 2.25rem;

	color: #141414;

}



.banner .p2 {

	font-size: 3.375rem;

	color: #e62129;

	font-weight: bold;

	padding: 2.25rem 0;

}



.banner .p3 {

	font-size: 1.5rem;

	color: #fff;

	padding: 5px 2rem;

	line-height: 1.5;

	background: #e62129;

	display: inline-block;

}



.about {

	padding: 8.625rem 0 8.625rem 8.33%;

	display: flex;

	justify-content: space-between;

	background: url(../images/about_bg.png) no-repeat top left;

	background-size: cover;

}



.about .info {

	flex: 1;

	margin-right: 9.375rem;

}



.about .info .desc {

	font-size: 1rem;

	line-height: 2.25;

	color: #797979;

	margin: 2.625rem 0 2.875rem;

}



.about .info .bot {

	display: flex;

	width: calc(100% + 21.375rem);

	background: rgba(255, 255, 255, 0.79);

	margin-top: 2.75rem;

	position: relative;

	z-index: 5;

}



.about .info .bot dl {

	flex: 1;

	text-align: center;

	padding: 2rem 0;

	transition: all 0.5s ease;

}



.about .info .bot dl:last-child {

	flex: initial;

	width: 12rem;

	background: #E62129;

	padding: 0;

	display: flex;

	align-items: center;

	justify-content: center;

}



.about .info .bot dl dd {

	font-size: 18px;

	line-height: 2;

	color: #1C1C1C;

	transition: all 0.5s ease;

}



.about .info .bot dl dt {

	font-size: 3.75rem;

	line-height: 1.4;

	font-weight: lighter;

	color: #E62129;

	transition: all 0.5s ease;

}



.about .info .bot dl:hover {

	background: #E62129;

}



.about .info .bot dl:hover dd,

.about .info .bot dl:hover dt {

	color: #fff;

}



.about .more {

	margin: 3.75rem 0 0;

}



.about .pic {

	width: 45%;

	position: relative;

	overflow: hidden;

}



.about .pic img {

	height: 100%;

	max-width: none;

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	top: 0;

}



@media (max-width: 767px) {

	.about {

		padding: 30px 15px;

		display: block;

	}



	.about .info {

		margin: 0;

	}



	.about .info .desc {

		font-size: 13px;

		margin: 20px 0;

	}



	.about .info .bot {

		width: 100%;

		flex-flow: row wrap;

	}



	.about .info .bot dl {

		width: 50%;

		flex: auto;

	}



	.about .info .bot dl:last-child {

		width: 50%;

	}



	.about .info .bot dl:last-child img {

		width: 50px;

	}



	.about .more {

		margin: 20px 0 0;

	}

}



.partner {

	padding: 12rem 2rem 12rem 8%;

	background: url(../images/line_bg.png) no-repeat top center;

}



.partner .info {

	position: absolute;

	bottom: 0;

	left: 0;

}



.partner .cont {

	position: relative;

	display: flex;

	justify-content: flex-end;

}







.partner .partner_list {



	margin: 4rem 0 0;

	display: flex;

	text-align: center;

	width: 58%;

}



.partner_list .partner-a {

	background-color: #1e4a79;

	color: #fff;



	width: 16%;

}



.partner_list .partner-a ul {



	display: flex;

	flex-direction: column;

	align-items: center;

	height: 100%;

}



.partner_list .partner-a li {

	height: 25%;

	display: flex;

	flex-direction: column;

	justify-content: center;

}



.partner_list .partner-a h3 {

	font-weight: bold;

	font-size: 24px;

}



.partner_list .partner-a h4 {

	font-weight: bold;

	font-size: 1.2rem;

}



.partner_list .partner-a li {

	/* line-height: 3.2rem; */

}



.partner_list .partner-b {

	width: 84%;

	padding: 0px 20px;

}



.partner_list .partner-b ul {

	display: flex;

	flex-wrap: wrap;

	flex-direction: row;

	justify-content: center;

}



.partner_list .partner-b li {

	border-bottom: 2px solid #528ecf;

	display: flex;

	align-items: center;

	padding: 0px 20px;

	width: 25%;

}



.partner_list .partner-b img {

	max-width: 160px;

	padding: 3px;

	width: 100%;

}











.partner .pic {

	position: relative;

	width: 69.8%;

	top: 5rem;

	z-index: -999;

}



.partner .pic ul {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

}



.partner .pic ul li {

	position: absolute;

}



.partner .pic ul .li_1 {

	top: 25.43%;

	left: 53.55%;

}



.partner .pic ul .li_2 {

	top: 30.99%;

	left: 61.36%;

}



.partner .pic ul .li_3 {

	top: 25.73%;

	left: 64.22%;

	z-index: 3;

}



.partner .pic ul .li_4 {

	top: 33.04%;

	left: 68.64%;

}



.partner .pic ul .li_5 {

	top: 36.25%;

	left: 71.35%;

}



.partner .pic ul .li_6 {

	top: 32.45%;

	left: 74.91%;

}



.partner .pic ul li .name {

	font-size: 14px;

	min-width: 33px;

	text-align: center;

	cursor: pointer;

	color: #373737;

	display: inline-block;

	background: url(../images/icon_add.png) no-repeat top center;

	padding: 33px 0 0;

	transition: all 0.3s;

}



.partner .pic ul li .text {

	position: absolute;

	top: -8.5rem;

	left: 50%;

	width: 11.625rem;

	padding: 0.875rem 1.875rem 1.25rem;

	transition: all 0.3s;

	transform: translateX(-50%);

	opacity: 0;

	background: #fff;

	box-shadow: 0px 0px 21px 0px rgba(77, 77, 77, 0.15);

	border-radius: 6px;

}



.partner .pic ul li .text::after {

	content: '';

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	bottom: -12px;

	width: 0;

	height: 0;

	border: 6px solid #fff;

	border-bottom: 6px solid transparent;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

}



.partner .pic ul li .text span {

	display: block;

	color: #3A3A3A;

	line-height: 1.875;

}



.partner .pic ul li:hover {

	z-index: 2;

}



.partner .pic ul li .name.on {

	background-image: url(../images/icon_star.png);

}



.partner .pic ul li .text.on {

	opacity: 1;

}



@media (max-width: 1440px) {

	.partner .partner_list {

		margin: 6rem 0 0;

	}

}



@media (max-width: 767px) {

	.partner {

		padding: 30px 15px;

		display: block;

	}



	.partner .cont {

		display: block;

		overflow: hidden;

	}



	.partner .info {

		position: static;

	}



	.partner .partner_list {

		margin: 30px 0 0;

		width: 100%;

	}



	.partner .pic {

		width: 260%;

		transform: translateX(-48%);

	}



	.partner .partner_list li img {

		max-width: 100%;

		max-height: 100%;

	}

}



.chanye {

	position: relative;

	min-height: 56.875rem;

}



.chanye .swiper-content {

	width: 100%;

	height: 56.875rem;

	background: #fff;

}



.chanye .swiper-content .swiper-slide {

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

	bottom: 0;

	right: 0;

	background: url(/template/pc/images/i/关于我们_slices/bj.png) no-repeat top center;

	background-size: cover;

	transition: all 0.8s;

	z-index: 1;

	cursor: pointer;

}



.chanye .swiper-content .swiper-slide.current {

	opacity: 1;

	z-index: 2;



}



.chanye .swiper-content .info {

	padding: 20px 70px;

	margin-top: 29.375rem;

	color: #fff;

}



.chanye .swiper-content .tit {

	margin: 0 0 15px;

	font-size: 2.25rem;

}



.chanye .swiper-content .desc {

	font-size: 1rem;

	line-height: 2.25;

	margin: 2.25rem 0 3.75rem;

	max-width: 39.125rem;

}



.chanye .swiper-content .more {}



.chanye .swiper-nav {

	height: 23.5rem;

	position: absolute;

	left: 0;

	right: 0;

	top: 115px;

	padding: 6.375rem 25.15% 0;

	justify-content: space-between;

	background: rgba(255, 255, 255, 0.08);

	z-index: 1;

}



.chanye .swiper-nav .swiper-container {

	padding: 0;

}



.chanye .swiper-nav:after {

	position: absolute;

	top: 17.875rem;

	left: 0;

	right: 0;

	border-bottom: 1px dashed rgba(255, 255, 255, 0.3);

	content: "";

	width: 100%;

	display: block;

	z-index: 1000;

}



.chanye .swiper-nav .swiper-slide {

	flex: 1;

	height: 17.125rem;

	text-align: center;

	position: relative;

	transition: 300ms;

}



.chanye .swiper-nav .angle {

	width: 18px;

	height: 18px;

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	background: url(../images/circle.png) no-repeat;

	background-size: 100%;

	transition: 300ms;

}



.chanye .swiper-nav .swiper-wrapper {

	margin: 0 auto;

}



.chanye .swiper-nav .item {

	display: block;

}



.chanye .swiper-nav .icon {

	display: block;

	position: relative;

	width: 4.25rem;

	height: 4.25rem;

	margin: 0 auto;

	cursor: pointer;

	overflow: hidden;

}



.chanye .swiper-nav .icon img {

	position: absolute;

	left: 0;

	right: 0;

	transition: 0.36s ease;

}



.chanye .swiper-nav .icon .img {

	top: 0;

}



.chanye .swiper-nav .icon .img_hover {

	top: 100%;

}



.chanye .swiper-nav .active-nav .icon .img {

	top: -100%;

}



.chanye .swiper-nav .active-nav .icon .img_hover {

	top: 0;

}



.chanye .swiper-nav .active-nav .angle {

	background-image: url(../images/circle-bg.png);

}



.chanye .swiper-nav .item p {

	color: #fff;

	font-size: 1rem;

	line-height: 2;

	min-height: 4rem;

	margin: 0.75rem 0 2.25rem;

}



.chanye .swiper-nav .title {

	margin: 0 5px;

	font-size: 10px;

	font-weight: bold;

	position: relative;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



@media (max-width: 767px) {

	.chanye .swiper-nav {

		padding: 6.375rem 15px 0;

	}



	.chanye .swiper-content .info {

		padding: 0 15px;

		margin-top: 25rem;

	}



	.chanye .swiper-content .desc {

		font-size: 13px;

	}

}





.news {
	padding: 5rem 5rem ;
	/* display: flex; */

	justify-content: space-between;
	background: url(../images/news_bg.jpg) no-repeat bottom center;
	background-size: cover;
}

.news .tit_box {
	padding: 4.6875rem 0 0;
}

.news .tit_box .more {
	margin: 16.25rem 0 0;
}

.news .cont {
	/* flex: 1; */
	margin: 0px 0px 0px 2rem;
	overflow: hidden;
}

.news .cont .item {
	display: block;
}

.news .cont .info {
	font-size: 1rem;
	line-height: 1;
	padding: 1.5625rem 0 3.75rem;
	max-width: 330px;
	/*width: 330px;*/
	
}

.news .cont .date {
	color: #272626;
}

.news .cont .tit {
	font-size: 1.375rem;
	color: #2F2F2F;
	margin: 1.25rem 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.news .cont .desc {
	color: #ACACAC;
	line-height: 2;
}

.news .swiper-container-horizontal>.swiper-pagination-progressbar {
	bottom: 0;
	top: initial;
	height: 2px;
	background: #EFEFEF;

}

.news .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #E62129;
}

.news .swiper-button {
	margin: 4.25rem 0 0;
	justify-content: end;
}

/*  */
.g-news{
	background: #f4f4f4!important;
}
/*  */
@media (max-width: 767px) {
	.news {
		padding: 30px 15px 50px;
		display: block;
		position: relative;
	}

	.news .tit_box {
		padding: 0;
		position: static;
	}

	.news .tit_box .more {
		margin: 0;
		position: absolute;
		right: 15px;
		bottom: 50px;
	}


	.news .cont {
		margin: 30px 0 0;
	}












	.newa {
		padding: 0rem 4.625rem 7.875rem 5.33%;
		/* display: flex; */

		justify-content: space-between;
		background: url(../images/news_bg.jpg) no-repeat top center;
		background-size: cover;
	}

	.newa.tit_box {
		padding: 4.6875rem 0 0;
	}

	.newa .tit_box .more {
		margin: 16.25rem 0 0;
	}

	.newa.cont {
		/* flex: 1; */
		/* margin: 0 0 0 10rem; */
		overflow: hidden;
	}

	.newa .cont .item {
		display: block;
	}

	.newa .cont .info {
		font-size: 1rem;
		line-height: 1;
		padding: 1.5625rem 0 3.75rem;
	}

	.newa .cont .date {
		color: #272626;
	}

	.newa .cont .tit {
		font-size: 1.375rem;
		color: #2F2F2F;
		margin: 1.25rem 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.newa.cont .desc {
		color: #ACACAC;
		line-height: 2;
	}

	.newa .swiper-container-horizontal>.swiper-pagination-progressbar {
		bottom: 0;
		top: initial;
		height: 2px;
		background: #EFEFEF;

	}

	.newa .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
		background: #E62129;
	}

	.newa.swiper-button {
		margin: 4.25rem 0 0;
		justify-content: end;
	}

	@media (max-width: 767px) {
		.newa {
			padding: 30px 15px 50px;
			display: block;
			position: relative;
		}

		.newa .tit_box {
			padding: 0;
			position: static;
		}

		.newa .tit_box .more {
			margin: 0;
			position: absolute;
			right: 15px;
			bottom: 50px;
		}


		.newa .cont {
			margin: 30px 0 0;
		}










		.newd {
			padding: 3rem 4.625rem 7.875rem 7.33%;
			/* display: flex; */

			justify-content: space-between;
			background: url(../images/news_bg.jpg) no-repeat top center;
			background-size: cover;
		}

		.newd.tit_box {
			padding: 4.6875rem 0 0;
		}

		.newd .tit_box .more {
			margin: 16.25rem 0 0;
		}

		.newd .cont {
			/* flex: 1; */
			/* margin: 0 0 0 10rem; */
			overflow: hidden;
		}

		.newd .cont .item {
			display: block;
		}

		.newd .cont .info {
			font-size: 1rem;
			line-height: 1;
			padding: 1.5625rem 0 3.75rem;

		}

		.newd.cont .date {
			color: #272626;
		}

		.newd .cont .tit {
			font-size: 1.375rem;
			color: #2F2F2F;
			margin: 1.25rem 0;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}

		.newd .cont .desc {
			color: #ACACAC;
			line-height: 2;
		}

		.newd .swiper-container-horizontal>.swiper-pagination-progressbar {
			bottom: 0;
			top: initial;
			height: 2px;
			background: #EFEFEF;

		}

		.newd .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
			background: #E62129;
		}

		.newd.swiper-button {
			margin: 4.25rem 0 0;
			justify-content: end;
		}

		@media (max-width: 767px) {
			.newd {
				padding: 30px 15px 50px;
				display: block;
				position: relative;
			}

			.newd .tit_box {
				padding: 0;
				position: static;
			}

			.newd .tit_box .more {
				margin: 0;
				position: absolute;
				right: 15px;
				bottom: 50px;
			}


			.newd .cont {
				margin: 30px 0 0;
			}


















			.partner .partner_list {



				margin: 4rem 0 0;

				display: flex;

				text-align: center;

				width: 100%;

				flex-direction: column;



			}



			.partner_list .partner-a {

				background-color: #1e4a79;

				color: #fff;

				width: 100%;

			}



			.partner_list .partner-a ul {

				display: flex;

				flex-direction: row;

				flex-wrap: wrap;

			}



			.partner_list .partner-a li {

				width: 50%;

			}



			.partner_list .partner-b li {

				width: 50%;

			}



			.partner_list .partner-b {

				width: 100%;

			}

		}
	}