.baise {

	color: #fff !important;

}



.featured {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 80px auto 30px;

	z-index: 2;

}



.featured_bt {

	color: #231815;

	font-size: 40px;

	text-align: center;

	margin-bottom: 40px;

}



.featured_bt a {

	position: relative;

}





.featured_bt a::after {

	background: #231815;

	bottom: -2px;

	content: "";

	display: block;

	height: 2px;

	left: 0;

	position: absolute;

	transition: width .25s ease-in-out;

	width: 0;

}



.featured_bt a:hover::after {

	width: 100%;

}



.featured_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 0px auto;

	min-height: 300px;



	display: grid;

	grid-template-columns: 1fr 1fr 1fr 1fr;

	grid-column-gap: 30px;

	grid-row-gap: 30px;

}



.featured_list {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;

}



.featured_list_img {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;

}



.featured_list_img img {

	width: 100%;

	transition: all .36s ease;

}



.featured_list:hover .featured_list_img img {

	transform: scale(1.05) translateZ(0);

}



.featured_list_txt {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;

}



.featured_list_txt span {

	display: block;

	width: 100%;

	height: auto;

	overflow: hidden;

	line-height: 50px;

	text-align: center;

	font-size: 20px;

	font-weight: 500;

	/* background: #f9f9f9; */

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

}



.featured_list_des {

	font-size: 16px;

	line-height: 24px;

	color: #000;

	padding: 5px 0;

	overflow: hidden;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

}



/* WHY TOTAL DRY? */

.why {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 80px auto 30px;

	z-index: 2;

}



.why_bt {

	font-weight: 600;

	color: #231815;

	font-size: 40px;

	text-align: center;

	margin-bottom: 60px;

}



.why_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 0px auto;

	min-height: 300px;



	display: grid;

	grid-template-columns: 1fr 1fr 1fr;

	grid-column-gap: 30px;

	grid-row-gap: 30px;

}



.why_box_list {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;

}



.why_box_img {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;

}



.why_box_img img {

	width: 100%;

	max-width: 100%;

	display: block;

	margin: 0px auto;

}



.why_box_bt {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 20px auto;

	text-align: center;

	font-weight: 600 !important;

	font-size: 22px;

	line-height: 26px;

	max-width: 220px;

}



.why_box_des {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 0px auto;

	text-align: center;

	font-size: 18px;

	max-width: 300px;

	font-weight: 300;

	line-height: 24px;

}



.why_box_des p {

	margin-bottom: 0;

	font-weight: 300;

}



.why_ge {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 0px auto;

}



.why_ge img {

	max-width: 100%;

	display: block;

	margin: 0px auto;

}





/* SHOP BY CATEGORY */



.shop {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	margin: 80px auto 0px;

	z-index: 2;

}



.shop_title {

	text-align: center;

	color: #231815;

	font-size: 40px;

	text-align: center;

	margin-bottom: 20px;

	font-weight: 400;

}



.shop_txt {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}



.shop_txt p {

	text-align: center;

	font-size: 20px;

	line-height: 24px;

}



.shop_txt p a {

	text-decoration: underline;

}



.shop_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 0px auto;

	min-height: 300px;



	display: grid;

	grid-template-columns: 1fr 1fr 1fr;

	grid-column-gap: 30px;

	grid-row-gap: 30px;

}



.shop_list {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 0px auto;

}





.shop_list_img {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;

}



.shop_list_img img {

	width: 100%;

	transition: all .36s ease;

}



.shop_list:hover .shop_list_img img {

	transform: scale(1.05) translateZ(0);

}



.shop_list_bt {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;

	text-align: center;

	font-weight: 600;

	font-size: 20px;

	text-transform: uppercase;

	color: #231815;

	line-height: 40px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

}





.shop_texing {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 50px auto;

	display: grid;

	grid-template-columns: 1fr 1fr 1fr 1fr;

	grid-column-gap: 30px;

	grid-row-gap: 30px;



	border-top: 4px solid #77d3fc;

}



