@media (max-width: 1230px){
	.news-right-one{
		width: 20%;
	}
	.news-right-two h2{
		margin-bottom: 5px;
		padding-top: 5px;
	}
	.news-right-two{
		width: 68%;
		padding: 0 3%;
	}
	.news-right-three{
		width: 11%;
		padding-left: 2%

	}
	.branch li{
		padding: 10px 20px;
	}
	.news-right{
		width: 86%;
	}
	.menu li{
		width: calc( 100% / 8 );
	}
	.wel{
		width: 47%;
	}
	.wel-link b{
		width: 13%;
	}
	.wel-link p{
		width: 87%;
	}
	.wel{
		padding-bottom: 20px;
	}
	.shade, .link-bottom{
		width: 100%;
	}
	.branch-right{
		width: 63%;
		padding-top: 10px;
	}
	.branch-left{
		width: 30%;
	}
	.branch h2{
		margin-bottom: 10px;
	}
	.branch-right b{
		margin-top: 10px;
	}
	footer li:last-child>.fl{
		
		width: 66.25%;
	}
	.about-right p,.about-left p{
		line-height: 25px;
	}
	.about-left h2{
		padding-bottom: 0
	}
	.about-right h2{
		height: 40px;
	}
	#swiper3 li{
		width: 19.4%;
		height: auto;
		margin:0 0.5%  7px 0
	}
	#swiper3 .slide-img{
		width: 100%;
		height: 120px;
		line-height: 120px;
		/*height: auto;*/
	}
}
@media (max-width: 1024px){
	.lines{
		/*display: block;*/
	}
	.news-right-three{
		display: none;
	}
	.news-right-one{
		width: 26%;
	}
	.news-right-two{
		width: 74%;
	}
	#swiper3 .slide-poa{
		position: relative;
		opacity: 1;
		filter: alpha(opacity=100);
		background: none
	}
	#swiper3 .slide-poa p,#swiper3 .slide-poa h2{
		color: #333
	}
	#swiper3 .slide-poa p{
		height: 40px;
		-webkit-line-clamp: 2; 
	display: -webkit-box;
	-webkit-box-orient: vertical; 
		overflow: hidden;
		line-height: 20px;
		font-size: 14px;
	}
	#swiper3 .slide-poa h2{
		padding: 5px 0
	}
	footer li:first-child,
	footer li:last-child{
		display: none;
	}
	#swiper3 .slide-poa{
		padding: 5px 
	}
	footer{
		padding: 20px 0
	}
	footer li{
		width: 100%;
		border-left: 0;
		padding: 0;
		text-align: center;
	}
	.menu{
		display: none;
	}
	.header-nav{
		padding: 10px 0 
	}
	.logo{
		width: 42%;
	}
	.header-nav-right{
		margin-top: 8px
	}
	.hidden-all{
		padding-top: 30px;
	}
	.about-left,.about-center,.about-right{
		width: 100%;
		padding: 0;
		border:none;
		border-bottom: 1px solid #e5e5e5;
		padding: 10px 0;
	}
	.about-left h3{
		width: 100%;
		max-width: none;
		text-align: center;
		margin: 5px 0
	}
	.about-center-img img{
		width: auto;
		margin: 0 auto
	}
	.about-right img{
		display: block;
		margin: 0 auto
	}
}
@media (max-width: 992px){
	.shade-woeds{
		width: 92%;
		margin-left: -46%;
		height: auto;
		margin-top: -50%;
	}
	.news-right{
		width: 100%
	}
	.news-left{
		width: 100%;
		text-align: center;
	}
	#swiper4 .swiper-slide.on a{
		border:none;
	}
	#swiper4 .swiper-slide a{
		padding: 0;
		padding: 10px 0

		}
		#swiper4 .swiper-button-next, #swiper4 .swiper-button-prev{
			opacity: 1;
			filter: alpha(opacity=1);
			background-size: 50%;

		}
		#swiper4 .swiper-slide{
			padding-bottom: 0
		}
	.news-left b{
		display: none;
	}
	#swiper3 li{
		width: 24.4%;
	}
	.wel{
		width: 100%;
		text-align: left;
		padding-bottom: 5px;
	}
	.wel-link b{
		width: 10%;
	}
	.wel-link p{
		width: 90%;
		text-align: left;
	}
	.wel-link{
		margin-bottom: 0
	}
	#swiper1 .swiper-button{
		bottom: 0
	}
		footer{
		width: 92%;
		border-top: 2px solid #efefef;
		margin: 0 auto
	}
	.leave{
			margin-top:30px;
	}
}
@media (max-width: 768px){
	header{
		padding-bottom: 0
	}
	#swiper9{
		display: block;
		height: 5rem;
		position: relative;
		width: 100%
	}
	.map-left, .map-right{
		width: 100%;
	}
	.map-left{
		margin-bottom: 10px;

	}
	#swiper1{
		display: none;
	}
	.contact-form .box{
		padding-top: 10px;
	}
	.about{
		padding: 15px 0;
		padding-bottom: 0
	}
	.news-right-one{
		width: 32%;
	}
	.news-right-two{
		width: 68%;
	}
	#swiper3 .slide-poa p{
		font-size: 12px;
		line-height: 16px;
		height: 64px;
	}
	#swiper3 .swiper-button{
		padding-bottom: 30px
	}
	.shade-work{
		width: 92%;
		height: auto;
		line-height: initial;
		margin-top: -70%;
		margin-left: -46%;
	}
	.hidden-all{
		width: 92%;
	}
	.hidden-all li{
		width: 100%;
	}
	.wel-link b{
		width: 16%;
	}
	.wel-link p{
		width: 84%;
	}
	.about-nav b{
		display: none;
	}
	#swiper2{
		width: 100%;
	}
	#swiper2 a{
		text-align: center;
	}
	#swiper2 .swiper-button-next, #swiper2 .swiper-button-prev{
		opacity: 1;
		filter: alpha(opacity=100);
		background-size: 40%;
		z-index: 20
	}
	.about-nav{
		line-height: 40px;
	}
}
@media (max-width: 660px){
	.branch-left{
		width: 100%;
		float: left;
		text-align: center;
		max-width: none
	}
	#swiper3 .slide-img{
		height: 150px;
		line-height: 150px;
	}
	.branch-right{
		float: right;
		width: 100%;
	}
	#swiper3 ul{
		width: 100%;
	}
	.branch li h3{
		overflow: inherit;
		-webkit-line-clamp:none;
		display: block;
	}
	#swiper3 li{
		width: 48%;
		margin: 0 ;
		margin-bottom: 10px;
	}
	#swiper3 li:nth-child(2n){
		float: right;
	}
	#swiper3 .slide-poa p{
		height: auto;
		min-height: 32px;
	}

}
@media (max-width: 480px){
	.about-nav{
		border-top: none
	}

	.news-right-one{
		width: 45%;
		margin-bottom: 5px;
	}
	.news-right-one img{
		width: 100%
	}
	.news-right-two{
		width: 55%;
	}
	.news-right-two h2{
		-webkit-line-clamp: initial;
	}
	.news-right-two p{
		display: none;
	}	
}