/* CSS Document */
.lianxi{ width:850px; margin:auto; max-width:100%; padding-bottom:20px; font-size:22px}
.lianxi .qrcode2.fr{ padding-top:80px;}
.abouthonor{ clear:both; padding-top:20px;}
.abouthonor .img{
	padding: 10px;
	float: left;
	width: 32%;
	border: 1px solid #dddddd;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */

	margin-left: 2%; margin-bottom:20px;
}
.abouthonor .img:nth-child(3n+1){ clear:both; margin-left:0px;}

.abouthonor .img *{ max-width:100%;}
.back{ padding-bottom:20px;}
.aboutindex{ display:none}
@media screen and (max-width :1250px){
.box{ width:98%; min-width:1000px;}
body{ width:100%; min-width:1000px;}
.about{ background-size:auto 100%;	background-position: left top;}
.pro .left{ min-height:560px;}
.pro .picli{ min-height:280px;}
#header .logo{ width:350px;}
#header .logo *{ max-width:100%;}
#header #nav{ margin-left:30px; padding-top:27px;}
#header .lan{padding-top:42px;}
#header .lan .ul{top:70px;}
#header .nav ul li{}

.pro .left .leftnav .sort ul li a{ font-size:16px}

.pro .left .leftnav .sort ul li  ul li a{ font-size:12px;} 



}
@media screen and (max-width :1200px){.qrcode{ width:200px; font-size:12px}.qrcode img{ max-width:90px;}

.pro .list .ntitle{ padding-bottom:10px;}

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


.pro .left .leftnav .sort ul li a{ font-size:14px}

.pro .left .leftnav .sort ul li  ul li a{ font-size:12px;} 
.pro .left .leftnav .sort ul li{ margin-bottom:0px; } 


#header .logo{ width:300px;}
#header #nav{ font-size:16px}
/*#header #nav{ margin-left:30px; padding-top:27px;}
#header .lan{padding-top:42px;}
#header .lan .ul{top:70px;}}
#header .nav ul li{}*/

#footer .flx{}
.fnav{
	width:140px;
	padding-left:10px;
	padding-right:10px;

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

.flx{ max-width:365px;}
.fnav{
	width:140px;
	padding-left:0px;
	padding-right:0px;

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

#footer .flx{ max-width:365px;}
.fnav{
	width:120px;
	padding-left:0px;
	padding-right:0px; font-size:16px

}
}
@media screen and (max-width :816px){
.aboutindex{ display:block}
.lianxi{ font-size:14px;}
.lianxi >.fr{ width:100%; clear:both}

.lianxi .qrcode2.fr{ padding-top:20px; padding-bottom:20px;}


.flx .title b,.fnav .title b,.flx .title,.qrcode .title{font-size:18px; }

.flx .title{

	background-position: right top;

}

body{ padding-top:60px; min-width:0px;}
#cms1,#cms2,#cms {min-height:0px;}
#header{ display:none}
#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;}
.app_rt a{ color:#FFFFFF}
#cms .list:nth-child(2n+1){ clear:both}
.app_top{ display:block}
.nav{ display:none;}
.header{ display:none}
.app_header{ display:block}
.app_top{ height:52px; float:left; width:100%;}
.app_top2,.app_top3{ height:0px;}
#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:rgba(255,255,255,0.95);
}

.box,.box1,.box2{ max-width:100%;}
#right{ width:98%; float:none; margin:auto; margin-top:20px;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
 min-height:100px; float:left; margin-left:1%;}
.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:5px; margin-right:10px; background-color:#c7261e; 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;}


#banner{ height:100px; max-width:100%; }
#postion{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
#postion b{ display:none}
#postion>div{ float:left; padding-left:20px;}

#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 .img{  min-height:0px;
display: flex;
    justify-content:center;
    align-items:center; height:180px;
}
#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{}
.fnav,.fnav.f2,.qrcode,.flx{ width:100%; box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
padding:20px; border:none; min-height:0px;
}

.footnavs{ font-size:12px;}
.footnavs a{ margin:2px;}
.fnav{ width:33.33333%; float:left;border:none; margin:auto; min-height:0px;}
.fnav.f2{ width:66.666666%; clear:none;float:left;  border:none; margin:auto; min-height:0px;}
.flx{
	margin-bottom: 0px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:rgba(255,255,255,0.3);
}
.qrcode{ display:none}
/*内页*/

.gotop{bottom:80px;}

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

/*首页*/


.news .econtent .picli .img{ width:120px; height:105px; margin-top:5px; margin-left:5px;}
.news .econtent .picli .right{ margin-left:140px; padding:0px;}
.news .econtent .picli .right .ntitle{ font-size:16px; line-height:1.2;}
.news .econtent .picli .right .dp{ padding:0px; height:3em; overflow:hidden; font-size:12px; color:#999999;}
.news .econtent .picli .right .more{ padding:0px;}
.news .econtent .nli{ padding:10px;}
.news .box .econtent .nli .li{ margin-left:0px; margin-right:0px; width:100%;}

.about{background-size:auto 100%; padding:10px; min-height:0px;
box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; }
.about .hc{ position:relative; top:auto; margin-top:auto; left:auto; right:auto;}

.pro .left{ width:100%; min-height:0px; padding-bottom:20px;}
.pro .econtent{ width:100%; clear:both;}

.pro .econtent .picli{
	width:100%;
	min-height:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.pro .picli:after,.pro .picli:before{ display:none}
.pro .econtent .picli .list{ width:100%; display:block}
.pro .econtent .picli .img{ float:left; width:150px;}
.pro .econtent .picli .ntitle{ margin-left:160px; text-align:left; line-height:1.5; padding-top:20px;}
.pro .left .leftnav .etitle,.news .etitle{ font-size:20px;}
.news .etitle b{ font-weight:lighter;}
.news .econtent .nli .li .ntitle{ font-size:14px;}
.news .econtent .nli .li .dp{ font-size:12px;}
.pro .left .leftnav .sort a{ font-size:16px;}


.ptitle{ }
.ptitle .h1{ font-size:20px;}
.ptitle .h2{
	font-size:20px;

}
.flx .title,.qrcode .title{ font-size:14px; }
.fnav .title{ font-size:14px;}
.fnav,.flx{	font-size:14px; min-height:0px;}
.fnav{ width:40%;}
.fnav.f2{ width:60%;}
.leftdh >ul >li>ul{ display:none}
.leftdh >ul >li{ width:48%; overflow:hidden; margin-bottom:5px;}
.pro .left .leftnav .sort ul li  ul{ display:none}



#cms .list .ntitle{	white-space:normal; font-size:14px; line-height:1.2; padding-top:10px;
	overflow: auto;}
.pro .econtent:after{ display:none}
}

/*@media screen and (max-width :500px){
.abouthonor .img{width:100%; margin-left:auto; margin-right:auto}
}*/

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



.flx .title{
	font-size:28px;
	background-image: url(tel.jpg);
	background-position: 0px 50px;
	background-repeat: no-repeat; padding-bottom:50px;
}
#footer{ padding-top:0px; padding-bottom:0px;}
#cms .list .img{ height:120px;}
}
@media screen and (max-width :350px){

#footer .box .flx .title b,#footer .box .qrcode .title b,#footer .box .fnav .title b{ font-size:18px; }

.fnav,.flx{	font-size:14px; min-height:0px;}
.fnav{ width:42%;}
.fnav.f2{ width:58%;}
.pro .left .leftnav .sort ul li  ul{ padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px;}
.pro .left .leftnav .sort ul li  ul li a{ font-size:12px; padding-right:10px;} 
}
@media screen and (max-width :280px){
#cms .list .img{ height:80px;}

.fnav{ width:100%;	margin-bottom: 0px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:rgba(255,255,255,0.3);}
.fnav.f2{ width:100%;}

}