@media only screen and (max-width:1220px){
	*{
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-tap-highlight-color: rgba(255,0,0,0);
    -webkit-appearance:none;
	}
	
	input,textarea {-webkit-appearance:none; }
	
	html{min-height: 100%; position: relative;}
  body,html{
    font-size: 12px;overflow-x: hidden;
  }
  body{
  	position: static;background: #fff;
  }
   
  img{
  	max-width: 100%;
  }
  
  .wrapper{
    width: auto; margin: 0 4%;
  }
  
  .header{
  	height: auto;
  }
  .header .wrapper{
  	margin-left: 0; margin-right: 0;
  }
  .header-logo{
  	height: 40px; padding-top: 8px; margin-left: 4%;
  }
  .header-logo img{
  	height: 24px;
  }
  .header-nav{
  	float: none; clear: both;  background: #3e643c;
  }
  .header-nav ul{
  	display: flex; display: -webkit-flex;justify-content: space-around; -webkit-justify-content: 
  }
  .header-nav li{
  	line-height: 33px; font-size: 12px; color: #fff; float: none;  margin-left: 0; space-around;
  }
   .header-nav li a{
   	color: #fff;
   }
   .header-nav li:hover a, .header-nav li.active a{
   	color: #fff;
   }
   
   .h-banner .swiper-slide{
   	height: 161px;
   }
   .h-banner .txt{
   	padding-top: 35px; padding-left: 15%;
   }
   .h-banner .txt .big{
   	font-size: 28px;
   }
   .h-banner .txt .tip{
   	padding: 6px 15px; font-size: 14px; letter-spacing: 3px;
   }
   .h-banner .txt .tip strong{
   	font-size: 16px;
   }
   .h-banner .swiper-container-horizontal>.swiper-pagination-bullets, .h-banner .swiper-pagination-custom, .swiper-pagination-fraction{
   	bottom: 10px;
   }
   .h-banner .swiper-pagination-bullet{
   	width: 5px; height: 5px; border-radius: 2px;
   }
   .h-banner .swiper-pagination-bullet-active{
   	width:15px ; height: 5px;
   }
   .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
   	margin: 0 2px;
   }
   
   .h-news{
   	padding-top: 15px; padding-bottom: 20px;
   }
   .h-tit{
   	font-size: 18px; padding-bottom: 8px;
   }
   .h-tit:after{
   	height: 2px; width: 20px; margin-left: -10px;
   }
   .h-news .type{
   	padding-top: 8px;
   }
   .h-news .type li{
   	font-size: 13px; margin: 0 7px;
   }
   .h-news .list{
   	margin-top: 20px; text-align: center;
   }
   .h-news .list-img{
   	 width: 100%;box-shadow: 1px 2px 8px 1px rgba(0,0,0,0.15); max-width: 541px;
   }
   .h-news .list-img img{
   	width: auto; height: auto;
   }
   .h-news .list-txt{
   	float: none; width: auto; display: block; text-align: left;
   }
   .h-news .list-txt li{
   	line-height: 33.5px; font-size: 12px;background-size:4px ;
   }
   .h-news .list-txt li a{
   	padding-left: 8px; background-size:5px ;
   }
   
   .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
   	bottom: 5px;
   }
   .swiper-pagination-bullet{
   	width: 5px; height: 5px;
   }
   .footer-main{
   	padding: 14px 0; text-align: center;
   }
   .footer-logo{
   	width: auto; float: none;
   }
   .footer-logo img{
   	height: 26px;
   }
    .footer-logo h4,
   .footer-txt,
   .footer-qr{
   	display: none;
   }
    .copyright{
    	color: #fff; line-height: 1.7; font-size: 11px;
    }
   .copyright .col{
   	display: block; 
   }
  
 .m-banner{
 	height: 80px;
 }
 .m-banner .txt{
 	font-size: 15px; line-height: 80px;
 }
 .m-subnav{
 	height: 35px;box-shadow: 0 1px 3px rgba(0,0,0,0.15);
 }
 .m-subnav .wrapper{
 	margin-left: 0; margin-right: 0; overflow-x: scroll;
 }
 .m-subnav ul{
 	overflow:hidden;
    white-space:nowrap;
 
 }
 .m-subnav li{
 	line-height: 35px; font-size: 12px; padding: 0 2px;	
 }
 .m-subnav li:after{
 	width: 11px; height: 10px; margin-left: -6px; bottom: -4px; background-size:11px 10px ;
 }
 .m-tit{
 	padding: 15px 0;
 }
 .m-tit .cn{
 	font-size: 16px; padding-bottom: 8px;
 }
 .m-tit .en{
 	font-size: 12px; padding-top: 5px;
 }
 .m-tit .cn:after{
 	height: 2px;
 }
 .m-article{
 	margin-bottom: 30px;
 }
 .m-article .txt{
 	margin-top: 5px; font-size: 12px;
 }
 
 .m-article .honor{
 	padding: 10px 10px; font-size: 12px; margin-top: 12px;
 }
 
