/* ---- banner-container Style ---- */
.banner-container{
	height: 32.9rem;
}
.banner-container .swiper-container{
	height: 32.9rem;
}
.banner-container .swiper-wrapper{
	height: 32.9rem;
}
.banner-container .swiper-slide{
	height: 32.9rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
@media (max-width:1920px) {
	.banner-container .swiper-slide{
		background-size: auto 100%;
	}
}
@media (max-width:1440px) {
	.banner-container{
		height: 45.7vw;
	}
	.banner-container .swiper-container{
		height: 45.7vw;
	}
	.banner-container .swiper-wrapper{
		height: 45.7vw;
	}
	.banner-container .swiper-slide{
		height: 45.7vw;
		background-size: auto 100%;
	}
}

/* ---- about-us-container Style ---- */
.about-us-container{
	background: #2e2e2e;
	padding: 1.7rem 0 5.2rem;
	margin-bottom: 5.1rem;
}
.about-us-list{
	display: flex;
	align-content: flex-start;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.about-us-list li{
	width: 24.43%;
	padding: 0 1rem;
}
.about-us-list li h1{
	height: 1.9rem;
	line-height: 1.9rem;
	font-size: 0.8rem;
	color: #ffffff;
}
.about-us-list li p{
	min-height: 3rem;
	line-height: 1.5rem;
	font-size: 0.7rem;
	color: #ffffff;
}
@media (max-width:1200px) {
	.about-us-container{
		padding: 2.75vw 0 8.75vw;
		margin-bottom: 8.5vw;
	}
	.about-us-list li{
		padding: 0 1.75vw;
	}
	.about-us-list li h1{
		height: 3.25vw;
		line-height: 3.25vw;
		font-size: 1.33vw;
	}
	.about-us-list li p{
		min-height: 5vw;
		line-height: 2.5vw;
		font-size: 1.25vw;
	}
}
@media (max-width:768px) {
	.about-us-container{
		padding: 4.4vw 0 14vw;
		margin-bottom: 13.6vw;
	}
	.about-us-list li{
		width: 49%;
		padding: 0 2.8vw;
		margin-bottom: 10vw;
	}
	.about-us-list li:last-of-type,
	.about-us-list li:nth-last-child(2){
		margin-bottom: 0;
	}
	.about-us-list li h1{
		height: 6vw;
		line-height: 6vw;
		font-size: 4vw;
		margin-bottom: 2vw;
	}
	.about-us-list li p{
		min-height: 9.6vw;
		line-height: 4.8vw;
		font-size: 3.2vw;
	}
}
@media (max-width:320px) {
	.about-us-list li{
		width: 100%;
		padding: 0;
		margin-bottom: 10vw;
	}
	.about-us-list li:nth-last-child(2){
		margin-bottom: 10vw;
	}
}
/* ---- roduct-service-container Style ---- */
.product-service-list{
	margin-top: 3rem;
	position: relative;
	padding: 1.9rem 0 0;
	margin-bottom: 6rem;
}
.product-service-list .bg{
	position: absolute;
	top: 0;
	width: 50%;
	left: 0;
	text-align: center;
	line-height: 0;
}
.product-service-list .bg img{
	width: 100%;
	max-width: 25.5rem;
	height: auto;
}
.product-service-list ul{
	width: 48.6%;
	float: right;
}
.product-service-list ul li{
	position: relative;
	padding-left: 5.5rem;
	margin-bottom: 1.3rem;
}
.product-service-list ul li h2{
	min-height: 2.3rem;
	line-height: 1.5rem;
	padding: 0.4rem 0;
	font-size: 1.1rem;
	color: #333333;
}
.product-service-list ul li p{
	line-height: 143%;
	font-size: 0.7rem;
	color: #666666;
}
.product-service-list ul li .icon-box{
	position: absolute;
	left: 0;
	top: 1.2rem;
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 50%;
	background: #0060af;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product-service-list ul li .icon-box .icon{
	width: 1.8rem;
	height: 1.8rem;
}
@media (max-width:1200px) {
	.product-service-list{
		margin-top: 5vw;
		padding: 3.25vw 0 0;
		margin-bottom: 10vw;
	}
	.product-service-list .bg img{
		max-width: 34.25vw;
	}
	.product-service-list ul{
		width: 50%;
	}
	.product-service-list ul li{
		padding-left: 9.25vw;
		margin-bottom: 2.25vw;
	}
	.product-service-list ul li h2{
		min-height: 4vw;
		line-height: 2.5vw;
		padding: 0.75vw 0;
		font-size: 1.75vw;
	}
	.product-service-list ul li p{
		font-size: 1.25vw;
	}
	.product-service-list ul li .icon-box{
		top: 2vw;
		width: 6.25vw;
		height: 6.25vw;
	}
	.product-service-list ul li .icon-box .icon{
		width: 3vw;
		height: 3vw;
	}
}
@media (max-width:768px) {
	.product-service-list{
		margin-top: 8vw;
		padding: 0;
		margin-bottom: 8vw;
	}
	.product-service-list .bg{
		display: none;
	}
	.product-service-list ul{
		width: 100%;
		float: none;
	}
	.product-service-list ul li{
		padding: 0;
		margin-bottom: 3.6vw;
	}
	.product-service-list ul li h2{
		min-height: 10vw;
		line-height: 5.6vw;
		padding: 2.2vw 0;
		padding-left: 12vw;
		font-size: 4vw;
		margin-bottom: 2vw;
	}
	.product-service-list ul li p{
		font-size: 3.2vw;
	}
	.product-service-list ul li .icon-box{
		top: 0;
		width: 10vw;
		height: 10vw;
	}
	.product-service-list ul li .icon-box .icon{
		width: 4.8vw;
		height: 4.8vw;
	}
}
/* ---- banner-container Style ---- */
.solution-container{
	padding: 3.8rem 0 5.7rem;
	background: url(../img/solution-container-bg.jpg) center center / auto 100% repeat;
	background-attachment: fixed;
	margin-bottom: 2.4rem;
}
.solution-lists{
	display: flex;
	justify-content: space-around;
	align-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 4.1rem;
}
.solution-lists li{
	width: 10.6%;
}
.solution-lists li .icon-box{
	width: 100%;
	position: relative;
	margin-bottom: 0.8rem;
}
.solution-lists li .icon-box img{
	width: 100%;
	height: auto;
}
.solution-lists li .icon-box i{
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 0.1rem solid #fff;
	color: #fff;
	border-radius: 50%;
	justify-content: center;
	align-items:  center;
}
.solution-lists li .icon-box i .icon{
	width: 43.75%;
	height: 43.75%;
	transition: .3s ease-in-out; 
}
.solution-lists li:hover .icon-box i .icon{
	width: 56%;
	height: 56%;
}
.solution-lists li p{
	height: 2.2rem;
	line-height: 2.2rem;
	font-size: 0.8rem;
	color: #fff;
	text-align: center;
}
@media (max-width:1200px) {
	.solution-container{
		padding: 6.25vw 0 9.5vw;
		margin-bottom: 4vw;
	}
	.solution-lists{
		margin-top: 6.75vw;
	}
	.solution-lists li .icon-box{
		margin-bottom: 1.25vw;
	}
	.solution-lists li p{
		height: 3.75vw;
		line-height: 3.75vw;
		font-size: 1.25vw;
	}
}
@media (max-width:768px) {
	.solution-container{
		padding: 10vw 0;
		margin-bottom: 6.4vw;
	}
	.solution-lists{
		margin-top: 10.8vw;
	}
	.solution-lists li{
		width: 19.6%;
		margin: 0 5% 5%;
	}
	.solution-lists li .icon-box{
		width: 100%;
		position: relative;
		margin-bottom: 0.8rem;
	}
	.solution-lists li .icon-box img{
		width: 100%;
		height: auto;
	}
	.solution-lists li .icon-box i{
		display: flex;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border: 0.1rem solid #fff;
		color: #fff;
		border-radius: 50%;
		justify-content: center;
		align-items:  center;
	}
	.solution-lists li .icon-box i .icon{
		width: 43.75%;
		height: 43.75%;
		transition: .3s ease-in-out; 
	}
	.solution-lists li:hover .icon-box i .icon{
		width: 56%;
		height: 56%;
	}
	.solution-lists li p{
		height: 2.2rem;
		line-height: 2.2rem;
		font-size: 0.8rem;
		color: #fff;
		text-align: center;
	}
}
/* case-container style */
.case-container{
	margin-bottom: 5.6rem;
}
.case-swiper{
	margin-top: 2.6rem;
	position: relative;
}
.case-swiper .swiper-container{
	position: relative;
	z-index: 1;
}
.case-swiper .swiper-slide .pic{
	width: 100%;
	height: 8.25rem;
	overflow: hidden;
	margin-bottom: 0.6rem;
}
.case-swiper .swiper-slide .pic img {
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.case-swiper .swiper-slide .pic:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.case-swiper .swiper-slide h2{
	height: 1.6rem;
	line-height: 1.6rem;
	text-align: center;
	font-size: 1rem;
	color: #272727;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.case-swiper .swiper-slide p{
	height: 4.8rem;
	line-height: 1.2rem;
	font-size: 0.7rem;
	color: #272727;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.case-next,
.case-prev{
	position: absolute;
	top: 4.5rem;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: auto 50%;
	background-position: center center;
	background-color: rgba(0, 0, 0, 0.48);
}
.case-next{
	right: -2.25rem;
	background-image: url(../img/case-next.png);
}
.case-prev{
	left: -2.25rem;
	background-image: url(../img/case-prev.png);
}
@media (max-width:1200px) {
	.case-container{
		margin-bottom: 9.25vw;
	}
	.case-swiper{
		margin-top: 4.25vw;
	}
	.case-swiper .swiper-slide .pic{
		height: 11.8vw;
		margin-bottom: 1vw;
	}
	.case-swiper .swiper-slide h2{
		height: 2.75vw;
		line-height: 2.75vw;
		font-size: 1.75vw;
	}
	.case-swiper .swiper-slide p{
		height: 4.8rem;
		line-height: 1.2rem;
		font-size: 0.7rem;
	}
	.case-next,
	.case-prev{
		top: 6vw;
		width: 4vw;
		height: 4vw;
	}
	.case-next{
		right: -3vw;
	}
	.case-prev{
		left: -3vw;
	}
}
@media (max-width:768px) {
	.case-container{
		margin-bottom: 10vw;
	}
	.case-swiper{
		margin-top: 6.8vw;
	}
	.case-swiper .swiper-slide .pic{
		height: 22.4vw;
		margin-bottom: 1.6vw;
	}
	.case-next,
	.case-prev{
		top: 11vw;
	}
}
@media (max-width:414px) {
	.case-swiper .swiper-slide .pic{
		height: 43.4vw;
		margin-bottom: 1.6vw;
	}
	.case-swiper .swiper-slide h2{
		height: 6vw;
		line-height: 6vw;
		font-size: 4vw;
	}
	.case-swiper .swiper-slide p{
		height: 20vw;
		line-height: 5vw;
		font-size: 3.2vw;
	}
	.case-next,
	.case-prev{
		top: 18vw;
		z-index: 2;
		width: 8vw;
		height: 8vw;
	}
}