.ny_banner{ width:100%; height:440px; margin:0 auto; text-align:center; overflow:hidden;}
.ny_nav_box{ width:100%; height:70px; margin:0 auto; background:#f3f3f3;}
.ny_nav{ width:1200px; height:70px; margin:0 auto;}
.ny_nav_left{ width:490px; height:70px; line-height:70px; background:url(../image/add.png) no-repeat left center; padding-left:30px; font-size:16px; color:#5f5e5e; float:left;}
.nav_ny_right{ width:680px; height:70px; line-height:70px; float:left;}
.nav_ny_right a{ width:100px; height:70px; line-height:70px; text-align:center; float:left; display:block; color:#5f5e5e; font-size:16px; margin:0 1px;}
.nav_ny_right a:hover{ color:#fff; background:#cc2025;}



.company{ width:1200px; height:530px; margin:0 auto;}
.ny_title{ width:1200px; height:55px; text-align:center; margin:50px 0 20px 0;}
.line{ width:1200px; height:14px;}
.company_text{ width:1200px; height:auto; font-size:16px; line-height:30px; padding-top:50px; color:#5f5e5e;}

.honor_box{ width:100%; height:650px; background:#f3f3f3; padding:1px 0; }
.honor{ width:1200px; height:380px; margin:0 auto; }
.card_box{ width:1200px; height:auto; margin:0 auto;}
.card_num{ width:100px; height:40px; line-height:40px; text-align:center; margin:0 auto;}

.card_num span{ margin:0 5px;}

.card_box .swiper-container {
	width: 100%;
	height: 400px;
	margin-top: 20px ;
	
}
.card_box .swiper-slide {
	text-align: center;
	font-size: 18px;
	
	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;
}
.card_box  .swiper-slide dl{ width:240px; height:330px; padding:0 22px;}
.card_box  .swiper-slide dl dt{ width:240px; height:330px;}
.card_box  .swiper-slide dl dt img{ width:240px; height:330px}
.card_box  .swiper-slide dl dd{ width:240px; height:60px; line-height:25px; font-size:14px; padding-top:5px}

.safety{ width:1200px; height:670px; margin:0 auto;}
.safety_text{ width:1200px; height:60px; line-height:30px; text-align:center; font-size:16px; color:#777777; padding:20px 0;}



a{ text-decoration:none}


.main-wrap {
	width:1200px !important;
	margin:40px auto 0 auto;
	position:relative;
	transition:all .3s ease;
}
.flex-row {
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}

.item {
	flex:1;
	text-align:center;
	position:relative;
	height:300px;
	width:380px;
	margin:0 10px;
	background:no-repeat center;
	background-size:100% auto;
	overflow:hidden;
}
.flex-row {
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}

.item-title {
	font-size:20px;
	font-weight:bold;
	color:#fff;
	height:50px;
	line-height:50px;
	position:relative;
	background-color:rgba(0,0,0,.6);
	
	
	
}
.item:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	transition:all .4s cubic-bezier(.4,0,.2,1);
}
.item:hover:before {
	background-color:rgba(0,0,0,.6);
}

.item:hover .item-title {
	background-color:rgba(0,0,0,.0);
}


.item-1 {
	background-image:url(../image/safety1.jpg);
}
.item-2 {
	background-image:url(../image/safety2.jpg);
}
.item-3 {
	background-image:url(../image/safety3.jpg);
}

.item-title:before {
	content:"";
	position:relative;
	display:block;
	width:200px;
	margin:0 auto 250px;
	transition:all .4s cubic-bezier(.4,0,.2,1);
	
}
.item:hover .item-title:before {
	opacity:0;
	margin-bottom:0;
}

.item-p-block {
	position:relative;
	transition:all .4s cubic-bezier(.4,0,.2,1);
	opacity:0;
	margin-top:0;
}
.item:hover .item-p-block {
	display:block;
	opacity:1;
	margin-top:0;
}


.item-p {
	color:#fff;
	font-size:16px;
	line-height:28px !important;
	margin-bottom:0px !important;
	TEXT-DECORATION:none !important;
	padding:0 10px;
}