.m-committee{
	width: auto; padding-bottom: 30px;
}
.m-committee-txt{
	font-size: 12px;
}
.m-committee-list{
	margin-top: 15px;
}
.m-committee-list li{
	padding:20px 10px;
}
.m-committee-list li:last-child{
	margin-bottom: 0;
}
.m-committee-list .img{
	display: block; text-align: center;
}
.m-committee-list .img img{
	margin-right: 0; width: 100px;
}
.m-committee-list .txt{
	display: block;
}
.m-committee-list .txt h3{
	font-size: 13px; text-align: center; margin-top: 3px; padding-bottom: 5px;
}
.m-committee-list .txt p{
	font-size: 12px;
}
.m-noinfo{
	padding: 50px 0 100px;
}
.m-noinfo img{
	width: 120px;
}


.m-main{
	margin-top: 15px; margin-bottom: 30px;
}
.m-main-left{
	float: none; width: auto; background: none; border: 0; text-align: center; margin-bottom: 15px;
}
.m-main-left li{
	height: 30px; line-height: 30px; font-size: 12px; display: inline-block; padding: 0 9px; background: #fff; border: 1px solid #efefef; margin: 0 1px;
}
.m-main-left li i{
	display: none;
}
.m-main-left li.active, .m-main-left li:hover{
	box-shadow:none;
}
.m-main-left li:last-child{
	border: 1px solid #efefef; 
}
.m-main-right{
	width: auto; float: none;
}
.m-newslist{
	padding: 0 10px;
}
.m-newslist li{
	padding-top: 15px; padding-bottom: 15px;
}
.m-newslist li .img{
	float: none; margin: 0 auto;
}
.m-newslist li .txt{
	float: none; width: auto;
}
.m-newslist li .txt h3{
	font-size: 13px; text-align: center; margin-top: 5px;
}
.m-newslist li .txt p{
	font-size: 12px; margin-top: 5px; text-indent: 2em;
}


.m-newsinfo{
	padding: 0 10px 15px 10px;
}
.m-newsinfo-hd{
	padding: 20px 0 15px;
}
.m-newsinfo-hd h2{
	font-size: 15px;
}
.m-newsinfo-hd .attr{
	font-size: 12px; padding-top: 5px;
}
.m-newsinfo-hd .attr span{
	margin: 0 1px;
}
.m-newsinfo-bd{
	line-height: 1.2; padding-top: 12px; font-size: 12px;
}
.m-newsinfo-bd p{
	line-height: 1.8;
}

.m-article-1{
	margin-top: 15px; margin-bottom: 30px;
}
.m-article-1 .txt{
	font-size: 12px; 
}
.m-article-1 .table{
	margin-top: 12px; margin-bottom: 12px;
}
.m-article-1 .table h3{
	font-size: 13px; margin-bottom: 12px;
}
.m-article-1 .table-wrap{
	overflow-x: auto;
}
 
::-webkit-scrollbar{ 
    width: 6px; 
    height: 6px; 
    background-color: rgba(0,0,0,0.15); 
} 
   
 
::-webkit-scrollbar-track{ 
    border-radius: 3px; 
   background-color: rgba(0,0,0,0.15); 
} 
   
 
::-webkit-scrollbar-thumb{ 
    border-radius: 3px; 
    background-color: rgba(0,0,0,0.5); 
} 

.m-article-1 .table table{
	font-size: 12px; min-width: 740px;
}
.m-article-1 .table table th{
	height: 30px;
}
.m-article-1 .table table td{
	height: 30px;
}
.m-article-1 .txt h3{
	font-size: 13px; padding-bottom: 5px;
}

.m-talent{
	padding: 10px;
}
.m-talent-info{
	padding-left: 15px; min-height: 180px; padding-top: 40px; padding-right: 0; padding-bottom: 55px; background-position:center right -130px ;
}
.m-talent-info .txt{
	width: 60%; font-size: 14px; 
}

