/*  */

 .i-link{

	

	padding: 0.7rem 2rem;

	color: #fff;

	display: inline-block;

	border-radius: 2rem;

	margin: 1rem 0;

	font-size:1.1vw;

	background: rgba(31, 178, 125, 1);

	transition: all 1s;

}

.i-link span{

	display: inline-block;

	position: relative; font-family: "Medium-Trial";

	padding-right: 2rem;

}



.i-link span::after{

	content: "";

	position: absolute;

	right: 0;

	top: 0.3rem;

	font-weight: 700;

	width: 1.2rem;

	height: 1rem;

	background: url(../images/a1.svg) center center no-repeat;

	background-size: 100% auto;

}

.i-link:hover{

	transform: rotate(2deg);

}

/*  */

.g-banner{
	width: 100%;
	position: relative;

	

	overflow: hidden;
}

.g-banner .swiper-slide{
	position: relative;
}
.g-banner .swiper-slide img{
	width: 100%;
}

.g-banner .swiper-slide .info{
	position: absolute;
	left: 0;
	top: 20%;
	width: 100%;
	z-index: 999;
}
.g-banner .swiper-slide .info .m-c{
	
}

.g-banner .swiper-slide .info .m-c h1{
	
	color: #000;

	font-weight: 500;font-family: "Medium-Trial";
	font-size:  1.6666666666666667vw;
	padding: 1rem 0;
}

.g-banner .swiper-slide .info .m-c h2{
	
	color: #111;font-family: "Trial-bold";
	font-size: 4.166666666666667vw;

	font-weight: 700;
	padding: 0.1em 0;

	
}

.g-banner .swiper-slide .info .m-c .a-l{

	display: flex;

	align-items: center;

	flex-wrap: wrap;

}



.g-banner .swiper-slide .info .m-c .a2{

	font-size:  0.9375vw;

	color:#111 ;

	display: inline-block;

	padding: 0.5rem 0;

	margin: 0 1rem;

	border-bottom: 1px solid #111;

		transition: all 1s;

	font-weight: 700;

}



.g-banner .swiper-slide .info .m-c .a2:hover{

	transform: rotate(2deg);

	color: rgba(31, 178, 125, 1) ;

}

/*  */

.g-about{

	background: url(../images/bjlogo2.png) 2rem bottom no-repeat;

	background-size: 70% auto;

	padding: 6rem 0 0;

	margin-bottom: 2rem;

/* overflow: hidden; */

}

.g-about .m-c{

	position: relative;

}

.g-about .m-c .txt{

	width: 41%;

}

.g-about .m-c .txt .img img{

	width: 60%;

	margin-bottom: 2rem;

}

.g-about .m-c .pic{

	width: 46%;

	position: relative;

	z-index: 1;

	

}

.g-about .m-c .pic img{

	width: 100%;

}

.g-about .m-c .pic .m1{

	width: 53%;
	border-radius: 2rem;
	overflow: hidden

}

.g-about .m-c .pic .m2{

	position: absolute;

	right: 0;

	width:70%;

	top: 28%;

	z-index: -1;border-radius: 2rem;
	overflow: hidden

}

.g-about .m-c .pic .m3{

	margin-top: 16rem;

	width: 25%;border-radius: 2rem;
	overflow: hidden



}

.g-about .m-c  .m4 img{

	width: 100%;

}

.g-about .m-c  .m4{

	position: absolute;

	right: -10%;

	width:40% !important;

	bottom:-30%;

	z-index: -2;

animation:mymove 4s infinite alternate;

	-webkit-animation: mymove 4s  infinite alternate;

}

@keyframes mymove{

	from{ bottom: -30%;}

	to{ bottom: -28%;}

}

@-ms-keyframes mymove{

	from{ bottom: -30%;}

	to{ bottom: -28%;}

}

/*  */

.g-Ingredients .p-p{

	width: 60%;

	margin: 2rem auto;

	

	text-align: center;

}

.g-Ingredients .m-c ul{

	display: flex;

	flex-wrap: wrap;

	

}

.g-Ingredients .m-c ul li{

	width:18% ;

	margin-right:9.3333% ;

	margin-top: 1rem;

	text-align: center;

}

.g-Ingredients .m-c ul li:nth-of-type(4){

	margin-right: 0;

}

.g-Ingredients .m-c ul li .img{

	width: 100%;

	font-size: 0;

	border-radius: 84px;

	overflow: hidden;

	margin: 1rem 0;

}

.g-Ingredients .m-c ul li .img img{

	width: 100%;

	transition: all 1s;

}

.g-Ingredients .m-c ul li:hover .img img{

	transform: scale(1.05);

}

.g-Ingredients .m-c ul li h2{

	font-size:  1.0416666666666667vw;

	color: #111;

	font-weight: 700;font-family: "Trial-bold";

	margin: 1.5rem 0 1rem;

}

.g-Ingredients .m-c .more{

	text-align: center;

	margin: 2rem 0 0;

}

/*  */

.g-zl ul{

	display: flex;

	flex-wrap: wrap;

	justify-content: space-around;

	margin-top: -2rem;

	margin-bottom: 4rem;

}

.g-zl ul li{

	width:6%;

	margin:0.5rem 1.7%;

	overflow: hidden;

	

}

.g-zl ul li img{

	width: 100%;

	transition: all 1s;

}

.g-zl ul li:hover img{

	transform: scale(1.05);

}

/*  */

.g-is{

	background: rgba(247, 247, 247, 1);

	position: relative;

	padding: 6rem 0;

}

