@media screen and (max-width:1700px) {
	.boardName {
		font-size: 30px;
		color: #fff;
		letter-spacing: 1px;
		margin-bottom: 15px;
}
		.boardSuit {
				margin-top: 20px;
				display: flex;
				align-items: center;
		}
		.boardPrice {
				margin-top: 10px;
				padding: 20px 15px;
				background: rgb(73, 73, 73);
				display: flex;
				align-items: center;
				justify-content: space-between;
		}
		.boardKind {
				display: flex;
				margin-top: 20px;
				margin-bottom: 20px;
				flex-wrap: wrap;
		}

		.boardDesign {
				display: flex;
				margin-top: 15px;
		}
}
@media screen and (max-width:1460px) {
		.gallery-thumbs {
				margin-top: -18em;
				left: -82px;
		}

}
@media screen and (max-width:1380px) {
		.gallery-thumbs {
				margin-top: -16em;
				left: -82px;
		}
		.slideBox .next,.slideBox .prev{
				top: 79%;
		}

}
@media screen and (max-width:1300px) {
		.gallery-thumbs {
				margin-top: -14em;
		}

}
@media screen and (max-width:1230px) {
		.gallery-thumbs {
				margin-top: -12em;
		}
		.slideBox .next,.slideBox .prev{
				top:85%;
		}
}
@media screen and (max-width:1165px) {
		.boutiRight {
		width: 55%;
		padding-left: 5%;
		padding-top: 4em;
}
}
@media screen and (max-width:1650px) {
	.boardName {
		font-size: 30px;
		color: #000;
		letter-spacing: 1px;
		margin-bottom: 15px;
}
		.boardSuit {
				margin-top: 15px;
				display: flex;
				align-items: center;
		}
		.boardButton a{
				font-size: 18px;
		}
		.boardPrice {
				margin-top: 10px;
				padding: 10px 15px;
				background: rgb(73, 73, 73);
				display: flex;
				align-items: center;
				justify-content: space-between;
		}
		.boardButto1,.boardButton2{
			 padding: 10px 15px;
		}
		.boardKind {
				display: flex;
				margin-top: 15px;
				 margin-bottom: 15px;
				flex-wrap: wrap;
		}

		.boardDesign {
				display: flex;
				margin-top: 10px;
		}
		.boardButton1 {
				display: inline-block;
				text-align: center;
				padding: 10px 0;
				border: 1px solid rgb(0, 88, 196);
				background: rgb(0, 88, 196);
				width: 49%;
				margin-right: 2%;
				transition: all 0.6s;
		}
}
@media screen and (max-width:1415px) {
	.boardDesign {
			display: flex;
			margin-top: 15px;
			flex-wrap: wrap;
	}
	.boardDesign p {
		text-align: center;
			display: flex;
			align-items: center;
			width: 50%;
			margin-bottom: 10px;
	}
}
@media screen and (min-width:1045px) {
	.wapCase {
		display: none;
	}

	.pcCase {
		display: block;
		background:#fff;
	}
}

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

	.index-header-right {
		width: 30%;
		justify-content: space-around;
	}

	.index-nav-con {
		width: 70%;
		display: flex;
		justify-content: flex-end;
	}

	.search-btn {
		margin-right: 5px;
	}
}
.wapBanner{
		display: none;
}
		@media screen and (max-width:1045px) {
				.index-header{
						border-bottom: 1px solid rgb(220,220,220);
				}
				.footer_address_common {
				margin-bottom: 14px;
				display: flex;
				align-items: center;
				transition: all 0.8s;
				cursor: pointer;
		}
		.footer {
				display: flex;
				padding-bottom: 10px;
		}
				.openxx {
				color: #fff;
				font-size: 26px;
				right: 0;
				position: absolute;
				top: -12%!important;
				cursor: pointer;
		}
				.openx {
				color: #fff;
				font-size: 26px;
				right: 0;
				position: absolute;
				top: -23%;
				cursor: pointer;
		}
				.openOutcon {
				display: flex;
				align-items: center;
				justify-content: center;
				align-content: center;
				height: 100%;
				width: 84%;
				margin: auto;
		}
				.openimg {
				width: 100%;
				position: relative;
				text-align: center;
		}
				.joinTel{
						color: rgba(255,255,255,0.5);
				font-size: 15px;
				margin-top: 10px;
				margin-bottom: 10px;
				letter-spacing: 1px;
				font-family: 'DIN';
		}
		.joinTel a{
				color: rgb(0,88,196);
				 font-size: 20px;
				opacity: 1!important;
		}
		footer{
				background: rgb(221,221,221);
		}
		.footer_support_con{
				border-bottom: 1px solid rgb(220,220,220);
		}
		.footer_support_con p{
				color: #000;
		}
		.service4{
				display: none;
		}
		 .icity {
				width: 122px;
				height: 35px;
				line-height: 35px;
				background: #fff;
				border: 1px solid rgba(170,170,170);
				color: #000;
				font-size: 14px;
				letter-spacing: 1px;
				display: flex;
				align-items: center;
				justify-content: center;
				align-content: center;
				border-radius: 5px;
				margin-top: 15px;
				}
		.footer_support_con{
				display: inherit;
		}
		.float-bar{
				display: none;
		}
		.wapBanner{
				display: block;
		}
		.pcBanner{
				display: none;
		}
		.toolBox_word:before{
				display: none;
		}
		.toolBox_word {
				position: relative;
				left: 0;
				bottom: -6px;
				top: auto;
				right: 0;
				background: transparent;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
				width: 100%;
				transform: scale(1,1);
				transition: all 0.8s;
		}
		.toolBox_word img{
				display: none;
		}
		.toolBox_word>p:nth-child(1) {
				color: #000;
				letter-spacing: 2px;
				font-size: 14px;
				margin-bottom: 10px;
		}
		.dustBox_word:before{
				display: none;
		}
		.dustBox_word {
				position: relative;
				left: 0;
				bottom: -12px;
				top: auto;
				right: 0;
				background: transparent;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
				width: 100%;
				transform: scale(1,1);
				transition: all 0.8s;
		}
		.dustBox_word img{
				display: none;
		}
		.dustBox_word>p:nth-child(1) {
				color: #000;
				letter-spacing: 2px;
				font-size: 14px;
				margin-bottom: 10px;
		}
		.aboutUs_right {
				position: relative;
				right: auto;
				width: 100%;
		}
		.conn2_about .img img {
				max-width: 100%!important;
		}
		.swiper-button-next,.swiper-button-prev,.swiper-button-white{
			outline: none!important;
		}
			.slideBox .next {
				position: absolute;
				top: 75%;
				z-index: 99;
				margin-top: 0;
				right: 0;
				cursor: none;
				margin-top: 0;
				margin-left: 0;
				right: 18%;
				bottom: 0;
				left: auto;
				top: auto;
		}
.slideBox .prev {
		position: absolute;
		bottom: 0;
		margin-top: 0;
		z-index: 99;
		right: 0;
		cursor: none;
			left: auto;
		top: auto;
}
		.gallery-thumbs{
				display: none;
		}
		.boutiRight {
			width: 100%;
			padding-left: 0;
			padding-top: 30px;
	}
	.lineBack{
		display: none;
	}
	.boutiDesc {
			display: inherit;
	}
	.boutiAll {
			padding: 5px 0 0px 0;
			position: relative;
	}

	.bouti {
		display: inherit;
	}


	.case {
		position: relative;
		height: auto;
		overflow: hidden;
		padding-bottom: 40px;
	}
	.poPic {
			width: 100%;
	}
	.boutiParh1 {
		font-size: 22px;
		color: #000;
		letter-spacing: 1px;
		margin-bottom: 15px;
	}

	.boutiParh2 {
		font-size: 14px;
		color: rgb(128,128,128);
		line-height: 32px;
		margin-bottom: 0px;
		opacity: 1;
	}
	.slideBox .hd {
			width: 78%;
			position: absolute;
			bottom: 0;
			right: 5%;
			z-index: 99;
	}
	.slideBox {
			position: relative;
			padding-bottom: 0px;
			height: auto;
	}
	/* 11 */
		.footerIcon {
		display: block;
	}

		.joinNeed>p:nth-child(3){
				display: none;
		}
		.joinIn{
				display: none;
		}
		.loadMore1 img {
			margin-right: 12px;
			width: 4%;
	}
	.loadMore1 {
			background: rgb(245, 245, 245);
			padding: 14px;
			border-radius: 5px;
			text-align: center;
			font-size: 14px;
			color: rgb(102, 102, 102);
			letter-spacing: 1px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 50px;
			transition: all 0.2s;
			cursor: pointer;
	}
	.listCommon {
			display: inline-block;
			width: 100%;
			margin-right: 0;
			font-size: 14px;
			color: rgb(102,102,102);
			padding: 19px 0;
			border-bottom: 1px solid rgb(220,220,220);
			transition: all 0.8s;
	}
	.listCommon span {
			color: #000;
			font-family: 'DIN';
			font-size: 16px;
			margin-right: 10px;
			transition: all 0.8s;
	}
	.listMore {
			padding-top: 0;
			display: inherit;
			flex-wrap: wrap;
			padding-bottom: 30px;
	}
	.scoll-top .logo .img2{
		display: none;
	}
	.scoll-top .logo .img3{
		display: block;
	}
	.banner .swiper-pagination{
		display: none;
	}
	.swiper-pagination-clickable .swiper-pagination-bullet {
		cursor: pointer;
		position: absolute;
	}
	.pt55 {
		padding-top: 35px;
	}

	.sameTitle>p:nth-child(1) {
		font-size: 22px;
		letter-spacing: 2px;
		color: #000;
	}

	.sameTitle>p:nth-child(2) {
		font-size: 14px;
		letter-spacing: 1px;
		color: rgb(128,128,128);
		margin: auto;
		margin-top: 8px;
		width: 90%;
		line-height: 22px;
	}

	.sameTitle {
		padding-bottom: 25px;
		text-align: center;
	}

	.product {
		float: none;
		left: auto;
		display: flex;
		position: relative;
		overflow-x: scroll;
		width: 100%;
		white-space: nowrap;
		box-sizing: border-box;
		border-top: none;
		border-left: none;
		border-right: none;
	}
.product {
		display: flex;
		width: 100%;
		border-bottom: 1px solid rgb(170,170,170);
}
	.sameduct {
		width: 100%;
		letter-spacing: 1px;
		padding: 10px 15px;
		overflow: visible;
	}

	.sameduct a {
		color: rgb(51,51,51);
		font-size: 15px;
	}
	.sameduct .op1{
			color: rgb(0,88,196)!important;
	}
		.bg_grey{
				background: #fff;
		}
	.sameduct span {
		position: absolute;
		left: 37%;
		bottom: -10px;
		width: 26%;
		height: 2px;
		background: rgb(0,88,196);
		opacity: 0;
	}

	.dustBox {
		margin-top: 30px;
		display: flex;
		flex-wrap: wrap;
	}

	.dustBox_common {
		width: 48.2%;
		margin-right: 3.5%;
		overflow: hidden;
		margin-bottom: 20px;
		display: inline-block;
		position: relative;
		transition: all 0.8s;
		cursor: pointer;
	}
		.dustBox>a:nth-child(2n+2) {
				margin-right: 0;
		}
		/*.dustBox>a:nth-child(3n+3) {
				margin-right: 3.5%;
		}*/
	.proTop {
		padding-bottom: 15px;
	}

	.boutiMore {
		display: inline-block;
		font-size: 14px;
		color: #000;
		padding: 11px 0;
		border: 1px solid rgb(170,170,170);
		transition: all 1s;
		word-spacing: 8px;
		border-radius: 35px;
		letter-spacing: 1px;
		position: relative;
		margin-bottom: 0;
		margin-top: 25px;
		width: 148px;
		text-align: center;
	}



	.adv {
		background: url(../image/bg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		padding: 35px 0 10px 0;
	}

	.advTitle {
		display: inherit;
	}

	.advTitle>p:nth-child(1) {
		width: 100%;
		font-size: 22px;
		color: #fff;
		letter-spacing: 2px;
	}
		.compName p{
				color: #000;
		}
	.advTitle>p:nth-child(2) {
		width: 100%;
		font-size: 14px;
		color: #fff;
		opacity: 1;
		line-height: 32px;
		letter-spacing: 1px;
		margin-top: 20px;
	}

	.advFor {
		margin-top: 50px;
		display: flex;
		margin-bottom: 0;
		flex-wrap: wrap;
	}

	.advFor_common p {
		color: #fff;
		font-size: 16px;
		color: #fff;
		letter-spacing: 1px;
		line-height: 24px;
	}

	.advFor_common img {
		width: 40px;
		height: 45px;
		margin-bottom: 15px;
	}

	.advFor_common {
		text-align: center;
		width: 50%;
		margin-bottom: 25px;
	}

	.comp {
		padding-top: 35px;
	}

	.sameduct a {
		position: relative;
		padding: 0 0;
		opacity: 1;
	}

	.compLeft {
		display: inherit;
	}

	.compName {
		width: 100%;
		font-size: 22px;
		color: #fff;
		letter-spacing: 2px;
		position: relative;
	}

	.compCircle {
		position: absolute;
		top: 2px;
		right: -15px;
		width: 13px;
		height: 13px;
		display: inline-block;
		border: 2px solid rgb(0, 88, 196);
		border-radius: 50%;
	}

	.compDesc {
		width: 100%;
		font-size: 14px;
		color: rgb(51,51,51);
		opacity: 1;
		line-height: 32px;
		letter-spacing: 1px;
		margin-top: 20px;
	}

	.compRight {
		display: inherit;
		align-items: center;
		justify-content: space-between;
		margin-top: 20px;
	}

	.compWord p {
		font-size: 15px;
		color:rgb(51,51,51);
		opacity: 1;
		line-height: 35px;
		letter-spacing: 1px;
	}
	.compMore>span:nth-child(2){
			color: #000;
	}
		.company{background:none;}
	.compWord p span {
		color: rgba(170,170,170);
		padding-left: 0;
		display: block;
		line-height: 30px;
	}

	.compWord {
		margin-bottom: 20px;
	}

	.descPlay {
		display: inherit;
		margin-top: 35px;
		padding-bottom: 0;
	}

	.descPlay_left {
		width: 100%;
		margin-right: 0;
	}

	.descPlay_left img {
		height: auto;
	}

	.conn2_right {
		position: relative;
		width: 100%;
		display: inline-block;
		height: 100%;
		vertical-align: top;
	}

	.video-popwrap iframe {
		width: 80vw !important;
		height: 30vh !important;
	}

	.popclose {
		position: absolute;
		top: -100px;
		right: -40px;
		border-radius: 100%;
		color: #fff;
		cursor: pointer;
		text-align: center;
		line-height: 43px;
		font-size: 34px;
		z-index: 33333;
	}

	.newsBo {
		display: inherit;
		flex-wrap: wrap;
	}

	.newsCommon {
		display: inline-block;
		width: 100%;
		margin-right: 0;
		transition: all 0.8s;
		margin-bottom: 25px;
		box-shadow: 1px 1px 10px 1px rgb(220,220,220);
	}

	.newsWord {
		padding: 20px 15px;
		background:#fff;
	}

	.newsWord_parh1 {
		font-size: 15px;
		color: #000;
		margin-bottom: 10px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		letter-spacing: 1px;
	}

	.newsWord_parh2 {
		font-size: 14px;
		color: rgb(128,128,128);
		line-height: 26px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		margin-bottom: 15px;
	}
		.footer{
				background: rgb(221,221,221);
		}
	.picMarquee-left {
		overflow: hidden;
		position: relative;
		padding-top: 10px;
		padding-bottom: 30px;
	}

	.picMarquee-left .bd ul li {
		margin: 0 10px;
		float: left;
		_display: inline;
		overflow: hidden;
		text-align: center;
		cursor: pointer;
		width: 150px !important;
	}

	.pic_bottom img {
		width: 150px;
		transition: all 1s;
	}

	footer {
		padding-top: 30px;
		padding-bottom: 55px;
	}
	.footer_address>p:last-child{
			margin-bottom: 0;
	}

	.footer {
		display: inherit;
	}

	.footer_right {
		width: 100%;
		display: flex;
		margin-right: 0;
		flex-wrap: wrap;
		display: none;
	}

	.footer_link {
		width: 50%;
		text-align: left;
		letter-spacing: 1px;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.footer_link_belong>p:nth-child(1) {
		color: rgb(247, 247, 247);
		font-size: 15px;
		letter-spacing: 1px;
		margin-bottom: 0;
	}

	.footer_link_con {
		margin-top: 18px;
	}

	.footer_link_con a {
		margin-bottom: 13px;
		color: rgb(255, 255, 255);
		opacity: 0.5;
		font-size: 14px;
		transition: all 0.8s;
		position: relative;
	}

	.footer_left {
		width: 100%;
		display: inherit;
		justify-content: space-between;
	}

	.footer_address_common img {

		margin-right: 12px;
	}

	.footer_address_common span {
		font-family: 'DIN';
			color:#000;
		font-size: 15px;
		letter-spacing: 0;
		opacity: 1;
		line-height: 26px;
	}
	.footer_support_con a{
			color: #000!important;
	}
		.footerEwm{
				display: none;
		}
	.footerEwm img {
		width: 90px;
	}
	.footer_support_con>div:nth-child(2){
			display: none;
	}

	.footerEwm p {
		letter-spacing: 1px;
		font-size: 14px;
		color: #fff;
		margin-top: 9px;
	}

	.footer_address {
		margin-bottom: 0px;
	}

	.footerEwm {
		text-align: left;
	}

	.lyLink {
		display: none;
	}

	.footer_support {
		padding: 12px 0;
		border-top: 1px solid rgba(247, 247, 247, 0.1);
		font-size: 14px;
		color: rgba(255, 255, 255, 0.5);
		letter-spacing: 1px;
		font-family: 'DIN';
		word-spacing: 8px;
	}

	.sideBanner {
		margin-top: 57px;
	}

	.insideWord>p:nth-child(1) {
		font-size: 18px;
		color: #fff;
		text-align: center;
		letter-spacing: 1px;
	}

	.insideWord>p:nth-child(2) {
		font-size: 14px;
		color: rgb(255, 255, 255);
		margin-top: 6px;
		text-align: center;
		letter-spacing: 1px;
		line-height: 22px;
		width: 70%;
	}

	.proCenter_left {
		width: 100%;
		float: inherit;
	}

	.proCenter_detail_con {
		width: 100%;
		padding: 0 15px;
		float: inherit;
		background: rgb(23, 23, 23);
	}

	.ductTitle {
		display: flex;
		align-items: center;
		padding: 15px 0;
		background: rgb(47, 47, 47);
		padding-left: 20px;
	}

	.ductTitle img {
		width: 16px;
		height: 16px;
		margin-right: 12px;
		position: relative;
		top: 0px;
	}

	.ductTitle p {
		font-size: 18px;
		color: #fff;
		letter-spacing: 2px;
	}

	.centerPro {
		float: none;
		left: auto;
		display: flex;
		position: relative;
		overflow-x: scroll;
		width: 100%;
		white-space: nowrap;
		box-sizing: border-box;
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid rgb(170,170,170);
	}

	.centerPro {
		/* padding: 40px 0; */
		background: #fff;
		padding: 20px 0 8px 0;
		margin-bottom: 25px;
	}
	.ductType{
			background: #fff;
	}

	.centerPro_common {
		display: inline-block;
		width: 200px;
		padding: 0 15px;
	}

	.prow {
		letter-spacing: 1px;
		font-size: 15px;
		color: #000;
		opacity: 1;
		padding-left: 0;
		transition: all 0.8s;
	}

	.pim1,
	.pim2 {
		display: none;
	}

	.centerPro {
		margin-top: 10px;
	}

	.proCenter {
		position: relative;
	}

	.ductType {
		position: ;
		bottom: 0;
	}

	.proCenter_detail_con::before {
		position: absolute;
		content: '';
		left: 25%;
		top: 0;
		width: 75%;
		bottom: 0;
		background: rgb(23, 23, 23);
		z-index: -1;
		display: none;
	}

	.proCenter_left::before {
		content: '';
		position: absolute;
		left: 25%;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgb(23, 23, 23);
		z-index: -1;
		display: none;
	}

	.pd50 {
		padding-top: 35px;
		overflow: hidden;
		padding-bottom: 20px;
	}

	.successCase_left::before {
		content: '';
		position: absolute;
		background: rgb(35, 35, 35);
		left: 0;
		right: 0;
		top: 12%;
		bottom: 12%;
		display: none;
	}

	.successCase_left {
		display: inherit;
		padding: 0;
		position: relative;
	}

	.successCase_pic {
		width: 100%;
		position: relative;
		z-index: 9;
	}

	.successCase_pic img {
		border-radius: 15px;
		max-width: inherit;
		width: 100%;
	}

	.m40 {
		margin-left: 0 !important;
	}

	.successCase_word {
		width: 100%;
		padding: 20px 0px 20px 0;
		position: relative;
		margin-left: 0%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.suParh1 {
		font-size: 18px;
		color: #000;
		letter-spacing: 1px;
		margin-bottom: 10px;
	}

	.suParh2 {
		line-height: 30px;
		opacity: 1;
		color: rgb(128,128,128);
	}

	.successCase {
		position: relative;
		margin-bottom: 0px;
		width: 100%;
		margin-right: 30px;
	}

	.ml3 {
		margin-left: 0 !important;
	}

	.loadMore {
		width: 75%;
		margin: auto;
		padding-top: 0px;
		padding-bottom: 30px;
		cursor: pointer;
	}

	.loadMore p {
		font-size: 15px;
		padding: 11px 0;
		letter-spacing: 1px;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.4);
		border-radius: 40px;
		text-align: center;
		transition: all 0.4s;
		background: rgb(0,88,196);
	}

	.boutiMore1 {
		margin-top: 20px !important;
	}

	.pt50 {
		padding-bottom: 0px;
	}

	.newsLink {
		padding: 25px 15px;
	}

	.newsLink a p {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		font-size: 14px;
		color: #000;
		opacity: 1;
	}

	.newsLink a {
		display: flex;
		align-items: center;
		margin-bottom: 20px;
	}

	.newsLink a span {
		display: inline-block;
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: rgb(130, 130, 130);
		margin-right: 13px;
	}

	.hotWord {
		padding: 25px 15px;
		display: flex;
		flex-wrap: wrap;
	}

	.hotWord a {
		font-size: 14px;
		color: #000;
		opacity: 1;
		letter-spacing: 1px;
		padding: 8px 10px;
		border: 1px solid rgb(170,170,170);
		margin-right: 10px;
		margin-bottom: 10px;
		transition: all 0.4s;
	}

	.pt100 {
		padding-bottom: 20px !important;
	}

	.wapCase {
		display: block;
		padding: 0 15px;
	}

	.pcCase {
		display: none;
	}

	.wapCase>.pd50 {
		padding-top: 0 !important;
	}

	/*.wapCase .pd50 {*/
	/*	float: none;*/
	/*	left: auto;*/
	/*	display: flex;*/
	/*	position: relative;*/
	/*	overflow-x: scroll;*/
	/*	width: 100%;*/
	/*	white-space: nowrap;*/
	/*	box-sizing: border-box;*/
	/*	border-top: none;*/
	/*	border-left: none;*/
	/*	border-right: none;*/
	/*}*/

	.transBg {
		background: transparent;
		width: 80%;
		border-radius: 0 30px 30px 0;
	}

	.tran1 {
		opacity: 1;
		transform: translateX(0px);
	}

	.tran2 {
		opacity: 1;
		transform: translateX(0px);
	}

	.tran3 {
		opacity: 1;
		transform: translateX(0px);
	}

	.publicTitle {
		display: none;
	}

	.nowLocal_left {
		display: none;
	}

	.publicLink a {
		width: 25%;
		text-align: center;
		padding-top: 0;
		display: inline-block;
	}

	.publicLink {
		width: 100%;
		height: 60px;
		display: flex;
		align-items: center;
	}

	.publicLink {
		width: 100%;
		height: 60px;
		display: flex;
		align-items: center;
	}

	.publicLeft {
		display: flex;
		height: 60px;
		align-items: center;
		width: 100%;
	}

	.popword {
		font-size: 15px;
		letter-spacing: 1px;
		color: #FFFFFF;
		margin-bottom: 0;
		opacity: 0.5;
		margin-top: 7px;
	}

	.public {
		display: flex;
		align-items: center;
		justify-content: space-between;
		align-content: center;
		height: 60px;
		position: relative;
	}

	.publicCon {
		height: 60px;
		background: rgba(0, 0, 0, 0.7);
		margin-top: 0px;
		z-index: 9;
		position: relative;
		padding-right: 0;
	}

	.aboutUs {
		padding: 35px 0 15px 0;
		background: #fff;
		display: inherit;
	}

	.aboutUs_left {
		padding: 0 15px;
		width: 100%;
	}

	.ab_parh1 {
		font-size: 22px;
		letter-spacing: 2px;
		color: #000;
		margin-bottom: 15px;
		position: relative;
		z-index: 9;
	}

	.ab_parh2 {
		font-size: 18px;
		letter-spacing: 4px;
		color: rgb(128,128,128);
		opacity: 1;
		margin-bottom: 20px;
	}

	.aboutp {
			font-size: 14px;
				letter-spacing: 1px;
				line-height: 30px;
				color: rgb(51,51,51);
				opacity: 1;
				text-indent: 0;
				margin-top: 15px;
	}
	.about-content {
		color: rgb(51,51,51);
	}
	.aboutUscon::before{
			background: #fff;
			z-index: -1;
	}

	.compAdv_con {
		display: flex;
		margin-top: 25px;
		padding-bottom: 25px;
	}
	.compAdv_common>p:nth-child(1){
			color: #000;
	}
	.compAdv_common>p:nth-child(2) {
				font-size: 14px;
				color: rgb(128,128,128);
				opacity: 1;
				letter-spacing: 1px;
		}

	.compAdv_common>p:nth-child(1) span {
		font-weight: 600;
		font-size: 22px;
		color: #000;
		margin-right: 5px;
		font-family: 'DIN';
		letter-spacing: 1px;
	}

	.abTure {
		padding: 0 15px;
		padding-bottom: 30px;
		background: #fff;
	}

	.abTure_title>p:nth-child(1) {
		font-size: 22px;
		letter-spacing: 2px;
		color: #000;
		margin-bottom: 12px;
		position: relative;
		z-index: 9;
	}
	.abTure_title>p:nth-child(2){
			color: rgb(128,128,128);
			opacity: 1;
	}

	.abComp {
		display: inherit;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.abComp_pic {
		width: 100%;
		overflow: hidden;
		margin-right: 0;
		position: relative;
		z-index: 9;
	}

	.abCompAll {
		width: 100%;
	}

	.abComp_common {
		display: flex;
		align-items: baseline;
		margin-bottom: 18px;
		margin-top: 20px;
	}

	.abComp_common>p:nth-child(1) {
		width: 22%;
		font-size: 15px;
		color: rgb(51,51,51);
		opacity: 1;
		font-weight: 600;
		letter-spacing: 1px;
		position: relative;
		line-height: 20px;
	}

	.abComp_common>p:nth-child(2) {
		width: 1px;
		background: rgb(51,51,51);
		height: 17px;
		position: relative;
		z-index: 9;
		top: 3px;
	}

	.abComp_common>p:nth-child(3) {
		padding-left: 20px;
		color: rgb(51,51,51);
		opacity:1;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 22px;
		width: 76%;
	}

	.bg_pd {
		padding-top: 25px;
		background: #fff;
	}

	.contact {
		display: inherit;
	}

	.contactLeft {
		width: 100%;
		padding: 30px 15px 10px 15px;
		background: rgb(0, 88, 196);
	}

	.contxt1 {
		font-size: 22px;
		color: #fff;
		letter-spacing: 3px;
		margin-bottom: 15px;
	}

	.contxt2 {
		font-size: 14px;
		color: #fff;
		opacity: 0.6;
		margin-bottom: 25px;
		letter-spacing: 1px;
		line-height: 22px;
	}

	.contxt3 {
		width: 55px;
		height: 1px;
		background: #fff;
		margin-bottom: 45px;
	}

	.contxt5 {
		font-size: 22px;
		color: #fff;
		font-family: 'DIN';
		margin-bottom: 45px;
	}

	.conRess {
		display: flex;
		align-items: center;
		margin-bottom: 20px;
		font-size: 14px;
		color: #fff;
		opacity: 0.6;
		font-family: 'DIN';
	}

	.contactRight {
		padding: 30px 15px;
	}

	.contactRight {
		width: 100%;
	}
	.serInput input {
				color: rgb(128,128,128);
		}

	.conService {
		font-size: 22px;
		letter-spacing: 1px;
		color: #000;
		margin-bottom: 30px;
		letter-spacing: 2px;
	}

	.serInput {
		display: flex;
		align-items: center;
		height: 46px;
		line-height: 46px;
		border: 1px solid rgb(170,170,170);
		width: 100%;
		margin-right: 0;
		font-size: 16px;
		color: rgb(128,128,128);
		padding-left: 15px;
	}

	.serEnter {
		display: inherit;
		margin-bottom: 0px;
		align-items: center;
	}

	.serEnter p {
		margin-bottom: 16px;
	}

	.serInput img {
		margin-right:8px;
		width: 1.2em;
	}

	.serArea img {
		margin-right:8px;
		width: 1.2em;
	}

	.serArea {
		padding-top: 15px;
		padding-left: 15px;
		border: 1px solid rgb(170,170,170);
		padding-bottom: 80px;
		margin-bottom: 20px;
		width: 100%;
		display: flex;
		align-items: center;
	}

	.serArea input {
		font-size: 14px;
		color: rgb(128,128,1284);
		letter-spacing: 1px;
	}
	.contactRight{
			background: #fff;
			border: 1px solid rgb(220,220,220);
	}
	.contactUs_map {
				background: #fff;
		}

	.messUp {
		display: inline-block;
		width: 48%;
		padding: 13px;
		text-align: center;
		color: #fff;
		font-size: 15px;
		letter-spacing: 1px;
		background: rgb(0, 88, 196);
	}

	.contactUs_map iframe {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.contactUs_map iframe {
		height: 300px;
	}

	.pageMap {
		width: 100%;
		height: 300px;
	}

	.metalHonor {
		width: 48.6%;
		margin-right: 2.8%;
		margin-bottom: 12px;
		padding: 24px 22px;
		background:#FFF;
		box-shadow:1px 1px 10px 1px rgb(220,220,220);
		text-align: center;
		padding-bottom: 30px;
		transition: all 0.7s;
		cursor: pointer;
	}

	.honorContent {
		background: #FFF;
		padding-top: 35px;
		padding-bottom: 0px;
	}

	.honorAll>div:nth-child(2n+2) {
		margin-right: 0;
	}

	.metalHonor p {
		font-size: 14px;
		letter-spacing: 1px;
		color: #000;
		position: relative;
		top: 10px;
	}

	.joinUs {
		display: inherit;
		align-items: center;
		border-top: none;
	}

	.joinUs_left {
			width: 100%;
		border-bottom: 1px solid rgba(220, 220, 220, 0.2);
		padding: 18px 15px;
		text-align: left;
		font-size: 16px;
		border-right: none;
	}

	.joinUs_right {
		width: 100%;
		display: inherit;
		padding-bottom: 15px;
	}

	.joinNeed {
		display: flex;
		flex-wrap: wrap;
		padding-left: 0;
		width: 100%;
		padding: 25px 15px;
	}

	.joinNeed p {
		font-size: 14px;
		margin-bottom: 15px;
		letter-spacing: 1px;
		width: 50%;
	}

	.joinOpen {
				width: 31%;
						padding: 10px;
						font-size: 13px;
						letter-spacing: 1px;
						text-align: center;
						height: 35px;
						border-radius: 4px;
						margin-left: 15px;
						position: relative;
						top: 0;
						cursor: pointer;
						line-height: 14px;
	}

	.jobDetail {
		padding: 15px;
		padding-top: 5px;
		border-bottom: 1px solid rgba(220, 220, 220, 0.2);
	}

	.jobDuty_name {
		font-size: 16px;
		letter-spacing: 1px;
		margin-bottom: 15px;
		margin-top: 15px;
	}

	.jobDuty_word p {
		 color: #fff;
		 opacity: 0.5;
		font-size: 14px;
		letter-spacing: 1px;
		margin-bottom: 22px;
		line-height: 29px;
		padding-top: 22px;
	}

	.joinIn a {
		width: 145px;
		height: 38px;
		line-height: 38px;
		color: #fff;
		font-size: 15px;
		letter-spacing: 1px;
		border-radius: 5px;
		text-align: center;
		background: rgb(0, 97, 174);
		display: inline-block;
		margin-top: 10px;
		margin-bottom: 15px;
	}

	.joinOpen {
		margin-bottom: 10px;
	}
		/* 进入总站 */
	.statTitle {
		padding-top: 13vh;
		text-align: center;
	}

	.statTitle>p:nth-child(1) {
		font-size: 22px;
		margin-bottom: 10px;
	}

	.statTitle>p:nth-child(1) img {
		margin-left: 10px;
		width: 8px;
	}

	.statTitle>p:nth-child(2) {
		font-size: 16px;
		letter-spacing: 1px;
		font-weight: normal;
	}

	.statTitle>p:nth-child(2) span {
		font-size: 22px;
	}

	.AreaCommon {
				display: flex;
				align-items: baseline;
				border-bottom: 1px solid rgb(220, 220, 220);
				padding-top: 25px;
				padding-bottom: 4px;
	}
	.statArea {
			background: #fff;
			padding: 0 15px;
			padding-top: 0;
			padding-bottom: 50px;
			margin-top: 30px;
	}
	.AreaTit {
			width: 5em;
			font-size: 16px;
			color: #000;
			font-weight: 600;
			letter-spacing: 1px;
	}
	.Areapart a {
			padding: 0 12px;
			margin-bottom: 17px;
			font-size: 15px;
			letter-spacing: 1px;
	}
	.aboutUscon {
				background: #fff;
				position: relative;
		}
}


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

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

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

	.articleTitle>p:nth-child(2){flex-wrap: wrap; line-height: 2;}

	.banner {
		height: auto;
	}

	.banner .swiper-slide {
		background: none;
	}

	.banner .swiper-slide img {
		display: block;
		width: 100%;
	}

	.banner .swiper-slide .bantxt {
		display: none;
	}

	.banner-bot {
		display: none;
	}

	.perBo {
		display: inherit;
		flex-wrap: wrap;
	}

	.perCommon {
		display: inline-block;
		width: 100%;
		margin-right: 0;
		transition: all 0.8s;
		margin-bottom: 30px;
		box-shadow: 1px 1px 10px 1px rgb(220,220,220);
	}

	.perWord {
		padding: 20px 15px;
		background: #fff;
	}

	.perWord_parh1 {
		font-size: 15px;
		color: #000;
		margin-bottom: 13px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		letter-spacing: 1px;
	}

	.perWord_parh2 {
		font-size: 14px;
		color: rgb(128,128,128);
		line-height: 26px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		margin-bottom: 20px;
	}

	.article {
		display: inherit;
	}

	.articleLeft {
		width: 100%;
		padding-right: 0;
	}

	.articleLeft::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0%;
		top: 0;
		bottom: 0;
		background: rgb(23, 23, 23);
		z-index: -1;
	}
		.articleRight{
		padding-bottom: 15px;
	}
	.articleRight::before {
		display: none;
	}

	.articleTitle {
		padding: 35px 0px 20px;
		border-bottom: 1px solid rgb(128,128,128);
	}

	.articleTitle>p:nth-child(1) {
		font-size: 18px;
		margin-bottom: 20px;
		color:#000;
		letter-spacing: 1px;
	}

	.articleTitle>p:nth-child(2) span {
		margin-right: 22px;
		color: rgb(128,128,128);
		font-size: 14px;
		opacity: 1;
	}

	.article_word {
		font-size: 14px;
		padding-top: 20px;
		line-height: 32px;
		color:  rgb(128,128,128);

	}


	.article_pic {
		width: 100%;
		margin: auto;
		margin-top: 25px;
	}
	.eachDuct {
				display: flex;
				justify-content: space-between;
				border-bottom: 1px solid rgb(128,128,128);
		}

	.prevPage {
		padding: 25px 0 0 0;
		margin-top: 30px;
		border-top: 1px solid rgb(128,128,128);
		display: inherit;
		justify-content: space-between;
		letter-spacing: 1px;
		margin-bottom: 25px;
	}
	.page1 {
				font-size: 15px;
				color: rgb(51,51,51);
				opacity: 1;
				display: flex;
				align-items: center;
		}

	.prevPage a {
		margin-bottom: 17px;
	}

	.page1 img {
		display: none;
	}

	.page3 img {
		display: none;
	}
	.articleRight {
		width: 100%;
		background: #fff;
		left: 0;
	}
	.aboutArt {
			padding:5px 0;
	}
	.aboutArt_title {
			color: #000;
			letter-spacing: 2px;
			font-size: 22px;
			margin-bottom: 30px;
	}
	.aboutArt_title span {
			width: 3px;
			height: 24px;
			background: rgb(0, 88, 196);
			margin-right: 15px;
			display: inline-block;
			position: relative;
			top: 5px;
	}
	.aboutIcle_a>p:nth-child(1) {
			width: 80%;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			font-size: 14px;
			color: rgb(128,128,128);
			opacity: 1;
	}
	.aboutIcle_a>p:nth-child(2) {
		width: 20%;
		font-size: 14px;
			color: rgb(128,128,128);
			opacity: 1;
	}
	.aboutIcle_a {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 18px;
			transition: all 0.4s;
	}
	.hotNews a {
			font-size: 14px;
			color: #000;
			opacity: 1;
			letter-spacing: 1px;
			padding: 9px 10px;
			border: 1px solid rgb(170,170,170);
			margin-right: 10px;
			margin-bottom: 10px;
			transition: all 0.4s;
	}
	.pageArticle {
				position: relative;
				background: #fff;
		}
		.page2 {
				font-size: 15px;
				color: rgb(51,51,51);
				opacity: 1;
				display: flex;
				align-items: center;
		}
		.page3 {
				font-size: 15px;
				color: rgb(51,51,51);
				opacity: 1;
				display: flex;
				align-items: center;
		}
	.proCenter_right>a:nth-child(3n+3) {
			margin-right: 2.2%;
	}
	.proCenter_right>a:nth-child(2n+2) {
			margin-right:0%;
	}
	.toolEach {
			display: inline-block;
			width: 48.4%;
			margin-right: 3.2%;
			margin-bottom: 2.2%;
			position: relative;
	}
	.findColor{
		display: none;
	}
	.swtichPage a {
			margin-right: 11px;
			padding: 5px 11px;
			border-radius: 10px;
			font-size: 15px;
			transition: all 0.6s;
			color: rgb(51,51,51);
			box-sizing: border-box;
			display: inline-block;
			transition: all 0.8s;
			font-family: 'DIN';
			border-radius: 50%;
	}
	.swtichPage img{
		width: 50%;
	}
	.swtichPage {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 25px;
			margin-bottom: 40px;
	}
	.proCenter_right_con::before{
		display: none;
	}
	.proCenter_right_con {
			width: 75%;
			padding: 0;
			float: right;
			background: rgb(23, 23, 23);
	}
	.eachDuct_name {
			font-size: 16px;
			color: #000;
			letter-spacing: 1px;
			position: relative;
			padding: 0 0 20px 0px;
	}
	.eachDuct_name span {
			display: inline-block;
			width: 2px;
			height: 15px;
			background: #fff;
			margin-right: 12px;
			position: relative;
			top: 2px;
	}
	.board {
			display: inherit;
			margin-top: 30px;
	}
	.boardLeft {
			width: 100%;
			margin-right: 0;
	}
	.boardRight {
			width: 100%;
		padding-top: 20px;
	}
	.boardName {
			font-size: 18px;
			color: rgb(51,51,51);
			letter-spacing: 1px;
			margin-bottom: 15px;
	}
	.boardUse {
			font-size: 15px;
			letter-spacing: 1px;
			color: rgb(51,51,51);
			opacity: 1;
			margin-bottom: 10px;
/*		width: 25%;*/
	}
	.boardPalce {
			flex: 1;

	}
	.boardSuit {
			margin-top:20px;
			display: flex;
			align-items: baseline;
			flex-wrap: wrap;
	}
	.boardPalce p {
			margin-right: 6px;
			margin-bottom: 7px;
			font-size: 13px;
			color: #fff;
			opacity: 1;
			padding: 2px 7px;
			border: 1px solid rgb(128,128,128);
	}
	.boardNum p {
			margin-right: 15px;
			font-size: 14px;
			color: rgb(51,51,51);
			opacity:1;
	}
	.boardLock span:nth-child(3) {
				opacity:1;
				font-size: 14px;
				color: rgb(51,51,51);
				letter-spacing: 1px;
		}
		.sKind p{
				opacity:1;
				color: rgb(51,51,51);
		}
	.boardPrice {
			margin-top: 20px;
			padding: 12px 15px;
			background:#fff;
			border: 1px solid rgb(170,170,170);
			display: flex;
			align-items: center;
			justify-content: space-between;
	}
	.boardDesign p span {
				letter-spacing: 1px;
				font-size: 14px;
				color: rgb(51,51,51);
				opacity: 1;
		}
	.boardLock img {
			margin-right: 10px;
	}
	.boardLock span:nth-child(1){
		display: none;
	}
	.sKind {
			width: 25%;
			text-align: center;
		margin-bottom: 15px;
	}
	.sKind img {
			margin-bottom: 4px;
	}
	.boardKind {
			display: flex;
			margin-top: 15px;
			margin-bottom: 0;
			flex-wrap: wrap;
	}
	.boardButton a {
			font-size: 15px;
			color: #000;
			letter-spacing: 0;
			font-family: 'DIN';
			display: flex;
			align-items: center;
			justify-content: center;
	}
	.boardButton a img {
			margin-right: 7px;
			width: 11%;
	}
	.boardButton1,.boardButton2{
		padding: 11px 0;
		margin-top: 5px;
	}
	.boardButton2{
			box-shadow: 1px 1px 10px 1px rgb(220,220,220);
	}
	.boardButton>a:nth-child(1){
			color: #fff!important;
	}
	.boardDesign {
			display: flex;
			margin-top: 15px;
			flex-wrap: wrap;
	}
	.boardDesign p {
		text-align: center;
			display: flex;
			align-items: center;
			width: 50%;
			margin-bottom: 10px;
	}
	.moreDetail {
			display: flex;
			margin-top: 20px;
			justify-content: space-between;
			background: #fff;
			padding:15px 15px;
			position: relative;
			border: 1px solid rgb(170,170,170);
	}
	.moreDetail_left p {
			font-size: 16px;
			letter-spacing: 2px;
			color: #000;
	}
	.backList span {
			font-size: 14px;
			opacity:1;
			color: rgb(128,128,128);
			letter-spacing: 1px;
	}
	.moreDetail_left img {
			position: absolute;
			left: 7px;
			bottom: -4px;
			width: 24%;
	}
	.moreDetail_parh p {
			font-size: 14px;
		 color: rgb(51,51,51);
			line-height: 32px;
	}
	.moreDetail_parh {
			margin-top: 25px;
			margin-bottom: 25px;
	}
	.morePic {
			overflow: hidden;
			margin-bottom: 35px;
	}
	.moreLink a {
			display: inline-block;
			width: 50%;
			text-align: center;
			color: rgb(51,51,51);
			font-size: 14px;
			padding: 15px 0;
	}
	.moreCommond {
			margin-top: 35px;
			padding:20px 15px;
			background: #fff;
			border:1px solid rgb(170,170,170);
			margin-bottom: 35px;
	}
	.moreCommond_title {
			font-size: 18px;
			color: #000;
			letter-spacing: 1px;
			margin-bottom: 20px;
	}
	.moreCommond_title span {
			width: 3px;
			height: 16px;
			background:rgb(51,51,51);
			margin-right: 9px;
			display: inline-block;
			position: relative;
			top: 2px;
	}
	.switchTab .swiper-pagination{
		display: none;
	}
	.outMore {
			display: inline-block;
			font-size: 12px;
			color: #fff;
			width: 90px;
			height: 30px;
			line-height: 30px;
			text-align: center;
			background: rgb(0,88,196);
			border-radius: 3px;
			letter-spacing: 1px;
	}
	.outBanner {
			z-index: 999;
			top: 32%;
			position: absolute;
			top: 26%;
	}
	.outBanner>p:nth-child(2) {
			color: #fff;
			letter-spacing: 1px;
			font-size: 1.8vw;
			margin-bottom: 5vw;
	}
}

@media screen and (max-width:340px) {
	.boardNum {
			display: inherit;
			align-items: center;
	}
	.boardNum>p:nth-child(1){
		margin-bottom: 8px;
	}
}