@media (max-width:1500px) {

	.one .container,
	.two .container {
		width: 100%;
	}

}

@media (min-width:1400px) {

	.banner .box {
		width: 30%;
		height: 60px;
		background-color: rgba(255, 255, 255, 0.3);
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 999;
	}

	.banner .box .swiper-pagination-fraction {
		width: 30%;
		bottom: calc(50% - 14px);
		font-size: 16px;
		color: #333;
		/* border-right: 1px solid #fff; */
	}

	.banner .box span.swiper-pagination-current {
		/* color: #fff; */
		font-weight: bold;
	}

	.banner .box .swiper-button-prev {
		left: calc(30% + 10px);
	}

	.banner .box .swiper-button-next {
		right: calc(40% + 10px);
	}

	.banner .box .swiper-button-prev,
	.banner .box .swiper-button-next {
		color: #333;
		width: 50px;
		height: 30px;
		top: 38px;
	}

	.banner .box .swiper-button-prev:after {
		content: '';
		display: block;
		background: url(../images/left.png) no-repeat center/100%;
		width: 100%;
		height: 100%;
	}

	.banner .box .swiper-button-next:after {
		content: '';
		display: block;
		background: url(../images/right.png) no-repeat center/100%;
		width: 100%;
		height: 100%;
	}
}

@media (min-width:1400px) and (max-width:1500px) {
	.container {
		width: 1399px;
	}
}

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

	/* .container{
		width: 1299px;
	} */
	.banner .box {
		width: 30%;
		height: 60px;
		background-color: rgba(255, 255, 255, 0.3);
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 999;
	}

	.banner .box .swiper-pagination-fraction {
		width: 30%;
		bottom: calc(50% - 14px);
		font-size: 16px;
		color: #333;
		/* border-right: 1px solid #fff; */
	}

	.banner .box span.swiper-pagination-current {
		/* color: #fff; */
		font-weight: bold;
	}

	.banner .box .swiper-button-prev {
		left: calc(30% + 10px);
	}

	.banner .box .swiper-button-next {
		right: calc(20% + 10px);
	}

	.banner .box .swiper-button-prev,
	.banner .box .swiper-button-next {
		color: #333;
		width: 50px;
		height: 30px;
		top: 38px;
	}

	.banner .box .swiper-button-prev:after {
		content: '';
		display: block;
		background: url(../images/left.png) no-repeat center/100%;
		width: 100%;
		height: 100%;
	}

	.banner .box .swiper-button-next:after {
		content: '';
		display: block;
		background: url(../images/right.png) no-repeat center/100%;
		width: 100%;
		height: 100%;
	}

	.one_list li {
		width: 20%;
	}


}

@media (min-width:992px) and (max-width:1200px) {
	.banner .box {
		width: 30%;
		height: 60px;
		background-color: rgba(255, 255, 255, 0.3);
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 999;
	}

	.banner .box .swiper-pagination-fraction {
		width: 30%;
		bottom: calc(50% - 14px);
		font-size: 16px;
		color: #333;
		/* border-right: 1px solid #fff; */
	}

	.banner .box span.swiper-pagination-current {
		/* color: #fff; */
		font-weight: bold;
	}

	.banner .box .swiper-button-prev {
		left: calc(30% + 10px);
	}

	.banner .box .swiper-button-next {
		right: calc(10% + 10px);
	}

	.banner .box .swiper-button-prev,
	.banner .box .swiper-button-next {
		color: #333;
		width: 50px;
		height: 30px;
		top: 38px;
	}

	.banner .box .swiper-button-prev:after {
		content: '';
		display: block;
		background: url(../images/left.png) no-repeat center/100%;
		width: 100%;
		height: 100%;
	}

	.banner .box .swiper-button-next:after {
		content: '';
		display: block;
		background: url(../images/right.png) no-repeat center/100%;
		width: 100%;
		height: 100%;
	}

	.one_list li {
		width: 25%;
	}
}

@media (min-width:992px) and (max-width:1028px) {
	.two_list .txt {
		padding: 15px;
	}
}

@media (min-width:768px) and (max-width:992px) {
	.banner .box {
		width: 30%;
		height: 60px;
		background-color: rgba(255, 255, 255, 0.3);
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 999;
	}

	.banner .box .swiper-pagination-fraction {
		width: 30%;
		bottom: calc(50% - 14px);
		font-size: 16px;
		color: #333;
		/* border-right: 1px solid #fff; */
	}

	.banner .box span.swiper-pagination-current {
		/* color: #fff; */
		font-weight: bold;
	}

	.banner .box .swiper-button-prev {
		left: calc(30% + 10px);
	}

	.banner .box .swiper-button-next {
		right: calc(10% + 10px);
	}

	.banner .box .swiper-button-prev,
	.banner .box .swiper-button-next {
		color: #333;
		width: 50px;
		height: 30px;
		top: 38px;
	}

	.banner .box .swiper-button-prev:after {
		content: '';
		display: block;
		background: url(../images/left.png) no-repeat center/100%;
		width: 100%;
		height: 100%;
	}

	.banner .box .swiper-button-next:after {
		content: '';
		display: block;
		background: url(../images/right.png) no-repeat center/100%;
		width: 100%;
		height: 100%;
	}

	.one_list li {
		width: 50%;
	}
}

