.wap-header{height: 90px; position: fixed; top: 0; width: 53.3%; background:#fff; z-index: 999;display: none;}
.wap-header .logo h1{line-height: 0;margin-top: 9px;}
.wap-header .logo a{display: block;}
.wap-header .logo  img{display: block;width: 220px;}
.wap-click { padding:16px 0;}
.wap-click span{width: 34px; height: 2px;background: #333;display: block;margin: 10px auto; transition: all 277ms ease-in-out;position: relative;}
.active span.cl-1{transform: rotate(-45deg);top:12px;}
.active span.cl-2{opacity: 0;}
.active span.cl-3{transform: rotate(45deg);top:-12px;}
.wap-header .ver{left: auto; margin-top: 0; position: relative; padding: 18px 0; margin-right: 3%;}
.wap-nav{ background: #F6F6F6; z-index: 20; left: 0; width: 100%; display: none;}
.wap-nav ul li a{ display: block;font-size: 15px;line-height:40px;color: #434343;text-indent: 40px;transition: all .6s;}
.wap-nav ul li a:hover,.wap-nav ul li.on>a{ background: #036eb8;color:#fff}
.wap-hide{ background: #fff; display: none;overflow: hidden;}
.wap-hide dd{border-bottom: 1px dashed #eee;float:left;width:50%;}
.wap-nav .wap-hide dd a{line-height:45px;text-align: center;font-size:14px;text-indent: 0;}
.wap-headerzw{height: 60px;display: none;}
.wap-vericon{margin-top:17.5px;  margin-right: 18px;}
.priduct-banner .swiper-pagination{display: none;}
.odds-cp .swiper-pagination{display: none;}
.wap-pro-list,.pf_down{display: none;}
.wap-pro-list-pic{display: none;}
.wap-header .search{margin-right: 2%;height: 100%;line-height: 100px;text-align: center;}
.zw{display: none;height: 100px;width: 100%;}	
.wap-summar{display: none;margin-top: 50px;font-size: 15px;color: #FFFFFF;line-height: 32px;}
.wap-summar img{display: block;width: 100%;}
.wapfoot-zw,.wapfooter,#wxnr{display: none;}

.wapfoot-zw,.wapfooter,#wxnr{display: none;}

.wap-related{display: none;}

.wap-login{margin-top: 27px;margin-right: 2%;}

.yyzz{background: rgba(0,0,0,0.6);position: fixed;top: 0px;left: 0;width: 100%;height: 100%;z-index: 999;text-align: center;}
#header-right{background: url(../images/x.png)no-repeat center;height: 22px;position: relative;left: 37%;top: 87px;cursor: pointer;}
.yyzz img{margin-top: 65%;}
@media screen and (min-width:200px)  and  (max-width:1700px)  {
	/*PC端公共头部*/
	.container{width: 96%;margin: 0 auto;}
	.index-container{max-width: 96%;}
	
	/
}
@media only screen and (min-width: 200px) and (max-width: 1550px) {
	
	
	
	/* 真工 */
	.foot{background-size: contain;}
	.ny-join p i:nth-child(1){margin-right: 7%;}
}

@media only screen and (min-width: 200px) and (max-width: 1500px) {
	
}

@media only screen and (min-width: 200px) and (max-width: 1400px) {
	
}
@media screen and (min-width: 200px) and (max-width: 1300px) {
	
}

@media only screen and (min-width: 200px) and (max-width: 1200px) {
	/* 真工 */
	.foot .f-t-left{margin-right: 1%;}
	.ny-join p i{letter-spacing: 100px;}
	.ny-join p{top: 38%;}
	.design ul li.effect{margin-left: 2%;}
	.design ul li.effect h3{margin-bottom: 15px;}
	.design ul li.pic{width: 64.5%;}
	.banner .swiper-slide .text dd{left: 9%;}
	
	
	.wapfoot-zw, .wapfooter, #wxnr{display: block;}
	.wap-foot{display: block;}
	
	
	.wap-foot{display: block;}
    
    .widget-bar ul li:last-child .head-wechat{width: 55%;}
    
    .banner .banner-text em{font-size: 19px;padding-left: 12%;}
    .banner .banner-text p{font-size: 19px;line-height: 35px;padding-left: 12%;}
    .banner .banner-text dd{left: 12%;}
    .banner .banner-text dd span{font-size: 14px;}


    /*2022.4.1*/
    .logo{left: 4%}
}

@media only screen and (min-width: 200px) and (max-width: 960px) {
    .banner .banner-text em{font-size: 17px;padding-left: 9%;}
    .banner .banner-text p{font-size: 17px;line-height: 35px;padding-left: 9%;}
    .banner .banner-text dd{left: 9%;}
    .banner .banner-text dd span{font-size: 13px;}
    
	.wap-header{display: block;box-shadow: 0px 2px 3px 3px #FAFAFA;}
	.header{display: none;}
	
	
	/*手机端底部悬浮*/
	/*手机端在线咨询*/
	.wapfoot-zw,.wapfooter,#wxnr{display: block;}
	.wapfoot-zw{height: 95px;}
	.wapfooter{position: fixed; bottom: 0; width: 100%; height: 54px; line-height: 54px; background: #005CA1; z-index: 999}
	.wapfooter .foot-nav{float: left; width: calc(100% / 3)}
	.wapfooter .foot-nav-2{background: #000}
	.wapfooter .foot-nav-bg{display: inline-block; width: 40%;  height: 54px; line-height: 54px; text-align: center;}
	.wapfooter .foot-nav-bg1{background: url(../images/nav-bg1.png) no-repeat center center; background-size:40%;}
	.wapfooter .foot-nav-bg2{background: url(../images/nav-bg2.png) no-repeat center center; background-size:40%;}
	.wapfooter .foot-nav-bg3{background: url(../images/nav-bg3.png) no-repeat center center; background-size:40%;}
	.wapfooter a{display: inline-block; width:60%; font-size: 1.1rem; line-height: 54px; color: #fff;}
	#wxnr {width: 100%;height: 100%;max-width: 640px;min-width: 320px;position: fixed;top: 0;z-index: 1000;display: none;background: rgba(0,0,0,.6);}
	#wxnr .nrdf {margin: auto;position: absolute;top: 50%;left: 0;right: 0;width: 18rem;    height: 11rem;padding: 4rem 0 3rem;margin-top: -11rem;text-align: center;background-color: 	rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius: 	10px;}
	#wxnr img {display: block;margin: 0 auto 0.8rem;}
	#wxnr p {display: block;font-size: 1.1rem;text-align: center;color: #666;}
	#wxnr i {display: block;position: absolute;top: 1rem;right: 1rem;width: 1.5rem;height: 1.5rem;font-size: 1rem;line-height: 1.5rem;text-align: center;color: #fff;font-weight: 	bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}
	#wxnr #btn {display: inline-block;padding:  0.1rem 0.2rem;background-color: #f19903;color: #fff;border-radius: 0.2rem;cursor: pointer;}
	.foot{bottom: 54px;}



    /*2022.4.1*/
    .logo{left: 3%}
}

@media only screen and (min-width: 200px) and (max-width: 750px) {
    .foot{background: none;}
	.f-t-left{display: none;}
    .f-t-main{width: 50%;}
    .f-t-right{width: 50%;}
}


@media only screen and (min-width: 200px) and (max-width: 640px) {
	.f-t-right{width: 45%;}
    .foot .end{top: 15px;}
    .widget-bar ul li:last-child {margin-top: 25%;}
    .widget-bar ul li:last-child .head-wechat{width: 70%;}
}

@media only screen and (min-width: 200px) and (max-width: 640px) {
		/* 真工 */
		.logo{bottom: 0;}
		.contact ul{flex-wrap: wrap;}
		.contact ul li{width: 100% !important;}
		.contact ul li:nth-child(2){margin-top: 5%;}
		.contact ul li:nth-child(2) .introduce em{font-size: 24px;}
		.contact ul li:nth-child(2) .introduce p{font-size: 14px;}
		.contact ul li:nth-child(2) .introduce span{font-size: 12px;}
		.contact ul li:nth-child(2) .introduce span:nth-child(5){margin-bottom: 3px;}
		
		.contact ul li:nth-child(2) .introduce2 em{font-size: 24px;}
		.contact ul li:nth-child(2) .introduce2 p{font-size: 16px;}
		.contact ul li:nth-child(2) .introduce2 span{font-size: 12px;}
		.ny-join p{top: 30%;}
		.ny-join p i{font-size: 32px;letter-spacing: 14px;}
		.design{margin-top: 12%;}
		.design ul{flex-wrap: wrap;}
		.design ul li{width: 100% !important;}
		.design ul li.effect h3{font-size: 15px;}
		.design ul li.effect div{padding: 10px 10px 15% 10px;margin-bottom: 15px;}
		.design ul li.effect div p em{font-size: 14px;}
		.design ul li.effect div p span{font-size: 13px;}
		.design ul li.effect div dl dt{font-size: 15px;}
		.design ul li.effect div dl dd{font-size: 13px;}
		
		.widget-bar div{width: 50%;}
		.banner .swiper-slide .text{display: none;}
        
        .index-banner .swiper-containeri{width: 100%}
        .banner .banner-text{display: none;}
        .banner .swiper-pagination-bullet{width: 20px;}
        .banner .swiper-pagination-bullet-active{width: 23px;}
        .banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {left: 17%;bottom: -25px;}
        .head{height: 115px;}
        .menu{top: 5%;}
	
}
1200 960 768  640