@charset "utf-8";
/* CSS Document */
*{padding: 0;margin: 0;}
li{list-style: none;}
a{text-decoration: none;}
.w1200{width: 1200px;margin: 0 auto;}
.footmid ul li{font-size: 15px;}
.clear{clear: both;}
.clear20{clear: both;height: 20px;}
.clear30{clear: both;height: 30px;}
.container{
    width: 100%;
    min-width: 1300px;
    margin: 0 auto;
}
.zzTop{position: relative;}
.zzTop-img{
    width: 100%;
    min-height: 450px;
    display: block;
}
.zzTopC{
    width: 1200px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
    height: 100%;
    box-sizing: border-box;
    padding-top: 30px;
}
.zzlogo{
    display: block;
}
.zzlogo img{
    display: block;
}
.zzzq-title{
    padding-left: 250px;
}
.zzzq-title img{display: block;}
.zzTopC ul{
    padding-left: 210px;
}
.zzTopC ul a{display: inline-block;margin-right: 20px;}
.main{
    width: 1200px;
    margin: 0 auto;
}
.zz-first{
    height: 152px;
    background: #f4f4f4;
    box-sizing: border-box;
    padding: 30px 50px;
}
.zz-first a{
    color: #1b5d3e;
    font-size: 40px;
    line-height: 48px;
    font-weight: bold;
}
.zz-banner{
    height: 600px;
}
.zznewsT{
    height: 100px;
    background: #f5f5f5;
}
.zznewsT li{
    float: left;
    height: 100%;
    width: 25%;
    position: relative;
}
.zznewsT li a{
    display: block;
    text-align: center;
    line-height: 100px;
    font-size: 48px;
    color: #333;
    font-weight: bold;
}
.zznewsT li.on a{
    background: #38ac74;
    color: #fff;
}
.zznewsT li.on::after{
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -20px;
    content: '';
    border: 20px solid transparent;
    border-top: 20px solid #38ac74;
}
.zzTab{
    box-sizing: border-box;
    position: relative;
    padding: 10px;
}
.zzTab ul{
    display: none;
}
.zzTab ul li{
    line-height: 70px;
    font-size: 36px;
    background: url("../images/zzdot.png") no-repeat 0 center;
    padding-left: 30px;
}
.zzTab ul li a{
    display: block;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zzTab ul li a:hover{
    color: #1b5d3e;
}
.zzzqyw ul{
    margin-right: -24px;
}
.zzzqyw ul li{
    float: left;
    text-align: center;
    width: 384px;
    box-sizing: border-box;
    margin-right: 24px;
    border-radius: 20px;
    height: 200px;
    box-shadow: 0 0 3px 5px #eee;
}
.zzzqyw ul li a{
    position: relative;
    display: block;
    height: 100%;
    padding-top: 25px;
    box-sizing: border-box;
}
.zzzqyw ul li a p{
    color: #333;
    font-size: 48px;
    font-weight: bold;
    margin-top: 5px;
}
.zz-zfxxgkzl{
    display: block;
    height: 195px;
    background: url("../images/zz-ztimg.png") no-repeat;
    background-size: 100% 100%;
}
/*养老服务*/
.zz-ylfwztT img{
    display: block;
    width: 100%;
}
h3.zz-yl-lm{ font-size:48px; color:#333; padding-bottom:20px;}
a.zz-more{ display: block; box-sizing: border-box; border: 1px solid #ccc; text-align: center; margin: 0 auto; margin-top: 12px; line-height: 38px; border-radius: 19px; color: #999; font-size: 20px; padding:10px 20px;}
/* 焦点图 s */
.focus{ width:1200px; height:600px; position:relative; overflow:hidden;}
/*大图切换*/
.yx-rotaion { width: 100%; height: 600px !important; overflow: hidden; background-color:#fefefe; }
.yx-rotaion-btn,
.yx-rotaion-title,
.yx-rotation-focus,
.yx-rotation-t,
.yx-rotaion-btn { position: absolute }
.yx-rotation-title { position: absolute; width: 100%; height: 60px; line-height: 60px; background: #000; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; left: 0;bottom: 0; z-index: 1 }
.yx-rotation-t { color: #fff; font-size: 16px; font-family: microsoft yahei; z-index: 2; bottom: 0px; left: 20px; line-height: 60px; width: 470px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.yx-rotation-t { font-size: 36px; font-family: microsoft yahei; z-index: 2; bottom: 0; width:1000px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#fff;}
.yx-rotaion-btn .left_btn{background:url(../images/zz-prev.png) no-repeat center center;}
.yx-rotaion-btn .right_btn{background:url(../images/zz-next.png) no-repeat center center;}
.yx-rotation-focus { height: 25px; line-height: 25px; right: 20px; bottom: 22px; z-index: 2 }
.yx-rotation-focus span { background:url(../images/focus-gdots.png) no-repeat; width: 12px; height: 12px; line-height: 12px; float: left; margin-left: 5px; position: relative; top: 14px; cursor: pointer; text-indent: -9999px }
.yx-rotaion-btn {  height: 74px; top: 42%; width: 100%;}
.yx-rotaion-btn span { width: 39px; height: 74px; cursor: pointer; filter: alpha(opacity=30); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; position: relative }
.yx-rotaion-btn .left_btn {  float: left; left: 0px }
.yx-rotaion-btn .right_btn {  float: right; right: 0px }
.yx-rotaion-btn span.hover { filter: alpha(opacity=80); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.yx-rotation-focus span.hover { background:url(../images/focus-ydots.png) no-repeat; }
.detail {position:absolute; bottom:-8px; text-indent:2em; width:470px; height:56px; padding:0 15px; overflow:hidden; font-size:14px; color:#6f6f6f;display: none;}
.detail span{color:#aba8a8; }



.app_footer{display: none;}


/* 养老服务专题 s */
.ylfw-btns ul{
    margin-right: -30px;
}
.ylfw-btns ul li{
    float: left;
    margin-bottom: 30px;
    margin-right: 30px;
    min-width: 25%;
    max-width: 100%;
    text-align: center;
}
.ylfw-btns ul li a{
    display: block;
    padding: 15px 30px;
    background: #ccc;
    color: #333;
    box-sizing: border-box;
    font-size: 36px;
}
.ylfw-btns ul li a:hover{
    background: #38ac74;
    color: #fff;
}
/* 养老服务专题 e */