.n-t{

	font-size:2vw;

	font-weight: 700;

	color: #111;

	font-family: "Trial-bold";

}

.n-t1{

	color: #fff;

}



.tab ul li{

	padding: 0.5rem 2rem;

	color: #111;

	display: inline-block;

	border-radius: 2rem;

	margin: 0.6rem 0;

	

	font-size: 1.2vw;

	

	transition: all 1s;

	width: 100%;

}

.tab ul li a{

	/* font-family: "Trial-bold"; */

}

.tab ul li.on,.tab ul li:hover{

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

	color: #fff;

}

.tab ul li b{

	display: inline-block;

	padding-right: 1rem;

/* 	display: none; */

}

.i-Ingredients .tab ul li b{

		display: none;

}

/*  */

.i-Ingredients{

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

	background-size: 70% auto;padding: 6rem 0 0;

	margin-bottom: 6rem;

}

.i-Ingredients .m-c {

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

	background-size: 60% auto;

}

.i-Ingredients .m-c .tab{

	width: 36%;

}

.i-Ingredients .m-c .n-t{

	padding: 2rem 0 2rem;

}

.i-Ingredients .m-c .tab ul{

	margin-top: 1rem;

}

.i-Ingredients .m-c .pic{

	width: 55%;

}

.i-Ingredients .m-c .pic img{
   border-radius: 2rem;
	overflow: hidden;
	width: 100%;

}

.i-Ingredients .m-c .pic .p-p p{

/* 	font-family: "Trial-bold";

	font-weight: 100; */

	line-height: 1.5;

}

/*  */

.i-Primary{

	background: #E4F4EB;

	position: relative;

	

}

.i-Primary .s1{

	position: absolute;

	left: -1rem;

	bottom: 1rem;

	

}

.i-Primary .s2{

	position: absolute;

	right: -1rem;

	top: 1rem;

	transform: rotate(180deg);

	

}

.i-Primary .s1 img,.i-Primary .s2 img{

	width: 5rem;

}

.i-Primary .m-c .l-l{

	width: 45%;

	padding-bottom: 2rem;

}

.i-Primary .m-c .l-l .n-hh{

	font-size: 2vw;

	font-weight: 700;

	color: #111;font-family: "Trial-bold";

	margin-bottom: 1.5rem;

}

.i-Primary .m-c .l-l li{

	position: relative;

	margin: 1rem 0;

	color: #111;

	font-weight: 400;

	/* padding-left: 1rem; */

}

.i-Primary .m-c .l-l li::after{

	content: "";

	position: absolute;

	width: 4px;

	height: 4px;

	background: #111;

	border-radius: 50%;

	left: 0;

	top: 14px;

	opacity: 0;

} 

.i-Primary .m-c .pic{

	width: 48%;

	

	position: relative;

}



.i-Primary .m-c .pic .m1{

	width: 48%;

	border-radius: 2rem;

	overflow: hidden;
	font-size: 0;

}

.i-Primary .m-c .pic img{

	width: 100%;

}

.i-Primary .m-c .pic .m2{

	width: 48%;

	background: #fff;

	border-radius: 2rem;

	overflow: hidden;

	position: absolute;

	right: 0;font-size: 0;

	bottom: 0;

}

/*  */

.n-banner{

	position: relative;

}

.n-banner .img{

	font-size: 0;

	overflow: hidden;

	width: 100%;

}



.n-banner .img img{

	

	width: 100%;

}

.n-banner .m-c{

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	text-align: center;

	display: flex;

	justify-content: center;

	align-items: center;

}

.n-banner .m-c .p-p{

	color: #111;

	width: 70%; /* font-family: "Trial-bold"; */

	margin: 1rem auto;font-weight: 500;

}

/*  */

.s-tab{

	background: url(../images/bjlogo1.png)  bottom right  no-repeat;

	background-size: 70% auto;padding: 6rem 0 3rem;

	margin-bottom: 6rem;

}

.s-tab .m-box-index {

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

	background-size: 60% auto;

}

.s-tab .m-c {

	

	align-items: center;

}

.s-tab .m-c .pic{

	width: 48%;
	overflow: hidden;
	border-radius: 2rem;
	font-size: 0;

}

.s-tab .m-c .pic img{

	width: 100%;

}

.s-tab .m-c .tab{

	width: 44%;

}

.s-tab .m-t{

	width: 54%;

	margin-top: 6rem;

	position: relative;

}

.s-tab .m-t .ps{

	position: absolute;

	right:-30%;

	top: -25%;

	width: 20%;

	animation:ps 4s infinite alternate;

		-webkit-animation: ps 4s  infinite alternate;

}

.s-tab .m-t .ps img{

	width: 100%;

}

@keyframes ps{

		from{ top: -25%;transform: rotate(5deg);}

		to{ top: -30%; transform: rotate(0);}

	}

	@-ms-keyframes ps{

		from{ top: -25%;transform: rotate(5deg);}

		to{ top: -30%; transform: rotate(0);}

	}

.s-tab .m-t .n-t{

	margin-bottom: 2rem;

}

/*  */

.n-at{

	text-align: center;

}

.n-at .m-c .p-p{

	color: #111;

	width: 60%;

	font-weight: 500;

	margin: 1rem auto;

}

/*  */

.a-list{

	position: relative;

	padding-bottom: 2rem;

}

.a-list .m-c{

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

	background-size: 60% auto;

	

}

.a-list .ps1{

	position: absolute;

	right:48%;

	margin-left: -60%;

	bottom: -2%;

	width: 10%;

	z-index: 1;

	transform: rotate(180deg);

	animation:ps1 4s infinite alternate;

		-webkit-animation: ps1 4s  infinite alternate;

}

.a-list .ps1 img{

	width: 100%;

}

