@media screen and (max-width: 1200px) {
   .top_main{
	   width: 100%;
	   height: 100%;
   }
   .top_nav{
	   width: 700px;
   }
   .xf{
   	  display: none;
   }
   .bottom_kefu{
   	   display: block;
   }
   .foot{
	   padding-bottom: 45px;
   }
}
@media screen and (max-width: 1000px) {
   .top_nav{
	 display: none;
   }
   .top_c{
	   display: block;
   }
   .logo{
	   height: 50px;
   }
   .top{
	   height: 80px;
	   line-height: 80px;
	   box-shadow: none;
	   border-bottom: 1px solid #ddd;
   }
  
   
}
@media screen and (max-width: 750px) {
	.w_red::before {
		content: "";
		position: absolute;
		left: -20px;
		top: -5px;
		height: 5px;
		width: 15px;
		background-color: #e81b2b;
	}

	.w_red::after {
		content: "";
		position: absolute;
		right: -20px;
		bottom: -5px;
		height: 5px;
		width: 15px;
		background-color: #e81b2b;
	}

	.w_blue::before {
		content: "";
		position: absolute;
		left: -20px;
		top: 0px;
		height: 5px;
		width: 5px;
		background-color: #7be7f4;
	}

	.w_blue::after {
		content: "";
		position: absolute;
		right: -20px;
		bottom: 0px;
		height: 5px;
		width: 5px;
		background-color: #7be7f4;
	}
}
@media screen and (max-width: 700px) {
	.foot{
		height: 100%;
	}
  .foot_nav{
	  width: 100%;
	  font-size: 14px;
  }
  .foot_line{
	  height: 10px;
	  width: 1px;
  }
  
   
}