/* CSS Document */

@charset "utf-8";

/* CSS Document */
.filtr-item {
    padding: 0em;
    width: 25%;
    float: left;
	padding:10px 1%;
}
.filtr-container {
	width:100%;
}
/*关于我们*/
.edbbox{padding:16px 0px;}
.edsbox{width:80%; margin:0px auto;text-align:center;}
.edh{font-weight:bold;padding:10px 0px;font-size:26px;color:#00b8ee;margin:0px 40px;}
.edact{border-bottom:3px solid #00b8ee;}
.guide-slider{width:1140px;margin:10% auto;background:#fff;height:260px}
.guide-slider .guide{width:250px;height:260px;float:left;-webkit-transition:all ease-in .3s;transition:all ease-in .3s;position:relative;overflow:hidden}
.guide-slider .guide .display{border-right:1px solid #d5d5d5;width:250px;height:260px;text-align:center;float:left;position:relative;z-index:2;background:#fff;-webkit-transition:all ease-in .3s;transition:all ease-in .3s}
.guide-slider .guide .display .icon{display:inline-block;width:74px;height:74px;margin-top:42px;background-image:url(function.png)}
.guide-slider .guide .display .icon.icon1{background-position:-592px 0}
.guide-slider .guide .display .icon.icon2{background-position:0 0}
.guide-slider .guide .display .icon.icon3{background-position:-296px 0}
.guide-slider .guide .display .icon.icon4{background-position:-444px 0}
.guide-slider .guide .display .icon.icon5{background-position:-518px 0}
.guide-slider .guide .display .title{font-size:16px;color:#666;height:40px;line-height:40px}.guide-slider .guide .display .introduction{border-top:1px solid #ddd;width:150px;margin:0 auto;font-size:12px;color:#999;text-align:left;line-height:20px}
.guide-slider .guide .display::after{content:"";display:block;position:absolute;border-style:solid;border-color:transparent #fff transparent transparent;border-width:10px 15px;top:100%;margin-top:0;right:-1px;-webkit-transition:all ease-in .3s;transition:all ease-in .3s}
.guide-slider .guide .behind{width:390px;height:260px;display:inline-block;border-right:1px solid #ddd;background:#fff;overflow:hidden;position:absolute;right:0;top:0;z-index:1}
.guide-slider .guide .behind .function-list-wrap{width:330px;margin:0 auto}
.guide-slider .guide .behind .function-list{margin-right:-10px;margin-top:20px}
.guide-slider .guide .behind .function-list>li{float:left;padding-right:10px}
.guide-slider .guide .behind .function-list>li>a{display:block;border:1px solid #ddd;width:100px;height:40px;text-align:center;line-height:40px;margin-bottom:18px;color:#0876c2}
.guide-slider .guide .behind .function-list>li>a:hover{text-decoration:none;border:1px solid #0876c2;background:#0876c2;color:#fff}
.guide-slider .guide .behind .function-list>li>a.important{color:#f58914}
.guide-slider .guide .behind .function-list>li>a.important:hover{border:1px solid #f58914;background:#f58914;color:#fff}
.guide-slider .guide.on{width:640px}
.guide-slider .guide.on .display{background:#4fa0d8;border-right-color:transparent}
.guide-slider .guide.on .display .title{color:#fff}
.guide-slider .guide.on .display .introduction{color:#fff}
.guide-slider .guide.on .display::after{top:50%;margin-top:-5px}
.guide-slider .guide.on .display .icon.icon1{background-position:-74px 0}
.guide-slider .guide.on .display .icon.icon2{background-position:-148px 0}
.guide-slider .guide.on .display .icon.icon3{background-position:-222px 0}
.guide-slider .guide.on .display .icon.icon4{background-position:-370px 0}
.guide-slider .guide.on .display .icon.icon5{background-position:-666px 0}
.guide-slider ul{padding:0px;margin:0px;list-style:none;}
/*关于我们*/
.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;}
@media screen and (min-width:900px) and (max-width:1000px)

{
.box{width:800px;height:240px;margin:10px auto; position:relative;}	
}
@media screen and (min-width:600px) and (max-width:900px)

{
.box{width:720px;height:200px;margin:10px auto; position:relative;}	
}
@media screen and (max-width:600px)

{
.box{width:420px;height:120px;margin:10px auto; position:relative;}	
}
.box img{position:absolute;}
.box ul{ list-style:none;position:absolute;bottom:10px;left:35%}
.box ul li{width:30px;line-height:16px;border:1px solid #CF0;font-size:12px;color:#F03;text-align:center;margin-left:10px;float:left}
.ys{background:#CF3}
.left{ position:absolute;top:180px;left:10px}
.right{ position:absolute;top:180px;left:860px}
/*器械*/
.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: 2em 0;
}
.ga-top{
	margin-bottom:3em;
}