@charset "utf-8";
/* CSS Document */
/********* 首页公共标题列表 **********/
/*动画*/
@keyframes bellRing {
    0%,
    100% {
        transform-origin: top;
    }
    15% {
        transform: rotateZ(10deg);
    }
    30% {
        transform: rotateZ(-10deg);
    }
    45% {
        transform: rotateZ(5deg);
    }
    60% {
        transform: rotateZ(-5deg);
    }
    75% {
        transform: rotateZ(2deg);
    }
}
@-webkit-keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}
@keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}
@-webkit-keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}
@keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}
/*选项卡*/
.ls-tabs{border-bottom:2px solid #f2f2f2; }
.ls-tabs ul li{float:left; margin-right: 30px;}
.ls-tabs ul li a{ display: block; position: relative; line-height:40px; padding-bottom: 6px;font-size: 22px; }
.ls-tabs ul li a i{ display: block; height: 4px; bottom: -3px; position: absolute; left: 50%; width: 0; background: #0b45a1; transition: 0.4s all;}
.ls-tabs ul li.active,.ls-tabs ul li.active a{color: #0b45a1; font-weight: bold;}
.ls-tabs ul li.active a i{width: 100%; left: 0;}

/*标题*/
.ls-title{border-bottom:2px solid #f2f2f2;}
.ls-title .title{ display: block; position: relative; line-height:40px; padding-bottom: 6px;font-size: 22px; }
.ls-title .title i{ display: block; height: 4px; bottom: -3px; position: absolute; width: 100%; left: 0; background: #0b45a1; transition: 0.4s all;}

/*小标题选项卡*/
.ls-tabx{ font-size: 0; line-height: 0;}
.ls-tabx li{display:inline;}
.ls-tabx li a{display: inline-block; margin-left: 15px; line-height: 44px; font-size: 16px; color: #444; padding-left: 17px; position: relative;}
.ls-tabx li a i{ display: block; height: 1em; top: 50%; margin-top: -0.5em; position: absolute; left: 0; width: 2px; background: #e5e5e5;}
.ls-tabx li.first a{padding-left: 0; margin-left: 0;}
.ls-tabx li.first a i{display: none;}
.ls-tabx li a:hover,.ls-tabx li.active a{color: #0B45A1;}

/*通用列表*/
.ls-doc-list li{ position: relative; height: 41px; line-height: 40px; background: url("../images/icon.png") left center no-repeat; overflow: hidden; padding: 2px 50px 2px 14px; font-size: 16px;}
.ls-doc-list li .date{white-space: nowrap; color: #999;position: absolute; right: 0; top:2px;}
.ls-doc-list li a{display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; max-width: 100%;}
.ls-doc-list li img{float: left; padding: 15px 0 0 0;}

/********* 首页主体内容 **********/
/*焦点图*/
.ls-flash{  height: 371px; overflow:hidden; width: 660px; position: relative;}
.flash-slide{position: relative;height:100%; width: 100%;}
.ls-flash .flash-pic,.ls-flash .flash-pic ul,.ls-flash .flash-pic li,.ls-flash .flash-pic img,.ls-flash .flash-pic a{height:100% !important; width: 100% !important; }
.ls-flash .flash-pic{ position:relative; z-index:0;}
.ls-flash .flash-pic li{ zoom:1; vertical-align:middle;}
.ls-flash .flash-pic a{display:block; color: #fff; position: relative;}
.ls-flash .flash-pic img{display:block;}
.ls-flash .flash-pic .title{display: block; height: 45px; line-height:45px; padding: 0 140px 0 20px; font-size: 18px; background: rgba(0, 0, 0, 0.5); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 0; bottom: 0; color: #fff;}
.ls-flash .flash-pic a:hover .title{color: #fff;}
.ls-flash .flash-num{ height:12px; overflow:hidden; position:absolute; right:20px; bottom:16px; z-index:1; }
.ls-flash .flash-num ul{ overflow:hidden; zoom:1; float:left;}
.ls-flash .flash-num ul li{ float:left; margin-left:10px; width:12px; height:12px; font-size: 0; background:#fff !important; border-radius: 50%; overflow: hidden; cursor: pointer;}
.ls-flash .flash-num ul li.on{background: #BE0608 !important;}
.ls-prev,.ls-next{ position: absolute; top: 50%; display: block; width: 28px; height: 56px; margin-top: -28px; background: url("../images/arrow1.png") 0 center no-repeat rgba(0, 0, 0, 0.4); cursor: pointer; transition: 0.4s all; z-index: 10;}
.ls-prev:hover,.ls-next:hover{ background-color: rgba(0, 0, 0, 0.7);}
.ls-prev{left: 0;}
.ls-next{right: 0; background-position: -28px center;}
/*要闻*/
.ls-newslist{width:556px; height: 371px;overflow: hidden;}
.ls-list-info{ padding-top: 10px;}
.ls-newslist .ls-doc-list li a{max-width: 464px; *width: 464px;}

/*专题专栏*/
.ls-special-slide{position: relative; overflow: hidden; height: 100px;}
.ls-special-slide .ls-prev,.ls-special-slide .ls-next{ width: 18px; height: 32px; margin-top: -16px; background-image: url("../images/arrow2.png");}
.ls-special-slide .ls-prev{border-radius:0 4px 4px 0;}
.ls-special-slide .ls-next{border-radius:4px 0 0 4px; background-position: -17px center;}
.ls-speciallist{width: 100%; overflow: hidden;}
.ls-speciallist li{ float: left; width: 420px; height: 100px;}
.ls-speciallist li a{display: block; margin-right: 20px; height: 100%; overflow: hidden;}
.ls-speciallist li img{width: 100%; height: 100%; transition: 0.4s all linear;}
.ls-speciallist li span{font-size: 0; display: none;}
.ls-speciallist li:hover img{transform: scale(1.1);}

/*内容盒子*/
.ls-mainbox{width: 608px;}
/*其他列表*/
.ls-newBox .ls-list-info{ height: 264px; overflow: hidden;}
.ls-newBox .ls-doc-list li a{max-width: 515px; *width: 515px;}
/*健康促进/社会服务*/
.ls-linkBox{ background: #f6f9ff; margin-bottom: 20px;}
.ls-link-img{width: 200px; height: 240px; line-height: 0;}
.ls-link-img li a{display: block; height: 240px; transition: 0.4s all; outline: 1px transparent solid;}
.ls-link-img li span{display: none;}
.ls-link-img li img{width: 100%; height: 100%;}
.ls-link-img li a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.24); outline-color: #fff;}
.ls-link{ width: 352px; padding: 28px 20px 0 0;}
.ls-link li{float: left; margin: 0 0 0 20px; width: 156px;}
.ls-link li a{display: block; height: 28px; padding: 16px 0; line-height: 0; font-size: 0;}
.ls-link li a img{float: left; height: 28px; width: auto; cursor: pointer; display: block;}
.ls-link li a span{display: block; margin-left: 49px; cursor: pointer; font-size: 18px; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ls-link li a:hover{ color: #5ba7f5;}
.ls-link li a:hover img{ animation: bellRing 0.9s both;}