.app_header{ display:none}
#footnav{
	position: fixed; z-index:28;
	left: 0px;
	bottom: 0px; float:left; width:100%; background-color:rgba(0,0,0,0.8); display:none;
}
#footnav a{
	float:left;
	width:33.3333%;
	text-align:center;
	position: relative; line-height:35px; color:#FFFFFF;
}
#footnav a i{ margin-right:5px;}
#footnav a:after{ content:'';
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(0,0,0,0.8);
}
#footnav a:before{content:'';	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(255,255,255,0.1);
	position: absolute;
	height: 100%;
	right: 0px;
	top: 0px;
}
@media screen and (max-width :1500px){
.box{ max-width:1200px;}

ul.navcase li ul li { width:33.333333%;}
.xuanze .picli,.xuanze .picli  .img a,.front,.back{min-height:90px;max-height:90px;}

	.xuanze .picli .img img{	max-height:90px;min-height:90px; max-width:100%; min-width:100%;}
.back{ font-size:18px;}
#foot .footnav .lianxi{ padding-right:50px; margin-right:50px;}
#foot .footnav .fnav > ul+ul{ margin-right:50px;}
}
@media screen and (max-width :1200px){body{ min-width:1000px;}.box{ max-width:1000px;}

.about{ width:38%;}
.case .econtent .picli .img .title{ font-size:32px;}


#foot .footnav .lianxi{ padding-right:30px; margin-right:30px; max-width:200px;}
#foot .footnav .fnav > ul{ margin-right:30px;}
#foot .footnav .fnav > ul+ul{ margin-right:30px;}
}
@media screen and (max-width :1050px){body{ min-width:815px;}.box{ max-width:815px;}
.nav ul li a { padding-left:15px; padding-right:15px;}
.about{ width:38%;}
.case .econtent .picli .img .title{ font-size:20px;}
ul.navcase li ul li { width:50%;}


#foot .footnav .lianxi{ padding-right:20px; margin-right:20px; max-width:200px;}
#foot .footnav .fnav > ul{ margin-right:20px;}
#foot .footnav .fnav > ul+ul{ margin-right:20px;}
.qrcode .right { clear:both; margin:auto; line-height:1.2; padding-top:20px; text-align:center; width:100%;}
}

