/* 通用样式 */

/* 第一个banner */
.swiper-slide-0 .swiper-slide-text {
	top: 12.05vw;
	left: 21.40625vw;
}

.swiper-slide-0 .swiper-slide-text>p:nth-of-type(1) {
	font-size: 2.1875vw;
	font-weight: 400;
	color: #FFFFFF;
	opacity: 0.6;
}

.swiper-slide-0 .swiper-slide-text>p:nth-of-type(2) {
	font-size: 3.33vw;
	font-weight: bold;
	color: #FFFFFF;
	margin: 2.1875vw 0 0 0;
}

.swiper-slide-0 .swiper-slide-text>div {
	margin: 5.1vw 0 0 0;

}

.swiper-slide-0 .swiper-slide-text>p:nth-of-type(3) {
	margin: 4.6875vw 0 0 0;
	font-size: 1.875vw;
	font-weight: 400;
	color: #FFFFFF;
	opacity: 0.6;
}

/* 第二个banner */

.swiper-slide-1 .swiper-slide-text {
	top: 12.86vw;
	left: 26.5625vw;
}

.swiper-slide-1 .swiper-slide-text>div:nth-of-type(1)>span {
	font-size: 3.8vw;
	font-weight: bold;
	color: #FFFFFF;
}

.swiper-slide-1 .swiper-slide-text>div:nth-of-type(2) {
	margin: 1.98vw auto 0 19.53125vw;
	font-size: 3.8vw;
	font-weight: bold;
	color: #FFFFFF;
}

.swiper-slide-1 .swiper-slide-text>div:nth-of-type(3) {
	margin: 3.4375vw 0 0 0;
}

.swiper-slide-1 .swiper-slide-text>div:nth-of-type(3)>span {
	font-size: 1.5625vw;
	color: #FFFFFF;
	padding: 0.78125vw 1.2vw;
}

.swiper-slide-1 .swiper-slide-text>div:nth-of-type(3)>span:nth-of-type(1) {
	margin: 0 2.03125vw 0 0;
}


.swiper-slide-1 .swiper-slide-text>div:nth-of-type(3)>span:nth-of-type(2) {}

/* 第三个banner */

.swiper-slide-2 .swiper-slide-text {
	top: 12.76vw;
	left: 18.75vw;
}


.swiper-slide-2 .swiper-slide-text>div>span {
	font-size: 4.16vw;
	font-weight: 500;
	color: #32DBFF;
	text-shadow: 3px 4px 5px rgba(10, 3, 69, 0.5);
	margin: 0 2.24vw 0 0;

}

.swiper-slide-2 .swiper-slide-text>.second {

	margin: 4.53125vw 0 0 0;
}



.swiper-slide-2 .swiper-slide-text>.second>p {
	font-size: 3.125vw;
	line-height: 4.16vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	text-shadow: 3px 4px 5px rgba(10, 3, 69, 0.5);

}



/* 第四个banner */

.swiper-slide-3 .swiper-slide-text {
	top: 13.76vw;
	left: 23.80vw;
}


.swiper-slide-3 .swiper-slide-text>p:nth-of-type(1) {
	font-size: 2.1875vw;
	font-weight: 400;
	color: #FFFFFF;
	opacity: 0.6;
}

.swiper-slide-3 .swiper-slide-text>p:nth-of-type(2) {
	font-size: 3.33vw;
	font-weight: bold;
	color: #FFFFFF;
	margin: 2.7vw 0 0 0;
}


.swiper-slide-3 .swiper-slide-text>p:nth-of-type(3) {
	font-size: 1.875vw;
	font-weight: 400;
	color: #FFFFFF;
	opacity: 0.6;
	margin: 5.104vw 0 0 0;
}


/* 第五个banner */

.swiper-slide-4 .swiper-slide-text {
	top: 14.21875vw;
	left: 59.01vw;
}


.swiper-slide-4 .swiper-slide-text>p:nth-of-type(1) {
	font-size: 4.6875vw;
	font-weight: bold;
	color: #FFFFFF;
}

.swiper-slide-4 .swiper-slide-text>p:nth-of-type(2) {
	font-size: 3.125vw;
	font-weight: bold;
	color: #FFFFFF;
	margin: 1.302vw 0 0 0;
}


.swiper-slide-4 .swiper-slide-text>p:nth-of-type(3) {
	font-size: 1.25vw;
	font-weight: 400;
	color: #FFFFFF;
	margin: 3.59375vw 0 0 0;
}


.banner-arrow {
	display: none;
}
/* 第六个banner */

