/* CSS Document */
@charset "utf-8";
*{ padding:0; margin:0;}
img{ border:none; vertical-align:middle;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0; }
body{ margin:0; padding:0; font-family:"微软雅黑"; font-size:15px; color:#5c5c5c; background:#eee;}
ul,li,dl,dt,dd{ list-style:none;}
h1,h2,h3,h5{ font-weight:normal;}
/*img,fieldset{vertical-align:top;border:0;}*/
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,"微软雅黑"; /*vertical-align:middle;*/-webkit-appearance: none;}
table,td,tr,th{ font-size:12px;}
a{ text-decoration:none; cursor:pointer; color:#666;}
a:hover{ text-decoration:none; cursor:pointer;}
.clear{ clear:both;}
.clearfix{ *zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; visibility:hidden; }
select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;

  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;


  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

/* banner */
.box{ width:100%; position:relative; float:left;}
.banner .box ul li p{ position:absolute; left:0; bottom:0; line-height:25px; line-height:25px; display:block; width:94%; padding:0 3%; }
.pic{ margin: 0 auto; overflow:hidden;}
.pic ul li{list-style-type:none; overflow:hidden;}
.pic ul li img{width:100%;overflow:hidden;}
.bymai{ width:100%; height:100%; position:absolute; left:30px;  top:10; overflow:hidden;}
/*.telephone {z-index: 2; position:absolute; bottom:2%; right:2%;   border-radius:100%; background:#fff; background-color:rgba(0,0,0,0.8); }*/

.all{ width:100%; display:block; overflow:hidden; margin:0 auto; position:absolute; left:0; right:0; max-width:640px; }
.dh{ position:fixed; bottom:50px; right:20px; z-index:999999; width:40px; }
.dh img{ width:100%;}
.h{ height:60px; overflow:hidden; display:block; width:100%; float:left;}
.banner img{ width:100%;}
header{ width:100%; display:block;  overflow:hidden; margin:0 auto;}
header nav{ width:100%; background:#ca811e; display:block; position:fixed; top:0; z-index:9999; overflow:hidden; max-width:640px; height:50px;}
header nav .left{ width:6%; line-height:50px; text-align:center; padding:0 2%; color:#000; float:left;}
header nav .left img{ width:100%; max-width:13px;}
header nav .cenent{ width:76%;  line-height:50px; text-align:center; padding:0 2%; color:#fff; float:left;}
header nav .cenent1{ width:76%;  line-height:50px; text-align:center; padding:0 2%; color:#fff; float:left;}
header nav .cenent img{ width:96%; max-width:30px; padding:0 2%;}
header nav .right{  width:6%; line-height:50px; text-align:center; padding:0 2%; color:#000; float:left;}
header nav .right img{ width:96%; max-width:30px; padding:0 2%;}
header nav .cenent1 b{ position:absolute; right:2%;}
header .I_top{ width:100%; display:block; position:fixed; background:#fff; top:0; z-index:9999999; overflow:hidden; max-width:640px; height:60px; line-height:60px; text-align:center; color:#333; font-size:1rem;}
header .I_top span{ position:absolute; left:2%; top:0; line-height:60px;}
header .I_top .spanr a{  background:#0077c1; color:#FFF; margin:0 3px; padding:0 5px;  float:right; height:30px; line-height:30px; margin-top:15px; }

header .I_top p{ height:60px;  display:block; margin:0 60px; line-height:60px; font-weight:bold; text-align:center;}
header .I_top input{ border:0; width:78%; padding:0 2% 0 20%; background:url(../images/ss.png) 10px center no-repeat #fff; background-size:20px; font-size:0.875rem; height:30px; line-height:30px; border-radius:8px;}
header .I_top b .rb{ padding-left:5px; position:absolute; right:0; top:-13px; width:20px; background:#0077c1; height:50px; }
header .I_top img{ max-width:35px;}
header .I_top .spanr{ position:absolute; right:2%; top:0; line-height:60px; left:auto;}
header .I_top p img{ max-height:55px; max-width:88px; }
header .I_top b{ position:relative;}

.navl{ position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.2); width:100%; height:100%; max-height:100%; z-index:999; overflow:hidden; display:none;}
.navl .navcbt{ width:100%; display:block; float:left;}
.navl .navcbt ul{ height:100%; max-height:100%;  background:#333; position:fixed; left:0; top:0; width:120px;}
.navl .navcbt li{ width:100%;  display:block; float:left; line-height:40px; }
.navl .navcbt li a{ display:block; float:left; width:120px; background:#333; color:#FFF; }

.wx{ width:100%; display:block; float:left;}
.wximg{ width:100%; display:block; float:left; margin:10px 0 20px 0;}
.wximg img{ width:100%; }

.foot{ width:100%; display:block; float:left; background:#333; color:#FFF; }
.foot p{ width:100%; float:left; height:40px; line-height:40px; text-align:center;}


section{ width:100%; display:block; overflow:hidden; float:left;}
section .hg{ height:10px; width:100%; background:#efefef; display:block; overflow:hidden; float:left;}
section .bimg{ padding:10px 2%; width:96%; display:block; overflow:hidden; background:#fff; }
section .bimg img { width:100%;}
section .Flcb{ width:100%; display:block; clear:both; overflow:hidden; margin:10px 0; background:#fff; float:left;}
section .Flcb .tt{ width:96%; line-height:40px; height:40px; font-size:20px; color:#000; padding:0 2%; border-bottom:1px solid #dcdcdc; float:left;}
section .Flcb p{ width:94%; padding:0px 3%;  float:left; text-indent:2em; line-height:25px;}
section .Flcb p span{ float:right;  color: #b7b7b7;}
section .Flcb p span a{ float:right;  color: #b7b7b7;}
section .title{ width:100%;  display:block; overflow:hidden; position:relative; }
section .title a{ float:right; margin:0 10px; font-size:15px; color:#0075c2;}
.hgb{ width:100%; float:left; display:block; height:7px;  background-size:100%; position:relative; z-index:9999;}
section .i_nav{ width:100%; background:#FFF; padding:20px 0; float:left; display:block;}
section .i_nav li{ width:19%; margin:0 3%; float:left; display:block; text-align:center;}
section .i_nav li img{ max-width:100%;}
section .i_nav li p{ line-height:25px; color:#6b6b6b; height:25px; overflow:hidden;}
section .I_img{ width:96%; margin:10px 2%; float:left; display:block; }
section .I_img p{ border:1px solid #e60012;}
section .I_img img{ width:100%;}
section .FLtitle{ line-height:40px; height:40px; width:96%; font-size:20px; display:block; margin:0 2%; color:#000; overflow:hidden; text-align:left; position:relative;}
.FLtitle span{ float:right;  color:#b7b7b7; font-size:15px;}
.FLtitle span a{ color:#b7b7b7;}
.FLtitle span img{ margin:0 5px;}
section .FLtitle p{ margin-left:10px; padding:0 2%;   color:#fff;}
section .FLtitle p span{ position:absolute; right:2%; top:0;}
section .FLtitle p img{ margin:0 5px; max-width:36px;}
section .FLtitle p a{ color:#fff;}
section .Wlb{ width:100%; display:block; overflow:hidden; clear:both;  float:left;   }
section .Wlb img{  width:100%;}
section .WlbWZR img{ max-width:30px;}
section .Wlb ul{ display:block; border-top:0; overflow:hidden; }
section .Wlb li{width:48%; margin:5px 1%; background:#fff; overflow:hidden;float:left; position:relative;}
section .Wlb li .lt{ position:absolute; left:0; top:-3px; background:#86b227; color:#fff; width:64px; height:67px; background:url(../images/li_l.png) no-repeat;       }
section .Wlb li .lt span{ -webkit-transform: rotate(-43deg);      -moz-transform: rotate(-43deg); display:block; width:100%; margin-top: 2px; margin-left: -3px;}
section .k_right { border:1px solid #e3e3e3; display:block; overflow:hidden;  }
section .WlbWZ{ width:96%; margin:5px 2%; display:block; overflow:hidden;}
section .WlbWZ1{ width:100%; line-height:20px; height:20px; color:#000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float:left; margin:5px 0; }
section .WlbWZ1 a{ color:#000; display:block;}
section .WlbWZL{ width:73%; margin-right:2%; overflow:hidden; font-size:15px; height:30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:30px; float:left; color:#000; font-weight:bold;}
section .WlbWZR{ width:25%; float: left; line-height:30px; text-align:right;}
section .WlbWZR .input{ width:100%; text-align:center; line-height:30px; border:0; height:30px; overflow:hidden; font-size:0.75rem; border-radius:5px; color:#FFF; background:#d30f02;}
section .WlbWZR .input img { width:20px; height:20px; padding:5px 0; border-left:1px dashed #fff; margin:0; margin-left:2px;}
footer { width:100%;}
.finx{ position:fixed; bottom:0; width:100%; max-width:640px; margin:0 auto; left:0; right:0;}
footer .nav{ width:100%;  position:fixed; left:0; right:0; bottom:0;margin:0 auto; max-width:640px; background:#ad1753; height:50px; }
footer .nav .nav_ny{ width:96%; padding:5px 2%; position:relative;}
footer .nav .nav_ny p{  color:#333; float:left; display:block; position:absolute; top:5px; left:90px;}
footer .nav span{ position:absolute; right:2%; top:3px; height:44px; line-height:44px; color:#fff200;  border-left:1px solid #608907;}
footer .nav span a{ display:block;padding-left:10px;  border-left:1px solid #95da00; color:#fff200; }
footer .nav span input{ border:0; background:#f2ea1a; color:#291800;  border-radius:8px;  text-align:center;  padding:5px 20px;}
footer .nav b{ position:absolute; left:2%; top:-15px; height:44px; line-height:44px; color:#fff200; width:60px; height:60px; border-radius:100%; background:#357100; text-align:center; line-height:60px; position:relative; display:block; }
footer .nav b i{ font-style:normal; position:absolute; width:25px; height:25px; line-height:25px; overflow:hidden; text-align:center; right:0; top:10px; background:#f2ea1a; color:#291800;  border-radius:100%;}
footer .nav p i{ font-style:normal; color:#fff600; font-size:1rem; font-weight:bold;}

.xzwm{ width:100%; display:block; overflow:hidden; float:left; padding:10px 0; background:#FFF;}
.xzwmbt{ color:#000; text-align:center; font-size:20px;}
.xzwm ul{ border:1px solid #bdbdbd; border-bottom:none; border-left:none; display:block; overflow:hidden; float:left; margin-top:10px;}
.xzwm ul li{  border-bottom:1px solid #bdbdbd;  height:100px; width:50%;  display:block; float:left; text-align:center;}
.xzwm ul li p{ width:100%; font-size:14px;    line-height: 40px; height:40px; color: #666; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.xzwm ul li .lix{border-left:1px solid #bdbdbd; padding: 10px 2%;  display:block;}

.xwalbt{ width:100%; display:block; color:#000; text-align:center; font-size:20px;}
.xwal p { width:100%;	 float:left; display:none;}
.xwal p span{ padding:10px 5%;	 width:90%; line-height:30px; height:30px;    overflow: hidden; float:left;   text-overflow: ellipsis;white-space: nowrap; border-bottom:1px solid #0075c2;}
.xwal {width:100%; float:left;	overflow:hidden; margin:10px 0;}
.xwal ul{ margin:10px 0; display:block;}
.xwal li { width:50%; float:left;	float:left;		height:30px;	background:#ccc;	color:#000; height:40px;	text-align:center;	line-height:40px;	 }
.xwal .on {	display:block;}
.xwal li.cur {background:#0075c2; color:#fff;}

/*荣誉证书*/
.setUp2{ width:81px; text-align:center; line-height:81px; font-size:4rem; margin:0 5px 10px 0; height:83px; float:left; border:1px dashed #dcdcdc;}
.content{width:96%; padding:10px 2%; display:block; float:left; background:#fff;}


/*----------------------------
	Thumbnails
-----------------------------*/

/*img-gather*/
.img-gather{ }
.img-gather a{float:left; width:46%; height:150px;line-height:150px; margin:0 2%; margin-top:10px;}
.img-gather a img{  }

#thumbs{	text-align:center;	display:block;}

#thumbs a{ 	margin-bottom:10px;	background-position:center center;	background-repeat: no-repeat;	background-size:cover;	-moz-background-size:cover; -webkit-background-size:cover;}
.content img { max-height:100%; max-width:100%;}

/*----------------------------
	Media Queries
-----------------------------*/


@media screen and (max-width: 960px) {
	#thumbs{
		width:auto;
	}
	
	#bsaHolder{
		display:none;
	}
}

/* The gallery overlay */

#galleryOverlay{	width:100%;	height:100%;	position:fixed;	top:0;	left:0;	opacity:0;	z-index:99999999; 	background-color:#2f343b;	background-color:rgba(63,63,63);	overflow:hidden;	display:none;	-moz-transition:opacity 1s ease;	-webkit-transition:opacity 1s ease;	transition:opacity 1s ease;}

/* This class will trigger the animation */

#galleryOverlay.visible{	opacity:1;}
#gallerySlider{	height:100%; left:0;top:0;	width:100%;white-space: nowrap;	position:absolute;	-moz-transition:left 0.4s ease; -webkit-transition:left 0.4s ease;	transition:left 0.4s ease;}

#gallerySlider .placeholder{background: url("../images/preloader.gif") no-repeat center center;	height: 100%;	line-height: 1px;	text-align: center;	width:100%;	display:inline-block;}

/* The before element moves the
 * image halfway from the top */
#gallerySlider .placeholder:before{
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right:-1px;
}

#gallerySlider .placeholder img{
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
}

#gallerySlider.rightSpring{
	-moz-animation: rightSpring 0.3s;
	-webkit-animation: rightSpring 0.3s;
}

#gallerySlider.leftSpring{
	-moz-animation: leftSpring 0.3s;
	-webkit-animation: leftSpring 0.3s;
}

/* Firefox Keyframe Animations */

@-moz-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-moz-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Safari and Chrome Keyframe Animations */

@-webkit-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-webkit-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Arrows */

#prevArrow,#nextArrow{
	border:none;
	text-decoration:none;
	background:url('../images/arrows.png') no-repeat;
	opacity:1;
	cursor:pointer;
	position:absolute;
	width:43px;
	height:58px;
	top:50%;
	margin-top:-29px;
	
	-moz-transition:opacity 0.2s ease;
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}

#prevArrow:hover, #nextArrow:hover{
	opacity:1;
}

#prevArrow{
	background-position:left top;
	left:40px;
}

#nextArrow{
	background-position:right top;
	right:40px;
}

/*pagelimit*/
#pagelimit{ position:absolute; top:0px; line-height:30px;  left:0; width:96%; padding:0 2%; color:#fff; font-size:1.2rem; background:#3e454f; }
#pagelimit i{ font-style:normal;}
#pagelimit b{ font-weight:normal; float:right;}

/*装修百科*/
#containet { display:block; padding:2% 10px;   width:96%;  margin: auto; }
#pageMain li {  list-style: none; line-height: 40px; height:40px; width:100%; display:block;     overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  }
#pageBox { padding: 10px 0; width:100%; display:block; text-align:center;   }
#pageBox2 { padding: 10px 0;  display:block; text-align:center; position:absolute; right:5px; top:-5px;   }
#pageBox2 img { height:20px;}
#pageBox span { display: inline-block; width: 60px; height: 30px; line-height: 30px; padding:0 5px; text-align: center; color: #fff;  background: #08a586; }
#pageBox2 b { display: inline-block; width: 30px; height: 30px; line-height: 30px; padding:0 5px; text-align: center; color: #fff;  background: #08a586; }

#pageNav { display: inline-block; margin:0 5px; }
#pageNav a { display: inline-block; padding:0 15px;  height: 30px;  line-height: 30px; text-align: center;  color: #3a87ad; text-decoration: none;   }
#pageNav a.active, #pageNav a:hover {  background: #3a87ad; color: #EFEFEF; }
#prev:hover {cursor: pointer; }
#next:hover {cursor: pointer; }

/*案例*/
.deimg{}
.deimg p{ font-size:18px; color:#fff; background:#999; padding:2% !important; width:96% !important;  text-indent:1em !important;}
.deimg img{ width:100%;}

.ttp{ text-align:center; width:100%; color:#333; font-size:18px; line-height:30px; height:30px; margin-top:10px !important; }

.xzzs{ margin:0 auto; width:100%; margin-bottom:20px;}
.xzzsimg{ width:100%;}
.xzzsimg img{ width:100%;}
.xzzs p{ width:96%; line-height:20px !important; padding:10px 2% !important; text-indent:0 !important;word-wrap:break-word; border-bottom:1px solid #ccc; font-size:0.8em; text-align:left !important;  }