@media only screen and (min-width: 320px) and (max-width: 740px) {
       .reference ul li{width: 48%;}
	   .video ul li,.news ul li{width: 100%;}
        			}					
        @media only screen and (min-width: 741px) and (max-width:1200px) {	
          .video ul li,.news ul li{width: 49%;}
        			}
        @media only screen and (min-width: 1200px)  {					
       .reference ul li{width: 23%;}  
		 .video ul li,.news ul li{width: 49%;}
        			}	
	   .reference h1,.video h1,.news h1{font-size: 0.48rem;color: #519032;text-align: center;font-weight: 100;margin-bottom: 0.34rem;}
	   .reference ul,.video ul,.news ul{display: flex;flex-wrap: wrap;justify-content: space-between;}	
	   .video ul,.news{margin-bottom: 0.8rem;}
	   .reference ul li{margin-bottom: 0.6rem;}
	   .reference ul li .adress{font-size: 0.18rem;color: #666666;}
	   .reference ul li h6{font-weight: 100;font-size: 0.2rem;color: #519032;}
	   .reference ul li img,.news ul li img{max-width: 100%;height: auto;}
	    .news ul li{margin-bottom: 0.3rem;}
		.news ul li h2,.video ul li h2{font-size: 0.22rem;color: #519032;font-weight: 100;margin: 0.25rem 0 0.1rem 0;}
		.news ul li h2 span{float: right;font-size: 0.15rem;color: #888888;margin-top: 0.08rem;}
		.news ul li p{font-size: 0.18rem;color: #666666;text-align: justify;}
		.pagination{text-align:center;margin:3% 0;line-height:23px;}
		.pagination span, .pagination a{font-size:12px;margin:2px 6px 2px 0;background:#fff;border:1px solid #e5e5e5;color:#787878;padding:2px 5px 2px 5px;text-decoration:none;}
		.pagination a:hover{background:#8391A7;border:1px solid #fff;color:#fff;}
		.pagination .current{background:#fff;border:1px solid #8d8d8d;color:#393939;font-size:12px;padding:2px 5px 2px 5px;}