@charset "utf-8";
html {
	font-size: 625%;
}
body,h1,h2,h3,p,ul,ol,form,fieldset,figure,input,dd,dl,dt {
	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%;
}

.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;
}
.h140{  height:0px;}
 @font-face {font-family: "iconfont";
          src: url('../fonts/iconfont.eot'); /* IE9*/
          src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
          url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }

        .iconfont {
          font-family:"iconfont" !important;
 
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
        }
	
	.w1200{ width:98%; margin:0 auto}	
#header {
	width: 100%;
	font-size: 0.16rem;
	margin: 0 auto;
	background-color: #fff;
	position: fixed;
	top: 0;
	height:0.9rem;
	z-index: 9999;
	 border-bottom:#e1e1e1 solid 1px;
}
#header .link {
	max-width:6.4rem;
	margin:auto;
	position:relative;
}
#header .logo{ width:50%; margin-top:0.2rem;  margin-left:0.1rem;margin-right:0.1rem; float:left;}
#header .logo img{ width:100%;}
#header .tel{ width:28%;  margin-top:0.25rem; margin-right:0.2rem; float:right; }
#header .navtu{width:7%; float:right; margin-top:0.225rem; margin-right:0.1rem; cursor:pointer;}
#header .navtu i{ font-size:0.24rem;}
#header .nav{ display:none; position:absolute; padding:0.2rem 0; top:100px; width:55%; background:#f2f2f4; right:0; opacity:0.95;}
#header .nav li { position:relative; text-align:center;  list-style-type:none; height:0.57rem; line-height:0.57rem; border-bottom:1px #DFDFDF solid;}
#header .nav a {font-size:0.24rem;	color: #eee;	display: block;	color:#333333;}
#header .nav a:hover, 
#header .active a {
	background-color: #cdcdce;
}
#header .tu_biao_1{ position:absolute; width:15%; left:55px; top:-20px; height:27px; }
#header .tu_biao_1 i{ font-size:0.20rem; top:-20px; }
#banner{max-width: 6.4rem; 	margin: 1rem 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;}

