﻿@media screen and (max-width: 600px) {
	/*
	1.Basics
	2.home Page	
	3.Product list
	4.product
	5.service
	6.single page
	7. brand center
	8.brand detail
	9.download
	10.zhaopin
    */
	
/*==========1.1 basic Styling===========*/
.wrapper {
	width: 100%;
	padding: 0px 15px;
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-11,.col-37 {
	width: 100%;
}
.col-ten {
	width:25%;
}
.s-col-2 {
	width: 33%;
}
.s-col-2 img {
	width: 50%;
}
.s-col-3 {
	width: 25%;
	float: left;
}
.s-col-4 {
	width: 33%;
	float:left;
}
.s-col-6 {
	width: 50%;
	float: left;
}
.s-col-8 {
	width: 66%;
	float: left;
}
.s-col-9 {
	width: 75%;
	float: left;
}
.s-col-100 {
	width: 100%;
}
p img {
	margin-left:-2em;
	text-align:center;
}
.s-center {
	text-align:center;
}
/*==========2home Page===========*/
header {
	height:auto;
}

header .logo {
	width:100%;
	text-align:center;
}

header .nav{
	width:100%;
	margin-top: 0px;
	display:none;
}

header .nav li a{
	width:100%;
	text-align:center;
	padding:0.5em;
	border-bottom:1px solid #DDD;
}

.search-form{
	position:initial;
	width:100%;
}

header input[type="search"]{
	position:initial;
	width:90%;
	margin:1em auto;
}

header .slogan{
	display:none;

}

.mobile_bar{
	display:block;
	float: left;
}


.sub-nav a{
	width:33.33%;
}

.banner{
	display:none;
}

.fast_nav .s-col-2 {
	padding: 15px;
}
.mobile_nav {
	text-align: center;
	background: #F3F3F3;
}
.search_grounp {
	margin:20px 0px;
}
.moblie_main_nav LI {
	padding: 15px 0px;
	border-bottom: 1px solid #999999;

}
.nav_level2 {
	display: none;
}
.solution_type UL LI:first-child {
	margin-left: 0px;
}

.company .story,.company .task,.company .honor,.company .region,.company .fengcai,.company .welfare {
	margin: 4px;
	padding: 8px;
}
.company .pic{
	display:none;
}
.company .txt {
	padding: 0px;
	float:none;
	text-align:center;
}

.slideBox .tips .nums{
	position:relative;
	z-index:999;
}

.product_head,
.product_head_chem {
	height: auto;
}

.product_title_pad{	padding: 20px 20px 10px 20px;}
.product_desc_pad {	padding: 10px 20px;}
.product_list,
.product_content {
	border: 0px;
	padding:10px 0px;
}

.product_name, .product_model {
	margin: 8px;
}

.product_desc p{
	font-size:12px;
}

.content .content_nav{
	display:none;
}

.date {
	margin: 30px auto;
}
.article_content {
	margin:0;
	width:100%;
}

.article_content  video{
	margin-left:-2em;
}

.adv {
	text-align: center;
	border: 0px solid;
}
.datebox{
	display:none;
}

.contentbox{
	width:100%;
}

.new_list{
	border:0px;
}

.new_list ul li{
	border:0px;
}

ul.article_list .article{width:100%;height:auto;}

.article_tpye{
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}

.article_title>div{
	width:80%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	float:left;
}

.article_title>span{
	width:20%;
	float:right;
}

.article_des{
	display:none;
}

.adv{
	display:none;
}

.superiority_bg {
	display:none;
}

.footer {
	padding-top: 30px;
}

.footer .col,
.footer .contact{
	display:none;
}

.footer_bg {
	margin-bottom: 70px;
}
.foot_tool {
	padding: 0px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	position: fixed;
	background: RGBA(230,230,230,0.7);
	z-index: 99;
	bottom: 0;
}

.qrcode {
	left:0px;
	top:0px;
}

.qrcodehide {
	display: block;
	text-align: center;
}

.qrcodehide .hide1{
	width:50%;
	float:left;
	text-align:center;
	padding:10px;
}

.qrcodehide .hide1 span{
	font-size:12px;}

.copyright{
	padding:0px 15px;
}
.foot_fast{display:block;}

.foot_fast span{
	display:block;
	text-align:center;
	font-size:11px;}

#newBridge{display:none!important;}

/*********Product list**************/
.moblie_nav_header {
	display:block;
	border-bottom:2px solid #F23030;
}
.moblie_list_nav {
	display:inline;
}
.moblie_nav_header SPAN {
	display:inline-block;
	padding:8px 20px 5px 20px;
	background:#F23030;
	color:#FFFFFF;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
}
.nav_header {
	display:none;
}
.list_nav {
	display:none;
}


.products_list ul li{width:99%;}

.prt li {
	text-align:center;
	padding:10px;
	cursor:pointer;
	font-size:16px;
}
.prt .active {
	color:#F23030;
}

.prt_firstchild {
	display:none;
	background:#F2F2F2;
	border-radius:5px;
		-moz-border-radius:5px;
			-webkit-border-radius:5px;
}

.prt_firstchild li{
	width:33.33%;
	float:left;
	text-align:center;
	padding:8px 0px;
}

.visited {
	display:block;
	animation:fade 1.5s;
}

.tag {
	display:none;
}

.list_center {
	margin-left:0px;
}

.pages .showpage {
	margin:30px 0px;
}

/*********Product**************/

.product_ind ul li {
	width:25%;
	padding: 15px 8px;
}
.products_param {
	padding-left:0px;
	height:initial;
}

.param_bottom{height:auto;}

.param_bottom .r,
.pr_content .content {
	padding-left:0px;
}
.cprelate_product {
	display:none;
}
.pr_content_wrapper {
	padding:20px 0px 50px;
}


/************service**************/
.service_header{display:none;}



/************single page**************/
.single_page_title{
	margin:20px 0px;
	font-size: 22px;
}

#fengcai ul li:nth-child(2n+1),
#fengcai ul li:nth-child(2n){
	padding:10px 0px 0px 0px
}

/************7brand center**************/
.brandc{
	display:none;
}

.pp_summary .logo img {
	float:none;
}
.pp_summary h1,
.pp_summary .pp_slogan,
.pp_detail h2 {
	margin-left:0px;
	text-align:center;
}

.charlist_wrapper {
	padding:15px 0px;
}
	
.charlist span{
	font-size:16px;
	padding:5px 10px;
}
.brand_title{
	font-size:16px;
}

.brand_list_item {
	width:150px;
	margin:5px;
}

/*********9 download**************/
.downicon{
	padding:0 20px;
}

p.lx,
.form1 .agbox{
	font-size:12px;
	width:100%;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	padding: 0px 0px 0px 30px;
}


/***********news list**************/
.new_list_nav {
	display:inline;
}
.new_list_nav li {
	float:left;
	width:33%;
	padding:10px;
	text-align:center;
}

.new_list_nav li a{
	width:100%;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:inline-block;
}

.newlist_wrapper {
	margin-left:0px;
}
.recommended {
	height:initial;
	margin:5px 0px;
}
.recommended .img_wrapper {
	width:100%;
	float:left;
}

.article_summery {
	float:left;
	width:100%;
	padding-left:0px;
}

.article_summery>div>p{
	width:70%;
	padding-right:30px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	float:left;
}
.article_summery span{
	padding:0.5em 0;
	width:30%;
	float:right;
	display:inline-block;
	text-align:right;
	color: #666666;
	font-size:16px;
}

.recommended img {
	height:initial;
	margin-bottom:0px;
}
.date {
	display:none;
}

.newlist_wrapper ul li {
	padding:15px 0px;
}

.des {
	display:none;
}

/****article****/


.article_wrapper {
	margin-left:0px;
}

/***********industry list**************/
.yingyong .yingyong_header li{
	width:33%;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.yingyong .all_icon .ico {
	padding:20px 0px;
}

.link {
	display: none;
}

.contactbox{
	display:none;
}

.mobile_contactbox{
	display:block;
}
.mobile_contactbox li:hover{
	cursor:pointer;
}
.mobile_contactbox #addressdetail{
	display:none;
	float:left;
	width:100%;
	margin-bottom:30px;
	text-align:left;
	background:#F2F2F2;
	padding:20px 15px;
	border-radius:5px;
	 -moz-border-radius:5px;
		-webkit-border-radius:5px;	 
}

.mobile_contactbox .c{
	display:none;
}

.relate_header{
	margin-left:0px;
}

.article_relate_prodcut {
    margin: 30px 0px 0px 0px;
}

.zt_news_relate li span{
	display:block;
	width: 100%;
}

.zt_news_relate li{
	margin:5px 0px;
}

/**************zhaopin**********************/
.zp-detail td{
	display:block;
	width:100%;
}

}