.swiper-slide-5  video {

    width: 100%;
    height: 100%;
}
/* 业务范围组件 */
.business-box {
	background: #F7F7F7;
	padding: 90px 0 113px 0;
}

.business-box>h2 {
	font-size: 36px;
	font-weight: 400;
	color: #222222;
	text-align: center;
}

.business-box>h3 {
	font-size: 18px;
	font-weight: 300;
	color: #555555;
	text-align: center;
	margin: 31px 0 54px 0;
}


.number-list {
	padding: 0 160px 62px;
	display: flex;
	justify-content: space-between;
}

.number-item:nth-of-type(1)>div>span {}

.number-item:nth-of-type(1)>div>span:nth-of-type(1) {
	font-size: 48px;
	font-weight: bold;
	color: #002B9D;

}

.number-item:nth-of-type(1)>div>span:nth-of-type(2) {
	font-size: 30px;
	font-weight: 400;
	color: #002B9D;

}

.number-item:nth-of-type(1)>div:nth-of-type(2) {
	font-size: 24px;
	font-weight: 400;
	color: #222222;
	margin: 17px 0 0 0;
}


.number-item:nth-of-type(2) {
	position: relative;
}

.number-item:nth-of-type(2)>div>span:nth-of-type(1) {
	font-size: 48px;
	font-weight: bold;
	color: #002B9D;

}

.number-item:nth-of-type(2)>div>span:nth-of-type(2) {
	position: absolute;
	font-size: 30px;
	font-weight: 400;
	color: #002B9D;
	top: 0;
	left: 111px;

}

.number-item:nth-of-type(2)>div>span:nth-of-type(3) {
	font-size: 30px;
	font-weight: 400;
	color: #002B9D;
	margin: 0 0 0 20px;

}

.number-item:nth-of-type(2)>div:nth-of-type(2) {
	font-size: 24px;
	font-weight: 400;
	color: #222222;
	margin: 17px 0 0 0;
}

.number-item:nth-of-type(3)>div>span:nth-of-type(1) {
	font-size: 48px;
	font-weight: bold;
	color: #002B9D;

}

.number-item:nth-of-type(3)>div>span:nth-of-type(2) {
	font-size: 30px;
	font-weight: 400;
	color: #002B9D;

}

.number-item:nth-of-type(3)>div:nth-of-type(2) {
	font-size: 24px;
	font-weight: 400;
	color: #222222;
	margin: 17px 0 0 0;
}

.business-list {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}

.business-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 25%;
	margin: 55px 0 0 0;
}
	
	.business-item > img {
		display: block;
	}

.business-item>span {
	display: block;
	margin: 28px 0 0 0;
	font-size: 24px;
	font-weight: 400;
	color: #222222;
}
/* 成功案例组件 */

.why-list {

	display: flex;
	margin: 96px 0 60px 0;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 1px solid #DCDCDC;
}

	.why-list .why-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0 0 0px 0;
        min-width: 127px;
	}

.why-item>span {
	font-size: 18px;
	font-weight: 300;
	color: #222222;
	margin: 35px 0 0 0;
	text-align: center;
}

.why-item.active>i {
	width: 127px;
	height: 3px;
	background: #222222;
	margin: 60px auto 0 auto;
}

.why-reason {
	display: flex;
	padding: 0 0 120px 0;
	align-items: flex-start;
    justify-content: space-between;
}

.why-reason>div {

	margin: 0 290px 0 0;
}

.why-reason>div>strong {
	font-size: 26px;
	font-weight: 400;
	color: #222222;
}

.why-reason>div>p {
	font-size: 18px;
    line-height: 27px;
	font-weight: 300;
	color: #888888;
	margin: 30px 0 70px 0;
}

.details-btn {
	width: 204px;
	height: 52px;
	border: 1px solid #222222;
	border-radius: 26px;
	padding: 17px 40px;
}

.details-btn>span {
	font-size: 18px;
	font-weight: 400;
	color: #222222;
	margin: 0 10px 0 0;
}

.news-box {
	padding: 119px 0 0 0;
	background: #F7F7F7;
}

.news-title-box {
	display: flex;
	justify-content: space-between;
}

.news-title-box>div>h2 {
	font-size: 36px;
	font-weight: 400;
	color: #222222;
}

.news-title-box>div>h3 {
	font-size: 18px;
	font-weight: 300;
	color: #555555;
	margin: 30px 0 0 0;
}

.news-title-box>ul {
	display: flex;

}

	.news-title-box > ul > li:not(:nth-of-type(5)) {
		margin: 0 0 0 36px;
	}

