@charset "gb2312";
/* CSS Document */

.appnav{display: none;}
@media only screen and (max-width: 1920px) {
	#lightbox_popup .pic-view
	{
		left:33% !important
	}
}
@media only screen and (max-width: 1779px) {
	#lightbox_popup .pic-view
	{
		left:33% !important
	}
}
@media only screen and (max-width: 1581px){
	#lightbox_popup .pic-view
	{
		left:31% !important
	}
}
@media only screen and (max-width: 1440px){
	#lightbox_popup .pic-view
	{
		left:29% !important
	}
}

@media only screen and (min-width: 1200px) {
	
	
	
}
@media only screen and (max-width: 1217px) {
	.width100 {max-width:1200;width:100%;}
	.indexstand-tit { width: 75%;}
	.menu-ul > li > a {font-size: 16px;padding: 0 20px;}
	.indexcomp-li ul li.li-tit p {font-size: 14px;}
	.abfo-last p {font-size: 14px;}
	.head-txt p small {font-size: 22px;}
	.head-txt {line-height: 55px;}
	.head-body {height: 90px;}
	#header,
	.hea{height: 140px;}
	.indexfun-list .indexfun-li {width: 23.5%;}
	.indecases-li {width: 23.5%;}
	/*膜结构介绍*/
	.intro_li .intro_litxt1,
	.intro_li .intro_litxt2{padding: 0px 15px 0 15px;}
	.intro_li .intro_litxt1 h2,
	.intro_li .intro_litxt2 h2{font-size: 30px;}
	.intro_li .intro_litxt1 span,
	.intro_li .intro_litxt2 span{margin: 15px 0;}
	.intro_li .intro_litxt1 p,
	.intro_li .intro_litxt2 p{line-height: 1.6;margin:0;}
	
	/*联系我们*/
	.contact-lileft .contact-txt1 p {line-height: 15px;}
	.contact-lileft .contact-txt2 {padding: 10px 2%; margin: 0 2% 0 0;width: 47%;}
	.contact-txt3 {padding:5px 2%;}
	.contact-txt2t {width: 80%;}
	.contact-txt2t p {line-height: 10px;}
	.contact-li1 .contact-liright {width: 35%;}
	.contact-liright form input {height: 35px;}
	.contact-liright form textarea {height: 130px;}
	
	.design_list form p {width: 65%;}

	 #lightbox_popup .pic-view {
      position: fixed;
      top: 20%;
      left: 27%;
      text-align: center;
	  width:50% !important
    }

}

@media only screen and (max-width: 1197px) {
	
}

@media only screen and (max-width: 1165px) {
	.indecases-li .indecas .indecas-img {height: 179px;}
	.content ul li .tab_list .tab_li .cases_lib .cases_liimg {height:233px;}
	.cases_list .cases_li .cases_lib .cases_liimg {height: 237px;}
}
@media only screen and (max-width: 1100px) {
	.indecases-li .indecas .indecas-img {height: 169px;}
	.content ul li .tab_list .tab_li .cases_lib .cases_liimg {height:219px;}
	.cases_list .cases_li .cases_lib .cases_liimg {height: 224px;}
}
.jg_app{display: none;}
@media only screen and (max-width: 1070px) {
	.wrapper {max-width: 100%;}
.header,
.hea{display: none;}
.appnav{display: block;}
.abid_body .abid_left{display: none;}
.wrapper-logo{width:45%;margin: 10px 0;}
.wrapper-logo a{display: block;}
.wrapper-logo a img{width: 100%;}

.width100 {max-width:1070px;width:95%;}
.indexstand-tit {width:85%;}
.containers {max-width:1070px;width:95%;}
/*.abid_body .abid_right {width: 20%;}
.abid_body .abid_left {width: 80%;}*/
.abid_body .abid_left p.abid_pl {width:16%;}
#pic ul .pic3 {left: 65px;}
#pic ul .pic4 {left: 165px;}
#pic ul .pic5 {left: 355px;}
#pic span.prev {left: 125px;}
#pic span.next {right: 203px;}
/*加工中心*/
.jiagong{display: none;}
.jg_app{display: block;}
.jgapp_tit{margin: 50px 0 10px 0;}
.jgapp_tit h2{text-align: center;}

.indecases-li .indecas .indecas-img {height: 155px;}
.content ul li .tab_list .tab_li .cases_lib .cases_liimg {height:202px;}
.cases_list .cases_li .cases_lib .cases_liimg {height: 206px;}
}

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

