@charset "utf-8";
/* CSS Document */

.index-cateloge-text p{
	margin-bottom: 10px
}
.mm-cateloge .about-zlj-one-zs .index-cateloge-text>p.index-cateloge-text_o{
	position: relative;
	color: #fff;
	transition: 0.5s;
}

.index-cateloge-text{
	    transition: 0.5s;
    height: 100%;
    overflow: hidden;
    display: block;
    padding: 10px;
    margin-bottom: 10px;
}



.index-cateloge-text_more {
    height: 144px;
    overflow: hidden;
	transition: 0.5s
}
.about-zlj-one-zs .index-cateloge-text_more .index-cateloge-text{
	margin-top: -144px;
	transition: 0.5s
}
.about-zlj-one-zs .index-cateloge-text.index-cateloge-text_mode{
	margin-top: 0;
    background: #3d803a;
    padding-top: 10px;
}

/* .exhibition */
.exhibition {
      width: 25%;
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 15px;
    top: 50%;
    transform: translateY( -50%);
    z-index: 9999;
    background: #fff url(../images/exhibition.jpg) no-repeat center;
    background-size: cover;
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 57%);
    border-radius: 8px;
}
.exh_box {
  position: relative;
}
.exh_text {
      position: absolute;
    top: 17px;
    left: 24px;
    margin: 0 auto;
    width: 90%;
    float: left;
}
.exh_text p {
      padding-bottom: 10px;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 3px;
    padding-right: 25px;
    font-family: 'PFBeauSansPro-SemiBold';
    color: #666;
}
.exh_title1 {
  font-size: 30px;
    float: left;
    margin-bottom: 10px;
    color: #666;
    display: block;
    clear: both;
    font-weight: bold;
}

.exh_close a:hover {
  text-decoration: none;
}
.exh_close a {
  color: #cba18b;
    font-weight: 400;
    text-align: left;
    font-size: 22px;
    display: inline-block;
    background: #cba18b;
    border-radius: 80px;
    padding: 5px;
}
li.exh_close.shadow-lg span.icon-remove.glyphicon.glyphicon-remove.text-danger.fa.fa-times {
    font-size: 18px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
li.exh_close.shadow-lg a img{
	    filter: invert(100%);
}
.exh_close {
    width: 50px;
    height: auto;
    position: absolute;
    right: -8px;
    top: 20px;
	z-index: 9
}
.btn-more {
    color: #fff;
    padding: 10px 25px;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
	position: relative;
	cursor: pointer;
	background: #c5c5c5;
	z-index: 999;
	display: inline-block; 
	border-radius: 6px
}
.btn-more::after {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    transition: 0.5s;
    height: 100%; 
    top: 0;
    left: 0;
	z-index: -1;
	border-radius: 6px
}
.btn-more:hover::after {
    width: 100%;
	transition: 0.5s; 
	background: #d38292;
}

span.icon-remove.glyphicon.glyphicon-remove.text-danger.fa.fa-times {
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 20px;padding: 0
}


@media screen and (max-width: 1700px){
	.index-about-left img {
    height: 100%;
}
	.sort:hover .tittle-xl{
		z-index: 9999
	}
}

@media screen and (max-width: 1526px){
.index-support-all, .index-supper-div-all, .index-news, .index-join, .index-service, .product-all, .tittle-all.no_bg .tittle-top, #fh5co-main, .news, .about-all-top, .about-center, .about-contact, .about-production, .about-bottom, .conter-top, .conter-center, .py-banner-text, .content-all h2, .content-all>p, .newspart, .hy-product-detail, .index-products-cp,.proct-botto,.xunpan,.zp-box-lr,.zp-index-welcome,.index-banner-text>ul,.ab-item0,.ab-item1,.ab-item2 .certify-all>ul,.ab-item3,.raigu-thermostatic-shower-systems,.about-zlj-all { 
   
		max-width: 94%;
	width: 94%
	}
	.tittle-all.no_bg{
		width: 100%
	}
	.content-all>p, .content-all h2{
		    margin: 2% auto;
	}
	.content-all p{
		line-height: 1.7
	}
	.sw-head-nav-content{
		width: 100%;
	}
	.sw-logo{
		margin-left: 3%
	}
	.sw-shouji-button-shouji{
		margin-right: 3%
	}
	.index-about-right{
		height: 600px;
	}
	.index-supper-div-all .bx-controls-direction .bx-next {
    right: -20px;
}
	.index-supper-div-all .bx-controls-direction .bx-prev {
    left: -20px;
}
	.certificate-all{
		max-width: 94%;
	}
	

}
@media screen and (max-width: 1440px){
	.index-about-right h2{
		    width: 60%;
	}
	.product-all-right-cp-img {
		min-height: auto;}
	.index-look h2 {font-size: 34px;}
	.index-products h2 {font-size: 34px;}
	.index-about-right h2{font-size: 34px;}
	.index-supper-div-all h2{font-size: 34px;}
	.index-join h2{font-size: 34px;}
	.index-service>h2{font-size: 34px;}
	.index-service-ul li p {font-size: 16px;}
	.index-service-ul li h2 {font-size: 18px;}
	.index-join>p{width: 70%;}
	.index-service>p{width: 60%}
	.py-banner-text>h2 {
		font-size: 36px;}
	.index-look .bx-wrapper .bx-controls-direction a {
    width: 41px!important;
    height: 65px;
}

	
}
	@media screen and (max-width: 1430px){
		.index-look .bx-wrapper .bx-controls-direction a {
    width: 14px;
    height: 65px;
}
		.index-look .bx-controls-direction .bx-next{    right: -14px;}
		.index-look .bx-controls-direction .bx-prev{left: -14px;}
		
	}
	

