@media screen and (min-width: 1920px) {
	body:before{
	    content: '1800';
	}

}
@media screen and (max-width: 1950px) {
	body:before{
	    content: '1720';
	}
}
@media screen and (max-width: 1750px) {
	body:before{
	    content: '1580';
	}
}
@media screen and (max-width: 1600px) {
	body:before{
	    content: '1430';
	}
	
}	

@media screen and (max-width: 1450px) {
	body:before{
	    content: '1330';
	}
	
}

@media screen and (max-width: 1350px) {
	body:before{
	    content: '1230';
	}
	
}

@media screen and (max-width: 1250px) {
	body:before{
	    content: '1004';
	}
	
}

@media screen and (max-width: 1024px) {
	body:before{
	    content: '100%';
	}

	

}

@media screen and (max-width: 880px) {
	body:before{
	    content: '100%';
	}



	
}
@media screen and (max-width: 768px) {
	.mobile{
		display: block!important;
	}
	.pc{
		display: none!important;
	}

	.m-header{
		height: auto;
	  	overflow: hidden;
	}

	.mo-header {
	  display: flex;
	  height: auto;
	  overflow: hidden;
	}

	.banner{
	    height: 40vh;
	    overflow: hidden;
	    margin-top: 58px;
	}
	.banner .slide{
	    height: 100%;
	}
	.banner .slick-prev:hover, .banner .slick-next:hover{
	    background-color: #6bb935;
	}
	.banner .slick-prev,.banner .slick-next {
	    top: calc( (50vh - 32px)/2 );
	    width: 32px;
	    height: 32px;

	}

	.banner a.banner-a{
	    display: inline-block;
	    width: 100%;
	    height: 100%;
	}
	.banner .slick-dots{
		bottom: 16px;
	}
	.banner .slick-dots li.slick-active{
	    background: #6bb935;

	}




	.slide{
	    height: 40vh;
	}
	.slide li{
	    width: 100%;
	    height: 40vh;
	    background-size: cover;
	    background-position: center;
	}

	.slick-list{
		height: 40vh;
	}


	.slick-prev, .slick-next {
	    right: 20px;
	}

	.slick-prev {
	    left: 20px;
	}

	.slick-dots li{
	    width: 30px;
	    height: 3px;
	}
	/* end 滚动 基础样式  */

	.more-btn-bottom{
		margin-top: 24px;
	}


	.subbanner{
	    height: 120px;
	    margin-top: 58px;
	}
	.subbanner span.cn{
	    font-size: 20px;
	    margin-top: -8px;
	}
	.subbanner span.en{
	    font-size: 30px;
	    margin-top: -20px;
	    letter-spacing: 3px;
	}

	.subheight{
		height: 0px!important;
	}

	.w{
		width: 100%;
		padding: 16px;
		box-sizing: border-box;
	}

	.news-list .l{
		
	}

	.news-list .r{
		display: none;
	}

	.public-view li{
		padding: 16px;
		margin-bottom: 16px;
	}

	.public-view li .public-time{
		width: 60px;
		height: 60px;

	}
	.public-view li .public-time span{
		font-size: 18px;
		margin-top: 12px;
	}
	.public-view li .public-time p{
		font-size: 13px;
	}
	.public-view li .public-text{
		padding-left: 16px;
		width: calc(100% - 60px);
	}
	.public-view li .public-text h3{
		font-size: 15px;
		line-height: 1.4;
		font-weight: normal;
		font-weight: bold;
	}
	.public-view li .public-text p{
		font-size: 13px;
		line-height: 1.4;
	}

	.show-c h1.title{
		font-size: 18px;
		line-height: 1.6;
	}
	.show-c .desc{
		font-size: 13px;
		padding-bottom: 8px;
		line-height: 32px;
	}
	.show-c .c{
		padding-top: 24px;
	}

	.np{
		font-size: 13px;
		line-height: 30px;
	}
	.np a{
		display: flex;
		width: 100%;
		align-items: center;
	}
	.np a em{
		width: 56px;
	}
	.np a p{
		display: flex;
		flex: 1;
		line-height: 1.5;
	}
	.mobile-bottom-height{
		height: 0!important;
	} 

	.index-case ul{

	}

	.index-case ul li{
		width: 100%;
	}
	.index-case ul li a .img{
		height: auto;
	}

	.index-case ul li a span{
		line-height: 48px;
	}

	.sub-server .service li{
		width: 100%;
		height: 120vw; 
	}
	.sub-server .service li > a p{
		padding: 12px 0;
		
	}  

	.sub-server .service li > a p span:nth-child(1){
		font-size: 16px;
	}
	.sub-server .service li > a p span{
		
	}

	.art-lists{
		display: none;
	}

	.channel-top-one{
		flex-direction: column;
	}
	.channel-top-one .img{
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.channel-top-one .img img {
	  	width: 100%;
	  	min-height: 0;
	}

	.channel-top-one .title-info{
		width: 100%;
	}
	.channel-top-one .title-info span.desc{
		display: none;
	}
	.channel-top-one .title-info span.time{
		margin-top: 0px;
	}

	.nyj-lists .li .img{
		width: 100px;
		height: auto;
		overflow: hidden;
		margin-right: 10px;
	}
	.nyj-lists .li .info h3{
		font-size: 16px;
	}

	.nyj-lists .li .desc{
		height: auto;
		overflow: hidden;
	}
}
@media screen and (max-width: 640px) {


}
@media screen and (max-width: 480px) {
	
}