.indecases-li .indecas .indecas-img {height: 143px;}
.content ul li .tab_list .tab_li .cases_lib .cases_liimg {height:191px;}
.cases_list .cases_li .cases_lib .cases_liimg {height:189px;}
}

@media only screen and (max-width:1000px) and (max-width:500px){


}
@media only screen and (max-width: 900px) {
.indecases-li .indecas .indecas-img {height: 131px;}
.content ul li .tab_list .tab_li .cases_lib .cases_liimg {height:169px;}
.cases_list .cases_li .cases_lib .cases_liimg {height:173px;}
}

@media only screen and (max-width: 860px) {
	/*首页*/
	.indexfun-list .indexfun-li {width: 48%;}
	.indecases-li {width: 48%;}
	#indsta {padding: 29% 0 9% 0;}
	.indexcomp {float: none;width: 100%;}
	.indexcoop{float: none;width: 100%;margin: 100px 0 0 0;}
	.abfo_left {float: none;width: 100%;}
	.abfo_left {float: none;width: 100%;}
	.abfo_right {float: none;width: 100%;}
	/*联系我们*/
	.about1 .about1_tit h2,
	.about3_tit h2{ font-size: 35px;}
	.about1 .about1_tit h3,
	.about3_tit h3{font-size: 24px;}
	.about2_tit h2 {font-size: 35px;line-height: 1.4;}
	.about2_tit h3 {font-size: 24px;margin-top: 10px;}
	.about2_txt {margin-top: 25px;}
	.about2_txt p {font-size: 14px;line-height: 1.4;}
	.about2_txt p span { font-size: 18px;}
	#pic ul li.pic3 img { width: 320px;}
	#pic ul li.pic5 img {width:320px;}
	#pic ul li.pic4 img {width: 396px;}
	#pic {height:350px;width: 805px;}
	#pic span {top: 150px;}
	.abcon_txt h2 {font-size:35px;}
	/*新闻中心*/
	.news_list .news_li .news_litxt h2 {font-size: 22px;height: 40px;}
	.news_list .news_li .news_litxt h3 { font-size: 14px;line-height: 1.6;}
	.news_list .news_li .news_litxt {float: none;width: 100%;}
	.news_list .news_li .news_litxt p {margin-top: 15px;}
	.news .news_list {overflow: hidden;}
	.news_list .news_li{float: left;width:48%;margin: 0px 2% 20px 0% !important;}
	.news_list .news_li .news_liimg {float: none; width: 100%;}
	.news_list .news_li .news_lidate{display: none;}
	/*膜结构介绍*/
	.intro_li .intro_liimg1,
	.intro_li .intro_liimg2{float: none;width: 100%;}
	.intro_li .intro_litxt1,
	.intro_li .intro_litxt2{float: none;width: 100%;margin: 30px 0 0 0;}
	.abid_body .abid_right {width: 30%;}
	/*环保设施*/
	.hbcase1_list .hbcase1_liimg1 {float: none; width: 100%;}
	.hbcase1_list .hbcase1_litxt1 {float: none; width: 100%;}
	.content ul li .tab_list .tab_li:nth-child(2n) { margin-right: 0;}
	.content ul li .tab_list .tab_li:nth-child(3) {display: none;}
	.content ul li .tab_list .tab_li {width: 48%;}
	/*客户案例*/
	.cases_list .cases_li .cases_lib .cases_liimg { height: 150px;}
	/*免费设计*/
	.design_list form p { width: 80%;}
	/*联系我们*/
	.contact-li1 .contact-lileft {float: none;width:100%;}
	.contact-li1 .contact-liright {float: none;width: 100%;margin-top: 50px;}
	.contact-txt3 {margin-bottom: 50px;}
	/*标准产品*/
	.hbcase1_list .hbcase1_liimg1,
	.hbcase1_list .hbcase1_litxt1{float: none; width: 100%;}
	
	.indecases-li .indecas .indecas-img {height:255px;}
	.content ul li .tab_list .tab_li .cases_lib .cases_liimg {height:249px;}
	.cases_list .cases_li .cases_lib .cases_liimg {height:166px;}

	 #lightbox_popup .pic-view {
      position: fixed;
      top: 20% !important;
      left: 16% !important;
      text-align: center;
	  width:70% !important
    }
	.pic-view > .btn-prev, .pic-view > .btn-next
	{
		top:28% !important
	}
	  #lightbox_popup .pic-view .pic {
      max-width: 100%;
      max-height: 100%;
      border: 5px solid #fff;
      border-radius: 3px;
	  width:100%;
	  height:auto !important;
    }
}  