.subnav1{ max-width: 6.4rem; margin:0 auto; padding:0.15rem 0;  overflow:hidden; background:#f4f4f4;list-style-type:none;}
.subnav1 ul li{ width:41%; margin-right:3.5%; margin-left:3.5%;font-size:24px;  text-align:center; list-style-type:none; float:left;}
.subnav1 ul li img{display:inline;}
.subnav1 ul li a{color:#3c3c3c;}
/* 瀛椾綋鍥炬爣鏍峰紡 */
.icon_nav {
  background-color: #fff;
  margin-bottom: 2%;
}
.icon_nav ul li {
  width: 21%;
  text-align: center;
  float: left;
  margin: 0 2%;
  margin-top: 3%;
/*   margin-bottom: 2%; */
}
.icon_nav ul li a strong {
  display: inline-block;
  border-radius: 50px;
  color: #cb8b38;
  font-size: 0.35rem;
  width: 0.50rem;
  height: 0.40rem;
  line-height: 0.50rem;
  font-weight: normal;
}
.icon_nav ul li a span {
  display: inline-block;
  color: #333;
  font-size: 0.15rem;
  margin-top: 8%;
  width: 100%;
  height: 0.3rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
 /*.icon_nav ul li:first-child strong{
	background-color: #Dcb8b38;
}
.icon_nav ul li:nth-child(2) strong{
	background-color: #cb8b38;
}
.icon_nav ul li:nth-child(3) strong{
	background-color: #cb8b38;
}
.icon_nav ul li:nth-child(4) strong{
	background-color: #cb8b38;
} 
.icon_nav ul li:nth-child(5) strong{
	background-color: #42BC5A;
} 
.icon_nav ul li:nth-child(6) strong{
	background-color: #FA4E06;
} 
.icon_nav ul li:nth-child(7) strong{
	background-color: #39C8ED;
} 
.icon_nav ul li:nth-child(8) strong{
	background-color: #F4D132;
} */

.icon_nav 1{
  background-color: #fff;
  margin-bottom: 2%;
}
.icon_nav1 ul li {
  width: 41%;
  text-align: center;
  float: left;
  margin: 0 2%;
  margin-top: 0.1%;
/*   margin-bottom: 2%; */
}


.class-btn{position:absolute;right:13%;top:0.2rem;width:18.0625%;font-size:0.20rem;line-height:0.666rem;color:#ffbb05;text-align:center;overflow:hidden;}
.class-btn span.iconfont{font-size:0.20rem}
.type{width:100%;top:1rem; right:0;position:fixed;background:#232323;z-index: 999;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height:3rem;padding:0.1rem 0;display:none}
.type li{width:90%;background:#fff;font:0.2rem/0.46rem "microsoft yahei";margin:2% auto;overflow:hidden;position:relative;}
.type li a{display: block;float:left;width:60%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;padding:0 4%;color:#666}
.type li span.commonfont{font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;}
.type li dl{float:left;border-top:2px solid #232323;width:100%;display:none}
.type li dl dd{overflow:hidden}
.type li dl dd a{width:100%}
.type h1{font:0.2rem/2 "microsoft yahei";width:90%;margin:0 auto;color:#fff;}
#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 .casetitle1{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; text-align:center;}

#container .sjstitle1{ position:relative; overflow:hidden;  background:#fff;  padding:.2rem 0;   border-bottom:#e1e1e1 solid 1px;  text-align:center;}
#container .casetitle img{ display:table; margin:0 auto; width:60%;}
#container .sjstitle1 img{ display:table; margin:0 auto; width:55%; }
#container .case{max-width: 6.4rem; padding:0.2rem 0;}
#container .caseleft{ width:66%; float:left; }
#container .caseright{ width:32%; float:right;}
#container .caseright li{ list-style:none}
#container .caseright li:nth-child(1){}
#container .caseright li:nth-child(2){ margin-top:5%}
#container .casemore{max-width: 6.4rem; height:68px; text-align:center; font-size:0.24rem;  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; padding:0.19rem 0 0.19rem 0; overflow:hidden;}
#container .sjsleft,#container1 .sjsleft{ width:33%;  border:6px solid #FF8600; margin:0 3%; border-radius:290px; overflow:hidden; float:left;}
#container .sjsleft,#container1 .sjsleft img{ width:120px; height:120px;}
#container .sjsright,#container1 .sjsright{ width:60%; float:right; font-size:0.14rem; padding-top:0.12rem}
#container .sjsabout,#container1 .sjsabout{ position:relative; width:100%; font-size:28px; }
#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:55%; top:2%;}
#container .sjsdescription,#container1 .sjsdescription{width:100%; padding:0.1rem 0; line-height:0.3rem; font-size:17px;}
#container .sjscase,#container1 .sjscase{max-width: 6.4rem; overflow:hidden; margin-bottom:0.3rem;}
#container .sjscase ul li,#container1 .sjscase ul li{ width:42%; overflow:hidden; float:left;  margin:0.5% 1.5% 0 1.5%; text-align:center; padding:1% 2% ;}
#container .sjscase ul li img,#container1 .sjscase ul li img{ width:100%}
#container .sjscase ul li a,#container1 .sjscase ul li a{ color:#333;}


#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;}

#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.28rem; background:url(../images/tu_22.jpg) no-repeat bottom; }
#container .guesttitle span{ color:#0fc4bf;}
#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:#ED4147; color:#fffefe; border-radius:0.06rem;}
#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:left;	  }


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

#container .addressleft1,#container1 .addressleft1{ float:left; width:20%; line-height:0.4rem; height:0.4rem; text-align:left; 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 1% auto;}
#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 .vliuc{max-width: 6.4rem;}
#container1 .vliuc1{max-width: 6.4rem; margin-bottom:.6rem;}

/*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.118rem; text-align:center; }
	.tabBox .bd .more{ font-size:0.14rem; height:0.5rem; }
	.tabBox .bd li a{ color:#333333; display:block; height:0.58rem;font-size:0.18rem; 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; }
	
	.tabBox2 .bd ul{max-width:640px; margin:0 auto; overflow:hidden;  }
	.tabBox2 .bd ul li{ float:left; width:29.3%; margin:3% 1.83% 0 1.83%;   font-size:0.20rem; text-align:center; }
	.tabBox2 .bd .more{ font-size:0.14rem; height:0.5rem; }
	.tabBox2 .bd li a{ color:#333333; display:block; height:0.48rem; border:1px solid #e1e1e1;line-height:0.48rem;  -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
	.tabBox .bd ul li.on a{ display:block;   border:1px solid #0fc4bf; }
	
	.tabBox3 .bd ul{max-width:640px; margin:0 auto; overflow:hidden;  }
	.tabBox3 .bd ul li{ float:left; width:21.9%; margin:3% 1.53% 0 1.53%;   font-size:0.15rem; text-align:center; }
	.tabBox3 .bd .more{ font-size:0.14rem; height:0.5rem; }
	.tabBox3 .bd li a{ color:#333333; display:block; height:0.33rem; border:1px solid #e1e1e1;line-height:0.33rem;  -webkit-tap-highlight-color:rgba(0,0,0,0); } 
	
	
/* 内容 */
.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;}



#container .ts_jianjie{ padding:0.2rem; font-size:0.16rem; line-height:26px;}
#container .ts_jianjie img{ width:100%}
	#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;}

/*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; }

#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:95%; margin:0 auto; padding-top:0.3rem; margin-bottom:0.3rem;}
#container1 .sjsname img{ width:8.5%; }
#container1 .search{ float:right; width:87%;  border-radius:10px; background:#e8e8e8; font-size:0.22rem;}

#container1 .search .title{ color:#757575; border:0;  height:0.6rem; background:none;    font-size:0.22rem; width:89%;text-align:center;}
#container1 .search .imgs{ float:right; margin-top:0.13rem;margin-right:0.15rem; width:6%; }
#container1 .sjstitles{ background:#0fc4bf; width:95%; margin:3% auto; overflow:hidden; text-align:center; padding:0.2rem 0;}
#container1 .sjstitles img{ display:table; margin:0 auto; width:40%; }
#container1 .sjscases{ max-width:6.4rem; margin:0 auto 0.8rem 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:16px;

	line-height:28px;
	width: 100%;
	margin: 0 auto;
	padding: 0.1rem 0;
	border-bottom: 1px solid #e1e1e1;
}
#container1 .newstitle i{ text-align:center; font-size:0.2rem; height:0.8rem; line-height:0.8rem; width:0.8rem; background:#F60; color:#FFF; padding:0.081rem; border-radius:25px;}

#container1 .newstitleright{
	font-size: 0.2rem;
	float: none;
	width: 100%;
	height: 0.5rem;
	line-height: 0.5rem;
	font-weight: bold;
	padding-left: 1%;
	padding-right: 10%
}
#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.8rem; font-size:0.25rem;padding:2%; line-height:0.5rem;}

/*工程体系*/



#container1 .ts_1{ position:relative; margin-top:0.2rem;}
#container1 .ts_1 about{ position:absolute; top:28%; width:100%; text-align:center; color:#fff; font-size:0.18rem;}
#container1 .ts_1 about p{ font-size:0.44rem; font-weight:bold; margin-bottom:0.15rem;}
#container1 .ts_1 about 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-bottom:0.9rem; margin-top:0.1rem;}
#container1 .loading img{ display:table; overflow:hidden; margin: 0 auto; width:10%;}
#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;}








#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%; text-align:center; height:0.8rem; line-height:0.8rem;  float:left; background:rgba(51,51,51,0.7); }
#footer ul li a{ color:#fff;}
#footer ul li a img{ display:inline; vertical-align:middle; margin-right:0.05rem; width:20%;}
#footer ul li i{ display:inline; vertical-align:middle; margin-right:0.1rem; font-size:0.38rem}
#footer ul li:nth-child(1) i{ display:inline; vertical-align:middle; margin-right:0.1rem; font-size:0.26rem}
#footer ul li:nth-child(2) i{ display:inline; vertical-align:middle; margin-right:0.1rem; font-size:0.28rem}
#footer ul li:nth-child(3) i{ display:inline; vertical-align:middle; margin-right:0.1rem; font-size:0.26rem}

.case-search{ font-size:0.2rem;  text-align:center; width:100%; margin:0.3rem 0 0.2rem 0;}

/*页面尺寸大于639时*/
@media (min-width:639px) {


}

/*页面尺寸大于479且小于639时*/
@media (min-width:479px) and (max-width:639px) {
    #header .nav li { height:0.35rem; line-height:0.35rem}
	#header .tu_biao_1{ left:0.40rem; top:0.07rem; width:10%;}
	#header .nav a {font-size:0.18rem;	}
	#header .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;}
}

/*页面尺寸小于479时*/
@media (max-width:479px) {
	#header .nav{padding:0.09rem 0; }
	#header .logo{ margin-top:0.1rem;}
	#header .tel{ margin-top:0.15rem;margin-right:0.1rem; }
	#header .navtu{ margin-top:0.155rem; }
	#header{ height:0.55rem;}
	#header .nav{ top:0.50rem; width:35%;}
	#header .nav a {font-size:0.14rem;	}
	#header .tu_biao_1{ left:0.10rem; top:0.11rem; width:13%;}
    #header .nav li { height:0.34rem; line-height:0.34rem}
	#banner{margin-top: 0.6rem}
    .container{ max-width: 6.4rem; margin:0 auto 2% auto; }
	.subnav{padding:0.1rem 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:16px;}
    #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 0rem 0;}
    #container .casetitle,#container1 .casetitle{ padding:.1rem 0;}
    #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 .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.14rem;  }
	#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:left;  }


	#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%;  line-height:0.5rem; }
    #container1{ margin:.6rem 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}


   #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;}
#container1 .search .imgs{ float:right; 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{ line-height:26px; font-size:15px; }
#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.4rem; font-size:0.14rem; line-height:0.25rem; }





#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:15px; line-height:28px;;}
#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:2% 0;}
#container .guesttitle{margin: 4% auto;}
#container1 .loading{  margin-bottom:0.6rem; margin-top:0.1rem;}
#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;}


#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;}


	}
	.home-sec {
	width: 100%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fff;
	margin-top: 10px;
padding:.5rem .5rem 0 .5rem;
	box-sizing: border-box
}
.home-sec h2 {
	font-size: 1.2em;
margin-bottom:.5rem;border-bottom: 1px solid #ccc;
}

/*inew*/
.inew li{
	margin:0.15rem auto;
	font-size:0.15rem;color:#404040;line-height:0.25rem;
	 border-bottom:1px #D6D6D6 solid;
}
.inew a{
	display:block;color:#242b3d;padding-left:0.2rem;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.inew span:first-child{	
	font-size:0.15rem;color:#FFF;margin-left:0.2rem;
	width:0.5rem;height:0.25rem;text-align:center;
	
}
.pclass{ padding:10px 0; position:relative; }
.pclass span.name{ display:block; margin:0 auto; width:3.0rem; line-height:50px; height:50px; background: url(../images/d1.gif) center top no-repeat; background-size:cover; padding:0 0 0 0.52rem; font-size:16px}
.circle_b{ position:absolute; left:0; top:0.8rem; display:none; width:100%; z-index:2; }
.circle_b ul{ display:block;margin:0 auto; width:3.82rem; background:#fff;border:0.02 solid #f4f1eb; border-top:0}
.circle_b ul li{ display:block; padding:0 0 0 0.5rem;background: url(../images/d4.gif) 0.29rem center no-repeat; line-height:0.52rem; font-size:16px}


.proitem_b{ width:6rem; margin:0 auto; padding-top:0.3rem;}
.proitem_b .item{float:left; width:2.67rem; height:3.53rem; background:#f6f6f6; border:0.08rem solid #f6f6f6; margin:0.24rem 0 0 0.12rem; position:relative;}
/*.proitem_b .item:nth-child(2n){margin-left:0.02rem;}*/
.proitem_b .item:hover{ border:0.08rem solid #ffc231;background:#ffc231;}
.proitem_b .item a{display:block;}
.proitem_b .item .img_b{width:2.67rem; height:1.96rem; background-size:cover; background-position:center; background-repeat:no-repeat;}
.proitem_b .item .title_b{ display:block;padding:0 5%; font-size:0.24rem; line-height:0.55rem; color:#2e2e2e; text-align:left; text-align:center;white-space: nowrap;text-overflow:ellipsis;overflow: hidden; }
.proitem_b .item .con_b{ display:block; padding:0 5%; color:#9e9e9e;font-size:0.24rem;line-height:1;white-space: nowrap;text-overflow:ellipsis;overflow: hidden; text-align:center; }
.proitem_b .item .more_b{ display:block; color:#2e2e2e; font-size:0.24rem; margin:7% auto 0; border:1px solid #e3e3e3; width:1.28rem; height:0.34rem; text-align:center; line-height:0.34rem}
.proitem_b .item:hover .title_b{ color:#fff}
.proitem_b .item:hover .con_b{ color:#ffe5a7}
.proitem_b .item:hover .more_b{ color:#fff;border:1px solid #fff;}

.index {
	width: 100%;
	overflow: hidden;
}
.indexTit {
	text-align: center;
	width: 100%;
	height: 60px;
	background: url("../images/titline.png") no-repeat center 50px; display:block
}
.indexTit .tit {
	padding-top: 40px;
	display: block;
	font-size:30px;
	font-weight: bold;
	color: #c9974c;
	line-height: 40px;
}
.indexTit .subtit {
	font-size: 14px;
	color: #666;
	line-height: 18px;
	font-weight: normal;
	padding-top: 12px;
}

.index .menu {
	overflow: hidden;
	padding-bottom: 20px;
	padding-top: 20px;
}
.index .menu ul {
	text-align: center;
}
.index .menu li {
	line-height: 25px;
	margin: 0 5px 5px;
	display: inline-block; width:140px
}
.index .menu li:first-child {
	margin-left: 0;
}
.index .menu li:last-child {
	margin-right: 0;
}
.index .menu li a {
	display: block;
	color: #666;
	border: 1px solid #c2c2c2;
	text-align: center;
	padding:5px 10px;
	border-radius: 0px;
	font-size: 15px;
	background: #f9f9f9
}
.index .menu li a:hover {
	border: 1px solid #c9974c;
	color: #fff;
	background: #c9974c;padding:5px 10px;
}
.index .menu li.on {
	border: 1px solid #c9974c;
	color: #fff;
	background: #c9974c;	
}
.index .menu li.on a {
	border: 0px solid #c9974c;
	color: #fff;
	background: #c9974c;
}
.index .more {
	width: 150px;
	height: 40px;
	color: #666;
	line-height: 40px;
	margin: 0 auto;
	display: block;
	text-align: center;
	border: 1px solid #ccc;
}
.index .more:hover {
	border: 1px solid #c9974c;
	background: #c9974c;
	color: #fff;
	text-indent: 10px;
}
.xunpan {
	width: 100%;
	background: url(../images/xunpan.jpg) no-repeat center top;
	height: 600px;
	color: #fff;
}
.xunpan .zixun {
	 width:98%;
	padding-top: 40px;
	text-align: center;
}
.xunpan .zixun .ewm {
	width: 106px;
	height: 106px;
	display: block;
	padding: 6px;
	background: #fff;
}
.xunpan .zixun .tel {
	border: 1px solid #7a7c82;
	width: 300px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 26px;
	color: #fff;
	margin-bottom: 20px;
	font-family: "AvantGardeITVbyBT Book", arial;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
.xunpan .zixun .tel em {
	position: relative;
	top: -2px;
	width: 25px;
	height: 25px;
	background-position: -154px -50px;
	margin-right: 10px;
}
.xunpan .zixun .zx {
	border: 1px solid #c9974c;
	width: 300px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background: #c9974c;
}
.xunpan .zixun .zx em {
	width: 22px;
	height: 20px;
	display: inline-block;
	background-position: -190px -50px;
	margin-left: 10px;
	vertical-align: middle;
}
.xunpan .txt {
	padding-top: 25px; width:98%;
}
.xunpan .txt h3 {
	font-size: 40px;
	line-height: 45px;
	padding-bottom: 25px;
}
.xunpan .txt p {
	font-size: 20px;
}
.xunpan .txt p span {
	color: #c9974c;
	display: inline-block;
}

/*四大优势*/
.floor_3_main {
	width: 98%;
	height:400px;
	background: url(../images/ysbg.jpg) center top no-repeat;
	padding-bottom: 30px; margin:0 auto; padding:0 1%;
}
.floor_3 {
	padding-top: 20px;
}
.floor_3 .indexTit {
	background: url("../images/titline1.png") no-repeat center center;
}
.floor_3 .indexTit .tit {
	color: #fff;
}
.floor_3 .indexTit .subtit {
	color: #fff;
}
.floor_3 .advantBox {
	margin-top:60px;
	min-height:200px;
	background: url("../images/ysbox1.png") no-repeat center center; padding-top:25px;
}
.floor_3 .advantList .item {
	float: left;
	display: block;
	width: 49%;
	cursor: pointer;
	padding-bottom: 20px;
}
.floor_3 .advantList .item .img {
	float: left;
	display: block;
	width: 60px;
	height: 60px;
	border: 2px solid #fff;
	border-radius: 50%;
	transition: all .5s;
}
.floor_3 .advantList .item .img img {
	width: 100%;
	height: 100%;
	display: block;
}
.floor_3 .advantList .item .txt {
	float: left;
	width: 100px;
	margin-left: 16px;
	transition: all .5s; margin-top:5px;
}
.floor_3 .advantList .item .txt h3 {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	line-height: 24px;
	transition: all .5s;
}
.floor_3 .advantList .item .txt p {
	padding-top: 10px;
	width: 100px;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	border-top: 1px dashed #9a9a9a;
	transition: all .5s;
}
/*.floor_3 .advantList .item:nth-child(2n) {
	margin-bottom: 50px;
	margin-left: 200px;
}*/
.floor_3 .advantList .item:hover .img {
	background: #e7ac55;
	border-color: #e7ac55;
	transform: translateY(-6px);
}
.floor_3 .advantList .item:hover .txt {
	transform: translateY(-6px);
}
.floor_3 .advantList .item:hover .txt h3 {
	color: #e7ac55;
}
.floor_3 .advantList .item:hover .txt p {
	color: #e7ac55;
}