/* banner */
.banner { width: 100%; height: 100vh; position: relative; z-index: 1; margin-bottom: 40px; }

#banner_bg { position: relative; z-index: -1; }

#banner_bg .swiper-slide {
	background-color: #fff;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;	
	overflow: hidden;
}

#banner_bg .swiper-slide div { width: 100%; }

#banner_bg .swiper-slide video { display: block; width: 100%; } 

.wamper-bai {
	width: 100%;
	height: 100%;
	/* background: -webkit-linear-gradient( top, rgba(255,255,255,1) 0%,  rgba(255,255,255,0) 41%, rgba(255,255,255,0) 57%,rgba(255,255,255,.9) 99% ); */
}

.banner .container { position: absolute; top:20vh; left: 50%; transform: translateX(-50%); }

/* banner-end */


/* 产品轮播 */
.group-pro { width: 100%; }

.pro-slogan { width: 25%; float: left;}

.pro-slogan img.star {
	height: 90px;
	margin-bottom:0px;
	transform: translateY(-190px);
}

/* .pro-slogan h2.sub-tittle{ 
	font-size: 36px; 
	margin-bottom: 80px; 
	font-weight: bold; 
	background-image: url(../img/icon/icon.png);
	background-position:left top;
	background-repeat: no-repeat;
	background-size: auto 65px;
    padding-top: 150px;
    margin-top: -138px;
} */
.pro-slogan p big { font-size: 72px; color: #32d46b; font-weight: bold; line-height: 1.2; }


.pro-slide { width: calc(75% - 40px); margin-left: 40px; float: left; position: relative; z-index: 1;}

#banner_pro {  }
#banner_pro .swiper-slide a { 
	display: block;
	width: 100%;
	height: 100%;
	padding: 55px;
	background: rgba(0,0,0,.15);
	text-align: left;
	color: #fff;
	text-decoration: none;	
}


#banner_pro .swiper-slide a h3 { font-weight: bold; margin-bottom: 45px; }

.pro-smallbox { width: 320px; height: 320px; position: absolute; z-index: 5; overflow: hidden; }
.pro-smallbox img {
	width: 100%; height: 100%; 
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.p-1 { left: calc(100% + 40px); bottom: 0; }
.p-2 { left: calc(100% - 320px); top: calc(100% + 40px); }


/* 产品轮播-end */



/* 分类 */
.box-group { position: relative; z-index: 1; display: flex; justify-content: flex-start;  flex-flow: row nowrap;  }
.box { 
	min-height: 320px; 
	margin-right: 40px; 
	margin-bottom: 40px; 	 
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover;
	position: relative; 
	z-index: 1; 
}

.box a { padding: 55px 50px;  }

.box .desc {
	position: absolute;
	bottom: 55px;
	left: 50px;
	line-height: 1.15;
	color: #fff;
}



.tran_left_1 { transform: translateX(-360px); }

.b-3 { height: 680px; margin-right:0 !important; }


.box-group-half { width: calc(50% - 20px); height: 680px; float: left; margin-right: 40px; margin-bottom: 40px; }
.box-group-half:last-child { margin-right: 0;}

.box-group-half .box { margin-right: 0;  }




.btn_more_icon,
.btn_more_icon:hover {
	width: 100%;
	height: 100%;
	text-decoration: none;
	display: block;
	text-align: center;
	line-height: 5;
	color: #fff;
	font-weight: bold;
	background-image: url(../img/icon/icon-next.png);
	background-position: calc(100% - 40px) calc(100% - 40px);
	background-repeat: no-repeat;
}

.b-7 { padding: 0 !important; }

.b-7 .blue_leftline-greade { 
	display: flex;
	align-items: center;
	padding: 55px 50px; 
	background: -webkit-linear-gradient( left , rgba(128,222,255,1) 45% , rgba(255,255,255,0));
	background: -moz-linear-gradient( left , rgba(128,222,255,1) 45% , rgba(255,255,255,0));
	background: -ms-linear-gradient( left , rgba(128,222,255,1) 45% , rgba(255,255,255,0));
	background: linear-gradient( left , rgba(128,222,255,1) 45% , rgba(255,255,255,0));
}

.b-5 {  float: left; width: calc(50% - 20px);  }
.space_40 { margin-right: 40px !important; }


.bai_bgcolor {
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-flow: row wrap;
	padding: 0;
	color: #32d46b;
}

.bai_bgcolor h3.shop_car { width: 100%; line-height: 1.15; padding-top: 20%;  }

ol.pt_link { padding: 0; margin-bottom: 0; width: 100%;  display: flex; justify-content: space-between; flex-flow: row nowrap;   }




#camping { height: 100%; width: 100%; }
#camping .swiper-slide { background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1;  }
#camping .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #fff;
	text-align: left;
	padding: 45px;
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	flex-flow: column;
	background: rgba(0,0,0,.15);
	position: absolute;
	top: 0;
	z-index: 5;	
}


#camping .swiper-slide .view {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#camping .swiper-slide a h2 { font-size: 48px; color: #fff; margin-bottom: 57px; }

#camping .swiper-slide .desc { font-size: 28px; line-height: 1.15; }

/* 分类-end */




/* bbfresh_technologies */
.bbfresh_technologies { width: 100%; margin-top: 90px; margin-bottom: 133px; }
.bbfresh_technologies .co-tittle  { margin-bottom: 10px; font-weight: bold;  }
.en_lineheight { line-height: 48px; font-size: 60px; letter-spacing: -2px; }
.en_lineheight span {letter-spacing: 0px; }

