.header {background:url(../images/news-index-bg.jpg) no-repeat top center;height:399px}
.section {background-image:url(../images/news-content-bg.jpg);background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;min-height:1393px}
.content-wrap {width:950px;min-height:832px}
.content-wrap .titles-wrap {text-align:center;border-bottom:1px solid #c7c7c7;padding-top:74px;padding-bottom:30px}
.content-wrap .titles-wrap h1 {font-size:28px;color:#262626;margin-bottom:20px}
.content-wrap .titles-wrap p {font-size:14px;color:#979797}
.content-wrap .detail-wrap {padding-top:32px;line-height:2;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.content-wrap .detail-wrap img {max-width:100%;margin:16px auto}
.share-wrap {padding-top:30px;width:950px;text-align:right;padding-bottom:160px}

@media screen and (max-width: 1024px) {
    .header {
        height: 120px;
        background-size: 100%;
        margin-top: 50px;
    }
    .content-wrap {
        width: 100%;
        padding-top: 15px;
    }
    .section { height: auto; min-height: 100vh;}
    .content-wrap .titles-wrap { padding-top: 10px; padding-bottom: 10px;}
    .content-wrap .titles-wrap h1{ margin-bottom: 10px;}
    .content-wrap .detail-wrap {padding: 15px;}
    .content-wrap .detail-wrap img { width: 100% !important;}
    .header .breads {left: auto;top: 90px;right: 10px;}
}