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


body{ min-width:250px;}
.box{ width:95%; min-width:250px;}
.qrcode{ width:18%; background-size:100%;}
.etitle>div{max-width:90%; margin:auto;}
.nextpage .fr{ float:left; clear:both;}
.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:#095994; 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:#ffffff;
}
.app_header{ display:block;
	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}
/*.qrcode{ width:100%; background-size:250px; float:left; width:100%;	background-position: left; margin-top:20px; display:none}*/

.fnav{ width:15%;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;margin:auto;}
.fnav.f2{ width:20%;}

.flx{width:35%;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; margin:auto; padding-left:20px;}
#cms .list .img{ min-height:125px; max-height:125px;
}
.weixiu{ background-size:auto 100%;}

#footer .footlogo{ padding-right:30px;}
#footer .flx{ max-width:1000px; border:none;}


#footer .title span{ font-size:18px;}
#footer .title b{ font-size:14px;}
#footer .flx .title b{ font-size:20px;}
#footer .title i{ font-size:16px;}




*{box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
#nav,#top{ display:none}
.search{ display:none}
body{ padding-top:50px; min-width:0px;}
#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;}

#cms .list:nth-child(2n+1){ clear:both}

.nav{ display:none;}
.header{ display:none}

#right,.box{ max-width:100%; min-height:0px;}


.box,.box1,.box2{ max-width:100%;}

#right{ width:98%; float:none; margin:auto;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
 min-height:100px; float:left; margin-left:1%;}



#banner{ height:100px; max-width:100%; }

#postion{ line-height:1.2; padding-top:10px; padding-bottom:10px;}
#postion b{ display:none}
#postion>div.postion{ float:left;}

#cms .list,.pro .list{
	width:48%;
	margin-right: 1%;
	margin-left: 1%;
}
#cms .list .img,.pro .list .img{ width:100%; height:auto;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;}
#cms .list .img img,.pro .list .img img{ height:auto}
#cms .list:nth-child(3n+1){ clear:none}
#cms .list:nth-child(2n+1){ clear:both}
#cms .list .ntitle{ font-size:14px;}
#cms .list .img{  min-height:33.3vw; max-height:33.3vw;}
#cms .list .img img{ min-height:0px;}
#cms .list.appli .img{ min-height:0px;}

#cms .list.appli .img img{ min-height:0px;}

#cms .li .ntitle{ width:100%;}
#cms .li .time{ display:none}

#cms .picli .right .ntitle,#cms .picli .right .time{ width:100%; text-align:left; padding:0px; margin:auto; line-height:1.2;}
#cms .picli .right .title{ padding-bottom:5px; }

/*底部*/
#footer{ padding-top:0px;}
.copy{ padding-bottom:50px; font-size:12px}
.copy .logo+.fl{ padding-top:10px;}


.footnavs{ font-size:12px;}
.footnavs a{ margin:2px;}

/*#footer .footlogo{ display:none}*/
#footer .fnav{  display:none;}


#footer .flx{ width:100%; min-height:0; float:left; max-width:100%; padding-top:10px; padding-left:10px;}
#footer .flx .title{ display:none;}
#footer .flx .hc{ text-align:left; padding-top:0px;}
#footer .copy{ padding-top:10px; padding-bottom:30px; padding-left:10px; padding-right:10px;}
.qrcode{ display:none}

#footer .line .title{ padding-bottom:10px;}
#footer .hc { padding-top:10px;}
/*内页*/

.gotop{bottom:80px; display:block;}

#cms .picli{width:100%;height:auto;}
#cms .picli .img {height:80px;margin-left:5px;}

#cms .picli .img img{ width:120px; height:80px; }
#cms .picli .img+.right { margin-left:140px; margin-right:10px; }


.bannerin .h1{
	font-size: 24px;

}
.bannerin .h1 span{font-size: 18px;
}
.bannerin .h1 i{
	
	font-size: 18px;

}

#cms1{ width:90%; margin-left:5%; margin-right:5%;}
#cms1 *{ max-width:100%;}


.bannerin .h1{

	margin-top: -18px; 
}
#left{ display:none}






/*首页*/



#cms1 h1.h1{ font-size:18px;}
#cms1 .content{font-size:14px;min-height:0px;}


#cms1{ margin:0px; width:100%; position:relative;}
.proshow .right  .xq{min-height:0px;}

.proshow .right{}

#cms .picli.newsli .img img{ width:105px; }
#cms .picli.newsli .img+.right{ margin-left:125px;}

.jqzoom{  height:220px;}
.proshow .right .h2{ padding-top:0px; display:none}
.proshow .right .btn a{ width:100%;}

.sorti{font-size:14px;}
.sorti ul li { width:48%; float:left; }
.sorti ul li a{ display:block;}


.etitle{ padding-bottom:10px;}


