@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900|Teko:300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900|Roboto:300,400,500,600,700,800,900|Bebas Neue:300,400,500,600,700,800,900&display=swap');


html,
body {
	height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

body {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 20px;
	font-weight: 400;
	position: relative;
	z-index: 1;
	background: #fff;
	overflow-x: hidden;
}

a {
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-size: 16px;
	transition-duration: .3s;
}

a:hover,a:focus,a:visited {	
	text-decoration: none;
	outline: none;
	color: #000;

}
p{padding: 0;margin: 0;}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}
input{
   border: 0px;
   background-color: none;
   outline: none;
}
input:focus{
   outline: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
  border: 0;
}
button,
select { /* 1 */
  text-transform: none;
  border: 0;
}
input,select{
  outline: none

}

i,
span,
a {
	display: inline-block;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

li {
	display: inline-block;
}
.clear{clear: both;}
.container{min-width: 1300px;}
.container-fluid{min-width: 1300px;}
.swiper-container{min-width: 1300px;}


/* 导航 */
.navbox .logo{float: left;width: 200px;}


.navbox .headnav{width: 1070px;float: left;padding-left: 32px;}
.headnav>ul>li{display: inline-block;height: 92px;line-height: 93px;}
.headnav>ul>li>a{position: relative;z-index: 1000;background: #fff;padding:0 21px;}
/* .headnav>ul>li:nth-child(10)>a{padding-right: 0;} */
.headnav>ul>li>.aactive{

	background: #362416;
}
.headnav>ul>li>.aactive{color:#fff ;}
.headnav>ul>li>a:hover{color:#fff ;}
.headnav>ul>li>a:hover{

	background: #362416;
}
.headnav>ul>li>ul{background: #fff}
.headnav>ul>li>ul>li>a{line-height: 40px;height: 40px;font-size: 14px;width: 100%;text-align: center;border-bottom: 1px #ccc dotted;}
.headnav>ul>li>ul>li>a:hover{background: #362416;}

.wittit{width: 97%;border-bottom: 2px #362416 solid;line-height: 30px;margin-bottom: 20px;margin-left: 10px;}
.wittit h3{font-size: 24px;color: #362416;}
.wittit h3 span{color: #999999;font-size: 14px;font-family: arial;font-weight: 400;text-transform: uppercase;padding-left: 10px;position: relative;}
.wittit p{position: absolute;top: 10px;right:34px;top: 3px;font-size: 14px;color: #999999;}
.ttttttt{position: relative;height: 170px;}
.ttttttt .habk{width: 99.99%;height: 100%;z-index: 1;position: absolute;left: 0;top: 0;height: 170px;padding: 20px;padding-top: 35px;}
.ttttttt h3{text-align: center;font-size: 28px;}
.ttttttt h3 span{font-size: 18px;}
.ttttttt p{text-align: center;margin: 0 auto;margin-top: 10px;width: 70%;line-height: 30px;}

.habout{position: relative;height: 170px;}
.habout .habk{border: 1px #7d7d7d dotted;width: 99.99%;height: 100%;z-index: 1;position: absolute;left: 0;top: 0;height: 170px;padding: 20px;padding-top: 35px;}
.habout h3{text-align: center;font-size: 28px;}
.habout h3 span{font-size: 18px;}
.habout p{text-align: center;margin: 0 auto;margin-top: 10px;width: 70%;line-height: 30px;}

.alleft  h3{font-size: 35px;color: #f6ff91;font-family: 'Bebas Neue', sans-serif;text-align: center;padding-top: 20px;}
.alleft span{color: #f6ff91;font-size: 22px;text-align: center;position: relative;display: block;width: 100%;}
.alleft span::after{
	content: "";
	position: absolute;
	top: 10px;left:39px;width: 50px;
	background: #f6ff91;
	height: 1px;
}
.alleft span::before{
	content: "";
	position: absolute;
	top: 10px;right:39px;width: 50px;
	background: #f6ff91;
	height: 1px;
}
.habout::after{
	content:"" ;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	z-index: 10;
	border: 1px #f20000 solid;
	clip-path: inset(34% 0 0 92%);

	/* clip-path: inset(0 0 0 0); */
	transition: 0.3s;
}
.alli{width: 100%;margin-top: 15px;padding-bottom: 25px;}
.alli li{display: block;width: 100%;}
.alli li a{width: 100%;color: #fff;padding-left:13%;height:40px;line-height: 40px;transition: 0.3s;}
.alli li a:hover{background: #f6ff91;color: #39281b;}
.habout::before{
	content:"" ;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	z-index: 10;
	border: 1px #f20000 solid;
	clip-path: inset(0 92% 34% 0);
	/* clip-path: inset(0 0 0 0); */
	transition: 0.3s;

}
.habout:hover::after{
	content:"" ;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	z-index: 5;
	border: 1px #f20000 solid;
	clip-path: inset(0 0 0 0);
}
.habout:hover::before{
	content:"" ;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	z-index: 5;
	border: 1px #f20000 solid;
	clip-path: inset(0 0 0 0);
}

.hon2{padding: 0 30px;text-align: right;}
.hon2 .col-3{
	border: 1px #ccc dotted;
	border-right: 0;
	padding: 10px 0;
}
.hon2 .col-3:nth-child(4){
	border-right: 1px #ccc dotted;
}
.hon2 .col-3::before{
	content:"" ;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	z-index: 10;
	border: 1px #f20000 solid;
	clip-path: inset(0 100% 100% 0);

	transition: 0.3s;
}
.hon2 .col-3::after{
	content:"" ;
	position: absolute;
	top: -1px;
	left: 1px;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	z-index: 10;
	border: 1px #f20000 solid;
	clip-path: inset(100% 0 0 100%);

	/* clip-path: inset(0 0 0 0); */
	transition: 0.3s;
}

.hon2 .col-3:hover::before{
	content:"" ;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	z-index: 10;
	border: 1px #f20000 solid;
	clip-path: inset(0 59% 34% 0);
	/* clip-path: inset(0 0 0 0); */
	transition: 0.3s;
}
.hon2 .col-3:hover::after{
	content:"" ;
	position: absolute;
	top: -1px;
	left: 1px;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	z-index: 10;
	border: 1px #f20000 solid;
	clip-path: inset(34% 0 0 59%);

	/* clip-path: inset(0 0 0 0); */
	transition: 0.3s;
}

.ht1{position: absolute;top: -60px;left:15px;width: 100%;}
.habot{position: absolute;bottom: 50px;left:82px;}
.habot a{border: 1px #fff solid;padding:10px 30px;margin-right: 20px;color: #fff;}
.habot a:hover{background: #d21328;color: #fff;border: 1px #d21328 solid;}
.ht1{overflow: hidden;}
.ht1 img{transition: 0.6s;width: 100%;}
.ht1:hover img{transform: scale(1.07);}

.hrig{width: 100%;color: #fff;}
.hrig .hleft{float: left;width: 50%;background: url(../images/bb.png) no-repeat;padding: 20px;text-align: center;padding-top: 60px;height: 348px;margin-top: 40px;}
.hrig .hleft h3{font-size: 30px;text-transform: uppercase;}
.hrig .hleft span{font-size: 21px;color: #f6ff92;border: 1px #f6ff92 solid;padding: 15px 30px;}
.hrig .hleft p{margin-top: 10px;line-height: 30px;}
.hrig .hright a{width: 100%;}
.hrig .hright span{width: 120px;height: 40px;line-height: 40px;text-align: center;border: 1px #fff solid;color: #fff;margin-top: 10px;margin-bottom: 10px;}
.hrig .hright:hover span{border: 1px #f6ff92 solid;color: #f6ff92;}
.hrig .hright{float: left;width: 50%;text-align: center;}
.hrig .hright img{width: 100%;transition: 0.6s;}
.hrig .hright .ht2{overflow: hidden;}
.hrig .hright:hover img{transform: scale(1.07);}
.htu3 {width: 100%;position: relative;padding-left: 20px;overflow: hidden;}
.htu3 a{width: 100%;}
.htu3 img{width: 100%;transition: 0.6s;}
.htu3 .hthov{overflow: hidden;position: relative;}
.htu3 .hthov span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 184px;text-align: center;;height: 52px;line-height: 52px;border: 2px #909260 solid;background: rgba(71,55,41,0.8);color: #fff;}
.htu3 .hthov:hover span{background: rgba(86,60,37,0.8);}
.htu3:hover img{transform: scale(1.07);}

/* 首页搜索 */
.hseabox{background: #222;height: 156px;}
.sertitle{width: 100%;}
.serinput{width:1019px;float: left;background: #ffffff;border-radius: 4px;height: 45px;line-height: 45px;}
.sertitle{width: 100%;line-height: 70px;color: #fff;text-align: center;font-size: 22px;font-weight: bold;}
.sertitle span{color: #d1aa76;}
.secan{cursor: pointer;width: 149px;background: #362416;color: #fff;text-align: center;line-height: 45px;border-radius:4px;font-size:20px;font-weight: bold;float: right;}
.serinput .inpu1{float:left;width:143px;}
.serinput .inpu1 select{border: 0;width: 100%;color: #757575;padding-left: 10px;}
.serinput .inpu2{float:left;width:143px;padding-left: 10px;position: relative;}
.serinput .inpu2::after{
	content: "";
	position: absolute;
	top: 9px;
	left: 5px;
	height: 27px;
	width: 1px;background:#d2d2d2 ;
}
.serinput .inpu2 input{width: 100%;}
.serinput .inpu3{float:left;width:143px;padding-left: 10px;position: relative;}
.serinput .inpu3::after{
	content: "";
	position: absolute;
	top: 9px;
	left: 5px;
	height: 27px;
	width: 1px;background:#d2d2d2 ;
}
.serinput .inpu3 input{width: 100%;}
.serinput .inpu4{float:left;width:143px;position: relative;}
.serinput .inpu4::after{
	content: "";
	position: absolute;
	top: 9px;
	left: 5px;
	height: 27px;
	width: 1px;background:#d2d2d2 ;
}
.serinput .inpu4 select{border: 0;width: 100%;color: #757575;padding-left: 10px;}
.serinput .inpu5{float:left;width:143px;position: relative;}
.serinput .inpu5::after{
	content: "";
	position: absolute;
	top: 9px;
	left: 5px;
	height: 27px;
	width: 1px;background:#d2d2d2 ;
}
.serinput .inpu5 select{border: 0;width: 100%;color: #757575;padding-left: 10px;}
.serinput .inpu6{float:left;width:143px;padding-left: 10px;position: relative;}
.serinput .inpu6::after{
	content: "";
	position: absolute;
	top: 9px;
	left: 5px;
	height: 27px;
	width: 1px;background:#d2d2d2 ;
}
.serinput .inpu6 input{width: 100%;}
.serinput .inpu7{float:left;width:143px;padding-left: 10px;position: relative;}
.serinput .inpu7::after{
	content: "";
	position: absolute;
	top: 9px;
	left: 5px;
	height: 27px;
	width: 1px;background:#d2d2d2 ;
}
.serinput .inpu7 input{width: 100%;}

.addbox{width: 100%;position: relative;padding-left: 14px;}
.addbox span{font-weight: bold;}
.addbox p{color: #666666;line-height: 30px;}
.addbox::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 7px;height: 42px;
	background: #000000;
}
.lxxiang{position: relative;}
.lxxiang::after{
	content: "";
	position: absolute;
	top: 0;
	right:50px;
	height: 186px;width: 1px;background: #ededed;
}
.msgleft{float: left;width: 50%;}
.msgright{float: right;width: 50%;}
.msgright textarea{width: 100%;border: 1px #eaeaea solid;height:134px;padding: 10px;font-size: 14px;}
.msgleft input{border: 1px #eaeaea solid;display: block;width: 98%;height: 38px;margin-bottom: 10px;padding-left: 10px;line-height: 38px;font-size: 14px;}
.subsitt {display: block;width: 100%;background: #eeeeee;height: 40px;line-height:41px;text-align: center;cursor: pointer;}
/* 品牌实力 */
.ppbox {padding-top: 40px;}
.ppbox h3{width: 100%;text-align: center; font-size:30px;font-weight: bold;color: #222222;}
.ppbox span{width: 100%;text-align: center;}
.ppbox .pplist{height:360px;}
/* .pplist .unfold{width: 600px;height: 360px;background: url(../images/ppbj.jpg) no-repeat; background-position:center center;}
.pplist .fold{width: 100px;text-align: center;background: #f6f8fa;height: 360px;}
 */
.box10 {height: 360px; margin-top: 30px;}
.voice_2 { width: 1170px; position: relative; left: 50%; margin-left: -585px; height: 360px;}
.voice_2 ul li { float: left; display: inline; height:360px; color: #fff; cursor: pointer; position: relative;}
.voice_2 ul li.li1 .fold { background: #dee0e2;color: #000000;z-index: 200;}
.voice_2 ul li.li2 .fold  { background: #f6f8fa;color: #000000;z-index: 200;}
.voice_2 ul li.li3 .fold  { background: #dee0e2;color: #000000;z-index: 200;}
.voice_2 ul li.li4 .fold  { background: #f6f8fa;color: #000000;z-index: 200;}
.voice_2 ul li.li5 .fold  { background: #dee0e2;color: #000000;z-index: 200;}
.voice_2 ul li.li6 .fold  { background: #f6f8fa;color: #000000;z-index: 200;}
.voice_2 ul li.li7 .fold  { background: #f6f8fa;color: #000000;z-index: 200;}
.voice_2 ul li.li1 .active{background: #362416;color: #fff;}
.voice_2 ul li.li2 .active{background: #362416;color: #fff;}
.voice_2 ul li.li3 .active{background: #362416;color: #fff;}
.voice_2 ul li.li4 .active{background: #362416;color: #fff;}
.voice_2 ul li.li5 .active{background: #362416;color: #fff;}
.voice_2 ul li.li6 .active{background: #362416;color: #fff;}
.voice_2 ul li.li7 .active{background: #362416;color: #fff;}
.voice_2 .fold { width: 100px; height: 100%; text-align: center; position: absolute; top: 0px; right: 0px;}
.voice_2 .fold .img { display: block; margin-bottom: 20px;}
.voice_2 .li1 .fold .img {
    width: 300px;
    height: 50px;
    transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    position: absolute;
    left: -134px;
    top: 118px;
    z-index: 200;
	font-size: 12px;    text-transform: uppercase;
	
}
.voice_2 .li2 .fold .img {
    width: 300px;
    height: 50px;
    transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    position: absolute;
    left: -134px;
    top: 106px;
    z-index: 200;
	font-size: 12px;
	    text-transform: uppercase;
}
.voice_2 .li3 .fold .img {
    width: 300px;
    height: 50px;
    transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    position: absolute;
    left: -134px;
    top: 130px;
    z-index: 200;
	font-size: 12px;
	    text-transform: uppercase;
}
.voice_2 .li4 .fold .img {
    width: 300px;
    height: 50px;
    transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    position: absolute;
    left: -134px;
    top: 150px;
    z-index: 200;
	font-size: 12px;
	    text-transform: uppercase;
}
.voice_2 .li5 .fold .img{
    width: 300px;
    height: 50px;
    transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    position: absolute;
    left: -134px;
    top: 125px;
    z-index: 200;
	font-size: 12px;
	    text-transform: uppercase;
}
.voice_2 .li6 .fold .img {
    width: 300px;
    height: 50px;
    transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    position: absolute;
    left: -134px;
    top: 135px;
    z-index: 200;
	font-size: 12px;
	    text-transform: uppercase;
}
.voice_2 .li7 .fold .img {
    width: 300px;
    height: 50px;
    transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    position: absolute;
    left: -134px;
    top: 135px;
    z-index: 200;
	font-size: 12px;
	    text-transform: uppercase;
}
.voice_2 .fold .txt { font-size: 24px; display: block; width: 25px; font-weight: normal;margin: 60px 46px;line-height: 25px;}
.voice_2 .unfold { width:669px; height: 100%; display: none; position: absolute; top: 0px; left: 0px;background: url(../images/ppbj.jpg) no-repeat;background-position: center center; background-size: 100%;padding-right: 100px;}
.voice_2 .unfold .context {text-align: center;line-height: 35px;margin-top: 100px;}
.voice_2 .unfold a {display: block;border: 1px #fff solid;width: 120px; height: 40px;line-height: 40px;color: #fff;text-align: center;margin: 0 auto;margin-top: 20px;}
.voice_2 .unfold a:hover{background: #362416;}

/* 理念 */
.lnbox img{width: 100%;margin-top:20px;}

.ppbox li{width: 130px;height: 38px;line-height: 38px;text-align: center;border: 1px #243401 solid;margin-right: 14px;margin-top: 20px;}
.ppbox ul :nth-child(8){margin-right: 0;}
.ppbox li a{width: 100%;display: block;}
.ppbox .active{background: #362416;color: #fff;border: 1px #362416 solid;}
.ppbox .active a{color: #fff;width: 100%;display: block;}
.ppbox li:hover{background: #362416;color: #fff;border: 1px #362416 solid;}
.ppbox li a:hover{color: #fff;}

/* 装修案例 */
.albox{height: 682px;overflow: hidden; margin-top: 20px;position: relative;}
.albox .ui-big-images{width: 831px;height: 682px;overflow: hidden;display: flex;}
.albox .ui-big-images img{width: 831px;height: 682px;}
.ui-big-image {
  width: 100%;
  margin-right: -100%;
}
.ui-big-image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 20%;
     object-position: center 20%;
  width: 100%;
  height: 100%;
  display: block;
}

.albox .ui-thumbnails{position: absolute;bottom: 0;right: 0;width: 292px;height: 240px;overflow: hidden;
display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.albox .ui-thumbnails img{width: 292px;height: 240px;}


.ui-thumbnail {
  display: block;
  margin-right: .5rem;
  padding: .5rem 0;
  cursor: pointer;
}

.ui-cuticle {
  background-color: #000;   /*文字背影切换*/
  position: absolute;
  bottom: 0;
  height: .25rem;
  width: 100%;
}

.ui-thumbnail > img {
  width: auto;
}

.albox .ui-content{position: absolute; bottom: 280px;right: 0;width: 468px;height: 313px;background: #ffffff;}
.albox .ui-content .ui-articles{position: absolute;top: 0;left: 0;width: 468px;height: 313px;
display: flex;
  align-items: stretch;
  overflow: hidden;
}
.albox .ui-content .ui-articles .ui-article{
	padding:60px;
	position: relative;
}
.albox .ui-content .ui-articles .ui-article p{
	line-height: 35px;
}
.albox .ui-content .ui-articles .ui-article a{
	position: absolute;
	right: 135px;
	bottom: 15px;
	width: 100px;height: 40px;line-height: 40px;border: 1px #222222 solid;color: #222222;text-align: center;z-index: 1000;
}
.albox .ui-content .ui-articles .ui-article .moreal{
	position: absolute;
	right:20px;
	bottom:15px;
	width: 100px;height: 40px;line-height: 40px;border: 1px #222222 solid;color: #222222;text-align: center;
}
.albox .ui-content .ui-articles .ui-article a:hover{
	background: #362416;color: #fff;border: 1px #362416 solid;
}
.albox .ui-nav{
	    position: absolute;
	    left: 114px;
	    bottom: -245px;
	    z-index: 500;
	    background: #000;
	    padding: 0px 19px;
}
.albox .ui-nav button{
	border: 0;
	background: #000;
	font-size:60px;
	position: relative;
	color: #fff;
}
.albox .ui-nav #prev{margin-right: 10px;}
.albox .ui-nav #next::after{
	content:"" ;
	
}

/* ---------------------------------- */
.ui-big-image {
   transition-property: opacity, -webkit-transform, -webkit-filter;
   transition-property: transform, opacity, filter;
   transition-property: transform, opacity, filter, -webkit-transform, -webkit-filter;
   transition-duration: 0.7s, 0.7s, 0.7s;
   transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.ui-big-image img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.ui-big-image[data-active] ~ .ui-big-image {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.ui-big-image[data-active] {

  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.ui-big-image[data-active] img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/* ---------------------------------- */
.ui-article {
 transition-property: opacity, -webkit-transform, -webkit-filter;
 transition-property: transform, opacity, filter;
 transition-property: transform, opacity, filter, -webkit-transform, -webkit-filter;
 transition-duration: 0.7s, 0.7s, 0.7s;
 transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
  width: 100%;
  margin-right: -100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ui-article {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.ui-article:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;  /*文字背影切换*/
  opacity: 1;
  transition-duration: 0.35s;
  z-index: 1;
}

.ui-article[data-active] ~ .ui-article {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.ui-article[data-active] {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.ui-article[data-active]:before {
  opacity: 0;
}

/* ---------------------------------- */

.ui-thumbnail {
transition-property: opacity, -webkit-transform, -webkit-filter;
   transition-property: transform, opacity, filter;
   transition-property: transform, opacity, filter, -webkit-transform, -webkit-filter;
   transition-duration: 0.7s, 0.7s, 0.7s;
   transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
  width: 100%;
  margin-right: -100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ui-thumbnail{
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.ui-thumbnail > img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  transition-duration: 0.35s;
}
.ui-thumbnail:active > img {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  transition-duration: 100ms;
}
.ui-thumbnail:focus {
  outline: none;
}

.ui-cuticle {
  /* display: none; */
}

.ui-thumbnail[data-active] ~ .ui-article {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.ui-thumbnail[data-active] {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.ui-thumbnail[data-active]:before {
  opacity: 0;
}

/* 设计师团队 */
.sjsbox{margin-top:30px;}
.sjtuleft img{width: 100%;height: 556px;}
.sjsaltitle .tuimg{width: 100%; height: 278px;overflow: hidden; position: relative;}
.sjsaltitle .tuimg img{width: 100%;height: 278px;}
.sjsaltitle .tuimg p{height: 30;line-height: 30px; background-color:rgba(100,54,51,0.6);display: block;;position: absolute;right: 0;bottom: 20px;padding: 0 15px;color: #fff;}
.sjsaltitle h3{font-size:24px;margin-top: 15px;position: relative;}
.sjsaltitle h3::after{
	content: "";
	position: absolute;
	left: 0;
	bottom:-21px;
	width:50px;
	height: 3px;background: #362416;
}
.sjsaltitle span{font-size: 20px;line-height: 35px;display: block;;width: 100%;margin-top: 40px;}
.sjsaltitle .ahe{width: 100px;height: 40px;overflow: hidden;border: 1px #222 solid;margin-top: 35px;clear: both;line-height: 40px;text-align: center;}
.sjsaltitle .ahe a{text-align: center;color: #222;
position: relative; top: 0;
}
.sjsaltitle .ahe a:hover{
    top: -40px;
}
.sjsaltitle .ahe a p:nth-last-child(1){
    color: #000;padding: 0;margin: 0;
}

.sjslist{height: 532px;margin-top: 20px;position: relative;}
.sjsboxdan {position: relative;overflow: hidden;background: #000000;}
.sjsboxdan img{width: 100%; cursor: pointer;
-webkit-filter: grayscale(100%);
          filter: grayscale(100%);
 transition: 0.6s;
 opacity: 0.6;
}
.sjsboxdan .titlbox{position: absolute;bottom: 0;left: 0;height:30%;line-height: 27px;width: 100%;color: #fff;padding:30px;
transition-property: opacity, -webkit-transform, -webkit-filter;
   transition-property: transform, opacity, filter;
   transition-property: transform, opacity, filter, -webkit-transform, -webkit-filter;
   transition-duration: 0.7s, 0.7s, 0.7s;
   transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
   -webkit-transform: translateY(0%);
           transform: translateY(0%);
}
.sjsboxdan:hover img{
	-webkit-transform: scale(1.05);
	          transform: scale(1.05);
	  transition: 0.6s;
	  -webkit-filter: grayscale(0);
	            filter: grayscale(0);
				 opacity: 1;
}

.sjsboxdan:hover .titlbox{
	-webkit-transform: translateY(0%);
	        transform: translateY(0%);
}

.topnewho h3{width: 150px;height: 48px;text-align: center;border: 1px #f6ff92 solid;line-height: 48px;font-size: 21px;color: #f6ff92;margin: 0 auto;}
.topnewho span{position: relative;display:block;color: #6c5644;text-align: center;width: 180px;text-align: center;text-transform: uppercase;font-size: 21px;margin: 0 auto;margin-top: 15px;font-weight: 600;}
.topnewho span::after{
	content: "";
	position: absolute;
	left: -400px;
	top:10px;
	width: 400px;
	height: 1px;
	background: #6c5644;
}
.topnewho span::before{
	content: "";
	position: absolute;
	right: -400px;
	top:10px;
	width: 400px;
	height: 1px;
	background: #6c5644;
}
.topnewho p{text-align: center;color: #6c5644;padding: 10px 0;font-size: 14px;}

.nnnswibox h3{text-align: center;font-size: 18px;color: #f6ff92;padding-bottom: 5px;}
.nebox{padding:10px;border:1px  #f6ff92 solid;}
.nboxh{overflow: hidden;width: 100%;}
.nboxh img{transition: 0.6s;}
.nboxh:hover img{transform: scale(1.07);transition: 0.6s;}
.nnnswibox p{color: #8f8278;line-height: 25px;padding-top: 10px;font-size: 14px;}
.nnnswibox span{display: block;width: 120px;height: 30px;text-align: center;border: 1px #8f8278 solid;border-radius:50px;color: #8f8278;line-height: 30px;margin: 0 auto;margin-top: 10px;font-size: 14px;}
.nnnswibox:hover span{color: #f6ff92;border: 1px #f6ff92 solid;}

.gdimgbox{width: 100%;position: relative;}
.boxss{overflow: hidden;}
.gdimgbox a{width: 100%;display: block;}
.gdimgbox img{width: 100%;display:block}
.gdimgbox span{width:150px;height: 60px;line-height: 60px;text-align: center;border: 1px #fff solid;color: #fff;position:absolute;top: 50%;left:50%;transform: translate(-50%,-10%);transition: 0.6s;opacity: 0;}
.gdimgbox:hover span{
	transform: translate(-50%,-50%);
	opacity: 1;
}


/* 最新活动 */
.newboxxx{height:308px; position: relative;}
.newtitle{padding: 0;background: #362416;color: #fff;padding:50px 30px; width: 50%;float: left;height:309px;}
.newtitle h3{width: 100%;text-align: center;}
.newtitle p{line-height: 30px;margin-top: 20px;}
.newpic{padding: 0; width: 50%;float: right;height:308px;}
.newpic a{width: 100%;height: 100%;}
.newpic img{width: 100%;height: 100%;}
.newswiper{margin-top: 30px;}




/* 新闻中心 */
.box-wrapper {
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
	-moz-column-gap:3.5em;
	-webkit-column-gap:3.5em;
	column-gap:3.5em;
}
.boxpro{padding-top:20px;padding-bottom: 10px; height: 428px;break-inside:avoid;cursor: pointer;position: relative;}
.boxpro::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;background:#f2f2f2 ;
	top: 36px;
	left: 0;
}
.boxpro:hover::after
{
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;background:#362416 ;
	top: 36px;
	left: 0;
}
.boxpro a{display: block;width: 352.66px;height: 128.58px;overflow: hidden;}
.boxpro img{width: 100%;
-webkit-transform: scale(1);
	          transform: scale(1);
			  transition-duration: .3s;}
.boxpro:hover img{
	-webkit-transform: scale(1.1);
	          transform: scale(1.1);
	  
}
.boxpro:hover h5{color: #362416;}
.boxpro h5{font-size:18px;font-weight: bold;padding-top: 30px;color: #222222;}
.boxpro p{display: block;padding-top:10px;line-height: 30px;position: relative;color: #bdbdbf;clear: both;}
.boxpro .mor{display: block;;float: left;width: 30%; margin-top: 30px;color: #8c8c8c;font-size: 14px;}
.boxpro .mor:hover{color: #362416;}
.boxpro .time{float: right;;width: 30%;text-align: right; margin-top:30px;color: #8c8c8c;font-size: 22px;}
.boxpro .time span{font-size: 14px;}
.nontop{
	height: 230px;
	    padding-top: 0;
}
.nonxiantiao1::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;background:#f2f2f2 ;
	top: 0;
	left: 0;
}
.nonxiantiao1:hover::after
{
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;background:#362416 ;
	top: 0;
	left: 0;
}
.nonxiantiao3::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;background:#f2f2f2 ;
	top: 0;
	left: 0;
}
.nonxiantiao3:hover::after
{
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;background:#362416 ;
	top: 0;
	left: 0;
}
.nonxiantiao4::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;background:#f2f2f2 ;
	top: 15px;
	left: 0;
}
.nonxiantiao4:hover::after
{
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;background:#362416 ;
	top: 15px;
	left: 0;
}
.nonxiantiao5::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;background:#f2f2f2 ;
	top: 0;
	left: 0;
}
.nonxiantiao5:hover::after
{
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;background:#362416 ;
	top: 0;
	left: 0;
}

.hf{width: 100%;height: 230px;background: url(../images/hf.jpg) no-repeat;background-position: center center;}

.fotlebox{background: #412d1b;padding: 40px;padding-top: 60px;width: 94%;position: absolute;top: -110px;left: 0;
-moz-box-shadow:0px 0px 10px  rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px  rgba(0,0,0,0.5);height: 370px;
}
.ewmbb{width: 100%;}
.ewmbb .rwmbox{width: 130px;float: left;}
.ewmbb .rwmbox img{width: 120px;height: 120px;}
.ewmbb .ewmtxt{width: 155px;float: left;}
.ewmbb .ewmtxt p{display: block;}
.ewmbb .ewmtxt span{font-size:48px;font-family: "microsoft yahei";margin: 15px 0;}
.ewmbb .ewmtxt h3{font-size: 32px;font-family: 'Bebas Neue', sans-serif ;}
.weib{width: 100%;height: 50px;clear: both;}
.weib a{width: 110px;font-size: 12px;line-height: 32px;height: 32px;background: #f6f6f6;display: block;float: left;margin-right: 10px;color: #000000;text-align: center;}
.weib a img{height: 28px;}
.weib a:hover{background: #e0e0e0;}
.focopname{position: relative;margin-top: 20px;background: #ffcd02;height: 50px;}
.focopname span{display: block;background: #ffcd02;width: 110%;text-align: center;height: 50px;line-height: 52px;position: absolute;right: -70px;top: 0;color: #000;padding-right: 30px;}
/* 底部 */
.hbotot{background: #121518;color: #fff;}
.yqlink{border-bottom: 1px #535353 solid;}
.yqlink h6{display: inline-block;font-size: 16px;}
.yqlink a{display: inline-block;;padding: 10px 20px;color: #fff;font-size: 14px;}
.yqlink a:hover{color: #362416;}

.fotdhbox{margin-top: 20px;}
.foot1{width:25%;float: left;padding-left:30px;}
.foot1 li{width: 100%;}
.foot1 a{color: #cebfb3; padding:6px 0;font-size: 14px;transition: 0.3s;position: relative;}
.foot1 a::after{
	content: "";
	position: absolute;
	top:14px;left: 0;
	width: 0;height: 1px;background: #fff;
	transition: 0.3s;
}
.foot1 a:hover{color: #fff;padding-left: 15px;}
.foot1 a:hover::after{
	content: "";
	position: absolute;
	top:14px;left: 0;
	width: 10px;height: 1px;background: #fff;
}
.foot2{width: 21%;float: left;}
.foot2 li{width: 100%; padding:6px 0;font-size: 14px;}
.foot3{width: 30%;float: left;padding-top: 17px;}
.foot3 .footlogo{width:48%;text-align: center;float: left;}
.foot3 .fewm{width:48%;text-align: center;float:right;}
.foot3 .fewm span{line-height:35px; font-size: 14px;}
.foot4{width: 36%;float:right;    padding-left: 58px;}
.foot4 li{width: 100%;padding-bottom: 8px;float: left;}
.foot4 input{width: 100%;height: 30px;line-height: 30px;border-radius: 5px;border: 0;padding-left: 10px;}
.foot4 li .subm{width: 100%;height: 30px;line-height: 30px;border-radius: 5px;text-align: center;background: #362416;color: #fff; cursor: pointer;}
.foot4 li .xmname{width: 49%;float: left;}
.foot4 li .youtel{width: 49%;float: right;}
.foot1 h3,.foot2 h3,.foot3 h3,.foot4 h3{font-size: 20px;font-weight: bold;}


.copby{background: #fff;color: #000;}
.footcopy{height: 40px;line-height: 40px;background: #fff;width: 100%;font-size: 14px;}
.footcopy .c1{float: left;width:33.3%;text-align: left;}
.footcopy .c2{float: left;width:33.3%;text-align: center;}
.footcopy .c2 a{color: #000;font-size: 14px;}
.footcopy .c3{float: right;width:33.3%;text-align: right;}
.footcopy .c3 a{color: #000;font-size: 14px;}



.topbanner{height: 426px;background: url(../images/nyb.jpg) no-repeat;background-position: center center;}
.topbanner h2{width: 100%;text-align: center;color: #fff;font-weight: bold;padding-top: 137px;font-size:40px;}
.topbanner span{width: 100%;text-align: center;color: #fff;padding-top:10px;font-size:22px;}


.prob{margin-top: 20px;border: 1px #d2d2d2 solid;font-size: 14px;}
.prob .rowlist{border-bottom: 1px #d2d2d2 solid; line-height: 35px; padding: 7px 0;;}
.prob .altit{width:100px;text-align: center;background: #fafafa;}
.prob .altlist a.btnhove{text-align: center;padding: 1px 15px;font-size: 14px;margin-right: -2px;}
.prob .altlist a.btnactive{background: #362416;color: #fff;border-radius: 3px;padding: 0 15px;font-size: 14px;margin-right: -2px;}
.prob .altlist a:hover{background: #362416;color: #fff;border-radius: 3px;padding: 0 15px;font-size: 14px;margin-right:-2px;}

.alshear{margin-top: 20px;}
.alshear input{width: 300px;border: 1px #bfbfbf solid;border-right: 0;float: left;height: 30px;line-height: 30px;padding-left: 15px;}
.alshear span{display: block;width: 80px;height: 30px;background: #362416;text-align: center;;line-height:30px;float: left;color: #fff;cursor: pointer;}

/* 案例列表 */
.caseobx{margin-top: 20px;padding-left: 0;}
.calist {border: 1px #bfbfbf solid;margin-bottom: 15px;position: relative;transition-duration: .3s;}
.calist img{width: 100%;height: 214px;}
.calist h4{font-size: 18px;padding-left: 10px; margin-top: 10px;}
.calist p{margin-top: 10px;padding-left: 10px;padding-bottom: 10px;}
.calist span{display: block;width: 100px;height: 30px;background: #e5e5e5;border-radius: 3px;line-height: 30px;text-align: center;font-size: 14px;position: absolute;right: 10px;bottom: 20px;}
.calist:hover{-moz-box-shadow:0px 0px 5px #888888;box-shadow: 0px 0px 5px #888888;}
.calist:hover span{background:  #362416;color: #fff;}

/* 案例详情 */
.leiboe{border: 1px #bfbfbf solid;border-bottom: 0;}
.leiboe li{float: left;width: 50%; line-height: 40px;height: 40px;border-bottom: 1px #bfbfbf solid;}
.leiboe li span{display: block;width:80px;background: #e5e5e5;text-align: center;float: left;height:39px;}
.leiboe p{display:block;width: 150px;float: left;padding-left: 10px;}

.clcontent{margin-top: 20px;}

.sjsboxright{border: 1px solid #E5E5E5;padding: 15px;}
.sjsboxright h3{font-size: 16px;height: 35px;line-height: 35px;}
.sjsboxright img{width: 100%;}
.sjsboxright span{margin-top: 10px;line-height:28px;display: block;}
.sjsboxright  a{display: block;padding: 7px 15px;background: #362416;color: #fff;font-size: 14px;text-align: center;margin-top: 10px;}


.lqbaojia{border: 1px solid #E5E5E5;padding: 15px;margin-top: 20px;}
.lqbaojia h3{font-size:22px;text-align: center;color: #362416;font-weight: bold;}
.lqbaojia .yonhusan{text-align: center;margin-top: 10px;display: block;margin-bottom: 20px;}
.lqbaojia p input{
	width: 100%;
	    height:30px;
	    line-height:30px;
	    padding: 5px 5px 5px 10px;
	    border: 1px solid #DDD;
	    background-color: #FFF;
	    border-radius: 3px;
	    margin: 6px auto;
}
.lqbaojia p input.rzb_butt1{
	    width: 100%;
	    height: 36px;
	    display: block;
	    border: none 0;
	    margin: 12px 0;
	    cursor: pointer;
	    font-size: 16px;
	    color: #FFF;

	    line-height: 28px;
		background: #362416;
}













 /* 详情,上一页,下一页 */
 .clear{clear: both;}
 .two{  padding: 10px 0;  border-top: 1px dotted #a5a7aa;  border-bottom: 1px dotted #a5a7aa;width: 100%; margin-top:20px; }
 .page_left{  float: left;  width: 400px;  border-right: 1px solid #d5d8dc;  }
  .page_left p{padding: 0;margin: 0;}
 .page_left a{  display: block;  padding: 20px;  margin-right: 25px;  }
 .page_left a:hover{  background: #362416;  }
 .page_left a .page1{  width: 40px;  height: 40px; line-height: 40px;text-align: center; float: left;  margin-right: 20px; border: 1px #000 solid;  }
 .page_left a .page2{  font-size: 18px;  color: #808488;  padding:1px;  }
 .page_left a:hover .page1{  color: #fff; border: 1px #fff solid; }
 .page_left a:hover .page2{  color: #fff;  }
 .page_left a .page3{  font-size: 14px;  color: #808488;  }
 .page_left a:hover .page3{  color: #fff;  }
 .page_right {  float: left;  width: 400px;  }
   .page_right p{padding: 0;margin: 0;}
 .page_right a {  display: block;  padding: 20px;  margin-left: 25px;  text-align: right;  }
 .page_right a:hover{  background: #362416;  }
 .page_right a:hover .page1{  color: #fff; border: 1px #fff solid; }
 .page_right a .page1{  width: 40px;  height: 40px;  line-height: 40px;text-align: center;   float: right;  margin-left: 20px; border: 1px #000 solid;  }
 .page_right a .page2{  font-size: 18px;  color: #808488;  padding:1px;  }
 .page_right a:hover .page2{  color: #fff;  }
 .page_right a .page3{  font-size: 14px;  color: #808488;  }
 .page_right a:hover .page3{  color: #fff;  }
 
 
 
/*工地 */
.gdobxl{padding: 6px;}
.gdlist{margin-bottom:15px;border: 1px #E5E5E5 solid ;padding: 5px;transition-duration: .3s;}
.gdlist:hover{-moz-box-shadow:0px 0px 5px #888888;box-shadow: 0px 0px 5px #888888;}
.gdlist img{width: 100%;}
.gdlist h3{font-size:16px;margin-top: 10px;}
.gdlist .sjjj span{font-size: 14px; color: #808488;display: block;width: 50%;float: left;}


/* 楼盘 */
.loupabox{width: 100%;border-bottom: 1px #E5E5E5 solid ;padding-bottom: 15px;margin-bottom: 15px;position: relative;}
.loupabox:hover{border-bottom: 1px #362416 solid ;}
.loupabox .loupanleft{width: 320px;float: left;}
.loupabox .loupanleft img{width: 100%;}
.loupabox .loupanright{width: 498px;float: right;;padding: 0 20px;font-size: 14px;line-height:25px;}
.loupabox .loupanright h5{border-bottom: 1px #E5E5E5 solid ;padding-bottom: 10px;font-size: 20px;}
.loupabox span{position: absolute;bottom:13px;right: 0;width: 80px;height: 40px;line-height: 40px;text-align: center;border: 1px #E5E5E5 solid;}
.loupabox:hover span{background: #362416;color: #fff;border: 1px #362416 solid;}

/* 设计师*/
.sjslistbox{width: 100%;border-bottom: 1px #E5E5E5 solid ;padding-bottom: 15px;margin-bottom: 15px;}
.sjslistbox .sjsleft{width:130px;float: left;}
.sjslistbox .sjsleft img{width: 100%;transition-duration: .3s;}
.sjslistbox:hover{border-bottom: 1px #362416 solid ;}
.sjslistbox:hover .sjsleft img{-moz-box-shadow:0px 0px 5px #888888;box-shadow: 0px 0px 5px #888888;}
.sjslistbox .sjsright{width: 498px;float: right;;padding: 0 20px;font-size: 14px;line-height:25px;}
.sjslistbox .sjsright h5{border-bottom: 1px #E5E5E5 solid ;padding-bottom: 10px;font-size: 20px;position: relative;}
.sjslistbox .sjsright h5 span{font-size: 16px;padding: 3px 5px;}
.sjslistbox .sjsright h5 .zwbox{background: #362416; color: #fff;border-radius: 10px;font-size: 14px;padding: 3px 5px;}
.sjslistbox .sjsright p{color: #808488;}






/* 设计师详情页 */
.sjsviewtopbox{background: url(../images/dfg.jpg) no-repeat; background-size:100% 100%; background-position: center center;height: 450px;}
.contetleftsjs{ color: #fff;padding: 90px 0 0 128px;}
.contetleftsjs p{line-height: 26px;font-size: 14px;color: #b7b7b7;}
.contnentrightsjs{text-align: center;}
.contnentrightsjs{width: 204px;
    height: 273px;
    float: right;
    border: 5px solid rgba(255,255,255,0.5);
    margin-left: 101px;
    margin: 82px 162px 0 0;
    position: relative;overflow: hidden;}
.contnentrightsjs img{width: 100%;}

.sjsjsbox{height: 40px;line-height: 40px; background-color: #fff;box-shadow: 2px 2px 10px #ccc;margin-bottom: 5px;}
.aljstitlel a{padding: 0 20px;}
.contacontent{color: #72757e;font-size: 14px;padding: 15px;background-color: #f8f8f8;}
.contacontent111{padding: 15px;}
.sjsviewbox{background: #fff;}