html, body{position:unset !important;background-color:#ffffff;height: auto !important;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;font-weight:100;font-size:unset;margin-block-start:0px;margin-block-end:0px;}
p{margin-block-start: 0px;margin-block-end: 0px;}
a{text-decoration:none;color:unset;display:block;}
a:hover{color:unset;}
img{width:100%;margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
ul{margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:0px;list-style-type:none;}
@font-face {
  font-family: "MyWork-Sans";
  src: url("font/WorkSans-Medium.woff2") format("woff2"),
       url("font/WorkSans-Medium.woff") format("woff"),
       url("font/WorkSans-Medium.ttf") format("truetype"),
       url("font/WorkSans-Medium.eot") format("embedded-opentype"),
       url("font/WorkSans-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MyMontserrat-S";
  src: url("font/Montserrat-SemiBold-9.woff2") format("woff2"),
       url("font/Montserrat-SemiBold-9.woff") format("woff"),
       url("font/Montserrat-SemiBold-9.ttf") format("truetype"),
       url("font/Montserrat-SemiBold-9.eot") format("embedded-opentype"),
       url("font/Montserrat-SemiBold-9.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MyMontserrat-B";
  src: url("font/Montserrat-Bold-3.woff2") format("woff2"),
       url("font/Montserrat-Bold-3.woff") format("woff"),
       url("font/Montserrat-Bold-3.ttf") format("truetype"),
       url("font/Montserrat-Bold-3.eot") format("embedded-opentype"),
       url("font/Montserrat-Bold-3.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MyMontserrat-R";
  src: url("font/Montserrat-Regular-8.woff2") format("woff2"),
       url("font/Montserrat-Regular-8.woff") format("woff"),
       url("font/Montserrat-Regular-8.ttf") format("truetype"),
       url("font/Montserrat-Regular-8.eot") format("embedded-opentype"),
       url("font/Montserrat-Regular-8.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MyMyriadPro-R";
  src: url("font/MyriadPro-Regular.woff2") format("woff2"),
       url("font/MyriadPro-Regular.woff") format("woff"),
       url("font/MyriadPro-Regular.ttf") format("truetype"),
       url("font/MyriadPro-Regular.eot") format("embedded-opentype"),
       url("font/MyriadPro-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MyMonotype";
  src: url("font/MTCORSVA.woff2") format("woff2"),
       url("font/MTCORSVA.woff") format("woff"),
       url("font/MTCORSVA.ttf") format("truetype"),
       url("font/MTCORSVA.eot") format("embedded-opentype"),
       url("font/MTCORSVA.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MyFutura-BT";
  src: url("font/futurabt-medium.woff2") format("woff2"),
       url("font/futurabt-medium.woff") format("woff"),
       url("font/futurabt-medium.ttf") format("truetype"),
       url("font/futurabt-medium.eot") format("embedded-opentype"),
       url("font/futurabt-medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MyMontserrat-L";
  src: url("font/MONTSERRAT-LIGHT-6_1.woff2") format("woff2"),
       url("font/MONTSERRAT-LIGHT-6_1.woff") format("woff"),
       url("font/MONTSERRAT-LIGHT-6_1.ttf") format("truetype"),
       url("font/MONTSERRAT-LIGHT-6_1.eot") format("embedded-opentype"),
       url("font/MONTSERRAT-LIGHT-6_1.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.goog-te-banner-frame{display:none !important;}
.goog-te-gadget-simple img{display:none !important;}
#goog-gt-tt{display:none !important;}
.goog-te-spinner-pos{display:none !important;}
.goog-te-gadget-simple img{display:none !important;}
.goog-te-gadget-simple .goog-te-menu-value span{display:none !important;}
#google_translate_element{
	position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
#google_translate_element .goog-te-gadget-simple{
	position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border:unset;
  box-sizing:border-box;
  background-color:transparent;
}
.language{
	position:relative;
	height:50px;
	top:40px;
}
.zoo-five{
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}
.trans-one{
	transition:all 1s ease-in-out;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
}
.nav .nav-content{
	position: relative;
	z-index: 999;
	display: flex;
  display: -webkit-flex;
  align-items: center;
  margin: 0 auto;
  padding:3rem 0rem 2.5rem;
}
.nav .nav-content .logo-hide{
	display:none;
}
.nav .nav-content .nav-logo a{
	display:block;
}
.nav .nav-content .nav-ul{
	width: 100%;
  text-align: center;
  margin: 0 auto;
}
.nav .nav-content .nav-ul ul li{
	display:inline-block;
	padding:0% 1%;
}
.nav .nav-content .nav-ul ul li a:hover h1{
	color:#acce22;
}
.nav .nav-content .nav-ul ul li a:hover h2{
	color:#acce22;
}
.nav .nav-content .nav-ul ul .li-doc{
	padding-left:0rem;
}
.nav .nav-content .nav-ul ul .li-other img{
	width: 1.2rem;
	margin-right:-0.6rem;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}
.nav-img{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
}
.nav .nav-content .nav-ul ul .li-home{
	padding:0% 3.5%;
}
.nav .nav-content .nav-ul ul li a{
	display:block;
}
.nav .nav-content .nav-ul ul li h1{
	font-family: MyWork-Sans;
  font-size: 1.1rem;
  color: #797a79;
  text-transform: uppercase;
}
.nav .nav-content .nav-ul ul .li-product:hover{
	cursor: pointer;
}
.nav .nav-content .nav-ul ul .li-lang{
	position: relative;
  font-family: MyWork-Sans;
  font-size: 1.1rem;
  color: #797a79;
  text-transform: capitalize;
  padding:0rem;
}
.nav .nav-content .nav-ul ul .li-lang .lang{
	position: relative;
	border: 1px solid #797a79;
  border-radius: 5px;
  padding: 2px 5px;
  box-sizing: border-box;
}
.nav .nav-content .nav-ul .child{
	z-index:2;
	background-color: #ffffff !important;
  position: absolute;
  text-align: left;
  padding: 1rem;
  visibility: hidden;
  opacity: 0;
  transform: matrix(1, 0, 0, 1, 0, -10);
  -webkit-transform: matrix(1, 0, 0, 1, 0, -10);
  transition: all 0.5s cubic-bezier(0.75,0.5,0.5,0.25);
  -webkit-transition: all 0.5s cubic-bezier(0.75,0.5,0.5,0.25);
  box-shadow: 0px 0px 10px rgba(4,0,0,0.11);
}
.nav .nav-content .nav-ul .child li{
	display: block;
  margin: 1rem;
  padding: 0rem;
}
.nav .nav-content .nav-ul .child li a{
	display:inline-block;
}
.nav .nav-content .nav-ul .child li h2{
  font-family: MyWork-Sans;
  font-size:1rem;
  color: #797a79;
  text-transform: uppercase;
}
.child-show{
	transform: matrix(1, 0, 0, 1, 0, 10) !important;
  visibility: inherit !important;
  opacity: 1 !important;
}
.auto-hide{
	display:none;
}
.kitchen .nav .nav-content .nav-ul ul .li-kitchen h1{
	color:#acce22;
}
.bathroom .nav .nav-content .nav-ul ul .li-bathroom h1{
	color:#acce22;
}
.other .nav .nav-content .nav-ul ul .li-other h1{
	color:#acce22;
}
.catalog .nav .nav-content .nav-ul ul .li-down h1{
	color:#acce22;
}
.about .nav .nav-content .nav-ul ul .li-about h1{
	color:#acce22;
}
.privacy .nav .nav-content .nav-ul ul .li-privacy h1{
	color:#acce22;
}
.contact .nav .nav-content .nav-ul ul .li-contact h1{
	color:#acce22;
}
.home .all-screen{
	position: relative;
}
.home .all-screen .screen-content{
	position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
 	width: 90%;
  text-align: right;
}
.home .all-screen .screen-content .con-right{
	display: inline-block;
  text-align: left;
}
.home .all-screen .screen-content .con-right h1{
	font-family:MyMontserrat-S;
  font-size:4rem;
  color:#ffffff;
  text-transform: capitalize;
}
.btn-a{
	display: inline-block;
  margin-top: 1.2rem;
}
.btn-a:hover p{
	background-color:#ffffff !important;
	color:#acce22 !important;
	box-shadow:0px 0px 10px #797a79;
}
.btn-a p{
	display: inline-block;
  font-family: MyMontserrat-B;
  font-size: 0.9rem;
  color: #ffffff;
  text-transform: uppercase;
  height: 40px;
  line-height: 40px;
  padding: 0px 35px;
  background-color: #acce22;
  border-radius: 20px;
}
.home .home-content .home-kitchen{
	margin:5% 0% 6%;
  width: 100%;
}
.home .home-content .home-kitchen .kit-top{
	position:relative;
	width: 60%;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.home .home-content .home-kitchen .kit-top .top-left{
	width:50%;
}
.home .home-content .home-kitchen .kit-top .top-right{
	width:46%;
	margin-left: 4%;
	border: 1px solid #f3f3f3;
  box-sizing: border-box;
}
.home .home-content .home-kitchen .kit-top .top-left .left-title h1{
	font-family: MyMontserrat-R;
  font-size: 3.75rem;
  color: #92ae1f;
  letter-spacing: -1px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.home .home-content .home-kitchen .kit-top .top-left .left-title h1 span{
	font-size: 2.5rem;
  margin-left: 1rem;
}
.home .home-content .home-kitchen .kit-top .top-left .left-con .left-p{
	width: 70%;
  font-family: MyMyriadPro-R;
  font-size: 1.1rem;
  line-height: 2rem;
  color: #636363;
  letter-spacing: 0.5px;
  margin:11% 0% 7%;
}
.home .home-content .home-kitchen .kit-top .top-right .swiper-container{
	position:unset;
}
.home .home-content .home-kitchen .kit-top .top-right .swiper-container .prev-next{
	position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  background: unset;
  margin: 0px;
  width: 4rem;
  height: auto;
  opacity: 1;
}
.home .home-content .home-kitchen .kit-top .top-right .swiper-container .swiper-button-next{
	right: -10rem;
}
.home .home-content .home-kitchen .kit-top .top-right .swiper-container .swiper-button-prev{
	left: -4rem;
	transform:translate(-50%,-50%) rotate(180deg);
}
.home .home-content .home-kitchen .kit-bottom{
	margin-top:5%;
}
.home .home-content .home-kitchen .kit-bottom .slide-content{
	position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 1rem 0rem 2rem;
  background: linear-gradient(left, rgba(60,65,76,0.5) , rgba(255,0,0,0));
  background: -webkit-linear-gradient(left, rgba(60,65,76,0.5) , rgba(255,0,0,0));
  background: -moz-linear-gradient(left, rgba(60,65,76,0.5) , rgba(255,0,0,0));
  background: -ms-linear-gradient(left, rgba(60,65,76,0.5) , rgba(255,0,0,0));
  background: -o-linear-gradient(left, rgba(60,65,76,0.5) , rgba(255,0,0,0));
  transition: all 0.6s cubic-bezier(0.3, 0.1, 0.1, 1);
  -webkit-transition: all 0.6s cubic-bezier(0.3, 0.1, 0.1, 1);
  -moz-transition: all 0.6s cubic-bezier(0.3, 0.1, 0.1, 1);
  -ms-transition: all 0.6s cubic-bezier(0.3, 0.1, 0.1, 1);
}
.home .home-content .home-kitchen .kit-bottom .slide-content h1{
	position:relative;
	margin-left: 3.5rem;
  font-family: MyMontserrat-R;
  font-weight: 500;
  font-size: 2.25rem;
  color: #fbf9f9;
  text-transform: capitalize;
}
.home .home-content .home-kitchen .kit-bottom .slide-content h1:after{
	position:absolute;
	content:"";
	top:120%;
	left:0px;
	height:3px;
	width:3rem;
	background-color:#acce22;
}
.img-hover{
	overflow:hidden;
}
.img-hover img{
	transition: all 0.6s cubic-bezier(0.3, 0.1, 0.1, 1);
  -webkit-transition: all 0.6s cubic-bezier(0.3, 0.1, 0.1, 1);
  -moz-transition: all 0.6s cubic-bezier(0.3, 0.1, 0.1, 1);
  -ms-transition: all 0.6s cubic-bezier(0.3, 0.1, 0.1, 1);
}
.img-hover:hover img{
	transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform:scale(1.05);
  -ms-transform:scale(1.05);
}
.img-hover1{
	overflow:hidden;
}
.img-hover1 img{
	transition: all 0.6s cubic-bezier(0.3, 0.1, 0.1, 1);
  -webkit-transition: all 0.6s cubic-bezier(0.3, 0.1, 0.1, 1);
  -moz-transition: all 0.6s cubic-bezier(0.3, 0.1, 0.1, 1);
  -ms-transition: all 0.6s cubic-bezier(0.3, 0.1, 0.1, 1);
}
.img-hover1:hover img{
	transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform:scale(1.05);
  -ms-transform:scale(1.05);
}
.home .home-content .zinc-brass .zb-title{
	text-align: center;
}
.home .home-content .zinc-brass .zb-title .title-one{
	font-family: MyMonotype;
  font-size: 2.1rem;
  color: #272727;
  letter-spacing: 10px;
}
.home .home-content .zinc-brass .zb-title .title-two{
	position: relative;
  display: inline-block;
  margin:1.5rem 0rem 2.5rem;
}
.home .home-content .zinc-brass .zb-title .title-two img{
	position: absolute;
  top: -2rem;
  left: -2rem;
  width: 5rem;
}
.home .home-content .zinc-brass .zb-title .title-two h1{
	font-family:MyFutura-BT;
	font-size:3.25rem;
	color:#272727;
	z-index: 222;
  position: relative;
}
.home .home-content .zinc-brass .zb-title .title-two h1 span{
	color:#acce22;
}
.home .home-content .zinc-brass .zb-title .title-item{
	display: flex;
  display: -webkit-flex;
  justify-content: center;
}
.home .home-content .zinc-brass .zb-title .title-item .item{
	font-family: MyMontserrat-R;
	font-size: 0.85rem;
  color: #272727;
  text-transform: uppercase;
  margin:0rem 0.5rem;
  letter-spacing: 1px;
  height: 32px;
  line-height: 32px;
  padding: 0px 28px;
}
.home .home-content .zinc-brass .zb-title .title-item .item:hover{
	cursor: pointer;
	background-color: #acce22 !important;
  border-radius: 3px;
  color: #ffffff !important;
  box-shadow: 3px 10px 15px rgba(0,0,0,0.25) !important;
}
.change-btn{
	background-color: #acce22 !important;
  border-radius: 3px;
  color: #ffffff !important;
  box-shadow: 3px 10px 15px rgba(0,0,0,0.25) !important;
}
.home .home-content .zinc-brass .zb-title .title-item .item-one{
	margin-left:0rem;
}
.home .home-content .zinc-brass .zb-title .title-item .item-four{
	margin-right:0rem;
}
.home .home-content .zinc-brass .zb-product{
	margin: 4.5% auto 0%;
	/*padding-bottom:5%;*/
	position: relative;
	overflow: hidden;
}
.home .home-content .zinc-brass .zb-product .zb-imgs{
	display: flex;
  display: -webkit-flex;
}
.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img{
	position:relative;
	margin-right:8px;
}
.home .home-content .zinc-brass .zb-product .zb-imgs .img-last{
	margin-right:0px;
}
.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img .img-con{
	position: absolute;
  top: 1.5rem;
  left: 1.5rem;
}
.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img .img-con h1{
	font-family: MyWork-Sans;
  font-size: 1.2rem;
  color: #303430;
  text-transform: capitalize;
  margin-bottom: 2px;
}
.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img .img-con h2{
	font-family: MyWork-Sans;
  font-size: 0.9rem;
  color: #5d5d5d;
  text-transform: capitalize;
}
.home .home-content .zinc-brass .zb-product .zb-one{
	width: 80%;
  margin: 0 auto;
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -moz-transform: translateY(0%);
  opacity: 1;
  visibility: visible;
}
.home .home-content .zinc-brass .zb-product .zb-two{
	width: 85%;
  margin: 0 auto;
}
.home .home-content .zinc-brass .zb-product .zb-two{
	position:absolute;
	content:"";
  transform: translate(-50%,100%);
  -webkit-transform: translate(-50%,100%);
  -ms-transform: translate(-50%,100%);
  -moz-transform: translate(-50%,100%);
  top:0%;
  left:50%;
  opacity: 0;
  visibility: hidden;
}
.hide-zb-one{
	opacity: 0 !important;
  visibility:hidden !important;
  transform:translateY(0%) !important;
}
.show-zb-two{
	opacity: 1 !important;
  visibility:visible !important;
 	transform:translate(-50%,0%) !important;
}
.home .home-content .home-brass{
	background-color:#f5f5f6;
	padding:3.5% 0% 2%;
}
.home .home-content .home-brass .zb-product{
	margin-bottom:0%;
}
.home .home-content .home-zinc{margin-top:40px;}
.home .home-care{
	position:relative;
	padding-top: 10%;
	margin-top: 7%;
}
.home .home-care .care-bc1{
	position: absolute;
  content: "";
  transform: translate(-50%, 10px);
  top: 0%;
  left: 42%;
  width: 62%;
  z-index: 1;
}
.home .home-care .care-bc2{
	position: absolute;
	bottom: 4rem;
  font-family: MyFutura-BT;
  font-size: 5.5rem;
  color: #a4c813;
  line-height: 4.5rem;
  text-shadow: 0px 0px 10px rgba(0,6,1,0.11);
  z-index: 5;
}
.home .home-care .care-bc3{
	position: absolute;
	content:"";
	left:0%;
	bottom:0px;
	width:30%;
	height:70%;
	background-color:#f5f5f6;
}
.home .home-care .care-bc4{
	position: absolute;
	content:"";
	left:30%;
	bottom:0px;
	width:70%;
	height:70%;
	background-color:#f5f5f6;
	z-index: 1;
}
.home .home-care .all-care{
	width: 82%;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
}
.home .home-care .all-care .care-left{
	position: relative;
	width:40%;
	text-align: right;
	z-index: 2;
}
.home .home-care .all-care .care-left img{
	width: 24rem;
}
.home .home-care .all-care .care-right{
	position: relative;
	width:60%;
	z-index: 2;
}
.home .home-care .all-care .care-right .all-right{
	width: 85%;
  margin-left: 15%;
}
.home .home-care .all-care .care-right .all-right .img-text{
	display:flex;
	display:-webkit-flex;
	align-items:flex-start;
	margin-bottom: 4.5%;
}
.home .home-care .all-care .care-right .all-right .img-text .img{
	width: 4.5rem;
  padding: 1.5rem;
	margin-right:1.5rem;
	border-radius: 50%;
  background-color: #ffffff;
 	box-shadow: 0px 5px 15px rgba(135,153,163,0.35);
}
.home .home-care .all-care .care-right .all-right .text-two .img{
	width: 7.5rem;
  padding: 1rem;
}
.home .home-care .all-care .care-right .all-right .text-three{
	margin-bottom: 8%;
}
.home .home-care .all-care .care-right .all-right .img-text h1{
	position:relative;
	display: inline-block;
	font-family: MyMontserrat-B;
  font-size: 1.56rem;
  letter-spacing: 0.2px;
  color: #2d2d2d;
  text-transform: capitalize;
  margin-bottom: 0.5rem;
}
.home .home-care .all-care .care-right .all-right .img-text h1:after{
	position:absolute;
	content:"";
	transform: translate(0px, -50%);
  top: 50%;
  left: 108%;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	border-left:12px solid #acce22;
}
.home .home-care .all-care .care-right .all-right .img-text p{
	font-family:MyMyriadPro-R;
  font-size: 1.25rem;
  color: #636363;
  line-height: 2.2rem;
}
.home .home-news{
	position: relative;
	width: 80%;
  margin: 9.5% auto 2%;
  text-align: center;
}
.home .home-news .news-title{
	position:relative;
	display: inline-block;
}
.home .home-news .news-title img{
	position: absolute;
  content: "";
  top: -0.5rem;
  left: -3.2rem;
  width: 5rem;
}
.home .home-news .news-title h1{
	position:relative;
  font-family: MyFutura-BT;
  font-size: 3.25rem;
  text-transform: capitalize;	
}
.home .home-news .news-title h1 span{
	color: #a4c813;
}
.home .home-news .new-slide{
	margin-top: 7.5%;
}
.home .home-news .new-slide .swiper-container{
	padding-bottom:5%;
	position:unset;
}
.home .home-news .new-slide .swiper-container-v{
	padding-bottom:0%;
}
.home .home-news .new-slide .swiper-container .prev-next{
	background: unset;
  width: 5rem;
  height: auto;
  margin: 0px;
  top: 1rem;
  right: -1.5rem;
}
.home .home-news .new-slide .swiper-container .swiper-button-prev{
	left:auto;
	right:5rem;
}
.home .home-news .new-slide .img-con .img{
	position: relative;
	width:80%;
	overflow: hidden;
}
.home .home-news .new-slide .img-con .img .new-bc{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:100%;
	opacity: 0;
	visibility: hidden;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}
.home .home-news .new-slide .img-con:hover .new-bc{
	opacity: 1;
	visibility: visible;
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-moz-transform: translateY(0%);
}
.home .home-news .new-slide .img-con:hover .con p{
	color:#acce22;
}
.home .home-news .new-slide .img-con .con{
	position: relative;
  width: 75%;
  margin-left: 10%;
  margin-top: -13%;
  background-color: #ffffff;
  padding:2rem 5px 2rem 1.5rem;
  box-shadow:0px 0px 15px rgba(6,0,1,0.15);
  text-align: left;
  z-index: 3;
}
.home .home-news .new-slide .img-con .con p{
	font-family: MyMontserrat-S;
  font-size: 1.3rem;
  color:#3d3d3c;
  letter-spacing: -0.2px;
  margin-bottom:0.8rem;
  transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}
.home .home-news .new-slide .img-con .con span{
	font-family:MyMontserrat-R;
	font-size:0.7rem;
	color:#797979;
	letter-spacing:0.2px;
}
.all-bc{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:100%;
	height:5rem;
  background:linear-gradient(top,rgba(245,245,246,0.8), rgba(255,0,0,0));
  background:-webkit-linear-gradient(top,rgba(245,245,246,0.8), rgba(255,0,0,0));
  background:-ms-linear-gradient(top,rgba(245,245,246,0.8), rgba(255,0,0,0));
  background:-moz-linear-gradient(top,rgba(245,245,246,0.8), rgba(255,0,0,0));
  background:-o-linear-gradient(top,rgba(245,245,246,0.8), rgba(255,0,0,0));
}
.about .about-content{
	position:relative;
}
.about .about-content .all-about .all-width{
	width: 85%;
  margin: 0 auto;
}
.about .about-content .all-about .title-img{
	position:relative;
	display: inline-block;
  padding-left: 3rem;
}
.about .about-content .all-about .title-img img{
	position: absolute;
  content: "";
  top: -1rem;
  left: 0px;
  width: 5rem;
}
.about .about-content .all-about .title-img h1{
	position: relative;
	font-family: MyFutura-BT;
  font-size: 3.25rem;
  color:#272727;
  text-transform: capitalize;
}
.about .about-content .all-about .swiper-container{
	position:unset;
}
.about .about-content .all-about .prev-next{
	background:unset;
	width:5rem;
	height:auto;
	margin:0px;
	top: -4rem;
}
.about .about-content .all-about .swiper-button-prev{
	left:auto;
	right: 7rem;
}
.about .about-content .all-about .swiper-button-next{
	right: 0px;
}
.about .all-about .about-brief{
	padding: 8.5% 0% 5%;
}
.about .all-about .about-brief .brief{
	display: flex;
  display: -webkit-flex;
  align-items: center;
}
.about .all-about .about-brief .brief .brief-img{
	width:50%;
}
.about .all-about .about-brief .brief .brief-text{
	width:50%;
}
.about .all-about .about-brief .brief .brief-text .text-p{
	font-family: MyMyriadPro-R;
  font-size: 1.26rem;
  color: #8d8f8f;
  line-height: 2.2rem;
  margin-top: 8%;
}
.about .all-about .about-brief .brief .brief-img{
	position: relative;
}
.about .all-about .about-brief .brief-one{
	flex-direction: row-reverse;
} 
.about .all-about .about-brief .brief-one .brief-text .all-text{
	width: 88%;
  margin-left: 12%;
}
.about .all-about .about-brief .brief-one .brief-img{
	text-align:right;
}
.about .all-about .about-brief .brief-one .brief-img .img{
	position: relative;
	display: inline-block;
	width: 90%;
}
.about .all-about .about-brief .brief-one .brief-img .img:before{
	position:absolute;
	content:"";
	top: 30%;
  left: -10%;
  width: 80%;
  height: 80%;
	border:4px solid #acce22;
}
.about .all-about .about-brief .brief-one .brief-img .img img{
	position: relative;
	z-index:22;
}
.about .all-about .about-brief .brief-two{
	margin-top:8%;
}
.about .all-about .about-brief .brief-two .text-title{
	width: 10rem;
}
.about .all-about .about-brief .brief-two .brief-text{
	width:41%;
	margin-right:4%;
}
.about .all-about .about-brief .brief-two .brief-img{
	width:55%;
}
.about .all-about .about-brief .brief-two .brief-text .text-p{
	margin-top:4%;
}
.about .all-about .about-factory{
	position:relative;
	padding:3% 0% 5.8%;
}
.about .all-about .about-factory .fac-bc{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:100%;
	height:70%;
	background-color:#f5f5f6;
}
.about .all-about .about-factory .fac-slide{
	position:relative;
	margin-top:3%;
}
.about .all-about .about-factory .fac-slide .prev-next{
	top: -5rem;
}
.about .all-about .about-exhibi{ 
	padding-bottom: 5.5%;
	background: linear-gradient(top, rgba(245,245,246,0), rgba(245,245,246,1));
	background: -webkit-linear-gradient(top, rgba(245,245,246,0), rgba(245,245,246,1));
	background: -moz-linear-gradient(top, rgba(245,245,246,0), rgba(245,245,246,1));
	background: -ms-linear-gradient(top, rgba(245,245,246,0), rgba(245,245,246,1));
	background: -o-linear-gradient(top, rgba(245,245,246,0), rgba(245,245,246,1));
}
.about .all-about .about-exhibi .all-width{
	text-align:center;
}
.about .all-about .about-exhibi .exhibi-img{
	margin-top: 5%;
  text-align: left;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.about .all-about .about-exhibi .exhibi-img .exhibi-slide{
	width:calc(94% / 3);
	margin-right:3%;
}
.about .all-about .about-exhibi .exhibi-img .exhibi-slide .con{
	position: relative;
  z-index: 22;
	width: 90%;
  padding:6% 0% 6% 5%;
  background-color: #ffffff;
  box-shadow: 0px 0px 27px rgba(7,1,2,0.2);
  font-family:MyMontserrat-R;
	font-size:1.75rem;
	color:#3b3a3a;
	line-height:2.5rem;
	margin:-5rem 0rem 0rem -1.5rem;
}
.about .all-about .about-exhibi .exhibi-img .slide-one{
	width:47%;
	margin:0% 6% 8% 0%;
}
.about .all-about .about-exhibi .exhibi-img .slide-one .con{
	width: 60%;
}
.about .all-about .about-exhibi .exhibi-img .slide-two{
	width:47%;
	margin:0% 0% 8% 0%;
}
.about .all-about .about-exhibi .exhibi-img .slide-two .con{
	width: 60%;
}
.about .all-about .about-exhibi .exhibi-img .slide-five{
	margin-right:0%;
}
.about .all-about .about-certifi .all-certifi{
	width: 75%;
  margin: 5% auto 4%;
  text-align: center;
}
.about .all-about .about-certifi .all-certifi .certifi-slide{
	margin-top: 5%;
}
.about .all-about .about-serve{
	padding:7% 0% 5%;
	border-top: 1px solid rgba(142,141,141,0.2);
}
.about .all-about .about-serve .all-width{
	width:76%;
	display: flex;
  display: -webkit-flex;
  align-items: center;
}
.about .all-about .about-serve .all-width .serve-left{
	width:35%;
	margin-right:4%;
}
.about .all-about .about-serve .all-width .serve-right{
	width:57%;
	padding-left:4%;
	border-left: 1px solid rgba(142,141,141,0.2);
}
.about .all-about .about-serve .all-width .serve-left .left-p{
	font-family: MyMyriadPro-R;
  font-size: 1.375rem;
  color: #565858;
  line-height:3rem;
  letter-spacing: 0.5px;
  margin-top: 5%;
}
.about .all-about .about-serve .all-width .serve-right .right-con{
	font-family: MyMontserrat-r;
  font-size: 1.125rem;
  color:#2d2d2d;
  padding:10px;
  background-color:#f9f9f9;
  margin-bottom: 0.8rem;
  border-radius:5px;
  transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}
.about .all-about .about-serve .all-width .serve-right .right-last{
	margin-bottom: 0rem;
}
.about .all-about .about-serve .all-width .serve-right .right-con:hover{
	color:#fefcfc;
	background-color:#acce22;
}
.pros .pros-content .pro-screen{
	position:relative;
}
.pros .pros-content .pro-screen .screen-con{
	position: absolute;
  bottom: 20%;
  right: 8%;
  font-family: MyMontserrat-S;
  font-size: 4.05rem;
  color: #ffffff;
}
.pros .pros-content .pro-nav{
	position:relative;
	width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  background-color: #ffffff;
  box-shadow: 0px 6px 20px rgba(0,0,0,0.1);
  z-index: 222;
}
.fixed{
	position:fixed !important;
	top:0px;
}
.pros .pros-content .pro-nav .li-nav{
	position:relative;
	margin:0% 2%; 
}
.pros .pros-content .pro-nav .li-nav h1{
	font-family: MyWork-Sans;
  font-size: 1.06rem;
  color: #323332;
  text-transform: uppercase;
  padding: 1.5rem 0rem;
  font-weight: bold;
}
.pros .pros-content .pro-nav .li-nav span{
	position:absolute;
	transform:translate(-50%,0px);
	left:50%;
	width:0%;
	bottom:0px;
	height:4px;
	background-color:#acce22;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}
.pros .pros-content .pro-nav .li-nav:hover span{
	width:100% !important;
}
.pros .pros-content .pro-nav .li-nav:hover h1{
	opacity: 0.8;
}
.active{
	opacity: 0.8 !important;
}
.pros .pros-content .pro-nav .active span{
	width:100% !important;
}
.pros .pros-content .pro-nav .nav-one{
	margin-left:0%;
}
.pros .pros-content .pro-nav .nav-six{
	margin-right:0%;
}
.pros .pros-content .title-img{
	position:relative;
	display: inline-block;
  padding-left: 3rem;
}
.pros .pros-content .title-img img{
	position: absolute;
  content: "";
  top: -1rem;
  left: 0px;
  width: 5rem;
}
.pros .pros-content .title-img h1{
	position: relative;
	font-family: MyFutura-BT;
  font-size: 3.25rem;
  color:#272727;
  text-transform: capitalize;
}
.pros .pros-content .pros-nav{
	display: flex;
  display: -webkit-flex;
  justify-content: center;
  margin: 1% auto 0%;
  text-align: center;
}
.pros .pros-content .pros-nav .navs{
	font-family: MyWork-Sans;
  font-size: 1.2rem;
  color:#0b0b0b;
  width:2.2rem;
  height:2.2rem;
  line-height:2.2rem;
  border:1px solid #d2d2d2;
  margin: 0px 0.3rem;
  transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}
.pros .pros-content .pros-nav .navs:hover{
	cursor: pointer;
	color:#fefefe !important;
  background-color:#3c414c !important;
}
.change-navs{
	color:#fefefe !important;
  background-color:#3c414c !important;
}
.other .pros-content .pros-nav .nav-three{
	display:none;
}
.other .pros-content .pros-nav .nav-hide{
	display:none;
}
.bathroom .bathroom-content .new-design{
	background:url(../fodder/home/bath-bc.png) no-repeat;
	background-position: center;
	background-size: 100% auto;
	padding: 5% 0%;
}
.bathroom .bathroom-content .new-design .all-new{
	width: 65%;
  margin: 0% auto;
  text-align:center;
}
.bathroom .bathroom-content .new-title p{
	font-family: MyMyriadPro-R;
  font-size: 1.25rem;
  color: #636363;
  margin:1.5rem 0rem 4rem;
  letter-spacing: 0.5px;
}
.bathroom .bathroom-content .new-design .all-new .new-pro{
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
}
.bathroom .bathroom-content .new-design .all-new .new-pro .img-text{
	width:calc(94% / 3);
	margin:0% 3% 5% 0%;
}
.bathroom .bathroom-content .new-design .all-new .new-pro .new-three{
	margin-right:0%;
}
.bathroom .bathroom-content .new-design .all-new .new-pro .new-six{
	margin-right:0%;
}
.bathroom .bathroom-content .new-design .all-new .new-pro .img-text .text{
	font-family: MyMontserrat-R;
  font-size: 0.85rem;
  text-transform: uppercase;
  color: #272727;
  letter-spacing: 0.5px;
  margin-top: 2rem;
}
.bathroom .bathroom-content .bath-pro{
	margin-bottom:5%;
}
.bathroom .bathroom-content .bath-pro .pro-top{
	position: relative;
  width: 65%;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.bathroom .bathroom-content .bath-pro .pro-top .top-left{
	width: 50%;
}
.bathroom .bathroom-content .bath-pro .pro-top .top-right{
	width: 46%;
  margin-left: 4%;
  border: 1px solid #f3f3f3;
  box-sizing: border-box;
}
.bathroom .bathroom-content .bath-pro .pro-top .top-left .left-title h1{
	position: relative;
	font-family: MyMontserrat-R;
  font-size: 3.75rem;
  color: #92ae1f;
  letter-spacing: -1px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.bathroom .bathroom-content .bath-pro .pro-top .top-left .left-title h1:after{
	position: absolute;
  content: "";
  top: 120%;
  left: 0px;
  height: 3px;
  width: 4rem;
  background-color: #a0a0a0;
}
.bathroom .bathroom-content .bath-pro .pro-top .top-left .left-title h1 span{
	font-size: 2.5rem;
  margin-left: 1rem;
}
.bathroom .bathroom-content .bath-pro .pro-top .top-left .left-p .pp{
	width: 85%;
  font-family: MyMyriadPro-R;
  font-size: 1.1rem;
  line-height: 2rem;
  color: #636363;
  letter-spacing: 0.5px;
  margin: 11% 0% 7%;
}
.bathroom .bathroom-content .bath-pro .pro-top .top-right .swiper-container{
	position: unset;
}
.bathroom .bathroom-content .bath-pro .pro-top .top-right .prev-next{
	position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  background: unset;
  margin: 0px;
  width: 4rem;
  height: auto;
  opacity: 1;
}
.bathroom .bathroom-content .bath-pro .pro-top .top-right .swiper-button-prev{
	left: -4rem;
  transform: translate(-50%,-50%) rotate(180deg);
}
.bathroom .bathroom-content .bath-pro .pro-top .top-right .swiper-button-next{
	right: -10rem;
}
.bathroom .bathroom-content .bath-pro .pro-bottom{
	margin-top: 5%;
}
.bathroom .bathroom-content .bath-pro .pro-bottom .slide-content{
	position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 1rem 0rem 2rem;
  background: linear-gradient(left, rgba(60,65,76,0.5) , rgba(255,0,0,0));
  background:-webkit-linear-gradient(left, rgba(60,65,76,0.5) , rgba(255,0,0,0));
  background:-moz-linear-gradient(left, rgba(60,65,76,0.5) , rgba(255,0,0,0));
  background:-ms-linear-gradient(left, rgba(60,65,76,0.5) , rgba(255,0,0,0));
  background-image: -o-linear-gradient(left, rgba(60,65,76,0.5) , rgba(255,0,0,0));
  transition: all 0.6s cubic-bezier(0.3, 0.1, 0.1, 1);
  -webkit-transition: all 0.6s cubic-bezier(0.3, 0.1, 0.1, 1);
  -moz-transition: all 0.6s cubic-bezier(0.3, 0.1, 0.1, 1);
  -ms-transition: all 0.6s cubic-bezier(0.3, 0.1, 0.1, 1);
}
.bathroom .bathroom-content .bath-pro .pro-bottom .slide-content h1{
	position: relative;
  margin-left: 3.5rem;
  font-family: MyMontserrat-R;
  font-weight: 500;
  font-size: 2.25rem;
  color: #fbf9f9;
  text-transform: capitalize;
}
.bathroom .bathroom-content .bath-pro .pro-bottom .slide-content h1:after{
	position: absolute;
  content: "";
  top: 120%;
  left: 0px;
  height: 3px;
  width: 3rem;
  background-color: #acce22;
}
.bathroom .bathroom-content .shower-column .all-shower{
	width: 65%;
  margin: 7% auto;
  text-align: center;
}
.bathroom .bathroom-content .shower-column .all-shower .new-title a{
	display:inline-block;
}
.kitchen .kitchen-content .title-img img{
	top: -2rem;
  left: 0.8rem;
  width: 5.5rem;
}
.kitchen .kitchen-content .new-title .title-img span{
	color:#acce22;
}
.kitchen .kitchen-content .new-title p{
	font-family: MyMyriadPro-R;
  font-size: 1.25rem;
  color: #636363;
  margin:1rem 0% 5%;
  letter-spacing: 0.5px;
}
.kitchen .kitchen-content .kitchen-popular{
	padding: 5% 0%;
}
.kitchen .kitchen-content .kitchen-popular .all-popular{
	width: 80%;
  margin: 0 auto;
  text-align: center;
}
.kitchen .kitchen-content .kitchen-popular .popular-pro{
	display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.kitchen .kitchen-content .kitchen-popular .popular-pro .img-text{
	width:21.5%;
	margin-right:3.5%;
}
.kitchen .kitchen-content .kitchen-popular .popular-pro .new-four{
	margin-right:0%;
}
.kitchen .kitchen-content .kitchen-popular .popular-pro .img-text .text{
	font-family: MyWork-Sans;
  font-size: 1.125rem;
  color: #303430;
  margin-top: 5%;
}
.kitchen .kitchen-content .bzc .all-bzc{
	width: 90%;
  margin: 0 auto;
  text-align: center;
}
.kitchen .kitchen-content .bzc .all-bzc .new-title .title-top{
	font-family: MyMonotype;
  font-size: 2.1rem;
  color: #272727;
  letter-spacing: 10px;
  margin-bottom: 1%;
}
.kitchen .kitchen-content .bzc .all-bzc .new-title .title-item{
	display: flex;
  display: -webkit-flex;
  justify-content: center;
  margin-top: 0.5%;
}
.kitchen .kitchen-content .bzc .all-bzc .new-title .title-item .item{
  font-family: MyMontserrat-R;
  font-size: 0.85rem;
  color: #404040;
  text-transform: uppercase;
  margin: 0rem 0.5rem;
  letter-spacing: 1px;
  height: 32px;
  line-height: 32px;
  padding: 0px 28px;
  margin-top: 1%;
}
.kitchen .kitchen-content .bzc .all-bzc .new-title .title-item .item:hover{
	cursor: pointer;
	background-color: #acce22 !important;
  border-radius: 3px;
  color: #ffffff !important;
  box-shadow: 3px 10px 15px rgba(0,0,0,0.25) !important;
}
.kitchen .kitchen-content .bzc{
	padding: 5% 0%;
	background:linear-gradient(top,rgba(245,245,246,1) 80%,rgba(245,245,246,0.8) 85%,rgba(245,245,246,0.2) 100%);
  background:-webkit-linear-gradient(top,rgba(245,245,246,1) 80%,rgba(245,245,246,0.8) 85%,rgba(245,245,246,0.2) 100%);
  background:-moz-linear-gradient(top,rgba(245,245,246,1) 80%,rgba(245,245,246,0.8) 85%,rgba(245,245,246,0.2) 100%);
  background:-ms-linear-gradient(top,rgba(245,245,246,1) 80%,rgba(245,245,246,0.8) 85%,rgba(245,245,246,0.2) 100%);
  background:-o-linear-gradient(top,rgba(245,245,246,1) 80%,rgba(245,245,246,0.8) 85%,rgba(245,245,246,0.2) 100%);
}
.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg{
	display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  margin-top: 5%;
}
.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs{
	position: relative;
	width:calc(( 100% - 15px) / 4 );
	margin-right:5px;
	margin-bottom: 2%;
}
.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs-four{
	margin-right:0%;
}
.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs .img-con{
	position: absolute;
  top: 1rem;
  left: 1rem;
  width: calc(100% - 1rem);
  text-align: left;
  font-family: MyWork-Sans;
}
.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs .img-con h1{
  font-size: 1.125rem;
  color: #303430;
}
.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs .img-con h3{
	font-size: 0.85rem;
  color: #5d5d5d;
  margin-top: 5px;
}
.kitchen .kitchen-content .kitchen-cold .all-bzc{
	width: 80%;
}
.kitchen .kitchen-content .kitchen-cold .all-bzc .new-title a{
	display:inline-block;
}
.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs{
	width:23.5%;
	margin:0% 2% 5% 0%;
	box-shadow:0px 0px 20px rgba(0,0,0,0.05);
}
.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs-four{
	margin-right:0%;
}
.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs .img-con{
	position: relative;
  padding: 7% 2% 9% 6%;
  top: unset;
  left: unset;
  background-color: #ffffff;
  border-top: 1px solid #c9c8c8;
  width:92%;
}
.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs .img-con h1{
	position: relative;
	display:inline-block;
	font-size:1.3rem;
	color:#6b6a6a;
	padding-bottom:5px;
	border-bottom: 1px solid #a09f9f;
}
.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs .img-con h1:after{
	position:absolute;
	content:"";
	top:calc(100% + 5px);
	left:0%;
	width:100%;
	height:3px;
	background-color:#a09f9f;
}
.other .other-content .pro-screen .screen-con{
	top: 50%;
	right: 21%;
  text-align: right;
}
.other .other-content .pro-screen .screen-con h2{
	font-family: MyMyriadPro-R;
  font-size: 1.2rem;
  width: 35%;
  line-height: 2rem;
  margin-top: 1.5rem;
}
.other .other-content .other-pro .all-other{
	width: 88%;
  margin:3% auto 5%;
  display: flex;
  display: -webkit-flex;
}
.other .other-content .other-pro .all-other .all-item{
	width:22%;
	margin:10% 5% 0% 0%;
}
.other .other-content .other-pro .all-other .all-item h1{
	height: 70px;
  line-height: 70px;
  text-align: center;
  font-family: MyMontserrat-R;
  font-size: 1.5rem;
  background-color: #3c414c;
	color: #fdfcfc;
  margin-bottom:5px;
  text-transform: uppercase;
  white-space:nowrap;
	overflow:hidden;
  text-overflow : ellipsis;
  width:98%;
  padding:0% 1%;
  margin:0 auto;
}
.other .other-content .other-pro .all-other .all-item h1 img{
	width: 1rem;
  vertical-align: baseline;
  transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}
.change-img{
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
}
.other .other-content .other-pro .all-other .all-item h1:hover{
	cursor: pointer;
}
.other .other-content .other-pro .all-other .other-item{
	margin-bottom:2%;
}
.other .other-content .other-pro .all-other .other-item .item{
  background-color: #f5f5f5;
  margin-bottom:5px;
  text-transform: capitalize;
  transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}
.other .other-content .other-pro .all-other .other-item .item-one{
	margin-top:5px;
}
.other .other-content .other-pro .all-other .other-item .item1{
	margin-top:5px;
}
.other .other-content .other-pro .all-other .other-item .item h3{
	height: 50px;
  line-height: 50px;
  text-align: center;
  font-family: MyMontserrat-R;
  font-size: 1.3rem;
  color: #2d2d2d;
	white-space:nowrap;
	overflow:hidden;
  text-overflow : ellipsis;
  width:98%;
  margin:0 auto;
}
.other .other-content .other-pro .all-other .other-item .item:hover{
	cursor: pointer;
	background-color: #c8ccd5 !important;
	color: #fdfdfd !important;
}
.change-item{
	background-color: #727885 !important;
	color: #fdfcfc !important;
}
.other .other-content .other-pro .all-other .other-show .item{
	height: unset;
  line-height: unset;
}
.other .other-content .other-pro .all-other .item-span{
	display:none;
	position: relative;
  width: 25px;
  height: 25px;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
}
.other .other-content .other-pro .all-other .item-span .line-content{
	position: absolute;
  content: "";
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  background-color: #000000;
  width: 100%;
  height: 1px;
}
.other .other-content .other-pro .all-other .item-span .line-one{
	width: 100%;
  height: 1px;
}
.other .other-content .other-pro .all-other .item-span .line-two{
	width: 1px;
  height: 100%;
}
.other .other-content .other-pro .all-other .other-img{
	width:73%;
}
.other .other-content .other-pro .all-other .other-img .all-otherImg{
	display: flex;
  display: -webkit-flex;
  flex-wrap:wrap;
}
.other .other-content .other-pro .all-other .other-img .all-otherImg .imgs{
	width:23.875%;
	margin:0% 1.5% 4% 0%;
	padding-top:3%;
	background-color:#f5f5f5;
}
.other .other-content .other-pro .all-other .other-img .all-otherImg .imgs-four{
	margin-right:0%;
}
.other .other-content .other-pro .all-other .other-img .all-otherImg .imgs .img-con{
	font-family: MyWork-Sans;
  font-size: 1rem;
  color: #5d5d5d;
  margin:0% 7% 9% 0%;
  text-align:right;
}
.product-details .prodetail-content{
	position:relative;
}
.product-details .prodetail-content .all-bc{
	height:3rem;
}
.product-details .prodetail-content .pro-title{
	text-align: center;
	padding: 5% 0% 3%;
}
.product-details .prodetail-content .title-img img{
	top: -2rem;
  left: 1rem;
}
.product-details .prodetail-content .pro-title h1{
	text-transform: uppercase;
}
.product-details .prodetail-content .pro-title span{
	color:#acce22;
}
.product-details .prodetail-content .pro-con .all-pro{
	position: relative;
	display: flex;
  display: -webkit-flex;
  width: 70%;
  margin: 0 auto;
  flex-wrap: wrap;
  border: 1px solid #e8e6e6;
  box-sizing: border-box;
}
.product-details .prodetail-content .pro-con .all-pro .href-img{
	position: absolute;
  transform: translate(0px, -50%);
  top: 50%;
  left: -10%;
  width: 4rem;
}
.product-details .prodetail-content .pro-con .all-pro .img-right{
	transform: translate(0px, -50%) rotate(180deg);
	left:unset;
	right:-10%;
}
.product-details .prodetail-content .pro-con .all-pro .href-img .img-hover:hover img{
	transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  opacity: 0.7;
}
.product-details .prodetail-content .pro-con .all-pro .pro-left{
	width: 50%;
}
.product-details .prodetail-content .pro-con .all-pro .pro-right{
	width: 50%;
	display: flex;
  display: -webkit-flex;
  align-items: center;
	padding-left: 5%; 
	border-left: 1px solid #e8e6e6;
	box-sizing: border-box;
}
.product-details .prodetail-content .pro-con .all-pro .pro-left .left-top{
	border-bottom: 1px solid #e8e6e6;
  box-sizing: border-box;
}
.product-details .prodetail-content .pro-con .all-pro .pro-left .left-top .img{
	width:100%;
}
.product-details .prodetail-content .pro-con .all-pro .pro-left .left-bottom{
	width: 100%;
  display: flex;
  display: -webkit-flex;
}
.product-details .prodetail-content .pro-con .all-pro .pro-left .left-bottom .img{
	width:25%;
	border-right: 1px solid #e8e6e6;
  box-sizing: border-box;
}
.product-details .prodetail-content .pro-con .all-pro .pro-left .left-bottom .img-four{
	border:unset;
}
.product-details .prodetail-content .pro-con .all-pro .pro-right .right-item{
	font-family: MyMontserrat-R;
  font-size: 1.6rem;
  color: #333333;
  margin-bottom:1.1rem;
}
.product-details .prodetail-content .pro-con .all-pro .pro-right .right-item span{
	font-family: MyMontserrat-L;
  color: #565858;
}
.product-details .prodetail-content .pro-con .pro-bottom{
	text-align: center;
  margin: 3% 0% 5%;
}
.product-details .prodetail-content .pro-con .pro-bottom .btn-a p{
	height:52px;
	line-height:52px;
	font-family: MyMyriadPro-R;
	font-size:1.3rem;
	letter-spacing: 1px;
	color:#fcfbfb;
	text-transform: capitalize;
	padding: 0px 28px;
  border-radius: 26px;
}
.catalog .catalog-content{
	position:relative;
}
.catalog .catalog-content .all-cata{
	position: relative;
	width:100%;
  margin: 0 auto;
  padding: 7% 0% 9%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.catalog .catalog-content .all-cata .cata-left{
	width: 50%;
	display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
}
.catalog .catalog-content .all-cata .cata-left .img{
	position:relative;
	width: 28rem;
}
.catalog .catalog-content .all-cata .cata-left .img img{
	box-shadow: 0px 0px 20px rgba(14,13,13,0.15);
}
.catalog .catalog-content .all-cata .cata-left .img-one{
	position: absolute;
  content: "";
  transform: rotate(-20deg);
  top: 3%;
  left: -23%;
  width: 92%;
}
.catalog .catalog-content .all-cata .cata-left .img-two{
	position:relative;
}
.catalog .catalog-content .all-cata .cata-right{
	width: 50%;
}
.catalog .catalog-content .all-cata .cata-right .all-right{
	width: 55%;
	text-align: center;
  margin-left: 12%;
}
.catalog .catalog-content .all-cata .cata-right .all-right .title{
	position:relative;
	display:inline-block;
}
.catalog .catalog-content .all-cata .cata-right .all-right .title img{
	position: absolute;
  top: -1.5rem;
  left: -3rem;
  width: 5.5rem;
}
.catalog .catalog-content .all-cata .cata-right .all-right .title h1{
	position:relative;
	font-family: MyFutura-BT;
  font-size: 3.25rem;
  text-transform: capitalize;
  color: #272727;
}
.catalog .catalog-content .all-cata .cata-right .all-right .cata-p{
	font-family: MyMyriadPro-R;
  font-size: 1.125rem;
  letter-spacing: 0.5px;
  color: #d7d2d2;
  line-height: 2rem;
  margin: 5% 0% 7%;
}
.catalog .catalog-content .all-cata .cata-right .all-right .down-btn .btn{
	display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  height: 55px;
  line-height: 55px;
  padding: 0px 45px;
  background-color: #ffffff;
  box-shadow: 0px 0px 30px -10px rgba(14,13,13,0.2);
  border-radius: 5px;
}
.catalog .catalog-content .all-cata .cata-right .all-right .down-btn .btn img{
	width: 1.5rem;
	margin-right: 1rem;
}
.catalog .catalog-content .all-cata .cata-right .all-right .down-btn .btn p{
	font-family: MyMyriadPro-R;
  font-size: 1.2rem;
  letter-spacing: 0.3px;
  color: #aacd06;
}
.catalog .catalog-content .all-cata .cata-right .all-right .down-btn a:hover p{
	color: #272727;
}
.privacy .all-privacy{
	width: 70%;
  margin: 5% auto;
}
.privacy .all-privacy .privacy-msg{
	margin:1.5% auto;
}
.privacy .all-privacy .msg-title h1{
	font-family: MyMontserrat-S;
  font-size: 1.8rem;
  color: #000000;
  margin-bottom: 0.8%;
}
.privacy .all-privacy .msg-con p{
	font-family: MyMyriadPro-R;
  font-size: 1.3rem;
  letter-spacing: 0.3px;
  line-height: 2rem;
  color: #000000;
}
.privacy .all-privacy .msg-img{
	display: flex;
	display: -webkit-flex;
	margin-top:2%;
}
.contact .contact-con{
	position:relative;
	overflow: hidden;
}
.contact .contact-con .contact-bc1{
	position: absolute;
  transform: translate(-50%, 0%);
  top: 12%;
  left: 50%;
  width: max-content;
  font-family: MyMontserrat-S;
  font-size: 10rem;
  color: #efeeee;
  text-transform: uppercase;
  letter-spacing: 40px;
}
.contact .contact-con .all-contact{
	position: relative;
  width: 70%;
  margin: 0 auto;
  padding:13% 0% 10%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.contact .contact-con .all-contact .con-left{
	width:50%;
}
.contact .contact-con .all-contact .con-left img{
	width: 68%;
}
.contact .contact-con .all-contact .con-left .all-details{
	position: relative;
  z-index: 22;
	width:62%;
  margin-left: 22%;
  margin-top: -45%;
  background-color: #ffffff;
  padding: 5% 8%;
  box-shadow: 0px 0px 30px rgba(7,1,2,0.2);
  border-radius: 20px;
}
.contact .contact-con .all-contact .con-left .all-details .de-title{
	font-family: MyMontserrat-R;
  font-size: 1.95rem;
  color: #2b2929;
  margin-bottom:5%;
}
.contact .contact-con .all-contact .con-left .all-details .de-title span{
	color:#acce22;
}
.contact .contact-con .all-contact .con-left .all-details .left-details .detail{
	display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  margin-bottom: 5%;
}
.contact .contact-con .all-contact .con-left .all-details .left-details .detail-three{
	margin-bottom: 0%;
}
.contact .contact-con .all-contact .con-left .all-details .left-details .detail img{
	width:1.5rem;
	margin-right:0.5rem;
}
.contact .contact-con .all-contact .con-left .all-details .left-details .detail p{
	font-family: MyMontserrat-L;
  font-size: 0.9rem;
  line-height: 1.6rem;
  color:#1b1a1a;
}
.contact .contact-con .all-contact .con-right{
	width:42%;
	margin-left: 8%;
}
.contact .contact-con .all-contact .con-right .right-title{
	position:relative;
	margin-bottom:10%;
}
.contact .contact-con .all-contact .con-right .right-title img{
	position: absolute;
  top: -1.5rem;
  left: -3rem;
  width: 5.5rem;
}
.contact .contact-con .all-contact .con-right .right-title h1{
	position: relative;
	display: inline-block;
	font-family: MyFutura-BT;
  font-size: 3.25rem;
  color: #1f1f1f;
}
.contact .contact-con .all-contact .con-right .right-title h1 span{
	color:#acce22;
}
.contact .footer .foot-contact{
	display:none;
}
.contact .form .layui-input{
	border:unset;
	border-bottom:1px solid #dedede;
}
.contact .form .layui-textarea{
	border:unset;
	border-bottom:1px solid #dedede;
}
.contact .form .layui-form-item{
	margin-bottom: 25px;
}
.contact .form .name{
	float:left;
	width: 45%;
	clear: unset;
}
.contact .form .business{
	float:right;
	width: 45%;
	clear: unset;
}
.contact .form{
	font-family:MyMontserrat-R;
	color:#252728;
	font-size:0.95rem;
}
.contact .form .btn{
	margin:12% 0% 0% 0%;
	text-align: left;
}
.contact .form .btn .layui-btn{
	background-color:#3c414c;
	color:#fdfdfd;
	box-shadow: 0px 15px 20px rgba(0,0,0,0.25);
}
.contact .form .layui-form input::-webkit-input-placeholder{ 
	font-family:MyMontserrat-R;
	color:#252728;
	font-size:0.95rem;
}
.contact .form .layui-form input:-moz-placeholder{ 
	font-family:MyMontserrat-R;
	color:#252728;
	font-size:0.95rem;
}
.contact .form .layui-form input:-ms-input-placeholder{
	font-family:MyMontserrat-R;
	color:#252728;
	font-size:0.95rem;
}
.contact .form .layui-form textarea::-webkit-input-placeholder{ 
	font-family:MyMontserrat-R;
	color:#252728;
	font-size:0.95rem;
}
.contact .form .layui-form textarea:-moz-placeholder{ 
	font-family:MyMontserrat-R;
	color:#252728;
	font-size:0.95rem;
}
.contact .form textarea:-ms-input-placeholder{
	font-family:MyMontserrat-R;
	color:#252728;
	font-size:0.95rem;
}
.footer .foot-contact{
	background:url(../fodder/home/home-contact.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding:5% 0%;
}
.footer .foot-contact .all-contact{
	width:73%;
  margin: 0% auto;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.footer .foot-contact .all-contact .con-left{
	width: 40%;
}
.footer .foot-contact .all-contact .con-left .left-title{
	position: relative;
  display: inline-block;
}
.footer .foot-contact .all-contact .con-left .left-title img{
	position: absolute;
  top: -1rem;
  left: -2rem;
  width: 5.5rem;
}
.footer .foot-contact .all-contact .con-left .left-title h1{
	position: relative;
	font-family: MyFutura-BT;
  font-size: 3.25rem;
  color: #1f1f1f;
  padding-left: 2rem;
  margin-bottom: 1.8rem;
}
.footer .foot-contact .all-contact .con-left .left-details{
	font-family: MyMyriad-Pro;
  font-size: 1.18rem;
  color: #636363;
  width: 75%;
  line-height: 1.8rem;
  width: 80%;
	font-family: arial;
  font-size:30px;
  line-height:36px;
}
.footer .foot-contact .all-contact .con-left .left-details span{color:#acce22;font-weight:bold;}
.footer .foot-contact .all-contact .con-right{
	width: 60%;
	background-color: #ffffff;
  padding:3.8rem 2.8rem;
  border-radius: 20px;
  box-shadow:2px 2px 27px rgba(7,2,1,0.15);
}
.form .layui-input-block{
  margin-left: 0px;
}
.form .layui-form-item{
	margin-bottom:15px;
}
.form{
	font-family:MyMontserrat-R;
	color:#252728;
	font-size:0.9rem;
}
.form .btn{
	position: relative;
  text-align: center;
  margin-top: -35px;
}
.form .btn .layui-btn{
	height:40px;
	line-height:40px;
	padding: 0px 32px;
  border-radius: 20px;
	font-family:MyMontserrat-R;
	font-size:1rem;
	color:#fdfdfd;
	background-color:#acce22;
	box-shadow:10px 15px 25px rgba(0,0,0,0.25);
}
.form .layui-form input::-webkit-input-placeholder{ 
	font-family:MyMontserrat-R;
	color:#252728;
	font-size:0.9rem;
}
.form .layui-form input:-moz-placeholder{ 
	font-family:MyMontserrat-R;
	color:#252728;
	font-size:0.9rem;
}
.form .layui-form input:-ms-input-placeholder{
	font-family:MyMontserrat-R;
	color:#252728;
	font-size:0.9rem;
}
.form .layui-form textarea::-webkit-input-placeholder{ 
	font-family:MyMontserrat-R;
	color:#252728;
	font-size:0.9rem;
}
.form .layui-form textarea:-moz-placeholder{ 
	font-family:MyMontserrat-R;
	color:#252728;
	font-size:0.9rem;
}
.form textarea:-ms-input-placeholder{
	font-family:MyMontserrat-R;
	color:#252728;
	font-size:0.9rem;
}
.footer .foot-nav{
	position: relative;
	background-color: #3c414c;
  padding:4% 0% 3%;
}
.footer .foot-nav .foot-back{
	position: absolute;
  transform: rotate(-90deg);
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  padding:10px;
  background-color: #aacd06;
}
.footer .foot-nav .foot-back:hover img{
	opacity: 0.5;
}
.footer .foot-nav .all-nav{
	width: 80%;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
}
.footer .foot-nav .all-nav .nav-one{
	width:35%;
}
.footer .foot-nav .all-nav .nav-two{
	width:30%;
}
.footer .foot-nav .all-nav .nav-three{
	width:35%;
}
.footer .foot-nav .all-nav .nav-con .foot-title{
	display: flex;
  display: -webkit-flex;
  align-items:center;
  margin-bottom: 1rem;
}
.footer .foot-nav .all-nav .nav-con .foot-title img{
	width: 0.5rem;
  margin-right: 0.5rem;
}
.footer .foot-nav .all-nav .nav-con .foot-title h1{
	font-family: MyFutura-BT;
  font-size: 1.56rem;
  text-transform: uppercase;
  color: #fbfafa;
}
.footer .foot-nav .all-nav .nav-con .foot-ul .ul-li{
	display: flex;
  display: -webkit-flex;
  align-items:flex-start;
  margin-bottom: 1rem;
}
.footer .foot-nav .all-nav .nav-con .foot-ul .ul-li img{
	width: 1rem;
	margin:0.3rem 0.5rem 0rem 0rem;
}
.footer .foot-nav .all-nav .nav-con .foot-ul .ul-li h2{
	font-family:MyMontserrat-L;
	text-transform: capitalize;
	color:#fbfafa;
	font-size: 1.15rem;
  letter-spacing: 0.5px;
}
.footer .foot-nav .all-nav .nav-con .foot-ul .ul-li a:hover h2{
	color: #acce22;
}
.footer .foot-nav .all-nav .nav-con .foot-ul .ul-li p{
	font-family: MyMontserrat-L;
  color: #fbfafa;
  font-size: 0.9rem;
  letter-spacing: 0.5px;
  line-height: 1.6rem;
}
.footer .foot-nav .all-nav .nav-one .foot-logo{
	width:8rem;
}
.footer .foot-nav .all-nav .nav-one .foot-logo img{
	margin-top: -1rem;
}
.footer .foot-nav .all-nav .nav-one .foot-p{
	width:80%;
	font-family:MyFutura-BT;
	font-size:0.95rem;
	color:#fbf7f7;
	line-height:1.6rem;
	margin-top: 6%;
}
.footer .foot-bottom{
	font-family:MyFutura-BT;
	font-size:0.95rem;
	text-align:center;
	color:#080808;
	padding: 0.8% 0%;
}
.footer .foot-bottom p{
	color:#080808;
}
.footer .foot-bottom a{
	display: inline-block;
	padding-top:5px;
}
.footer .foot-bottom a:hover{
	opacity: 0.6;
}
@media screen and (max-width:991px){
	.goog-te-menu-frame{
		top:60px !important;
		margin-left: -8px;
	}
	.nav .nav-content{
		width: 90%;
		padding: 1rem 0rem;
	}
	.nav .nav-content .nav-ul ul .li-show{
		display:none;
	}
	.nav .nav-content .nav-logo{
		display: block;
    width: 9rem;
    margin: 0rem auto;
	}
	.nav .nav-content .nav-ul{
		width: calc(100% - 12.5rem);
		padding-top: 0.5rem;
	}
	.nav .nav-content .nav-ul ul{
		display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
	}
	.nav .nav-content .nav-ul ul .li-lang{
		display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center; 
    font-size: 1.1rem;
	}
	.nav .nav-content .nav-ul ul .li-lang .nav-auto{
		display: block;
    margin-left:30px;
	}
	.nav .nav-content .nav-ul ul .li-lang .nav-auto .auto-line{
		width:38px;
    padding:0px 10px;
	}
	.nav .nav-content .nav-ul ul .li-lang .nav-auto .auto-line .auto-span{
		position: relative;
    display: block;
    height: 15px;
	}
	.nav .nav-content .nav-ul ul .li-lang .nav-auto .auto-line .auto-span .line-content{
		position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #333 !important;
    transition: all 1s ease;
    -webkit-transition: all auto 1s ease;
    -moz-transition: all auto 1s ease;
    -ms-transition: all auto 1s ease;
	}
	.nav .nav-content .nav-ul ul .li-lang .nav-auto .auto-line .auto-span .line-two{
		top: 7px;
	}
	.nav .nav-content .nav-ul ul .li-lang .nav-auto .auto-line .auto-span .line-three{
		top: 14px;
	}
	.line-onetrans{
		transform: translateY(7px) rotate(45deg);
    -webkit-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    -moz-transform: translateY(7px) rotate(45deg);
	}
	.line-twotrans{
		opacity: 0;
	}
	.line-threetrans{
		transform: translateY(-7px) rotate(-45deg);
    -webkit-transform: translateY(-7px) rotate(-45deg);
    -moz-transform: translateY(-7px) rotate(-45deg);
    -ms-transform: translateY(-7px) rotate(-45deg);
	}
	.auto-hide{
		position: fixed;
		top: 90px;
    height: 100%;
    display: block;
    background-color: #ffffff !important;
    width: 100%;
    padding-top: 1.5rem;
    z-index: 99999;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -moz-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -ms-transition: all 1s cubic-bezier(.77, 0, .175, 1);
	}
	.auto-show{
		transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
	}
	.auto-hide .auto-ul li{
		padding:1rem 0rem 0.5rem 2.2rem;
	}
	.auto-hide .auto-ul .auto-child{
		padding-top:0.5rem;
	}
	.auto-hide .auto-ul .auto-child li{
		padding:0.5rem 0rem 0.5rem 2.2rem;
	}
	.auto-hide .auto-ul li a{
		display:inline-block;
	}
	.auto-hide .auto-ul h1{
		font-family: MyCenturyb;
  	font-size: 1.2rem;
  	color: #797a79;
  	letter-spacing: 0.5px;
  	text-transform: uppercase;
	}
	.auto-hide .auto-ul .li-product .auto-child  li{
		padding:0.5rem 0rem 0.2rem 2rem;
	}
	.auto-hide .auto-ul h2{
		font-family: MyCenturyr;
  	font-size: 1rem;
  	color: #797a79;
  	letter-spacing:0.5px;
	}
	.load-nav{
		position: sticky;
    top: 0px;
    z-index: 9999;
    background-color: #ffffff;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	}
}
@media screen and (min-width:1500px) and (max-width:1700px){
	.nav .nav-content{
		padding: 2.5rem 0rem 2rem;
	}
	.nav .nav-content .nav-ul ul .li-home{
		width: 10rem;
		padding: 0% 3%;
	}
	.home .home-content .home-kitchen{
		margin: 6% 0% 7%;
	}
	.home .home-content .home-kitchen .kit-top{
		width: 70%;
	}
	.home .home-content .home-kitchen .kit-top .top-left .left-title h1{
		font-size:3.5rem;
	}
	.home .home-content .home-kitchen .kit-top .top-left .left-con .left-p{
		width: 75%;
	}
	.home .home-content .home-kitchen .kit-top .top-right .swiper-container .prev-next{
		width:3rem;
	}
	.home .home-content .home-kitchen .kit-bottom .slide-content h1{
		font-size: 2.2rem;
	}
	.home .home-content .zinc-brass .zb-title .title-one{
		font-size:2rem;
	}
	.home .home-content .zinc-brass .zb-title .title-two h1{
		font-size: 3.2rem;
	}
	.home .home-content .zinc-brass .zb-product{
		margin: 5% auto 8%;
	}
	.home .home-content .zinc-brass .zb-product .zb-one{
		width: 85%;
	}
	.home .home-content .zinc-brass .zb-product .zb-two{
		width: 90%;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img .img-con{
		top: 1.2rem;
    left: 1.2rem;
	}
	.home .home-care .all-care{
		width: 85%;
	}
	.home .home-care .care-bc1{
		width: 70%;
	}
	.home .home-care .care-bc2{
		font-size:4.5rem;
	}
	.home .home-care .all-care .care-right .all-right{
		width: 88%;
    margin-left: 12%;
	}
	.home .home-care .all-care .care-right .all-right .img-text .img{
	  width: 4rem;
	  margin-right: 1.2rem;
	}
	.home .home-care .all-care .care-right .all-right .text-two .img{
		width:6.8rem;
	}
	.home .home-care .all-care .care-right .all-right .img-text h1{
		font-size:1.5rem;
	}
	.home .home-care .all-care .care-right .all-right .img-text p{
		font-size:1.1rem;
		line-height: 2rem;
	}
	.home .home-news{
		width: 88%;
		margin: 10% auto 5%;
	}
	.home .home-news .new-slide .img-con .img{
		width:85%;
	}
	.home .home-news .new-slide .img-con .con{
		width: 80%;
		margin-left: 7%;
	}
	.home .home-news .new-slide .img-con .con p{
		font-size: 1.25rem;
	}
	.about .about-content .all-about .title-img h1{
		font-size: 3rem;
	}
	.about .about-content .all-about .all-width{
		width: 88%;
	}
	.about .all-about .about-brief{
		padding: 9% 0% 7%;
	}
	.about .all-about .about-brief .brief .brief-text .text-p{
		font-size: 1.2rem;
		line-height: 2rem;
	}
	.about .all-about .about-brief .brief-two{
		margin-top: 10%;
	}
	.about .all-about .about-brief .brief-two .text-title{
		width: 9rem;
	}
	.about .all-about .about-factory{
		padding: 4% 0% 8%;
	}
	.about .all-about .about-exhibi{
		padding-bottom:7%;
	}
	.about .all-about .about-exhibi .exhibi-img{
		margin-top:6%;
	}
	.about .all-about .about-exhibi .exhibi-img .slide-two{
		margin:0% 0% 10% 0%;
	}
	.about .all-about .about-exhibi .exhibi-img .exhibi-slide .con{
		font-size: 1.5rem;
		line-height: 2.2rem;
		padding: 5% 0% 5% 3%;
		margin: -5rem 0rem 0rem -1.2rem;
	}
	.about .all-about .about-certifi .all-certifi{
		width: 80%;
    margin: 6% auto 5%;
	}
	.about .all-about .about-certifi .all-certifi .certifi-slide{
		margin-top:6%;
	}
	.about .all-about .about-serve .all-width .serve-left .left-p{
		font-size: 1.3rem;
		line-height: 2.5rem;
		margin-top: 6%;
	}
	.about .all-about .about-serve .all-width .serve-right .right-con{
		font-size: 1.1rem;
	}
	.pros .pros-content .pro-screen .screen-con{
		bottom: 25%;
    font-size: 4rem;
	}
	.pros .pros-content .pro-nav .li-nav h1{
		font-size: 1rem;
		padding: 1.2rem 0rem;
	}
	.pros .pros-content .title-img h1{
		font-size:3rem;
	}
	.product-details .prodetail-content .pro-con .all-pro{
		width:72%;
	}
	.product-details .prodetail-content .pro-con .all-pro .pro-right .right-item{
		font-size: 1.5rem;
	}
	.bathroom .bathroom-content .new-title p{
		font-size: 1.2rem;
	}
	.bathroom .bathroom-content .new-design{
		padding:6% 0%;
	}
	.bathroom .bathroom-content .new-design .all-new{
		width:75%;
	}
	.bathroom .bathroom-content .new-design .all-new .new-pro .img-text .text{
		margin-top: 1.5rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-top{
		width: 75%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-right .prev-next{
		width: 3rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-left .left-title h1{
		font-size: 3.5rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-bottom .slide-content h1{
		font-size: 2.2rem;
	}
	.bathroom .bathroom-content .shower-column .all-shower{
		width:75%;
		margin: 8% auto;
	}
	.kitchen .kitchen-content .kitchen-popular{
		padding:7.5% 0%;
	}
	.kitchen .kitchen-content .kitchen-popular .all-popular{
		width: 85%;
	}
	.kitchen .kitchen-content .new-title p{
		font-size:1.2rem;
	}
	.kitchen .kitchen-content .kitchen-popular .popular-pro .img-text{
		width:22.75%;
		margin-right:3%;
	}
	.kitchen .kitchen-content .kitchen-popular .popular-pro .new-four{
		margin-right:0%;
	}
	.kitchen .kitchen-content .kitchen-popular .popular-pro .img-text .text{
		font-size:1.1rem;
	}
	.kitchen .kitchen-content .bzc{
		padding:6% 0%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .new-title .title-top{
		font-size: 2rem;
		margin-bottom:2%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .new-title .title-item{
		margin-top:1%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg{
		margin-top: 6%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs .img-con h1{
		font-size: 1.1rem;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc{
		width:85%;
	}
	.other .other-content .pro-screen .screen-con h2{
		width: 40%;
	}
	.other .other-content .other-pro .all-other{
		width: 90%;
	  margin: 5% auto 6%;
	}
	.catalog .catalog-content .all-cata{
		padding: 8% 0% 10%;
	}
	.privacy .all-privacy{
		width: 70%;
	  margin: 5% auto;
	}
	.privacy .all-privacy .privacy-msg{
		margin:2.2% auto;
	}
	.privacy .all-privacy .msg-title h1{
	  margin-bottom: 1%;
	}
	.privacy .all-privacy .msg-img{
		margin-top:2%;
	}
	.contact .contact-con .all-contact{
		width: 80%;
    padding: 14% 0% 13%;
	}
	.contact .contact-con .all-contact .con-left img{
		width:75%;
	}
	.contact .contact-con .all-contact .con-left .all-details{
		width: 65%;
		margin-left: 18%;
		padding: 5% 6%;
	}
	.contact .contact-con .all-contact .con-left .all-details .left-details .detail img{
		width: 1.3rem;
	}
	.contact .contact-con .all-contact .con-left .all-details .left-details .detail p{
		line-height: 1.4rem;
	}
	.footer .foot-contact .all-contact .con-left .left-title h1{
		font-size: 3rem;
	}
	.footer .foot-contact .all-contact .con-left .left-details{
		font-size:1.1rem; 
	  font-size:24px;
	  line-height:30px;
	}
	.footer .foot-nav .all-nav{
		width:85%;
	}
	.footer .foot-nav .all-nav .nav-con .foot-title h1{
		font-size:1.5rem;
	}
	.footer .foot-nav .all-nav .nav-con .foot-ul .ul-li h2{
		font-size:1.1rem;
	}
}
@media screen and (min-width:1380px) and (max-width:1500px){
	.nav .nav-content{
		padding: 2rem 0rem 2rem;
	}
	.nav .nav-content .nav-ul ul .li-home{
		width: 8.5rem;
    padding: 0% 2%;
	}
}
@media screen and (min-width:1200px) and (max-width:1379px){
	.nav .nav-content{
		flex-wrap: wrap;
    padding: 1.5rem 0rem 2rem;
	}
	.nav .nav-content .logo-hide{
		display: block;
    width: 10rem;
    margin: 0rem auto 1.8rem;
	}
	.nav .nav-content .nav-ul ul .li-home{
		display: none;
	}
}
@media screen and (min-width:1200px) and (max-width:1500px){
	.nav .nav-content .nav-ul ul .li-other img{
		margin-left:-0.3rem;
		margin-right:0rem;
	}
	.home .all-screen .screen-content .con-right h1{
		font-size: 3.5rem;
	}
	.btn-a{
		margin-top:1.5rem;
	}
	.home .home-content .home-kitchen{
		margin:8% 0% 9%;
	}
	.home .home-content .home-kitchen .kit-top{
		width:80%;
	}
	.home .home-content .home-kitchen .kit-top .top-left .left-title h1{
		font-size:3rem;
	}
	.home .home-content .home-kitchen .kit-top .top-left .left-con .left-p{
		width:85%;
	}
	.home .home-content .home-kitchen .kit-top .top-right .swiper-container .prev-next{
		width:3rem;
	}
	.home .home-content .home-kitchen .kit-top .top-right .swiper-container .swiper-button-prev{
		left:-5%;
	}
	.home .home-content .home-kitchen .kit-top .top-right .swiper-container .swiper-button-next{
		right:-10%;
	}
	.home .home-content .home-kitchen .kit-bottom .slide-content h1{
		font-size: 1.8rem;
    margin-left: 2.5rem;
	}
	.home .home-content .zinc-brass .zb-title .title-one{
		font-size:2rem;
	}
	.home .home-content .zinc-brass .zb-title .title-two{
		margin: 1.2rem 0rem 2rem;
	}
	.home .home-content .zinc-brass .zb-title .title-two h1{
		font-size:3rem;
	}
	.home .home-content .zinc-brass .zb-title .title-item .item{
		margin: 0rem 0.8rem;
	}
	.home .home-content .zinc-brass .zb-product{
		margin: 5% auto 8%;
	}
	.home .home-content .zinc-brass .zb-product .zb-one{
		width: 90%;
	}
	.home .home-content .zinc-brass .zb-product .zb-two{
		width: 95%;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img .img-con{
		top: 1rem;
    left: 1rem;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img .img-con h1{
		font-size:1.1rem;
	}
	.home .home-content .home-zinc .zb-product .zb-imgs .zb-img{
		padding-top: 1rem;
    background-color: #f5f5f6;
	}
	.home .home-content .home-brass .zb-product .zb-imgs .zb-img{
		padding-top: 1rem;
    background-color: #ffffff;
	}
	.home .home-content .home-brass{
		padding:5% 0% 7%;
	}
	.home .home-content .home-brass .zb-product{
		margin-bottom:0%;
	}
	.home .home-care .all-care{
		width:90%;
	}
	.home .home-care .care-bc1{
		width: 85%;
	}
	.home .home-care .care-bc2{
		font-size:3.5rem;
		left: 2rem;
	}
	.home .home-care .all-care .care-left{
		width:24rem;
	}
	.home .home-care .all-care .care-left img{
		width:100%;
	}
	.home .home-care .all-care .care-right{
		width:calc(100% - 24rem);
	}
	.home .home-care .all-care .care-right .all-right{
		width: 90%;
    margin-left: 10%;
	}
	.home .home-care .all-care .care-right .all-right .img-text .img{
	  width: 4rem;
	  margin-right: 1.2rem;
	  padding: 1rem;
	}
	.home .home-care .all-care .care-right .all-right .text-two .img{
		width: 5rem;
	}
	.home .home-care .all-care .care-right .all-right .img-text{
		margin-bottom:5%;
	}
	.home .home-care .all-care .care-right .all-right .img-text h1{
		font-size:1.5rem;
	}
	.home .home-care .all-care .care-right .all-right .img-text p{
		font-size:1.1rem;
		line-height: 1.8rem;
	}
	.home .home-news{
		width:90%;
		margin: 10% auto 6%;
	}
	.home .home-news .news-title h1{
		font-size: 3rem;
	}
	.home .home-news .new-slide .img-con .img{
		width:90%;
	}
	.home .home-news .new-slide .img-con .con{
		width: 80%;
		margin:-10% 0% 0% 7%;
		padding: 1rem 5px 1.5rem 1rem;
	}
	.home .home-news .new-slide .img-con .con p{
		font-size: 1.15rem;
    line-height: 1.8rem;
    margin-bottom: 0rem;
	}
	.home .home-news .new-slide .swiper-container .prev-next{
		width: 4.5rem;
		right: 0rem;
	}
	.home .home-news .new-slide .swiper-container .swiper-button-prev{
		right:5rem;
	}
	.about .about-content .all-about .title-img h1{
		font-size:2.8rem;
	}
	.about .about-content .all-about .all-width{
		width:90%;
	}
	.about .all-about .about-brief{
		padding:10% 0% 8%;
	}
	.about .all-about .about-brief .brief .brief-text .text-p{
		font-size: 1.1rem;
    line-height: 2rem;
    margin-top: 5%;
	}
	.about .all-about .about-brief .brief-one .brief-img .img{
		width: 95%;
	}
	.about .all-about .about-brief .brief-one .brief-text .all-text{
		width: 90%;
    margin-left: 10%;
	}
	.about .all-about .about-brief .brief-two{
		margin-top: 10%;
	}
	.about .all-about .about-brief .brief-two .brief-text{
		width: 43%;
    margin-right: 2%;
	}
	.about .all-about .about-brief .brief-two .text-title{
		width: 7.5rem;
	}
	.about .all-about .about-factory{
		padding:4% 0% 10%;
	}
	.about .all-about .about-factory .fac-bc{
		height: 60%;
	}
	.about .all-about .about-exhibi{
		padding-bottom:8%;
	}
	.about .all-about .about-exhibi .exhibi-img{
		margin-top:6%;
	}
	.about .all-about .about-exhibi .exhibi-img .exhibi-slide .con{
		font-size: 1.3rem;
    line-height: 2rem;
    padding: 5% 0% 5% 5%;
		margin: -3rem 0rem 0rem -1.2rem;
	}
	.about .all-about .about-exhibi .exhibi-img .slide-two{
		margin:0% 0% 10% 0%;
	}
	.about .all-about .about-exhibi .exhibi-img .slide-two .con{
		width: 80%;
	}
	.about .all-about .about-certifi .all-certifi{
		width: 85%;
    margin: 7% auto 6%;
	}
	.about .all-about .about-certifi .all-certifi .certifi-slide{
		margin-top:6%;
	}
	.about .all-about .about-serve{
		padding: 9% 0% 7%;
	}
	.about .all-about .about-serve .all-width .serve-left .left-p{
		font-size: 1.2rem;
		line-height:2rem;
		margin-top: 6%;
	}
	.about .all-about .about-serve .all-width .serve-right .right-con{
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.pros .pros-content .pro-screen .screen-con{
		bottom: 30%;
    font-size: 3rem;
	}
	.pros .pros-content .pro-nav .li-nav h1{
		font-size: 1rem;
		padding: 1.2rem 0rem;
	}
	.pros .pros-content .title-img h1{
		font-size:2.8rem;
	}
	.product-details .prodetail-content .pro-title{
		padding:7% 0% 5%;
	}
	.product-details .prodetail-content .pro-con .all-pro{
		width:78%;
	}
	.product-details .prodetail-content .pro-con .all-pro .pro-right .right-item{
		font-size: 1.3rem;
	}
	.product-details .prodetail-content .pro-con .all-pro .pro-left{
		width:52%;
	}
	.product-details .prodetail-content .pro-con .all-pro .pro-right{
		padding-left:3%;
		width: 48%;
	}
	.product-details .prodetail-content .pro-con .all-pro .href-img{
		width:3.5rem;
	}
	.bathroom .bathroom-content .new-title p{
		font-size: 1.1rem;
	}
	.bathroom .bathroom-content .new-design{
		padding:8% 0%;
	}
	.bathroom .bathroom-content .new-design .all-new{
		width:85%;
	}
	.bathroom .bathroom-content .new-design .all-new .new-pro .img-text .text{
		margin-top:1.2rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-top{
		width: 80%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-right .prev-next{
		width: 3rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-right .swiper-button-prev{
		left:-5%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-right .swiper-button-next{
		right: -10%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-left .left-title h1{
		font-size: 3rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-bottom .slide-content h1{
		font-size: 1.8rem;
    margin-left: 2.5rem;
	}
	.bathroom .bathroom-content .shower-column .all-shower{
		width: 80%;
    padding: 5% 0% 8%;
    margin: 0 auto;
	}
	.kitchen .kitchen-content .kitchen-popular{
		padding:7.5% 0%;
	}
	.kitchen .kitchen-content .kitchen-popular .all-popular{
		width: 85%;
	}
	.kitchen .kitchen-content .new-title p{
		font-size:1.1rem;
	}
	.kitchen .kitchen-content .kitchen-popular .popular-pro .img-text{
		width:23.5%;
		margin-right:2%;
	}
	.kitchen .kitchen-content .kitchen-popular .popular-pro .new-four{
		margin-right:0%;
	}
	.kitchen .kitchen-content .kitchen-popular .popular-pro .img-text .text{
		font-size:1.1rem;
	}
	.kitchen .kitchen-content .bzc{
		padding:6% 0% 7%;
	}
	.kitchen .kitchen-content .bzc .all-bzc{
		width:95%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .new-title .title-top{
		font-size: 2rem;
		margin-bottom:2%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .new-title .title-item{
		margin-top:1%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg{
		margin-top: 6%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs{
		padding:1rem 0rem;
		background-color:#ffffff;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs .img-con h1{
		font-size: 1.1rem;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc{
		width:90%;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs{
		padding:0rem;
	}
	.other .other-content .pro-screen .screen-con h2{
		width: 55%;
	}
	.other .other-content .other-pro .all-other{
		width:95%;
	  margin:5% auto 8%;
	}
	.other .other-content .other-pro .all-other .all-item{
		width: 22%;
    margin: 10% 3% 0% 0%;
	}
	.other .other-content .other-pro .all-other .all-item h1{
		font-size: 1.3rem;
	}
	.other .other-content .other-pro .all-other .other-item .item{
		font-size: 1.2rem;
	}
	.other .other-content .other-pro .all-other .other-img{
		width:75%;
	}
	.other .other-content .other-pro .all-other .other-img .all-otherImg .imgs .img-con{
		margin: 3% 7% 9% 0%;
	}
	.catalog .catalog-content .all-cata{
		padding: 10% 0% 12%;
	}
	.catalog .catalog-content .all-cata .cata-left .img{
		width: 25rem;
	}
	.catalog .catalog-content .all-cata .cata-right .all-right{
		width: 70%;
    text-align: center;
    margin-left: 12%;
	}
	.catalog .catalog-content .all-cata .cata-right .all-right .title h1{
		font-size:2.8rem;
	}
	.privacy .all-privacy{
		width: 75%;
	  margin: 5% auto;
	}
	.privacy .all-privacy .privacy-msg{
		margin:2.5% auto;
	}
	.privacy .all-privacy .msg-title h1{
	  margin-bottom: 1%;
	}
	.privacy .all-privacy .msg-con p{
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
	.privacy .all-privacy .msg-img{
		margin-top:2%;
	}
	.contact .contact-con .contact-bc1{
		font-size: 8rem;
    letter-spacing: 20px;
	}
	.contact .contact-con .all-contact{
		width:85%;
    padding: 14% 0% 13%;
	}
	.contact .contact-con .all-contact .con-left img{
		width:80%;
	}
	.contact .contact-con .all-contact .con-left .all-details{
		width: 75%;
    margin-left: 10%;
    padding: 5% 6%;
	}
	.contact .contact-con .all-contact .con-left .all-details .left-details .detail img{
		width:1.2rem;
	}
	.contact .contact-con .all-contact .con-left .all-details .left-details .detail p{
		line-height: 1.4rem;
	}
	.contact .contact-con .all-contact .con-right{
		width: 45%;
    margin-left: 5%;
	}
	.contact .contact-con .all-contact .con-right .right-title h1{
		font-size:2.8rem;
	}
	.footer .foot-contact{
		padding:7% 0%;
	}
	.footer .foot-contact .all-contact{
		width: 85%;
	}
	.footer .foot-contact .all-contact .con-left .left-title h1{
		font-size: 3rem;
	}
	.footer .foot-contact .all-contact .con-left .left-details{
		font-size:1.1rem;
		width: 85%;
	  font-size:24px;
	  line-height:30px;
	}
	.footer .foot-nav{
		padding: 5% 0% 4%;
	}
	.footer .foot-nav .all-nav{
		width:90%;
	}
	.footer .foot-nav .foot-back{
		width: 36px;
    height: 36px;
	}
	.footer .foot-nav .all-nav .nav-one .foot-p{
		width:85%;
	}
	.footer .foot-nav .all-nav .nav-con .foot-title h1{
		font-size:1.5rem;
	}
	.footer .foot-nav .all-nav .nav-con .foot-ul .ul-li h2{
		font-size:1.1rem;
	}
	.footer .foot-nav .all-nav .nav-con .foot-ul .ul-li p{
		line-height:1.5rem;
	}
}
@media screen and (min-width:992px) and (max-width:1199px){
	.nav .nav-content{
		flex-wrap: wrap;
    padding: 1.5rem 0rem 2rem;
	}
	.nav .nav-content .logo-hide{
		display: block;
    width: 9rem;
    margin: 0rem auto 1.8rem;
	}
	.nav .nav-content .nav-ul ul{
		display: flex;
    display: -webkit-flex;
    align-items: center;
	}
  .nav .nav-content .nav-ul ul .nav-li{
		width:9%;
	}
	.nav .nav-content .nav-ul ul .li-home{
		width:0%;
		padding:0%;
		display: none;
	}
	.nav .nav-content .nav-ul ul .li-bathroom{
		width:12%;
	} 
	.nav .nav-content .nav-ul ul .li-other{
		width:13%;
	} 
	.nav .nav-content .nav-ul ul .li-down{
		width:23%;
	} 
	.nav .nav-content .nav-ul ul .li-about{
		width:12%;
	} 
	.nav .nav-content .nav-ul ul .li-contact{
		padding-right:1.5%;
	}
	.nav .nav-content .nav-ul ul .nav-li h1{
		white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	}
	.nav .nav-content .nav-ul .child{
		display:block;
	}
	.home .all-screen .screen-content .con-right h1{
		font-size:2.7rem;
	}
	.btn-a{
		margin-top:1.5rem;
	}
	.btn-a p{
		height: 38px;
    line-height: 38px;
    padding: 0px 30px;
	}
	.home .home-content .home-kitchen{
		margin:8% 0% 9%;
	}
	.home .home-content .home-kitchen .kit-top{
		width: 85%;
	}
	.home .home-content .home-kitchen .kit-top .top-left .left-title h1{
		font-size:2.5rem;
	}
	.home .home-content .home-kitchen .kit-top .top-left .left-con .left-p{
		width: 90%;
    margin: 8% 0% 5%;
	}
	.home .home-content .home-kitchen .kit-top .top-right .swiper-container .prev-next{
		width:2.5rem;
	}
	.home .home-content .home-kitchen .kit-top .top-right .swiper-container .swiper-button-prev{
		left:-5%;
	}
	.home .home-content .home-kitchen .kit-top .top-right .swiper-container .swiper-button-next{
		right:-10%;
	}
	.home .home-content .home-kitchen .kit-bottom .slide-content{
		padding: 1rem 0rem 1.5rem;
	}
	.home .home-content .home-kitchen .kit-bottom .slide-content h1{
		font-size: 1.6rem;
    margin-left: 2rem;
	}
	.home .home-content .home-kitchen .kit-bottom .slide-content h1:after{
		top:115%;
	}
	.home .home-content .zinc-brass .zb-title .title-one{
		font-size:2rem;
	}
	.home .home-content .zinc-brass .zb-title .title-two{
		margin: 1.2rem 0rem 2rem;
	}
	.home .home-content .zinc-brass .zb-title .title-two h1{
		font-size:3rem;
	}
	.home .home-content .zinc-brass .zb-title .title-item .item{
		margin: 0rem 0.8rem;
		padding: 0px 25px;
	}
	.change-btn{
		box-shadow: 3px 8px 15px rgba(0,0,0,0.2) !important;
	}
	.home .home-content .zinc-brass .zb-product{
		margin: 5% auto 8%;
	}
	.home .home-content .zinc-brass .zb-product .zb-one{
		width:95%;
	}
	.home .home-content .zinc-brass .zb-product .zb-two{
		width:95%;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img .img-con{
		top: 1rem;
    left: 1rem;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img .img-con h1{
		font-size:1.1rem;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img .img-con h2{
		font-size: 0.8rem;
	}
	.home .home-content .home-zinc .zb-product .zb-imgs .zb-img{
		padding: 1.5rem 0rem 0rem;
    background-color: #f5f5f6;
	}
	.home .home-content .home-brass .zb-product .zb-imgs .zb-img{
		padding-top: 1rem;
    background-color: #ffffff;
	}
	.home .home-content .home-brass{
		padding:5% 0% 7%;
	}
	.home .home-content .home-brass .zb-product{
		margin-bottom:0%;
	}
	.home .home-care .all-care{
		width:90%;
	}
	.home .home-care .care-bc1{
		width: 85%;
	}
	.home .home-care .care-bc2{
		font-size:3.5rem;
		left: 2rem;
	}
	.home .home-care .all-care .care-left{
		width:24rem;
	}
	.home .home-care .all-care .care-left img{
		width:100%;
	}
	.home .home-care .all-care .care-right{
		width:calc(100% - 24rem);
	}
	.home .home-care .all-care .care-right .all-right{
		width: 92%;
    margin-left: 8%;
	}
	.home .home-care .all-care .care-right .all-right .img-text .img{
	  width: 4rem;
	  margin:-0.2rem 1.2rem 0rem 0rem;
	  padding: 1rem;
	}
	.home .home-care .all-care .care-right .all-right .text-two .img{
		width: 5rem;
	}
	.home .home-care .all-care .care-right .all-right .img-text{
		margin-bottom:5%;
	}
	.home .home-care .all-care .care-right .all-right .img-text h1{
		font-size:1.5rem;
	}
	.home .home-care .all-care .care-right .all-right .img-text p{
		font-size:1.05rem;
		line-height: 1.8rem;
	}
	.home .home-news{
		width:95%;
		margin: 10% auto 6%;
	}
	.home .home-news .news-title h1{
		font-size: 3rem;
	}
	.home .home-news .new-slide .img-con .img{
		width:90%;
	}
	.home .home-news .new-slide .img-con .con{
		width: 80%;
		margin:-10% 0% 0% 7%;
		padding: 1rem 5px 1.5rem 1rem;
	}
	.home .home-news .new-slide .img-con .con p{
		font-size: 1rem;
    line-height: 1.6rem;
    margin-bottom: 0rem;
	}
	.home .home-news .new-slide .swiper-container .prev-next{
		width:4rem;
		right: 0rem;
	}
	.home .home-news .new-slide .swiper-container .swiper-button-prev{
		right:4rem;
	}
	.all-bc{
		height:4rem;
	}
	.about .about-content .all-about .title-img h1{
		font-size:2.8rem;
	}
	.about .about-content .all-about .all-width{
		width:92%;
	}
	.about .about-content .all-about .prev-next{
		width:4.5rem;
	}
	.about .about-content .all-about .swiper-button-prev{
		right: 6rem;
	}
	.about .all-about .about-brief{
		padding: 9% 0%;
	}
	.about .all-about .about-brief .brief .brief-text .text-p{
		font-size: 1.05rem;
    line-height: 1.8rem;
    margin-top: 5%;
	}
	.about .all-about .about-brief .brief-one .brief-img .img{
		width: 95%;
	}
	.about .all-about .about-brief .brief-one .brief-text .all-text{
		width: 90%;
    margin-left: 10%;
	}
	.about .all-about .about-brief .brief-two{
		margin-top: 10%;
	}
	.about .all-about .about-brief .brief-two .brief-text{
		width: 43%;
    margin-right: 2%;
	}
	.about .all-about .about-brief .brief-two .text-title{
		width: 7.5rem;
	}
	.about .all-about .about-factory{
		padding:5% 0% 10%;
	}
	.about .all-about .about-factory .fac-bc{
		height: 60%;
	}
	.about .all-about .about-factory .fac-slide{
		margin-top:4%;
	}
	.about .all-about .about-exhibi{
		padding-bottom:8%;
	}
	.about .all-about .about-exhibi .exhibi-img{
		margin-top:6%;
	}
	.about .all-about .about-exhibi .exhibi-img .exhibi-slide .con{
		font-size: 1.1rem;
    line-height: 1.8rem;
    padding: 5% 0% 5% 5%;
		margin: -3rem 0rem 0rem -1rem;
		box-shadow: 0px 0px 20px rgba(7,1,2,0.15);
	}
	.about .all-about .about-exhibi .exhibi-img .slide-two{
		margin:0% 0% 10% 0%;
	}
	.about .all-about .about-exhibi .exhibi-img .slide-two .con{
		width: 80%;
	}
	.about .all-about .about-certifi .all-certifi{
		width: 90%;
    margin: 7% auto 6%;
	}
	.about .all-about .about-certifi .all-certifi .certifi-slide{
		margin-top:6%;
	}
	.about .all-about .about-serve{
		padding: 9% 0%;
	}
	.about .all-about .about-serve .all-width .serve-left{
		width: 37%;
    margin-right: 2%;
	}
	.about .all-about .about-serve .all-width .serve-right{
		width: 58%;
    padding-left: 3%;
	}
	.about .all-about .about-serve .all-width .serve-left .left-p{
		font-size: 1.15rem;
		line-height:2rem;
		margin-top: 6%;
	}
	.about .all-about .about-serve .all-width .serve-right .right-con{
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.pros .pros-content .pro-screen .screen-con{
		bottom: 30%;
    font-size: 2.8rem;
	}
	.pros .pros-content .pro-nav .li-nav h1{
		font-size: 1rem;
		padding: 1.2rem 0rem;
	}
	.pros .pros-content .title-img h1{
		font-size:2.8rem;
	}
	.product-details .prodetail-content .pro-title{
		padding:7% 0% 5%;
	}
	.product-details .prodetail-content .pro-con .all-pro{
		width:85%;
	}
	.product-details .prodetail-content .pro-con .all-pro .pro-right .right-item{
		font-size: 1.2rem;
		margin-bottom: 1rem;
	}
	.product-details .prodetail-content .pro-con .all-pro .pro-left{
		width:52%;
	}
	.product-details .prodetail-content .pro-con .all-pro .pro-right{
		padding-left:3%;
		width: 48%;
	}
	.product-details .prodetail-content .pro-con .all-pro .href-img{
		width:3rem;
	}
	.product-details .prodetail-content .pro-con .all-pro .img-left{
		left:-8%;
	}
	.product-details .prodetail-content .pro-con .all-pro .img-right{
		right:-8%;
	}
	.product-details .prodetail-content .pro-con .pro-bottom{
		margin: 5% 0% 7%;
	}
	.product-details .prodetail-content .pro-con .pro-bottom .btn-a p{
		height: 50px;
    line-height: 51px;
	}
	.bathroom .bathroom-content .new-title p{
		font-size: 1.1rem;
		margin: 1rem 0rem 3rem;
	}
	.bathroom .bathroom-content .new-design{
		padding:8% 0%;
	}
	.bathroom .bathroom-content .new-design .all-new{
		width:88%;
	}
	.bathroom .bathroom-content .new-design .all-new .new-pro .img-text .text{
		margin-top:1rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-top{
		width: 80%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-right .prev-next{
		width: 2.8rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-right .swiper-button-prev{
		left: -6%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-right .swiper-button-next{
		right: -11%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-left .left-title h1{
		font-size: 2.8rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-bottom .slide-content h1{
		font-size: 1.8rem;
    margin-left: 2.5rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-left .left-p .pp{
		width: 90%;
		font-size: 1.05rem;
    line-height: 1.8rem;
    margin: 11% 0% 4%;
	}
	.bathroom .bathroom-content .shower-column .all-shower{
		width: 80%;
    padding: 5% 0% 8%;
    margin: 0 auto;
	}
	.kitchen .kitchen-content .kitchen-popular{
		padding:7.5% 0%;
	}
	.kitchen .kitchen-content .kitchen-popular .all-popular{
		width: 88%;
	}
	.kitchen .kitchen-content .new-title p{
		font-size:1.1rem;
	}
	.kitchen .kitchen-content .kitchen-popular .popular-pro .img-text{
		width:23.5%;
		margin-right:2%;
	}
	.kitchen .kitchen-content .kitchen-popular .popular-pro .new-four{
		margin-right:0%;
	}
	.kitchen .kitchen-content .kitchen-popular .popular-pro .img-text .text{
		font-size:1.1rem;
	}
	.kitchen .kitchen-content .bzc{
		padding:6% 0% 7%;
	}
	.kitchen .kitchen-content .bzc .all-bzc{
		width:95%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .new-title .title-top{
		font-size: 2rem;
		margin-bottom:2%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .new-title .title-item{
		margin-top:1%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg{
		margin-top: 6%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs{
		padding:1rem 0rem;
		background-color:#ffffff;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs .img-con h1{
		font-size: 1.1rem;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc{
		width:90%;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs{
		padding:0rem;
	}
	.other .other-content .pro-screen .screen-con h2{
		width: 55%;
	}
	.other .other-content .other-pro .all-other{
		width:95%;
	  margin:5% auto 8%;
	}
	.other .other-content .other-pro .all-other .all-item{
		width: 27%;
    margin: 10% 3% 0% 0%;
	}
	.other .other-content .other-pro .all-other .all-item h1{
		height: 65px;
    line-height: 65px;
    font-size: 1.3rem;
	}
	.other .other-content .other-pro .all-other .all-item h1 img{
		width:0.8rem;
	}
	.other .other-content .other-pro .all-other .other-item .item{
		font-size: 1.2rem;
	}
	.other .other-content .other-pro .all-other .other-img{
		width:70%;
	}
	.other .other-content .other-pro .all-other .other-img .all-otherImg .imgs{
		width:32%;
		margin-right:2%;
	}
	.other .other-content .other-pro .all-other .other-img .all-otherImg .imgs:nth-child(3n){
		margin-right:0%;
	}
	.other .other-content .other-pro .all-other .other-img .all-otherImg .imgs .img-con{
		margin: 3% 7% 9% 0%;
	}
	.catalog .catalog-content .all-cata{
		padding: 10% 0% 12%;
	}
	.catalog .catalog-content .all-cata .cata-left .img{
		width: 20rem;
	}
	.catalog .catalog-content .all-cata .cata-right .all-right{
		width: 80%;
    text-align: center;
    margin-left: 8%;
	}
	.catalog .catalog-content .all-cata .cata-right .all-right .title h1{
		font-size:2.8rem;
	}
	.catalog .catalog-content .all-cata .cata-right .all-right .cata-p{
		font-size:1.1rem;
	}
	.privacy .all-privacy{
		width: 85%;
	  margin: 3% auto 7%;
	}
	.privacy .all-privacy .privacy-msg{
		margin:3% auto;
	}
	.privacy .all-privacy .msg-title h1{
	  margin-bottom: 1.2%;
	}
	.privacy .all-privacy .msg-con p{
		font-size: 1.1rem;
		line-height: 1.8rem;
	}
	.privacy .all-privacy .msg-img{
		margin-top:2%;
	}
	.contact .contact-con .contact-bc1{
		font-size: 7.5rem;
    letter-spacing: 20px;
	}
	.contact .contact-con .all-contact{
		width:85%;
    padding: 14% 0% 13%;
	}
	.contact .contact-con .all-contact .con-left img{
		width:85%;
	}
	.contact .contact-con .all-contact .con-left .all-details{
		width: 78%;
    margin-left: 6%;
    padding: 5% 6%;
	}
	.contact .contact-con .all-contact .con-left .all-details .left-details .detail img{
		width:1.2rem;
	}
	.contact .contact-con .all-contact .con-left .all-details .left-details .detail p{
		line-height: 1.4rem;
	}
	.contact .contact-con .all-contact .con-right{
		width: 45%;
    margin-left: 5%;
	}
	.contact .contact-con .all-contact .con-right .right-title h1{
		font-size:2.8rem;
	}
	.footer .foot-contact{
		padding:7% 0%;
	}
	.footer .foot-contact .all-contact{
		width: 85%;
	}
	.footer .foot-contact .all-contact .con-left .left-title h1{
		font-size: 2.8rem;
	}
	.footer .foot-contact .all-contact .con-left .left-details{
		font-size:1.1rem;
		width: 85%;
	  font-size:24px;
	  line-height:30px;
	}
	.footer .foot-nav{
		padding: 5% 0% 4%;
	}
	.footer .foot-nav .foot-back{
		width: 35px;
    height: 35px;
	}
	.footer .foot-nav .all-nav{
		width:93%;
	}
	.footer .foot-nav .all-nav .nav-one .foot-p{
		width: 90%;
	}
	.footer .foot-nav .all-nav .nav-con .foot-title h1{
		font-size:1.5rem;
	}
	.footer .foot-nav .all-nav .nav-con .foot-ul .ul-li h2{
		font-size:1.1rem;
	}
	.footer .foot-nav .all-nav .nav-con .foot-ul .ul-li p{
		line-height:1.5rem;
	}
}
@media screen and (min-width:768px) and (max-width:991px){
	.home .all-screen .screen-content .con-right h1{
		font-size:2.5rem;
	}
	.btn-a{
		margin-top:1.2rem;
	}
	.btn-a p{
		height: 35px;
    line-height: 35px;
    padding: 0px 30px;
	}
	.home .home-content .home-kitchen{
		margin:8% 0% 9%;
	}
	.home .home-content .home-kitchen .kit-top{
		width: 85%;
	}
	.home .home-content .home-kitchen .kit-top .top-left .left-title h1{
		font-size:2rem;
	}
	.home .home-content .home-kitchen .kit-top .top-left .left-con .left-p{
		width: 95%;
    margin: 5% 0%;
    font-size: 1.1rem;
    line-height: 1.8rem;
	}
	.home .home-content .home-kitchen .kit-top .top-right{
		width:48%;
		margin-left:2%;
	}
	.home .home-content .home-kitchen .kit-top .top-right .swiper-container .prev-next{
		width:2.2rem;
	}
	.home .home-content .home-kitchen .kit-top .top-right .swiper-container .swiper-button-prev{
		left:-5%;
	}
	.home .home-content .home-kitchen .kit-top .top-right .swiper-container .swiper-button-next{
		right:-10%;
	}
	.home .home-content .home-kitchen .kit-bottom .slide-content{
		padding: 1rem 0rem 1.5rem;
	}
	.home .home-content .home-kitchen .kit-bottom .slide-content h1{
		font-size: 1.5rem;
    margin-left: 1rem;
	}
	.home .home-content .home-kitchen .kit-bottom .slide-content h1:after{
		top:115%;
	}
	.home .home-content .zinc-brass .zb-title .title-one{
		font-size: 1.8rem;
    letter-spacing: 8px;
	}
	.home .home-content .zinc-brass .zb-title .title-two{
		margin:1rem 0rem 1.8rem;
	}
	.home .home-content .zinc-brass .zb-title .title-two h1{
		font-size: 2.5rem;
	}
	.home .home-content .zinc-brass .zb-title .title-item .item{
		margin: 0rem 0.8rem;
		padding: 0px 20px;
    height: 30px;
    line-height: 30px;
	}
	.change-btn{
		box-shadow: 3px 10px 15px rgba(0,0,0,0.2) !important;
	}
	.home .home-content .zinc-brass .zb-title .title-item .item:hover{
		box-shadow: 3px 10px 15px rgba(0,0,0,0.2) !important;
	}
	.home .home-content .zinc-brass .zb-product{
		margin: 5% auto 8%;
	}
	.home .home-content .zinc-brass .zb-product .zb-one{
		width:95%;
	}
	.home .home-content .zinc-brass .zb-product .zb-two{
		width:95%;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img .img-con{
		top:0.7rem;
    left: 1rem;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img .img-con h1{
		font-size:1rem;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img .img-con h2{
		font-size:0.75rem;
	}
	.home .home-content .home-zinc .zb-product .zb-imgs .zb-img{
		padding: 1.5rem 0rem 0rem;
    background-color: #f5f5f6;
	}
	.home .home-content .home-brass .zb-product .zb-imgs .zb-img{
		padding-top: 1rem;
    background-color: #ffffff;
	}
	.home .home-content .home-brass{
		padding:5% 0% 7%;
	}
	.home .home-content .home-brass .zb-product{
		margin-bottom:0%;
	}
	.home .home-care{
		padding-top: 20%;
		margin-top:5%;
		background-color: #f5f5f6;
	}
	.home .home-care .all-care{
		width:90%;
		flex-wrap:wrap;
	}
	.home .home-care .care-bc1{
		width: 100%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 2;
    top: 50%;
    opacity: 0.6;
	}
	.home .home-care .care-bc2{
		font-size: 3rem;
    transform: translate(-50%, 0px);
    left: 50%;
    top: 5%;
    bottom: unset;
	}
	.home .home-care .care-bc3{
		content: unset;
    width: 0%;
	}
	.home .home-care .care-bc4{
		content: unset;
    width: 0%;
	}
	.home .home-care .care-bc2 h1 br{
		display:none;
	}
	.home .home-care .all-care .care-left{
		display:none;
	}
	.home .home-care .all-care .care-right{
		width: 100%;
	}
	.home .home-care .all-care .care-right .all-right{
		width: 100%;
    margin-left: 0%;
	}
	.home .home-care .all-care .care-right .all-right .img-text .img{
	  width: 4rem;
	  margin:-0.2rem 1.2rem 0rem 0rem;
	  padding: 1rem;
	}
	.home .home-care .all-care .care-right .all-right .text-two .img{
		width: 5rem;
	}
	.home .home-care .all-care .care-right .all-right .img-text{
		margin-bottom:5%;
	}
	.home .home-care .all-care .care-right .all-right .img-text h1{
		font-size:1.5rem;
	}
	.home .home-care .all-care .care-right .all-right .img-text p{
		font-size:1.05rem;
		line-height: 1.8rem;
	}
	.home .home-news{
		width:95%;
		margin: 10% auto 6%;
	}
	.home .home-news .news-title h1{
		font-size: 3rem;
	}
	.home .home-news .new-slide .img-con .img{
		width:90%;
	}
	.home .home-news .new-slide .img-con .con{
		width: 80%;
		margin:-10% 0% 0% 7%;
		padding: 1rem 5px 1.5rem 1rem;
	}
	.home .home-news .new-slide .img-con .con p{
		font-size: 1rem;
    line-height: 1.6rem;
    margin-bottom: 0rem;
	}
	.home .home-news .new-slide .swiper-container .prev-next{
		width:4rem;
		right: 0rem;
	}
	.home .home-news .new-slide .swiper-container .swiper-button-prev{
		right:4rem;
	}
	.all-bc{
		height:4rem;
	}
	.about .about-content .all-about .title-img h1{
		font-size:2.2rem;
	}
	.about .about-content .all-about .all-width{
		width:90%;
		flex-wrap: wrap;
	}
	.about .all-about .about-brief .brief{
		flex-wrap:wrap;
	}
	.about .all-about .about-brief .brief .brief-text{
		width:100%;
	}
	.about .all-about .about-brief .brief-one .brief-img{
		width:80%;
		margin: 5% auto;
	}
	.about .about-content .all-about .prev-next{
		width:4.5rem;
	}
	.about .all-about .about-factory .fac-slide .prev-next{
		top: -4rem;
	}
	.about .about-content .all-about .swiper-button-prev{
		right: 6rem;
	}
	.about .all-about .about-brief{
		padding:10% 0%;
	}
	.about .all-about .about-brief .brief .brief-text .text-p{
		font-size: 1.05rem;
    line-height: 1.8rem;
    margin-top:3%;
	}
	.about .all-about .about-brief .brief-one .brief-img .img{
		width:100%;
	}
	.about .all-about .about-brief .brief-one .brief-text .all-text{
		width: 100%;
    margin-left: 0%;
	}
	.about .all-about .about-brief .brief-two{
		margin-top: 10%;
	}
	.about .all-about .about-brief .brief-two .brief-text{
		width:100%;
    margin: 0%;
	}
	.about .all-about .about-brief .brief-two .brief-img{
		width:85%;
		margin:12% auto 5%;
	}
	.about .all-about .about-brief .brief-two .text-title{
		width: 7.5rem;
	}
	.about .all-about .about-factory{
		padding:5% 0% 13%;
	}
	.about .all-about .about-factory .fac-bc{
		height: 60%;
	}
	.about .all-about .about-factory .fac-slide{
		margin-top:4%;
	}
	.about .all-about .about-exhibi{
		padding-bottom:6%;
	}
	.about .all-about .about-exhibi .exhibi-img .exhibi-slide{
		width:48%;
		margin:0% 4% 8% 0%;
	}
	.about .all-about .about-exhibi .exhibi-img .exhibi-slide:nth-child(2n){
		margin-right:0%;
	}
	.about .all-about .about-exhibi .exhibi-img{
		margin-top:6%;
	}
	.about .all-about .about-exhibi .exhibi-img .exhibi-slide .con{
		font-size: 1.1rem;
    line-height: 1.8rem;
    padding: 5% 0% 5% 5%;
		margin: -2rem 0rem 0rem -1rem;
		box-shadow: 0px 0px 20px rgba(7,1,2,0.15);
	}
	.about .all-about .about-exhibi .exhibi-img .slide-two{
		margin:0% 0% 10% 0%;
	}
	.about .all-about .about-exhibi .exhibi-img .slide-two .con{
		width: 80%;
	}
	.about .all-about .about-certifi .all-certifi{
		width: 90%;
    margin: 7% auto 6%;
	}
	.about .all-about .about-certifi .all-certifi .certifi-slide{
		margin-top:6%;
	}
	.about .all-about .about-serve{
		padding: 9% 0%;
	}
	.about .all-about .about-serve .all-width .serve-left{
		width: 100%;
    margin: 0%;
    text-align: center;
	}
	.about .all-about .about-serve .all-width .serve-right{
		width: 97%;
    padding-left: 3%;
    margin-top: 5%;
	}
	.about .all-about .about-serve .all-width .serve-left .left-p{
		font-size: 1.15rem;
		line-height:2rem;
		margin-top:3%;
		text-align:left;
	}
	.about .all-about .about-serve .all-width .serve-right .right-con{
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.pros .pros-content .pro-screen .screen-con{
		bottom: 30%;
    font-size: 2.2rem;
	}
	.pros .pros-content .pro-nav .li-nav h1{
		font-size: 0.9rem;
		padding: 1.2rem 0rem;
	}
	.pros .pros-content .pro-nav .li-nav span{
		height: 3px;
	}
	.pros .pros-content .title-img h1{
		font-size:2.5rem;
	}
	.product-details .prodetail-content .pro-title{
		padding:7% 0% 5%;
	}
	.product-details .prodetail-content .pro-con .all-pro{
		width:75%;
	}
	.product-details .prodetail-content .pro-con .all-pro .pro-right .right-item{
		font-size: 1.4rem;
		margin-bottom: 1.2rem;
	}
	.product-details .prodetail-content .pro-con .all-pro .pro-left{
		width:100%;
	}
	.product-details .prodetail-content .pro-con .all-pro .pro-right{
		padding:3% 0% 0% 3%;
		width: 100%;
		border-top: 1px solid #e8e6e6;
		border-left: unset;
	}
	.product-details .prodetail-content .pro-con .all-pro .href-img{
		width:3rem;
	}
	.product-details .prodetail-content .pro-con .all-pro .img-left{
		left:-12%;
	}
	.product-details .prodetail-content .pro-con .all-pro .img-right{
		right:-12%;
	}
	.product-details .prodetail-content .pro-con .pro-bottom{
		margin: 5% 0% 7%;
	}
	.product-details .prodetail-content .pro-con .pro-bottom .btn-a p{
		height: 50px;
    line-height: 51px;
	}
	.bathroom .bathroom-content .new-title p{
		font-size: 1rem;
    margin: 0.5rem 0rem 2rem;
	}
	.bathroom .bathroom-content .new-design{
		padding:8% 0%;
	}
	.bathroom .bathroom-content .new-design .all-new{
		width:90%;
	}
	.bathroom .bathroom-content .new-design .all-new .new-pro .img-text{
		width:32%;
		margin:0% 2% 5% 0%;
	}
	.bathroom .bathroom-content .new-design .all-new .new-pro .img-text:nth-child(3n){
		margin-right:0%;
	}
	.bathroom .bathroom-content .new-design .all-new .new-pro .img-text .text{
		margin-top:1rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-top{
		width: 80%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-right .prev-next{
		width: 2.2rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-right .swiper-button-prev{
		left: -6%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-right .swiper-button-next{
		right: -11%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-left .left-title h1{
		font-size:2.2rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-left .left-title h1:after{
		height: 2px;
    width: 3.5rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-bottom .slide-content{
		padding: 1rem 0rem 1.5rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-bottom .slide-content h1{
		font-size: 1.3rem;
    margin-left: 1rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-left .left-p .pp{
		width: 95%;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 11% 0% 4%;
	}
	.bathroom .bathroom-content .shower-column .all-shower{
		width: 80%;
    padding: 5% 0% 8%;
    margin: 0 auto;
	}
	.kitchen .kitchen-content .kitchen-popular{
		padding:7.5% 0%;
	}
	.kitchen .kitchen-content .kitchen-popular .all-popular{
		width: 90%;
	}
	.kitchen .kitchen-content .new-title p{
		font-size:1rem;
		margin: 0.5rem 0rem 2rem;
	}
	.kitchen .kitchen-content .kitchen-popular .popular-pro .img-text{
		width:23.5%;
		margin-right:2%;
	}
	.kitchen .kitchen-content .kitchen-popular .popular-pro .new-four{
		margin-right:0%;
	}
	.kitchen .kitchen-content .kitchen-popular .popular-pro .img-text .text{
		font-size:1rem;
	}
	.kitchen .kitchen-content .bzc{
		padding:8% 0%;
	}
	.kitchen .kitchen-content .bzc .all-bzc{
		width:95%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .new-title .title-top{
		font-size: 1.8rem;
    letter-spacing: 8px;
		margin-bottom:2%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .new-title .title-item{
		margin-top:1%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg{
		margin-top: 6%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs{
		padding:1rem 0rem;
		background-color:#ffffff;
		width: calc(( 100% - 15px) / 3 );
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs-four{
		margin-right:4px;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs:nth-child(3n){
		margin-right:0%;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs{
		width: calc(( 100% - 15px) / 4 );
		margin-right:5px;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs:nth-child(3n){
		margin-right:5px;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs-four{
		margin-right:0%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs .img-con h1{
		font-size: 1rem;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs .img-con h1:after{
		height:3px;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc{
		width:95%;
	}
	.kitchen .kitchen-content .kitchen-cold .new-title p{
		margin: 0.5rem 0rem 0rem;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs{
		padding:0rem;
	}
	.other .other-content .pro-screen .screen-con h2{
		width: 80%;
    margin-top: 1rem;
	}
	.other .other-content .other-pro .all-other{
		position:relative;
		width:95%;
	  margin:8% auto;
	  padding-top: 3rem;
	}
	.other .other-content .other-pro .all-other .item-span{
		display:block;
		position:absolute;
		top:0.5rem;
		right:0.5rem;
	}
	.other .other-content .other-pro .all-other .all-item{
    position: absolute;
    width: calc(100% - 4rem);
    justify-content: center;
    padding: 2rem;
    margin: 0%;
    z-index: 120;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    transform: translateX(-110%);
    -webkit-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    transition: all 1.5s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: all 1.5s cubic-bezier(.77, 0, .175, 1);
    -ms-transition: all 1.5s cubic-bezier(.77, 0, .175, 1);
    -moz-transition: all 1.5s cubic-bezier(.77, 0, .175, 1);
	}
	.click-span{
		opacity: 0.7;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
	}
	.click-filter{
		transform: translateX(0%) !important;
    -webkit-transform: translateX(0%) !important;
    -moz-transform: translateX(0%) !important;
    -ms-transform: translateX(0%) !important;
	}
	.other .other-content .other-pro .all-other .all-item h1{
		height: 65px;
    line-height: 65px;
    font-size: 1.3rem;
	}
	.other .other-content .other-pro .all-other .all-item h1 img{
		width:0.8rem;
	}
	.other .other-content .other-pro .all-other .other-item .item{
		font-size: 1.2rem;
	}
	.other .other-content .other-pro .all-other .other-img{
		width:100%;
	}
	.other .other-content .other-pro .all-other .other-img .all-otherImg .imgs{
		width: 23.875%;
    margin: 0% 1.5% 4% 0%;
	}
	.other .other-content .other-pro .all-other .other-img .all-otherImg .imgs:nth-child(4n){
		margin-right:0%;
	}
	.other .other-content .other-pro .all-other .other-img .all-otherImg .imgs .img-con{
		margin: 3% 7% 9% 0%;
	}
	.catalog .catalog-content .all-cata{
		padding: 10% 0% 12%;
	}
	.catalog .catalog-content .all-cata .cata-left .img{
		width: 18rem;
	}
	.catalog .catalog-content .all-cata .cata-right .all-right{
		width: 90%;
		margin: 0 auto;
    text-align: center;
	}
	.catalog .catalog-content .all-cata .cata-right .all-right .title h1{
		font-size:2.8rem;
	}
	.catalog .catalog-content .all-cata .cata-right .all-right .cata-p{
		font-size: 1.1rem;
    line-height: 1.8rem;
	}
	.privacy .all-privacy{
		width: 88%;
    margin: 5% auto 7%;
	}
	.privacy .all-privacy .privacy-msg{
		margin:3.5% auto;
	}
	.privacy .all-privacy .msg-title h1{
		font-size: 1.6rem;
	  margin-bottom: 1.2%;
	}
	.privacy .all-privacy .msg-con p{
		font-size: 1.05rem;
		line-height: 1.8rem;
	}
	.privacy .all-privacy .msg-img{
		margin-top:3%;
	}
	.contact .contact-con .contact-bc1{
		font-size: 7rem;
    letter-spacing: 12px;
	}
	.contact .contact-con .all-contact{
		width:95%;
    padding: 14% 0% 13%;
	}
	.contact .contact-con .all-contact .con-left img{
		width:90%;
	}
	.contact .contact-con .all-contact .con-left .all-details{
		width: 82%;
    margin-left: 4%;
    padding: 5% 6%;
    box-shadow: 0px 0px 25px rgba(7,1,2,0.15);
	}
	.contact .contact-con .all-contact .con-left .all-details .de-title{
		font-size: 1.8rem;
	}
	.contact .contact-con .all-contact .con-left .all-details .left-details .detail img{
		width:1.2rem;
	}
	.contact .contact-con .all-contact .con-left .all-details .left-details .detail p{
		line-height: 1.4rem;
	}
	.contact .contact-con .all-contact .con-right{
		width: 45%;
    margin-left: 5%;
	}
	.contact .contact-con .all-contact .con-right .right-title h1{
		font-size:2.5rem;
	}
	.contact .form .btn .layui-btn{
		box-shadow: 0px 13px 20px rgba(0,0,0,0.2);
	}
	.footer .foot-contact{
		padding:7% 0%;
	}
	.footer .foot-contact .all-contact{
		width: 90%;
	}
	.footer .foot-contact .all-contact .con-left .left-title h1{
		font-size:2.5rem;
	}
	.footer .foot-contact .all-contact .con-left .left-details{
		font-size: 1rem;
    width: 95%;
	  font-size:20px;
	  line-height:28px;
	}
	.footer .foot-contact .all-contact .con-right{
		padding: 3rem 2rem;
	}
	.footer .foot-nav{
		padding:6% 0% 3%;
	}
	.footer .foot-nav .foot-back{
		width: 32px;
    height: 32px;
	}
	.footer .foot-nav .all-nav{
		width: 90%;
    flex-wrap: wrap;
	}
	.footer .foot-nav .all-nav .nav-one{
		width:55%;
	}
	.footer .foot-nav .all-nav .nav-two{
		width:45%;
	}
	.footer .foot-nav .all-nav .nav-three{
		width:100%;
	}
	.footer .foot-nav .all-nav .nav-one .foot-p{
		width: 90%;
	}
	.footer .foot-nav .all-nav .nav-con .foot-title h1{
		font-size:1.5rem;
	}
	.footer .foot-nav .all-nav .nav-con .foot-ul .ul-li h2{
		font-size:1.1rem;
	}
	.footer .foot-nav .all-nav .nav-con .foot-ul .ul-li p{
		line-height:1.5rem;
	}
}
@media screen and (min-width:605px) and (max-width:767px){
	.home .all-screen .screen-content .con-right h1{
		font-size:2rem;
	}
	.btn-a{
		margin-top:1.2rem;
	}
	.btn-a p{
		height: 35px;
    line-height: 35px;
    padding: 0px 25px;
	}
	.home .home-content .home-kitchen{
		margin:8% 0% 9%;
	}
	.home .home-content .home-kitchen .kit-top{
		width: 85%;
	}
	.home .home-content .home-kitchen .kit-top .top-left .left-title h1{
		font-size:1.8rem;
	}
	.home .home-content .home-kitchen .kit-top .top-left .left-con .left-p{
		width: 95%;
    margin: 5% 0%;
    font-size: 1rem;
    line-height: 1.6rem;
	}
	.home .home-content .home-kitchen .kit-top .top-right{
		width:48%;
		margin-left:2%;
	}
	.home .home-content .home-kitchen .kit-top .top-right .swiper-container .prev-next{
		width:2rem;
	}
	.home .home-content .home-kitchen .kit-top .top-right .swiper-container .swiper-button-prev{
		left:-5%;
	}
	.home .home-content .home-kitchen .kit-top .top-right .swiper-container .swiper-button-next{
		right:-10%;
	}
	.home .home-content .home-kitchen .kit-bottom .slide-content{
		padding: 0.8rem 0rem 1.2rem;
	}
	.home .home-content .home-kitchen .kit-bottom .slide-content h1{
		font-size: 1.3rem;
    margin-left: 0.8rem;
	}
	.home .home-content .home-kitchen .kit-bottom .slide-content h1:after{
		top:115%;
		height: 2px;
	}
	.home .home-content .zinc-brass .zb-title .title-one{
		font-size: 1.5rem;
    letter-spacing: 8px;
	}
	.home .home-content .zinc-brass .zb-title .title-two{
		margin:1rem 0rem 1.8rem;
	}
	.home .home-content .zinc-brass .zb-title .title-two h1{
		font-size: 2rem;
	}
	.home .home-content .zinc-brass .zb-title .title-two img{
		width: 4rem;
    top: -1.5rem;
    left: -1.5rem;
	}
	.home .home-content .zinc-brass .zb-title .title-item .item{
		margin: 0rem 0.5rem;
    padding: 0px 15px;
    height: 30px;
    line-height: 30px;
	}
	.change-btn{
		box-shadow: 3px 7px 15px rgba(0,0,0,0.2) !important;
	}
	.home .home-content .zinc-brass .zb-title .title-item .item:hover{
		box-shadow: 3px 7px 15px rgba(0,0,0,0.2) !important;
	}
	.home .home-content .zinc-brass .zb-product{
		margin: 5% auto 8%;
	}
	.home .home-content .zinc-brass .zb-product .zb-one{
		width:98%;
	}
	.home .home-content .zinc-brass .zb-product .zb-two{
		width:98%;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img .img-con{
		top:0.7rem;
    left: 1rem;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img .img-con h1{
		font-size:0.95rem;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img .img-con h2{
		font-size:0.7rem;
	}
	.home .home-content .home-zinc .zb-product .zb-imgs .zb-img{
		padding: 1.5rem 0rem 0rem;
    background-color: #f5f5f6;
    margin-right: 4px;
	}
	.home .home-content .home-brass .zb-product .zb-imgs .zb-img{
		padding-top: 1rem;
    background-color: #ffffff;
    margin-right: 4px;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .img-last{
		margin-right: 0px;
	}
	.home .home-content .home-brass{
		padding:5% 0% 7%;
	}
	.home .home-content .home-brass .zb-product{
		margin-bottom:0%;
	}
	.home .home-care{
		padding-top: 20%;
		margin-top:5%;
		background-color: #f5f5f6;
	}
	.home .home-care .all-care{
		width:90%;
		flex-wrap:wrap;
	}
	.home .home-care .care-bc1{
		width: 100%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 2;
    top: 50%;
    opacity: 0.6;
	}
	.home .home-care .care-bc2{
		font-size: 2.8rem;
		width: 80%;
    transform: translate(-50%, 0px);
    left: 50%;
    top: 5%;
    bottom: unset;
    text-align: center;
	}
	.home .home-care .care-bc2 br{
		display:none;
	}
	.home .home-care .care-bc3{
		content: unset;
    width: 0%;
	}
	.home .home-care .care-bc4{
		content: unset;
    width: 0%;
	}
	.home .home-care .care-bc2 h1 br{
		display:none;
	}
	.home .home-care .all-care .care-left{
		display:none;
	}
	.home .home-care .all-care .care-right{
		width: 100%;
	}
	.home .home-care .all-care .care-right .all-right{
		width: 100%;
    margin-left: 0%;
	}
	.home .home-care .all-care .care-right .all-right .img-text .img{
	  width: 3.5rem;
	  margin:-0.2rem 1.2rem 0rem 0rem;
	  padding: 1rem;
	}
	.home .home-care .all-care .care-right .all-right .text-two .img{
		width: 5rem;
	}
	.home .home-care .all-care .care-right .all-right .img-text{
		margin-bottom:5%;
	}
	.home .home-care .all-care .care-right .all-right .img-text h1{
		font-size:1.5rem;
	}
	.home .home-care .all-care .care-right .all-right .img-text p{
		font-size: 1rem;
    line-height: 1.6rem;
	}
	.home .home-news{
		width:95%;
		margin: 10% auto 6%;
	}
	.home .home-news .news-title h1{
		font-size: 2.8rem;
	}
	.home .home-news .new-slide .img-con .img{
		width:90%;
	}
	.home .home-news .new-slide .img-con .con{
		width: 80%;
		margin:-10% 0% 0% 7%;
		padding: 1rem 5px 1.5rem 1rem;
	}
	.home .home-news .new-slide .img-con .con p{
		font-size: 1rem;
    line-height: 1.6rem;
    margin-bottom: 0rem;
	}
	.home .home-news .new-slide .swiper-container .prev-next{
		width:3.5rem;
		right: 0rem;
	}
	.home .home-news .new-slide .swiper-container .swiper-button-prev{
		right:4rem;
	}
	.all-bc{
		height:4rem;
	}
	.about .about-content .all-about .title-img h1{
		font-size:2.2rem;
	}
	.about .about-content .all-about .all-width{
		width:95%;
		flex-wrap: wrap;
	}
	.about .all-about .about-brief .brief{
		flex-wrap:wrap;
	}
	.about .all-about .about-brief .brief .brief-text{
		width:100%;
	}
	.about .all-about .about-brief .brief-one .brief-img{
		width:80%;
		margin: 5% auto;
	}
	.about .about-content .all-about .prev-next{
		width:4rem;
		top: -3.2rem;
	}
	.about .all-about .about-factory .fac-slide .prev-next{
		top: -3.2rem;
	}
	.about .about-content .all-about .swiper-button-prev{
		right: 5rem;
	}
	.about .all-about .about-brief{
		padding:10% 0%;
	}
	.about .all-about .about-brief .brief .brief-text .text-p{
		font-size: 1.05rem;
    line-height: 1.8rem;
    margin-top:3%;
	}
	.about .all-about .about-brief .brief-one .brief-img .img{
		width:100%;
	}
	.about .all-about .about-brief .brief-one .brief-text .all-text{
		width: 100%;
    margin-left: 0%;
	}
	.about .all-about .about-brief .brief-two{
		margin-top: 10%;
	}
	.about .all-about .about-brief .brief-two .brief-text{
		width:100%;
    margin: 0%;
	}
	.about .all-about .about-brief .brief-two .brief-img{
		width:90%;
		margin:15% auto 5%;
	}
	.about .all-about .about-brief .brief-two .text-title{
		width: 7.5rem;
	}
	.about .all-about .about-factory{
		padding:6% 0% 13%;
	}
	.about .all-about .about-factory .fac-bc{
		height: 70%;
	}
	.about .all-about .about-factory .fac-slide{
		margin-top:4%;
	}
	.about .all-about .about-exhibi{
		padding-bottom:6%;
	}
	.about .all-about .about-exhibi .exhibi-img .exhibi-slide{
		width:48%;
		margin:0% 4% 8% 0%;
	}
	.about .all-about .about-exhibi .exhibi-img .exhibi-slide:nth-child(2n){
		margin-right:0%;
	}
	.about .all-about .about-exhibi .exhibi-img{
		margin-top:6%;
	}
	.about .all-about .about-exhibi .exhibi-img .exhibi-slide .con{
		font-size: 1rem;
    line-height: 1.6rem;
    padding: 5% 0% 5% 5%;
		margin: -2rem 0rem 0rem -5px;
		box-shadow: 0px 0px 20px rgba(7,1,2,0.15);
	}
	.about .all-about .about-exhibi .exhibi-img .slide-two{
		margin:0% 0% 10% 0%;
	}
	.about .all-about .about-exhibi .exhibi-img .slide-two .con{
		width: 80%;
	}
	.about .all-about .about-certifi .all-certifi{
		width: 90%;
    margin: 7% auto 6%;
	}
	.about .all-about .about-certifi .all-certifi .certifi-slide{
		margin-top:6%;
	}
	.about .all-about .about-serve{
		padding: 9% 0%;
	}
	.about .all-about .about-serve .all-width .serve-left{
		width: 100%;
    margin: 0%;
    text-align: center;
	}
	.about .all-about .about-serve .all-width .serve-right{
		width: 97%;
    padding-left: 3%;
    margin-top: 5%;
	}
	.about .all-about .about-serve .all-width .serve-left .left-p{
		font-size: 1.15rem;
		line-height:2rem;
		margin-top:3%;
		text-align:left;
	}
	.about .all-about .about-serve .all-width .serve-right .right-con{
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.pros .pros-content .pro-screen .screen-con{
		bottom: 30%;
    font-size: 2rem;
	}
	.pros .pros-content .pro-nav .li-nav h1{
		font-size: 0.8rem;
    padding: 1rem 0rem;
	}
	.pros .pros-content .pro-nav .li-nav span{
		height: 3px;
	}
	.pros .pros-content .title-img h1{
		font-size:2.2rem;
	}
	.product-details .prodetail-content .pro-title{
		padding:12% 0% 5%;
	}
	.product-details .prodetail-content .pro-con .all-pro{
		width:85%;
	}
	.product-details .prodetail-content .pro-con .all-pro .pro-right .right-item{
		font-size: 1.2rem;
		margin-bottom: 1.1rem;
	}
	.product-details .prodetail-content .pro-con .all-pro .pro-left{
		width:100%;
	}
	.product-details .prodetail-content .pro-con .all-pro .pro-right{
		padding:5% 0% 0% 5%;
		width: 100%;
		border-top: 1px solid #e8e6e6;
		border-left: unset;
	}
	.product-details .prodetail-content .pro-con .all-pro .href-img{
		width:2.5rem;
	}
	.product-details .prodetail-content .pro-con .all-pro .img-left{
		left:-9%;
	}
	.product-details .prodetail-content .pro-con .all-pro .img-right{
		right:-9%;
	}
	.product-details .prodetail-content .pro-con .pro-bottom{
		margin: 5% 0% 7%;
	}
	.product-details .prodetail-content .pro-con .pro-bottom .btn-a p{
		height: 45px;
    line-height: 48px;
    font-size: 1.1rem;
	}
	.bathroom .bathroom-content .new-title p{
		font-size: 1rem;
    margin: 0.5rem 0rem 2rem;
	}
	.bathroom .bathroom-content .new-design{
		padding:8% 0%;
	}
	.bathroom .bathroom-content .new-design .all-new{
		width:90%;
	}
	.bathroom .bathroom-content .new-design .all-new .new-pro .img-text{
		width:32%;
		margin:0% 2% 5% 0%;
	}
	.bathroom .bathroom-content .new-design .all-new .new-pro .img-text:nth-child(3n){
		margin-right:0%;
	}
	.bathroom .bathroom-content .new-design .all-new .new-pro .img-text .text{
		margin-top:1rem;
	}
	.bathroom .bathroom-content .bath-pro{
		margin-bottom: 7%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top{
		width: 85%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-right .prev-next{
		width: 2rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-right .swiper-button-prev{
		left: -6%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-right .swiper-button-next{
		right: -11%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-left .left-title h1{
		font-size:2.2rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-left .left-title h1:after{
		height: 2px;
    width: 3.5rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-bottom .slide-content{
		padding: 0.8rem 0rem 1.2rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-bottom .slide-content h1:after{
		height: 2px;
	}
	.bathroom .bathroom-content .bath-pro .pro-bottom .slide-content h1{
		font-size: 1.3rem;
    margin-left: 0.8rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-left .left-p .pp{
		width: 95%;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 11% 0% 4%;
	}
	.bathroom .bathroom-content .shower-column .all-shower{
		width: 85%;
    padding: 5% 0% 8%;
    margin:0 auto 5%;
	}
	.kitchen .kitchen-content .title-img img{
		top: -1rem;
    left: 1rem;
    width: 4rem;
	}
	.kitchen .kitchen-content .kitchen-popular{
		padding:10% 0%;
	}
	.kitchen .kitchen-content .kitchen-popular .all-popular{
		width: 95%;
	}
	.kitchen .kitchen-content .new-title p{
		font-size:0.95rem;
		margin: 0.5rem 0rem 2rem;
	}
	.kitchen .kitchen-content .kitchen-popular .popular-pro .img-text{
		width: 24.25%;
    margin-right: 1%;
	}
	.kitchen .kitchen-content .kitchen-popular .popular-pro .new-four{
		margin-right:0%;
	}
	.kitchen .kitchen-content .kitchen-popular .popular-pro .img-text .text{
		font-size:1rem;
	}
	.kitchen .kitchen-content .bzc{
		padding:5% 0% 8%;
	}
	.kitchen .kitchen-content .bzc .all-bzc{
		width:98%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .new-title .title-top{
		font-size: 1.6rem;
    letter-spacing: 8px;
		margin-bottom:2%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .new-title .title-item{
		margin-top:2%;
		flex-wrap: wrap;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg{
		margin-top: 6%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs{
		padding:1rem 0rem 0rem;
		background-color:#ffffff;
		width: calc(( 100% - 15px) / 3 );
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs-four{
		margin-right:4px;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs:nth-child(3n){
		margin-right:0%;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs{
		width: calc(( 100% - 15px) / 4 );
		margin-right:5px;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs:nth-child(3n){
		margin-right:5px;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs-four{
		margin-right:0%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs .img-con h1{
		font-size: 0.9rem;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs .img-con h1:after{
		height:2px;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc{
		width:95%;
	}
	.kitchen .kitchen-content .kitchen-cold .new-title p{
		margin: 0.5rem 0rem 0rem;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs{
		padding:0rem;
	}
	.other .other-content .pro-screen .screen-con h2{
		width: 80%;
    margin-top: 1rem;
	}
	.other .other-content .other-pro .all-other{
		position:relative;
		width:95%;
	  margin:8% auto;
	  padding-top: 3rem;
	}
	.other .other-content .other-pro .all-other .item-span{
		display:block;
		position:absolute;
		top:0.5rem;
		right:0.5rem;
	}
	.other .other-content .other-pro .all-other .all-item{
    position: absolute;
    width: calc(100% - 4rem);
    justify-content: center;
    padding: 2rem;
    margin: 0%;
    z-index: 120;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    transform: translateX(-110%);
    -webkit-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    transition: all 1.5s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: all 1.5s cubic-bezier(.77, 0, .175, 1);
    -ms-transition: all 1.5s cubic-bezier(.77, 0, .175, 1);
    -moz-transition: all 1.5s cubic-bezier(.77, 0, .175, 1);
	}
	.click-span{
		opacity: 0.7;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
	}
	.click-filter{
		transform: translateX(0%) !important;
    -webkit-transform: translateX(0%) !important;
    -moz-transform: translateX(0%) !important;
    -ms-transform: translateX(0%) !important;
	}
	.other .other-content .other-pro .all-other .all-item h1{
		height: 60px;
    line-height: 60px;
    font-size: 1.2rem;
	}
	.other .other-content .other-pro .all-other .all-item h1 img{
		width:0.8rem;
	}
	.other .other-content .other-pro .all-other .other-item .item h3{
		height: 48px;
    line-height: 48px;
    font-size: 1.1rem;
	}
	.other .other-content .other-pro .all-other .other-img{
		width:100%;
	}
	.other .other-content .other-pro .all-other .other-img .all-otherImg .imgs{
		width: 32.33%;
    margin: 0% 1% 4% 0%;
	}
	.other .other-content .other-pro .all-other .other-img .all-otherImg .imgs:nth-child(3n){
		margin-right:0%;
	}
	.other .other-content .other-pro .all-other .other-img .all-otherImg .imgs .img-con{
		margin: 3% 7% 9% 0%;
	}
	.catalog .catalog-content .all-cata{
		padding: 12% 0%;
		flex-wrap: wrap;
	}
	.catalog .catalog-content .all-cata .cata-left{
		width: 50%;
    margin: 0 auto;
	}
	.catalog .catalog-content .all-cata .cata-right{
		width: 70%;
    margin: 12% auto 5%;
	}
	.catalog .catalog-content .all-cata .cata-left .img{
		width: 18rem;
	}
	.catalog .catalog-content .all-cata .cata-right .all-right{
		width: 90%;
		margin: 0 auto;
    text-align: center;
	}
	.catalog .catalog-content .all-cata .cata-right .all-right .title h1{
		font-size:2.8rem;
	}
	.catalog .catalog-content .all-cata .cata-right .all-right .cata-p{
		font-size: 1.1rem;
    line-height: 1.8rem;
	}
	.privacy .all-privacy{
		width: 90%;
    margin: 7% auto 9%;
	}
	.privacy .all-privacy .privacy-msg{
		margin:3.5% auto;
	}
	.privacy .all-privacy .msg-title h1{
		font-size: 1.6rem;
	  margin-bottom: 1.5%;
	}
	.privacy .all-privacy .msg-con p{
		font-size: 1rem;
		line-height: 1.6rem;
	}
	.privacy .all-privacy .msg-img{
		margin-top:3%;
	}
	.contact .contact-con .contact-bc1{
		font-size: 5rem;
    letter-spacing: 10px;
	}
	.contact .contact-con .all-contact{
		width:95%;
    padding: 14% 0% 13%;
    flex-wrap: wrap;
	}
	.contact .contact-con .all-contact .con-left{
		width: 90%;
    margin: 0 auto;
	}
	.contact .contact-con .all-contact .con-left img{
		width:70%;
	}
	.contact .contact-con .all-contact .con-left .all-details{
		width: 82%;
    margin-left: 4%;
    padding: 5% 6%;
    box-shadow: 0px 0px 25px rgba(7,1,2,0.15);
	}
	.contact .contact-con .all-contact .con-left .all-details .de-title{
		font-size: 1.8rem;
	}
	.contact .contact-con .all-contact .con-left .all-details .left-details .detail img{
		width:1.2rem;
	}
	.contact .contact-con .all-contact .con-left .all-details .left-details .detail p{
		line-height: 1.4rem;
	}
	.contact .contact-con .all-contact .con-right{
		width: 85%;
    margin-left: 0%;
    margin: 12% auto 5%;
	}
	.contact .contact-con .all-contact .con-right .right-title h1{
		font-size:2.5rem;
	}
	.contact .form .btn .layui-btn{
		box-shadow: 0px 13px 20px rgba(0,0,0,0.2);
	}
	.footer .foot-contact{
		padding:7% 0%;
		background-size: auto 100%;
	}
	.footer .foot-contact .all-contact{
		width: 90%;
		flex-wrap: wrap;
	}
	.footer .foot-contact .all-contact .con-left{
		width:100%;
	}
	.footer .foot-contact .all-contact .con-left .left-title h1{
		font-size:2.5rem;
	}
	.footer .foot-contact .all-contact .con-left .left-details{
		font-size: 1rem;
    width: 95%;
	  font-size:20px;
	  line-height:28px;
	}
	.footer .foot-contact .all-contact .con-right{
		padding: 3rem 2rem;
		width: 100%;
		margin-top: 1.5rem;
	}
	.footer .foot-nav{
		padding:6% 0% 3%;
	}
	.footer .foot-nav .foot-back{
		width: 32px;
    height: 32px;
	}
	.footer .foot-nav .all-nav{
		width: 90%;
    flex-wrap: wrap;
	}
	.footer .foot-nav .all-nav .nav-one{
		width:55%;
	}
	.footer .foot-nav .all-nav .nav-two{
		width:45%;
	}
	.footer .foot-nav .all-nav .nav-three{
		width:100%;
	}
	.footer .foot-nav .all-nav .nav-one .foot-p{
		width: 90%;
	}
	.footer .foot-nav .all-nav .nav-con .foot-title h1{
		font-size:1.5rem;
	}
	.footer .foot-nav .all-nav .nav-con .foot-ul .ul-li h2{
		font-size:1.1rem;
	}
	.footer .foot-nav .all-nav .nav-con .foot-ul .ul-li p{
		line-height:1.5rem;
	}
	.footer .foot-bottom{
		padding:1% 0%;
	}
}
@media screen and (max-width:604px){
	.auto-hide{
		top: 70px;
	}
	.nav .nav-content{
		width: 95%;
		padding:0.5rem 0rem 0.8rem;
	}
	.nav .nav-content .nav-logo{
		width: 7rem;
	}
	.nav .nav-content .nav-ul{
		width: calc(100% - 8rem);
	}
	.home .all-screen .screen-content .con-right h1{
		font-size:1.5rem;
	}
	.btn-a{
		margin-top:1rem;
	}
	.btn-a p{
		height: 30px;
    line-height: 32px;
    padding: 0px 20px;
    font-size: 0.8rem;
	}
	.home .home-content .home-kitchen{
		margin:8% 0% 9%;
	}
	.home .home-content .home-kitchen .kit-top{
		width: 85%;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.home .home-content .home-kitchen .kit-top .top-left{
		width: 100%;
		margin: 5% auto;
	}
	.home .home-content .home-kitchen .kit-top .top-left .left-title h1{
		font-size:1.8rem;
	}
	.home .home-content .home-kitchen .kit-top .top-left .left-con .left-p{
		width: 100%;
    margin: 5% 0% 0%;
    font-size: 1rem;
    line-height: 1.6rem;
	}
	.home .home-content .home-kitchen .kit-top .top-right{
		width: 80%;
    margin:5% auto;
	}
	.home .home-content .home-kitchen .kit-top .top-right .swiper-container .prev-next{
		width:2rem;
	}
	.home .home-content .home-kitchen .kit-top .top-right .swiper-container .swiper-button-prev{
		left:-5%;
	}
	.home .home-content .home-kitchen .kit-top .top-right .swiper-container .swiper-button-next{
		right:-10%;
	}
	.home .home-content .home-kitchen .kit-bottom .slide-content{
		padding: 0.8rem 0rem 1.2rem;
	}
	.home .home-content .home-kitchen .kit-bottom .slide-content h1{
		font-size: 1.3rem;
    margin-left: 0.8rem;
	}
	.home .home-content .home-kitchen .kit-bottom .slide-content h1:after{
		top:115%;
		height: 2px;
	}
	.home .home-content .zinc-brass .zb-title .title-item{
		flex-wrap:wrap;
	}
	.home .home-content .zinc-brass .zb-title .title-one{
		font-size: 1.3rem;
    letter-spacing: 6px;
	}
	.home .home-content .zinc-brass .zb-title .title-two{
		margin:1rem 0rem 1.8rem;
	}
	.home .home-content .zinc-brass .zb-title .title-two h1{
		font-size:1.5rem;
	}
	.home .home-content .zinc-brass .zb-title .title-two img{
		width: 3.5rem;
    top: -1.5rem;
    left: -1.5rem;
	}
	.home .home-content .zinc-brass .zb-title .title-item .item{
		margin: 0rem 0.5rem;
    padding: 0px 15px;
    height: 28px;
    line-height: 28px;
    font-size: 0.8rem;
	}
	.change-btn{
		box-shadow: 2px 5px 10px rgba(0,0,0,0.15) !important;
	}
	.home .home-content .zinc-brass .zb-title .title-item .item:hover{
		box-shadow: 2px 5px 10px rgba(0,0,0,0.15) !important;
	}
	.home .home-content .zinc-brass .zb-product{
		margin: 5% auto 8%;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs{
		flex-wrap: wrap;
	}
	.home .home-content .zinc-brass .zb-product .zb-one{
		width:98%;
	}
	.home .home-content .home-zinc .zb-product .zb-one{
		width:98%;
		padding-bottom: 20%;
	}
	.home .home-content .zinc-brass .zb-product .zb-two{
		width:98%;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img{
		width:49%;
		margin:2% 2% 3% 0%;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img:nth-child(2n){
		margin-right:0%;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img .img-con{
		top:0.7rem;
    left: 1rem;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img .img-con h1{
		font-size:0.95rem;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .zb-img .img-con h2{
		font-size:0.7rem;
	}
	.home .home-content .home-zinc .zb-product .zb-imgs .zb-img{
		padding: 1.5rem 0rem 0rem;
    background-color: #f5f5f6;
    margin-right: 4px;
	}
	.home .home-content .home-brass .zb-product .zb-imgs .zb-img{
		padding-top: 1rem;
    background-color: #ffffff;
    margin-right: 4px;
	}
	.home .home-content .zinc-brass .zb-product .zb-imgs .img-last{
		margin-right: 0px;
	}
	.home .home-content .home-brass{
		padding:5% 0% 7%;
	}
	.home .home-content .home-brass .zb-product{
		margin-bottom:0%;
	}
	.home .home-care{
		padding-top: 23%;
		margin-top:5%;
		background-color: #f5f5f6;
	}
	.home .home-care .all-care{
		width:95%;
		flex-wrap:wrap;
	}
	.home .home-care .care-bc1{
		width: 100%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 2;
    top: 50%;
    opacity: 0.6;
	}
	.home .home-care .care-bc2{
		font-size: 2.5rem;
		width: 95%;
    transform: translate(-50%, 0px);
    left: 50%;
    top: 3%;
    bottom: unset;
    text-align: center;
	}
	.home .home-care .care-bc2 br{
		display:none;
	}
	.home .home-care .care-bc3{
		content: unset;
    width: 0%;
	}
	.home .home-care .care-bc4{
		content: unset;
    width: 0%;
	}
	.home .home-care .care-bc2 h1 br{
		display:none;
	}
	.home .home-care .all-care .care-left{
		display:none;
	}
	.home .home-care .all-care .care-right{
		width: 100%;
	}
	.home .home-care .all-care .care-right .all-right{
		width: 100%;
		margin:2% 0% 0% 0%;
	}
	.home .home-care .all-care .care-right .all-right .img-text .img{
	  width: 3.5rem;
	  margin:-0.2rem 1.2rem 0rem 0rem;
	  padding: 0.8rem;
	}
	.home .home-care .all-care .care-right .all-right .text-two .img{
		width: 5rem;
	}
	.home .home-care .all-care .care-right .all-right .img-text{
		margin-bottom:5%;
	}
	.home .home-care .all-care .care-right .all-right .img-text h1{
		font-size:1.5rem;
	}
	.home .home-care .all-care .care-right .all-right .img-text p{
		font-size: 0.9rem;
    line-height: 1.6rem;
	}
	.home .home-news{
		width:95%;
		margin: 10% auto 6%;
	}
	.home .home-news .news-title h1{
		font-size: 2.2rem;
	}
	.home .home-news .news-title img{
		top: -1.2rem;
    left: -2.5rem;
    width: 4rem;
	}
	.home .home-news .new-slide .img-con .img{
		width:95%;
	}
	.home .home-news .new-slide .img-con .con{
		width: 80%;
		margin:-10% auto 0%;
		padding: 1rem 5px 1.5rem 1rem;
	}
	.home .home-news .new-slide .img-con .con p{
		font-size: 1rem;
    line-height: 1.6rem;
    margin-bottom: 0rem;
	}
	.home .home-news .new-slide .swiper-container .prev-next{
		width:3rem;
		right: 0rem;
	}
	.home .home-news .new-slide .swiper-container .swiper-button-prev{
		right:3rem;
	}
	.all-bc{
		height:4rem;
	}
	.about .about-content .all-about .title-img img{
		width:4rem;
	}
	.about .about-content .all-about .title-img h1{
		font-size:2rem;
	}
	.about .about-content .all-about .all-width{
		width:95%;
		flex-wrap: wrap;
	}
	.about .all-about .about-brief .brief{
		flex-wrap:wrap;
	}
	.about .all-about .about-brief .brief .brief-text{
		width:100%;
	}
	.about .all-about .about-brief .brief-one .brief-img{
		width:85%;
		margin: 5% auto;
	}
	.about .all-about .about-brief .brief-one .brief-img .img:before{
		left: -8%;
		border: 3px solid #acce22;
	}
	.about .about-content .all-about .prev-next{
		width:4rem;
		top: -3.2rem;
	}
	.about .all-about .about-factory .fac-slide .prev-next{
		top: -3.2rem;
	}
	.about .about-content .all-about .swiper-button-prev{
		right: 5rem;
	}
	.about .all-about .about-brief{
		padding:12% 0%;
	}
	.about .all-about .about-brief .brief .brief-text .text-p{
		font-size: 1rem;
    line-height: 1.6rem;
    margin-top:3%;
	}
	.about .all-about .about-brief .brief-one .brief-img .img{
		width:100%;
	}
	.about .all-about .about-brief .brief-one .brief-text .all-text{
		width: 100%;
    margin-left: 0%;
	}
	.about .all-about .about-brief .brief-two{
		margin-top: 10%;
	}
	.about .all-about .about-brief .brief-two .brief-text{
		width:100%;
    margin: 0%;
	}
	.about .all-about .about-brief .brief-two .brief-img{
		width:95%;
		margin:15% auto 5%;
	}
	.about .all-about .about-brief .brief-two .text-title{
		width: 7rem;
	}
	.about .all-about .about-factory{
		padding:8% 0% 15%;
	}
	.about .all-about .about-factory .fac-bc{
		height: 70%;
	}
	.about .all-about .about-factory .fac-slide{
		margin-top:5%;
	}
	.about .all-about .about-factory .fac-slide .prev-next{
		display:none;
	}
	.about .all-about .about-exhibi{
		padding-bottom:6%;
	}
	.about .all-about .about-exhibi .exhibi-img .exhibi-slide{
		width: 95%;
    margin: 5% auto;
	}
	.about .all-about .about-exhibi .exhibi-img{
		margin-top:8%;
	}
	.about .all-about .about-exhibi .exhibi-img .exhibi-slide .con{
		font-size: 1rem;
    line-height: 1.6rem;
    padding: 5% 0% 5% 5%;
		margin: -2rem 0rem 0rem -5px;
		box-shadow: 0px 0px 20px rgba(7,1,2,0.15);
	}
	.about .all-about .about-exhibi .exhibi-img .slide-two .con{
		width: 80%;
	}
	.about .all-about .about-certifi .all-certifi{
		width: 95%;
    margin: 13% auto 10%;
	}
	.about .all-about .about-certifi .all-certifi .certifi-slide{
		margin-top:6%;
	}
	.about .all-about .about-serve{
		padding: 10% 0%;
	}
	.about .all-about .about-serve .all-width .serve-left{
		width: 100%;
    margin: 0%;
    text-align: center;
	}
	.about .all-about .about-serve .all-width .serve-right{
		width: 97%;
    padding-left: 3%;
    margin-top: 5%;
	}
	.about .all-about .about-serve .all-width .serve-left .left-p{
		font-size: 1rem;
    line-height: 1.6rem;
		margin-top:3%;
		text-align:left;
	}
	.about .all-about .about-serve .all-width .serve-right .right-con{
		font-size: 0.9rem;
		line-height: 1.5rem;
	}
	.pros .pros-content .pro-screen .screen-con{
		bottom: 30%;
    font-size: 1.5rem;
	}
	.pros .pros-content .pro-nav{
		flex-wrap: wrap;
	}
	.pros .pros-content .pros-nav .navs{
		width: 2rem;
    height: 2rem;
    line-height: 2rem;
    margin: 0.3rem;
	}
	.pros .pros-content .pro-nav .li-nav h1{
		font-size: 0.7rem;
    padding: 0.5rem 0rem;
	}
	.pros .pros-content .pro-nav .li-nav span{
		height: 1px;
    bottom: 3px;
	}
	.pros .pros-content .title-img{
		padding-left:0rem;
	}
	.pros .pros-content .title-img h1{
		font-size:1.8rem;
	}
	.product-details .prodetail-content .pro-title{
		padding:15% 0% 5%;
	}
	.product-details .prodetail-content .title-img img{
		top: -2rem;
    left: -2rem;
	}
	.product-details .prodetail-content .pro-con .all-pro{
		width:85%;
	}
	.product-details .prodetail-content .pro-con .all-pro .pro-right .right-item{
		font-size: 1.1rem;
    margin-bottom: 1rem;
	}
	.product-details .prodetail-content .pro-con .all-pro .pro-left{
		width:100%;
	}
	.product-details .prodetail-content .pro-con .all-pro .pro-right{
		padding:7% 0% 2% 5%;
		width: 100%;
		border-top: 1px solid #e8e6e6;
		border-left: unset;
	}
	.product-details .prodetail-content .pro-con .all-pro .href-img{
		width:2.2rem;
	}
	.product-details .prodetail-content .pro-con .all-pro .img-left{
		left:-10%;
	}
	.product-details .prodetail-content .pro-con .all-pro .img-right{
		right:-10%;
	}
	.product-details .prodetail-content .pro-con .pro-bottom{
		margin: 5% 0% 12%;
	}
	.product-details .prodetail-content .pro-con .pro-bottom .btn-a p{
		height: 40px;
    line-height: 42px;
    font-size: 1.1rem;
	}
	.bathroom .bathroom-content .new-title p{
		font-size: 1rem;
    margin: 0.5rem 0rem 2rem;
	}
	.bathroom .bathroom-content .new-design{
		padding:8% 0%;
	}
	.bathroom .bathroom-content .new-design .all-new{
		width:95%;
	}
	.bathroom .bathroom-content .new-design .all-new .new-pro .img-text{
		width: 49%;
    margin: 0% 2% 5% 0%;
	}
	.bathroom .bathroom-content .new-design .all-new .new-pro .img-text:nth-child(2n){
		margin-right:0%;
	}
	.bathroom .bathroom-content .new-design .all-new .new-pro .img-text .text{
		margin-top:1rem;
	}
	.bathroom .bathroom-content .bath-pro{
		margin-bottom: 10%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top{
		width: 85%;
		flex-wrap: wrap;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-left{
		width:100%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-right{
		width: 90%;
    margin: 10% auto 5%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-right .prev-next{
		width: 2rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-right .swiper-button-prev{
		left: -6%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-right .swiper-button-next{
		right: -11%;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-left .left-title h1{
		font-size:2.2rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-left .left-title h1:after{
		height: 2px;
    width: 3.5rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-bottom .slide-content{
		padding: 0.8rem 0rem 1.2rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-bottom .slide-content h1:after{
		height: 2px;
	}
	.bathroom .bathroom-content .bath-pro .pro-bottom .slide-content h1{
		font-size: 1.3rem;
    margin-left: 0.8rem;
	}
	.bathroom .bathroom-content .bath-pro .pro-top .top-left .left-p .pp{
		width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 10% 0% 0%;
	}
	.bathroom .bathroom-content .shower-column .all-shower{
		width: 95%;
    padding: 5% 0% 8%;
    margin:0 auto 5%;
	}
	.kitchen .kitchen-content .title-img img{
		top: -1rem;
    left: 1rem;
    width: 4rem;
	}
	.kitchen .kitchen-content .kitchen-popular{
		padding:10% 0% 8%;
	}
	.kitchen .kitchen-content .kitchen-popular .all-popular{
		width: 95%;
	}
	.kitchen .kitchen-content .new-title p{
		font-size:0.95rem;
		margin: 0.5rem 0rem 2rem;
	}
	.kitchen .kitchen-content .kitchen-popular .popular-pro .img-text{
		width: 49%;
		margin:0% 2% 5% 0%;
	}
	.kitchen .kitchen-content .kitchen-popular .popular-pro .img-text:nth-child(2n){
		margin-right:0%;
	}
	.kitchen .kitchen-content .kitchen-popular .popular-pro .img-text .text{
		font-size:1rem;
	}
	.kitchen .kitchen-content .bzc{
		padding:8% 0% 10%;
	}
	.kitchen .kitchen-content .bzc .all-bzc{
		width:98%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .new-title .title-top{
		font-size: 1.6rem;
    letter-spacing: 8px;
		margin-bottom:2%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .new-title .title-item{
		margin-top:2%;
		flex-wrap: wrap;
	}
	.kitchen .kitchen-content .bzc .all-bzc .new-title .title-item .item{
		font-size: 0.75rem;
		height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    margin-top: 2%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg{
		margin-top: 6%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs{
		padding:1rem 0rem 0rem;
		background-color:#ffffff;
		width: calc(( 100% - 15px) / 3 );
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs-four{
		margin-right:4px;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs:nth-child(3n){
		margin-right:0%;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs{
		width: 49%;
    margin-right: 2%;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs:nth-child(2n){
		margin-right:0px;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs:nth-child(3n){
		margin-right:2%;
	}
	.kitchen .kitchen-content .bzc .all-bzc .bzc-pro .all-proImg .imgs .img-con h1{
		font-size: 0.9rem;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs .img-con h1:after{
		height:2px;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc{
		width:95%;
	}
	.kitchen .kitchen-content .kitchen-cold .new-title p{
		margin: 0.5rem 0rem 0rem;
	}
	.kitchen .kitchen-content .kitchen-cold .all-bzc .bzc-pro .all-proImg .imgs{
		padding:0rem;
	}
	.other .other-content .pro-screen .screen-con h2{
		width: 80%;
    margin-top: 1rem;
	}
	.other .other-content .other-pro .all-other{
		position:relative;
		width:95%;
	  margin:8% auto;
	  padding-top: 3rem;
	}
	.other .other-content .other-pro .all-other .item-span{
		display:block;
		position:absolute;
		top:0.5rem;
		right:0.5rem;
	}
	.other .other-content .other-pro .all-other .all-item{
    position: absolute;
    width: calc(100% - 4rem);
    justify-content: center;
    padding: 2rem;
    margin: 0%;
    z-index: 120;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    transform: translateX(-110%);
    -webkit-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    transition: all 1.5s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: all 1.5s cubic-bezier(.77, 0, .175, 1);
    -ms-transition: all 1.5s cubic-bezier(.77, 0, .175, 1);
    -moz-transition: all 1.5s cubic-bezier(.77, 0, .175, 1);
	}
	.click-span{
		opacity: 0.7;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
	}
	.click-filter{
		transform: translateX(0%) !important;
    -webkit-transform: translateX(0%) !important;
    -moz-transform: translateX(0%) !important;
    -ms-transform: translateX(0%) !important;
	}
	.other .other-content .other-pro .all-other .other-item{
		margin-bottom:1%;
	}
	.other .other-content .other-pro .all-other .all-item h1{
		height:48px;
    line-height:49px;
    font-size: 1.1rem;
	}
	.other .other-content .other-pro .all-other .all-item h1 img{
		width:0.8rem;
	}
	.other .other-content .other-pro .all-other .other-item .item h3{
		height: 40px;
    line-height: 41px;
    font-size: 0.9rem;
	}
	.other .other-content .other-pro .all-other .other-img{
		width:100%;
	}
	.other .other-content .other-pro .all-other .other-img .all-otherImg .imgs{
		width: 49%;
    margin: 0% 2% 4% 0%;
	}
	.other .other-content .other-pro .all-other .other-img .all-otherImg .imgs:nth-child(2n){
		margin-right:0%;
	}
	.other .other-content .other-pro .all-other .other-img .all-otherImg .imgs .img-con{
		margin: 3% 7% 9% 0%;
	}
	.catalog .catalog-content .all-cata{
		padding: 12% 0%;
		flex-wrap: wrap;
	}
	.catalog .catalog-content .all-cata .cata-left{
		width: 60%;
    margin-left: 30%;
	}
	.catalog .catalog-content .all-cata .cata-right{
		width: 95%;
    margin: 15% auto 5%;
	}
	.catalog .catalog-content .all-cata .cata-left .img{
		width: 18rem;
	}
	.catalog .catalog-content .all-cata .cata-right .all-right{
		width: 90%;
		margin: 0 auto;
    text-align: center;
	}
	.catalog .catalog-content .all-cata .cata-right .all-right .title h1{
		font-size:2.5rem;
	}
	.catalog .catalog-content .all-cata .cata-right .all-right .cata-p{
		font-size: 1.1rem;
    line-height: 1.8rem;
	}
	.catalog .catalog-content .all-cata .cata-right .all-right .down-btn .btn{
		height: 50px;
    line-height: 50px;
	}
	.catalog .catalog-content .all-cata .cata-right .all-right .down-btn .btn p{
		margin-top:5px;
	}
	.privacy .all-privacy{
		width: 90%;
    margin: 7% auto 10%;
	}
	.privacy .all-privacy .privacy-msg{
		margin:4% auto;
	}
	.privacy .all-privacy .msg-title h1{
		font-size: 1.5rem;
	  margin-bottom: 2%;
	}
	.privacy .all-privacy .msg-con p{
		font-size: 0.95rem;
		line-height: 1.5rem;
	}
	.privacy .all-privacy .msg-img{
		margin-top:3%;
	}
	.contact .contact-con .contact-bc1{
		font-size: 5rem;
    letter-spacing: 10px;
	}
	.contact .contact-con .all-contact{
		width:95%;
    padding: 14% 0% 13%;
    flex-wrap: wrap;
	}
	.contact .contact-con .all-contact .con-left{
		width: 90%;
    margin: 0 auto;
	}
	.contact .contact-con .all-contact .con-left img{
		width:80%;
	}
	.contact .contact-con .all-contact .con-left .all-details{
		width: 90%;
    margin-left: 4%;
    padding: 5% 6%;
    box-shadow: 0px 0px 25px rgba(7,1,2,0.15);
	}
	.contact .contact-con .all-contact .con-left .all-details .de-title{
		font-size: 1.8rem;
	}
	.contact .contact-con .all-contact .con-left .all-details .left-details .detail img{
		width:1.2rem;
	}
	.contact .contact-con .all-contact .con-left .all-details .left-details .detail p{
		line-height: 1.4rem;
	}
	.contact .contact-con .all-contact .con-right{
		width: 85%;
    margin-left: 0%;
    margin: 12% auto 5%;
	}
	.contact .contact-con .all-contact .con-right .right-title h1{
		font-size:2.5rem;
	}
	.contact .form .btn .layui-btn{
		box-shadow: 0px 13px 20px rgba(0,0,0,0.2);
	}
	.footer .foot-contact{
		padding:10% 0%;
		background-size: auto 100%;
	}
	.footer .foot-contact .all-contact{
		width: 90%;
		flex-wrap: wrap;
	}
	.footer .foot-contact .all-contact .con-left{
		width:100%;
	}
	.footer .foot-contact .all-contact .con-left .left-title h1{
		font-size:2.2rem;
	}
	.footer .foot-contact .all-contact .con-left .left-title img{
		top: -1rem;
    left: -1rem;
    width: 4rem;
	}
	.footer .foot-contact .all-contact .con-left .left-details{
		font-size: 1rem;
    width: 95%;
    line-height: 1.5rem;
	  font-size:20px;
	  line-height:28px;
	}
	.footer .foot-contact .all-contact .con-right{
		padding: 3rem 2rem;
		width: 100%;
		margin-top: 1.5rem;
	}
	.footer .foot-nav{
		padding:10% 0% 3%;
	}
	.footer .foot-nav .foot-back{
		width: 25px;
    height: 25px;
	}
	.footer .foot-nav .all-nav{
		width: 90%;
    flex-wrap: wrap;
	}
	.footer .foot-nav .all-nav .nav-one{
		width:100%;
	}
	.footer .foot-nav .all-nav .nav-two{
		width:100%;
		margin:5% auto;
	}
	.footer .foot-nav .all-nav .nav-three{
		width:100%;
	}
	.footer .foot-nav .all-nav .nav-one .foot-p{
		width: 95%;
	}
	.footer .foot-nav .all-nav .nav-con .foot-title h1{
		font-size:1.5rem;
	}
	.footer .foot-nav .all-nav .nav-con .foot-ul .ul-li h2{
		font-size:1.1rem;
	}
	.footer .foot-nav .all-nav .nav-con .foot-ul .ul-li p{
		line-height:1.3rem;
	}
	.form .btn .layui-btn{
		box-shadow: 3px 7px 20px rgba(0,0,0,0.25);
	}
	.footer .foot-bottom{
		padding:1.5% 0%;
		font-size: 0.9rem;
	}
	.footer .foot-bottom a{
		padding-top: 3px;
	}
}
@media screen and (max-width:400px){}

/*20250715-------------------------------------------------*/
.nodata{display:none;font-family:MyMyriadPro-R;font-size:18px;line-height:24px;color:#999999;width:100%;text-align:center;padding:50px 0;}
.clearfix:after{content:".";display:block;height:0;clear:both;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
.img-rotate{overflow:hidden;}
.img-rotate img{transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);-webkit-transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);-moz-transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);-ms-transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);}
.img-rotate:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);}
.down-hide{display:none;}
.down-box{position:relative;cursor:pointer;text-align:center;}
.show{display:block!important;}
.hide{display:none!important;}
.none{display:none!important;}
.foot-cata{margin-top:20px;}
.foot-cata .down-box{text-align:left;}
.foot-cata .down-box p{padding:5px 0;color:#aacd06;font-family:MyFutura-BT;font-size:16px;line-height:18px;cursor:pointer;}
.foot-cata .down-box p span{text-transform:uppercase;font-style:italic;}
.title-box{text-align:center;}
.title-same{position:relative;display:inline-block;}
.title-same img{position:absolute;content:"";top:-2.4rem;left:-3rem;width:6.4rem;}
.title-same h1{position:relative;font-family:MyFutura-BT;font-size:3.25rem;text-transform:capitalize;	}
.title-same h1 span{color:#acce22;}
.title-box p{margin:0 auto;margin-top:20px;max-width:480px;font-family:MyMyriadPro-R;font-size:18px;line-height:30px;color:#d7d2d2;}
/*弹框表单*/
.show-form{position:fixed;width:100%;height:100%;display:flex;display:-webkit-flex;align-items:center;justify-content:center;top:0%;left:0%;visibility:hidden;opacity:0;background-color:rgba(0,0,0,0.53);transform:matrix(1, 0, 0, 1, 0, 20);-webkit-transform:matrix(1, 0, 0, 1, 0, 20);-moz-transform:matrix(1, 0, 0, 1, 0, 20);transition:all 0.5s cubic-bezier(0.75,0.5,0.5,0.25);-webkit-transition:all 0.5s cubic-bezier(0.75,0.5,0.5,0.25);-ms-transition:all 0.5s cubic-bezier(0.75,0.5,0.5,0.25);z-index:2222;}
.shown-form{visibility:inherit !important;opacity:1 !important;transform:matrix(1, 0, 0, 1, 0, 0) !important;-webkit-transform:matrix(1, 0, 0, 1, 0, 0) !important;-moz-transform:matrix(1, 0, 0, 1, 0, 0) !important;}
.show-form .download{position:fixed;transform:translate(-50%,-50%);top:50%;left:50%;width:50%;padding:2% 4%;border-radius:15px;background-color:rgb(255,255,255);}
.show-form .download .form{margin-top:10px;}
.show-form .download .form-hide{text-align:right;}
.show-form .download .form-hide img{width:2rem;}
.show-form .download .form-hide img:hover{cursor:pointer;}
.show-form .download .form .layui-textarea{height:100px;}
.show-form .download .form .layui-input{line-height:28px;height:48px;}
.show-form .download .form .layui-form-item{margin-bottom:15px;}
.show-form .download .form .layui-form-item.btn{margin-bottom:10px;}
/**/
.catalog-content .title-box{padding-top:6%;}
.screen-down{display:flex;width:80%;}
.screen-down .down-box{ } 
.pros .pros-content .pro-screen .screen-con.screen-con2{position:absolute;bottom:unset;right:8%;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform: translate(0,-50%);max-width:100%;}
.cata-down{margin:0 auto;width:80%;display:flex;justify-content:center;}
.cata-down .down-box{width:30%;margin:0 5%;}
.cata-down .down-show{position:relative;box-shadow:0px 0px 20px #a8a8a8;}
.cata-down .down-hover{display:none;position:absolute;top:0;left:0;width:100%;height:100%;align-items: center;justify-content:center;background:rgba(172,206,34,0.79);}
.cata-down .down-hover .img{width:50%;max-width:180px;}
.cata-down .down-box:hover .down-hover{display:flex;}
.cata-down .down-button{margin-top:-15px;position:relative;z-index:9;display:inline-block;background-color:#ffffff;box-shadow:0px 0px 20px #a8a8a8;padding:15px 50px;}
.cata-down .down-button .button-txt{padding-left:40px;position:relative;}
.cata-down .down-button .button-txt:before{content:"";position:absolute;top:0;left:0;display:inline-block;width:28px;height:28px;background:url(../fodder/home/down.png) left top no-repeat;background-size:100% auto;}
.cata-down .down-button .button-txt p{font-family:MyMyriadPro-R;font-size:18px;line-height:24px;color:#aacd06;letter-spacing:0.5px;text-align:center;}
.cata-down .down-button .button-txt h1{font-family:MyMyriadPro-R;font-size:18px;line-height:24px;color:#aacd06;letter-spacing:0.5px;font-weight:600;text-transform:uppercase;text-align:center;}
/*land-about*/
.land-about{position:relative;padding:5% 0;}
.land-about:after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:50%;background-color:#f5f5f6;}
.about-con{position:relative;z-index:5;width:88%;padding:0 6%;}
.about-why ul{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;}
.about-why li{width:calc(24% - 30px);margin:0 0.5%;padding:40px 15px;}
.about-why li .img{display:flex;justify-content:center;width:100%;}
.about-why li .img img{width:50%;max-width:118px;}
.about-why li h1{width:100%;text-align:center;color:#303430;font-family:MyFutura-BT;font-size:34px;line-height:36px;margin-top:20px;}
.about-why li p{width:100%;text-align:center;color:#6b6a6a;font-family:MyMyriadPro-R;font-size:20px;line-height:26px;margin-top:10px;}
.about-why li p span{display:block;}
.about-workshop{padding:5% 0;}
.about-workshop .workshop-slide{margin:20px auto 0 auto;}
.about-joy .joy-info{float:right;width:46%;}
.about-joy .joy-factory{float:left;width:51%;position:relative;}
.about-joy .joy-factory:after{content:"";position:absolute;left:-15px;bottom:-15px;display:block;width:60%;height:60%;background-color:#acce22;}
.about-joy .joy-factory .img{position:relative;z-index:5;}
.about-joy .info-des{padding:0 20px;}
.about-joy .info-des .title-box{text-align:left;padding-left:2rem;}
.about-joy .info-des p{color:#8d8f8f;font-family:MyMyriadPro-R;font-size:20px;line-height:36px;margin-top:20px;}
.about-joy .about-exhib{margin-top:35px;display:flex;justify-content:space-between;}
.about-joy .about-exhib .about-exhib1{width:calc((100% - 40px) / 2);}
.about-joy .about-exhib .about-exhib2{width:calc((100% - 40px) / 2);}
.about-joy .about-exhib .exhib-con h1{color:#8d8f8f;font-family:MyMyriadPro-R;font-size:24px;line-height:26px;margin-top:10px;text-align:center;}
.bathroom .land-about{padding-top:0;}
.bathroom .land-about:after{content:none;}
.bathroom .about-why li{background-color:#f5f5f6;}
.bathroom .about-joy .joy-info{float:left;width:44%;margin-top:40px;}
.bathroom .about-joy .joy-factory{float:right;width:54%;}
.bathroom .about-joy .joy-factory:after{content:none;}
.bathroom .about-joy .about-exhib{margin-top:100px;width:120%;position:relative;z-index:9;}
.bathroom .about-joy .about-exhib:after{content:"";position:absolute;right:-15px;top:-15px;display:block;width:15%;height:66%;background-color:#acce22;}
@media screen and (max-width:1880px){
.about-why li h1{font-size:32px;line-height:34px;margin-top:15px;}
.about-why li p{font-size:18px;line-height:24px;margin-top:10px;}
.bathroom .about-joy .joy-info{margin-top:30px;}
.bathroom .about-joy .about-exhib{margin-top:80px;}
}
@media screen and (max-width:1800px){
.about-why li h1{font-size:30px;line-height:32px;}
.about-joy .about-exhib{margin-top:20px;}
}
@media screen and (max-width:1700px){
.title-same h1{font-size:3rem;}
.land-about{padding:6% 0;}
.about-why li h1{font-size:28px;line-height:30px;}
.about-why li p span{display:inline-block;}
.about-joy .info-des{padding:0;}
.about-joy .info-des p{font-size:18px;line-height:34px;}
.about-joy .about-exhib .about-exhib1{width:calc((100% - 30px) / 2);}
.about-joy .about-exhib .about-exhib2{width:calc((100% - 30px) / 2);}
.about-joy .about-exhib .exhib-con h1{font-size:22px;line-height:24px;}
.bathroom .about-joy .joy-info{margin-top:20px;}
.bathroom .about-joy .about-exhib{margin-top:60px;}
.cata-down .down-box{width:34%;margin:0 5%;}
}
@media screen and (max-width:1580px){
.title-same img{top:-2.2rem;left:-2.4rem;width:5.5rem;}
.about-why li h1{font-size:24px;line-height:26px;}
.about-why li p{font-size:16px;line-height:20px;}
}
@media screen and (max-width:1500px){
.title-same h1{font-size:2.8rem;}
}
@media screen and (max-width:1480px){
.foot-cata{margin-top:10px;}
.about-con{width:90%;padding:0 5%;}
.about-joy .info-des p{font-size:16px;line-height:28px;margin-top:15px;}
.about-joy .about-exhib .about-exhib1{width:calc((100% - 20px) / 2);}
.about-joy .about-exhib .about-exhib2{width:calc((100% - 20px) / 2);}
.about-joy .about-exhib .exhib-con h1{font-size:20px;line-height:22px;}
.bathroom .about-joy .joy-info{margin-top:20px;}
.bathroom .about-joy .about-exhib{margin-top:40px;}
.bathroom .about-joy .about-exhib:after{content:"";position:absolute;right:-15px;top:-15px;display:block;width:16%;height:78%;background-color:#acce22;}
.cata-down{width:88%;}
.cata-down .down-box{width:36%;margin:0 5%;}
.cata-down .down-button{padding:15px 40px;}
}
@media screen and (max-width:1340px){
.about-why li h1{font-size:22px;line-height:24px;margin-top:10px;}
.about-why li p{margin-top:8px;}
.about-joy .joy-info{width:46%;}
.about-joy .joy-factory{width:52%;}
.about-joy .info-des p{font-size:16px;line-height:24px;margin-top:10px;}
.about-joy .about-exhib .about-exhib1{width:calc((100% - 10px) / 2);}
.about-joy .about-exhib .about-exhib2{width:calc((100% - 10px) / 2);}
.about-joy .about-exhib .exhib-con h1{font-size:18px;line-height:20px;}
.bathroom .about-joy .about-exhib{margin-top:30px;}
.bathroom .about-joy .about-exhib:after{content:"";position:absolute;right:-15px;top:-15px;display:block;width:16%;height:80%;background-color:#acce22;}
}
@media screen and (max-width:1280px){
.about-why li h1{font-size:20px;line-height:22px;}
.about-joy .info-des p{line-height:20px;}
.about-joy .about-exhib{margin-top:10px;}
.about-joy .about-exhib .exhib-con h1{font-size:16px;line-height:18px;}
}
@media screen and (max-width:1200px){
.show-form .download{width:60%;padding:3% 5%;}
.show-form .download .form-hide img{width:1.8rem;}
.show-form .download .form .layui-form-item{margin-bottom:10px;}
.title-box p{margin-top:15px;font-size:16px;line-height:28px;}
.screen-down{width:70%;}
.about-why li{width:calc(24% - 20px);margin:0 0.5%;padding:30px 10px;}
.about-why li h1{font-size:18px;line-height:20px;}
.about-why li p{font-size:14px;line-height:20px;}
.about-joy .joy-factory:after{content:"";position:absolute;left:-10px;bottom:-10px;}
.bathroom .about-joy .about-exhib:after{position:absolute;right:-10px;top:-10px;}
.cata-down .down-button{padding:15px 30px;}
}
@media screen and (max-width:1080px){
.screen-down{width:60%;}
.cata-down{width:90%;}
.cata-down .down-box{width:40%;margin:0 5%;}
}
@media screen and (max-width:991px){
.title-same h1{font-size:2.5rem;}
.title-box p{margin-top:10px;font-size:16px;line-height:24px;}
.screen-down{width:50%;}
.land-about{padding:8% 0;}
.about-con{width:94%;padding:0 3%;}
.about-why li{width:calc(48% - 20px);margin:0 1%;padding:20px 10px;}
.about-why li:nth-child(3){margin-top:15px;}
.about-why li:nth-child(4){margin-top:15px;}
.about-why li .img img{width:30%;}
.about-why li h1{font-size:16px;line-height:18px;}
.about-why li p{font-size:14px;line-height:18px;}
.about-joy .joy-info{float:none;width:100%;padding-top:60px;}
.about-joy .joy-factory{float:none;width:100%;}
.bathroom .about-joy .joy-info{float:none;width:100%;margin-top:0;}
.bathroom .about-joy .joy-factory{float:none;width:100%;}
.bathroom .about-joy .about-exhib{width:100%;margin-top:20px;}
.bathroom .about-joy .about-exhib:after{width:15%;height:55%;}
.cata-down{width:90%;}
.cata-down .down-box{width:44%;margin:0 3%;}
.cata-down .down-button{padding:10px 20px;}
.cata-down .down-button .button-txt{padding-left:26px;}
.cata-down .down-button .button-txt:before{width:20px;height:20px;}
.cata-down .down-button .button-txt p{font-size:16px;line-height:22px;letter-spacing:0px;}
.cata-down .down-button .button-txt h1{font-size:16px;line-height:22px;letter-spacing:0px;}
}
@media screen and (max-width:880px){
.show-form .download{width:80%;padding:3% 5%;}
.show-form .download .form-hide img{width:1.5rem;}
.foot-cata{margin-bottom:15px;}
.foot-cata .down-box p{font-size:14px;line-height:16px;}
.screen-down{width:40%;}
.about-workshop .workshop-slide{margin:15px auto 0 auto;}
}
@media screen and (max-width:767px){
.title-same h1{font-size:2.2rem;}
.title-same img{top:-1rem;left:-2rem;width:4rem;}
.catalog-content .title-box{padding-top:5%;}
.about-workshop .workshop-slide{margin:10px auto 0 auto;}
}
@media screen and (max-width:688px){
.about-joy .joy-info{padding-top:20px;}
.about-joy .info-des .title-box{padding-left:0;}
}
@media screen and (max-width:604px){
.show-form .download .form .layui-input{line-height:24px;height:34px;}
.show-form .download .form .layui-btn{padding:0 10px;font-size:14px;}
.show-form .download .form .layui-form-item{margin-bottom:8px;}
.show-form .download .form .layui-form-item.btn{margin-bottom:5px;}
.foot-cata{margin-bottom:0px;}
.title-same h1{font-size:1.8rem;}
.title-same img{top:-1rem;left:1rem;width:4rem;}
.title-box p{margin-top:10px;max-width:90%;line-height:20px;}
.screen-down{width:100%;}
.screen-down .down-img.show{display:none!important;}
.screen-down .down-img.hide{display:block!important;}
.pros .pros-content .pro-screen .screen-con.screen-con2{font-size:1.2rem;width:90%;position:absolute;right:unset;bottom:unset;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform: translate(-50%,-50%);max-width:100%;}
.pros .pros-content .pro-screen .screen-con.screen-con2 h1{width:90%;margin:0 auto;}
.land-about{padding:5% 0;}
.about-why li:nth-child(3){margin-top:10px;}
.about-why li:nth-child(4){margin-top:10px;}
.cata-down .down-button{padding:10px 10px;}
}
@media screen and (max-width:488px){
.show-form .download .form{margin-top:5px;}
.title-box p{max-width:94%;}
.catalog-content .title-box{padding-top:30px;}
.about-why li{width:calc(100% - 20px);margin:0;padding:15px 10px;}
.about-why li:nth-child(2){margin-top:10px;}
.about-why li .img img{width:20%;}
.cata-down{flex-wrap:wrap;}
.cata-down .down-box{width:100%;}
.cata-down .down-box:nth-child(2){margin-top:30px;}
.cata-down .down-button{padding:10px 30px;}
}
@media screen and (max-width:420px){
.about-workshop{padding:20px 0;}
.about-joy .about-exhib{flex-wrap:wrap;}
.about-joy .about-exhib .exhib-con h1{margin-top:5px;}
.about-joy .about-exhib .about-exhib1{width:100%;}
.about-joy .about-exhib .about-exhib2{width:100%;margin-top:10px;}
.bathroom .about-joy .about-exhib{margin-top:10px;}
.bathroom .about-joy .about-exhib:after{width:15%;height:25%;}
}
@media screen and (max-width:360px){
.show-form .download .form .layui-form-item.btn{display:block;}
.show-form .download .form .layui-form-item.btn .layui-btn{display:block;width:100%;font-size:14px;}
.pros .pros-content .pro-screen .screen-con.screen-con2{font-size:1rem;}
.about-why li:nth-child(2){margin-top:5px;}
.about-why li:nth-child(3){margin-top:5px;}
.about-why li:nth-child(4){margin-top:5px;}
.about-why li .img img{width:30%;}
.about-joy .joy-factory:after{content:none;}
.bathroom .about-joy .about-exhib:after{content:none;}
.cata-down .down-button{padding:10px 10px;}
}

.other-item.other9{display:none!important;}
.other-item.other10{display:none!important;}
.BigImg{display:none;}
.BigImg-con .img{margin-top:10px;}
.BigImg-con .img:first-child{margin-top:0;}
.other.other2 .other-content .other-pro .all-other .other-img .all-otherImg .imgs{
	width:100%;
	margin:0% 0% 4% 0%;
	padding-top:3%;
	background-color:#f5f5f5;
}