body {
    background: #ebebeb; /*灰*/
    /*background:#fafafa;*/ /*浅灰*/
}

.container{
    max-width:1000px;
}

.body{

}
.body-block{
    background-color:#fff;
    border-bottom: 1px solid #d9dadc;
    border-top: 1px solid #d9dadc;
    margin-top:10px;
}
.full-body{
    background-color:#fff;
}
.full-body .body-block{
    border:0;
}
.block-group .group-body{    
    margin:10px 0;
}
.block-group .group-item{
    margin:10px 0;
}
.block-group .group-title{
    border-bottom:1px solid #eee;
    line-height:40px;
}
.block-group .group-title h4{
    border-left-width:4px;
    border-left-style:solid;
    padding-left:5px;
    color:#8d8d8d;
    font-size:14px;
}
.block-group .group-title h4 small{
    padding-left:10px;
}

.body .section-title{    
    color: #999;
    letter-spacing: 0;
    text-align: center;
    border-bottom: 1px #E8E8E9 solid;
    margin-bottom: 10px;
}
.body .section-title h2{
    font-size: 2.5rem;
    line-height: 1;
    color:#444;
}


/*系统公告*/
.body .notice_area{
    margin-top:50px;
}
.notices_box {
    overflow: hidden;
    *zoom: 1;
    position: relative;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 10px;
    line-height: 40px;
    background-color: #fff;
    border-bottom: 1px solid #e7e7eb;    
}
.notices_box dt {
    float: left;
    line-height: 40px;
}
.notices_box dd {
    float: left;
    line-height: 40px;
}
.notices_box dd i {
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
    color: #d5d5d5;
    margin-top: -0.2em;
    *margin-top: 0;
}
.notices_box dd .notices_title {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 22em;
}
.notices_box dd a {
    color: #222;
}
.label_new {
    background: url(/Areas/Portal/Image/page_login_z34a20e.png) 0 -1886px no-repeat;
    width: 18px;
    height: 12px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 6px;
}
.notices_box dd.extra {
    position: absolute;
    right: 16px;
    top: 0;
}
.icon_arrow {
    background: url(/Areas/Portal/Image/page_login_z34a20e.png) 0 -1867px no-repeat;
    width: 16px;
    height: 15px;
    vertical-align: middle;
    display: inline-block;
}



/*KV图*/
.body .kv-block {
    margin-top: 50px;
}
.swiper-container {
    /*max-width:1000px;*/   
    width:100%;    
    max-height:600px;
}
.kv-block .swiper-slide img{
    width:100%;
}

/*统一样式*/
.body .kv-block,
.body .menu-block,
.body .article-block{
    margin:0 auto;
    border:none;
}

/*分类导航菜单*/
.body .menu-block{
    /*border-bottom:2px solid #459ae9;*/
}
.body .menu-group{
    /*line-height:30px;*/
    text-align:center;
}
.menu-group .group-item{
    display:inline-block;
}
.menu-group .menu-item{
    margin-left:5px;
    margin-right:5px;    
    font-size:14px;
}
.menu-group .menu-item:hover{
    color:#459ae9;    
}
.menu-group .separtor-item::before{
    padding: 0 5px;
    color: #ccc;
    content: "|";
}
.menu-group .menu-item span{
    cursor:pointer;
}
.menu-group .menu-item span.active{
    color:#d9534f;
}

/*卡片式专题展示*/
.body .card-block{
    padding-bottom:20px;
}
.body .card-block .section-title{
}
.body .card-col{
    padding-left:10px;
    padding-right:10px;
}
.card-block .img-inner{
    position:relative;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px #ddd;
    padding:5px;
}
.card-block .card-img{

}
.card-block .card-title{
    position:absolute;
    margin-top:-40px;   
    width: 100%; 
    height:40px;
}
.card-block .card-title-mask{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity: .3;
    background-color: #fff;
}
.card-block .card-title h4{
    color:#fff;
    position:relative;
    font-size:14px;
    padding:0;
    margin:0;
    line-height:40px;
    text-align:center;
}

/*踏影软件服务*/
.body .service-block{
    padding-bottom:20px;
}
.body .service-item{
    border: 1px solid #ddd;
    box-shadow: 0 0 5px #ddd;
    padding:10px;
    height:200px;
    overflow:hidden;
}
.body .service-item h4{
    border-left-width:4px;
    border-left-style:solid;
    padding-left:5px;
}
.body .service-item p{
    color: #8d8d8d;
    font-size:15px;
    line-height:2em;
}


/*底部分栏内容*/
.main-footer {
    margin-top: 10px;
    background: #202020;
    padding: 35px 0 0;
    color: #959595;
    line-height: 1.75em;
}
.widget {
    margin-bottom: 35px;
}
.widget .title {
    margin-top: 0;
    padding-bottom: 7px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 21px;
    position: relative;
    font-size: 1.5em;
}
.widget .title::after {
    content: "";
    width: 90px;
    height: 1px;
    background: #f4645f;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.widget .recent-post .recent-single-post {
    border-bottom: 1px dashed #ebebeb;
    padding-bottom: 14px;
    margin-bottom: 14px;
}
.widget .tag-cloud a {
    border: 1px solid #ebebeb;
    padding: 2px 7px;
    color: #959595;
    line-height: 1.5em;
    display: inline-block;
    margin: 0 7px 7px 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.widget .tag-cloud a:hover {
    color: #ffffff;
    background: #f4645f;
    border: 1px solid #f4645f;
    text-decoration: none;
}
.main-footer .widget .tag-cloud a:hover {
    border: 1px solid #f4645f;
}
.main-footer .widget .title {
  color: #ffffff;
  border-bottom: 1px solid #303030;
}

.main-footer .widget .tag-cloud a {
  border: 1px solid #303030;
}
.main-footer .widget .tag-cloud a:hover {
  border: 1px solid #f4645f;
}
.main-footer .widget .friend-links a {
  border: none;
}
.main-footer .widget .friend-links a:hover {
  border: none;
}
.main-footer .widget .friend-links hr {
  margin: 1em 0;
  border-top: 1px dashed #303030;
}
.main-footer .widget .recent-post .recent-single-post {
  border-bottom: 1px dashed #303030;
}
.main-footer .widget .recent-post .recent-single-post .post-title {
  color: #959595;
}
.main-footer .widget .recent-post .recent-single-post .post-title:hover {
  color: #f4645f;
}
.main-footer .widget .recent-post .recent-single-post .date {
  color: #505050;
}

@media (min-width:320px) and (max-width:415px) {
    .notices_box dt{
        float:none;
    }

    /*专题 在手机端 不要边框，宽带占满*/
    .body .img-inner{
        border:0;
        padding:0
    }
    .body .card-col{
        padding-left:0;
        padding-right:0;
    }
}
@media (min-width:416px) {
    .body .notice_area {
        margin-top: 60px;
    }
    .notices_box dd{
        margin-left:30px;
    }
}





/*常用颜色样式*/
.color-blue{
    color:#459ae9;
}
.color-success{
    color:#5cb85c;
}
.color-info{
    color:#5bc0de;
}
.color-danger{
    color:#d9534f;
}
.color-warning{
    color:#f0ad4e;
}
.border-left-black{
    border-left-color:#000;
}
.border-left-blue{
    border-left-color:#459ae9;
}
.border-left-success{
    border-left-color:#5cb85c;
}
.border-left-info{
    border-left-color:#5bc0de;
}
.border-left-danger{
    border-left-color:#d9534f;
}
.border-left-warning{
    border-left-color:#f0ad4e;
}


/*常用基本样式*/
.inline-block{
    display:inline-block;
}