.banner img{ width:100%;}
.flash .swiper-slide img{ width:100%;}
#footnav{
	position: fixed;
	z-index:99;
	left: 0px;
	bottom: 0px;
	float:left;
	width:100%;
	background-color:#C20000;
	display:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255,255,255,0.6);
	text-transform: uppercase;
}
#footnav a{
	float:left;
	width:25%;
	text-align:center;
	position: relative; line-height:35px; color:#FFFFFF; padding-top:10px; line-height:1.2; padding-bottom:10px; font-size:14px;
}
#footnav a i{ display:block; font-size:24px; line-height:24px; margin-bottom:3px;}
#footnav a i.icon-weixin{ font-size:20px; }
#footnav a i.icon-chanpinguanli{ font-size:20px;}
#footnav a:nth-child(1):after{ display:none}
.app_header{ display:none;}
@media screen and (max-width :1024px){
#top{ display:none;}
.box{ width:100%; padding-left:10px; padding-right:10px;box-sizing:border-box;}
#header{ display:none;}
body{ min-width:300px;}
.app_header{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;

	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; float:left; width:100%;
}

.app_header .app_logo{ width:220px;  float:left;  margin-left:5px; padding-top: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;text-align:center; line-height:40px; font-weight:bold; color:#fff; background-color:#C20000;}
.app_header .morenav i{ font-size:32px;}
	.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;}
.flash{ margin-top:50px;}	
.banner img{ width:auto; height:30vw; margin-left:-50vw;}
.mm-opened .flash{ margin-top:0px;}
/*.flash .swiper-container{max-width:100%;}
.flash .swiper-slide img{ max-width:100%;}*/
.about .item{ width:48%;}
.about .item:nth-child(1){ min-height:0; width:100%;}
.about .item0{ margin-bottom:20px;}
.about .item0 .dp{ width:100%; margin:auto; float:left;}
.about .item0 .img{
	width:calc(100% - 10px);
	position:relative;
	float:left;
	top:auto;
	right:auto;
	background-color:#C20000;
	text-align:center;
	padding:0px;
	box-sizing:border-box;
	border: 5px solid #C20000;
}
.about .item0 .img img{ max-width:100%;}
.about .item:nth-child(1)::after{ display:none;}
.about .item1{ margin-right:2%;}
.about .item2{ margin-right:0;}
.youshi .item:nth-child(1){ width:100%; margin:auto; margin-bottom:20px; min-height:0; }
.youshi .item:nth-child(1) .img{ height:100%;}
.youshi .item:nth-child(1) .img img{height:50vw; max-width:1920px;}
.youshi .item:nth-child(1) .txt{ position:relative; top:auto; left:auto; right:auto; width:100%;}
.youshi .item .txt .ntitle span{ font-size:28px;}
.youshi .item .txt .ntitle{ font-size:20px;}
.youshi .item .txt .ntitle span + div{ margin-left:70px;}
.youshi .item .txt .hc{ font-size:16px;}
.youshi .item .txt .ntitle span{ width:60px;}
#foot .fnav{ display:none}
#foot .lianxi{ width:100%;}
#foot{ padding-top:20px; padding-bottom:20px; margin-top:20px;}
.copy .fl{ float:left; width:100%; text-align:center;}
.copy .fr{ float:left; width:100%; text-align:center;}



.news .item:nth-child(1),.news .item:nth-child(2){ width:43%; }
.news .item+.item{ width:55%;}
#right{ width:calc(100% -  320px);}
}
@media screen and (max-width :768px){
#footnav{ display:block;}
/*内页*/
#left{ width:100%; margin-bottom:20px; margin-top:20px; position:relative; top:auto; left:auto;}
#right{ width:100%;box-sizing:border-box;}
#left .h2{ padding:10px;}
#left .h2 span{ font-size:24px;}
#left .h2 b{ font-size:20px; padding-bottom:0;}
#left .leftdh ul li{ width:50%; float:left;}
.postion .box .fl{ margin-left:0;}
.banner img{ width:auto; height:45vw; margin-left:-60vw;}
.pro .picli .ntitle{ line-height:1.2; font-size:16px;}
}
@media screen and (max-width :550px){
.youshi .item{ width:100%;}
.news .item:nth-child(1),.news .item:nth-child(2){ width:100%; margin:auto;}
.news .item+.item{ margin-top:20px;}
.news .date{ padding-top:15px; padding-bottom:15px;}
.news .item:nth-child(2) .li .dp{ padding-top:0;}
.news .item .li { padding:5px;}
.news .item:nth-child(2) .li .ntitle,.news .item:nth-child(1) .li .ntitle{ font-size:16px;}
.news .date span{ font-size:28px;}
.news .item:nth-child(2) .date + .right{ margin-right:10px; margin-left:70px;}

.youshi{}
.news{ padding-top:30px;}
.youshi .item{ margin-bottom:0;}
.youshi .item+.item{ margin-bottom:20px;}
.about .item:nth-child(2) .dp, .about .item:nth-child(3) .dp {font-size: 12px;}
.ys .item span{ font-size:20px;}
#cms .picli{ width:48%; margin-left:1%; margin-right:1%; font-size:14px;}
#cms .picli .img{ height:36vw;}
#cms .picli:nth-child(3n+1){ clear:none;}
#cms .picli:nth-child(2n+1){ clear:both;}
}

@media screen and (max-width :500px){
.about .box {
  background-image: url(13.jpg);
  background-repeat: no-repeat;
  background-position: 30% bottom; background-size:100% auto;
  padding-bottom: 20vw;
}
.ys{ padding-top:15px; padding-bottom:15px; height:auto; background-size:auto 100%;}
.ys .item { width:50%; margin-top:5px; margin-bottom:5px; padding-top:0;}
.ys .item:nth-child(2n+1){ clear:both;}
.ys .item span{ font-size:24px;}
.hot .search input{ width:calc(100vw - 200px);}
  .youshi .item .txt .ntitle>div{ line-height:1.1; min-height:64px;  display: flex;
  align-items: center;}
}