@media screen and (max-width: 1350px){
.index-look .bx-controls-direction .bx-next{    right: 0px;}
		.index-look .bx-controls-direction .bx-prev{left: 0px;}
	#search-box {
    line-height: 30px;
    width: 75%;
    background: #e2e2e2;
    height: 80px;
    padding: 0 20px;
    float: left;
}
	.about-mission-i-i {
    display: flex;
    height: 50px; 
}
}
@media screen and (max-width: 1250px){
/*
	.continue_shop{
		width: 96%!important;
	}
*/
	.about-top-left {
    width: 35%;
}
	.about-top-right {
    width: 60%;
    line-height: 1.75;
}
	.text-right {
    display: flex;
    margin-right: 25%;
}
	.about-top-left {
    width: 40%;
}
	.about-top-right {
    width: 54%;
    line-height: 1.75;
}
	.index-nav-right ul li,.index-nav-right ul li:last-child  {
    padding: 0 10px;
    display: inline-block;
}

	.news-title-left {
    width: 50%;
    float: left;
}
	
}


@media screen and (max-width: 1200px){
	.mm-products-left{
		width: 210px!important;
	}
}

@media screen and (max-width: 1150px){
	.index-look h2, .index-products h2, .index-about-right h2, .index-supper-right h2, .index-news>h2, .index-news>h2, .index-join h2, .index-service>h2, .index-supper-div-all h2{
		font-size:24px
	}
	.index-look h2, .index-products h2, .index-supper-right h2, .index-supper-div-all h2, .index-news>h2{
		margin-bottom: 3%
	}
	
	.index-look {
		height: 400px;
		padding:62px 0
	}
	.index-products {
    padding: 62px 0;
		padding-bottom: 0
}
	.sw-head-nav-right li {
    font-size: 14px;
    padding: 0 20px;
    padding-bottom: 40px;
    float: left;
    text-transform: uppercase;
    padding-top: 38px;
}
	.py-banner-text>h2 {
		font-size: 30px;}
	.about-top-right {
    width: 65%;
    line-height: 1.75;
}
	.about-top-left {
    width: 30%;
} 
	.text-right {
    display: flex;
    margin-right: 20%;
}
	.about-top-left {
    width: 40%;
}
	.about-top-right {
    width: 55%;
    line-height: 1.75;
}

	
}
.sj-xianshi{display:none}
@media screen and (max-width: 1024px){
		.mod-othercontent01 .img img {
    width: 80%;
}
	.new {
    display: flex;
    flex-flow: column-reverse;
}
	.new-leftlist>h2{font-size: 36px!important;}
		.tt-b {
    display: none;
}
	.product-all-left-button-bt .product-all-left-button {
    padding-left: calc(32% - 40px);
		width: 32%;
}
	.mm-contact-right-button {
    text-align: center;
}
	.cla_box,.new-all-first{margin-bottom: 0px!important;}
	.products-list-left.current .products-list-left-top-flex>a,li.products-list-left-ul.current>a{color: #fff!important;}
	
	.mm-products-left-title-ul::-webkit-scrollbar { height: 6px;width: 2px}
	.mm-products-left-title-ul::-webkit-scrollbar-thumb {border-radius: 0px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.11);background: rgba(0,0,0,0.2);}
	.mm-products-left-title-ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);border-radius: 0;background: #ffffff;}
	.sj-xianshi{
	position: fixed;
    left: 0;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
	    z-index: 9999;
}
.sj-xianshi svg{
	    font-size: 22px;
    color: #0563a3;
    text-align: center;
}
	.tables-bottom.tables-bottom-sj{
	position: absolute;
    left: 0%;
    transition: 0.6s;
	background: #f3f8fc;
	z-index: 999;
	}
	.tables-bottom{
		position: absolute;
        left: -100%;
		transition: 0.6s;
		
	}
	.tables-ul h4 {
    font-size: 18px;
    margin: 0;
    padding: 4% 15%;
    border-bottom: 1px solid #cdcdcd;
    font-weight: bold;
}
	.tables-li {
    padding: 4% 15%;
    border-bottom: 1px solid #cdcdcd;
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    padding-right: 10px;
    line-height: 2.0;
}
	
	
	
	.py-banner-text>p {
    font-size: 14px;
}
	.py-banner-text>h2 {
		font-size: 36px;}
	.sw-head-nav-right{
	margin-left: 0;
	    margin-right: 50px;
}
	.sw-head-nav-right li{
		padding: 0 10px;
	}
	.your-rknam input, .conter-right .melssage textarea, .conter-right .wpcf7-rk-form .mes-bu{
		width: 100%
	}
	.content-all .wpcf7-rk-form p{
		    width: 100%;
    max-width: 100%;
	}
	.about-top-right h2, .about-center h2, .about-contact h2, .about-production h2, .about-bottom h2{
		font-size:24px
	}
	.about-top-right>p, .about-center p, .about-contact>p{
		font-size:14px
	}
	.about-contact>a{
		font-size:18px;
	}
	.about-contact-all{
/*		    height: 400px;*/
		    padding: 0px 
	}
	.about-production-img-right li img{
		width: 100%
	}
	.about-top-right{
		    padding-right: 0;
	}
	.about-center-all-img{
		margin-bottom: 10px;
	}
	.hy-p-c-r-nr {
    width: 100%;
}
	.hy-p-d-c-l-c-b {
    width: 100%;
}
li.slideba {
    width: calc((100% - 36px) / 4);
    float: left;
    margin-bottom: 0;
    margin-top: 4%;
    margin-right: 12px;
}
	li.slideba:nth-child(4n){
		margin-right: 0
	}
	.slideba img {
    width: 100%;
    height: auto;
    margin: 0;
}
	.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t {
     width: 100%;
	 margin-left: 0;
}
	.hy-product-detail-content {
    width: 100%
}
	
	ul.small_img.sliderba1::after{
		clear: both;
		content: "";
		display: block
	}
	.index-about-right p {
    margin-top: 5%;
    width: 100%;
    line-height: 2;
    color: #5b646d;
    font-size: 20px;
    font-weight: 500;
    padding-right: 4%;
    font-size: 14px;
	}
	.index-about-right {
    height: 500px;
	}
	.index-about-left{
		height: 500px;
	}
	.index-products-cp li{
		margin-right: 44px;
    width: calc((100% - 48px ) / 2);
	}
	.index-products-cp li:nth-child(2n) {
    margin-right: 0;
}
	.index-support-left {
		height: 500px;}
	.product-all-right-cp a h2 {
		padding-top: 2%;}
	.product-all-right-cp li{
		margin-bottom: 4%;
	}
	.product-all-right {
    width: 100%;
    margin-top: 40px;
}
	.py-banner-text>h2 {
    font-size: 28px;
}
	.counter-all-b p{
		font-size: 20px!important;
	}
	.counter-all-b span {
    font-size: 20px;
}
	.counter {
		font-size: 20px;}
	.about-pic img {
    width: 50px;
    height: 50px;
}
	.certificate-all h2{
		font-size: 24px;
	}
	.markets-all-ub-all-right {
    float: right;
    width: 100%;
    text-align: left;
    margin-top: 10px;
}
	.markets-all-ub-all-left {
    float: left;
    width: 100%;
} 
	.markets-all-ub-all ul li {
    margin-bottom: 3%;
} 
	.news-title-left h2{font-size: 12px;}
	.product-all-left-button {
    display: block;
    width: 40px;
    height: 40px;
    position: fixed;
    left: 0px;
    text-align: center;
    background: #40594D;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    z-index: 99999;
		top: 250px;
		cursor: pointer;
}
/*
	.product-all-left-button-bt .product-all-left-button {
    width: 32%;
    text-align: left;
    padding-left: calc(32% - 40px);
    transition: 0.5s;
    top: 160px;
} 
*/
	.product-all-left-button-bt .mm-products-left-title-ul,.product-all-left-button-bt .company-body-all-left-title-ul {
    top: 290px;
    left: 0px;
    transform: translate(0%);
    opacity: 1;
}
	.mm-products-left-title-ul,.company-body-all-left-title-ul{
    position: fixed;
    transition: 0.5s;
    z-index: 1000;
    background: #40594D;
    width: 32%; 
    padding: 2%;
    max-height: 400px;
    overflow: auto;
    top: 290px;
	opacity: 0;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}
	.mm-products-left-title-ul>h2,.mm-products-left ul>li a,i.fa.fa-caret-right{color: #fff;}
	.mm-products-left-title-ul>h2{display: none}
	.product-all-left-button-bt .product-all-left-button i {
    transform: rotate( 180deg);
    transition: 0.5s;
}
	.mm-products-left.product-all-left-button-bt .product-all-left-button h2{
		position: absolute;
		color: #fff;
		left: 10px;
		top: 0;
		font-size: 16px;
		display: block!important;
		-webkit-transition: 1.1s cubic-bezier(.16,.84,.442,.98)!important;
    	-o-transition: 1.1s cubic-bezier(.16,.84,.442,.98)!important;
    	transition: 1.1s cubic-bezier(.16,.84,.442,.98)!important;
	}

	.mm-products-right {
    float: right;
    width: 100%;
    padding-left: 0px;
}
	.mm-products-left {
    float: left;
    width: 0;
    padding-left: 0px;
		-webkit-transition: 1.1s cubic-bezier(.16,.84,.442,.98)!important;
    -o-transition: 1.1s cubic-bezier(.16,.84,.442,.98)!important;
    transition: 1.1s cubic-bezier(.16,.84,.442,.98)!important;
}
	.company-body-all-left {
    float: left;
    width: 0;
    margin-right: 0%;
		padding-left: 0px;
}
	.porder-top-con {
    float: right;
    width: 100%;
    padding-left: 0
}
	.company-body-all .company-body-all-right {
    float: right;
    width: 100%;
    padding-left: 0
}
	.exhibition{display: none}
	.zp-box-top-right{width: 100%!important;}
	.zp-box-top {
    margin-bottom: 40px!important;
}
	.zp-box-top.bottom {
    display: flex;
    flex-flow: column-reverse;
}
	.zp-mid-bac{margin: 80px 0!important;}
	.zp-box-top-right {
    margin-top: 100px!important;
}
	.zp-box-top-left::before{display: none!important}
	.zp-box-top.bottom .zp-box-top-left::after {
    content: "";
    display: none!important;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    border: 2px solid #40594D;
    top: 40px;
    left: 40px;
    border-radius: 80px 0;

}
	.zp-box-top.bottom img {
    border-radius: 80px 0!important;
}
	.zp-box-top-right>h3,.zp-mid-bac-text>h2,.zp-index-products-ca-all-title>h2,.zp-index-welcome-title>h2{font-size: 30px!important;}
	.zp-mid-bac-text{width: 90%;}
	.app-zlj-one-text h3{font-size: 24px!important}
	.zp-index-welcome-title{width: 75%!important;}
	.zp-body-application-box{flex-flow: wrap}
	.app-zlj-one{width: calc(100% / 2)!important; }
	.zp-box-top-left{width: 60%!important;}
	
	.ub-index-search.media{
		display: none!important;
		position: relative;
    	float: right;
    	right: 60px;
    	margin: -2px 0;
	}
	.ub-index-search.media i{
		font-size: 30px; 
	}
	.media-ul img {
    width: 40px;
    margin-left: 36px; 
	margin-top: 5px;
	display: none 
}
	.index-nav-right ul li a{font-size: 14px!important;line-height: 22px;text-transform: capitalize;font-weight: normal;}   
	.index-nav-right.active>ul>li{padding: 7px!important;margin-bottom: 15px!important;}
	.index-nav-right{width: 180px!important;}
	.index-nav-right.active ul{padding-top: 0px!important;}
	.ab-title>ul>li>a{color: #fff;}
	.ab-title>ul>li{margin-bottom: 20px;background: #40594D;margin-right: 2%;width: 46%;justify-content: center;padding: 20px!important;}
	.ab-title>ul>li:nth-child(2n){margin-right: 0%;}
	.ab-title{margin-bottom: 20px!important;}
	.ab-title>ul>li>a{padding: 0px!important;letter-spacing: 0px!important;}
}
@media screen and (max-width: 900px){
	ul.index-service-ul {
    display: flex;
    justify-content: space-between;
    text-align: center;
    flex-flow: wrap;
}
	.index-service-ul li{width: 50%;margin-bottom: 5%;}
	.counter {
    font-size: 16px;
}
	.counter-all-b span {
    font-size: 16px;
}
	.counter-all-b p {
    font-size: 16px!important;
}
}
@media screen and (max-width: 950px){
	.sw-shouji-button-shouji {
    display: none;
    width: 100%;
    position: relative;
    z-index: 99999;
		margin-right: 0;
		    padding-top: 2%;
    padding-bottom:2%;
}
	.sw-head-nav-right {
    width: 100%;
    height: auto;
   
    line-height: 1.7;
    margin-top: 0%;
    padding-bottom: 2%;
    background: #ffffff;
    margin-left: 0;
    padding-right: 3%;
	padding-left: 3%;
    box-sizing: border-box;
		flex-flow: wrap-reverse;
		padding-top:2%;
		
}
	.sw-head-nav{
		height: auto
	}
	.sw-head-nav-right li {
    height: auto;
    padding: 0;
    margin: 0;
    padding-bottom: 1%;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 1%;
    width: 100%;
    overflow: hidden;
		    font-size: 14px;
}
	.sw-head-nav-right li a {
    margin: 0;
    line-height: 1.7;
    display: block;
    width: 100%;
    text-align: left;
}
	.sw-shouji-button {
    display: inline-block;
    float: right;
    width: 40px;
    height: 40px;
    margin-right: 2%;
}
	#top .sw-shouji-button{
		display: block
	}
	.sw-shouji-button svg{
		width: 30px!important;
		height: 30px!important;
		
	}
	.sw-top-yvyan>span{
		display: block;
		width:100%;
	}
	.sw-top-yvyan, .sw-btn-shousuo-img {
  
    text-align: center;
    background: #888;
    margin-top: 0;
		margin-right: 2%;
    width: 46.5%!important;
    height: auto!important;
}
	.sw-top-qf {
    margin-top: 0;
}
	.top-daohang, .top-daohang .sw-head-nav-right {
    background: #1b1b1b;
}
	.top-daohang .sw-shouji-button svg {
    color: #ffffff;
}
	.conter-right{
		margin: 0 3%;
	}
	.content-all .conter-left p{
		    margin: 3% 0;
	}
	.conter-top-left, .conter-top-right{
		width: 100%
	}
	.conter-left{
		width: 100%;
    padding: 0 3%;
    margin-left: 0;

	}
	.conter-left h3, .conter-right h3 {
		margin-bottom: 2%;}
	.content-all>p{
		margin-bottom: 20px;
	}
/*	.product-all-left {
    position: absolute;
    background: #ffffff;
    z-index: 9999;
    width: 400px;
    padding: 0 2%;
    left: -100%;
}*/
	.product-all-right {
    width: 94%;
    margin-top: 40px;
    margin: 0% auto;
}
	
}
@media screen and (max-width: 800px){
	.index-about .imageContainer{
		    flex-flow: wrap;
	}
	.index-about-left {
    height: auto;
    width: 100%;
}
	.index-about-left img {
    width: 100%;
}
	.index-about-right{
		width: 100%;
		    height: auto;
	}
	.index-supper-div-all .bx-controls-direction .bx-next {
    right: 0;
}
	.index-supper-div-all .bx-controls-direction .bx-prev {
    left: 0px;
}
	.index-support{
		    flex-wrap: wrap;
	}
	.index-support.index-support-two{
		flex-wrap: wrap;
	}
	.index-support-left {
    height: auto;
    width: 100%;
}
	.index-supper-right {
		width: 100%;}
	.downlist{
		display: none!important
	}
	.product-all-right-cp{
		padding-right: 0
	}
	.product-all-right-cp li{
		padding-bottom: 2%
	}
	.product-all-right-cp a h2{
		font-size:18px;
		padding-top:4%
	}
	.product-all-right-cp a p{
		font-size:14px;
	}
	#search-box {
    line-height: 30px;
    width: 70%;
    background: #e2e2e2;
    height: 80px;
    padding: 0 20px;
    float: left;
}
	.index-about-right h2{margin-top: 0;}
	.py-banner-text>h2 {
    font-size: 24px;
}
}
@media screen and (max-width: 768px){
	.new-leftlist>h2{font-size: 30px!important;}
		.index-nav-bottom-all ul li{width: 49%!important;margin-right: 2%!important;}
		.index-nav-bottom-all ul li:nth-child(2n){margin-right: 0%!important;}
	.index-nav-bottom-all ul{flex-flow: wrap}
	.mm-contact-right-button button{padding: 12px 45px!important;}
	.foot-logo{margin: auto;width: 40%!important;}
	.ab-title>ul>li{width: 94%!important;margin-right: 0!important;}
	.porder-top-al{display: table;width: 100%;}
	.news-title-list {
    float: right;
    width: 100%;
}
	.news-title-left {
    width: 100%;
    float: left;
}
	.hy-product-detail-content .hy-p-d-c-l-c{
		width: 100%
	}
	.index-join>p, .index-service>p{
		    width: 94%;
	}
	ul.index-service-ul{
		flex-flow: wrap
	}
	.index-service-ul li{
		width: 50%;
		margin-bottom: 5%;
	}
	.index-about-right h2 {
    width: 96%;
}
	.hy-p-d-c-r{
		width: 100%;
		    padding-left: 0;
	}
	.hy-p-d-c-l-c-b{margin-bottom: 20px;}
	.proct-botto {
		width: 94%;}
	.about-all-top, .about-production{
		flex-flow: wrap
	}
	.proc-top{
		overflow: auto
	}
	.proc-top table{
		min-width: 800px;
	}
	.about-top-left, .about-top-right, .about-production-img, .about-production-img-right{
		width: 100%
	}
	.about-top-left, .about-production-img{
		margin-bottom: 4%
	}
	.about-contact-all, .about-center, .about-production, .about-production-img-right{
		
		margin:4% auto
	}
/*
	.tittle-all{
		margin: 2% auto
	}
*/
	 .about-bottom{
		padding: 4% 0;
		padding-top:0
	}
	.about-all{
		padding: 0
	}
	.about-top-right>p{
		margin: 2% 0
	}
	.about-production{
		margin-bottom: 2%
	}
	.about-bottom{
		margin-top:0
	}
	.about-production-img-right  {
		margin-bottom: 0
	}
	.about-bottom .bx-controls-direction .bx-prev{
		    left: 0px;
	}
	.about-bottom .bx-controls-direction .bx-next{
		right: 0
	}
	.about-all-top, .about-center, .about-contact-all{
		margin-bottom: 8%
	}
	.index-news-all li{
		    width: 100%;
    margin-bottom: 4%;
	}
	ul.index-news-all{
		    flex-flow: wrap;
	}
	#search-box {
    line-height: 30px;
    width: 60%;
    background: #e2e2e2;
    height: 80px;
    padding: 0 20px;
    float: left;
}
	.about-production{padding: 40px 0;}

	.demo{
		flex-flow: wrap;
	}
	.counter {
    font-size: 20px;
    margin-right: 10px;
    color: #333;
    font-weight: 600;
}
	.text-right{
		display: flex;
    margin-right: 10%;
	}
	.counter {
    font-size: 16px;
    margin-right: 10px;
    color: #333;
    font-weight: 600;
}
	.about-center{
		margin-bottom: 0;
	}
	.about-production{
		padding: 0;
	}
	.about-production h2{
		margin-bottom: 20px;
	}
	.about-all-top{
		margin-bottom: 6%;
	}
	.about-production {
    margin-bottom: -2%;
}
	.about-center {
    margin-bottom: 6%;
}
	.about-top-right>p {
    margin: 4% 0;
}
	.about-top-left img{
		width: 100%;
		height: auto;
	}
	.foot-content.foot-content_csa {
    width: 100%;
}
	.index-new-contact-bac {
    	display: none;
	}
	.index-new-contact{margin-top: 0;margin-bottom: 20px;}
	.history-all-ub_fzli h2, .about-misson-all_fzli h2, .markets-all-ub-all-title h2 {
    font-size: 14px;
}
	.markets-all-ub-all-right>h2{font-size: 14px;}
	.service-two-text.bac>p {
    width: 75%; 
}
	.service-two-text {
    width: 100%;
    padding-left: 2%;
}
	.service-two-all h2{padding-left: 2%;font-size: 20px;}
	.service-two.service-two-for h2{padding-right: 2%;font-size: 20px;}
	.service-one-bottom h2{font-size: 20px;}
	.ub-sample-pic-q{flex-flow: wrap}
	.porder-top-li {
    width: 49%!important;
    margin-right: 2%!important;
}
	.porder-top-li:nth-child(2n) {
    margin-right: 0%!important;
}

	.zp-index-welcome-title{
		width: 100%; 
	}
	.zp-company-four{flex-flow: wrap}
	.zp-company-four-box{
		width: 48%!important;
		margin-right: 4%!important;
	}
	.zp-company-four-box:nth-child(2n){
		margin-right: 0%!important;
	}
	.zp-box-top-left{width: 92%!important;}
	.app-zlj-one{height: 500px!important;}
	.zp-index-products form{width: 100%!important;}
	.index-banner:after{display: none!important;}
	.index-nav-left img{margin-left: 10px;}
	.message-top {
    right: 20px!important;
	bottom: 60px!important;
}
	.foot-bottom-bb{height: auto!important;line-height: 25px!important;}

	.new-all{width: 49%!important;margin-right: 2%;}
	.new-all:nth-child(2n){margin-right: 0%;}
	.page-title>h2, .pr-name>h2, .road-box-all>h2{font-size: 24px!important;}
	.page-banner-box, .pr-banner-title-box, .road-box-all{width: 94%;}
	.contact_main_left{
		width: 100%;
		float: left
	}
	.contact_main_right {
		width: 100%;
		float: right; 
	}

}
@media screen and (max-width: 730px){
	.form-control.country{
		width: 90%!important;
	}
	.col-sm-6 .form-control.recaptcha {
    width: 50%!important;
    float: left;
    margin-left: 5%;
}
	.col-sm-12 .form-control.message {
    width: 90%!Important;
    margin-left: 5%;
}
	.xunpan_list img{
		margin-bottom: 3%;
		float: right;
    margin-right: 5%!important; 
    width: 150px!important;
	}
	input.xunpan_submit{
		width: 90%!important;
	}
}
@media screen and (max-width: 700px){
	.text-right {
    display: flex;
    margin-right: 15%;
}
	.counter-all {
    display: flex;
    flex-flow: wrap;
    justify-content: space-around;
    text-align: left;
    width: 45%;
    margin-bottom: 5%;
}
	
}
@media screen and (max-width: 650px){
	.foot{flex-flow: wrap}
	.custo{width: 100%;margin-bottom: 4%;}
	.custo h3 {
    margin-bottom: 1%;
    padding-bottom: 1%;
    border-bottom: 1px solid #888888;
}
	.custo h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4%;
}
	.index-products-cp p {
		font-size: 16px;}
	.index-look .bx-viewport a p {
		font-size: 16px;}
	.ub-sample-left {
    width: 100%;
    float: left;
		margin-bottom: 40px;
}
	.ub-sample-right{width: 100%;}
	.ub-sample-pic-q {
    flex-flow: nowrap;
}
	
}
@media screen and (max-width: 600px){
	.index-products-cp li{
		width: 100%;
		margin-right: 0
	}
	.foot{
		flex-flow: wrap
	}
	.py-banner-text>h2, .content-all h2 {
    font-size: 24px;
}
	.py-banner-text p{
		margin-bottom: 2%
	}
	.conter-center-img a{
		padding: 0 8%;
		top: 35%;
	}
	.custo{
		width: 100%;
		margin-bottom: 4%
	}
	.custo h3 {
    margin-bottom: 1%;
    padding-bottom: 1%;
    border-bottom: 1px solid #888888;
}
	.event:last-child{
		width: 100%;
		margin-right: 0;
		margin-bottom: 4%
	}
	.col_lift{
		margin-top:2%;
		    max-width: 100%;
	}
	.col_lift-1{
		width: 100%;
		background-size: 100%;
	}
	.col_right-1{
		width: 100%;
		    margin-bottom: 4%;
	}
	.size-1of4 {
    width: 100%;
}
	#fh5co-board .item img{
		width: 100%
	}
	.index-look .bx-viewport a p, .index-products-cp p, .index-news-all li h2, .index-service-ul li h2{
		font-size:18px;
	}
	.product-all-right-cp li {
    width: 100%;
		margin-right: 0px;}
	.follow .cusa-t li {
    width: 100%;
    text-align: left;
    margin-top:0;
}
	.py-banner-text>h2, .content-all h2 {
    font-size: 20px;
}
	.text-right {
    display: flex;
		margin-right: 0 
}
	.certificate_five li{
		margin-right: 0;
		width: 100%;
	}
	.certificate_five{
		flex-flow: wrap;
	}


}