@media screen and (min-width: 600px) and (max-width: 799px) {
	/*
	1.Basics
	2.home Page	
	3.Product list
	4.product
	5.service
	6.single page
	7. brand center
	8.brand detail
	9.download
    */	
	
/**************1.Basics***************/	
	
.div1{display: none;}
.wrapper {
	width: 100%;
	padding: 0px 25px;
}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-11,.col-37 {
	width: 50%;
}
.col-ten {
	width:25%;
}
.s-col-2 {
	width: 33%;
}
.s-col-2 img {
	width: 50%;
}
.s-col-3 {
	width: 25%;
	float: left;
}
.s-col-4 {
	width: 33%;
	float:left;
}
.s-col-6 {
	width: 50%;
	float: left;
}
.s-col-8 {
	width: 66%;
	float: left;
}
.s-col-9 {
	width: 75%;
	float: left;
}
.s-col-100 {
	width: 100%;
}
p img {
	margin-left:-2em;
	text-align:center;
}

.article_content video{
	margin-left:-2em;	
}

.s-center {
	text-align:center;
}



.m-col-1{
	width:11.11%;
}
.m-col-2{
	width:16.66%;
}

.m-col-3{
	width:25%;
}

.m-col-4{
	width:33.33%;
}

.m-col-6{
	width:50%;
}

.m-col-8{
	width:66.66%;
}

.m-col-9{
	width:75%;
}
.m-col-10{
	width:83.33%;
}

.m-col-11{
	width:88.88%;
}

.m-col-12{
	width:100%;
}



/**************2home page*************************/

header{
	margin-top:0px;
	height:auto;
}


header .logo {
    float: none;
    width: 100%;
    text-align: center;
}

header .nav{
	margin:auto;
	width:100%;
}

header .nav li a{
	width:14%;
	text-align: center;
	margin:1em 0em;
}

header .nav li.search-form{
	float:left;
	width:100%;
}

header input[type="search"]{
	width:90%;
	margin:auto;
}


header .slogan{
	display:none;
}

.sub-nav__wrap{
	height:auto;
	overflow:hidden;

}

.sub-nav{
	top:initial;
}

.company .pic {
    text-align: center;
    width: 100%;
}

.solution_head{
	padding-top: 10px;
	font-size:18px;
}

.solution_type UL LI:first-child{
	margin-left:0px;
}

.product_title_pad{
	padding: 40px 20px 10px 20px;
}
.product_head{
	height:auto;
}

.product_name, .product_model{
	margin:8px 0;
}

.product_head_chem{
	height:auto;
}

.node_content h4{
	width:100%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.adv{
	border:none;
}

.aboutus{
	padding-top:30px;
}
.copyright{
    padding-bottom: 80px;
}
.foot_tool {
    padding: 0px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    position: fixed;
    background: RGBA(230,230,230,0.7);
    z-index: 99;
	bottom: 0;}

.foot_fast{
	display:inline;
}	

/**************Product list*************************/
.yingyong .yingyong_header li{
	width:20%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	
}

.products_list{
	margin:0px;
}

.products_list ul li{width:49%;}

.list_center{
	margin-left:0px;
}

.pp_summary .logo img {
    height: 100px;
}

.pp_summary {
    margin: 40px 0px 50px 0px;
}


/************** 售后服务********************/

.article_wrapper{
	margin-left:50px;
}

/**************Productt**********************/
.products_param{
	height:initial;
	padding-left:0px;
}

.tag{
	display:none;
}

.pr_content .content{
	padding-left:20px;
}


/**************service*************************/
.service_header{
	display:none;
}

.newlist_wrapper{
	margin-left: 0px;
}

.contactbox{
	display:none;
}

.mobile_contactbox{
	display:block;
}

.mobile_contactbox #addressdetail{
	display:none;
	float:left;
	width:100%;
	margin-bottom:30px;
	text-align:left;
	background:#F2F2F2;
	padding:20px 15px;
	border-radius:5px;
	 -moz-border-radius:5px;
		-webkit-border-radius:5px;	 
}

.mobile_contactbox .c{
	display:none;
}

.relate_header{
	margin-left:50px;
}

.zt_news_relate li{
	margin: 5px 0px;
}


.article_relate_prodcut {
    margin: 30px 0px 0px 50px;
}


}
@media screen and (max-width: 767px){

video{width:355px;height:auto!important;}
}


