.banner,.banner .item{
    max-height: 600px;
    overflow: hidden;
}
.index_box{
	padding-bottom: 5%;
	overflow: hidden;
}
.index_product{
	background: url(../image/index/bg1.png) no-repeat center bottom;
	background-size: 100%;
}
.index_product .item{
	display: block;
	border-radius: 15px;
	overflow: hidden;
	margin-bottom: 4%;
	transition: all .3s;
}
.index_product .item img.bg{
	width: 100%;
}
.index_product .item img.img{
	max-height: 80%;
}
.index_product .item .txt{
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 5%;
}
.index_product .item .txt h2{
	font-size: 24px;
	line-height: 1em;
	color: #fff;
}
.index_product .item .txt i{
	display: block;
	width: 30px;
	height: 2px;
	background-color: #fff;
	margin: 6% 0;
}
.index_product .item .txt p{
	color: #fff;
	font-size: 14px;
	line-height: 1.6em;
	-webkit-line-clamp: 4;
	height: 90px;
}
.index_product .item:hover{
	box-shadow: 0 0 15px rgba(0,0,0,.3);
	margin-top: -10px;
}
.index_news ul li{
	padding: 1rem;
}
.index_news .item{
	height: 100%;
	color: #333;
	font-size: 16px;
	padding-bottom: 15px;
	transition: all .3s;
	position: relative;
}
.index_news .item:before,
.index_news .item:after{
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .3s;
}
.index_news .item:before{
	width: 100%;
	background-color: #eaeaea;
}
.index_news .item:after{
	width: 0;
	background-color: #0c5baa;
}
.index_news .item h2{
	line-height: 1.8em;
	margin-bottom: 15px;
	transition: all .3s;
}
.index_news .item p{
	color: #0c5baa;
}
.index_news .item:hover:before{
	width: 0;
}
.index_news .item:hover:after{
	width: 100%;
}
.index_news .item:hover h2{
	color: #0c5baa;
}
/* .index_news li:nth-child(5) .item:before,
.index_news li:nth-child(6) .item:before,
.index_news li:nth-child(7) .item:before,
.index_news li:nth-child(8) .item:before{
	display: none;
} */

.index_case{
	background-color: #f9fafc;
}
.index_case .item{
	padding: 0;
	background: #ddd;
	overflow: hidden;
}
.index_case .item img{
	width: 100%;
	transition: all .3s;
}
.index_case .item p{
	bottom: 0;
	width: 100%;
	padding: 8px 15px;
	color: #fff;
	font-size: 14px;
	background: rgba(0,0,0,.5);
}
.index_case .sm{
	padding: 0;
}
.index_case .item:hover img{
	transform: scale(1.05,1.05);
}
.index_case .link{
	width: 100%;
	margin-top: 2%;
}
.index_case .link li{
	padding: 1rem;
}
.index_case .link li a{
	background-color: #fff;
	border-radius: 2px;
	overflow: hidden;
	height: 100%;
	padding: 5px;
}
.index_case .link li a img{
	transition: all .3s;
}
.index_case .link li a:hover img{
	transform: scale(1.05,1.05);
}
.index_about{
	padding-top: 5%;
}
.index_about .title{
	text-align: left;
	padding: 2% 0 6%;
}
.index_about .cns h3{
	font-size: 18px;
	margin-bottom: 20px;
}
.index_about .cns p{
	line-height: 1.8em;
	font-size: 14px;
	margin-top: 15px;
}
.index_about .yj{
	border: 1px solid #ddd;
	padding: 12px;
	margin: 5% 0;
}
.index_about .yj h4{
	font-size: 18px;
}
.index_about .yj h4 span{
	margin-left: 6px;
}
.index_about .yj p{
	line-height: 1.8em;
	font-size: 14px;
	margin-top: 10px;
}


