.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
/*移动端导航*/
@media screen and (max-width: 1200px) and (min-width: 0px){
	body{
		margin-bottom: 52px;
	}
   .msgNum{
	   display: none;
	   }
   .slider{
	   margin-top: 44px;
	   }
   header{
	   display:none;
	   }
   .m_img{
	   display:block;
	   height:44px;
	   background:#fff;
	   position:fixed;
	   top:0px;
	   left:0px;
	   width:100%;
	   z-index:9999;
	   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	   overflow: hidden;
	   }

	   
   .m_img .headlf{
	   padding-top:4px;
	   padding-left:2%;
	   float: left;
	   }
   .m_img .headlf .m_logo{
	   height:36px;
	   display: block
	   }
   .m_img .headrg{
	   padding-right:2%;
	   padding-top:14px;
	   float: right;
	   }
	.m_img .headrg a{
		position: relative;
	}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#1a1b1c;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#1a1b1c;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:48px;color:#fff;line-height:48px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:40px;box-sizing: border-box; padding:0 4px; display: block;}
   .icon{ 
	   background:url(../images/plus.png) 100% no-repeat;
	   background-position: 50% 50%; 
	   background-size: 16px 16px;
	   -webkit-transition:all 0s;
	   -moz-transition:all 0s;
	   transition:all 0s}
   .icon_on{
	   background:url(../images/reduce.png) 50% no-repeat ;
	   background-position: 50% 50%;
	   background-size: 16px 16px;
	   -webkit-transition:all 0s;
	   -moz-transition:all 0s;
	   transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
   
	/* about */
	.about_box{
		width: 96%;
		padding: 48px 0;
		margin: 0 auto;
	}
	.about_box ul.about{
		width: 100%;
	}
	.about_box ul.about li.left{
		width: 100%;
		height: auto;
		margin-right: 0;
	}
	.about_box ul.about li.left img{
		position: inherit;
		width: 100%;
		height: auto;
	}
	.about_box ul.about li.left .img_bg{
		display: none;
	}
	.about_box ul.about li.right{
		width: 92%;
		height: 332px;
		/* margin-top: 24px; */
	}
	.about_box ul.about li.right h3{
		font-size: 24px;
	}
	.about_box ul.about li.right h4{
		font-size: 12px;
		margin-top: 10px;
		margin-bottom: 24px;
	}
	.about_box ul.about li.right p{
		font-size: 14px;
		text-align: justify;
	}
	.about_box ul.about li.right .more{
		
	}
	.about_box ul.about li.right .more a{
		display: block;
		width: 120px;
		height: 40px;
		border-radius: 4px;
		text-align: center;
		font-size: 14px;
		color: #fff;
		line-height: 38px;
		text-transform: uppercase;
		background-color: #027acb;
		border: 2px solid #027acb;
		box-sizing: border-box;
		transition: all ease 0.6s;
	}
	.about_box ul.about li.right .more a:hover{
		background-color: #fff;
		color: #027acb;
		transition: all ease 0.6s;
	}
	.about_box ul.about li.center{
		float: right;
		/* margin-top: 24px; */
	}
	/* anli */
	.tab {
	    display: none;
	}
	/* anli-m */
	.pavilion-container{
		display: block;
		width: 100%;
		padding: 48px 2% 24px;
		background-image: url(../images/al_bg.jpg) !important;
		background-repeat: no-repeat;
		background-size: 100% 100%; 
	}
	/*tab分类*/
	.pavilion-container .pavilion-inner {
		width: 100%;
	}
	.pavilion-container .pavilion-inner .tabs {
		width: 100%;
	}
	.pavilion-container .pavilion-inner .tabs li {
		float: left;
		width: 19.2%;
		height: 48px;
		background: #f2f2f2;
		font-size: 12px;
		color: #333333;
		text-align: center;
		line-height: 48px;
		cursor: pointer;
		text-decoration: none;
		transition: all 0.6s;
		box-shadow: 0px 1px 4px 0px rgba(51, 51, 51, 0.4);
		-moz-transition: all 0.6s;
		-o-transition: all 0.6s;
		-webkit-transition: all 0.6s;
	}
	.pavilion-container .pavilion-inner .tabs li {
		margin-right: 1%;
	}
	.pavilion-container .pavilion-inner .tabs li:last-child {
		margin-right: 0;
	}
	.pavilion-container .pavilion-inner .tabs li.on {
		background: #027acb ;
		color: #fff;
	}
	/*tab内容*/
	.overflow-hide {
		
	}
	.pavilion-container .tab-content-wrap {
		width: 100%;
		height: auto;
		margin-top: 24px;
	}
	.pavilion-container .tab-content {
		/* position: absolute; */
		transition: all .7s linear;
		opacity: 0;
		z-index: -1;
		width: 100%;
		display: none;
	}
	.pavilion-container .tab-content.show {
		height: auto;
		opacity: 1;
		z-index: 1;
		display: block;
	}
	.pavilion-container .tab-content ul {
	    width: 100%;
	}
	.pavilion-container .tab-content ul li{
		float: left;
	    width: 49%;
		margin-right: 2%;
		margin-bottom: 24px;
		position: relative;
		overflow: hidden;
		transition: all ease 0.6s;
	}
	.pavilion-container .tab-content ul li:nth-child(2n){
		margin-right: 0;
	}
	.pavilion-container .tab-content ul li .img_box{
		width: 100%;
		height: auto;
		box-sizing: border-box;
		border-style: solid;
		border-width: 4px;
		border-color: rgb(255, 255, 255);
		background-color: rgb(206, 206, 206);
		box-shadow: 0px 1px 4px 0px rgba(51, 51, 51, 0.4),inset 0px -2px 10px 0px rgba(0, 0, 0, 0.5);
		overflow: hidden;
		transition: all ease 0.6s;
	}
	
	.pavilion-container .tab-content ul li .img_box img{
		width: 100%;
		height: 100%;
		transition: all ease 0.6s;
	}
	.pavilion-container .tab-content ul li p{
		position: absolute;
		left: 0;
		bottom: 4px;
		width: 100%;
		height: 40px;
		color: #fff;
		font-size: 14px;
		line-height: 40px;
		text-align: center;
		background-color: rgba(2,122,203,0.8);
		box-sizing: border-box;
		border-left: 4px solid #fff;
		border-right: 4px solid #fff;
		/* border-bottom:4px solid #fff; */
		transition: all ease 0.6s;
	}
	.pavilion-container .tab-content ul li:hover .img_box img{
		transform: scale(1.01);
	}
	/* cp */
	.cp_box{
		width: 96%;
		padding: 48px 0;
	}
	
	/* news */
	.news_box{
		width: 96%;
		padding: 0 0 48px 0;
		margin: 0 auto;
	}
	.news_box ul.news{
		width: 100%;
	}
	.news_box ul.news>li{
		width: 100%;
	}
	.news_box ul.news>li.left{
		margin-bottom: 24px;
	}
	
	/* footer */
	.footer{
		width: 100%;
		min-height: 100px;
		padding: 48px 2% 24px;
	}
	.footer>ul{
		width: 100%;
		position: relative;
	}
	.footer>ul>li.ewm_box{
		width: 100%;
	}
	.footer>ul>li.add_box{
		width: 100%;
		margin-bottom: 24px;
	}
	.footer>ul>li.bottom_logo{
		position: absolute;
		right: 0;
		top: 94px;
		width: 114px;
	}
	/* copy */
	.copy_box{
		height: auto;
		padding: 12px 0;
	}
	.copy_box ul{
		width: 96%;
		margin: 0 2%;
	}
	.copy_box ul li{
		width: 100%;
		font-size: 12px;
		line-height: 24px;
		text-align: center;
	}
	.copy_box ul li img{
		display:inline-block;
	}
	.copy_box ul li a{
		display:inline-block;
	}
	.copy_box ul li.cnzz{
		width: 100%;
		margin: 0 auto;
		text-align: center !important;
	}
	/* 侧边按钮 */
	.suspension{
		display: none;
	}
	/* 底部导航 */
	.footer_nav{
		display: block;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 52px;
		background-color: #027acb;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
	.footer_nav li{
		float: left;
		-webkit-box-flex:1;
		-webkit-flex: 1;
		flex: 1;
		width: 100%;
		color: #fff;
		padding: 6px 0;
		text-align: center;
	}
	.footer_nav li img{
		display: block;
		width: 24px;
		height: 24px;
		margin: 0 auto;
	}
	.footer_nav li p{
		width: 100%;
		font-size: 12px;
		line-height: 1;
		margin-top: 4px;
		color: #fff;
	}
}

@media (max-width:768px){
	/* about */
	.about_box{
		padding: 24px 0;
	}
	.about_box ul.about li.left{
		display: none;
	}
	.about_box ul.about li.right{
		height: 231px;
	}
	.about_box ul.about li.right h3{
		font-size: 18px;
	}
	.about_box ul.about li.right h4{
		font-size: 10px;
		margin-top: 6px;
		margin-bottom: 10px;
	}
	.about_box ul.about li.right p{
		font-size: 12px;
	}
	.about_box ul.about li.right .more a{
		width: 100px;
		height: 32px;
		border-radius: 4px;
		font-size: 12px;
		line-height: 28px;
	}
	.about_box ul.about li.center{
		width: 30px;
		height: auto;
	}
	/* anli-m */
	.pavilion-container{
		padding: 24px 2% 0;
	}
	/*tab分类*/
	.pavilion-container .pavilion-inner .tabs li {
		width:calc((100% - 4px) / 5);
		height: 32px;
		font-size: 12px;
		line-height: 32px;
		box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.3);
	}
	.pavilion-container .pavilion-inner .tabs li {
		margin-right: 1px;
	}
	/*tab内容*/
	.pavilion-container .tab-content-wrap {
		margin-top: 24px;
	}
	.pavilion-container .tab-content ul li{
	    width: 49%;
		margin-right: 2%;
		margin-bottom: 16px;
	}
	.pavilion-container .tab-content ul li .img_box{
		border-width: 2px;
	}
	.pavilion-container .tab-content ul li p{
		bottom: 2px;
		height: 32px;
		font-size: 12px;
		line-height: 32px;
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
	}
	/* cp */
	.cp_box{
		padding: 24px 0 24px;
	}
	.cp_box .tit{
		margin-bottom: 24px;
	}
	.cp_box .tit h1{
		font-size: 18px;
	}
	.cp_box .tit h2{
		font-size: 10px;
		margin-top: 8px;
	}
	.post-slide p{
		height: 32px;
		line-height: 32px;
		font-size: 12px;
	}
	/* news */
	.news_box{
		padding: 0 0 16px 0;
	}
	.news_box .tit{
		margin-bottom: 24px;
	}
	.news_box .tit h1{
		font-size: 18px;
	}
	.news_box .tit h2{
		font-size: 10px;
		margin-top: 8px;
	}
	.news_box ul.news>li .tit-box h1{
		font-size: 14px;
	}
	.news_box ul.news>li .tit-box h3{
		font-size: 10px;
		margin-top: 6px;
	}
	.news_box ul.news>li .tit-box div.line{
		margin-top: 6px;
	}
	.news_box ul.news>li .tit-box div.line .left{
		width: 100px;
	}
	.news_box ul.news>li .tit-box div.line .right{
		width:calc(100% - 100px);
	}
	.news_box ul.news>li ul.news-list{
		margin-top: 10px;
	}
	.news_box ul.news>li ul.news-list li p{
		font-size: 12px;
		line-height: 36px;
		max-width: 76%;
	}
	.news_box ul.news>li ul.news-list li div.time{
		font-size: 12px;
		line-height: 36px;
	}
	/* footer */
	.footer>ul>li.add_box h2{
		font-size: 18px;
	}
	.footer>ul>li.add_box h3{
		font-size: 10px;
		line-height: 18px;
	}
	.footer>ul>li.add_box p{
		font-size: 12px;
		padding: 12px 0;
		margin-top: 16px;
	}
	.footer>ul>li.bottom_logo{
		top: 66px;
		width: 114px;
	}

}

@media (max-width:640px){
	.about_box ul.about li.right{
		width: 90%;
		height: 210px;
	}
	.about_box ul.about li.right p{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden;
	}
	.about_box ul.about li.center{
		width: 27px;
		height: auto;
	}
}

@media (max-width:414px){
	/* 轮播图 */
	.slideBox .hd {
		height: 8px;
		bottom: 12px;
	}
	.slideBox .hd ul{
		text-align:center;
		padding-top:5px;
	}
	.slideBox .hd ul li {
		margin-right: 5px;
		width: 30px;
		height: 8px;
		line-height: 12px;
	}
	/*tab内容*/
	.pavilion-container .tab-content ul li{
		margin-bottom: 10px;
	}
	.pavilion-container .tab-content ul li p{
		height: 28px;
		font-size: 12px;
		line-height: 28px;
	}
}
@media (max-width:375px){
	/*tab内容*/
	.pavilion-container .tab-content ul li{
		margin-bottom: 8px;
	}
}
@media (max-width:360px){
	.about_box ul.about li.right{
		width: 88%;
	}
}
@media (max-width:320px){
	/*tab分类*/
	.pavilion-container .pavilion-inner .tabs li {
		height: 32px;
		font-size: 10px;
	}
}