@keyframes ps1{

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

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

	}

	@-ms-keyframes ps1{

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

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

	}



.a-list .m-c ul li{

	margin: 6rem 0;

	align-items: center;

}

.a-list .m-c ul li .img{

	border-radius: 2rem;

	font-size: 0;

	overflow: hidden;

	width: 46%;

}

.a-list .m-c ul li .img img{

	

	width: 100%;

}

.a-list .m-c ul li .txt{

	

	width: 47%;

}

.a-list .m-c ul li .txt .n-t{

	margin-bottom: 1.5rem;

}

.a-list .m-c ul li:nth-of-type(2){

	flex-direction: row-reverse;

}

/*  */

.a-at{

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

	position: relative;

}

.a-at .s1{

	position: absolute;

	left: -1rem;

	top: -1rem;

	

}

.a-at .s2{

	position: absolute;

	right: -1rem;

	bottom: -1rem;

	transform: rotate(180deg);

	

}

.a-at .s1 img{

	width: 3rem;

}

.a-at .s2 img{

	width: 6rem;

}

.a-at .m-c{

	color: #111;

	

	text-align: center;

font-size:  1.4vw;



	font-style: normal;

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



}

/*  */

.a-our{

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

	background-size: 70% auto;

	padding: 6rem 0 15rem;

	

}

.a-our .m-c{

	display: flex;

	justify-content: space-between;

	

}

.a-our .m-c .l-img{

	padding: 1rem;

	border-radius: 30px;

	background: #FFF;

	

	box-shadow: 0px 0px 100px 10px rgba(0, 0, 0, 0.1);

	display: flex;

	align-items: center;

	justify-content: center;



}

.a-our .m-c .l-img img{

	width: 1.5rem;

}

.a-our .m-c .l-txt{

	width: 94%;

	padding: 4rem;

	border-radius: 30px;

	background: #FFF;

	box-shadow: 0px 0px 100px 10px rgba(0, 0, 0, 0.1);

}

.a-our .m-c .l-txt .n-t{

	text-align: center;

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

}

.a-our .m-c .l-txt ul li{

	margin: 1rem 0;

	color: #000;

	padding-left: 1rem;

	position: relative;

	

} 

.a-our .m-c .l-txt ul li::before{

	content: "";

	width: 4px;

	height: 4px;

	position: absolute;

	left: 0;

	top: 6px;

	border-radius: 50%;

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

}

.a-our .m-c .l-txt ul li span{

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

}

/*  */

.c-con{

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

	background-size: 70% auto;

	padding: 6rem 0 0;

}

.c-con .c-t{

	width: 34%;

}

.n-t2{

	width: 80%;

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

}

.c-con .c-t .t-t{

	padding: 2rem 0;

}

/* .c-con .c-t .p-p{

	font-size: 1.25vw;

} */



.c-f{
		
		padding: 4rem;
		width: 58%;
	border-radius: 30px;

	background: #FFF;

	box-shadow: 0px 0px 100px 10px rgba(0, 0, 0, 0.04);
		overflow: hidden;
	}
	.c-f form{
		
		margin: 1rem auto;
	}
	.c-f h3{
		color: #111;
		font-size: 16px;
		font-weight: 500;
		line-height: 2;

		margin-top: 1rem;
	}

	.c-f span{
		line-height: 1.2;
	}

	.c-f .l-b{

		

	}
	.c-f input{
		width: 100%;
	border-radius: 10px;

	border: 1px solid #777;
		font-size: 16px;
		padding:0.5rem 5px ;
	}
	.l-lf{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap
	}
	.l-lf .l-a{
		width: 48%;
	}
	.c-f textarea{
		width: 100%;
		border-radius: 10px;

		border: 1px solid #777;
		font-size: 16px;
		padding: 5px;
	
		min-height: 150px;
	}


	.c-f input[type="submit"]{
		margin: 2rem auto 0;
		width: 80%;

		border: none;

		padding: 0.8rem;
		display: block;
		color:#fff;

		cursor: pointer;

		border-radius: 43px;

		background: #1FB27D;

		transition: all 1s;

		
	}

		.c-f input[type="submit"]:hover{

			transform: rotate(1deg);

		}
	.msg{
		color: red;
		font-size: 14px;
	}

/*  */

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

	.tab ul li{

		font-size: 1rem;

		padding: 0.5rem 1.5rem;

		margin: 0.5rem 0;

	}

	.n-t{

		font-size: 1.4rem;

	}

	.i-Primary .m-c .l-l .n-hh{

		font-size: 2rem;

	}

	/* .i-Primary .m-c .pic .m1,.i-Primary .m-c .pic .m2{

		width: 100%;

		position: static;

		margin-bottom: 1rem;

	} */

	

	/*  */

	.n-banner .img img{

		width: 300%;

		margin-left: -100%;

	}

	.n-banner .m-c .p-p{

		width: 100%;

	}

	.s-tab{

		padding: 3rem 0;

		margin-bottom: 0;

	}

	.s-tab .m-t{

		width: 100%;

	}

	.s-tab .m-t .ps{

		right: 20%;

	}

	/*  */

	.n-at .m-c .p-p{

		width: 100%;

	}

	.a-list .m-c ul li{

		margin: 1rem 0;

	}

	/*  */

	.a-at .m-c{

		font-size: 1.4rem;

	}

	/*  */

	.a-our{

		padding: 6rem 0;

	}

	.a-our .m-c .l-img{

		padding: 0.5rem;

	}

	.a-our .m-c .l-img img{

		width: 1rem;

	}

	.a-our .m-c .l-txt{

		padding: 1rem;

	}

	/*  */

	.c-con .c-t .p-p{

		font-size: 1rem;

	}

	.c-f{

		padding: 1rem;

	}

}