@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: #fff;
    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;
	}
}

@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: 200px;
		letter-spacing: 1px;
		padding: 10px 15px;
	}

	.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(../images/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;
	}
	.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: 30%;
            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 {
	    display: flex;
	    flex-wrap: wrap;
	    width: 75%;
	}
	.boardSuit {
	    margin-top:20px;
	    display: flex;
	    align-items: baseline;
	}
	.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;
	}
}