@media screen and (max-width: 550px){
	.about-mission-i-i {
    display: flex;
    height: 75px;
}
}

@media screen and (max-width: 500px){
	.new-leftlist>h2{font-size: 24px!important;}
	.megee-about-all-cooperation-title>p{width: 94%!important;margin: auto;}
	.company-body-all.all.Quick.Sample.Production h1{font-size: 24px!important;margin-bottom: 20px!important;width: 94%!important;}
	.kkk-our-title>h2{font-size: 24px!important;}
	.products-top-p h1,.hd-new-arrival>h2,.zp-mid-bac-text>h2,.capall-title h2,.raigu-thermostatic-shower-systems h2{font-size: 24px!important;font-weight: bold;}
	.zp-mid-bac{margin: 0px 0!important}
	.hd-new-arrival{margin: 40px auto!important;}
	.index-nav{height: auto!important;}
	.inr{margin-bottom: 20px!important;}
	.product-all-left-button-bt .product-all-left-button {
    padding-left: calc(48% - 40px);
    width: 50%;
}
	.index-supper-right p{
		font-size:14px;
	}
	.index-news-all li p{
		font-size:14px
	}
	.index-support{
		margin-top:4%
	}
	.index-join>p{
		font-size:14px;
	}
	.col-sm-6 .form-control.recaptcha {
    width: 45%!important;
    float: left;
    margin-left: 5%;
}
	.company-body-all .company-body-all-right{padding-left: 0}
	.markets-all-ub-all ul li {
    width: 100%;
    margin-right: 0%;
}
	.foot-bottom-bb {
    height: auto;
    line-height: 30px;
    margin-top: 20px;
		padding-bottom: 10px;
}
	.mm-products-cateloge{
		width: 100%;
		margin-right: 0;
	}
	.porder-top-img-right {
    float: right;
    width: 100%;
    text-align: center;
}
	.porder-top-img {
    float: left;
    width: 100%;
}
	.news-title-left h2 {
    font-size: 12px;
    display: none;
}  
	.num-input-wrap{width: 90px;}


	.index-catelogy-six-box{
		margin-bottom: 5%!important;
	}
	.index-catelogy-six-box:last-child{margin-bottom: 0!important;}
	.app-zlj-one{width: 100%!important;height: 400px!important;}
	.zp-box-top-left::after,.zp-box-top.bottom .zp-box-top-left::after{left: 20px!important;top: 20px!important;}
	.zp-index-welcome-title>img {
    width: 100%!important;
}
	.zp-box-top-right {
    margin-top: 60px!important;
}
	.hy-product-detail-content{padding-left: 0px!important;}
	.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t {
    width: 100%!important;
    margin-left: 0;
}

	li.slideba{margin-top: 1%!important;width: 23.5%!important;margin-right: 2%!important;}
		li.slideba:nth-child(6n) {
    margin-right: 2%!important;
}
	li.slideba:nth-child(4n) {
    margin-right: 0!important;
}
	.foot-content.foot-content-contact ul li{align-items: center}
	.foot-content.foot-content-contact span img{margin-top: 0px!important;}
	.product-all-left-button,.product-all-left-button-bt .mm-products-left-title-ul, .product-all-left-button-bt .company-body-all-left-title-ul{left: 0px;}
	.hy-product-detail .left_img{height: auto!important;}
	.page-title>h2, .pr-name>h2, .road-box-all>h2{font-size: 20px!important;}
	.new{margin-top: 20px!important}

	/* .page-banner, .news-banner, .pg-banner-con, .products-banner, #news-details-banner{height: 425px!important;} */
	
	li.company_name{font-size: 18px!important;}
	.contact_main_left li{line-height: 28px!important;}

	.mm-products-left-title-ul, .company-body-all-left-title-ul{width: 50%!important;}
	.bx-wrapper .bx-controls-direction a{top: 63%!important;}

	.raigu-thermostatic-shower-systems>p{font-size: 16px!important;}
	.dabanner .bx-pager.bx-default-pager{display: none!important} 
	.company-body-all.all.Quick.Sample.Production h2{
		font-size: 20px!important;
	}
	.mod-othercontent01 .img img {
    width: 50%;
} 
	.content-bg-othercontent .text h3{font-size: 20px!important;}
}

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