@media screen and (max-width :816px){
#foot .footnav .fnav{ max-width:280px; float:none; clear:both; margin:auto; }
#foot .footnav .qrcode{ float:none; clear:both; padding-top:30px;}
#foot .footnav .fnav > ul{ margin-right:0px;}
#foot .footnav .fnav > ul+ul{ margin-right:0px;}
body{ min-height:0px; max-width:100%;}
.flash{ margin-top:50px;}
#footnav{ display:block}
 #nav,#top{ display:none}
.app_rt a{ color:#FFFFFF}
.app_header .app_logo{ width:220px;  float:left; padding-top:5px; margin-left:5px;}
.app_header .app_logo img{ max-width:100%;max-height:40px;}
	.app_header .morenav{ float:right; display:block; width:40px; height:40px; margin-top:3px; margin-right:0px; background-color:#E50013; text-align:center; line-height:40px; font-weight:bold}

	.app_header .nav{height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;position:relative;z-index:2; border-top:none;}
	.app_header .navon{height:72px;}
.app_top{ display:block}
.app_top{ height:52px; float:left; width:100%;}
.app_top2,.app_top3{ height:0px;}
.app_header{/*display:block;*/
	padding:0px 0; width:100%; float:left;
	height:auto;
	overflow:hidden;
	position: fixed;
	z-index: 22;display:block; top:0px; left:0px; height:50px; background-color:rgba(255,255,255,0.95);

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; 
}
html.mm-opened body{ padding-top:0px;}
#pages{ max-width:100%; min-height:0px;}
#header{ display:none}



*{box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
#nav,#top{ display:none}


#cms1,#cms2,#cms {min-height:0px;}

#footnav{ display:block}
blockquote{ margin-left:10px; margin-right:10px;}
blockquote blockquote{ padding:0px; margin:auto;}
body{ overflow-x:hidden;}

*,body,.box1,.box{ min-height:0px; min-width:0px;}
.box{ width:98%;}
#cms *,#cms1 *{ max-width:100%; min-height:0px;}
#cms,#cms1{min-height:0px;}

.pro .econtent .picli:nth-child(3n+1){ margin-left:1%; clear:none;}
.pro .econtent .picli{ width:49%; margin-right:1%; margin-right:1%; }
.pro .econtent .picli .ntitle{ padding-left:0px;}
.pro .econtent .picli .ntitle:after{ content:''; height:4px; background-color:#fff; width:2em; position:absolute; left:0px; bottom:0px;}
.pro .econtent .picli:nth-child(2n+1){margin-left:0%;margin-right:0%; clear:both;}
.pro .econtent .picli:nth-child(2n){ margin-left:0%;margin-right:0%; float:right;}
.pro .econtent .picli .img img{ min-height:200px;}

/*.pro .econtent .picli .ntitle{ left:auto; right:5px;}*/
.pro .econtent .picli .txt{ padding:10px; font-size:14px}

.pro .more a{ width:100%;}

.case .econtent .picli{ width:100%; margin-left:0%; margin-right:0%; margin-top:10px; margin-bottom:10px; }
.case .econtent .picli:nth-child(4n+1){ margin-left:0%; }
.case .econtent .picli:nth-child(4n){  margin-right:0%; float:left}
.case .econtent .picli .dp{ overflow:auto; max-height:1000px; }

.case .more ,.pro .more { padding-top:10px;}
.case .more a,.pro .more a{ padding-left:20px; padding-right:20px; font-size:14px; line-height:40px;  }
.about { width:100%;}
.about .econtent{}
.news{ width:100%; margin-top:30px; background-color:#f5f5f5; padding-left:2%; padding-right:2%;}
.news .econtent{ padding-top:0px; margin-top:0px;}
.news .econtent .picli { padding:0px; margin-bottom:10px; margin-top:10px;}
.news .econtent .picli .img{ width:100%;}
.news .econtent .picli .img img{ max-height:1000px; width:100%;}
.news .econtent .picli .right{ float:left; margin-left:0px; clear:both; padding:10px; background-color:#ffffff;}
.news .econtent .picli .img+.right{ padding-top:20px;}
.news .econtent .picli .right .dp{ max-height:1000px;}
.news .econtent .picli .ntitle:before{ top:0px; height:100%; margin-top:auto;border-left-width: 5px;}
.news .econtent .picli .ntitle{ font-size:16px;}
.news .etitle b,.about .etitle b,.pro .etitle b,.case .etitle b{ font-size:24px}
.case .etitle{ padding-left:10px;}
.case .etitle .h1{ font-size:24px;}
.case .etitle .h2{ font-size:14px;}

.kefu .li{ width:40px; line-height:40px; font-size:24px;}
.kefu .li>i{ font-size:24px; }
#foot{ margin-top:20px;}

.newsindex,.pro,.case{ padding-top:30px; padding-bottom:30px;}
.pro .box,.case .box{ width:96%;}
.about{ width:100%; padding-left:2%; padding-right:2%;}
.newsindex .box{ width:100%;}
.news{ padding-top:30px; padding-bottom:30px;} 
.news .etitle a{ margin-top:0px; padding-top:15px; color:#555;}
.newsindex .etitle { margin-bottom:10px;}
.fuwu{ display:none}
#foot .footnav .lianxi { width:100%; border:none; min-height:0px; display:none}
#foot .footnav .fnav{  padding-bottom:20px; width:100%;}
#foot .footnav .fnav>ul{ width:50%; margin:auto; float:left;}
#foot .footnav { width:96%; margin-left:2%; margin-right:2%;}
/*#foot .qrcode{ display:none}*/
.qrcode{ text-align:center; float:left; width:100%;}
.qrcode .img{ float:none; display:inline-block;}
.qrcode .right{ clear:both; margin:auto;}
#foot{ padding-bottom:40px;}

#left+#right,#right{width:100%;}
#left{ display:none}
#cms,#cms1{ padding-left:10px; padding-right:10px;}
#right .picli{ width:48%; margin-left:0%; margin-right:0%; margin-top:10px; margin-bottom:10px; }
#right .picli:nth-child(3n+1){ margin-left:0%; clear:none; }
#right .picli:nth-child(3n){  margin-right:0%; float:left}

#right .picli:nth-child(2n+1){ margin-left:0%; clear:both; }
#right .picli:nth-child(2n){  margin-right:0%; float:right}
#right .picli .dp{ overflow:auto; max-height:1000px; }


.postion .sort ul li{ padding-left:10px; padding-right:10px;}
.postion.fixed2{ top:50px;}
/*.fangan{ padding-top:20px;}*/
.fangan .cpli,.fangan .cpli:nth-child(2n){ padding:0px; background-color:#ffffff;}
.fangan .cpli .hh1{ text-align:left; /*background-color:#F28D01; color:#FFFFFF;*/ font-size:24px; text-indent:20px; background-color:#eeeeee}
.fangan .cpli .hh1:after{ display:none}
.fangan .cpli .box{ width:100%; padding-bottom:20px;}
.fangan .cpli .econtent{ padding-left:20px; padding-right:20px; font-size:14px;}
#cms1{ margin-top:0px;}
.xuanze .picli{ width:33.333333%; }
.xuanze .econtent{background-color:#ffffff;}
.xuanze{ background-color:#ffffff;}
}
@media screen and (max-width :500px){
.xuanze .picli,.xuanze .picli  .img a,.front,.back{min-height:60px;max-height:60px;}

	.xuanze .picli .img img{	max-height:60px;min-height:60px;}
}
@media screen and (max-width :450px){
#right .picli{ width:100%;}
#right .picli .right .dp{ max-height:100%;}
#right .picli .right{ padding:20px; max-height:10000px;}
#right .li{ padding:0px; margin-bottom:20px; border:none;} 
#right .li .img{ width:100%; margin:auto}
#right .li .img img{ width:100%;}
#right .li .right{ margin:auto; clear:both;padding:20px; background-color:#f5f5f5;}
#right .li .img+.right{ padding:20px; margin:auto;}


}