@charset "utf-8";
html {
	font-size: 625%;
}
body,h1,h2,h3,p,ul,ol,form,fieldset,figure,input,dd,dl,dt,li,span,p,em {
	margin: 0;
	padding: 0;
}
div,figure,img {
	box-sizing: border-box;
}
body {
	color:#333333;
	background-color: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "微软雅黑", simsun, sans-serif;
}
a{ color:#2a2a2a;}
img {
	display: block;
	max-width: 100%;
}
input {outline:medium;}



.clearfix:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
}
ul,ol {
	list-style: outside none none;
}
a {
	text-decoration: none;
}
.none {
	display: none;
}
.headers {
	width: 100%;
	font-size: 0.16rem;
	margin: 0 auto;
	background-color: #fff;
	top: 0;
	height:1rem;
	z-index: 9999;
	position:relative;
	border-bottom:#e1e1e1 solid 1px;
}
.headers .link {
	max-width:6.4rem;
	margin:auto;
	position:relative;
}
.headers .logo{ width:32%; margin-top:0.2rem;  margin-left:0.1rem;margin-right:0.1rem; float:left;}
.headers .tel{ width:28%;  margin-top:0.25rem; margin-right:0.2rem; float:right; }
.headers .navtu{width:7%; float:right; margin-top:0.35rem; margin-right:0.1rem; cursor:pointer;}
.headers .nav{ display:none; position:absolute; padding:0.2rem 0; top:100px; width:55%; background:#f2f2f4; right:0; opacity:0.95;}
.headers .nav li { position:relative; text-align:center;  list-style-type:none; height:0.67rem; line-height:0.67rem}
.headers .nav a {font-size:0.24rem;	color: #eee;	display: block;	color:#333333;}
.headers .nav a:hover, 
.headers .active a {
	background-color: #cdcdce;
}
.headers .tu_biao_1{ position:absolute; width:15%; left:55px; top:13px; height:27px; }
#banner{max-width: 6.4rem; 	margin: 0rem auto auto auto;}
.subnav{ max-width: 6.4rem; margin:0 auto; padding:0.5rem 0;  overflow:hidden; background:#f4f4f4;list-style-type:none;}
.subnav ul li{ width:18%; margin-right:3.5%; margin-left:3.5%;font-size:24px;  text-align:center; list-style-type:none; float:left;}
.subnav ul li img{display:inline;}
.subnav ul li a{color:#3c3c3c;}
#container{ max-width: 6.4rem; margin:0 auto 0% auto; }
#container .casetitle{background:#fff; overflow:hidden; padding:.2rem 0; border-bottom:#e1e1e1 solid 1px; border-top:#e1e1e1 solid 1px; text-align:center;}

#container .sjstitle{ position:relative; overflow:hidden;  background:#fff;  padding:.2rem 0;   border-bottom:#e1e1e1 solid 1px; border-top:#e1e1e1 solid 1px; text-align:center;}

#container .casetitle img,#container .sjstitle img{ display:table; margin:0 auto; width:30%; }
#container .case{max-width: 6.4rem; padding:0.2rem 0;}
#container .caseleft{ width:60%; float:left; }
#container .caseright{ width:38%; float:right;}
#container .caseleft img{ width:3.84rem; height:2.47rem; }
#container .caseright img{ width:2.43rem; height:1.2rem;}
#container .casemore{max-width: 6.4rem; height:68px; text-align:center; font-size:0.22rem; border-bottom:#e1e1e1 solid 1px; border-top:#e1e1e1 solid 1px; clear:both; line-height:0.68rem; color:#3a3a3a; margin-top:2%;}
#container .casexian{ max-width: 6.4rem; height:0.25rem; background:#f4f4f4;}
#container .sjs,#container1 .sjs{max-width: 6.4rem;  overflow:hidden;}
#container .sjsleft,#container1 .sjsleft{ width:33%;  border:6px solid #9e9e9e; margin:0 3%; border-radius:290px; overflow:hidden; float:left;}

#container1 .sjslefts{ width:37%;  overflow:hidden; float:left;}
.lunbo{ margin-bottom:1.1rem;}
.hjal{width: 98%;margin: auto; margin-bottom:1.1rem;}
.hjal .hd{padding-left:41%; }


blockquote{padding:0 0 0 15px;margin:0 0 20px 10px;border-left:2px solid #1bc5c4;  font-weight:bold; font-size:.28rem; color:#2f2f2f;}
blockquote small{display:inline;line-height:20px; font-weight: normal; color:#3d3d3d; font-size:.18rem;  border-bottom:1px solid #333333;}
.swiper-slide{ padding-left:.25rem;}
.swiper-button-prev{ background:url(../images/zj_right.png) no-repeat!important; width:.5rem!important; height:1.11rem!important; top:35%!important;}
.swiper-button-next{ background:url(../images/zj_left.png) no-repeat!important; width:.5rem!important; height:1.11rem!important; top:35%!important;}




#container .sjsright,#container1 .sjsright{ width:58%; float:right; font-size:0.14rem;}
#container .sjsabout,#container1 .sjsabout{ position:relative; width:100%; font-size:28px; }
#container1 .sjsabouts{ position:relative; width:100%; font-size:18px; height:.5rem;  margin-bottom:.1rem; border-bottom:1px solid #d3d3d3; }
#container1 .sjsabouts span{  font-size:.22rem; color:#000;font-weight:bold; }
#container .sjsabout span,#container1 .sjsabout span{ font-size:22px; font-weight:bold;  margin-left:0.2rem;color:#0fc4bf;}
#container .sjsabout em,#container1 .sjsabout em{ position:absolute; width:25%; left:62%; top:2%;}
#container1 .sjsabouts em{ position:absolute; width:25%; left:89%; top:2%;}
#container .sjsdescription,#container1 .sjsdescription{width:100%; padding:0.06rem 0; line-height:0.3rem; font-size:17px;}

#container .sjsdescriptions,#container1 .sjsdescriptions{width:100%; padding:0.06rem 0; line-height:0.3rem; font-size:17px;}
#container .sjscase,#container1 .sjscase{max-width: 6.4rem; overflow:hidden; margin-bottom:0.15rem;}
#container .sjscase ul li,#container1 .sjscase ul li{ width:47%; overflow:hidden; float:left;  margin:2.5% 1.5% 0 1.5%;}

.caseyy{ width:45%; border-radius:.05rem;float:left; background:#e1c688; height:.4rem; line-height:.4rem; text-align:center; color:#2e302f; font-size:.21rem;}
.casemores{width:45%; border-radius:.05rem; margin-left:5%; float:left; background:#cecece; height:.4rem; line-height:.4rem; text-align:center; color:#2e302f; font-size:.21rem;}
#container .sjscase ul li a,#container1 .sjscase ul li a{ color:#333;}
#container .sjscase ul li img{ width:100%;}

#container .sjscase ul li p,#container1 .sjscase ul li p{ width:94%; font-size:0.18rem; background:#f0f0f0; line-height:30px; padding:3% 3%;}
#container .sjscase ul li p span,#container1 .sjscase ul li p span{ float:right; color:#0fc4bf;}
#container .sjscase ul li p em,#container1 .sjscase ul li p em{ font-style:normal;}
.gysimgleftss{ margin-left:1.7%;}
#container .sjscasexian{ max-width: 6.4rem; height:0.25rem; background:#f4f4f4; border-top:solid 1px #e1e1e1; margin:3% 0;}

#container .canyun{max-width: 6.4rem;}

#container .canyun ul{ background:#f4f4f4; overflow:hidden; padding:6% 0;}
#container .canyun ul li{ width:18%; font-size:0.2rem; float:left; margin:0 3% 0 4%; text-align:center;}
#container .canyun ul li img{ margin-bottom:0.05rem; }
#container .gueatbook{max-width: 6.4rem; margin:5% 0;}
#container .photo{ width:95%; margin:auto; font-size:0.3rem;}
#container .photo img{ display:inline; width:6%; vertical-align:middle;}
#container .buttom{ float:right; width:35%; border-radius:10px; border:1px solid #0fc4bf; color:#0fc4bf; font-size:24px;  text-align:center;}
#container .guesttitle{ width:65%; margin:5% auto; text-align:center; padding-bottom:2%; font-size:0.36rem; background:url(../images/tu_22.jpg) no-repeat bottom; font-weight:bold; }
#container .guesttitle span{ color:#0fc4bf;}
.gutitle{ width:65%; margin:5% auto; text-align:center; padding-bottom:2%; font-size:0.36rem; background:url(../images/tu_22.jpg) no-repeat bottom; font-weight:bold; }
.sjyw{ width:100%; height:.6rem; line-height:.6rem; text-align:center; font-size:.3rem; background:#eeeeee;}
.ywkefu{width:60%; background:#d5a567; text-align:center; margin:.3rem auto; border-radius:.1rem; height:.56rem; line-height:.56rem; color:#fff;}
.index_tel{position:absolute; font-size:.29rem; color:#053273; right:3%; top:32%;}

gy{ max-width: 6.4rem; margin:auto; overflow:hidden;}
.gy img{ margin-bottom:.1rem;}
.gysimgleft{ width:48%; float:left;}
.gysimglefts{ width:48%; float:left; margin-left:0.1rem;}
.gymore{ height:.66rem; margin-top:.2rem; line-height:.66rem; text-align:center; font-size:.22rem; border-top:.01rem solid #e1e1e1; border-bottom:.01rem solid #e1e1e1;}
.gyxia{ max-width:6.4rem; height:.92rem; background:#f4f4f4; border-top:1px solid #e1e1e1;}
.dibu{ max-width:6.4rem; background:#fff; margin-top:.24rem; border-top:1px solid #e1e1e1; height:.66rem; }
.dibuleft{ width:26%; height:.66rem; text-align:center; line-height:.66rem; color:#e51c2c; font-size:.24rem; float:left; border-right:1px solid #e1e1e1;}
.diburight{ width:74%; text-indent:.25rem; float:left; height:.66rem; line-height:.66rem; font-size:.24rem; overflow:hidden; }
.diburight a{ display:block;}
.dibuleft img{    display: inline;   width: 18%;   vertical-align: middle;}

#container1 .articles{ width:100%; height:.86rem; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}

#container1 .pull-left{ display:block; border:1px solid #c7c7c7; border-radius:.1rem; float:left; margin-top:.18rem; width:30%; height:.47rem; line-height:.47rem; text-align:center; font-size:.24rem; margin-left:15%;}
#container1 .pull-right{  display:block; border:1px solid #c7c7c7; border-radius:.1rem;  float:left; margin-top:.18rem; width:30%; height:.47rem; line-height:.47rem; text-align:center; font-size:.24rem; margin-left:15%;}

#container .gueatbook form{ width:95%; margin:0 auto 5% auto;  font-size:0.12rem;}
#container .gueatbook form input{padding:0; height:0.7rem; margin:1.5% 0; width:100%; text-indent:0.1rem; font-size:0.24rem; border:#e1e1e1 solid 1px; color:#b7b7b7;}
#container .gueatbook .buttoms{ background:#111633; color:#fffefe; }
#container .address,#container1 .address{max-width: 6.4rem; line-height:0.24rem; background:#f4f4f4; overflow:hidden;   font-size:0.22rem; border-top:1px solid #e1e1e1;  padding:4% 0;}
#container .addressw,#container1 .addressw{max-width: 6.4rem; line-height:0.35rem; background:#f4f4f4; overflow:hidden;  padding:4% 0; font-size:0.22rem; border-top:1px solid #e1e1e1; margin-bottom:0.8rem;}
#container .addressleft,#container1 .addressleft{ float:left; width:20%; text-align:right;	  }



.jsf{max-width:6.4rem; position:relative; margin:0 auto .8rem; auto; overflow:hidden;}


.focuser .hd{ position:relative; width:100%; overflow:hidden; }
.focuser .hd ul{   width:100%;}
.focuser .hd ul li{ float:left; width:20%; position:relative;}
.focuser .hd ul li .content{ position:absolute; top:50%; left:40%; height:.03rem; width:20%; background:#fff; }
.focuser .hd ul li p{ position:absolute; top:56%; width:100%; text-align:center; font-size:.24rem; color:#fff;}
.focuser .hd ul .on{  border:2px solid #fcee50; width:19.37%;   color:#CF7F21;   }
.focuser .hd ul .on p{ color:#fcee50}
.focuser .hd ul .on .content{ background:#fcee50; width:35%; left:30%;}

.focuser .bd li a{ color:#666;  }




#container .addressright{ float:left; width:78%;  }

#container .addressleft1,#container1 .addressleft1{ float:left; width:20%; line-height:0.4rem; height:0.4rem; text-align:right; margin-bottom:0.3rem; }
#container .addressright,#container1 .addressright{ float:left; width:80%; text-align:left;}
#container .addressright1,#container1 .addressright1{ float:left; height:0.4rem; width:37%; font-size:0.28rem; line-height:0.4rem; text-align:center; background:url(../images/tu_23.jpg) center no-repeat; background-size:100% auto; }

/*V+*/
#container1{ max-width: 6.4rem; margin:0rem auto 0% auto;}
#container1 .vtitle{  max-width: 6.4rem; margin:.4rem 0 0.3rem 0; }
#container1 .vtitle img{display:table; margin: 0 auto; width:58%;}

#container1 .vtitle1{  max-width: 6.4rem; margin:.4rem 0 0.3rem 0; }
#container1 .vtitle1 img{display:table; margin: 0 auto; width:58%;}

#container1 .vtitle{  max-width: 6.4rem; margin:.4rem 0 0.3rem 0; }
#container1 .vtitle img{display:table; margin: 0 auto; width:58%;}

#container1 .vcase{max-width: 6.4rem; }
#container1 .vcase ul li{ margin:2% 1% 0 1%;  width:48%; float:left;}
#container1 .vcasexian{max-width: 6.4rem; height:0.2rem; margin:7% 0; background:#f4f4f4; border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}


#container1 .v5case{max-width: 6.4rem; }
#container1 .v5case ul li{ margin:2% 1% 0 1%; text-align:center;width:31.2%; float:left;}
#container1 .v5case ul li .span{ font-size:0.24rem; margin:.2rem 0; font-weight:bold;}
#container1 .v5case ul li p{ font-size:0.2rem;}

#container1 .vliuc{max-width: 6.4rem;}
#container1 .vliuc1{max-width: 6.4rem; margin-bottom:.6rem;}

#container1 .xv5type{ width:100%; float:left; margin-top:.2rem; }
#container1 .xv5typeleft{cursor:pointer; position:relative; float:left; font-size:0.14rem; position:relative; width:31%; height:91px; border:3px solid #111633; margin-left:2%; font-size:.32rem; text-align:right; padding-right:0.35rem; line-height:91px;  }
#container1 .xv5typeleft img{position:absolute; width:20%; top:.25rem; left:.1rem;}
.xv5typeleft_x{cursor:pointer; position:relative; float:left; font-size:0.14rem; position:relative; width:31%; height:91px; border:3px solid #e7e7e7; margin-left:2%; font-size:.32rem; text-align:right; padding-right:0.35rem; line-height:91px;  }
.xv5typeleft_x img{position:absolute; width:20%; top:.25rem; left:.1rem;}
#container1 .xv5typeleft1{cursor:pointer; position:relative; float:left; font-size:0.14rem; position:relative; width:31%; height:91px; border:3px solid #e7e7e7; margin-left:2%; font-size:.32rem; text-align:right; padding-right:0.35rem; line-height:91px;  }
#container1 .xv5typeleft1 img{position:absolute; width:20%; top:.25rem; left:.1rem;}

#container1 .xv5typeright1{ cursor:pointer;position:relative; float:left; font-size:0.14rem; position:relative; width:31%; height:91px; border:3px solid #111633; margin-left:2%; font-size:.32rem; text-align:right; padding-right:0.35rem; line-height:91px;  }
#container1 .xv5typeright1 img{position:absolute; width:20%; top:.25rem; left:.1rem;}

#container1 .xv5typeright{ cursor:pointer;position:relative; float:left; font-size:0.14rem; position:relative; width:31%; height:91px; border:3px solid #e7e7e7; margin-left:2%; font-size:.32rem; text-align:right; padding-right:0.35rem; line-height:91px;  }
#container1 .xv5typeright img{position:absolute; width:20%; top:.25rem; left:.1rem;}

#container1 .xv5typeright:hover{ border:3px solid #111633;}

#container1 .xv5typeleft1:hover{ border:3px solid #111633;}

/*case*/
	/* 本例子css -------------------------------------- */
	.tabBox .hd{ height:0.79rem; max-width:6.4rem; margin:0 auto; line-height:0.79rem; font-size:0.22rem; overflow:hidden; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;  }
	.tabBox .hd ul{}
	.tabBox .hd ul li{ float:left;   width:33.2%; text-align:center;  }
	.tabBox .hd ul li img{ display:inline; width:10%; vertical-align:middle; margin-left:.05rem;}
	.tabBox .hd ul li.xian{border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;  }
	.tabBox .hd ul li a{ color:#333333;}
	.tabBox .hd ul li.on a{ color:#0fc4bf; display:block; height:0.79rem; line-height:0.79rem;  }
	
	.tabBox .bd ul{max-width:640px; margin:0 auto; overflow:hidden;  }
	.tabBox .bd ul li{ float:left; width:20%; margin:3% 2.3% 0 2.3%;   font-size:0.24rem; text-align:center; }
	.tabBox .bd .more{ font-size:0.14rem; height:0.5rem; }
	.tabBox .bd li a{ color:#333333; display:block; height:0.58rem; border:1px solid #e1e1e1; line-height:0.58rem;  -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
	.tabBox .bd ul li.on a{ display:block;   border:1px solid #0fc4bf; }
	
	
/* 内容 */
.tabBox1 .hd{ height:79px; line-height:79px; font-size:20px;  border-bottom:1px solid #e1e1e1; position:relative;  }
.tabBox1 .hd ul{ position:absolute; height:79px; width:100%; top:0; overflow:hidden;  }
.tabBox1 .hd ul li{ float:left; width:24.92%; text-align:center; font-weight:bold; height:0.78rem; line-height:0.78rem; color:#666;  }
.tabBox1 .hd ul .on{ border-left:1px solid #e1e1e1;  border-right:1px solid #e1e1e1; background:url(../images/tu_biao_13.png) 50% 80% no-repeat #10c0bd; color:#fff;}




	#container1 .page{ width:100%; margin:0 auto 0 17%; overflow:hidden; text-align:center;}
	#container1 .page a{ display:block;color:#000;  width:10%; float:left; font-size:0.28rem; text-align:center; margin: 0.2rem auto 1rem; auto;   height:0.8rem; line-height:0.8rem;}
/*caseshow*/	
#container1 .page span{ float:left; font-size:0.28rem; width:10%; height:0.8rem; line-height:0.8rem; margin: 0.2rem auto 1rem;}
#container1 .page .current{color:#fff;  float:left; text-align:center;  background:#0fc4bf; font-size:0.28rem; width:10%; height:0.8rem; line-height:0.8rem; margin: 0.2rem auto 1rem;} 
	#container1 .caseshowtitle{ overflow:hidden; line-height:0.88rem;  text-align:center; font-size:0.22rem; margin:0 auto; width:100%; padding:0 1.5%;  border-bottom:1px solid #e1e1e1; }
#container1 .caseshowtitle span{ font-size:0.32rem; }
#container1 .caseshowtitle em{ font-style:inherit; color:#0fc4bf;}
#container1 .caseshowcontent{ width:95%; margin:0.2rem auto 0.2rem auto; line-height:0.26rem; font-size:0.18rem;}
#container1 .caseshowxian{ height:0.18rem; max-width:640px; background:#f4f4f4;  border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
#container1 .caseshowxian1{ height:0.18rem; margin-bottom:1rem; margin-top:0.2rem; max-width:640px; background:#f4f4f4;  border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
#container1 .caseshowcase{ width:95%; margin:3% auto auto auto; overflow:hidden;font-size:0.2rem; }

/*v+show*/
#container1 .vtitle{ font-size:0.2rem; text-align:center; line-height:0.3rem;}
#container1 .vtitle p{ font-size:0.38rem; margin-bottom:0.1rem; font-weight:bold; color:#26293d;}
#container1 .vtitle span{ color:#0fc4bf;}
#container1 .vcase{ font-size:0.22rem; text-align:center; width:96%;margin:3% auto auto auto;}
#container1 .vcase p{ line-height:0.3rem; margin:0.3rem 0; }
#container1 .vcasetitle{ height:0.8rem; background:url(../images/tu_34.jpg) no-repeat; position:relative;}
#container1 .part{ position:absolute; left:25%; width:2%;  top:0.28rem;}
#container1 .vcasetitles{ position:absolute; background:url(../images/tu_biao_9.png) no-repeat; line-height:0.4rem; text-align:center; font-size:0.22rem; font-weight:bold;  width:40%; left:30%; top:25%;  background-size:100%;}
.next{ position:absolute; left:73%; width:2%; top:0.28rem;}
#container1 .vxianxiatu{ margin:0.5rem 0; }

#container1 .vxian{ height:0.18rem; margin-bottom:0rem; max-width:640px; background:#f4f4f4;  border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
/*设计师*/
#container1 .sjsname{ width:100%; background:#111633; margin:0 auto; padding:.15rem 0; padding-left:.15rem; margin-bottom:0.3rem;}
#container1 .sjsname img{ width:7%; }
#container1 .search{ float:right; width:80%; margin-right:5%; border:1px solid #fff;  border-radius:30px;  font-size:0.22rem;}

#container1 .search .title{ float:right; color:#fff; border:0;  height:0.45rem; background:none;    font-size:0.22rem; width:89%;}
#container1 .search .imgs{  margin-top:0.10rem;margin-left:0.15rem; width:6%; }
#container1 .sjstitles{  width:92%; margin:2% auto 0 auto; overflow:hidden; text-align:center; }
#container1 .sjstitlesxia{ width:92%; overflow:hidden; margin:auto auto .4rem auto; box-shadow: -1px 2px 5px #e7e7e7; padding:.3rem .16rem; background:#fff;}
#container1 .sjsulli{ width:95%; margin:auto auto 5% auto; overflow:hidden;}
#container1 .sjsulli  .divs{ width:22.6%; margin-left:2%; float:left; height:44px; line-height:44px; text-align:center; font-size:.2rem; color:#222222; border:1px solid #4c4c4c;}
#container1 .sjsulli .divs.selected{ background:#cecece;}

#container1 .sjscases{ max-width:6.4rem; margin:0 auto 0.1rem auto; overflow:hidden; font-size:0.2rem; text-align:center;}
#container1 .sjscases dl{ width:46.5%; margin-left:2.5%; margin-bottom:3%; float:left;}
#container1 .sjscases dl dd{ width:100%; background:#f0f0f0; text-align:center; font-size:0.2rem; padding:5% 0;}
#container1 .sjscases dl dd p{ width:95%; margin:0 auto; border-bottom:1px solid #cfcfcf;  line-height:0.4rem;}
#container1 .sjscases dl dd span{ line-height:0.4rem;}	
#container1 .sjscases dl dd span em{ color:#0fc4bf; font-style:normal;}	
#container1 .sjszw{ margin-bottom:1rem; overflow:hidden;}

/*news*/
#container1 .newstitle{ text-align:center; font-size:0.2rem; color:#fff; width:100%; margin:0 auto; padding:0.15rem 0; border-bottom:1px solid #e1e1e1; background:#111633}
#container1 .newstitleright{ font-size:0.2rem; float:right; width:90%; height:0.8rem; line-height:0.5rem; font-weight:bold; height:0.3rem;}
#container1 .newstitle img{ width:7%; margin-left:3%; vertical-align:top;}
#container1 .news{ width:100%; margin-bottom:0.8rem; }	
#container1 .news dl{width:100%;  border-bottom:1px solid #e1e1e1;}
#container1 .news dl dt{ width:95%; margin:0.25rem auto 0 auto; }
#container1 .news dl dd{ text-align:center; font-size:0.22rem; height:0.8rem; line-height:0.8rem;}
#container1 .news dl dd a span{ color:#0fc4bf;}



/*vhome*/
#container1 .vhome{ margin-bottom:0.8rem; font-size:0.25rem; }
#container1 .vhome1{ margin-bottom:0.2rem; font-size:0.25rem;padding:2%; line-height:0.5rem;}

/*工程体系*/



#container1 .ts_1{ position:relative;}
#container1 .ts_1 grop{ position:absolute; top:28%; width:100%; text-align:center; color:#fff; font-size:0.18rem;}
#container1 .ts_1 grop p{ font-size:0.44rem; font-weight:bold; margin-bottom:0.15rem;}
#container1 .ts_1 grop span{ display:block; font-size:0.2rem;}

#container1 .ts_jianjie{ padding:0.4rem 0.1rem; font-size:0.18rem;}
#container1 .ts_xian{max-width: 6.4rem; height:0.2rem; margin:0; background:#f4f4f4; border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
#container1 .ts_xian1{max-width: 6.4rem; height:0.2rem; margin:0; background:#f4f4f4; margin:0.5rem 0; border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
#container1 .ts_ldjj{ margin:0.35rem 0 0.5rem 0.2rem; overflow:hidden;}
#container1 .ts_ldjj img{ float:left;width:30%; }
#container1 .ts_ldjjright{ font-size:0.2rem; font-weight:bold; float:right; line-height:0.4rem;}

#container1 .ts_xflt{ margin:0.6rem 0;}
#container1 .ts_tu2{ margin:0.2rem 0.1rem;}
#container1 .ts_tu4text{ font-size:0.25rem; font-weight:bold; text-align:center; margin:0.5rem 0;}



#container1 .loading{  margin:.1rem auto 1rem auto;  width: 40%;   color: #10c0bd;
     text-align: center;    font-size: .16rem; cursor:pointer;}

#container1 .p{ font-size:0.3rem; text-align:center;  margin:0.2rem 0 0.9rem 0;}
#container1 .p1{ font-size:0.3rem; text-align:center;  margin:0.2rem 0 0.9rem 0;}

#container1 .navmove{ margin-top:0.3rem; margin-left:2%; font-size:0.24rem; }
#container1 .navmove span{ display:none; float:left; line-height:0.6rem;}
#container1 .navmove a{ margin-right:3%; display:block; font-size:0.24rem; position:relative; float:left; width:20%; text-align:center; height:0.58rem; line-height:0.58rem;  border: 1px dotted #d0cfcb;}
#container1 .navmove a em{ position:absolute; right:0.02rem; font-style:normal; top:-0.15rem; color:#CCC;}

#container1 .v5case ul li .span{ font-size:0.14rem; margin:.05rem 0;}
#container1 .v5case ul li p{ font-size:0.12rem;}

#footer1 { position:fixed; width: 100%; bottom: 0;z-index: 9999;}
#footer{ max-width: 6.4rem; margin:0 auto; overflow:hidden; font-size:0.28rem;}
#footer ul li{ position:relative; width:33.2%; text-align:center; height:0.8rem; line-height:0.8rem;  float:left; background:#111633; }
#footer ul li a{ color:#fff;}
#footer ul li a img{ display:inline; vertical-align:middle; margin-right:0.05rem; width:20%;}



.case-search{ font-size:0.2rem;  text-align:center; width:100%; margin:0.3rem 0 0.2rem 0;}
 #uc_recommend_ad { display: none !important; }
 
        .newsxian{max-width: 6.4rem;
    height: 0.25rem; border:1px solid #e1e1e1; border-left:none; border-right:none; margin-top:6%;
    background: #f4f4f4;}
	   .newstitlemore{ margin:5% 0; font-weight:bold; font-size:.26rem;}
	   .newstitlemore img{ width:5%; margin:0 2% 0 1%; vertical-align:text-top; display:inline;}
	   .newsmoreleft{ float:left; width:30%; }
	   .newsmoreright{ float:left; width:68%; position:relative; margin-left:2%; font-size:.2rem; color:#878787;}
	   .newsmoreright p{ font-size:.26rem; font-weight:bold;  color:#000;}
	   .newsmorerightjt{position:absolute; top:50%; right:1%;}
	   .newsmorelist{ margin:3% 0;}
	   .newsmoremore{ max-width:6.4rem; margin:4% 0; text-align:center; background:#f6f6f6; height:.35rem; line-height:.35rem; font-size:.18rem; color:#888888;}
		
/*页面尺寸大于639时*/
@media (min-width:639px) {


}

/*页面尺寸大于479且小于639时*/
@media (min-width:479px) and (max-width:639px) {
    .headers .nav li { height:0.35rem; line-height:0.35rem}
	.headers .tu_biao_1{ left:0.40rem; top:0.07rem; width:10%;}
	.headers .nav a {font-size:0.18rem;	}
	.headers .nav{  width:45%;}
	#container .sjsabout{font-size:22px;}
	#container .sjsabout span{font-size:18px; left:52%;}
   #container .sjsabout em{ top:0.04rem;}
   #container .sjsdescription{font-size:14px; line-height:0.25rem;}
   .index_tel{ font-size:.18rem;}

   

}

/*页面尺寸小于479时*/
@media (max-width:479px) {
	 #container1 .sjsname img{margin-top:.05rem;}

	 .newstitlemore{ font-size:.14rem;}
	 .newsmoreright p{ font-size:.14rem;}
	 .newsmoremore{ font-size:.14rem;}
	 .newsmoreright{ font-size:.14rem;}
	.headers .nav{padding:0.09rem 0; }
	.headers .logo{ margin-top:0.1rem;}
	.headers .tel{ margin-top:0.15rem;margin-right:0.1rem; }
	.headers .navtu{ margin-top:0.2rem;}
	.headers{ height:0.6rem;}
	.headers .nav{ top:0.6rem; width:35%;}
	.headers .nav a {font-size:0.14rem;	}
	.headers .tu_biao_1{ left:0.10rem; top:0.11rem; width:13%;}
    .headers .nav li { height:0.34rem; line-height:0.34rem}
	.sjyw{height:.3rem; line-height:.3rem; text-align:center; font-size:.15rem;}
.ywkefu{ margin:.15rem auto; border-radius:.1rem; height:.28rem; line-height:.28rem; }
    .container{ max-width: 6.4rem; margin:0 auto 2% auto; }
	.subnav{padding:0.2rem 0; }
	.subnav ul li{font-size:0.12rem;}
    #container .case{ padding:0.1rem 0;}
    #container .casemore{ height:0.45rem; line-height:0.45rem; font-size:12px;}
    #container .casexian{  height:0.1rem;}
#container .sjsleft,#container1 .sjsleft{ border:3px solid #9e9e9e;}
	#container .sjsabout span{  margin-left:0.1rem;color:#0fc4bf;}
    #container .sjs,#container1 .sjs{ padding:0.15rem 0 .15rem 0;}
    #container .casetitle,#container1 .casetitle{ padding:.1rem 0;}
	.lunbo{ margin-bottom:.8rem;}
    #container .sjstitle,#container1 .sjstitle{ padding:.1rem 0;}
	#container .sjsabout,#container1 .sjsabout{ font-size:0.14rem; font-weight:bold;}
	#container .sjsabout span,#container1 .sjsabout span{ font-size:0.12rem;}
    #container .sjsabout em,#container1 .sjsabout em{ position:absolute; width:25%; left:65%; top:0rem;}
	#container .sjsdescription,#container1 .sjsdescription{font-size:12px; line-height:0.22rem;}
		#container .sjsdescriptions,#container1 .sjsdescriptions{font-size:12px; line-height:0.15rem;}
	#container .sjsdescription p:nth-child(4),#container1 .sjsdescription p:nth-child(4){ display:none;}
	#container .sjscase ul li p,#container1 .sjscase ul li p{font-size:0.12rem;}
	#container .canyun ul li{ width:18%; font-size:0.12rem; float:left; margin:0 3% 0 4%; text-align:center;}
	#container .photo{ font-size:0.18rem;}
	#container .buttom{font-size:0.16rem;}
    #container .guesttitle{ font-size:0.20rem;  }
	#container .gueatbook form{ margin:0 auto 0 auto; }

	#container .gueatbook form input{ height:0.35rem; font-size:0.12rem; }
	#container .address,#container1 .address{line-height:0.22rem;  font-size:0.12rem; padding:0.05rem 0;}
    #container .address .tel,#container1 .address .tel{ width:40%; float:left background:url(../images/tu_23.jpg) no-repeat; background-size:100% auto; }
	#container .addressleft,#container1 .addressleft{ float:left; width:20%; text-align:right;  }


	
	
	
	blockquote{padding:0 0 0 7px;margin:0 0 10px 10px; position:relative;border-left:2px solid #1bc5c4;  font-weight:bold; font-size:.18rem; color:#2f2f2f;}
	blockquote small{display:inline;line-height:10px; position:absolute; left:23%; top: 37%;  font-weight: normal; color:#3d3d3d; font-size:.12rem;  border-bottom:1px solid #333333;}
	.swiper-slide{ padding-left:.15rem;}
	.swiper-button-prev{ background:url(../images/left_zj_moblie.png) no-repeat!important; width:.23rem!important; height:.42rem!important; top:50%!important;}
	.swiper-button-next{ background:url(../images/right_zj_moblie.png) no-repeat!important; width:.23rem!important; height:.42rem!important; top:50%!important;}





	#container .addressleft1,#container1 .addressleft1{ font-size:0.12rem; height:0.3rem; line-height:0.3rem; margin-bottom:0rem; }
    #container .addressright1,#container1 .addressright1{ width:40%;  font-size:0.14rem; height:0.3rem; line-height:0.3rem;}
	#footer{ font-size:0.14rem; }
	#footer ul li{  height:0.5rem;width:33.12%;  line-height:0.5rem; }
    #container1{ margin:0rem auto 0% auto}
    #container1 .vtitle{ margin:0.8rem 0 .1rem 0; }
    #container1 .vtitle{ margin:0.2rem 0 .15rem 0; }
   #container1 .vliuc1{max-width: 6.4rem; margin-bottom:.3rem;}
   #container1 .vcasexian{height:0.1rem; }
   #container .sjscase ul li p,#container1 .sjscase ul li p{ line-height:0.2rem}

  
   
.hjal{ margin-bottom:.8rem;}
.jsf{max-width:6.4rem; position:relative; margin:0 auto .5rem; auto; overflow:hidden;}
#container1 .xv5typeleft{cursor:pointer; position:relative; float:left; font-size:0.14rem; position:relative; width:31%; height:.65rem; border:3px solid #111633;  font-size:.16rem; text-align:right; padding-right:0.35rem; line-height:.60rem;  }

#container1 .xv5typeleft1{cursor:pointer; position:relative; float:left; font-size:0.14rem; position:relative; width:31%; height:.65rem; border:3px solid #e7e7e7;  font-size:.16rem; text-align:right; padding-right:0.35rem; line-height:.60rem;  }


#container1 .xv5typeleft1 img{position:absolute; width:20%; top:.2rem; left:.1rem;}
	.xv5typeleft_x {cursor:pointer; position:relative; float:left; font-size:0.14rem; position:relative; width:31%; height:.65rem; border:3px solid #e7e7e7;  font-size:.16rem; text-align:right; padding-right:0.35rem; line-height:.60rem;  }

	.xv5typeleft_x img	{position:absolute; width:22%; top:.2rem; left:.1rem;}

#container1 .xv5typeleft img{position:absolute; width:20%; top:.2rem; left:.1rem;}
#container1 .xv5typeright{cursor:pointer; position:relative; float:left; font-size:0.14rem; position:relative; width:31%; height:.65rem;  font-size:.16rem; text-align:right; padding-right:0.35rem; line-height:.60rem;  }
#container1 .xv5typeright img{position:absolute; width:20%; top:.2rem; left:.1rem;}

#container1 .xv5typeright1{cursor:pointer; position:relative; float:left; font-size:0.14rem; position:relative; width:31%; height:.65rem;  font-size:.16rem; text-align:right; padding-right:0.35rem; line-height:.60rem;  }
#container1 .xv5typeright1 img{position:absolute; width:20%; top:.2rem; left:.1rem;}



   #container .sjscasexian{  height:0.1rem; margin:0 0 0 0;}
   
    #container .addressw,#container1 .addressw{ padding:2% 0;}
	
	.tabBox .hd{ height:0.39rem; line-height:0.39rem; font-size:0.12rem;  }

	.tabBox .bd ul li{  font-size:0.12rem; }
    .tabBox .bd li a{  height:0.3rem; line-height:0.3rem; } 
	.tabBox .hd ul li{   width:33%; }
	.tabBox .bd ul li.on a{height:0.3rem; line-height:0.3rem; }

	.tabBox .hd ul li.on a{ color:#0fc4bf; display:block; height:0.39rem; line-height:0.39rem;   border-bottom:2px solid #B63B34;  }
	

	#container1 .caseshowtitle{  line-height:0.45rem; font-size:0.12rem;}
	#container1 .caseshowtitle span{ font-size:0.14rem; font-weight:bold;}
	#container1 .caseshowcontent{ width:95%; margin:0.01rem auto 0.1rem auto; line-height:0.26rem; font-size:0.12rem;}
	#container1 .caseshowxian{ height:0.1rem; }
		#container1 .caseshowxian1{ height:0.1rem;}

#container1 .caseshowxian1{  margin-bottom:0.6rem; margin-top:0.1rem; height:0.1rem;}

#container1 .vxian{   height:0.1rem; }

#container1 .vtitle{ font-size:0.12rem; text-align:center; line-height:0.2rem;}

#container1 .vtitle p{ font-size:0.14rem;margin-bottom:0;}
#container1 .vcase{ font-size:0.12rem; text-align:center; }
#container1 .vcase p{ line-height:0.2rem;  margin:0.1rem 0 }
#container1 .vcasetitle{ height:0.4rem; background:url(../images/tu_34.jpg) no-repeat; position:relative;}
#container1 .part,#container1 .next{  top:0.13rem;}
#container1 .vcasetitles{  font-size:0.12rem; font-weight:bold;line-height:0.2rem;}
#container1 .vxianxiatu{ margin:0.2rem 0; }
#container1 .search .title{   height:0.3rem; line-height:0.3rem; width:85%; font-size:0.12rem;}
#container1 .search{line-height:0; margin-top:.03rem;}
#container1 .search .imgs{  margin-top:0.06rem;margin-right:0.06rem; width:6%; }
#container1 .sjsname{  padding-top:0.1rem;  margin-bottom:0.1rem;}
#container1 .sjscases{ m font-size:0.12rem;}

#container1 .sjscases dl dd{ font-size:0.12rem; padding:2% 0;}
#container1 .sjscases dl dd p{  line-height:0.3rem;}
#container1 .sjscases dl dd span{ line-height:0.3rem;}	
#container1 .sjscases{ max-width:6.4rem; margin:0 auto 0.1rem auto; overflow:hidden; }

#container1 .sjszw{ margin-bottom:0.6rem; overflow:hidden;      }
#container1 .newstitleright{ height:0.3rem; line-height:0.3rem; font-size:0.14rem; }
#container1 .newstitle{padding:0.1rem 0; }
#container1 .news{  margin-bottom:0.6rem; }	
#container1 .news dl dd{  font-size:0.14rem; height:0.4rem; line-height:0.4rem;}
#container1 .news dl dt{  margin:0.1rem auto 0 auto; }
#container1 .vhome1{ margin-bottom:0.1rem; font-size:0.14rem; line-height:0.25rem; }


#container1 .sjstitlesxia{ padding:.05rem .08rem; margin-bottom:.2rem;}
#container1 .sjsabouts{ font-size:.14rem;}
#container1 .sjsabouts span { font-size:.16rem;}
#container1 .sjsabouts em{ left:87%;}
.caseyy{ height:.25rem; line-height:.25rem; font-size:.12rem;}
.casemores{ height:.25rem; line-height:.25rem; font-size:.12rem;}

#container1 .sjsabouts em{ width:10%;}
#container1 .sjsabouts{ height:.35rem; margin-bottom:0;}



#container1 .sjsulli  .divs{ height:.3rem; line-height:.3rem; font-size:.14rem;}

#container1 .ts_1 grop{ font-size:0.12rem;}
#container1 .ts_1 grop p{ font-size:0.22rem; font-weight:bold; margin-bottom:0.1rem;}
#container1 .ts_1 grop span{ display:block; font-size:0.14rem;}

#container1 .ts_jianjie{ padding:0.1rem 0.1rem; font-size:0.14rem;}
#container1 .ts_xian{height:0.1rem; }
#container1 .ts_xian1{max-width: 6.4rem; height:0.1rem; background:#f4f4f4; margin:0.1rem 0; border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
#container1 .ts_ldjj{ margin:0.2rem 0 0.2rem 0.1rem; overflow:hidden;}
#container1 .ts_ldjj img{ float:left; width:26%; }
#container1 .ts_ldjjright{ font-size:0.12rem; font-weight:bold; float:right; line-height:0.25rem;}

#container1 .ts_xflt{ margin:0.2rem 0;}
#container1 .ts_tu2{ margin:0.1rem 0.1rem;}
#container1 .ts_tu4text{ font-size:0.16rem;  margin:0.2rem 0;}

.case-search{ font-size:0.14rem; text-align:center; width:100%;}

#container1 .page{ margin: 0.2rem auto 0.7rem auto; font-size:0.14rem; font-weight:bold;  height:0.4rem; line-height:0.4rem;}

#container1 .page a{  font-size:0.16rem; text-align:center; margin: 0rem auto 1rem; auto;   height:0.3rem; line-height:0.3rem;}
#container1 .page .current{ color:#fff;  font-size:0.16rem; width:10%; height:0.3rem; line-height:0.3rem; margin: 0rem auto 1rem;} 
#container1 .page span{ float:left; font-size:0.16rem; width:10%; height:0.3rem; line-height:0.3rem; margin: 0rem auto 1rem;}

.case-search{ font-size:0.2rem;  text-align:center; width:100%; margin:0.3rem 0 0.2rem 0;}
.case-search{ font-size:0.14rem;  text-align:center; width:100%; margin:0.1rem 0 0.05rem 0;}
#container .gueatbook{margin:3.5% 0;}
#container .guesttitle{margin: 4% auto 5% auto;}
#container1 .loading{  margin-bottom:0.6rem; margin-top:0.1rem;  height: .25rem;    line-height: .25rem; font-size:.14rem;}
#container1 .p{ font-size:0.14rem; text-align:center;  margin:0.1rem 0 0.65rem 0;}
#container1 .p1{ font-size:0.14rem; text-align:center;  margin:0.1rem 0 0.65rem 0;}

#container .cai{ margin-bottom:0.1rem;}

.index_tel{ font-size:.16rem; right:4%;}
#container1 .navmove span{line-height:0.3rem;}

#container1 .navmove{ margin-top:0.1rem; margin-left:2%; font-size:0.12rem; }
#container1 .navmove a{ font-size:0.12rem; height:0.28rem; line-height:0.28rem;  }
#container1 .navmove a em{  right:0.02rem; font-style:normal; top:-.07rem; font-size:0.1rem; color:#CCC;}





.tabBox1 .hd{ height:45px; line-height:45px; font-size:12px;   }
.tabBox1 .hd ul li{ width:24.75%;font-weight:normal;height:0.44rem; line-height:0.44rem; color:#666;  }
.tabBox1 .hd ul .on{ border-left:1px solid #e1e1e1;  border-right:1px solid #e1e1e1; background:url(../images/tu_biao_13.png) 50% 85% no-repeat #10c0bd; color:#fff;}

.focuser .hd ul li p{ font-size:.14rem;}
.focuser .hd ul .on{  border:1px solid #fcee50;}
#container1 .articles{ height:.43rem;}
#container1 .pull-left{ font-size:.12rem; height:.25rem; line-height:.25rem;  margin-top:.06rem;}
#container1 .pull-right{ font-size:.12rem; height:.25rem; line-height:.25rem;  margin-top:.06rem;}
.gymore{ height:.33rem; line-height:.33rem; font-size:.14rem; margin-top:.02rem}
.dibu{ height:.33rem;margin-top:.12rem;}
.dibuleft{ height:.33rem; line-height:.33rem; font-size:.13rem;}
.diburight{ height:.33rem; line-height:.33rem; font-size:.13rem;text-indent:.15rem;}
.gyxia{ height:.46rem;}
.dibuleft img{width: 15%;}
	}
	}
			/*案例内页*/



.scrollBox .hd{margin-bottom: 0.15rem;padding-left: 45%;}
.dibu{height:1rem;}

.hx_2{height: 0.5rem;}
.hj_1{font-size: 0.26rem;}
.gd{
	position: relative;left: 60%;color: #9d9d9d;
}
.hj_2{ position: relative;left: 10px;}
@media (max-width:479px) {
	.hx_2{height: 0.3rem;}
	.hj_1{font-size: 0.18rem;}
	.gd{
		left: 50%;
	}
	.dibu{height: 0.7rem;}
	.scrollBox .hd{padding-left: 41%;}
}

.scrollBox{margin-top: 0.25rem;}
.scrollBox .bd li{width: 47%;float: left;margin-right: 1.5%;margin-left: 1.5%;border-radius: 5px;overflow: hidden;}

.scrollBox .hd ul{width: 10px;background-color: #ccc;border-radius: 10px;height: 10px;float: left;margin-top: 10px;margin-left: 0.1rem;}
.scrollBox .hd .on{background-color: #666;}
.hx_1{ margin-top: 0.2rem;
	margin-bottom: 0.5rem;
	height: 0.18rem;
	max-width: 640px;
	background: #f4f4f4;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;}
.dsq{
	font-size: 0.3rem; margin-bottom:.3rem;
}
.ckj{font-size: 0.24rem;
	margin-top: 0.1rem;
	margin-bottom: 0.5rem;}
.mianji{width: 80%;border: 1px solid #000;border-radius: 10px;height: 0.8rem;margin-left: 10%;margin-top: -0.3rem;text-indent: 1rem;font-size: 0.25rem;position: relative;z-index: 5;outline:medium;}
.phone{width: 80%;border: 1px solid #000;border-radius: 10px;height: 0.8rem;margin-left: 10%;margin-top: -0.3rem;text-indent: 1rem;font-size: 0.25rem;position: relative;z-index: 5;outline:medium;}
.mianji_div{position: relative;top: -0.4rem;}
.phone_div{position: relative;top: -0.7rem;}
.button{width: 80%;border:none;border-radius: 10px;height: 0.8rem;margin-left: 10%;margin-top: -0.3rem;background-color: #111633;color: #fff;font-size: 0.3rem;outline:medium;}
.bj_1{height: 3.3rem;overflow: hidden;border-bottom: 1px solid #d1d1d1;}
.button_div{position: relative;top: -1rem;}
.mianji_div_img{position: absolute;top: 0.5rem;left: 0.8rem;z-index: 6}
.mianji_div_img img{width: 100%;}
@media (max-width:479px) {
	.hx_1{ margin-bottom: 0.3rem;}
	.dsq{font-size: 0.2rem;	}
	.ckj{font-size: 0.18rem;margin-bottom: 0.2rem;}
	.mianji{height: 0.5rem;font-size: 0.2rem;text-indent: 0.6rem;}
	.phone{height: 0.5rem;font-size: 0.2rem;text-indent: 0.6rem;}
	.button{height: 0.5rem;font-size: 0.2rem;}
	.mianji_div{position: relative;top: -0.5rem;}
	.phone_div{position: relative;top: -1rem;}
	.button_div{position: relative;top: -1.5rem;}
	.mianji_div_img img{width: 50%;}
	.mianji_div_img{top: 0.72rem;left: 0.45rem;}
	.bj_1{height: 2.3rem;}