.news-title-box>ul>li>a {}

.news-title-box>ul>li>a.active {
	height: 18px;
	font-size: 18px;
	font-family: Source Han Sans CN;
	font-weight: 300;
	color: #222222;
}

	.news-title-box > ul > li > i {
		display: block;
        width: 0px;
		height: 3px;
		background: #222222;
		margin: 28px auto 0 auto;
		padding: 4px 0 0 0;
		transition: all 100ms ease 0s;
	}

	.news-title-box > ul > li.active > i {
        width: 67px;
}
	.news-title-box > ul > li:hover > i {
        width: 67px;
	}


	.news-title-box > ul > li > a {
		font-size: 18px;
		font-family: Source Han Sans CN;
		font-weight: 300;
		color: #555555;
	}
	.news-title-box > ul > li.active > a {
        font-size: 20px;
		color: #222222;
	}

	.news-list {
		margin-top: 71px;
		display: flex;
		position: relative;
		flex-wrap: wrap;
		padding-bottom: 20px;
		justify-content: space-between;
	}

.news-item {}

.news-item:not(:nth-of-type(4n)) {
	margin: 0 20px 0 0;
}

.news-item.active {
	position: relative;
	width: 386px;
}
	.news-item.active > .img-hover-wrapper {
        width: 100%;
/*        height: 257px;*/
	}
		.news-item.active > .img-hover-wrapper > img {
			
		}

.news-item.active>p:nth-of-type(1) {
	width: 336px;
	top: 182px;
	position: absolute;
	/* height: 76px; */
	object-fit: cover;
	font-size: 18px;
	font-weight: 400;
	color: #222222;
	background: #FFFFFF;
	padding: 26px 20px 10px 10px;
	line-height: 27px;
}

.news-item.active>p:nth-of-type(2) {
	height: 300px;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	color: #666666;
	padding: 30px 61px 0 11px;
	background: #FFFFFF;
}

	.news-item:not(.active) {
		/*	width: 250px;*/
		/*	height: 287px;*/
		width: 23%;
		background: #FFFFFF;
	}

.news-item:not(.active)>img {
	width: 100%;
	height: 163px;
	object-fit: cover;
}

.news-item:not(.active)>p {
	padding: 40px 44px;
	font-size: 18px;
	font-weight: 400;
	color: #222222;
	line-height: 27px;
}
	.news-item:hover > * {
        color: #2A62FF !important;
	}
	.news-item:hover  .img-hover-scale3d {
        transform: scale3d(1.2, 1.2, 1);
	}
	.news-box .details-btn {
		position: absolute;
		bottom: 120px;
		right: 0;
	}


/* pc端特有样式 */

@media (min-width: 1200px) {}


/* 移动端特有样式 */