@media only screen and (max-width: 800px) {
.indecases-li .indecas .indecas-img {height:236px;}
.content ul li .tab_list .tab_li .cases_lib .cases_liimg {height:229px;}
.cases_list .cases_li .cases_lib .cases_liimg {height:153px;}	
}

@media only screen and (max-width: 720px) {
	/*首页*/
	.indexstand-list .indexstand-li{width: 50%;margin: 0 0 50px 0;}
	#indsta {padding: 17% 0 9% 0;}
	/*关于我们*/
	#pic {margin-left: -25px;}
	#pic ul li.pic4 img {width: 300px;}
	#pic ul li.pic5 img,
	#pic ul li.pic3 img{width:242px;}
	#pic ul .pic3 {left:100px;}
	#pic ul .pic5 {left: 290px;}
	#pic {height: 250px;width: 710px;}
	#pic span {top: 120px;}
	#pic{margin-left: 0;}
	/*工程案例*/
	.cases .cases_list .cases_li{width: 46%;}
	.cases .cases_list .cases_li:nth-child(2n){margin-right: 0 !important;}
	.cases .cases_list .cases_li:nth-child(3n) {margin-right: 3.29%;}
	.cases_list .cases_li .cases_lib .cases_liimg {height: 210px;}
	/*免费设计*/
	.design_list form { width: 80%;}
	.wrapper {padding: 0 5px !important;}
.indecases-li .indecas .indecas-img {height:218px;}
.content ul li .tab_list .tab_li .cases_lib .cases_liimg {height:212px;}
.cases_list .cases_li .cases_lib .cases_liimg {height:209px;}
	#lightbox_popup .pic-view
	{
		top:20% !important;
		left:15% !important
	}
	#lightbox_popup .btn-view .btn-close
	{
		top:10% !important
	}
	.paginator
	{
		width:100% !important;
		clear:both;
		text-align:left;
		margin-bottom:30px;
	}
		.paginator li
		{
			margin-bottom:10px !important;
			float: left;
		}
	.h_pages
	{
		margin-bottom:130px !important;
	}
}


@media only screen and (max-width: 670px) {
.indecases-li .indecas .indecas-img {height:203px;}
.content ul li .tab_list .tab_li .cases_lib .cases_liimg {height:197px;}
.cases_list .cases_li .cases_lib .cases_liimg {height:195px;}
}
@media only screen and (max-width: 600px) {
.indecases-li .indecas .indecas-img {height:182px;}
.content ul li .tab_list .tab_li .cases_lib .cases_liimg {height:176px;}
.cases_list .cases_li .cases_lib .cases_liimg {height:174px;}
	
	
}

@media only screen and (max-width: 570px) {
.indecases-li .indecas .indecas-img {height:173px;}
.content ul li .tab_list .tab_li .cases_lib .cases_liimg {height:166px;}
.cases_list .cases_li .cases_lib .cases_liimg {height:166px;}
} 

