/*mobile*/
@media only screen and (max-width: 768px){
	/* pc与mobile的区别显示 */
	.mobhid{display: none;}
	.pchid{display:block;}
	*{font-size:14px;}
	.zt100 {min-width: 100%;}
	.zt1200 {width: 95%; }
	.fgx{height: 1rem;}
	/*top*/
	.topmbj{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;display: none;}
	.topout{position: fixed;;background: #fff;left: 0px;top: 0px;height: 63px;z-index: 99999999999999999999999999999999999;}
	.top{position: fixed;width: 100%;z-index: 999;background: #fff;height: 63px;z-index: 999999999999;}
	.topl{width: 100%;text-align: center;height: 100%;padding-left: 0}
	.topl img{width: auto;height: 40px}
	.topm{background: url(../images/listbj.png) no-repeat center;background-size:35px; ;width: 35px;height: 35px;padding: 1rem;position: absolute;top: 0px;left: 0px;}
	.topmc{position: fixed;top: 0px;right: -200px;display: none;background: #222;border-top: 1px solid #080808;width: 200px;height: 100%;z-index: 1000}
	.topmc a{text-align: right;color: #9d9d9d;display: block!important;line-height: 4rem;font-size: 1.5rem;padding-right: 1.5rem;}
	.topr{position: absolute;top: 0px;right: 0px;padding: 0}
	.topr span{display: none;}
	.topr a{width: 63px;height: 63px;background: url(../images/icons01.png) no-repeat center;}
	.topzw{height: 63px;}
	/*foot*/
	.footo{background: #212121;}
	.foot1{display: none;}
	.foot2{display: none;}
	.foot3-1{width: 100%;text-align: center;}
	.foot3-1 p{line-height: 40px;text-align: center;}
	.foot3-1 i{display: block;}
	.foot3-2{width: 100%;text-align: center;}
	.foot3-2 a{text-align: center;}

	.box1{font-size: 0;margin-top: 1rem}
	.box1c{margin-left: 0;width: auto;;margin: 10px 0}
	.box1cl{width: 100%;}
	.box1cl img{width: 100%;}
	.box1cr{width: 100%;margin: 40px 0;}
	.box1cr p{font-size: 24px;color: #666;text-align: center;}
	.box1cr div{height: 34px;width: 34px;line-height: 32px;text-align: center;font-size: 24px;font-weight: 900;border: 1px solid #666;color: #666;border-radius: 100%;margin:0 auto;margin-top: 20px;}
	.box1c:hover .box1cr div{-webkit-transform:rotate(360deg);-webkit-transition-duration:0.5s;}
	
	.box4{background: url(../images/indexbj.jpg) no-repeat center;background-size: 100% 100%;padding: 40px 0}
	.box4c1{width: 100%;margin: 0 auto;text-align: center;margin-top: 20px;line-height: 30px;font-size: 16px;color: #333}
	.box4c2{display: flex;width: 100%;margin: 0 auto;}
	.box4c2-1{flex:1 1 25%;text-align: center;}
	.box4c2-1t{width: 85px;height: 97px;margin: 0 auto;}

	.box4c2-1t{background-size: 80%;background-repeat: no-repeat;background-position: center}

	.box3c li{width: 45%;margin: 0 2.5%;margin-top: 20px;}
	.box3c li:nth-child(3n+1){margin: 0 2.5%;margin-top: 20px;}
	.box3c li p{font-size: 12px;line-height: 30px;height: 30px;overflow: hidden;}


	.box5c li{margin-left: 0px;width:100%;margin-bottom: 20px;}
	.box5t img{height: auto;}
	.box5m{display: block;}
	.box5m p{}
	.box5m span{display: block;margin-top: 10px;}
	.box5b{height: auto;}

	.shopnav1c{height: auto;}
	.shopnav1c ul{flex-wrap: wrap;}
	.shopnav1c ul li{flex:1 1 33.3%;}

	.shopnav2c ul li{height: 40px;}
	.shopnav2c ul li a:hover img{filter: drop-shadow(0px -40px #b3b3b3);border-top: 40px solid transparent}
	.shopnav2c ul li.on a img{filter: drop-shadow(0px -40px #77bb2a);border-top: 40px solid transparent}
	.shopnav2c ul li a img{width: 100%}



	.shoplist ul li{border: 1px solid #ccc;margin-left: 2%;margin-bottom: 40px;box-sizing: border-box;width: 49%;}
	.shoplist ul li:nth-child(2n+1){margin-left: 0px;}
	.shoplist ul li:hover{border: 1px solid #77bb2a;}
	.shoplist01{width: 100%;height: 160px;}
	.shoplist01 span{display: inline-block;vertical-align: middle;height: 100%;width: 0;;}
	.shoplist01 img{width: 100%;height: auto;vertical-align: middle;}
	.shoplist02{border-top: 1px solid #ccc;text-align: center;line-height: 40px;font-size: 14px;color: #222;height: 40px;overflow: hidden;}
	.shoplist ul li:hover .shoplist02{border-top: 1px solid #77bb2a;}
	.shopnycon2 ul li:nth-child(4n+1){margin-left: 1%}
	
	.shopnycon2 ul li:hover{border: none;}

.shopnycon1 {padding-top: 10px;padding-bottom: 10px;}
	
	.casenav{width: 100%;}
	.caselist02{position: initial;display: block;}
	.case ul li{position: initial;width: 100%;margin: 0 0 20px 0}

	.zujiancon{width: 80%;height: auto;margin: 0 auto;background: #fff;padding-bottom: 20px;margin-top: 20%;left: auto;position: initial;}
	.zujianconb img{max-width: 95%;}
	.news ul li{padding: 0}

	.newslist01{flex: 1;font-size: 12px;line-height: 30px;color: #000;height: 30px;overflow: hidden;}
	.newslist02{flex:0 0 89px;font-size: 12px;line-height: 30px;color: #000;height: 30px;overflow: hidden;}

	.b21{padding: 40px 0;font-size: 0}
	.b21l{width: 50%;display: none;}
	.b21l img{width: 100%;vertical-align: top;}
	.b21r{width: 97%;background: #f5f5f5;padding-left: 3%;padding-bottom: 40px;margin-left: 0;height: auto;}
	.b21r01{font-size: 24px;color: #444;margin-top: 37px;font-weight: 700;}
	.b21r02{font-size: 14px;color: #666;margin-top: 20px;margin-bottom: 30px;width: 97%;}
	.b21r03{font-size: 14px;color: #666;margin-bottom: 15px;}
	.b21r03 img{vertical-align: middle;margin-right: 20px;}

	.w960{width: 100%;margin: 0 auto;}

	.zujianconb{height: 360px;overflow-y: auto;}
	
	.shopny01r{display: block;width: 100%;padding-left: 0;}
	.shopny01l{width: 100%;text-align: center;}
	.shopny01l img{max-width: 100%;;}
	.shopny01rb img{ max-width: 100%;}
	.shopnycon2 ul{font-size: 0}
	.shopnycon2 ul li{width: 48%;margin-left: 0;border: none;margin: 0 1%;margin-top: 10px;}
	.zujian1{height: 160px;}
	#swiper3 .swiper-slide a{font-size: 12px;padding: 0 4px;}
}