.m-join{
	padding: 5px 10px;
}
.m-join .tit{
	line-height: 35px; font-size: 12px; padding-left: 10px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.m-join .tit:before{
	height: 12px; margin-top: -6px;
}
.m-join .tit .more{
	display: none;
}
.m-join .txt{
	font-size: 12px;
}
.m-join .txt h3{
	font-size: 13px;
}
.m-join .txt p{
	margin-bottom: 10px;
}

.m-union{
	padding: 10px;
}
.m-union ul{
	margin-right: 0;
}
.m-union li{
	float: none; width: auto; margin-right: 0; text-align: center; padding-bottom: 15px; margin-bottom: 15px;  border-bottom: 1px dashed #cacaca;
}
.m-union li:last-child{
	padding-bottom: 0; margin-bottom: 0; border-bottom: 0;
}
.m-union li .img{
	display: inline-block;
}
.m-union li h3{
	font-size: 13px; padding-top: 8px; 
}
.m-union li .txt{
	text-align: left; font-size: 12px; padding-top: 6px;
}
.m-staff li{
	border: 0; padding-bottom: 0;
}
.m-staff li .txt{
	text-align: center;
}

.m-contact{
	margin-top: 15px; margin-bottom: 30px;
}
.m-contact ul{
	margin-right: 0;
}
.m-contact li{
	margin-right: 0; float: none; margin-bottom: 15px; width: auto;text-align: center;
}
.m-contact li h3{
	font-size: 14px; padding-top: 5px;
}
.m-contact li p{
	font-size: 12px;
}
.m-contact li:last-child{
	margin-bottom: 0;
}


.m-pagination{
	margin-top: 15px;
}
.m-pagination .btn{
	margin: 0 1px; font-size: 12px; height: 30px; width: auto; padding: 0 5px;
}
.m-pagination .pager li{
	min-width: 30px; box-sizing: border-box; width: auto; padding: 0 3px; font-size: 12px; height: 30px; line-height: 30px; margin: 0 1px;
}
.m-newspage{
	padding: 0 10px;
}
.m-newspage li{
	height: 30px; line-height: 30px; font-size: 12px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.m-newspage li .time{
	display: none;
}


.m-current{
	font-size: 12px; padding: 5px 10px;
}
.m-current img{
	width: 10px;
}
.m-notice-list{
	padding: 0 10px;
}
.m-notice-list li{
	padding: 15px 0;
}
.m-notice-time{
	float: none; width: auto; height: auto; line-height: 1.2; border: 0; text-align: left;
}
.m-notice-time .year{
	transform: rotate(0); top: 0; margin-left: 0; margin-right: 0; line-height: 1.2; font-size: 12px;
}
.m-notice-time .date{
	font-size: 12px; line-height: 1.2;
}
.m-notice-time .date .line{
	font-size: 12px;
}
.m-notice-txt{
	width: auto; float: none; 
}
.m-notice-txt .tit{
	font-size: 13px;
}
.m-notice-txt .desc{
	font-size: 12px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	white-space:normal;
}
.m-notice-txt .attr{
	font-size: 12px; 
}
.m-notice-txt .attr .see{
	margin-right: 8px;
}
.m-notice-txt .attr .see,
.m-notice-txt .attr .time{
	background-size:12px auto ; padding-left: 15px;
}
.m-notice-more{
	float: none; width: auto; line-height: 1;
}
.m-notice-more .btn{
	width: auto; height: auto; padding: 5px 15px; font-size: 12px; line-height: 1.1;
}
.tzz-pagination{
	margin-top: 30px; 
}
.tzz-pagination .btn{
	width: auto; height: auto; height: 30px; line-height: 30px;  padding: 0 15px; font-size: 12px;

}
.tzz-pagination .pager{
	position: static; display: inline-block;
}
.tzz-pagination .pager a{
	font-size: 12px; min-width: 30px; height: 30px; line-height: 30px; padding: 0 10px;
}
.m-tzz-contact{
	padding: 5px;
}
.m-tzz-contact .map{
	height: 300px;
}
.m-tzz-contact .info .item{
	width: auto; float: none; padding-left: 20px; min-height: auto; padding-top: 15px; padding-bottom: 15px;
}
.m-tzz-contact .info .item::before{
	right: 0; left: 0; top: auto; bottom: 0;border-bottom: 1px dashed #efefef; 
}
.m-tzz-contact .info .item img{
	top: 4px; width: 12px;
}
.m-tzz-video{
	padding: 5px;
}

}