.top-banner{width: 100%;position: relative;overflow: hidden;}
.top-banner img{width: 100%;}

.page_main .cleace-home-item{margin-top: 50px;margin-bottom: 50px;overflow: hidden;}
.page_main .cleace-home-item .item-cont{position: relative;margin-bottom: 30px;overflow: hidden;width: 100%;}
.page_main .cleace-home-item .item-cont p{text-transform: uppercase; background: rgba(26,67,148,0.35);color: #FFFFFF;position: absolute;bottom: 0;margin-bottom: 0;padding: 15px;box-sizing: border-box;width: 100%;font-family: "arial black";font-size: 16px;min-height: 21%;}
.page_main .cleace-home-item .item-cont img{width: 100%;display: block;}

.breadcrumb_tips{background: #FFFFFF;font-size: 15px;padding: 20px 0;color: #1a439a;font-weight: bold;margin-bottom: 0;}
.breadcrumb_tips a{color: var(--heading-color);opacity: .8;}
.breadcrumb_tips i{margin-right: 10px;}

.need-products{margin-bottom: 100px;}
.need-products h2{color: #1a4394;font-size: 28px;margin: 100px 0 60px 0;}
.need-products .product-swiper{position: relative;padding-bottom: 30px;}
.need-products .product-swiper .swiper-button-next, .need-products .product-swiper .swiper-button-prev{font-weight: bold;color: #244491;}
.need-products .product-swiper .swiper-button-next{right: -40px;}
.need-products .product-swiper .swiper-button-prev{left: -40px;}
.need-products .product-swiper .swiper-slide{position: relative;}
.need-products .product-swiper .swiper-slide .slide-cont{position: absolute;top: 78%;padding-left: 17%;padding-right: 12%;}
.need-products .product-swiper .swiper-slide .slide-cont p{font-size: 20px;font-family: Bahnschrift;color: #19408f;}
.need-products .product-swiper .swiper-slide .slide-cont p a{color: #19408f;}

.need-products .product-swiper .swiper-slide img {display:block;position:relative;-webkit-transition:all .4s linear;transition:all .4s linear;}

.need-products .product-swiper .swiper-slide:hover img {-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
.need-products .product-swiper .swiper-slide{overflow: hidden;}

.pro-need-cont{margin-top: 90px;}
.pro-need-cont .pro-need-cont-p{font-size: 17px;margin-bottom: 10px;}
.pro-need-cont .pro-need-cont-h3{color: #1a4394;font-size: 28px;font-weight: bold;margin: 15px 0;}
.pro-need-cont ul{padding-left: 5%;}
.pro-need-cont ul li{border-bottom: 2px solid #b4b4b5;width: 80%;position: relative;}
.pro-need-cont ul li:before{content: attr(data-num); position: absolute;left: 0;font-size: 22px;background: #accfeb;border-radius: 50%;width: 37px;height: 37px;text-align: center;line-height: 37px;color: #1f4796;left: -6%;}
.pro-need-cont ul li p{font-size: 22px;line-height: 40px;margin: 10px 0;}



@media (max-width: 1024px) {

	.page_main .cleace-home-item .item-cont p{font-size: 14px;height: 50%;}

	.pro-need-cont{margin-top: 50px;}
	.pro-need-cont .pro-need-cont-p{margin-bottom: 30px;}
	.pro-need-cont .pro-need-cont-h3{margin-bottom: 26px;}

	.pro-need-cont ul li{width: 100%;}
	.pro-need-cont ul li:before{font-size: 18px;width: 26px;height: 26px;line-height: 26px;}
	.pro-need-cont ul li p{font-size: 22px;line-height: 26px;}
	
	.need-products{margin-bottom: 60px;}
	.need-products h2{margin: 56px 0 42px 0;}
  	.need-products .product-swiper .swiper-slide .slide-cont{top: 82%;padding-left: 12%;padding-right: 12%;}
	.need-products .product-swiper .swiper-slide .slide-cont p{font-size: 14px;}
	.need-products .product-swiper .swiper-button-next{right: 10px;}
	.need-products .product-swiper .swiper-button-prev{left: 10px;}
}


@media (max-width: 768px) {

	.page_main .cleace-home-item .item-cont p{height: 100%;}
	
	.pro-need-cont{margin-top: 20px;}
	.pro-need-cont .pro-need-cont-p{font-size: 18px;margin-bottom: 30px;}
	.pro-need-cont .pro-need-cont-h3{font-size: 24px;}
	.pro-need-cont ul{padding-left: 8%;}
	.pro-need-cont ul li{width: 100%;}
	.pro-need-cont ul li:before{font-size: 18px;width: 26px;height: 26px;line-height: 26px;left: -9%;}
	.pro-need-cont ul li p{font-size: 18px;line-height: 26px;}
	.need-products{margin-bottom: 40px;}
	.need-products h2{margin: 36px 0 22px 0;font-size: 24px;}
	.need-products .product-swiper .swiper-slide .slide-cont{top: 72%;padding-left: 5%;padding-right: 5%;}
	.need-products .product-swiper .swiper-button-next{right: 10px;}
	.need-products .product-swiper .swiper-button-prev{left: 10px;}
}