/* 产品 */
.product{
	padding: 5% 0 0;
}
.product .item{
	background-color: #f5f7f9;
	margin-bottom: 3%;
	overflow: hidden;
	transition: all .3s;
}
.product .item > div{
	padding: 0;
}
.product .item .imgs{
	overflow: hidden;
}
.product .item .imgs img{
	transition: all .3s;
}
.product .item .imgs .bg{
	width: 100%;
}
.product .item .imgs .img{
	max-height: 90%;
}
.product .item .text{
	padding: 20px 4%;
}
.product .item .text h2{
	font-size: 24px;
	line-height: 1em;
	color: #0c5baa;
	-webkit-line-clamp: 2;
	transition: all .3s;
}
.product .item .text i{
	display: block;
	width: 30px;
	height: 2px;
	background-color: #0c5baa;
	transition: all .3s;
	margin: 3% 0;
}
.product .item .text p{
	color: #333;
	font-size: 16px;
	line-height: 1.8em;
	-webkit-line-clamp: 4;
	transition: all .3s;
}
.product .item .text .mores{
	margin-top: 5%;
}
.product a.item:hover {
	box-shadow: 0 0 15px #ddd;
	background-color: #0c5baa;
}
.product a.item:hover .imgs .bg{
	transform: scale(1.05,1.05);
}
.product a.item:hover .imgs .img{
	transform: translate(-50%,-50%) rotateY(180deg);
}
.product a.item:hover .text p,
.product a.item:hover .text h2{
	color: #fff;
}
.product a.item:hover .text i{
	background-color: #fff;
}

.product_info .product{
	padding-top: 3%;
	padding-bottom: 1%;
}
.product_info .product .item{
	background: none;
}
.product_info .product .item h3{
	font-size: 20px;
	margin-bottom: 20px;
}
.product_info .product .item p{
	line-height: 1.8em;
	color: #666;
}
.product_info > h2{
	text-align: center;
	color: #333;
	font-size: 24px;
	line-height: 1em;
	text-align: center;
	margin: 2% 0;
}
.product_info > i{
	display: block;
	width: 30px;
	height: 2px;
	background-color: #0c5baa;
	margin: 0 auto;
}
.product_cons .item{
	border-top: 1px dashed #ddd;
	padding: 2.5% 0;
}
.product_cons .item h2{
	font-size: 20px;
	line-height: 1em;
	margin-bottom: 1%;
	line-height: 1.8em;
}
.product_cons .item p{
	color: #333 !important;
	font-size: 16px !important;
	line-height: 2em !important;
}
.product_cons .item p span{
    color: #333 !important;
	font-size: 16px !important;
	line-height: 2em !important;
}
.news_info .cns img,
.product_cons .item img{
	max-width: 100% !important;
	height: auto !important;
}

/* 新闻 */

.news .item{
	position: relative;
	padding: 2% 0;
}
.news .item .time{
	background-color: #1e6dc6;
	color: #fff;
	padding: 20px 12px;
	text-align: center;
	line-height: 1em;
}
.news .item .time h2{
	font-size: 24px;
	margin-bottom: 10px;
}
.news .item .time p{
	font-size: 12px;
}
.news .item .text{
	color: #333;
	padding-left: 3%;
	transition: all .3s;
}
.news .item .text h2{
	font-size: 16px;
	margin-bottom: 12px;
}
.news .item .text p{
	color: #666;
	font-size: 14px;
	line-height: 1.8em;
	-webkit-line-clamp: 3;
	transition: all .3s;
}
.news .item .text i{
	color: #999;
	font-size: 14px;
	margin-top: 10px;
}
.news .item .text .mores{
	margin: 6px 0 0;
	background: none;
	border: none;
	color: #333;
	padding: 0;
	font-size: 14px;
	line-height: 1em;
	transition: all .3s;
}
.news .item .text .mores img{
	margin-top: 8px;
}
.news .item:nth-child(2n) .time{
	background-color: #298d82;
}
.news .item:before,
.news .item:after{
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .3s;
}
.news .item:before{
	width: 100%;
	border-bottom: 1px dashed #ddd;
}
.news .item:after{
	width: 0;
	border-bottom: 1px dashed #0c5baa;
}
.news .item:hover .text,
.news .item:hover .text p,
.news .item:hover .text .mores{
	color: #1e6dc6;
}
.news .item:hover:before{
	width: 0;
}
.news .item:hover:after{
	width: 100%;
}
.news_info .cns{
	line-height: 2em;
	font-size: 14px;
	color: #333;
}
.news_info{
	padding-bottom: 1.5%;
}
.news_info > h2{
	text-align: center;
	font-size: 18px;
	line-height: 1.8em;
	margin-bottom: 15px;
}
.news_info > h3{
	color: #666;
	font-size: 14px;
	text-align: center;
	line-height: 1em;
}
.news_info > i{
	width: 100%;
	height: 1px;
	background-color: #eee;
	margin: 2% 0 3%;
	display: block;
}