@media (max-width:1200px) {


	.topTel {
		font-size: 18px;
	}
}

@media (max-width:992px) {
	.container {
		width: 100%;
	}

	header {
		height: 60px;
	}

	.logo {
		padding: 0;
		height: 60px;
	}

	.logo img {
		height: 50px;
		width: auto;
	}

	.nav_btn {
		height: 60px;
	}

	.wap_nav {
		display: block;
	}

	.one_list li {
		width: 50%;
	}

	.three_cont li {
		margin-bottom: 30px;
	}

	.foot-contact {
		justify-content: flex-start;
	}

	.foot-nav .item {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 30px;
	}

	.foot-b .container div {
		display: block;
	}

	.about-three,
	.about-four {
		display: block;
	}

	.about-three .pic,
	.about-four .pic {
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
	}

	.about-three .text,
	.about-four .text {
		padding: 15px;
		width: 100%;
		box-sizing: border-box;

	}

	.page-banner .tips {
		position: relative;
		background: none;
		color: #000;
		height: auto;
	}

	.page-banner .tips .page-nav .active a,
	.page-banner .tips .page-nav a:hover {
		background-color: #000;
		color: #fff;
		border-radius: 20px;
	}
	.s-news{
		border: none;
		margin-top: 30px;
	}
	.news-box .news{
		display: block;
	}
	.news-relevant{
		margin-top: 30px;
	}
	.contact li{
		border-bottom: 1px solid #d6d6d6;
	}
	
	.contact li:nth-child(2){
		border-right: none;
	}
	.contact li:nth-child(3){
		border-bottom: none;
	}
}

@media (max-width:768px) {
	.two_list .txt p::before, .two_list .txt p:after{display:none}
	.four_list li:first-child {
		border-top: none;
	}

	.container {
		width: 100%;
	}

	header {
		height: 50px;
	}

	.logo {
		padding: 0;
		height: 50px;
	}

	.logo img {
		height: 40px;
		width: auto;
	}

	.nav_btn {
		height: 50px;
	}

	.one_list li {
		width: 48%;
		box-shadow: 0px 0px 12px 0px #ddd;
		margin-bottom: 15px;
	}

	.three_cont h3 {
		font-size: 32px;
	}

	.three_cont p {
		font-size: 16px;
	}

	.foot-contact {
		justify-content: center;
	}

	.foot-contact>div {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.about-two {
		padding: 80px 0 65px;
	}

	.about-two li {
		margin-bottom: 15px;
	}

	.page-banner .tips .tips-box {
		display: block;
		height: auto;
	}

	.page-banner .tips .page-nav ul {
		justify-content: center;
	}

	.page-banner .tips .location {
		margin: 30px 0;
	}

	.page-banner-bg {
		height: 200px;
		display: flex;
	}

	.page-banner-bg img {
		max-width: unset;
	}

	.page-banner .text h2 {
		margin-bottom: 10px;
		font-size: 24px;
	}
	.page-banner .text p{
		font-size: 14px;
	}
	.service .content{
		display: block;
	}
	.service .content .pic{
		margin-bottom: 30px;
	}
	.service .content img{
		width: 100%;
	}
	.s-case .pic{
		height: 100px;
	}
	.s-case .pic img{
		max-width: 100%;
	}
	.s-case h3{
		font-size: 14px;
	}
	.two_nav a.more{
		display: none;
	}
	.two_nav li {
		padding: 0;
		margin: 0 10px;
	}	
	.case-cont{
		padding: 20px;
		top: -20px;
	}
	.page-banner .txt .c-link{
		width: 40px;
		height: 40px;
		bottom: -20px;
	}
	.history-one{
		padding: 50px 0;
	}
	.contact li:nth-child(3){
		border-bottom: 1px solid #d6d6d6;
	}
}

@media (max-width:625px) {
	.two_nav li {
		padding: 0;
		margin: 0 15px;
	}

	.three_cont li {
		margin-bottom: 10px;
	}

	.three_cont h3 {
		font-size: 24px;
	}

	.three_cont p {
		font-size: 12px;
	}
}







@media (max-width:442px) {
	.one_list a {
		padding: 30px 20px;
	}

	.two_nav li {
		padding: 0;
		margin: 0 10px;
	}

	.one .desc {
		width: 100%;
	}

	.three {
		padding: 0;
	}

	.three .container {
		padding-top: 30px;
	}

	.three_cont li {
		margin-bottom: 20px;
	}

	.three_cont h3 {
		font-size: 16px;
		margin-bottom: 0;
	}

	.three_cont p {
		font-size: 12px;
		margin-bottom: 0;
	}
}