.shop_texing_list {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}



.shop_texing_list img {

	height: 80px;

	display: block;

	margin: 10px auto;

}



.shop_texing_list span {

	display: block;

	text-align: center;

	width: 100%;

	font-size: 16px;

	color: #58BDEC;

	line-height: 18px;

	font-weight: 600;

}





/* pro */

.pro_box {

	/* display: grid;

	grid-template-columns: 1fr 1fr 1fr;

	grid-column-gap: 30px;

	grid-row-gap: 30px; */

	

	margin-top: 2%;

	width: 100%;

	height: auto;

	overflow: hidden;

}



.pro_box_list{

	position: relative;

	float: left;

	width: 30.33333%;

	height: auto;

	overflow: hidden;

	margin: 0 1.5%;

	text-align: center;

	

	padding-bottom: 20%;

}



.pro_box_list:nth-child(1) {

	width: 47%;

	padding-bottom: 30%;

	margin-bottom: 2%;

}



.pro_box_list:nth-child(2) {

	width: 47%;

	padding-bottom: 30%;

	margin-bottom: 2%;

}



.pro_box_list img{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

	z-index: 1;

}



.pro_box_txt{

	position: absolute;

	z-index: 2;

	left: 50%;

	top: 35%;

	transform: translate(-50%,-50%);

}



.pro_box_txt span{

	display: block;

	font-size: 36px;

	font-weight: 600;

	margin-bottom: 10%;

}



.pro_box_txt a.bttn{

	display: inline-block;

	padding: 10px 50px;

	background: #fff;

	color: #333;

	border-radius: 20px;

	border: 1px solid #999;

}



.pro_box_list:hover .pro_box_txt a.bttn{

	background: #111;

	color: #fff;

}





/* Our product features */

.features {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	margin: 80px auto 30px;

	z-index: 2;

}



.features_box {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 0px auto;

	display: grid;

	grid-template-columns: 1fr 1fr 1fr;

	grid-column-gap: 30px;

	grid-row-gap: 30px;

}



.features_list {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;

	padding-bottom: 100%;

}



.features_list a {

	display: block;

}