@media only screen and (max-width: 530px) {
	/*首页*/
	.wrapper-logo { width: 55%;margin: 5px 0;}
	header .toggle { margin-top: -45px !important;}
	.bannercontent .bannertitle{font-size: 34px !important;}
	.bannercontent .bannerdes{font-size: 14px !important;}
	.bannercontact a{font-size: 14px;}
	.indexfun-tit h2,
	.indexcases-tit h2,
	.indexstand-tit h2{font-size: 30px;}
	.indexfun-list .indexfun-li { width: 47.5%;}
	.indexfun-list .indexfun-li .indfun .indfun-txt h4 {font-size: 22px;}
	.indexfun-list .indexfun-li .indfun .indfun-txt p,
	.indexfun-list .indexfun-li .indfun .indfun-txt button{font-size: 14px;}
	.indecases-li {width: 47.5%;}
	.indecases-li .indecas .indecas-img {height: 158px;}
	.indexstand-tit p { font-size: 14px;}
	#indsta {padding: 22% 0 9% 0;}
	.indexstand{margin: 0;}
	.indexcoop{margin: 50px 0 0 0;}
	.coop-comp-center{margin: 0 0 30px 0;}
	.indexfun-tit p {width: 80%;}
	/*关于我们*/
	.about2_tit h2 {font-size: 29px;}
	.about2_tit h3 { font-size: 20px;margin-top: 0;}
	#pic{margin-left:-60px;}
	.abcon_txt h2 { font-size: 25px;}
	.abcon_txt h3 {font-size: 18px;}
	.abbanner .ab-banbg h1 {font-size:35px;}
	/*新闻*/
	.news_list .news_li .news_litxt h2 {font-size: 18px;}
	/*环保设施*/
	.content ul li .tab_list .tab_li .cases_lib .cases_liimg {height: 155px;}
	.cases_list .cases_li .cases_lib .cases_liimg{height: 155px;}
	.cases .cases_list .cases_li {width: 47.5%;}
	.hbcase2_list .hbcase2_litit h2 {font-size: 29px;}
	.design_list form p {width: 95% !important;}
	.bannercontact {margin: 55px auto 0 auto !important;}
	
}
@media only screen and (max-width: 480px) {
	.wrapper-logo {width: 65%;}
	.bannerlj { padding: 8px 13px !important;}
	.abid_body .abid_right { width: 35%;}
	#pic ul li.pic4 img { width: 200px;}
	#pic ul li.pic5 img, #pic ul li.pic3 img {width:160px;}
	#pic {max-width:480px;width:100%;margin: 0 auto 50px;}
	#pic ul .pic3 {left:70px;top: 65px;}
	#pic ul .pic4 {left: 120px;}
	#pic ul .pic5 {left: 210px;top: 65px;}
	#pic span.prev {left:92px;}
	#pic span.next {right:103px;}
	#pic span{top: 100px;}
	#pic span img {width:50px;height:50px;}
	#pic span {width:50px;height:50px;}
	.news_list .news_li .news_litxt {padding:20px 5px 0 5px;}
	.content ul li .tab_list .tab_li .cases_lib .cases_liimg {height: 135px;}
	.hbcase2_list .hbcase2_litit h2 {font-size: 29px;}
	.cases_list .cases_li .cases_lib .cases_liimg {height: 142px;}
	.tabbox .tab a {padding: 00px 15px;height: 35px;line-height: 35px;font-size: 14px;}
	.content ul li .hbcase2_btn a {font-size: 14px;}
	.design_list form p {width: 95% !important;}
	.contact-txt2t p {line-height: 24px;}
}
@media only screen and (max-width: 415px) {
	.bannercontent .bannertitle {font-size: 30px !important;}
	.bannercontent .bannerdes{padding: 0 3% !important;}
	.indexfun-list .indexfun-li {width: 100%;}
	.indecases-li {width: 100%;}
	.indecases-li .indecas .indecas-img {height: 262px;}
	#indsta {padding: 27% 0 9% 0;}
	.indexcomp-li ul li.li-deta {font-size: 12px;}
	.indexcomp-li ul li.jian span {font-size: 14px;}
	.abfo_left h2 {font-size: 24px;}
	.abfo_left .abfo1_li2 h3 {font-size: 18px;}
	.abfo_left .abfo1_li2 p {line-height: 1.4;font-size: 13px;}
	.abfo_left .abfo2_list .abfo2_li h3 {font-size: 16px;}
	.abfo_left .abfo2_list .abfo2_li p a {font-size: 13px;}
	.abfo_right h2 { font-size: 24px;}
	.abfo_right h2 span { font-size: 15px;}
	.abfo_right {padding: 0 0 30px 0;}
	.about1 .about1_tit h2, .about3_tit h2 {font-size: 30px;line-height: 1;}
	.about1 .about1_tit h3, .about3_tit h3 { font-size: 20px;}
	.about1_txt {font-size: 14px;line-height: 24px;}
	#pic ul .pic3 {left:50px;}
	#pic ul .pic4 {left:100px;}
	#pic ul .pic5 {left:190px;}
	#pic span.prev {left:75px;}
	#pic span.next {right:70px;}
	.news_list .news_li {width: 100%;}
	.abbanner .ab-banbg h1 {font-size: 30px;}
	.content ul li .tab_list .tab_li {margin: 0px 0% 25px 0;width: 100%;}
	.content ul li .tab_list .tab_li .cases_lib .cases_liimg {height: 248px;}
	.cases .cases_list .cases_li{width: 100%;margin-right: 0;}
	.cases_list .cases_li .cases_lib .cases_liimg {height: 262px;}
	.design_list form { width:95%;}
	.contact-lileft .contact-txt1 h2 {font-size: 24px;}
	.contact-lileft .contact-txt2 {width:100%;float: none;}
	.contact-txt2 img {width: 10%;}
	.contact-txt2t p {line-height: 10px;}
	.conli2_tit p{width: 95%;}
}

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

}
@media only screen and (max-width: 400px) {

}

