body {
	background-color: #F2F2F2;
}

/*轮播图*/
.indexBanner_wap {
	display: none;
}

.indexBanner {
	width: 100%;
	margin-top: 10rem;
}

.indexBanner_wap {
	width: 100%;
	margin-top: 9rem;
}

.indexBanner .swiper-slide,
.indexBanner .swiper-slide a {
	position: relative;
}

.indexBanner .swiper-slide,
.indexBanner_wap .swiper-slide {
	background-color: antiquewhite;
}

.indexBanner .swiper-slide .images {
	padding-top: 28.6%;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.indexBanner_wap .swiper-slide .images {
	padding-top: 66%;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.indexBanner_prev,
.indexBanner_next {
	width: 2.8rem;
	height: 5.2rem;
	cursor: pointer;
}

.indexBanner_prev {
	left: 10.9rem;
	background-image: url(../images/banner/banner_left.png);
}

.indexBanner_next {
	right: 10.9rem;
	background-image: url(../images/banner/banner_right.png);
}

.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 2.5rem;
}

.indexBanner_pagination .swiper-pagination-bullet,
.indexBanner_pagination_wap .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	opacity: 1;
	background-color: #fff;
	border-radius: 0;
	transition: width 1s;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-ms-transition: width 1s;
	-o-transition: width 1s;
	border-radius: 5px;
}

.indexBanner_pagination_wap .swiper-pagination-bullet {
	width: 5px;
	height: 5px;
}

.indexBanner_pagination .swiper-pagination-bullet-active,
.indexBanner_pagination_wap .swiper-pagination-bullet-active {
	width: 60px;
	height: 10px;
	background-color: #F3C432;
}

.indexBanner_pagination_wap .swiper-pagination-bullet-active {
	width: 40px;
	height: 5px;
	background-color: #F3C432;
}

.banner_text {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	align-content: center;
	position: absolute;
	left: 0;
	top: 0;
	flex-wrap: wrap;
}

.banner_text_1 {
	width: 60rem;
	height: 16.8rem;
	margin-bottom: 6.8rem;
	opacity: 0;
	position: relative;
	top: -30px;
	-webkit-transition: top 2s, opacity 2s;
	-ms-transition: top 2s, opacity 2s;
	transition: top 2s, opacity 2s;
}

.banner_text_an1 {
	top: 0;
	opacity: 1;
	-webkit-transition: top 2s, opacity 2s;
	-ms-transition: top 2s, opacity 2s;
	transition: top 2s, opacity 2s;
}

.banner_text_2 {
	width: 100%;
	text-align: center;
	font-size: 3.4rem;
	line-height: 3.4rem;

	font-weight: 400;
	color: #FFFFFF;
	letter-spacing: 10px;
	opacity: 0;
	position: relative;
	bottom: -30px;
	-webkit-transition: bottom 2s, opacity 2s;
	-ms-transition: bottom 1s, opacity 2s;
	transition: bottom 2s, opacity 2s;
}

.banner_text_an2 {
	bottom: 0;
	opacity: 1;
	-webkit-transition: bottom 2s, opacity 2s;
	-ms-transition: bottom 1s, opacity 2s;
	transition: bottom 2s, opacity 2s;
}




.banners_text_1 {
	width: 27rem;
	margin-bottom: 2rem;
	opacity: 0;
	position: relative;
	top: -20px;
	-webkit-transition: top 2s, opacity 2s;
	-ms-transition: top 2s, opacity 2s;
	transition: top 2s, opacity 2s;
}

.banners_text_an1 {
	top: 0;
	opacity: 1;
	--webkit-transition: top 2s, opacity 2s;
	-ms-transition: top 2s, opacity 2s;
	transition: top 2s, opacity 2s;
}

