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

@media screen and (max-width :1600px){.box{width:1250px;
	margin:auto;
	min-width:1250px;}
	#postion{

	padding-top:50px;

	
}
.pro .econtent .picli .img{
max-height:205px; min-height:205px;

}	
	}
	
@media screen and (max-width :1366px){#left{ width:22%;}
#right{  width:75%;}}
@media screen and (max-width :1250px){body{min-width:1050px;}.box{width:95%;min-width:0px;}
#cms .list .img{ 	 
	min-height:150px; max-height:150px;_height:150px; height:150px; }
/*#cms .list .img img{min-height:150px; max-height:150px; _height:150px; }*/
.pronav a{ font-size:14px;min-width:180px;max-width:180px;}
.pronav a.hover:after,.pronav a:hover:after{ content:'';	
	left:50%;
	top:70px; margin-left:-90px; 
	border-left: 90px solid rgba(0,0,0,0);
	border-right: 90px solid rgba(0,0,0,0);
	border-bottom: 30px solid rgba(0,0,0,0);
	border-top: 30px solid #1771c7;
	position: absolute; z-index:11;}
#cms1 .proshow .right{  padding-top:30px;}

}
@media screen and (max-width :1024px){
#left{ display:none}
#right{ margin:auto; width:100%;}
.pro .left{ width:200px;}
.pro .left ul li a{ padding-right:10px;}
.pro .right{ margin-left:220px;}
body{min-width:0px;}
#cms .list .img{ 	 
	min-height:120px; max-height:120px;_height:120px; height:120px; }
/*#cms .list .img img{min-height:120px; max-height:120px; _height:120px; }*/

#cms1 .proshow .right{ padding-top:10px;}
.app_header{ display:block}
.app_top{ height:52px; float:left; width:100%;}
.app_top2,.app_top3{ display:none}
#pages,#right,.box{ max-width:100%; min-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: #0854A8; background-color:rgba(8,84,168,0.95);*/ background-color:#ffffff;
}
#header,#top{ display:none}
.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:2.5px; margin-right:10px; background-color:#0C5871; text-align:center; line-height:40px; font-weight:bold; color:#FFFFFF;}

	.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_rt a{ color:#FFFFFF}.app_top{ display:block}

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

.pronav a.hover:after,.pronav a:hover:after{ display:none}
.pronav a:before{ display:none}

.blockli .item .bg .t{padding-top:20px; padding-bottom:20px;}
.news .nleft .econtent .item .li .ntitle{ width:75%;}
.news .nleft .econtent .item .li .date{}



#case .swiper-container .swiper-button-next,
#case .swiper-container .swiper-button-prev{ display:block;
}
#case .picli .ntitle{ display: flex;background-color:rgba(0,0,0,0.3); }

}
@media screen and (max-width :816px){
#right{ margin-top:20px;}
#postion{ padding-bottom:0px; margin-bottom:0px;}
#cms1{ padding-top:20px;}
.online-qq{ display:none}
#foott1 .copys .left{ display:none;}
#foott1 .copys .right{ margin-left:0px; padding-top:0px; clear:both}
#foott1 .copys{ clear:both; padding-top:10px;}
#cms1 .proshow .right{ margin-left:5%; margin-right:5%; padding-top:10px; clear:both;}
#cms1 .proshow .img{ width:100%;}
.pronav {line-height:35px; padding-top:10px; padding-bottom:10px;}
.pronav a{ font-size:12px;min-width:0px;max-width:1800px; padding-left:10px; padding-right:10px;}

#cms1,#cms {min-height:0px; }
.phone{ display:block}
.pc{ display:none}
#footnav{ display:block}
blockquote{ margin-left:10px; margin-right:10px;}
blockquote blockquote{ padding:0px; margin:auto;}
body{ overflow-x:hidden;
}

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

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


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



#banner{ height:100px; max-width:100%; }
#postion{
	padding-top:0px; padding-bottom:0px;
}
#postion .box{padding-bottom:0px;}
#postion b{ display:none}
#postion  div.postion{ float:left; }

#cms .list,.pro .list,.pro .econtent .picli{
	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 .img{  min-height:0px;
}
#cms .list .img img{ min-height:0px;}
#cms .list.appli .img{ min-height:0px;}

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


#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;}


#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 *{ max-width:100%;}


.bannerin .h1{

	margin-top: -18px; 
}

#cms .newsList li div{ display:none}
#cms .newsList li span{display:inline-block;width:calc(100% - 150px);}
#cms .newsList li span h3{ font-size:16px; line-height:1.5; }
#cms .newsList li span h4{ line-height:1.5; font-size:12px;}
/*首页*/
.blockli .item .bg .t{padding-top:10px; padding-bottom:10px; font-size:18px;}
.pro .sort{ width:100%;}
.pro .sort a{ width:50%; float:left; padding:0PX; text-align:center; font-size:14px; line-height:3;}
.pro .econtent{ width:100%; margin:auto; padding-top:20px; padding-bottom:20px; float:left; clear:both;}
.hz .h1{ font-size:24px; line-height:1.5; padding-bottom:10px;}
.hz .h2{ font-size:12px; line-height:1.5; padding-bottom:10px;}
#lastnews{ padding:10px;}
#lastnews form{ float:none; width:250px; padding-top:4.5px;}
#lastnews form input{ width:200px;}
#lastnews .right{ margin-left:0px; clear:both;}
.pro .left{ display:none}
.pro .right{ margin:auto;}

.about .img{ width:100%; display:none}
.about .right{ width:100%; padding-top:20px;}
.about{ background-color:#ffffff; padding-top:0px; padding-bottom:0px;}
 .about .right .img{ display:block; padding-top:0px; margin-top:10px;}
 .about .newstop{ position:relative; width:100%; top:0px; padding:0px; padding-top:30px;}
 .about .right{
	background-image: none; padding-top:30px; padding-bottom:0px; max-width:100%; 
}

 .about .right .econtent{ padding-top:15px; float:left; width:100%; clear:both;} 
 .about .right .more{ clear:both; padding-top:20px; padding-bottom:20px;}
 .about .newstop .dp{  max-height:100em;min-height:0em; }
 
}
@media screen and (max-width :770px){
.blockli{ text-align:center; padding-bottom:10px; padding-top:10px; margin-top:0px;}
.blockli .item{ width:100%; float:none; display:inline-block; max-width:500px; margin:auto;}
.blockli .item .bg .t{padding-top:20px; padding-bottom:20px; font-size:28px;}
.blockli .item .bg .more{bottom:10px;}
.news .nleft,.news .nright{ float:left; width:100%; margin-bottom:20px;}
.links{ margin-top:20px;}
}
@media screen and (max-width :450px){
.news .nleft .econtent .item .li .ntitle{width:calc(100% - 100px);}
/*.news .nleft .econtent .item .li .date{ display:none}*/
}
@media screen and (max-width :380px){
.hz .h1{ font-size:18px;}
}