.gotop{ background-color:#0061B0;
 cursor:pointer;
	 background-size:30px; width:40px; height:40px; line-height:40px; text-align:center;  position:fixed; bottom:50px; right:10px; z-index:99;
}
.gotop i{ font-size:28px; color:#FFFFFF;}


#footer .box .flx .title b,#footer .box .qrcode .title b,#footer .box .fnav .title b{ font-size:16px; }
.nextpage>div{ width:100%; float:left}

/*首页*/
.about{ padding-top:20px; padding-bottom:20px;}
.about .etitle,.about .etitle+ .h2{ display:block;}
.about .title,.about .title2{ display:none}
.about .econtent .hc{ width:100%;}

.youshi{ padding-top:10px; padding-bottom:10px; position:relative; clear:both;}
.youshi .box{ box-shadow:0 0 5px rgba(100,100,100,0.3); border-radius:5px; background-color:#FFFFFF;}



.youshi .picli .t1 b{	font-size: 40px;}
.youshi .picli .t1 span{ font-size:36px;}
.youshi .picli .t1 i{
	font-size:12px;
	width:20px;
	line-height:20px;
	 margin-left:25px; margin-top:-30px;
}
.youshi .picli .t2{ font-size:16px; }

.pro{background-color: #0061B0; padding-top:30px; padding-bottom:30px;}
.pro .etitle b{ color:#ffffff;}
.pro .etitle b::after {border-bottom-color:rgba(255,255,255,0.5);}
.pro .econtent{ padding-top:0;} 
.pro .econtent .picli{ width:100%; margin-left:auto; margin-right:auto; background-size:100% 44px;}
.pro .econtent .picli .right { min-height:0; padding-bottom:20px;}
.pro .econtent .picli .img img{ min-height:0px;}
.pro .more{ padding-top:0;}
.hezuo{ padding-top:30px; padding-bottom:30px;}

.case { background-size:100%;}
.case ul{ width:100%;}
.case ul li{ width:32%; margin-left:2%; float:left;}
.case ul li:nth-child(3n+1){  margin-left:0; clear:both;}
.case ul li a{ font-size:16px; line-height:1.5; padding-left:10px; padding-right:10px; background-image:none; padding-top:5px; padding-bottom:5px;}
.case ul li a:hover::after, .case ul li.hover a::after{ display:none;}
.case .econtent{ margin:auto; clear:both;}
.case *{ max-width:100%;}
.case .picli.istop .right{ margin:auto; clear:both;}
.case .picli.istop .img{ width:100%; max-width:100%;} 
.case .picli.istop .img img{ width:100%;}
.case .picli.item .img img { min-height:20vw; max-height:20vw;}
.case .picli.item .right{ display:block; position:relative; top:auto; left:auto; height:auto; background-color:rgba(255,255,255,0); padding:0; } 
.case .picli.item .right .ntitle a { font-size:14px;font-weight:lighter; color:#333333; padding:0;}
.case .picli.istop .right .imore{ display:block;}
.youshi2{ padding-top:30px; padding-bottom:30px;} 
.youshi2 .picli{ padding-top:15px; padding-bottom:15px;}
.youshi2 .picli  .img2{ width:100%; display:block; margin-top:15px; text-align:center;}
.youshi2 .picli  .img{ display:none;}
.youshi2 .picli .right{ width:100%; padding:0;}
.youshi2 .picli .right .t1{ padding-top:20px; font-size:22px;}
.youshi2 .picli .right .num{ width:100%; position:relative; top:auto; left:auto;background-position: center center;}
.yingyong{ padding-top:30px; padding-bottom:30px;}
.news .newsleft{ width:100%;}
.news .newspic{ width:100%; float:left; margin-top:20px;}
.news .newsleft .picli.item{ padding-right:30px;}
.news .newspic .picli{ width:100%; margin-left:auto; margin-right:auto;}
.news .newspic .picli .img img{ max-height:2600px; min-height:0px; width:100%;}
.case .picli.istop .right .ntitle a { font-size:22px;}

.yingyong  .picli{

	padding-bottom: 59px;
}
.news{ padding-top:30px;}
.copy { margin-top:10px;}
}
@media screen and (max-width :650px){
.youshi .picli{ width:50%;padding-top:20px; padding-bottom:20px; }

.youshi .picli:nth-child(1):before,.youshi .picli:nth-child(3):before{ display:none}

#cms .downli .ntitle{width:calc(100% - 120px);}
}
@media screen and (max-width :500px)
{.news .newsleft .item1 .img{ width:100%;}
.news .newsleft .item1 .img img{ width:100%;}
.news .newsleft .picli.item1 .right{ margin:auto; clear:both; padding-top:5px;}
.copy .footlogo { padding:0; background-image:none; padding-bottom:15px;}

 .etitle{ font-size:28px;}

 /*.etitle+.h2{  font-size:14px;}	*/
 .yingyong  .picli .ntitle{
	font-size:18px;
	padding-bottom: 10px;
	margin-top:10px; 
}

#cms .downli .ntitle{/*width:calc(100% - 120px);*/ font-size:16px}
#cms .downli .btn a{ font-size:14px;}
}