.banners_text_2 {
	width: 100%;
	text-align: center;
	font-size: 1.4rem;
	line-height: 2rem;

	font-weight: 400;
	color: #FFFFFF;
	letter-spacing: 5px;
	opacity: 0;
	position: relative;
	bottom: -20px;
	-webkit-transition: bottom 2s, opacity 2s;
	-ms-transition: bottom 1s, opacity 2s;
	transition: bottom 2s, opacity 2s;
}

.banners_text_an2 {
	bottom: 0;
	opacity: 1;
	-webkit-transition: bottom 2s, opacity 2s;
	-ms-transition: bottom 1s, opacity 2s;
	transition: bottom 2s, opacity 2s;
}

/*模块盒子*/

.index_box {
	box-sizing: border-box;
	padding: 7.2rem 0 8.2rem;
	background-color: #FAFAFA;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.boxBg2 {
	background-image: url(../images/index1/bg1.png);
	padding: 9rem 0 9.1rem;
}

.boxBg3 {
	background-image: url(../images/index1/bg2.png);
	padding: 7.2rem 0 8.5rem;
}

.boxBg4 {
	background-image: url(../images/index1/bg3.png);
	padding: 8.9rem 0 9.1rem;
}

/* .bg_grey {
	background: #ECEFF4;
}

.bg_blue {
	background: #0074D6;
}
 */

/*模块标题*/

.index_title {
	height: 5.8rem;
	position: relative;
}

@keyframes titleShow1 {
	from {
		opacity: 0;
		left: 0;
	}

	to {
		opacity: 1;
		left: calc(50% - 9.5rem);
	}
}

@-ms-keyframes titleShow1 {
	from {
		opacity: 0;
		left: 0;
	}

	to {
		opacity: 1;
		left: calc(50% - 9.5rem);
	}
}

@-webkit-keyframes titleShow1 {
	from {
		opacity: 0;
		left: 0;
	}

	to {
		opacity: 1;
		left: calc(50% - 9.5rem);
	}
}

@keyframes titleShow2 {
	from {
		height: 1px;
	}

	to {
		height: 5.8rem;
	}
}

@-ms-keyframes titleShow2 {
	from {
		height: 1px;
	}

	to {
		height: 5.8rem;
	}
}

@-webkit-keyframes titleShow2 {
	from {
		height: 1px;
	}

	to {
		height: 5.8rem;
	}
}

.index_title p {
	width: 19rem;
	height: 1px;
	/* height: 5.8rem; */
	line-height: 5.8rem;
	border-radius: 28px;
	text-align: center;
	overflow: hidden;
	font-size: 2.4rem;
	font-weight: bold;
	color: #FFFFFF;

	/* margin: 0 auto; */
	opacity: 0;
	/* margin-top: -10rem; */
	position: absolute;
	left: 0;
	bottom: 0;
	/* margin-left: -9.5rem; */


	/* animation: titleShow1 1s linear forwards;
	-ms-animation: titleShow1 1s linear forwards;
	-webkit-animation: titleShow1 1s linear forwards; */

	/* animation: bg-shift 1s ease-in-out infinite alternate-reverse, swing 2s ease-in-out infinite;
	-ms-animation: bg-shift 1s ease-in-out infinite alternate-reverse, swing 2s ease-in-out infinite;
	-webkit-animation: bg-shift 1s ease-in-out infinite alternate-reverse, swing 2s ease-in-out infinite; */

}

.titleShows {
	/* 	animation: titleShow 5s linear forwards;
	-ms-animation: titleShow 5s linear forwards;
	-webkit-animation: titleShow 5s linear forwards; */
	animation: titleShow1 1s linear forwards, titleShow2 .5s linear 1s forwards;
	-ms-animation: titleShow1 1s linear forwards, titleShow2 .5s linear 1s forwards;
	-webkit-animation: titleShow1 1s linear forwards, titleShow2 .5s linear 1s forwards;
}