.g-is .ibj{

	position: absolute;

	left: 0;

	bottom: 10%;

	width: 20%;

}

.g-is .ibj img{

	width: 100%;

}

.g-is .jt{

	position: absolute;

right: 25%;

	bottom: -15%;

	width: 20%;

	animation:jt 4s infinite alternate;

		-webkit-animation: jt 4s  infinite alternate;

}

@keyframes jt{

	from{ bottom: -16%;transform: rotate(5deg);}

	to{ bottom: -14%; transform: rotate(0);}

}

@-ms-keyframes jt{

	from{ bottom: -16%;transform: rotate(5deg);}

	to{ bottom: -14%; transform: rotate(0);}

}

.g-is .jt img{

	width: 100%;

}

.g-is .m-c .pic{

	width: 36%;

	position: relative;

}

.g-is .m-c .pic img{

	width: 100%;

}

.g-is .m-c .pic .m1{

	width: 70%;

	position: relative;

	z-index: 1;
	border-radius: 2rem;
	overflow: hidden;

}

.g-is .m-c .pic .m2{

	width:28%;
	border-radius: 2rem;
	overflow: hidden;
	margin-top: 1rem;

}

.g-is .m-c .pic .m3{

	width: 70%;

	position: absolute;

	right: 8%;

	border-radius: 2rem;
	overflow: hidden;

	bottom: 0;

}

.g-is .m-c .pic .m4{

	width: 30%;

	position: absolute;

	right: 20%;

	top: 10%;z-index: 0;

}

.g-is .m-c .txt{

	width: 54%;

}

.g-is .m-c .txt .p-p{

	margin: 1rem 0 3rem;

}

.g-is .m-c .txt ul{

	margin-bottom: 2rem;

}

.g-is .m-c .txt ul li{

	margin: 1rem 0;

}

.g-is .m-c .txt ul li a{

	color: #000;

	font-size:  1.2vw;

/* 	font-weight: 700; */

	letter-spacing: 0.84px;cursor:auto;

	display: inline-block;

	position: relative;

	padding-left: 2rem;/* font-family: "Trial-bold"; */

}

.g-is .m-c .txt ul li a::after{

	content: "";

	position: absolute;

	width: 1.2rem;

	height: 1rem;

	left: 0;

	

	top: 0.4rem;

	background: url(../images/j.svg) center center no-repeat;

	background-size: 100% auto;

}

/*  */

.g-mc{

	background: rgba(228, 244, 235, 1);

	padding: 4rem 0;

}

.g-mc .m-c{

	width:70%;

	margin: 0 auto;

	text-align: center;

	

}

.g-mc .m-c h1{

	color: #0A2533;

	font-family: "Trial-bold";

	text-align: center;



	font-size: 3.0208333333333335vw;

	font-style: normal;

	font-weight: 700;

	margin: 1rem 0;

}

 .a-con{

	

	padding: 0.5rem 2rem;

	color: #111;

	display: inline-block;

	border-radius: 2rem;

	margin: 1rem 0;

	font-size:1.25vw;

	border: 1px solid #111;

	transition: all 1s;

}

.a-con span{

	display: inline-block;

	position: relative;

	padding-right: 2rem;

}



.a-con span::after{

	content: "";

	position: absolute;

	right: 0;

	top: 0.3rem;

	font-weight: 700;

	width: 1.2rem;

	height: 1.2rem;

	background: url(../images/SVG.png) center center no-repeat;

	background-size: 100% auto;

}

.a-con:hover{

	transform: rotate(2deg);

}

/*  */

@media screen and (max-width: 991px) {

	.g-banner .swiper-slide .info .m-c h2{

		font-size: 2rem;

	}

	.g-banner .swiper-slide .info .m-c h1{

		font-size: 1.2rem;

	}

	.g-banner .swiper-slide img{

		width: 200%;

		margin-left: -50%;

	}

	.g-banner .i-link{

		margin-right: 4rem;

	}

	.i-link span{

		font-size: 1rem;

	}

	.g-banner .swiper-slide .info .m-c .a2{

		font-size: 0.8rem;

	}

	/*  */

	.g-about .m-c  .m4{

		width: 70% !important;

	}

	@keyframes mymove{

		from{ bottom: -5%;}

		to{ bottom: -7%;}

	}

	@-ms-keyframes mymove{

		from{ bottom: -5%;}

		to{ bottom: -7%;}

	}

	/*  */

	.g-Ingredients .p-p{

		width: 100%;

	}

	.g-Ingredients .m-c ul li{

		width: 48%;

		margin: 1%;

	}

	.g-Ingredients .m-c ul li h2{

		font-size: 1.2rem;

	}

	/*  */

	.g-zl ul li{

		width: 21%;

	}

	/*  */

	.g-is .m-c .pic .m3{

		width: 52%;

	}

	.g-is .m-c .txt ul li a{

		font-size: 1.2rem;

	}

	/*  */

	.g-is .jt{

		bottom: 00%;

		width: 30%;

		animation:jt1 4s infinite alternate;

			-webkit-animation: jt1 4s  infinite alternate;

	}

	@keyframes jt1{

		from{ bottom: 0%;transform: rotate(5deg);}

		to{ bottom: 2%; transform: rotate(0);}

	}

	@-ms-keyframes jt1{

		from{ bottom: 0%;transform: rotate(5deg);}

		to{ bottom: 2%; transform: rotate(0);}

	}

	/*  */

	.g-mc .m-c{

		width: 100%;

	}

	.g-mc .m-c h1{

		font-size: 1.4rem;

	}

	.a-con{

		font-size: 1.2rem;

	}

	

}