#bbfresh_tech { margin-top: 40px; height: 680px; position: relative; z-index: 1; margin-bottom: 40px; }

#bbfresh_tech .gallery-top .swiper-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center; 
	position: relative;
	z-index: 1;
}


#bbfresh_tech .gallery-thumbs {
	width: 776px;
	height: 200px;
	position: absolute;
	z-index: 5;
	bottom: 40px;
	left: 0;
}

#bbfresh_tech .gallery-thumbs .swiper-slide { padding-left: 35px;	background-color: transparent; display: block; }
.img-svg { width: 100%; height:100%; position: relative; z-index: -1; }
.img-svg svg  { width: 100%; height: 100%; }

.cls-1 { fill:none; stroke:#fff; stroke-miterlimit:10; stroke-width:40px; stroke-dasharray:5.97 23.87; transition: all .35s; }

/* #bbfresh_tech .gallery-thumbs .swiper-slide:hover .cls-1, */
#bbfresh_tech .gallery-thumbs .swiper-slide-thumb-active .cls-1 { stroke: #32d46b !important; transition: all .35s; }


a.btn-more3 {
	display: block;
	color: #fff;
	font-size: 36px;
	text-decoration: none;
	position: absolute;
	right: 50px;
	bottom: 45px;
	z-index: 5;
	text-align: right;
}

a.btn-more3 img { display: block; margin-top: 30px; margin-left: auto; }

#bbfresh_tech .gallery-thumbs .table {  position: absolute; left: 21px; right: 0; top: 0; z-index: 5; cursor: pointer;  }
#bbfresh_tech .gallery-thumbs .table_cell {  color: #fff; padding: 55px; text-align: center; vertical-align: middle; }

.table_cell p big { font-size: 45px; font-weight: bold; display: block; line-height: 1; margin-bottom: 5px; }
.table_cell p big sup { font-size: 24px; }
.table_cell p span { font-size: 18px;display: block;  }


#bbfresh_tech .gallery-thumbs .swiper-slide-thumb-active .table_cell { color: #32d46b; }





/* bbfresh_technologies-end */



/* FreshLife */
.bbfresh_freshlife { width: 100%; margin-top: 40px; }

.martin_loop {  width: 100%; height: 680px; position: relative; overflow: hidden;  z-index: 5;  margin-top: 40px; margin-bottom: 40px; }
#wrap {	
	padding: 0;
	width: 7280px;
	list-style: none;
	height: 680px;

}

.martin_loop ul { float: left; padding: 0; }

.martin_loop ul .box_grup { width: 3600px;  float: left; transition: all .35s;  }


.item_group {  height: 100%; float: left; margin-right: 40px; transition: all .35s; }

.item_group_single { float: left; }


.item_group .card {
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% ;
	margin-right: 40px;
	margin-bottom: 40px;
	float: left;	
	position: relative;
	overflow: hidden;
	transition: all .35s;
}

.item_group .card img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	transition: all .35s;
}

.item_group .card:hover img {
	transform: translate(-50%,-50%) scale(1.05);
	transition: all .35s;
}


.item_group .card a,
.item_group .card a:hover {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	flex-flow: column wrap; 
	text-align: center;
	align-items: center;
	font-size: 36px;
	line-height: 1.35;
	color: #fff;
	text-decoration: none;
	background-color: rgba(0,0,0,.1);
	font-family:"BalooBhaina2-Bold";
}

.item_group .card a big {display: block; }


.item_group .card:nth-child(2n),
.item_group .card:last-child  { margin-right: 0; }



/* FreshLife-end */



/* bbfresh_about */
.bbfresh_about { width: 100%; margin-bottom: 80px;}

.bbfresh_about .container {
	background-image: url(../img/icon/icon.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 200px;
}

.about_content { margin-top: 40px; }
.about_content ul { width: 100%; list-style: none; padding: 0; }
.about_content ul li { 
	float: left;
	max-width: 680px;
	width: calc(50% - 20px);
	height: 680px;
	margin-right: 40px;
	background-repeat: no-repeat;
	background-position: center 115%;
	padding-top: 65px;
}
.about_content ul li:last-child { margin-right: 0; }

.about_content ul li:nth-child(1) {	padding: 50px; }
.about_content ul li:nth-child(1) a {
	display: block;
	background-image: url(../img/icon/icon-next.png);
	background-repeat: no-repeat;
	background-position:  right 0;
	margin-bottom: 85px;
}

.about_content ul li:nth-child(1) a img { height: 140px; transform: translateY(-24px); }

.about_content ul li .pc { display: flex; justify-content: space-between; flex-flow: row nowrap; }

p.ft-slogan { color: #fff; line-height: 1.15;  }


.icon { fill: #fff; }

.phone_wx img { max-width: 100%; }

.links_weixin ,
.links_social { width: calc( calc( 100% - 40px ) / 2); }	

.links_social { padding: 45px; margin-left: 40px; background-color: #b5b5b5; color: #fff; }
.links_social h3 { font-size: 24px; margin-bottom: 25px; }
.links_social ol { padding: 0; list-style: none; }
.links_social ol a {
	display: block;
	width: 48%;
	height: 92px;
	float: left;
	text-align: center;
	margin-bottom: 15px;	
}

.links_social ol a:nth-child(2n) { margin-left: 4%; }

.links_social ol a:nth-child(3),
.links_social ol a:nth-child(4) { margin-bottom: 0; }

.links_social ol a svg {  height: 73%; }
.links_social ol a.xhs svg { height: 57%; }