@media screen and (max-width: 768px){
	.wp{ width:calc( 100% - 20px );margin:0 auto; }
	.introduction{ display:block; }
	.intro-l{ width:100%; margin:0 auto;}
	.intro-r{ margin:20px auto;}
	.intro-l .more{ margin:0 auto; display: block; }
	
	.top-new-list{ width:100%; margin: 0 auto;  display: block;}
	.top-new-list a{ width:100%; margin:0; }
	.top-new-list a img{ width:100%; height: auto;}
	
	.news-cont{ display:block; }
	.news-sp{ width:100%; margin-bottom: 20px; }
	.news-list{ width:100%; }
	
	.hight-sp{ width:320px; }
	.video-wp .photo{ width:100%; }
	.video-wp{ display:block; }
	.photo-sp, .photo-sp a, .photo-sp a img, .play-video{ width:100%; height: 220px; }
	.play-video img{ width:100%;height:auto; }
	.paly-wp p{ width:100%; left:0; bottom:0;}
	.photo-sp a span{ width:100%; }
	
	.intro-l h3{ font-size:24px; line-height: 60px;}
	.intro-l p{ font-size:16px; }
	.top-news h3{ height:60px; line-height: 60px; font-size: 24px;}
	.top-new-list a em{ font-size:16px; line-height: 160%;}
	.top-new-list a img{ margin-bottom:10px;}
	
	.news-wp h3{ font-size:24px; line-height: 60px; height: 60px;}
	.news-list a{ font-size:16px; }
	
	.hight-wp h3{ height:80px; line-height: 80px; font-size:24px; }
	.video-wp .tit{ height:60px; }
	.video-wp .tit h3{ font-size:24px;}
	.video-wp .tit .more{ height:30px; line-height: 30px; width:88px; }
	.photo-sp a span{ left:0; font-size: 16px; bottom:0; }
	.paly-wp p{ font-size:16px; }
	.news-list{ overflow:hidden; }
	.news-list li{ width:calc( 100% - 20px ); display: block; height:60px; }
	.news-list li img{ width:120px; height: auto; float:left; margin-right: 10px; max-height:80px; }
	.new-cont a{ width:100%;}
	.new-cont{ width:calc( 100% - 150px ); display: block;  float:left; }
	
	.crumbs{ width:calc( 100% - 20px ); }
	.main{ width:calc( 100% - 20px );}
	.main .content .new-cont{ width:100%; }
	
	
	
}
@media screen and (min-width: 768px){
	.pub_outernav{ display: block;}
}