/**
 * @Author: SuperMoo <SuperWoods>
 * @Date:   2017-03-29-14:48:11
 * @Email:  st_sister@me.com
 * @Filename: index.css
 * @Last modified by:   SuperWoods
 * @Last modified time: 2017-04-01-16:14:31
 * @License: MIT
 * @Copyright: Copyright (c) Xinhuanet Inc. All rights reserved.
 */
/* v0.1.4 */
/*---------- layout ----------*/
.content {
    margin-bottom: 30px;
}

.content-scetion {
    margin-top  : 20px;
    overflow    : hidden;
    max-width   : 1000px;
    margin-left : auto;
    margin-right: auto;
}

.content-full-width {
    position      : relative;
    background    : #f5f9f8;
    padding-top   : 30px;
    padding-bottom: 30px;
}

.swiper-figure-arrow {
    position           : absolute;
    width              : 80px;
    height             : 80px;
    top                : 50%;
    margin-top         : -40px;
    background-repeat  : no-repeat;
    background-position: center center;
}
@media screen and (max-width: 1280px) {
    .swiper-figure-arrow {
        display: none;
    }
}

.swiper-figure-arrow-left {
    left            : 50px;
    background-image: url("http://www.newsimg.cn/info/zt2/dsjnczt/img/arrow-left.png");
}

.swiper-figure-arrow-right {
    right           : 50px;
    backGround-image: url("http://www.newsimg.cn/info/zt2/dsjnczt/img/arrow-right.png");
}

.section-tit {
    padding      : 10px 0;
    font-size    : 24px;
    font-weight  : bold;
    line-height  : 30px;
    margin-bottom: 10px;
}

.section-tit a {
    color: rgb(51, 51, 51) !important;
}

.section-tit a:hover {
    color: #428bca !important;
}

.ico-tit {
    float       : left;
    position    : relative;
    left        : 5px;
    width       : 40px;
    height      : 25px;
    margin-top  : 6px;
    margin-right: 10px;
    border      : 1px solid #4fbf5f;
}

.ico-tit:before {
    position  : absolute;
    z-index   : 0;
    content   : '';
    width     : 40px;
    height    : 25px;
    top       : -5px;
    left      : -5px;
    background: #4fcffe;
}

.header {
    height    : 320px;
    background: url("http://www.newsimg.cn/info/zt2/dsjnczt/img/banner.png") no-repeat center center;
}
@media screen and (max-width:767px) {
    .header {
        height         : 150px;
        background-size: cover;
    }
}

.hidden {
    display: none;
}

.topnews-txt {
    position   : relative;
    font-size  : 24px;
    font-weight: bold;
    background : #eee;
    padding    : 1em 2em;
    text-align : center;
}

.topnews-txt:before {
    content   : '';
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 40px;
    height    : 40px;
    background: #fff url("http://www.newsimg.cn/info/zt2/dsjnczt/img/ico-sj.png") no-repeat;
}

.topnews-txt span {
    color: #4fbf5f;
}

.topnews-txt a {
    color: #333;
}

#top-swiper {
    position: relative;
}

#top-swiper .arrow {
    position       : absolute;
    bottom         : 0;
    width          : 40px;
    height         : 35px;
    background     : #4fbf5f;
    z-index        : 1;
    line-height    : 30px;
    text-align     : center;
    color          : #fff;
    font-weight    : bold;
    font-size      : 20px;
    text-decoration: none;
}

#top-swiper .arrow-left {
    left: 0;
}

#top-swiper .arrow-right {
    right: 0;
}

.swiper-content {
    position: relative;
}

.swiper-tit {
    position   : absolute;
    bottom     : 0;
    left       : 0;
    right      : 0;
    color      : #fff;
    text-align : center;
    line-height: 35px;
    height     : 35px;
    overflow   : hidden;
    background : rgb(48,48,48);
    background : rgba(0,0,0,0.8);
    opacity    : .8;
}

.swiper-tit a {
    color: #fff;
}

.img-responsive-wrapper img {
    display: block;
    width  : 100%;
    border : 0;
}

.thumbnail {
    overflow: hidden;
}

.thumbnail img {
    display: block;
    width  : 100%;
}

.thumbnail-item {
    list-style   : none;
    position     : relative;
    margin-bottom: 10px;
    overflow     : hidden;
}

.thumbnail-hover-cover {
    position  : absolute;
    left      : 15px;
    right     : 15px;
    height    : 100%;
    top       : 100%;
    background: #4fcffe;
    opacity   : 0;
    transition: all .5s ease-in-out;
}

.thumbnail-item:hover .thumbnail-hover-cover {
    top    : 0;
    opacity: .9;
}

.thumbnail-hover-cover a {
    position       : absolute;
    top            : 10px;
    right          : 10px;
    bottom         : 10px;
    left           : 10px;
    padding        : .5em;
    border         : 1px solid #fff;
    font-size      : 20px;
    line-height    : 1.5;
    color          : #fff;
    text-decoration: none;
}

.thumbnail-txt-item .thumbnail-wrapper {
    padding-bottom: 20px;
    padding-top   : 20px;
    overflow      : hidden;
}

.thumbnail-txt-item:first-child .thumbnail-wrapper,
.thumbnail-txt-item:nth-child(2) .thumbnail-wrapper {
    border-bottom: 1px solid #eee;
}