@media (min-width:768px) and (max-width:1320px) {
.row .wrapper{width:100%!important;}
.navp{display:none;}
.wrapper{width:80%!important;}
.case-item{min-height:350px;}
.swiper-container{height: 253px;}
.pr_content .content{width:100%;padding:0;left:160px;}
.pr_content_wrapper{width:70%;height:auto!important;}


.product_nav{width:150px;}
.products_param{padding:0px;}
.col-62 .img{height:120px!important;}
header .nav{margin-top: 20px;}
header .logo{width:20%;}
#searchform{float: left;
    width: 50%;padding: 5px;}

.Summary{    float: left;
    padding-left: 35px;width:90%;}
.rightBar .wrap{top: 4%;}
.pp_summary,.pp_product_list{width:95%}

.list_center,.newlist_wrapper,.article_wrapper{
    margin-left: 20px;
    width: 90%;
}
.article_content {
    width: 95%;margin:0;}

.article_summery{width:100%;}
.recommended{height:400px;}
.date{margin-left:20px;}
.article_wrapper h1{margin: 20px 0px 20px 0px;}
.footer dl{width:100%;}
.footer .contact .kefu{font-size: 20px;width: 100%;padding:0;}
.footer .aboutus{width: 18%;}
#searchsf{display:none;}
.lxbg{width: 800px;margin-left:-150px;}
.wrapper li div {}

.catalog-product,.catalog-header,.catalog-product-box{
height:auto!important;
}

.catalog-product-box div{
height:auto!important;
}
.products_list div{height:auto!important;}
.logo-wrapper div{height:auto!important;}
.txt-wrapper{display:none!important;}




}