@charset "utf-8";

/* CSS Document */
.filtr-item {
    padding: 0em;
    width: 33.3333%;
    float: left;
	padding:10px 1%;
}
.filtr-container {
	width:100%;
}
/*装修样板*/
.dsds{display:none;}
.bff{display:none;width:100%;height:100%;text-align:center;background:#fff;opacity:1;position:fixed;top:0px;left:0px;z-index:333;}
.vddv{margin-top:200px;}
.bxdv{width:80%;margin-left:10%;}
.closee{color:#000;position:fixed;top:300px;right:50px;font-size:38px; cursor:pointer;z-index:3333;}
.ybfl{line-height:80px;text-align:center;width:100%;}
.fd{width:33.3333%;float:left;text-align:center;margin-top:15px;position:relative;}
.fdd{display:none;width:100%;height:100%;text-align:center;background:#fff;opacity:1;position:fixed;top:0px;left:0px;z-index:333;}
.fddd{margin:10% auto;}
/*装修样板*/
/*预售营销*/
.tedian{
	width:50%;
	float:left;
	}
.pad{padding:10px 20px;}
.tedian h3{color:#36C;text-align:center;line-height:40px;}
.icoo{width:100px; height:100px;float:left;border:1px solid #FFF;margin:10px; border-radius:50px;text-align:center;line-height:100px;color:#FFF;}
.bumenbox{height:300px;}
.bumensbox{width:25%;float:left;}
.bumen{width:90%;border:2px solid #28abe3;padding:35px 10px; height:260px;margin-left:5%;position:relative; border-radius:8px;}
.bumenxtb{width:80px;position:absolute;top:-40px;left:35%;}
/*预售营销*/
.item-desc {
    background-color: rgba(0,0,0,0.5);
    color: white;
    position: absolute;
    text-transform: uppercase;
    text-align: center;

    z-index: 1;
    
}
.media.service-box .pull-right > i {
  font-size: 35px;
  /* height: 94px; */
  line-height: 53px;
  text-align: center;
  width: 100px; 
  color: #085C98;
  /* background:#fff; */
  /* box-shadow: inset 0 0 0 1px #d7d7d7; */
  /* -webkit-box-shadow: inset 0 0 0 1px #d7d7d7; */
  transition: background-color 400ms, background-color 400ms;
  position: absolute;
  padding: 14px;
  /* height: 100%; */
  right:-13px;
  top: -15px;
  vertical-align: middle;
  background: rgb(30, 185, 238);
  border-radius: 10% 20%;
  height: 100px;
  border: 6px #fff solid;
}
.xbq{padding:0 10px;}
/*友情链接*/
.yq{
	line-height:50px;
	}
.yq span{
	padding:0 10px;
	}
.links p{margin:0px;}
.bttt{
	width:200px;
	height:60px;
	margin:0px auto;
	}
/*焦点图*/
.box{width:1920px;height:600px;margin:10px auto; position:relative;}
.box ul{ list-style:none;position:absolute;bottom:10px;left:44%}
.teacher_dl{margin:20px 0px;}
.te_li{width:33.333%;float:left;height:300px;margin:10px 0px;}
.tw_box{width:90%;height:300px;background:#f1f1f1;}
.teach_img{width:50%;float:left;margin:10px 0px;}
.teach_con{width:50%;float:left;padding:0px 10px;margin:10px 0px;}
@media screen and (min-width:1200px) and (max-width:1800px)

{
.box{width:1170px;height:400px;margin:10px auto; position:relative;}
.box ul{ list-style:none;position:absolute;bottom:40px;left:44%}	
}
@media screen and (min-width:900px) and (max-width:1200px)

{
.box{width:800px;height:240px;margin:10px auto; position:relative;}
.teach_con{font-size:0.6em;line-height:2em}
.teach_con h4{font-size:1em;line-height:2em}
.te_li{width:33.333%;float:left;height:240px;margin:10px 0px;}
.tw_box{width:90%;height:240px;background:#f1f1f1;}	
}
@media screen and (min-width:600px) and (max-width:900px)

{
.box{width:720px;height:200px;margin:10px auto; position:relative;}	
.teach_con{font-size:0.4em;line-height:2em}
.teach_con h4{font-size:1em;line-height:2em}
.te_li{width:33.333%;float:left;height:180px;margin:10px 0px;}
.tw_box{width:90%;height:180px;background:#f1f1f1;}
}
@media screen and (max-width:600px)

{
.box{width:420px;height:120px;margin:10px auto; position:relative;}	
.teach_con{font-size:0.3em;line-height:2em}
.teach_con h4{font-size:1em;line-height:2em}
.te_li{width:33.333%;float:left;height:120px;margin:10px 0px;}
.tw_box{width:90%;height:120px;background:#f1f1f1;}
}
.box img{position:absolute;}

.box ul li{width:16px;height:16px;border:1px solid #1eb9ee;font-size:12px;display:block; border-radius:8px;color:#F03;text-align:center;margin-left:10px;float:left}
.ys{background:#1eb9ee}
.left{ position:absolute;top:280px;left:10px;width:30px;}
.right{ position:absolute;top:280px;right:10px;width:30px;}
/*器械*/
.gn_qx img{
	width:100%;
	}
.gn_qx p{
	text-align:center;
	}
.guonei h3{
	text-align:center;
	}
/*荣誉资质导航*/
.active_about ul{
	list-style:none;
	}
.active_about ul li{
	padding:10px 30px;
	
	margin-left:20px;
	float:left;
	}
.about_on{
	padding-left:40px;
	}
.active_about ul li:hover{
	}
.about_on{
	padding-left:40px;
	
	}
/*文章随机推荐*/
.article-main{
	width:80%;
	margin:0 auto;
	}
.recommend ul{list-style:none;}
.recommend .content .list .item img {
  width: 100%;
  height: 170px;
}
.recommend {
  position: relative;
  z-index: 2;
  margin-top: 60px;
  background: #f3f3f3;
}
/* Filter controls */
.simplefilter li, .multifilter li, .sortandshuffle li {
    color: #C3C3C3;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    font-size: 1.1em;
    margin: 0 0.4em;
	letter-spacing: 1px;
}
.simplefilter li {
        border:2px solid #C3C3C3;
}
.simplefilter li.active {
    border: 2px solid #02C7DA;
	color: #02C7DA;
}
/* Shuffle and sort controls */
select {
    padding: 1rem 1rem;
    text-transform: uppercase;
}
.sortandshuffle .shuffle-btn {
    background-color: #dec800;
}
.sortandshuffle .sort-btn {
    background-color: #de0000;
}
.sortandshuffle .sort-btn.active {
    background-color: #9d0000;
}

/*----*/
.filtr-item {
    transform: scale(1) translate3d(0px, 0px, 0px);
	-o-transform: scale(1) translate3d(0px, 0px, 0px);   
    transition: all 0.5s ease-out 0ms;
	-o-transition: all 0.5s ease-out 0ms;
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
}

/*----*/
ul.simplefilter {
    text-align: center;
	margin-bottom: 3em;
	padding:0px;
}
@media(max-width:991px){
.filtr-item{
	float:left;
	width:33.33%;
}
.simplefilter li, .multifilter li, .sortandshuffle li {
    padding: 10px 13px;
    font-size: 1em;
}
}
@media(max-width:768px){
.filtr-item{
	float:left;
	width:50%;
}
.simplefilter li, .multifilter li, .sortandshuffle li {
    padding: 8px 10px;
    font-size: 0.9em;
    letter-spacing: 0px;
}
}
@media(max-width:600px){
.filtr-item {
    padding: 0em;
}
ul.simplefilter {
    margin-bottom: 0em;
}
.simplefilter li, .multifilter li, .sortandshuffle li {
    margin-bottom: 1em;
}

}
@media(max-width:414px){
ul.simplefilter {
    margin-bottom: 0em;
}
.filtr-item{
	width:100%;
}
.simplefilter li, .multifilter li, .sortandshuffle li {
    padding: 4px 4px;
    font-size: 0.8em;
    letter-spacing: 0px;
    margin-bottom: 1em;
}
}
.gallery {
    padding: 6em 0;
}
/*--gallery--*/

figure {
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
}

figure:hover figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    top: 0;
}

figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
	top: -100%;
    background: rgba(0,0,0,.5);
    color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

figcaption h3 {
    font-weight: 600;
	font-size:1.7em;
    color: #F05E6B;
    padding: 10px 20px;
    margin-bottom: 0;
    position: relative;
    left: 100%;
    margin-top: 55px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -ms-transition-delay: 1s;
    transition-delay: 1s;
}

figcaption p {
    padding: 10px 20px;
    margin-bottom: 0;
    position: relative;
    left: 100%;
    font-size: 0.9em;
    line-height: 2em;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: 1.3s;
    -moz-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    -ms-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

figure:hover h3,figure:hover p {
    left: 0;
}

figcaption a {
    color: #fff;
    border: 2px solid #fff;
    padding: 4px 10px;
    text-decoration: none;
}

figcaption a:hover {
    color: #4f5856;
    background: #fff;
}
.gallery {
    padding: 6em 0;
}
.ga-top{
	margin-bottom:3em;
}
/*首页价格*/
.pricing li{line-height:10px;}
.cy1{background-color:#e4f5f8;}
.cy2{background-color:#C1DFF2;}
.cy3{background-color:#e8e1f6;}
.cy4{background-color:#F6D1D1;}