/* nav css */
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.nav{ padding:0 20px; height:60px; line-height:71px; position:relative; z-index:1;  }
		.nav a{ color:#fff;  }
		.nav .nLi{ float:left;  position:relative; display:inline;/*margin-top: -5px; */ }
		.nav .nLi h3{ float:left; background: url(../img/t_1.jpg) no-repeat right 31px; }
		.nav .nLi:last-child h3{background: none;}
		.nav .nLi h3 a{ display:block; padding:0 61px; font-size:18px;height: 60px;  }
		.nav .sub{ display:none; width:100px; left:0; top:34px;  position:absolute; background:#4E4E4E;  line-height:26px; padding:5px 0;  }
		.nav .sub li{ zoom:1; }
		.nav .sub a{ display:block; padding:0 10px; }
		.nav .sub a:hover{ background:#6d6d6d; color:#fff;  }
		.nav .on h3 a{ background:#00323b; color:#fff; background-size: 154px 65px;   }
		.nav .nLi h3 a:after{
			content: "";
		    position: absolute;
		    left: 50%;
		    top: -4px;
		    width: 0;
		    border-top: 4px solid #c6a379;
		    -webkit-transition: .3s;
		    -o-transition: .3s;
		    transition: .5s;
		}
		.nav .on h3 a:after{
			 left: 0;
             width: 100%;
		}
		
		
		
		
		/* banner css -------------------------------------- */
	.focuss{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
	.focuss .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:14px; text-align:center;  }
	.focuss .hd ul{ display:inline-block; height:10px; padding:3px 5px;; 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focuss .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focuss .hd ul .on{ background:#0e9cb4;  }

	.focuss .bd{ position:relative; z-index:0; }
	.focuss .bd li img{ width:100%;   background:url(images/loading.gif) center center no-repeat;  }
	.focuss .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
	.focuss .prev,.focuss .next{ position:absolute; left:0; top:50%; display:block; width:23px; height:27px; line-height:27px; text-align:center;   }
	.focuss  .next{ left:auto; right:0;}
	
	
	
	/* 经典项目 css -------------------------------------- */
	.tabBox{ margin:10px auto;  position: relative;}
	.tabBox .hd{ overflow:hidden;  position: absolute;
    bottom: 0px;
    width: 100%; }
	.tabBox .hd h3 a{color: #0b5966;}
	.tabBox .hd h3{ float:right; font-size:16px;background: url(../img/c_16.jpg) no-repeat right center;padding-right: 26px;margin-right: 34px; margin-top: 55px;}
	.tabBox .hd h3 span{color:#ccc; font-family:Georgia; margin-left:10px;  }
	.tabBox .hd ul{ float:left; background:rgba(255,255,255,0.8); }
	.tabBox .hd ul li a{display: block;line-height: 121px; width: 180px;height: 121px;text-align: left;text-indent: 95px;}
	.tabBox .hd ul li.on a.li_1{
		animation: myfirst .3s;
	}
	.tabBox .hd ul li.on a.li_22{
		animation: myfirst .3s;
	}
	.tabBox .hd ul li.on a.li_33{
		animation: myfirst .3s;
	}
	.tabBox .hd ul li.on a.li_44{
		animation: myfirst .3s;
	}
	.tabBox .hd ul li.on a.li_55{
		animation: myfirst .3s;
	}
	.tabBox .hd ul li.on a.li_66{
		animation: myfirst .3s;
	}
	@keyframes myfirst
{
0%   {transform: skewX(10deg);}
50%   {transform: scale(0.8);}
100% {transform: scale(1.1);}
}
	
	.tabBox .hd ul li{ float:left;   vertical-align:top; width: 187px;height: 121px;font-size: 16px;}
	.tabBox .hd ul li a.li_1{
		background: url(../img/t_11.png) no-repeat 13px center;
	}
	.tabBox .hd ul li a.li_22{
		background: url(../img/t_12.png) no-repeat 13px center;
	}
	.tabBox .hd ul li a.li_33{
		background: url(../img/t_14.png) no-repeat 13px center;
	}
	.tabBox .hd ul li a.li_44{
		background: url(../img/t_16.png) no-repeat 13px center;
	}
	.tabBox .hd ul li a.li_55{
		background: url(../img/t_18.png) no-repeat 13px center;
	}
	.tabBox .hd ul li a.li_66{
		background: url(../img/t_20.png) no-repeat 13px center;
	}

	.tabBox .hd ul li.on a.li_1{ background: url(../img/t_10.png) no-repeat 13px center #0b5966; color:#FFFFFF; display:block; /*transform: scale(1.2); transition: all ease-in-out .5s;*/}
	.tabBox .hd ul li.on a.li_22{ background: url(../img/t_13.png) no-repeat 13px center #0b5966; color:#FFFFFF; display:block; /*transform: scale(1.2); transition: all ease-in-out .5s;*/}
	.tabBox .hd ul li.on a.li_33{ background: url(../img/t_15.png) no-repeat 13px center #0b5966; color:#FFFFFF; display:block; /*transform: scale(1.2); transition: all ease-in-out .5s;*/}
	.tabBox .hd ul li.on a.li_44{ background: url(../img/t_17.png) no-repeat 13px center #0b5966; color:#FFFFFF; display:block; /*transform: scale(1.2); transition: all ease-in-out .5s;*/}
	.tabBox .hd ul li.on a.li_55{ background: url(../img/t_19.png) no-repeat 13px center #0b5966; color:#FFFFFF; display:block; /*transform: scale(1.2); transition: all ease-in-out .5s;*/}
	.tabBox .hd ul li.on a.li_66{ background: url(../img/t_21.png) no-repeat 13px center #0b5966; color:#FFFFFF; display:block; /*transform: scale(1.2); transition: all ease-in-out .5s;*/}
	
	.tabBox .bd ul{ padding:10px;  }
	.tabBox .bd ul li{ border-bottom:1px dotted #ddd;  }
	.tabBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
	.readMore{ display:block; height:30px; line-height:30px; margin:10px auto 20px auto;  text-align:center; text-decoration:underline;   }
	.tabBox .bd .project_le{ width: 1121px; }
	.tabBox .bd .project_le img{ display: block; }
	.tabBox .bd .project_ri{ text-align: left; width: 277px; height: 581px; background: #f2f2f2; padding-left: 12px; padding-right: 12px; background: url(../img/c_61.jpg) no-repeat center bottom;box-sizing: border-box;} 
	.tabBox .bd .project_ri dl dt{ font-size: 26px; line-height: 35px; } 
	.tabBox .bd .project_ri dl dd{ font-size: 14px; } 
	.tabBox .bd .project_ri p{ font-size: 16px; margin-top: 25px; }
	
	
	
	
	
	/* news css -------------------------------------- */
	.tabBox2{ margin:0 auto;}
	.tabBox2 .hd{ overflow:hidden;   }
	.tabBox2 .hd h3 a{color: #FFFFFF;}
	.tabBox2 .hd h3{ float:right; font-size:18px;background: url(../img/c_156jpg.jpg) no-repeat right center;padding-right: 26px;margin-right: 34px; margin-top: 55px;}
	.tabBox2 .hd h3 span{color:#ccc; font-family:Georgia; margin-left:10px;  }
	.tabBox2 .hd ul{ width: 100%; }
	.tabBox2 .hd ul li a{display: block;background: #0b5966; height: 60px;line-height: 60px;color: #FFFFFF;}
	.tabBox2 .hd ul li{ float:left;   vertical-align:top; width: 50%;font-size: 18px;text-align: left;text-indent: 53px;position: relative;}
	.tabBox2 .hd ul li i{
		display: block;
		width: 25px;
		height: 30px;
		background: url(../img/t_23.png) no-repeat center center;
		position: absolute;
		left: 17px;
		top: 50%;
		margin-top: -15px;
	}
	.tabBox2 .hd ul li.on i{
		background: url(../img/t_22.png) no-repeat center center;
	}
	.tabBox2 .hd ul li.on a{ color:#0c5866; display:block; background: #f8e8d8; }			
	.tabBox2 .bd  .news_de{ padding: 16px; position: relative; background: #fafafa;}
	.tabBox2 .bd  .news_de:before,.news_de:after{ content: ""; display: block; width: 1px; height: 331px; background: url(../img/c_23.jpg) no-repeat center top; position: absolute; left: 0px; top: 0px; z-index: 20; } .tabBox2 .bd 
	.news_de:after{ right: 0px; left: auto;visibility: inherit;height: 331px; } 
	.tabBox2 .bd  .news-top{  } 
	.tabBox2 .bd  .news-top .news_pho{ float: left; }
	.tabBox2 .bd  .news-top .news_pho img{ display: block; } 
	.tabBox2 .bd  .news-top .news_word{ text-align: left; width: 58%; float: left; margin-left: 12px; }
	.tabBox2 .bd  .news-top .news_word p{ font-size: 14px; line-height: 32px; -webkit-line-clamp: 6; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;height: 185px; } 
	.tabBox2 .bd .news-bot{ margin-top: 15px; }
	.tabBox2 .bd .news-bot ul li{ text-align: left; background: url(../img/c_22.jpg) no-repeat left center; line-height: 36px; color: #585a59; font-size: 14px; }
	.tabBox2 .bd .news-bot ul li span{ display: block; float: left; width: 448px; padding-left: 13px; overflow: hidden; -webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical; text-overflow: ellipsis; height: 36px;}
	.tabBox2 .bd .news-bot ul li span a{ color: #585a59; } 
	.tabBox2 .bd .news-bot ul li span a:hover{ color: #003944; } .tabBox2 .bd .news-bot ul li em{ float: right; }
	
	
	
	
	
	/* 观赏石 css -------------------------------------- */
	.tabBox3{ margin:10px auto;}
	.tabBox3 .hd{ overflow:hidden; position: relative; margin-top: 10px;}
	.tabBox3 .hd h3 a{color: #0b5966;}
	.tabBox3 .hd h3{ float:right; font-size:16px;background: url(../img/c_156jpg.jpg) no-repeat right center;padding-right: 26px;margin-right: 34px; margin-top: 55px;}
	.tabBox3 .hd h3 span{color:#ccc; font-family:Georgia; margin-left:10px;  }
	.tabBox3 .hd ul{ padding: 0 2%; }
	.tabBox3 .hd ul li a{display: block;}
	.tabBox3 .hd ul li a img{ display: block; padding: 2px; border: 1px solid #c3c3c3; margin: 0 auto;}
	.tabBox3 .hd ul li{ float:left;   vertical-align:top;margin: 0 9px; }
	.tabBox3 .hd ul li.on a{ color:#FFFFFF; display:block; width: 100%;height: 100%; }
	.tabBox3 .hd ul li.on a img{border: 1px solid #003944 ;}
	.tabBox3 .bd  .tone-pho{
		
	}
	.tabBox3 .bd .tone-pho img{
		display: block;
		padding: 2px;
		border: 1px solid #c3c2c0;
		
	}
	.readMore{ display:block; height:30px; line-height:30px; margin:10px auto 20px auto;  text-align:center; text-decoration:underline;   }
	.tabBox3 .prev,.tabBox3 .next{ position:absolute; left:0; top:50%;margin-top: -13px; display:block; width:23px; height:27px; line-height:27px; text-align:center;   }
	.tabBox3 .next{ left:auto; right:0;}
    
    
    
    
    
  .index-case-slider{ width:100%;  min-width:1023px;  height:580px;  position:relative; overflow:hidden; background:#fff; text-align:center;   }
.index-case-slider .bd{ width:1023px; position:absolute; left:50%; margin-left:-490px  }
.index-case-slider .bd li{ width:1023px;  overflow:hidden; }
.index-case-slider .bd li img{ display:block; width:1023px; height:580px;    }
.index-case-slider .tempWrap{ overflow:visible !important }
.index-case-slider .tempWrap ul{  margin-left:-1023px !important; /*强制位置*/  }

.index-case-slider .hd{ position:absolute; width:100%; left:0;  z-index:1; height:8px; bottom:20px;  text-align:center;  }
.index-case-slider .hd li{ display:inline-block; *display:inline; zoom:1; width:8px; height:8px; line-height:99px; overflow:hidden; background:url(images/slider-btn.png) 0 -10px no-repeat; 
    margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6;  }
.index-case-slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1;  }
.index-case-slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:580px; cursor:pointer; -webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;  }
.index-case-slider .pnBtn:hover {
    background: rgba(255,255,255,0.3);
} 
.index-case-slider .prev{ left:-50%; margin-left:-490px;  }
.index-case-slider .next{ left:50%;  margin-left:466px;  }
.index-case-slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:580px; background:#fff; filter:alpha(opacity=50);opacity:0.5;   }
.index-case-slider .pnBtn .arrow{ display:none;   position:absolute; top:0; z-index:1; width:60px; height:580px;  }
.index-case-slider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }
.index-case-slider .prev .arrow{ right:0; background:url(images/slider-arrow.png) -120px 0 no-repeat;   }
.index-case-slider .next .arrow{ left:0; background:url(images/slider-arrow.png) 0 0 no-repeat;  }


/*卫浴套图*/
.focus-wrap { position:relative; overflow:hidden; width:100%;}
.focus { position:relative; margin:0 auto; width:1023px; height:580px; }
.focus .focus-container { position:absolute; top:0; left:0; width:10000px; height:580px; }
.focus li { position:relative; float:left; display:inline; overflow:hidden; width:1023px; height:580px; }
.focus .info {position:absolute;bottom:0;left:0;opacity: 0;
filter: alpha(opacity=0); overflow:hidden;width: 75%;height: 110px;text-shadow:0px 1px 3px #000;

-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.focus .title {padding-top:12px;padding-left:35px;font-size: 24px;}
.focus .title a { color:#fff; }
.focus .title a:hover { text-decoration:none; }
.focus .desc {padding-left:35px;color:#fff;padding-top: 5px;text-align: left;/* font-size:12px; */}
.focus .cover {position:absolute;bottom:0;left:0;opacity: 0;width:100%;height: 110px;background:#000;

    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.focus .next, .focus .prev, .focus .pn-line {
    position:absolute;
    bottom: 30px;
    z-index:100;
    overflow:hidden;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../img/sp_arr.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    /* margin: 0 20px; */
    text-indent: -9999px;
 }
.focus .prev {right: 155px;}
/*.focus .prev:hover { padding-right:5px; background-position:0 0; }*/
.focus .next { right: 10px;background-position: 0 -32px;}
.focus .prev:hover,
.focus .next:hover { background-position-x: -32px; 
    -moz-background-position-x: -32px; }
/*.focus .pn-line { top:405px; right:44px; width:31px; height:68px; background:url(../img/s24.png) no-repeat -474px -216px; }*/
.focus .trigger {
    position: absolute;
    bottom: 22px;
    text-align: center;
    right: 0;
    z-index: 10;
    width: 200px;
    height: 32px;
}
.focus .trigger span {position:relative;/* float:left; */display: inline-block;overflow:hidden;overflow:hidden;/* margin-right:11px; */width: 16px;height: 12px;text-indent:-9999px;font-size:0;line-height:0;cursor:pointer;}
.focus .trigger .last{ margin-right:12px;}
.focus .trigger i {
    display: block;
    overflow: hidden;
    margin: 0 4px;
    width: 8px;
    height: 8px;
    /* background: #ededed; */
    font-size: 0;
    line-height: 0;
    border-radius: 50%;
    border: 2px solid #666;
}
.focus .trigger .active i {
    border-color: #0c5866;
    background: #0c5866;
}
.trigger-cover { display: none; position:absolute; top:487px; left:0; z-index:11; width:125px; height:4px; background:#c33; font-size:0; line-height:0; }
.seven .trigger {/* padding-left:68px; */}
.seven .trigger .last { display:none; }
.seven .trigger-cover { left:68px; }
.focus .focus-container .eight .info , .focus .focus-container .eight .cover{ display:none;}
.lbox, .rbox{ position:absolute; top:0; width:1023px;height:580px;}
.lbox{ left:-1023px;}
.rbox{ right:-1023px;}
.focus-wrap .mask{ z-index:99; background:#fff; opacity: 0.5; cursor:pointer; filter: alpha(opacity=50);-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s; }
.focus-wrap .mask:hover {
    opacity: .6;
    filter: alpha(opacity=60);
}
.focus .active .info {
    opacity: 1;
    filter: alpha(opacity=100);

}
 .focus .active .cover{
    opacity: .3;
    filter: alpha(opacity=30);
  
}
/*播放*/
.vidio-btn{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -73px;
	margin-left: -73px;
	z-index: 10;
}


     /* 本例子css -------------------------------------- */
	.slideBox{ position:relative; width:100%;  height:auto; overflow:hidden; margin:0px auto; display: none;}
	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:16px; right:0; z-index:1;width: 32%; }
	.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
	.slideBox .hd li.on{ background:#0c5866;  }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative;  }
	.slideBox .bd li img{ width:100%;  display:block;   }
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0;text-align: left; height:auto; background:rgba(0,0,0,0.6); color:#fff;  padding: 10px; }
	.slideBox .bd li .tit h4{
		font-size: 16px;
		width: 67%;
	}
	.slideBox .bd li .tit p{
		width: 67%;
	}
	.slideBox .prev,.slideBox .next{ position:absolute; left:0%; top:0; display:block; width:25px; height:25px; line-height:25px; text-align:center;border: 1px solid #FFFFFF;   border-radius: 50%;}
	.slideBox .prev img,.slideBox .next img{
		display: block;
        margin: 6px auto;
		width: 50%;
	}
	.slideBox .next{ left:auto; right:5%;}
	



/* ====== 客服 ====== */
.qqkefu{position:fixed;right:0;bottom:40%;z-index:888;width:53px;}
.qqkefu ul li{position:relative;float:right;margin-bottom:1px;height:47px;background:#378fe6;font-size:14px;line-height:47px;opacity:.9;cursor:pointer;}
.qqkefu ul li a{color:#fff;}
.qqkefu ul li.qq_cza{overflow:hidden;}
.qqkefu ul li:hover{background:#0b5966;}
.qqkefu ul li.top{position:relative;width:53px;background:#2e818f url(../img/top_icon.png) no-repeat center;color:#1c1c1c;text-align:center;font-weight:800;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.qqkefu ul li.top:hover{background-color:#0b5966;}
.qqkefu ul li b{float:left;display:block;overflow:hidden;width:53px;height:47px;}
.qqkefu ul li b.a{background:url(../img/czx4.png) no-repeat center center;}
.qqkefu ul li b.b{background:url(../img/czx3.png) no-repeat center center;}
.qqkefu ul li b.d{background:url(../img/bdsq.png) no-repeat center center;}
.qqkefu ul li b.c{background:url(../img/czx5.png) no-repeat center center;}
.qqkefu ul li b.e{background:url(../img/icon_kf_tel.png) no-repeat center center;}
.qqkefu ul li b.lxb{background:url(../img/phone0.png) no-repeat center center;}
.qqkefu .erweima{position:absolute;top:-103px;left:-134px;float:right;display:none;height:150px;border:1px solid #CCC;background:#FFF;cursor:default!important;}
.qqkefu .erweima p{float:left;width:130px;color:#000;text-align:center;font-size:12px;line-height:20px;}
.qqkefu .erweima p img{margin:10px 10px 0 10px;width:110px;height:110px;}
.qqkefu .kf-tel .erweima{top:-23px;left: -153px;height:70px;text-align:center;}
.qqkefu .kf-tel .erweima p{width: 150px;}
.qqkefu .kf-tel .erweima em{display:inline-block;margin-top:12px;margin-bottom:6px;width:100%;color:#0c5866;font-weight:600;font-size:18px;}