.features_list img {

	position: absolute;

	z-index: 1;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.features_list:hover img {

	width: 105%;

	height: 105%;

}



.features_main {

	width: 80%;

	position: absolute;

	z-index: 2;

	bottom: 10%;

	left: 50%;

	transform: translateX(-50%);

}



.features_bt {

	font-size: 30px;

	line-height: 36px;

	font-weight: 600;

	color: #fff;

	text-align: center;

}



.features_btn {

	font-weight: 600;

	font-size: 20px;

	width: 100%;

	height: 52px;

	line-height: 52px;

	max-width: 240px;

	border-radius: 25px;

	border: none;

	text-align: center;

	color: #fff;

	margin: 10px auto;

	

	letter-spacing: 10px;

}



.features_btn.color1 {

	background: #60625d;

}



.features_btn.color2 {

	background: #60625d;

}



.features_btn.color3 {

	background: #60625d;

}



.features_btn.color4 {

	background: #60625d;

}



.features_btn.color5 {

	background: #60625d;

}



.features_btn.color6 {

	background: #60625d;

}





/* inews */

.inews {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	padding: 80px 0 50px;

	background: #f6f7f9;

}



.inews_title {

	color: #231815;

	font-size: 40px;

	font-weight: 400;

	display: flex;

	align-items: center;

}



.inews_title span {

	font-size: 14px;

	color: #bebebe;

	font-weight: 400;

	padding-left: 10px;

	margin-left: 10px;

	position: relative;

}



.inews_title span::before {

	position: absolute;

	content: "";

	width: 3px;

	height: 100%;

	background: #015073;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

}



.inews_swiper {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;



	padding-top: 40px;

}



.inews_box {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	background: #fff;

	padding: 0px;



	height: 350px;

}



.inews_img {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	background: #fff;



	height: 200px;

}





.inews_img a {

	display: block;

}





.inews_img img {

	position: absolute;

	z-index: 1;

	width: 100%;

	height: 100%;

	object-fit: cover;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

}





.inews_btiao {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	margin-top: 10px;

	padding: 0 10px;

	font-size: 18px;

	font-weight: 400;

	color: #231815;

	line-height: 40px;

	text-align: left;



	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

}





.inews_des {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	margin-top: 0px;

	font-size: 14px;

	color: #888888;

	line-height: 20px;

	padding: 0 10px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;



}



.inews_btn {

	z-index: 10;

	position: absolute;

	right: 0;

	top: 0;

}



.inews_btn i {

	display: block;

	font-size: 26px;

}



.inews_btn:hover i {

	color: #015073;

}



.inews-button-next {

	right: 30px;

}



.inews-button-prev {}









@media screen and (min-width: 0px) and (max-width: 1200px) {



	.baise {

		color: #fff !important;

	}



	.featured {

		position: relative;

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 30px auto 20px;

		z-index: 2;

	}



	.featured_bt {

		color: #231815;

		font-size: 26px;

		text-align: center;

		margin-bottom: 20px;

	}



	.featured_bt a {

		position: relative;

	}





	.featured_bt a::after {

		background: #231815;

		bottom: -2px;

		content: "";

		display: block;

		height: 2px;

		left: 0;

		position: absolute;

		transition: width .25s ease-in-out;

		width: 0;

	}



	.featured_bt a:hover::after {

		width: 100%;

	}



	.featured_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0px auto;

		min-height: 300px;



		display: grid;

		grid-template-columns: 1fr 1fr;

		grid-column-gap: 10px;

		grid-row-gap: 10px;

	}



	.featured_list {

		position: relative;

		width: 100%;

		height: auto;

		overflow: hidden;

	}



	.featured_list_img {

		position: relative;

		width: 100%;

		height: auto;

		overflow: hidden;

	}



	.featured_list_img img {

		width: 100%;

		transition: all .36s ease;

	}



	.featured_list:hover .featured_list_img img {

		transform: scale(1.05) translateZ(0);

	}



	.featured_list_txt {

		position: relative;

		width: 100%;

		height: auto;

		overflow: hidden;

	}



	.featured_list_txt span {

		display: block;

		width: 100%;

		height: auto;

		overflow: hidden;

		line-height: 30px;

		text-align: center;

		font-size: 14px;

		font-weight: 500;

		/* background: #f9f9f9; */

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 1;

	}



	.featured_list_des {

		font-size: 12px;

		line-height: 20px;

		color: #000;

		padding: 5px 0;

		overflow: hidden;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 3;

	}



	/* WHY TOTAL DRY? */

	.why {

		position: relative;

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 30px auto 20px;

		z-index: 2;

	}



	.why_bt {

		font-weight: 600;

		color: #231815;

		font-size: 26px;

		text-align: center;

		margin-bottom: 30px;

	}



	.why_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0px auto;

		min-height: 300px;



		display: grid;

		grid-template-columns: 1fr;

		grid-column-gap: 0px;

		grid-row-gap: 20px;

	}



	.why_box_list {

		position: relative;

		width: 100%;

		height: auto;

		overflow: hidden;

	}



	.why_box_img {

		position: relative;

		width: 100%;

		height: auto;

		overflow: hidden;

	}



	.why_box_img img {

		width: 100%;

		max-width: 100%;

		display: block;

		margin: 0px auto;

	}



	.why_box_bt {

		position: relative;

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 10px auto;

		text-align: center;

		font-weight: 600 !important;

		font-size: 18px;

		line-height: 26px;

		max-width: 220px;

	}



	.why_box_des {

		position: relative;

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0px auto;

		text-align: center;

		font-size: 14px;

		max-width: 300px;

		font-weight: 300;

		line-height: 20px;

	}



	.why_box_des p {

		margin-bottom: 0;

		font-weight: 300;

	}



	.why_ge {

		position: relative;

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0px auto;

	}



	.why_ge img {

		max-width: 100%;

		display: block;

		margin: 0px auto;

	}





	/* SHOP BY CATEGORY */



	.shop {

		width: 100%;

		height: auto;

		overflow: hidden;

		position: relative;

		margin: 30px auto 0px;

		z-index: 2;

	}



	.shop_title {

		text-align: center;

		color: #231815;

		font-size: 26px;

		text-align: center;

		margin-bottom: 20px;

		font-weight: 400;

	}



	.shop_txt {

		width: 100%;

		height: auto;

		overflow: hidden;

		position: relative;

		margin-bottom: 20px;

	}



	.shop_txt p {

		text-align: center;

		font-size: 14px;

		line-height: 18px;

		margin-bottom: 5px;

	}



	.shop_txt p a {

		text-decoration: underline;

	}



	.shop_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0px auto;

		min-height: 300px;



		display: grid;

		grid-template-columns: 1fr 1fr;

		grid-column-gap: 10px;

		grid-row-gap: 10px;

	}



	.shop_list {

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0px auto;

	}





	.shop_list_img {

		position: relative;

		width: 100%;

		height: auto;

		overflow: hidden;

	}



	.shop_list_img img {

		width: 100%;

		transition: all .36s ease;

	}



	.shop_list:hover .shop_list_img img {

		transform: scale(1.05) translateZ(0);

	}



	.shop_list_bt {

		position: relative;

		width: 100%;

		height: auto;

		overflow: hidden;

		text-align: center;

		font-weight: 600;

		font-size: 14px;

		text-transform: uppercase;

		color: #231815;

		line-height: 30px;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 1;

	}





	.shop_texing {

		position: relative;

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 30px auto;

		display: grid;

		grid-template-columns: 1fr 1fr 1fr 1fr;

		grid-column-gap: 10px;

		grid-row-gap: 10px;



		border-top: 4px solid #77d3fc;

	}



	.shop_texing_list {

		position: relative;

		width: 100%;

		height: auto;

		overflow: hidden;

		margin-top: 10px;

	}



	.shop_texing_list img {

		height: 40px;

		display: block;

		margin: 10px auto;

	}



	.shop_texing_list span {

		display: block;

		text-align: center;

		width: 100%;

		font-size: 12px;

		color: #58BDEC;

		line-height: 16px;

		font-weight: 600;

	}





	

	

	/* pro */

	.pro_box {

		/* display: grid;

		grid-template-columns: 1fr 1fr 1fr;

		grid-column-gap: 30px;

		grid-row-gap: 30px; */

		

		margin-top: 2%;

		width: 100%;

		height: auto;

		overflow: hidden;

	}

	

	.pro_box_list{

		position: relative;

		float: left;

		width: 97%;

		height: auto;

		overflow: hidden;

		margin: 0 1.5%;

		margin-bottom: 2%;

		text-align: center;

		padding-bottom: 60%;

	}

	

	.pro_box_list:nth-child(1) {

		width: 97%;

		margin: 0 1.5%;

		padding-bottom: 60%;

		margin-bottom: 2%;

	}

	

	.pro_box_list:nth-child(2) {

		width: 97%;

		margin: 0 1.5%;

		padding-bottom: 60%;

		margin-bottom: 2%;

	}

	

	.pro_box_list img{

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		object-fit: cover;

		z-index: 1;

	}

	

	.pro_box_txt{

		position: absolute;

		z-index: 2;

		left: 50%;

		top: 35%;

		transform: translate(-50%,-50%);

	}

	

	.pro_box_txt span{

		display: block;

		font-size: 26px;

		font-weight: 600;

		margin-bottom: 10%;

	}

	

	.pro_box_txt a.bttn{

		display: inline-block;

		padding: 10px 50px;

		background: #fff;

		color: #333;

		border-radius: 20px;

		border: 1px solid #999;

	}

	

	.pro_box_list:hover .pro_box_txt a.bttn{

		background: #111;

		color: #fff;

	}

	

	



	/* Our product features */

	.features {

		width: 100%;

		height: auto;

		overflow: hidden;

		position: relative;

		margin: 30px auto 20px;

		z-index: 2;

	}



	.features_box {

		position: relative;

		width: 100%;

		height: auto;

		overflow: hidden;

		margin: 0px auto;

		display: grid;

		grid-template-columns: 1fr;

		grid-column-gap: 0px;

		grid-row-gap: 20px;

	}



	.features_list {

		position: relative;

		width: 100%;

		height: auto;

		overflow: hidden;

		padding-bottom: 100%;

	}



	.features_list a {

		display: block;

	}



	.features_list img {

		position: absolute;

		z-index: 1;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		object-fit: cover;

	}



	.features_list:hover img {

		width: 105%;

		height: 105%;

	}



	.features_main {

		width: 80%;

		position: absolute;

		z-index: 2;

		bottom: 10%;

		left: 50%;

		transform: translateX(-50%);

	}



	.features_bt {

		font-size: 20px;

		line-height: 26px;

		font-weight: 600;

		color: #fff;

		text-align: center;

	}



	.features_btn {

		font-weight: 600;

		font-size: 16px;

		width: 100%;

		height: 40px;

		line-height: 40px;

		max-width: 200px;

		border-radius: 20px;

		border: none;

		text-align: center;

		color: #fff;

		margin: 10px auto;

		

		letter-spacing: 5px;

	}



	.features_btn.color1 {

		background: #60625d;

	}



	.features_btn.color2 {

		background: #60625d;

	}



	.features_btn.color3 {

		background: #60625d;

	}



	.features_btn.color4 {

		background: #60625d;

	}



	.features_btn.color5 {

		background: #60625d;

	}



	.features_btn.color6 {

		background: #60625d;

	}





	/* inews */

	.inews {

		width: 100%;

		height: auto;

		overflow: hidden;

		position: relative;

		padding: 30px 0 20px;

		background: #f6f7f9;

	}



	.inews_title {

		color: #231815;

		font-size: 26px;

		font-weight: 400;

		display: flex;

		align-items: center;

	}



	.inews_title span {

		font-size: 14px;

		color: #bebebe;

		font-weight: 400;

		padding-left: 10px;

		margin-left: 10px;

		position: relative;

	}



	.inews_title span::before {

		position: absolute;

		content: "";

		width: 3px;

		height: 100%;

		background: #015073;

		left: 0;

		top: 50%;

		transform: translateY(-50%);

	}



	.inews_swiper {

		width: 100%;

		height: auto;

		overflow: hidden;

		position: relative;



		padding-top: 40px;

	}



	.inews_box {

		width: 100%;

		height: auto;

		overflow: hidden;

		position: relative;

		background: #fff;

		padding: 10px 5px;

		height: auto;

	}



	.inews_img {

		width: 100%;

		height: auto;

		overflow: hidden;

		position: relative;

		background: #fff;



		height: 200px;

	}





	.inews_img a {

		display: block;

	}





	.inews_img img {

		position: absolute;

		z-index: 1;

		width: 100%;

		height: 100%;

		object-fit: cover;

		left: 50%;

		top: 50%;

		transform: translate(-50%, -50%);

	}





	.inews_btiao {

		width: 100%;

		height: auto;

		overflow: hidden;

		position: relative;

		margin-top: 5px;

		padding: 0 10px;

		font-size: 16px;

		font-weight: 400;

		color: #231815;

		line-height: 32px;

		text-align: left;



		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 1;

	}





	.inews_des {

		width: 100%;

		height: auto;

		overflow: hidden;

		position: relative;

		margin-top: 0px;

		font-size: 12px;

		color: #888888;

		line-height: 20px;

		padding: 0 10px;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 3;



	}



	.inews_btn {

		z-index: 10;

		position: absolute;

		right: 0;

		top: 0;

	}



	.inews_btn i {

		display: block;

		font-size: 18px;

	}



	.inews_btn:hover i {

		color: #015073;

	}



	.inews-button-next {

		right: 30px;

	}



	.inews-button-prev {}







}