/* CSS Document */
.app_header{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; background-color:#f6801c;
}

@media screen and (max-width :1024px){
/*body{ min-width:1000px;}
.box{ max-width:100%; min-width:1000px;}*/
#top{ display:none}
.app_header{display:block;
	padding:0px 0; width:100%; float:left;
	height:auto;
	overflow:hidden;
	position: fixed;
	z-index:99;display:block; top:0px; left:0px;   background-color: #231f20;
}

.app_header .box{ position:relative}

.app_top{ height:50px;}
.app_header .app_logo{  padding-top:5px; padding-bottom:5px;  text-align:center; position:relative;}
.app_header .app_logo img{ max-width:100%;max-height:40px;}
.app_header .morenav{ display:block; width:50px; height:50px;  /*background-color:#00ACDC;*/ text-align:center; line-height:50px; font-weight:bold; font-size:14px; position:absolute; left:0; top:0; color:#ffffff;}

.app_header .morenav span{ font-size:35px; line-height:50px;}
#menu{font-family: agencyfbbold;/*text-transform: uppercase;*/ }
.mm-menu.mm-theme-dark .mm-listview > li:after {
  border-color: rgba(255, 255, 255, 0.3);
}

#left .leftdh ul li{ padding-right:30px;}


.about .box>.img{ display:none}
.about .box>.right{ float:left; width:100%;}
.about .box>.right .img{ width:100%; display:block; margin-top:10px;}
.about .box>.right .img img{ width:100%;}
.about>.box>.right .hc{  min-height:0px;}
.about>.box>.right .more{ text-align:center;}
.news .econtent{ padding-left:10px; padding-right:10px;}
}
@media screen and (max-width :900px){
body{ background-color:#ffffff;}
#cms1,#cms2,#cms {min-height:0px;}

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

*,body,.box2,.box{ min-height:0px; min-width:0px;}
.box,.box2{ width:98%; max-width:98%;}
footer{margin-top:30px;}
footer>div{padding-top:50px;}
footer .message{ display:block; width:280px; margin-left:auto; margin-right:auto; float:none;}

footer .footfr{ float:left; width:100%; clear:both; padding-top:20px;}


#cms *,#cms1 *{ max-width:100%; min-height:0px;}
#cms,#cms1{min-height:0px;}
#left,#right{ float:left; width:100%; clear:both; padding-bottom:10px;}
#right{ padding-bottom:0;}
.pro .econtent .picli,#cms .picli{ width:48%; margin-left:1%; margin-right:1%;}
.pro .econtent .picli:nth-child(3n+1),#cms .picli:nth-child(3n+1){ clear:none;margin-left:1%; margin-right:1%;}

.pro .econtent .picli:nth-child(2n+1),#cms .picli:nth-child(2n+1){ clear:both;}
#cms .picli .ntitle:after,  #cms .picli .ntitle:before{display:none;}
#cms .picli .right{ padding-top:10px; padding-bottom:10px;}
#cms .picli .ntitle{ padding-bottom:0px; font-size:16px; text-align:center;}


.news .econtent .picli,.news .econtent .picli:nth-child(4n+1){ width:48%;margin-left:1%; margin-right:1%;}
.news .econtent .picli:nth-child(2n+1){ clear:both;}
.news .econtent{ padding-top:0px;}

.procontent{ margin-top:30px;}
.procontent .hc{ padding-left:0; padding-right:0; padding-top:10px; padding-bottom:0px;}
#left div.h1{ display:block; text-align:center; padding-bottom:20px; font-size:24px; font-weight:bold; position:relative; margin-bottom:20px;}
#left div.h1:after{ content:''; position:absolute; bottom:0; left:50%; width:3em; margin-left:-1.5em;border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #016DB6;}
	
#left  .leftdh.one{ display:none;}
#left .leftdh ul li{ padding:0; float:left; width:48%; margin-left:1%; margin-right:1%; margin-bottom:5px;}
#left .leftdh ul li;nth-child(2n+1){ clear:both;}
#left .leftdh ul li>a{
	display:block;
	padding:10px;
	border: 1px solid #dddddd;
}
#left .leftdh ul li>a.hover{ background-color:#006EB5; color:#FFFFFF}
#left .line,#left .leftdh:before{ display:none}
#left{ line-height:1.2;box-shadow: 0px 0px 0px rgba(0,0,0,0);
background: #fff;
position: relative; overflow:hidden; margin-bottom:30px; padding-top:20px; padding-bottom:20px;}
.news .picli{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.news .econtent .picli,.pro .econtent .picli{ margin-bottom:35px;}
.pro .econtent .picli>a{border: 1px solid  #dddddd;}
.pro .econtent{ border:none;}
.pro .econtent .picli .ntitle{ display:block;background-color:rgba(0,0,0,0.3); width:100%; left:0; bottom:0; top:auto; height:auto; padding-top:10px; padding-bottom:10px; }
.pro .econtent .picli .ntitle .ico{ display:none}
.pro .econtent .picli a:hover:before{ display:none}
.bodyindex.pro .econtent div.picli:last-child,.bodyindex.news .econtent .picli:last-child,.bodyindex.pro .econtent div.picli:nth-child(9){ display:none}
/*.bodyindex.news .econtent .picli,.bodyindex.news .econtent .picli:nth-child(4n+1) { width:100%; margin-bottom:35px;}
.bodyindex.news .econtent .picli>div{ max-width:100%;}*/
}

@media screen and (max-width :768px){
footer .footfr{ width:280px; float:none; margin:auto;}
footer .footfr .footnav{ padding-left:0; padding-right:0;}
footer .footfr .navitem{ display:none}
footer  .foot>.box>.fl,footer  .foot>.box>.fr{ float:left; width:100%; text-align:center; font-size:12px;}

.aboutin .econtent > .img,.aboutin .econtent > .right{ float:left; width:100%;}
.aboutin .econtent > .img{ max-width:100%; text-align:center; padding-top:10px;}
.aboutin .econtent > .img img{ width:100%;}
.aboutin,.contactin{ margin-top:10px;}

.aboutin .h1, .contactin .h1 { font-size:40px;}
.aboutin .h2 { font-size: 22px;}
}
@media screen and (max-width :500px){

.pro .econtent .picli,#cms .picli,.news .econtent .picli,.news .econtent .picli:nth-child(4n+1){ width:98%; margin-left:1%; margin-right:1%;}

.pro .econtent .picli:nth-child(2n+1),#cms .picli:nth-child(2n+1){ clear:both;}
.contactin .left,.contactin .right{ float:left; width:100%;}
.contactin .right{
	padding-top:30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; margin-top:30px;
}
.contactin .right .btn .span{ width:100%;}
.proshow .right .btn a{ width:100%; text-align:center; padding:0;}
}