@media screen and (max-width: 2000px){
	.cpsy_box{
		width: 1200px;
		margin: 30px auto;
	}
	.cpsy_box ul li img{
		width: 300px;
		height: 300px;
		margin: 0 auto;
		display: block;
	}
	/* .service_right ul li img{
		width: 100%;
		height: auto;
	} */

	.nav_li{
		padding: 15px 0;
	}
	.nav_li ul{
		width: 90%;
	}
	.sosuo,.news_box,.zp{
		width: 70%;
	}
	.container_li{
		margin: 0 auto;
	}
	.service .container{
		width: 1200px;
		margin: 0 auto;
	}

}
@media screen and (max-width: 1400px){
	.service .container,.caseDeta_box {
		width: 1200px;
	}
	.service_right ul li{
		width: 270px;
		height: auto;
	}
	.service_right{
		width: calc(1400px - 350px);
	}
	.service-div ul li img{
		width: 330px;
		height: 330px;
	}
}

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

	
	.service .container,.foot_left ,.caseDeta_box{
		width: 1000px;
	}
	.service_right ul li div{
		width: 100%;
	}
	.news_box a li .news_right div{
		width: 600px;
	}
	.contact,.case_deta{
		width: 90%;
	}
	.case_content p span{
		text-wrap:wrap !important;
		flex-wrap: wrap !important;
	}
	.service_right{
		width: calc(1000px - 250px);
	}
	.service_right ul li{
		padding: 10px 10px;
		width: 230px;
	}
	.case_box .service_left{
		width: 200px;
	}
	.service-div ul li p{
		padding: 10px 0;
	}
	.service-div ul li div{
		margin: 10px 0;
	}
}
@media screen and (max-width: 1000px){
	.service .container ,.caseDeta_box {
		width: 850px;
	}
	.top-nav li {
		margin-right: 25px;
	}
	.top-nav{
		margin-top: 30px;
	}
	.service_cp{
		padding-top: 50px;
	}
	.service-div ul li div{
		height: 40px;
		margin: 10px auto;
	}
	.service-div ul li p{
		font-size: 20px;
		padding: 7px 0;
	}
	.gy_box{
		margin: 45px 0;
	}
	.gy_img{
		width: 35%;
		height: auto;
	}
	.gy_left p{
		font-size: 35px;
		padding: 20px 0;
	}
	.gy_left h2{
		font-size: 38px;
	}
	.container_li ul li{
		
		margin: 40px auto;
	}
	.container_li ul li p{
		font-size: 15px;
	}
	.news_img{
		height: 700px;
	}
	.service{
		padding: 30px 0;
	}
	.news li{
		padding: 25px 10px;
	}
	.foot_left{
		width: 800px;
	}
	.news li .moon{
		margin-bottom: 25px;
	}
	.news_box a li .news_right div{
		width: 450px;
	}
	.lx_me_right{
		padding: 20px 70px;
	}
	.zp_left{
		width: 70%;
	}
	.case_box .service_left{
		width: 150px;
	}
	.service_left ul li{
		padding: 7px 7px;
	}
	.service_right ,.case_deta{
		width: calc(800px - 150px);
	}
	.service_right ul li{
		width: 200px;
	}
	.service_right ul li span{
		font-size: 16px;
	}
	.mySwiper2{
		width: 400px;
		height: 400px;
	}
	.mySwiper{
		width: 400px;
	}
}
@media screen and (max-width: 900px){
	.top-nav{
		display: none;
	}
	.top_nav_zk,.caseDeta_box{
		display: block;
	}
	.top_nav_ul{
		display: none;
	}
	.top_nav_zk img{
		width: 60px;
		height: 60px;
		float: right;
		margin: 20px 20px 0 0;
	}
	.top{
		position: relative;
	}
	.top_nav_ul{
		position: absolute;
		top: 100px;
		left: 0;
		width: 100%;
		background-color: rgb(255, 255, 255);
		z-index: 99;
		box-shadow: 0px 0px 32px 1px rgba(174,180,212,0.23);
	}
	.top_nav_ul a{
		width: 100%;
		padding: 10px 0;
		text-align: center;
		display: block;
	}
	.news_box a li{
		padding: 26px 32px;
	}
	.news_box a li div text{
		width: 100%;
	}
	.lx_me_right{
		padding: 20px 35px;
	}
	.case_box{
		display: block;
	}
	 .service_left,.service_right{
		width: 90%;
		margin: 0 auto 30px;
	}
	.caseDeta_box{
		width: 90%;
		margin: 30px auto;
	}
}
@media screen and (max-width: 800px){
	.service .container{
		/* width: 650px; */
	}
	.foot_left{
		width: 650px;
	}
	.gy_left text {
		width: 90%;
		font-size: 14px;
		line-height: auto;
	}
	.foot_right{
		display: block;
	}
	.service-div{
		margin-top: 40px;
	}
	.gy_left text{
		margin-bottom: 30px;
	}
	.news_box a li .news_right div{
		width: 350px;
	}
	.map{
		height: auto;
	}
	
	.mySwiper2 {
		width: 358px;
		height: 358px;
	  }
	  .mySwiper{
		width: 358px;
		height: 130px;
	  }
	  .container_li  ul li img{
	      height: 250px;
	  }
	
}
@media screen and (max-width: 700px){
	.service_right ul li{
		width: 180px;
	}
	.case_deta{
		width: 90%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 650px){
	.service .container{
		width: 500px;
	}
	.foot_left{
		width: 550px;
	}
	.service-div ul a,.news li,.gy_img,.gy_left text{
		width: 100%;
	}
	.container_li ul,.news,.service-div ul,.gy_box{
		display: block;
	}
	.container_li ul li{
		width: 100%;
	}
	.news_img{
		height: 100%;
	}
	.news li{
		margin: 10px 0;
	}
	.gy_left a{
		margin-bottom: 10px;
	}
	.news_box a li .news_right div{
		width: 200px;
		padding: 0 0;
		margin: 10px 0;
	}
	.news_box a li{
		padding: 10px 10px;
	}
	.news_box a li .news_right p{
		font-size: 16px;
	}
	.lx_me{
		display: block;
	}
	.lx_me_letf{
		width: 100%;
		border: 0;
	}
	.lx_me_right img{
		display: block;
		margin: 0 auto;
	}
	.contact{
		margin: 50px auto;
	}
	.zp_left{
		width: 100%;
	}
	.zp_li{
		padding: 10px 15px;
		height: auto;
		display: block;
		flex-wrap: wrap;
	}
	.service_right ul li{
		width: 100%;
		margin-bottom: 10px;
	}
	.foot_left{
		display: block;
	}
	.foot_box h2{
		margin-bottom: 10px;
	}
	.foot_box ul{
		margin-bottom: 10px;
	}
	.case_deta_top h2{
		display: none;
	}
	.case_deta_top h1{
		display: block;
		font-size: 24px;
	}
	.case_deta_top {
		display: block;
	}
}
@media screen and (max-width: 550px){
	.foot_left,.service .container{
		width: 90%;
	}
	
	.foot_box ul{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.foot_box ul a{
		padding: 0 5px;
	}
	.foot_box h2{
		margin-bottom: 5px;
	}
	.banner_img{
		height: 270px;
		padding: 70px 0;
	}
	.sosuo{
		margin: 20px auto;
	}
	.news_box a li .news_right div{
		width: 100%;
	}
	.news_box a li{
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.news_box a {
		height: auto;
	}
	.news_box a li img{
		width: 100%;
		height: auto;
	}
	.leave button{
		width: 90%;
	}
	.case_deta_top h2{
 	display: none;
	}
	.case_deta_top h1,.case_deta_top{
		display: block;
	}
	.case_deta_top h1{
		font-size: 28px;
		text-align: center;
		padding: 10px 0;
	}
	.sw_box{
		display: block;
		margin: 0 auto;
	}
	
}
@media screen and (max-width: 400px){
	.mySwiper2{
		width: 300px;
		height: 300px;
	}
	.mySwiper{
		width: 300px;
		height: 100px;
	}
}