.thumbnail-txt-tit {
    font-size    : 18x;
    margin-bottom: 1em;
    height       : 1.5em;
    overflow     : hidden;
    line-height  : 1.5;
}

.thumbnail-txt-tit a {
    color: #333;
}

.thumbnail-txt-abs {
    height       : 6em;
    line-height  : 2;
    margin-bottom: 1em;
    overflow     : hidden;
    text-indent  : 2em;
    color        : #999;
}

.thumbnail-txt-info {
    float: right;
}

.thumbnail-txt-info span {
    float      : left;
    margin-left: 20px;
}

.thumbnail-txt-info .time {
    color: #4fbf5f;
}

.thumbnail-txt-info .detail a {
    color: #4fcffe;
}

#swiper-people .swiper-wrapper {
    height: 300px;
}

.card-container {}

.card-wrapper {
    text-align: center;
}

.card-img {
    margin-left  : auto;
    margin-right : auto;
    width        : 60%;
    border-radius: 50%;
    overflow     : hidden;
    margin-bottom: 14px;
}

.card-img img {
    display: block;
    width  : 100%;
}

.card-name {
    font-size    : 18px;
    font-weight  : bold;
    margin-bottom: 10px;
}

.card-tit {
    line-height: 1.5;
    color      : #666;
    font-size  : 14px;
    height     : 3em;
    overflow   : hidden;
}

.card-abs {
    background   : url("http://www.newsimg.cn/info/zt2/dsjnczt/img/quote.png") no-repeat;
    padding      : 2px 35px;
    margin-bottom: 10px;
    line-height  : 2;
    height       : 6em;
    overflow     : hidden;
}
@media screen and (max-width:767px) {
    .card-abs {
        background: transparent;
        padding   : 2px 10px;
        font-size : 12px;
    }
}

.card-entry a {
    display         : inline-block;
    background-color: #4fbf5f;
    padding         : 1em 3em;
    border-radius   : .2em;
    color           : #fff;
    font-size       : 12px;
}
@media screen and (max-width: 767px) {
    .card-entry a {
        padding: 1em;
    }
}

.section-list li {
    font-size  : 14px;
    line-height: 3;
    height     : 3em;
    overflow   : hidden;
}

.section-list li:before {
    content     : '';
    width       : 5px;
    height      : 5px;
    background  : #4fbf5f;
    float       : left;
    margin-top  : 1.4em;
    margin-right: 1em;
}

.section-list li a {
    color: #333;
}

.thumbnail-bottom-tit {
    padding-top: 10px;
}

.thumbnail-bottom-tit a {
    color: #333;
}

.footer {
    text-align : center;
    background : #666;
    padding    : 20px 10px;
    color      : #fff;
    font-size  : 12px;
    line-height: 2;
}
/*no-mediaqueries fix*/
.no-mediaqueries .thumbnail-item.col-sm-3 {
    width: 25%;
}

.no-mediaqueries .section-list.col-sm-4,
.no-mediaqueries .thumbnail-item.col-sm-4,
.no-mediaqueries .thumbnail-item.col-sm-4 {
    width: 33.333333%;
}

.no-mediaqueries .thumbnail-txt-item.col-sm-6 {
    width: 50%;
}

.no-mediaqueries .section-tit.col-sm-2 {
    width: 16.666666%;
}
/* Add nav and some changes @St. 2017-03-29 */
body {
    background: #e7f9ff;
}

.st-position-relative {
    position: relative;
}

.st-logo {
    position   : absolute;
    top        : 10px;
    left       : 50%;
    margin-left: -500px;
    z-index    : 2;
    width      : 100px;
    height     : auto;
}

.st-nav {
    background  : rgb(122,188,255);
    background  : -moz-linear-gradient(top, rgb(122,188,255) 0%, rgb(96,171,248) 44%, rgb(64,150,238) 100%);
    background  : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(122,188,255)), color-stop(44%,rgb(96,171,248)), color-stop(100%,rgb(64,150,238)));
    background  : -webkit-linear-gradient(top, rgb(122,188,255) 0%,rgb(96,171,248) 44%,rgb(64,150,238) 100%);
    background  : -o-linear-gradient(top, rgb(122,188,255) 0%,rgb(96,171,248) 44%,rgb(64,150,238) 100%);
    background  : -ms-linear-gradient(top, rgb(122,188,255) 0%,rgb(96,171,248) 44%,rgb(64,150,238) 100%);
    background  : linear-gradient(to bottom, rgb(122,188,255) 0%,rgb(96,171,248) 44%,rgb(64,150,238) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#7abcff', endColorstr='#4096ee',GradientType=0);
    margin-left : -15px;
    margin-right: -15px;
    text-align  : center;
    line-height : 60px;
    font-size   : 18px;
    border-top  : 1px #f9c98f solid;
    overflow    : hidden;
}

.st-nav a {
    padding        : 0 36px;
    color          : #FFF;
    text-decoration: none;
    display        : inline-block;
}

.st-nav a.active,
.st-nav a:hover {
    background : #FFF;
    color      : #333;
    font-weight: 800;
}

.st-nav a:active {
    background : #CCC;
    color      : #000;
    font-weight: 800;
}
@media screen and (max-width:767px) {
    .st-logo {
        top        : 0;
        left       : auto;
        right      : 10px;
        margin-left: 0;
        width      : 60px;
    }

    .st-nav {
        display: none;
    }
}