#navi1 {width: 100%;height: 600px;} 
#navi1 .swiper-slide{background-position: center;} 

/*品牌历史*/
.lishi{background: white;height: 676px;}
.lishi .container{padding: 50px 0 }

.biaoti{height: 46px;text-align: center;}
.biaoti h1{margin:0;line-height: 1em;font-size: 25px;margin-bottom: 8px;}
.biaoti h4{margin:0;line-height: 1em;font-size: 14px;}

#swiper-history{
	width:100%;
	margin-top: 40px;
	position:relative;

}
#swiper-history  .swiper-container { 
        height: 480px;
		margin:0 70px;

    } 
#swiper-history	.short-line{
		height:408px;
		border-bottom:1px dashed #4f0101;
		width:60px;
		position:absolute;
		top:0px;
	}
#swiper-history	.long-line{
		height:408px;
		border-bottom:1px solid #4f0101;
		width:100%;
		position:absolute;
		top:0px;
		left:60px;
	}
#swiper-history   .swiper-slide span{
		display:block;
		width:100%;
		text-align:center;
		position:absolute;
		transition: 700ms;
    }
#swiper-history .swiper-slide .detail{
	height: 45px;
	padding-top: 1px;
    top:0px;
	text-align: center;
    opacity: 0;
}
#swiper-history .swiper-slide .detail i{height: 276px;border-radius: 6px;background: #4f0101;padding: 10px;position: relative; display:inline-block;margin:0 auto; max-width: 1050px ;min-width: 276px }
#swiper-history .swiper-slide .detail i img{height: 100%;object-fit: cover;max-width: 1030px}
#swiper-history .swiper-slide .detail i:before{position: absolute;content: "";border-top: 16px solid #4f0101;border-left: 10px solid transparent;border-right: 10px solid transparent;bottom: -16px;left: 50%;transform: translateX(-50%);}
#swiper-history .swiper-slide .detail h4{

	height: 20px;
	font-size:17px ;
	line-height:1em;
	margin:0;
	margin-top: 45px;
   
}
#swiper-history .swiper-slide .detail p{
	width: 70%;

	height: 29px;
    font-size: 14px;
    line-height: 1em;
    margin: 0;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin:0 auto;

}
#swiper-history .swiper-slide .date{

	color:#c30e21;
	position:absolute;
	bottom:13px;
    opacity: 0;
}
#swiper-history .swiper-slide-active span{
	transition: 700ms 700ms;
}
#swiper-history	.swiper-pagination-bullets{
		white-space:nowrap;
		width:auto;
		bottom:69px;
		height:10px;
		line-height:10px;
		transition: 700ms;
	}
#swiper-history .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}
#swiper-history .swiper-pagination-bullet{
	background:#fff;
	border: 1px solid #4f0101;
	opacity:1;
	line-height:10px;
	transform:scale(1.1,1.1);
}
#swiper-history .swiper-pagination-bullet-active {
	transform:scale(2,2);
    background: #4f0101;
}
#swiper-history .swiper-button-next,#swiper-history .swiper-button-prev{
	transform:scale(1.7,1.7);
	background-size:20px auto;
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    opacity: 0.7
}

.swiper-button-next, .swiper-button-prev{top: 410px}


/*厂房*/
.cangfang{height: 600%;background: black;color: white;background-position: center}
.cangfang .container{padding: 50px 0}
/*.white1{color: white}*/
.cangfang .container>p{font-size: 14px;line-height: 1.4em;width: 68%;text-align: center;margin:44px auto 0;}
#changfang1{margin-top: 30px;}

#changfang1 .swiper-slide>div{width: 274px;height: 320px;margin:0 auto;}
#changfang1 .swiper-slide>div>div{width: 274px;height: 274px;background: white}
#changfang1 .swiper-slide>div>div>img{width: 100%;height: 100%;object-fit: cover}


#changfang1 .swiper-slide  div p{text-align: center;margin:10px 0;font-size: 14px;}

/*荣誉认证*/
.renzheng{height: 556px;}
.renzheng .container{padding: 50px 0}

#certify {
	position: relative;
	width: 100%;
	margin: 10px auto 0
}

#certify .swiper-container {
	padding: 40px 0;
	
}

#certify  .swiper-slide {

	width: 550px;
	height: 360px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide div{
	width: 550px;
	height: 300px;
}
#certify  .swiper-slide img{
	width: 100%;height: 100%;
	object-fit: cover;
	display:block;
}
#certify  .swiper-slide p {
	line-height: 60px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 14px;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}

/*公益慈善*/
.gongyi {background: black;color: white;height: 558px;background-position: center}
.gongyi .container{padding:50px 12px }
.gongyil{margin-top: 50px}
.gongyil a{width: 570px;height: 362px;background: white;display: inline-block; position: relative;color: white}
.gongyil a>div{width: 570px;height: 362px;background: white}
.gongyil a>div>img{width: 100%;height: 100%;object-fit: cover}
.gongyil a:nth-child(1){margin-right:20px;}

.gongyil a p{position: absolute;bottom: 0;opacity: 0;transition: .2s;width: 100%;margin:0;padding: 10px 20px;background: rgba(0,0,0,0.6);font-size: 14px}
.gongyil a:hover p{opacity: 1;}

/*加入我们*/
.jiaru{height: 500px}
.jiaru .container{padding: 50px;}
.jiaru p{text-align: center;width: 60%;margin:0 auto;font-size: 14px;}
.jiaru p button{width: 250px;height: 54px;border-radius: 6px;color: white;background: black}


