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

	html{ font-size: 62.5%;}

	body{ font-size: 1.2rem;}

	.w1200{ width: 100%;}

	.container-box{ max-width:100%; padding: 0 2%; margin: 0; height: 65px;}

	.top-box{ height: auto;}

	.top-box .logo{ width: 80%; margin: 15px 0; }

	.top-box .logo img{ width: 100%;}

	.top-box .nav-box{ display: none;}

	.nav{ display: block;}

	.button-bar{ border: none; background: none; margin-top: 4%; display: inline-block; text-align: center; outline: none; float: right; cursor: pointer;}

	.button-bar img, .button-close img{ width: 30px; height: 30px;}

	.button-close { border: none; background: none; display: inline-block; text-align: center; outline: none; cursor: pointer; float: right; overflow: hidden; margin-top: 3%; margin-right: 3%;}

	.navbor{ width: 100%; padding: 0 5%;}

	.navbor li{ width: 100%; line-height: 36px; text-align: center;}

	.navbor li a{ color: #000; font-size: 1.6rem; }

	.navbor li a:hover{ background: none; }

	.navn{ background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: none;}
	.lx-zii, .zxrx0, .lb-lx{ display: block; }

}

/*banner*/

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

	.wrapper{ display: none;}
	.hei65{ display: block; height: 65px; }
	.znt{ width:100%; display: block;}

	.znt-box{ width:100%; margin:0 auto; overflow:hidden;}

	.znt-boxx{ width:100%;}

	.znt-boxx li{ float:left; width:100%;}

	.znt-boxx li img{ width: 100%; vertical-align: bottom;}

	.tcon{ height: auto;}
	.sico li{ width: 50%; height: 40px; float: left; border-right: 1px solid #272727; margin: 1.5rem 0; }
	.sico li img{ width: 3rem; margin: 0 .5rem 0 1rem;}
	.sico li p{ margin: 0; font-size: 1.2rem;}
	.sico li:nth-child(2n){ border-right: 0;}
	.sj-bj0{ display: block; }
	.ban-zx{ width: 100%; position: absolute; z-index: 1; text-align: center; bottom: 1rem; }
	.ban-zx p{ width: 30%; display: inline-block; height: 2.8rem; border-radius: 5px; overflow: hidden; line-height: 2.8rem; margin: 0 1%; }
	.ban-zx p a{ display: block; color: #fff; font-size: 1.4rem; }
	.ban-zx p a.zx{ background: #121212; }
	.ban-zx p a.hqb{ background: #be1e21; }
	.in-title{ padding: 8% 0 0 0; }
}

/*案例*/

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

	.in-title p{ font-size: 2.6rem;}

	.in-title h4{ font-size: 1.5rem; line-height: 24px; padding: 0 3%;}

	.projectcasetit{ width: 100%;}
	.projectcasebox .projectcasetit>li{ width:22%;}
	.projectcasebox .projectcasetit>li>a{ width:100%; font-size: 1.4rem; font-weight: bold; color: #c94c3f;}

	.projectcasecont{ margin-top: 20px; margin-bottom: 0;}

	.projectcasecont li{width: 48%; height: auto; margin: 1% 1%;}
	.projectcasecont li img{ width: 100%; height: auto; }

	.projectitltbox span{ width: 100%; border: 0; line-height: 40px; font-size: 1.5rem; left: 0;}

	.projectitltbox button{ width: 80%; top: 50px; left: 10%; font-size: 1.4rem; letter-spacing: 0; text-align: center;}

	.projectitltbox .order{ width: 80%; top: 96px; right: 10%;  font-size: 1.4rem; letter-spacing: 0;}
	.ckqb{ display: block; width: 40%; height: 3rem; line-height: 3rem; margin: 1rem auto; background: #be1e21; color: #fff; font-size: 1.6rem; border-radius: 5px; text-align: center; }

}

/*展示*/

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

	.sh-box{ padding-bottom: 3%; margin-bottom: 5%; }

	.in-show li{ width: 100%; margin-top: 5%; padding: 0 3%; }

	.in-show li h5{ width: 10rem; height: 100px;}

	.in-show li h5 img{ height: 100%; }

	.in-show li .zii{ width: 18rem; height: 100px; float: right; padding-left: 0;}

	.in-show li .zii h3{ height: 45px; line-height: 45px; font-size: 1.6rem; overflow: hidden;}

	.in-show li .zii a hr{ width: 100%; }

	.in-show li .zii p{ line-height: 20px; height: 40px; font-size: 1.4rem; }

	.in-show li:nth-child(2n){ margin-left: 0; }

}

/*foot*/

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

	.in-foot{ display: none;}

	.sj-foot{ display: block; width: 100%; background: #212121; padding: 5% 3%; text-align: center; color: #fff;}

}

/**/

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

	.wz{ display: none;}

	.pad15{ padding: 3%; }

	#wrapper2{ display: none;}

	.wen{ width: 100%; float: none; padding: 3%; }

	.wen .bt h4{ font-size: 2rem; }
	.wen .bt h5{ font-size: 1.5rem; }

	.bj{ width: 100%;}

	.bj .text{ width: 70%;}

	.hqbj{ width: 100%; }

	.er-left{ width: 100%; float: none; margin-top: 3%; padding: 3%; }

	.er-left .rx p{  font-size: 1.4rem;}

	.er-left .about img{ max-width: 100%; }

	.er-right{ display: none;}
	.wen ul.bt li{ width: 100%; font-size: 1.5rem; }

}

/*列表*/

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

	.erbt{ height: 100px; font-size: 2.6rem; line-height: 66px; }
	.zxrx0{ font-size: 1.4rem; color: #fff; margin: 0; padding: 0; line-height: 5px; }
	.zxrx0 a{ color: #fff; }
	.sx{ line-height: 30px; padding: 3%; }

	.sx .bt a{ font-size: 1.5rem;}

	.box .er-show{ padding-bottom: 5%; }

	.box .er-show li{ width: 48%; height: 210px; margin: 5% 1%;}

	.box .er-show li h4{ width: 100%; height: 160px;}

	.box .er-show li h4 img{ width: 100%; height: 100%;}

	.box .er-show li p{ height: 50px; line-height: 50px; padding: 0 2%; font-size: 1.5rem; }

	.box .er-show li .mask{ width: 100%; height: 160px;}

	.fy{ display: none;}

}

/*装修*/

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

	.bigpicbox{ display: none;}

	.sj-tu0{ width: 100%; display: block; position: relative;}

	.sj-tu0 img{ width: 100%;}

	.mar60{ margin-top: 10%;}

	.s-bt{ font-size: 2.5rem;  padding-top: 0; line-height: 40px;}

	.bgs li{ width: 48%; height: 100px; margin: 1%;}

	.bgs li i{ width: 100%; height: 100px;}

	.bgs li h5{ top: 8%; width: 5rem; left: 50%; margin-left: -2.5rem;}

	.bgs li h5 img{ width: 100%;}

	.bgs li p{ bottom: 8%; font-size: 2rem;}

	.bgs li:nth-child(4n){ margin-right: 0;}

	.boxcont2{ height: auto; margin-top: 5%; padding: 5% 3%;}

	.cont2centlt, .cont2centrt{ display: none;}

	.cont{ height: auto;}

}

/*联系我们*/

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

	.lx-bt{ font-size: 2.6rem; padding-top: 8%; }

	.lx-bt i{ margin: 5% auto;}

	.lit{ width: 100%; padding: 3%;}

	.lit .pdz{ margin: 16px 0 0 0; }

	.lx-zii p{ font-size: 2.5rem; background: none; margin: 5% 0 0 0; }

	.lx-zii h5{ font-size: 1.5rem; }

	.lx-zii h6{ margin: 20px 10px 30px 10px; }

	.map{ width: 100%; height: 300px; overflow: hidden; }

	.lx-foot{ width: 100%; background: #1c1c1c; height: 80px; line-height: 80px; color: #fff; text-align: center;}

	.er-fot{ width: 100%; padding-top: 0; height: auto; background: none; position: static; display: none;}

	.er-fot .f-nav{ width: 100%; height: auto; line-height: 40px;  position: static;}

	.er-fot .f-nav a{ font-size: 1.6rem; width: 33.3%; float: left; padding: 0;}

	.er-fot .zii, .box1centerimgbox, .box1line{ display: none;}

	.box1linebox{ width: 100%;}

	.box1linebox>h2{ height:49px;top:10%;line-height: 50px; font-size: 2.6rem; margin-top: 5%;}

	.huahuacomb{ width:100%; top:6%;}

	.huahuacomb>h4, .s-bt h4{ font-size:1.7rem; font-weight: bold; color: #757575}

	.b625, .b825{ height: auto;}

	.ttt{ display: block; width: 100%; margin-top: 10%;margin-bottom: 5%;}

	.ttt li{ width: 46%; margin: 2%; float: left; text-align: center;}

	.ttt li p{ font-size: 2rem;}

	.sx0 .sx-nr{ padding: 3%; font-size: 1.5rem; line-height: 30px;}
	.sx0 .sx-nr img{ max-width: 100%; }

	.zhuy{ padding: 10px 2% 5% 2%;}

	.zhuy li{ width: 31%; margin: 0 1% 8% 1%;}
	.sj-dis{ display: block; }
	.yc-dis{ display: none; }
	.pc-dis{ display: block; }

}
/*脚部漂浮*/
@media only screen and (max-width: 786px){
	.sj-piao{ display: block; width: 100%; background: #bc1f0f; height: 60px; position: fixed; bottom: 0; z-index: 111;}
	.sj-piao p{ width: 50%; float: left; height: 100%; line-height: 60px; text-align: center; border-right: 1px solid #c94c3f; }
	.sj-piao p a{ color: #fff; font-size: 1.6rem; }
	.sj-piao p a img{ margin: 0 3px 0 0; }
	.sj-piao p:nth-child(2n){ border-right: 0;}
	.fko{ height: 60px; display: block; }
}

<!--0.00017905235290527-->