/* 新闻中心 */
.i_news_tit{margin-bottom:20px; float:left;  }
.i_news_tit h1{margin-bottom:10px; font-size:30px; color:#202020; font-weight:bold}
.i_news_tit p{font-size:16px; color:#808080}
.news_more{ float:right;font-size:14px; }

.wrap{width:1300px; margin:20px auto}
.i_news{padding:60px 0 80px; background:#f6f6f6}

.i_news_list{overflow:hidden}
.i_news_list li{float:left; width:31.28%; margin:0 40px 40px 0; background:#FFF}
/*.i_news_list li:last-child{margin-right:0}*/
.i_news_list li:nth-of-type(3n){margin-right:0; float:right;}
.i_news_list a{display:block; width:100%; overflow:hidden}
.i_news_list img{width:100%; height:230px; object-fit:cover}
.i_news_list .txt{padding:20px}
.i_news_list p{font-size:17px; color:#212121; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_news_list h6{margin:10px 0; font-size:14px; color:#888; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.i_news_list i{font-size:13px; color:#CCC}

.i_news_list a:hover p{color:var(--i_color)}

.news_top{width:1300px; margin:0px auto}


/*经典项目*/


/* 产品 */

.i_pro_tit{text-align:center; margin-bottom:40px; position:relative; z-index:2; }
.i_pro_tit h1{font-size:30px; color:#000; font-weight:bold; position:relative;margin-bottom:10px;}
.i_pro_tit p{font-size:16px; color:#000}

.i_products{--li_h:314px}
.i_products{padding-top:60px; position:relative}
/*.i_products:after{content:""; position:absolute; top:0; left:0; width:100%; height:455px; background:url(../images/i_pro_bg.jpg) no-repeat center; background-size:cover}*/
.i_products .i_tit h1{color:#FFF}

.i_products .box_pd{box-sizing:border-box; padding:40px; background:#FFF; position:relative; z-index:2}
.i_pro_list{height:calc(var(--li_h) * 2 + 50px); overflow:hidden}

.i_pro_list .swiper-wrapper{
	position:relative;
	width:100%;
	height:100%;
	padding-top:10px;
	z-index:1;
	display:flex;
	transition-property:transform;
	flex-wrap:wrap;
	flex-direction:column;
	box-sizing:content-box;
	}
.i_pro_list .swiper-slide{
	font-size:18px;
	background:#fff;
	height:var(--li_h);
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	}
.i_pro_list .swiper-slide a{display:block; width:100%; height:100%; box-sizing:border-box;  overflow:hidden}

.i_pro_list .img{width:100%; height:calc(100% - 60px); background:#FFF; position:relative; overflow:hidden}
.i_pro_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80%; height:80%; object-fit:contain}

.i_pro_list .txt{text-align:center}
.i_pro_list .txt p{font-size:16px; color:#333; line-height:60px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.i_pro_list .swiper-wrapper li:hover{-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px); transform:translate(0,-8px)}
.i_pro_list .swiper-wrapper li:hover p{color:var(--i_color)}
.i_pro_list .swiper-wrapper li:hover b{color:#FFF; border:none}
.i_pro_list .swiper-wrapper li:hover b:after{width:100%}
.i_pro_list .swiper-wrapper li, .case_txt b:after{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}

/* 箭头 */
.i_products .pro-button-next, .i_products .pro-button-prev{position:absolute; top:50%; transform:translate(0,-50%); width:34px; height:34px; box-sizing:border-box; border:1px solid #DDD; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; z-index:10; cursor:pointer; outline:none}
.i_products .pro-button-prev:before, .i_products .pro-button-next:before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent;}
/* 左箭头 */
.i_products .pro-button-prev{left:-16px}
.i_products .pro-button-prev:before{border-right:6px solid rgba(0,0,0,.3)}
/* 右箭头 */
.i_products .pro-button-next{right:-16px}
.i_products .pro-button-next:before{border-left:6px solid rgba(0,0,0,.3)}

.i_products .pro-button-next:hover, .i_products .pro-button-prev:hover{background:var(--i_color); border-color:var(--i_color)}
.i_products .pro-button-prev:hover:before{border-right:6px solid #FFF}
.i_products .pro-button-next:hover:before{border-left:6px solid #FFF}

/* 无法点击灰色箭头 */
.i_products .pro-button-disabled{background:rgba(0,0,0,.3)}
.i_products .pro-button-disabled:before{color:#CCC}

/*------------新闻资讯-------------*/
.shnews {
	width: 100%;
	height: 405px;
}
.shnews_box {
	width: 1200px;
	height: 405px;
}
.shnewstop {
	width: 575px;
	float: left;
	overflow: hidden;
	margin-top: 50px;
}
.shnewstop div {
	height: 39px;
	line-height: 39px;
	overflow: hidden;
	background: url(../images/news02.png) no-repeat bottom center;
}
.shnewstop div p {
	float: left;
	padding-left: 15px;
	background: url(../images/news01.png) no-repeat left center;
	font-size: 16px;
	color: #434343;
}
.shnewstop div p span {
	font-weight: bold;
}
.shnews .title span a {
	display: inline-block;
	float: right;
	width: 48px;
	height: 15px;
	border-radius: 5px;
	border: 1px solid #434343;
	font-size: 12px;
	color: #434343;
	text-align: center;
	line-height: 13px;
	margin-top: 12px;
}
.shnews .title span a:hover {
	background: #e60212;
	color: #fff;
	border: 1px solid #e60212;
}
.shnewstop ul {
	margin-top: 1px;
}
.shnewstop ul li {
	width: 575px;
	height: 81px;
	overflow: hidden;
	border-bottom: 1px dashed #dbdbdb;
}
.shnewstop ul li span {
	padding-left: 30px;
	background: url(../images/wen.png) no-repeat left center;
	margin-top: 16px;
	display: block;
}
.shnewstop ul li span a {
	font-size: 16px;
	font-weight: bold;
	color: #434343;
	width: 400px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.shnewstop ul li p {
	font-size: 14px;
	color: #707070;
	width: 545px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 30px;
	background: url(../images/da.png) no-repeat left center;
	margin-top: 5px;
}
.shnewstop ul li span a:hover {
	color: #e60212;
}
.shnews-r {
	width: 575px;
	float: right;
	overflow: hidden;
	margin-top: 50px;
}
.shnews-r .title {
	height: 39px;
	line-height: 39px;
	overflow: hidden;
	background: url(../images/news02.png) no-repeat bottom center;
}
.shnews-r .title p {
	float: left;
	padding-left: 15px;
	background: url(../images/news01.png) no-repeat left center;
	font-size: 16px;
	color: #434343;
}
.shnews-r .title p span {
	font-weight: bold;
}
.shnews-r1 ul li {
	height: 40px;
	line-height: 40px;
	width: 575px;
	overflow: hidden;
	border-bottom: 1px dashed #dbdbdb;
}
.shnews-r1 ul li a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	width: 575px;
	overflow: hidden;
}
.shnews-r1 ul li .s1 {
	float: right;
	font-size: 12px;
	color: #c5c5c5;
}
.shnews-r1 ul li .s2 {
	float: left;
	font-size: 15px;
	color: #343434;
	padding-left: 15px;
	background: url(../images/news03.png) no-repeat left center;
	width: 416px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.shnews-r1 ul li:hover .s1 {
	color: #e60212;
}
.shnews-r1 ul li:hover .s2 {
	color: #e60212;
	background: url(../images/news04.png) no-repeat left center;
}