/* @keyframes bg-shift {
  from {
	background-position: 0 50px;
  }
}

@keyframes swing {
  0% {
	transform-origin: top;
	transform: perspective(550px)rotatex(55deg);
  }

  50% {
	transform: perspective(550px)rotatex(-55deg);
  }

  100% {
	transform-origin: top;
	transform: perspective(550px)rotatex(55deg);

  }
}
@-ms-keyframes bg-shift {
  from {
	background-position: 0 50px;
  }
}

@-ms-keyframes swing {
  0% {
	transform-origin: top;
	transform: perspective(550px)rotatex(55deg);
  }

  50% {
	transform: perspective(550px)rotatex(-55deg);
  }

  100% {
	transform-origin: top;
	transform: perspective(550px)rotatex(55deg);

  }
}
@-webkit-keyframes bg-shift {
  from {
	background-position: 0 50px;
  }
}

@-webkit-keyframes swing {
  0% {
	transform-origin: top;
	transform: perspective(550px)rotatex(55deg);
  }

  50% {
	transform: perspective(550px)rotatex(-55deg);
  }

  100% {
	transform-origin: top;
	transform: perspective(550px)rotatex(55deg);

  }
} */
.titleBg1 p {
	background: #0B367A;
	color: #FFFFFF;
}

.titleBg2 p {
	background: #FFFFFF;
	color: #183775
}

.titleBg3 p {
	background: #5AB089;
	color: #FFFFFF;
}

.titleBg4 p {
	background: #F2F2F2;
	color: #0B367A;
}

/* .index_ti
tle .h1:after {
	display: block;
	content: '';
	width: 120px;
	height: 4px;
	background-color: #0074D6;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -60px;
} */

/* .bg_blue .index_title .h1:after {
	background-color: #fff;
} */

/* .title_white,
.title_white .h1 {
	color: #fff;
} */

/* .title_white small {
	color: #fff;
}

.title_white small:after {
	background-color: #fff;
} */

.images {
	width: 100%;
	overflow: hidden;
	/* background-size: cover;
	background-position: center;
	box-sizing: border-box; */
	position: relative;
}

.images img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}


/*查看更多*/

