@charset "utf-8";

@media screen and (max-width:1100px){
/*高颜值办公室*/
img.gtz {
    display: block;
    margin: 50px auto 30px;
    width: 500px;
}
.z-off-con {
    width: 90%;
	}
.z-off-con ul {
    margin: 30px 0px 40px;
}
.z-off-con ul li {
    margin: 14px;
    width: 19%;
	margin: 0px;
}
.z-off-con ul li img{
    width: 100%;
}
.z-off-con p {
    width: 90%;
	margin: 0px auto 40px;
	}
	

/*装修服务流程*/

	h3.bt-title span::before, h3.bt-title span::after {
		width: 27%;
		height: 1.5px;
	}
	h3.bt-title span::after {
		right: 10%;
	}
	h3.bt-title span::before {
		left: 10%;
	}
	h3.bt-title span {
		font-size: 1.4em;
	}
	h3.bt-title {
		font-size: 1.3em;
		}
	.server {
		width: 99%;
		}
.z-serv-con {
    width: 90%;
    margin: 0 auto;
}
.z-serv-con ul li {
    width: 16.6%;
	}
.z-serv-texthide div{
    padding-top: 20px;
    width: 70%;
    float: right;
}
.z-serv-text {
    padding-top: 20px;
    width: 70%;
    float: right;
}
.z-serv-text img{
   width:40%;
   text-align:left;
}
.z-serv-texthide div img{
   width:40%;
}
.z-imgtit{
    width:80%;
	margin-bottom: 25px;
}

/*装修案例*/
h3.pro-title span::before, h3.pro-title span::after {
    width: 27%;
    height: 1.5px;
}
h3.pro-title span::after {
    right: 10%;
}
h3.pro-title span::before {
    left: 10%;
}
h3.pro-title span {
    font-size: 1.4em;
}
h3.pro-title {
    font-size: 1.3em;
	}

	.z-case {
    width: 100%;
    margin: 100px auto 0px;
	padding-top: 20px;
	}
.z-case-con {
    width: 90%;
    padding-top: 20px;
}	
.z-case-hide {
    font-size: 16px;
	}
}
@media screen and (max-width:766px){
 /*高颜值办公室*/
img.gtz {
    display: block;
    margin: 25px auto 20px;
    width: 250px;
}
.z-off-con {
    width: 96%;
}
.z-off-con ul {
    margin: 10px 0px 20px;
}
.z-off-con ul li {
    margin: 14px;
    width: 28%;
    margin: 1%;
	}
.z-off-con p {
    margin: 0px auto 30px;
    font-size: 14px;
}



/*装修服务流程*/
    h3.bt-title {
		margin-bottom: 1em;
		margin-top: 3em;
	}
	h3.bt-title span::before, h3.bt-title span::after {
		width: 27%;
		height: 1px;
	}
	h3.bt-title span::after {
		right: 5%;
	}
	h3.bt-title span::before {
		left: 5%;
	}
	h3.bt-title span {
		font-size: 1.4em;
	}
	h3.bt-title {
		font-size: 1em;
		}
		
		
.z-serv {
    margin: 0px 0px;
}
.z-serv-con {
    width: 96%;
    margin: 0 auto;
}
.z-serv-con ul li {
    width: 33%;
	}
.z-serv-text img {
    width: 20%;
	}
.z-serv-texthide div img{
   width:20%;
}
.z-serv-text p {
    font-size: 14px;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 0px;
	}
.z-serv-texthide div p{
    font-size: 14px;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 0px;
}
.z-serv-con ul li{
    margin-bottom: 1px;
}
.z-imgtit{
    width:75%;
	margin-bottom: 25px;
}

/*装修案例*/
 h3.pro-title {
    margin-bottom: 1em;
	margin-top: 3em;
	}	
h3.pro-title span::before, h3.pro-title span::after {
    width: 27%;
    height: 1px;
}
h3.pro-title span::after {
    right: 5%;
}
h3.pro-title span::before {
    left: 5%;
}
h3.pro-title span {
    font-size: 1.4em;
}
h3.pro-title {
    font-size: 1em;
	}
.z-case{
	background-size:120% 100%;
    margin: 80px auto 0px;
    padding-top: 1px;
	padding-bottom: 60px;
	}
.z-case-con {
    width: 96%;
    padding-top: 15px;
}
.z-case-con ul li {
	border: 3px solid #fff;
    width: 48%;
	}
}