@media only screen and (max-width:375px) {
	.bannercontent .bannertitle {
    font-size:26px !important;
}
.indexfun-cen {margin: 30px 0;}
	.indexfun-tit,
	.indexcases-tit{margin: 0 0 20px 0;}
	.indexcases{margin: 0 0 30px 0;}
	.abfo_left .abfo1_li1,
	.abfo_left .abfo1_li2{float: none;width: 100%;}
	.abfo_left .abfo1_li1 img {width: 50%; margin: 0 auto;display: block;}
	.abid_body .abid_right {width:45%;}
	#pic ul .pic3 {left:30px;}
	#pic ul .pic4 {left:80px;}
	#pic ul .pic5 {left:170px;}
	#pic span.prev {left:65px;}
	#pic span.next {right:60px;}
	.content ul li .tab_list .tab_li .cases_lib .cases_liimg {height: 224px;}
	.cases_list .cases_li .cases_lib .cases_liimg {height: 237px;}
	.abbanner .ab-banbg h1 {font-size: 26px;}
	.tabbox .tab a {width: 47%; margin-bottom: 10px;text-align: center;}
	.tabbox .tab {height: 85px;width: 100%;}
.about2_tit h2{font-size:6px;}
	.design_list form button {width: 42%;}
}


@media only screen and (max-width:320px) {
	.wrapper-logo {width: 80%;}
.bannercontent .bannertitle { font-size:24px !important;}
.indexfun-tit h2, .indexcases-tit h2, .indexstand-tit h2 {font-size:24px;}
.indexfun-tit p {width:95%;}
.indexstand-list .indexstand-li { width: 100%;}
#indsta {padding: 18% 0 9% 0;}
.indexcomp-li ul li.li-tit{width: 58%;}
.indexcomp-li ul li.li-tit p {width: 96%;padding: 0 2%;}
.indexcomp-li ul li.li-deta {width: 23%;margin: 0 0.5%;}
.abfo_left h2 { font-size: 18px;}
.abfo_left .abfo2_list{overflow: hidden;}
.abfo_left .abfo2_list .abfo2_li{float: left;width: 50%;}
.abfo_left .abfo2_list .abfo2_li h3{float: none;width: 100%;margin: 15px 0;}
.abfo_left .abfo2_list .abfo2_li p{float: none;width: 100%;margin:5px 0;}
.abbanner .ab-banbg h1 {font-size: 24px;}
.about1 .about1_tit h2, .about3_tit h2{font-size: 24px;}
.about1 .about1_tit h3, .about3_tit h3{font-size: 16px;}
.about2_tit h2{font-size: 24px;}
.about2_tit h3{font-size: 16px;}
#pic ul .pic3 {left:2.5px;}
#pic ul .pic4 {left:52.5px;}
#pic ul .pic5 {left:142.5px;}
#pic span.prev {left:30px;}
#pic span.next {right:25px;}
.abcon_txt h2 {font-size: 20px;}
.abcon_txt h3 {font-size: 16px;}
.abid_body .abid_right {width: 50%;}
.content ul li .tab_list .tab_li .cases_lib .cases_liimg {height:189px;}
.cases_list .cases_li .cases_lib .cases_liimg {height: 202px;}
.tabbox .tab a {width: 46%;}
.design_list form button {width: 42%;}
.contact-lileft .contact-txt1 h2 {font-size: 18px;}
.contact-lileft .contact-txt1 p {margin: 0;}
}