.index_more {
	display: block;
	width: 20rem;
	text-align: center;
	font-size: 1.8rem;
	font-family: 'FangSong';
	font-weight: 400;
	color: #333333;
	box-sizing: border-box;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.index_more img {
	width: 2.6rem;
	height: 1.9rem;
	display: inline-block;
	margin-left: 1.3rem;
}

.more_white {
	color: #fff;
}

.detail {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.product,
.performance,
.news,
.process {
	width: 62.5%;
}

/* 入口 */
.inlet {
	width: 62.5%;
	margin: 6.8rem auto 7.6rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.inlet li {
	width: calc((100% - 260px) / 3);
	height: 26rem;
	margin-bottom: 5.4rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	background-size: 100% 100%;
	margin-right: 130px;
	position: relative;
	overflow: hidden;
}
.inlet li:before {
	display: block;
	content: '';
	width: 10rem;
	height: 10rem;
	/*background-color: #F3C432;*/
	background-image: url('../images/index1/indexBgs.png');
	background-size: 100% 100%;
	/*border:5px solid rgba(243,196,50,0.5);*/
	border-radius: 50%;
	position: absolute;
	left: -4rem;
	top:-4rem;
	z-index: 2;
	transition:width 1s, height 1s,left 1s, top 1s;
	-webkit-transition:width 1s, height 1s,left 1s, top 1s;
}
.inlet li:hover:before {
	left: -8rem;
	top:-12rem;
	width: 50rem;
	height: 50rem;
	transition:width 1s, height 1s,left 1s, top 1s;
	-webkit-transition:width 1s, height 1s,left 1s, top 1s;
	
}
.inlet li:nth-child(1) {
	background-image: url(../images/index1/indexBg1.png);
}

.inlet li:nth-child(2) {
	background-image: url(../images/index1/indexBg2.png);
}

.inlet li:nth-child(3) {
	background-image: url(../images/index1/indexBg3.png);
}

.inlet li:nth-child(4) {
	background-image: url(../images/index1/indexBg4.png);
}

.inlet li:nth-child(5) {
	background-image: url(../images/index1/indexBg5.png);
}

.inlet li:nth-child(6) {
	background-image: url(../images/index1/indexBg6.png);
}

.inlet li:nth-child(3n) {
	margin-right: 0
}

.inlet li img {
	width: auto;
	height: 7rem;
	margin: 0 auto 2rem;
	position: relative;
	z-index: 3;
}

.inlet li p {
	width: auto;
	font-size: 2.4rem;
	font-weight: 400;
	color: #FFFEFE;
	text-align: center;
	margin-bottom: 2rem;
	position: relative;
	z-index: 3;
}

.inlet li a {
	display: block;
	width: 67%;
	height: 4rem;
	line-height: 4rem;
	background: #F3C432;
	border-radius: 20px;
	font-size: 2rem;
	font-weight: 400;
	color: #FFFEFE;
	text-align: center;
	cursor: pointer;
	position: relative;
	z-index: 3;
}

/*产品服务*/

.product {
	margin: 4rem auto 7rem;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}

@keyframes productLiShow {
	0% {
		opacity: 0;
		top: 3rem;
	}


	100% {
		opacity: 1;
		top: 0;

	}
}

@-ms-keyframes productLiShow {
	0% {
		opacity: 0;
		top: 3rem;
	}


	100% {
		opacity: 1;
		top: 0;

	}
}

@-webkit-keyframes productLiShow {
	0% {
		opacity: 0;
		top: 3rem;
	}


	100% {
		opacity: 1;
		top: 0;

	}
}

.product li {
	width: calc((100% - 60px)/4);
	background-color: #fff;
	box-sizing: border-box;
	/* padding-bottom: 1.7rem; */
	cursor: pointer;
	box-shadow: 0px 0px 15px 5px rgba(24, 55, 117, 0.15);
	overflow: hidden;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	top: 3rem;
	opacity: 0;
}

.product li.productLiShow {
	animation: productLiShow 0.5s linear forwards;
	-ms-animation: productLiShow 0.5s linear forwards;
	-webkit-animation: productLiShow 0.5s linear forwards;
}

.product li:nth-child(4n) {
	margin-right: 0;
}

.product li .productCont {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
	padding: 2.9rem 2rem 3.4rem;
}

.product .productTitle {
	font-size: 2rem;
	font-family: 'FangSong';
	font-weight: bold;
	color: #0B367A;
	line-height: 25px;
	/* box-sizing: border-box; */
	/* padding: 0 1.6rem; */
	width: 100%;
	margin-bottom: 2rem;
	height: 2.2rem;
	line-height: 2.2rem;
	overflow: hidden;
}

.product .productCont article {
	font-size: 1.4rem;
	font-family: 'FangSong';
	font-weight: 600;
	color: #999999;
	line-height: 24px;
	width: 100%;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* .product .images {
	padding-top:56%; */
/* position: relative; */
/* 	overflow: hidden;
} */

/* .product .images .muban {
	position: absolute;
	left: 0;
	top: 0;
} */
.product .images img {
	margin: -26% 0 0 -50%;
}

/*金铉案例*/

.performance {
	margin: 7.8rem auto 3.7rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

@keyframes performanceLiShow {
	0% {
		opacity: 0;
		right: 3rem;
	}

	100% {
		opacity: 1;
		right: 0;

	}
}

@-ms-keyframes performanceLiShow {
	0% {
		opacity: 0;
		right: 3rem;
	}

	100% {
		opacity: 1;
		right: 0;

	}
}

@-webkit-keyframes performanceLiShow {
	0% {
		opacity: 0;
		right: 3rem;
	}

	100% {
		opacity: 1;
		right: 0;

	}
}

.performance li {
	width: calc((100% - 105px)/4);
	cursor: pointer;
	margin-right: 3.5rem;
	margin-bottom: 3.5rem;
	background-color: #fff;
	position: relative;
	right: 3rem;
	opacity: 0;
	border-radius: 1.2rem;
	overflow: hidden;
}

.performance li.performanceLiShow {
	animation: performanceLiShow 0.5s linear forwards;
	-ms-animation: performanceLiShow 0.5s linear forwards;
	-webkit-animation: performanceLiShow 0.5s linear forwards;
}

.performance li:nth-child(4n) {
	margin-right: 0;
}

.performance .performanceCont {
	box-sizing: border-box;
	padding: 2.9rem 2rem 2.8rem;
}

.performance .productTitle {
	font-size: 2rem;
	font-family: 'FangSong';
	font-weight: bold;
	color: #333333;
	margin-bottom: 2rem;
	height: 2.2rem;
	line-height: 2.2rem;
	overflow: hidden;
}

.performance .performanceCont article {
	font-size: 1.4rem;
	font-family: 'FangSong';
	font-weight: 400;
	color: #999999;
	line-height: 24px;
	width: 100%;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.performance .images img {
	margin: -33% 0 0 -50%;
}

/*资讯智库-行业资讯*/

.news {
	margin: 5.9rem auto 4.6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

@keyframes newsLiShow {
	0% {
		opacity: 0;
		bottom: -3rem;
	}

	100% {
		opacity: 1;
		bottom: 0;

	}
}

@-ms-keyframes newsLiShow {
	0% {
		opacity: 0;
		bottom: -3rem;
	}

	100% {
		opacity: 1;
		bottom: 0;

	}
}

@-webkit-keyframes newsLiShow {
	0% {
		opacity: 0;
		bottom: -3rem;
	}

	100% {
		opacity: 1;
		bottom: 0;

	}
}

.news li {
	width: calc((100% - 32px)/2);
	cursor: pointer;
	margin-right: 3.2rem;
	border-bottom: 1px solid #CCCCCC;
	box-sizing: border-box;
	padding: 2rem 0;
	position: relative;
	bottom: -3rem;
	opacity: 0;
}


.news li.newsLiShow {
	animation: newsLiShow .3s linear forwards;
	-ms-animation: newsLiShow .3s linear forwards;
	-webkit-animation: newsLiShow .3s linear forwards;
}

.news li:nth-child(2n) {
	margin-right: 0;
}

.news li:nth-child(7),
.news li:nth-child(8) {
	border-bottom: none;
}

.news li .detail {
	width: 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.news li .news_time {
	background-color: #C0C0C0;
	width: 8.6rem;
	height: 9rem;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;

}

.news li .news_time p {
	width: 100%;
	text-align: center;
	color: #fff;

}

.news li .news_time p:first-child {
	font-size: 4rem;
	margin-bottom: .7rem;
	line-height: 4rem;
}

.news li .news_time p:last-child {
	font-size: 1.4rem;
	line-height: 1.4rem;
}


.news li .news_text {
	width: calc(100% - 8.6rem);
	box-sizing: border-box;
	padding-left: 2rem;
}

.news li .news_text p {
	margin-bottom: 1.5rem;
	font-size: 1.8rem;

	font-weight: bold;
	color: #000000;
	height: 2.2rem;
	line-height: 2.2rem;
	overflow: hidden;
}

.news li .news_text article {
	font-size: 1.4rem;

	font-weight: 300;
	color: #333333;
	width: 100%;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news li:hover .news_time {
	background-color: #5AB089;
}

.news li:hover .news_text p {
	color: #5AB089;
}

/* 合作流程 */
.process {
	margin: 6.3rem auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	background-image: url(../images/index1/bg_line.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
}

.process li {
	width: calc((100% - 90px)/4);
	height: 26.4rem;
	margin-right: 30px;
	margin-bottom: 6.3rem;
	box-sizing: border-box;
	padding: 2.9rem 1.3rem 4.4rem 2.7rem;
	position: relative;
	background-image: url(../images/index1/Collaboration1.png);
	background-size: 100% 100%;
}

.process li::before {
	display: block;
	content: '';
	width: 1.4rem;
	height: 1.4rem;
	position: absolute;
	left: 50%;
	margin-left: -0.7rem;
	background-color: #fff;
	border-radius: 50%;
}

.process .processLi1::before {
	bottom: -3.8rem;
}

.process .processLi2::before {
	top: -3.8rem;
}

.process li.processTop::before {
	bottom: -4.8rem;
	background-color: #F3C432;
}

.process li.processBottom::before {
	top: -4.8rem;
	background-color: #F3C432;
}

.process li.processTop span,
.process li.processBottom span {
	color: #F3C432;
}

.process li:nth-child(5),
.process li:nth-child(6),
.process li:nth-child(7) {
	margin-bottom: 0;
	background-image: url(../images/index1/Collaboration2.png);
	padding: 6.5rem 1.1rem 1.3rem 3.1rem;
}

.process li:nth-child(4),
.process li:nth-child(7) {
	margin-right: 0;
}

.process li:nth-child(1) .processImg {
	width: 4.7rem;
}

.process li:nth-child(2) .processImg {
	width: 3.9rem;
}

.process li:nth-child(3) .processImg {
	width: 3.2rem;
}

.process li:nth-child(4) .processImg {
	width: 3.4rem;
}

.process li:nth-child(5) .processImg {
	width: 3.3rem;
}

.process li:nth-child(6) .processImg {
	width: 3.6rem;
}

.process li:nth-child(7) .processImg {
	width: 3.5rem;
}

.process li .processImg img:last-child {
	display: none;
}

.process .processlIBoxTop {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding-left: 2rem;
	margin-bottom: 3rem;
}

.process li p {
	margin-left: 2rem;
	font-size: 2.4rem;
	font-family: FZLanTingHei-R-GBK;
	font-weight: 400;
	color: #2F2F33;
}

.process li p.on {
	color: #F3C432
}

.process li article {
	font-size: 1.4rem;
	font-family: 'FangSong';
	font-weight: 400;
	font-style: italic;
	color: #9B9B9E;
	box-sizing: border-box;
	padding-right: 2rem;
}

.process li span {
	font-size: 5.5rem;
	line-height: 5.5rem;
	font-family: FZLanTingHei-R-GBK;
	font-weight: 400;
	font-style: italic;
	color: #9B9B9E;
	opacity: 0.2;
	position: absolute;
	right: 1.1rem;
	bottom: 4rem;
}

.process li:nth-child(5) span,
.process li:nth-child(6) span,
.process li:nth-child(7) span {
	bottom: .5rem;
}

.process li {
	-webkit-transition: transform 1s;
	-ms-transition: transform 1s;
	transition: transform 1s;
}

.processTop {
	transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);

	-webkit-transition: transform 1s;
	-ms-transition: transform 1s;
	transition: transform 1s;
}

.processBottom {
	transform: translateY(10px);
	-ms-transform: translateY(10px);
	-webkit-transform: translateY(10px);

	-webkit-transition: transform 1s;
	-ms-transition: transform 1s;
	transition: transform 1s;
}

/* 鼠标悬停,图片放大效果 */
.product li:hover .images img,
.performance li:hover .images img {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	transition: transform 1s;
	-webkit-transition: transform 1s;
}

@media (max-width: 1024px) {
	.performance .h2 {
		padding: 0;
	}
}

/* .processWap {
	display: none;
}

.processPc {
	display: flex;
} */

@media (max-width: 768px) {
	/* .processWap {
		display: flex;
	} */

	/* .processPc {
		display: none;
	}
 */
	body {
		padding-bottom: 5.2rem;
	}

	.index_box {
		padding: 3rem 0;
		background-color: #EBECEE;
	}

	.index_more {
		width: 20rem;
		font-size: 1.2rem;
		font-weight: 400;
		color: #333333;
	}

	.indexBanner {
		display: none;
	}

	.indexBanner_wap {
		display: block;
		margin-top: 9rem;
	}

	.index_title {
		padding-bottom: 0.8rem;
	}

	.index_title .h1 {
		font-size: 2rem;
		margin-bottom: 0.9rem;
	}

	.index_title .h1:after {
		width: 60px;
		height: 4px;
		left: 50%;
		margin-left: -30px;
	}

	/* 入口 */
	.inlet {
		width: 100%;
		margin: 1.8rem auto 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		box-sizing: border-box;
		padding: 0 1rem 2rem;
		background-color: #EBECEE;
	}

	.inlet li {
		width: calc((100% - 1rem)/2);
		margin-right: 1rem;
		margin-bottom: 1.5rem;
		height: 16rem;
	}

	.inlet li:nth-child(2n) {
		margin-right: 0;
	}

	.inlet li a {
		display: none;
	}

	.inlet li img {
		height: 5.3rem;
		margin: 0 auto 1.2rem;
	}

	.inlet li p {
		font-size: 1.6rem;
		font-weight: 400;
		color: #FFFEFE;
	}

	/* 产品 */
	.product,
	.performance {
		width: 100%;
		margin: 3.3rem auto 2.6rem;
		flex-wrap: wrap;

	}

	.performance {
		box-sizing: border-box;
		padding: 0 2.7rem;
		height: 40rem;
		overflow: hidden;
	}

	.product li,
	.performance li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1.8rem;
		box-shadow: 0px 0px 15px 0px rgba(24, 55, 117, 0.15);
	}

	.performance li {
		border-radius: 0;
	}

	.product li:nth-child(2n),
	.performance li:nth-child(2n) {
		margin-right: 0;
	}

	.product .productTitle,
	.performance .productTitle {
		font-size: 1.8rem;
		font-weight: 400;
		color: #0B367A;
		text-align: center;
		margin-bottom: 1.4rem;
		height: 2rem;
		line-height: 2rem;
		overflow: hidden;
	}

	.product article,
	.performance article {
		height: 6.7rem;
		font-size: 1.4rem;
		font-weight: 400;
		color: #333333;
		line-height: 20px;
		overflow: hidden;
	}

	.index_more_pc {
		display: none;
	}
.index_more img {
    width: 1.1rem;
    height: 0.8rem;
    margin-left: 1.3rem;
}
	.titleBg3 p {
		background: #0B367A;
	}

	/* .performance, */
	.news {
		margin: 2rem auto 0;
		box-sizing: border-box;
		padding: 0 1rem 1rem;
		flex-wrap: wrap;
		width: 100%;
	}

	/* .performance .productTitle {
		margin-bottom: 1rem;
	}

	.performance .performanceCont {
		box-sizing: border-box;
		padding: 0 2rem;
	} */

	.news li {
		width: 100%;
		margin-right: 0;
	}

	/* .performance li .detail {
		width: 100%;
		display: flex;
		align-items: center;
		position: relative;
	}

	.performance li .detail {
		align-items: inherit;
	} */


	/* .performance li {
		width: 100%;
		margin-bottom: 2rem;
		margin-right: 0;
	}

	.performance .h2 {
		height: 1.4rem;
	}

	.performance li div i {
		display: block;
		margin: 1rem 0 0;
		width: 2.3rem;
		height: 2px;
	}

	.performance li .performanceImg {
		padding-top: 56%;
	}

	.performance div {
		width: 50%;
		box-sizing: border-box;
		padding-left: 1.7rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: space-between;
	}

	.performance li .images {
		padding: 0;
	}

	.performance .h2 {
		font-size: 1.4rem;
		line-height: 16px;
		text-align: left;
	}

	.performance p {
		font-size: 1.2rem;
		line-height: 16px;
		text-align: justify;
		margin-bottom: 0;
	}

	.performance p {
		height: 6.4rem;
		margin-top: 0;
	} */

	.news li .news_time {
		width: 20%;
	}

	.news li .news_text {
		width: 80%;
	}

	.news li:hover .news_time,
	.hvr-underline-from-center:before {
		background-color: #0B367A;
	}

	.news li:hover .news_text p {
		color: #0B367A;
	}

	/* .process {
		width: 90%;
		background-image: none;
		justify-content: flex-start;
	}

	.process li {
		width: 48%;
		margin: 0 2% 2% 0;
		background-color: #fff;
		border-radius: 1rem;
	}

	.process li:nth-child(2n) {
		margin: 0 0 2% 0;
		background-color: #fff;
	}

	.process li::before {
		display: none;
	}

	.process li p:first-child {
		width: 100%;
		padding-top: 100%;
	}

	.process li p:last-child {
		width: 100%;
		height: 15rem;
	}

	.process li span {
		bottom: 1rem;
	}

	.process li:nth-child(5),
	.process li:nth-child(7) {
		margin-bottom: 2%;
	}

	.process li:nth-child(5),
	.process li:nth-child(6),
	.process li:nth-child(7) {
		padding: 2.9rem 1.3rem 4.4rem 2.7rem;
	} */

.process{
	width: 100%;
	box-sizing: border-box;
	padding: 0 1rem;
}
.process li {
    width: calc((100% - 1.8rem)/4);
    height: 27rem;
    margin-right: 0.6rem;
    margin-bottom: 1.4rem;
    box-sizing: border-box;
    padding: 1.6rem 1rem 1rem;
    position: relative;
    background-image: url(../images/index1/Collaboration1.png);
    background-size: 100% 100%;
}
.process .processlIBoxTop {
    display: flex;
    align-items: center;
	justify-content: center;
	flex-wrap: wrap;
    box-sizing: border-box;
    padding-left: 0;
    margin-bottom: 0.9rem;
}
.process .processlIBoxTop img{
  width: auto;
  height: 2.5rem;
  margin:0 auto 1.2rem;
}
.process .processlIBoxTop p{
font-size: 1.4rem;
font-weight: 400;
color: #000000;
text-align: center;
margin-left: 0;
}
.process li article {
   font-size: 1.2rem;
   font-weight: 400;
   color: #999999;
   line-height:20px;
    padding-right: 0;
    margin-bottom: 2rem;
}
.process li span {
   font-size: 3rem;
   font-family: Source Han Serif CN;
   font-weight: bold;
   font-style: italic;
   color: #999999;
   line-height: 47px;
   opacity: 0.2;
    position: absolute;
        right: 0.5rem;
        bottom: 3rem;
}
.process li:nth-child(5) span, .process li:nth-child(6) span, .process li:nth-child(7) span {
    bottom: 0rem;
}
.process li:nth-child(5), .process li:nth-child(6), .process li:nth-child(7) {
    padding: 4.5rem 1rem 1rem;
}
.process .processLi1::before {
    bottom: -1.4rem;
}
.process .processLi2::before {
    top: -1.4rem;
}
	.index_title {
		height: 4rem;
		line-height: 4rem;
		position: relative;
	}

	.index_title p {
		font-size: 1.8rem;
		line-height: 4rem;
	}

	@keyframes titleShow2 {
		from {
			height: 1px;
		}

		to {
			height: 4rem;
		}
	}

	@-ms-keyframes titleShow2 {
		from {
			height: 1px;
		}

		to {
			height: 4rem;
		}
	}

	@-webkit-keyframes titleShow2 {
		from {
			height: 1px;
		}

		to {
			height: 4rem;
		}
	}
}