/* 客户案例 */
.case{
	padding-top: 3%;
}
.case ul li{
	padding: 1rem;
}
.case ul li a{
	height: 100%;
	display: block;
	color: #333;
	border: 1px solid #eaeaea;
	border-radius: 4px;
	overflow: hidden;
	transition: all .3s;
}
.case ul li a .imgs{
	max-height: 300px;
	overflow: hidden;
}
.case ul li a img{
	width: 100%;
	transition: all .3s;
}
.case ul li a h2{
	font-size: 16px;
}
.case ul li a .name{
	padding: 10px 15px;
}
.case ul li a span{
	font-size: 14px;
}
.case ul li a span i{
	font-family: '宋体';
	margin-left: 6px;
}
.case ul li a:hover img{
	transform: scale(1.05,1.05);
}
.case ul li a:hover{
	box-shadow: 0 0 15px #ddd;
	background-color: #0c5baa;
	border-color: #0c5baa;
	color: #fff;
}

/* 关于我们 */
.about{
	padding: 2% 0;
}
.about .item{
	margin: 5% 0;
}
.about .item > div{
	padding: 0;
}
.about .item .imgs img{
	width: 100%;
}
.about .item.left .text{
	padding-right: 5%;
}
.about .item.right .text{
	padding-left: 5%;
}
.about .item.right{
	flex-direction: row-reverse
}
.about .item .text h2{
	font-size: 24px;
	line-height: 1.6em;
	color: #0c5baa;
	-webkit-line-clamp: 2;
	transition: all .3s;
}
.about .item .text i{
	display: block;
	width: 30px;
	height: 2px;
	background-color: #0c5baa;
	transition: all .3s;
	margin: 3% 0 5%;
}
.about .item .text p{
	color: #333;
	font-size: 16px;
	line-height: 2em;
	transition: all .3s;
}

.about2{
	border-radius: 12px;
	overflow: hidden;
	padding: 2%;
	background: #0d9c92;
	margin-bottom: 5%;
	color: #fff;
}
.about2 h2 span{
	margin-left: 5px;
	font-size: 20px;
}
.about2 p{
	font-size: 16px;
	line-height: 1.8em;
	margin-top: 12px;
}

.maps{
    color: #666;
    font-size: 14px;
    padding-top: 1.2%;
    padding-bottom: 1.2%;
}
.maps a{
    color: #666;
	transition: all .3s;
}
.maps img{
    width: 14px;
    margin-right: 6px;
}
.maps a:hover{
    color: #0c5baa;
}
.updown{
	padding: 2% 0 5%;
}
.updown a{
	color: #666;
	font-size: 14px;
	transition: all .3s;
}
.updown a:hover{
	color: #0c5baa;
}



@media (max-width: 1025px) {
	.news_info,
	.case{
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
}
@media (max-width: 768px) {
	.index_product .item .txt h2{
		font-size: 18px;
	}
	.index_product .item .txt p{
		font-size: 13px;
		height: auto;
	}
	.index_news .item{
		font-size: 14px;
	}
	.index_about .imgs{
		margin-top: 5%;
	}
	.index_about .imgs img{
		width: 100%;
	}
	.index_about .yj h4,
	.index_about .cns h3{
		font-size: 16px;
	}
	.index_about .yj p,
	.index_about .cns p{
		font-size: 13px;
	}
	.news{
		padding: 3% 0;
	}
	.news .item .text{
		padding-left: 0;
	}
	.about .item .text{
		padding: 0 !important;
		margin-bottom: 10px;
	}
	.about .item .text h2{
		font-size: 16px;
	}
	.about .item .text p{
		font-size: 13px;
	}
	.product .item .text h2{
		font-size: 16px;
	}
	.product .item .text p{
		font-size: 13px;
	}
	.product_info > h2{
		font-size: 18px;
		margin: 5% 0;
	}
	.product .item .text{
		padding: 20px 0;
	}
	.product_cons .item{
		padding: 6% 0;
	}
	.product_cons .item h2{
		font-size: 16px;
	}
	.product_cons .item p{
		font-size: 13px;
	}
	.about2{
		padding: 5%;
	}
	.about2 h2 span{
		font-size: 16px;
	}
	.about2 p{
		font-size: 13px;
	}
	.news_info > h2{
	    font-size: 16px;
	    margin-bottom: 5px;
	}
	.news_info > i{
	    margin: 5% 0;
	}
}
.index_product_swiper-pagination{
    width: 100%;
    text-align: center;
}
.index_product_swiper-pagination span{
    margin: 0 5px;
}