/*	.index-nav-left a img{margin-left: 15px;}*/
	.tittle-all{padding-left: 0px;} 
	.hy-product-detail{margin-top: 0px!important;}
	.news-tittle-top{height: auto!important;line-height: 1.5!important}
	.news-banner-title-box {
    height: auto!important;
    margin-top: 10px!important;
		padding-bottom: 5px;
}
	.hy-p-c-r-nr-top>h1{font-size: 20px!important;line-height: 28px!important;}
	.news-banner-title {
    height: auto!important;
}
	.hy-product-detail-content .hy-p-d-c-l-c {
    margin-top: 20px;
}
	
}

@media screen and (max-width: 425px){
	.foot-content.foot-content-contact ul li {
    line-height: 25px;
}
	.sw-shouji-button {
    margin-top: 10px;
}
	.service-two-all h2{font-size: 16px}
	.service-two.service-two-for h2{font-size: 16px;}
	.service-one-bottom h2 {
    font-size: 16px;
}
	.news-title-list_p,.products-top-p ul li .imageContainer.ne p {
    font-size: 13px;
    line-height: 1.7;
}
	.tittle-top{line-height:62px;}
	.tittle-top-right{margin-top: 20px;}
	.page-banner-text-left{margin-top: 27px;}
	.page-banner-text h2{padding-left: 19px;font-size: 12px}
	.page-banner-text-left{width: 40%}
	.news-tittle-top{
		height: 60px;
		line-height: 60px;
		padding: 0 3%
	}
	.news-title-left h2{
		line-height: 45px; 
		height: 26px;
		display: none
	}
	.page-banner-text-left{display: none}
	.page-banner-text-left h2{display: none}
	.tittle-top{justify-content: flex-start;max-width: 100%!important}
	.tittle-all {
    margin: 0;
		height: 60px;
	}
	.hy-product-detail-content,.proct-zj,.proct-botto {
    padding-left: 0;
}
	.main-product-detial-bottom-nav ul li {
    float: none;
    text-align: center!important;
}
	.hy-p-c-r-nr-top {
    padding: 15px 0;
}
	.hy-p-c-r-an .hy-p-ys{width: 100%;text-align: center;}
	.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t {
    width: 100%;
    margin-left: 0;
}
	.news-banner-title-box {
    padding-left: 0px;
}
	.tittle-all {
    padding-left: 3%;
}
	.mm-cateloge{margin-top: 15px;}
	.mm-cateloge h2 {
    font-size: 14px;
}
	.index-banner-text-all h2 {
    font-size: 14px;
		    margin-bottom: 7px;
}
	.index-banner-text-all {
    top: 20%;
}
	.ub-top-secarh-one{width: 200px;}
	.index-banner-text-all {
    width: 96%;
}
	form.ub-top-secarh-one input{border: none}

}

@media screen and (max-width: 385px){
	.index-banner {
    top: 10px;
}
	.mm-cateloge-title>h4 {
    font-size: 14px;
    color: #666;
}
	.index-banner-text-all h2{font-size: 12px}
}
@media screen and (max-width: 335px){
	.index-banner {
    top: 25px;
}
	
	.index-banner-text-all h2{font-size: 12px}
	.mm-cateloge {
    margin-top: 35px;
}
	.index-banner-text-all {
    top: 7%;
}
	.index-nav-left a img{margin-top: 16px;}
}
@media screen and (max-width: 320px){
	.index-nav-left a img{margin-top: 17px;}
}