@media (max-width: 1199.98px) {

	
	

	.business-box {
		padding: 40px 0 40px 0;
	}

	.business-box>h2 {
		font-size: 20px;
        font-weight: 500;
	}

	.business-box>h3 {
		font-size: 12px;
		margin: 14px 0 14px 0;
	}

	.number-list {
        display: none;
		padding: 0 10px 2%;
	}

	.number-item:nth-of-type(1)>div>span:nth-of-type(1) {
		font-size: 24px;

	}

	.number-item:nth-of-type(1)>div>span:nth-of-type(2) {
		font-size: 15px;
	}


	.number-item:nth-of-type(1)>div:nth-of-type(2) {
		font-size: 12px;
		margin: 8px 0 0 0;
	}

	.number-item:nth-of-type(2)>div>span:nth-of-type(1) {
		font-size: 48px;
		font-weight: bold;
		color: #002B9D;

	}

	.number-item:nth-of-type(2)>div>span:nth-of-type(2) {
		position: absolute;
		font-size: 30px;
		font-weight: 400;
		color: #002B9D;
		top: 0;
		left: 111px;

	}

	.number-item:nth-of-type(2)>div>span:nth-of-type(3) {
		font-size: 30px;
		font-weight: 400;
		color: #002B9D;
		margin: 0 0 0 20px;

	}

	.number-item:nth-of-type(2)>div:nth-of-type(2) {
		font-size: 24px;
		font-weight: 400;
		color: #222222;
		margin: 17px 0 0 0;
	}

	.number-item:nth-of-type(2)>div>span:nth-of-type(1) {
		font-size: 24px;

	}

	.number-item:nth-of-type(2)>div>span:nth-of-type(2) {
		font-size: 15px;
		left: 55px;
	}

	.number-item:nth-of-type(2)>div>span:nth-of-type(3) {
		font-size: 15px;
		margin: 0 0 0 10px;
	}

	.number-item:nth-of-type(2)>div:nth-of-type(2) {
		font-size: 12px;
		margin: 8px 0 0 0;
	}

	.number-item:nth-of-type(3)>div>span:nth-of-type(1) {
		font-size: 24px;
	}

	.number-item:nth-of-type(3)>div>span:nth-of-type(2) {
		font-size: 15px;
	}

	.number-item:nth-of-type(3)>div:nth-of-type(2) {
		font-size: 12px;
		margin: 8px 0 0 0;
	}
	.business-list {
        justify-content: flex-start;
   }

    .business-item {
        width: 30%;
    }
	.business-item:not(:nth-of-type(3n)) {
		margin-right: 5%;
	}

	.business-item>img {
		width: 50%;
	}

	.business-item {
		margin: 10px 0 0 0;
	}

	.business-item>span {
		margin: 14px 0 0 0;
		font-size: 12px;
	}


	.why-list {
		margin: 20px 0 10px 0;
	}

		.why-list .why-item {
			width: 50%;
			min-width: initial;
            margin: 10px 0 10px 0px;
		}
    .why-list .why-item:nth-of-type(5) {
        display: none;
    }

			.why-list .why-item:nth-of-type(2) ~ .why-item {
                margin: 10px 0 30px 0px;
			}

		.why-item > img {
			width: 40px;
		}

	.why-item>span {
		font-size: 12px;
		margin: 5px 0 0 0;
	}

	.why-item.active>i {
		width: 60px;
		height: 3px;
		margin: 10px auto 0 auto;
	}

	.why-reason {
        padding: 20px 2% 40px;
	}

	.why-reason>img {
		width: 40%;
	}

	.why-reason>div {}

	.why-reason>div {

		margin: 0 10px 0 0;
	}

	.why-reason>div>strong {
		font-size: 17px;
	}

		.why-reason > div > p {
			font-size: 12px;
            line-height: 16px;
			margin: 10px 0 10px 0;
		}

	.details-btn {
		width: 102px;
		height: 26px;
		border: 1px solid #222222;
		border-radius: 13px;
		padding: 0px 10px;
	}

	.details-btn>span {
		font-size: 12px;
		line-height: 26px;
		margin: 0 5px 0 0;
	}

	.details-btn>img {
		width: 16px;
	}

	.news-box {
		padding: 40px 0 40px 0;
	}

	.news-title-box {
		padding: 0 2%;

	}

	.news-title-box>div>h2 {
		display: none;
	}

	.news-title-box>div>h3 {
		display: none;
	}

		.news-title-box > ul {
			width: 100%;
            justify-content: space-between;
		}

	.news-title-box>ul>li {
		text-align: center;
		width: 20%;
	}

	.news-title-box>ul>li:not(:nth-of-type(5)) {
		margin: 0 1.6vw 0 0;
	}

		.news-title-box > ul > li > a.active {
			font-size: 3.2vw;
		}

    .news-title-box > ul > li:nth-of-type(4)~li {
        display: none;
    }


.news-title-box > ul > li > a {
			font-size: 3.73vw;
		}
		.news-title-box > ul > li.active > a {
			color: #222222;
			font-size: 4.26vw;
		}


	.news-title-box>ul>li.active>i {
		width: 30px;
		height: 2px;
		margin: 14px auto 0 auto;
		padding: 2px 0 0 0;
	}

	.news-list {
		margin-top: 10px;
		padding: 0 2%;
		justify-content: space-between;
	}



	.news-item.active {
		width: 49%;
		margin-top: 10px;
	}

	.news-item:not(:nth-of-type(4n)) {
		margin-right: 0px;
	}



	.news-item.active > .img-hover-wrapper {
		height: auto;
	}

	.news-item.active > p:nth-of-type(1) {
		width: 100%;
		padding: 10px 10px 20px;
		font-size: 14px;
		line-height: 18px;
		position: static;
	}

	.news-item.active>p:nth-of-type(2) {
        display: none;
		height: auto;
		font-size: 12px;
		line-height: 16px;
		padding: 10px 10px 0 10px;
	}

	.news-item:not(.active) {
		width: 49%;
		margin: 10px 0;
		height: auto;
	}

	.news-item:not(.active)>img {
		width: 100%;
		height: auto;
	}

	.news-item:not(.active)>p {
		padding: 10px 10px 20px;
		font-size: 14px;
		line-height: 18px;
	}

	.news-box .details-btn {
		position: static;
	}


}