*{
    margin: 0; 
    padding: 0;
}
body{
    width: 100%;
    line-height: 160%;
    font-family: "\5FAE\8F6F\96C5\9ED1","Arial Narrow",HELVETICA;
    letter-spacing: 0.2px;
    background-color: #f3f3f3;
}
body,a{
    color: #333;
    font-size: 14px;
}
a{
    text-decoration: none;
}
a:hover{
    color: #019ff6;
}
ul,li{
    margin: 0;
    padding: 0;
    list-style: none;
}
img{
    border: none;
    vertical-align: middle;
}
i,em{
    font-style: normal;
}
h1,h2{
    font-size: 18px;;
}
h3{
    font-size: 16px;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.layout{
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
}
.header{
    padding: 11px 0;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.header .logo{
    float: left;
}
.nav{
    float: left;
    margin-left: 46px;
    line-height: 54px;
}
.nav a{
    margin-right: 30px;
    font-size: 16px;
}
.nav a:hover{
    padding-bottom: 11px;
    border-bottom: 3px solid #019ff6;
}
.search{
    float: right;
    margin-top: 12px;
}
.search input,.search button{
    float: left;
    outline: 0;
    font-family: "\5FAE\8F6F\96C5\9ED1","Arial Narrow",HELVETICA;
}
.search input{
    border: 1px solid #bfbfbf;
    border-right: none;
    border-radius: 3px 0 0 3px;
    width: 130px;
    line-height: 29px;
}
.search button{
    border: 1px solid #bfbfbf;
    background: #efefef;
    border-radius: 0 3px 3px 0;
    padding: 6px 9px;
    cursor: pointer;
    color: #404040;
}
.search button:before {
    content:"搜索";
}
.main{
    margin-top: 20px;
    overflow: hidden;
}
.site-section{
    float: left;
    width: 768px;
    padding: 30px 30px 4px 30px;
    background-color: #fff;
    border: 1px solid #eee;
}
.site-section .title p{
    padding: 12px 0;
    color: #999;
}
.item{
    padding: 26px 0;
    border-top: 1px solid #f0f0f0;
    overflow: hidden;
}
.item .itemcon{
    float: right;
    width: 530px;
}
.item .itemcon h2{
    width: 500px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.item .itemcon h2 a{
    font-size: 17px;
}
.item .itemcon p,.item .itemcon p a{
    color: #999;
}
.item .itemcon p.info{
    margin: 10px 0;
    line-height: 24px;
}
.item .itemcon p span{
    float: left;
    display: block;
    margin-right: 19px;
    padding-left: 19px;
}
.item .itemcon p span a:hover{
    color: #004c98;
}
.item .itemcon p span.category{
    width: 108px;
    background: url(../img/icons.png) no-repeat 0 -8px;
    margin-right: 0;
}
.item .itemcon p span.category:hover{
    width: 108px;
    background: url(../img/icons.png) no-repeat 0 -33px;
    margin-right: 0;
}
.item .itemcon p span.time{
    background: url(../img/icons.png) no-repeat 0 -60px;
}
.item .itemcon p span.comment{
    background: url(../img/icons.png) no-repeat 0 -88px;
}
.item .itemcon p span.comment:hover{
    background: url(../img/icons.png) no-repeat 0 -115px;
}
.item .itemcon p span.alltext{
    background: url(../img/icons.png) no-repeat 0 -140px;
}
.item .itemcon p span.alltext:hover{
    background: url(../img/icons.png) no-repeat 0 -166px;
}
.item .itemimg img{    
    float: left;
    width: 210px;
    height: 133px;
}
.site-aside{
    float: right;
    width: 300px;
}
.sidebox-wz{
    margin-bottom: 20px;
    padding: 15px 30px;
    background-color: #fff;
    border: 1px solid #eee;
}
.sidebox-wz li{
    width: 240px;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px dotted #f3f3f3;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.sidebox-tag{
    padding: 15px 22px 24px 30px;
    background-color: #fff;
    border: 1px solid #eee;
    overflow: hidden;
}
.sidebox-tag a{
    float: left;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    padding: 4px 12px;
    margin: 13px 10px 0 0;
    border-radius: 2px;
}
.sidebox-tag a:hover{
    border: 1px solid #dedede;
    background-color: #fbfbfb;
}
.sidebox-tag h3{
    width: 240px;
}
.sidebox-wz h3,.sidebox-tag h3{
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 4px;
}
.links{
    float: left;
    width: 1096px;
    margin-top: 20px;
    padding: 16px 26px 12px 26px;
    background-color: #fff;
    border: 1px solid #eee;
    overflow: hidden;
}
.links .title{
    height: 22px;
    line-height: 22px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
    margin-bottom: 4px;
}
.links .title .fl{
    font-weight: bold;
    margin-right: 11px;
    font-size: 15px;
}
.links .title a{
    color: #a3a3a3;
    font-size: 13px;
    padding-right: 19px;
    background: url(../img/icons.png) no-repeat right -195px;
}
.links .title a:hover{
    color: #444;
    background: url(../img/icons.png) no-repeat right -220px;
}
.links .links-cont a{
    float: left;
    margin: 5px 16px 0 0;
}
.footer{
    margin-top: 20px;
    padding: 36px 0 31px 0;
    background-color: #3c3c3c;
    overflow: hidden;
}
.footer,.footer a{
    color: #999;
}
.footer a:hover{
    color: #ddd;
}
.footer-cont{
    float: left;
}
.footer-nav{
    overflow: hidden;
}
.footer-nav a{
    float: left;
    height: 14px;
    line-height: 14px;
    border-right: 1px solid #484848;
    padding-right: 13px;
    margin: 0 13px 18px 0;
}
.footer-nav a:last-child{
    border-right: 0;
}
.footer-info a,.footer-info span{
    float: left;
    height: 14px;
    line-height: 14px;
}
.footer-info a{
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #666;
}
.footer-info a:last-child{
    border-right: 0;
}
.footer-search{
    float: right;
}
.location {
    margin-bottom: 18px;
    color: #999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.location a {
    color: #999;
    margin-left: 2px;
}
.location a:hover {
    color: #019ff6;
}
.location i {
    margin: 0 10px;
}
article{
    padding: 6px 0 0 0;
}
.article-title{
    width: 100%;
    text-align: center;
    padding-bottom: 8px;
}
.article-title h1{
    font-size: 21px;
    line-height: 35px;
} 
.article-info {
    margin-top: 20px;
    font-size: 13px;
    color: #999;
}
.article-info span {
    margin-right: 16px;
    padding-left: 20px;
}
.article-info span.sj {
    background: url(../img/icons.png) no-repeat 0 -61px;
}
.article-info span.yd {
    background: url(../img/icons.png) no-repeat 0 -142px;
}
.article-info span.pl {
    background: url(../img/icons.png) no-repeat 0 -90px;
}
.article-info span.pl:hover {
    background: url(../img/icons.png) no-repeat 0 -117px;
}
.article-info span.pl a {
    color: #999;
    font-size: 13px;
}
.article-info span.pl a:hover {
    color: #019ff6;
}
.article-info span.zz {
    padding-left: 0;
}
.article-desc {
    border: 1px solid #efefef;
    background-color: #f9f9f9;
    border-radius: 2px;
    padding: 10px 15px;
    line-height: 30px;
    font-size: 15px;
    color: #888;
}
.article-cont {
    font-size: 16px;
    line-height: 32px;
}
.article-cont h2 {
    margin-bottom: 20px;
}
.article-cont p {
    margin-bottom: 20px;
    text-indent: 2em;
    overflow: hidden;
}
.article-tag {
    float: left;
    width: 100%;
    font-size: 15px;
    overflow: hidden;
}
.article-tag span {
    float: left;
    color: #999;
    line-height: 33px;
}
.article-tag a {
    float: left;
    display: block;
    padding: 4px 12px;
    margin: 0 9px 12px 0;
    background-color: #fff;
    border: 1px solid #e2e2e2;
}
.article-tag a:hover {
    border: 1px solid #dedede;
    background-color: #fbfbfb;
}
.article-statement {
    float: left;
    width: 100%;
    color: #aaa;
    background: url(../img/icons.png) no-repeat 0 -252px;
    padding-left: 22px;
}
.article-statement a {
    color: #aaa;
}
.article-statement a:hover {
    color: #333;
    text-decoration: underline;
}
.article-updown {
    float: left;
    width: 100%;
    border-top: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
    padding: 12px 0;
    font-size: 15px;
    overflow: hidden;
}
.article-updown a:hover {
    text-decoration: underline;
}
.article-updown a {
    font-size: 15px;
}
.article-relevant{
    float: left;
    width: 100%;
    overflow: hidden;
}
.article-relevant .title{
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
}
.article-relevant h2 {
    margin-bottom: 20px;
    font-weight: normal;
}
.article-relevant li {
    float: left;
    margin: 0 20px 16px 0;
}
.article-relevant .relevant-img img,.article-relevant .relevant-title a{
    width: 243px;
}
.article-relevant .relevant-img img {
    height: 144px;
}
.article-relevant .relevant-title a {
    float: left;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.article-relevant li:first-child+li+li,.article-relevant li:first-child+li+li+li+li+li{
    margin-right: 0;
}
.comment-post {
    margin: 10px 0 30px 0;
}
.comment-post .comment-form {
    margin-top: 20px;
}
.comment-post .comment-login {
    height: 90px;
    padding: 11px;
    color: #999;
    border-left: 1px solid #efefef;
    border-top: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-radius: 2px 2px 0 0;
    vertical-align: top;
}
.comment-post .comment-sumbit {
    height: 30px;
    line-height: 30px;
    padding: 12px 12px 15px 0;
    background-color: #f9f9f9;
    border: 1px solid #efefef;
    border-radius: 0 0 2px 2px;
}
.comment-post .comment-sumbit input {
    float: right;
    background-color: #666;
    color: #fff;
    border-radius: 2px;
    padding: 8px 14px;
    font-family:"\5FAE\8F6F\96C5\9ED1", "Arial Narrow", HELVETICA;
    border: none;
    outline: 0;
}
@media screen and (max-width: 1131px){
    body,a{
        font-size: 15px;
    }
    body,a,a:hover{
        color: #333;
    }
    .layout{
        width: 100%;
    }
    h1, h2{
        font-size: 15px;
       font-weight: bold;
    }
    .header{
        padding: 0 0;
    }
    .header a.logo{
        text-align: left;
        margin: 2.5% 0 2.5% 2.6%;
    }
    .header a.logo img{
        width: 180px;
        height: 49px;
        max-width: 177px;
        max-height: 46px;
    }
    .header .nav{
        width: 100%;
        margin: 0;
        padding: 4px 0;
        line-height: normal;
        background-color: #3c3c3c;
    }
    .header .nav a{
        float: left;
        margin: 0;
        width: 33.33%;
        height: 35px;
        line-height: 35px;
        color: #9d9d9d;
        font-size: 15px;
        text-align: center;
        /* border-bottom: 1px solid #404040; */
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .header .nav a:hover{
        padding: 0;
        border: none;
        background-color: #3c3c3c;
    }
    .main{
        margin-top: 0;
    }
    .site-section{
        width: 94.4%;
        padding: 2.8%;
    }
    .site-section .title{
        margin: 1.5% 0 2.8%;
    }
    .item{
        position: relative;
        width: 100%;
        padding: 2.8% 0;
    }
    .item .itemimg{    
        float: left;
        width: 35%;
    }
    .item .itemimg img{
        width: 100%;
        height: auto;
    }
    .item .itemcon{    
        float: right;
        margin-left: 2.8%;
        width: 62%;
    }
    .item .itemcon h2{
        float: left;
        width: 100%;
        font-weight: normal;
    }
    .item .itemcon p{
        width: 100%;
    }
    .item .itemcon p a{
        font-size: 13px;
    }
    .item .itemcon p.meta{
        position: absolute;
        bottom: 10%;
    }
    .site-aside{
        float: left;
        width: 100%;
        margin: 2.8% 0 0 0;
    }
    .sidebox-tag{
        padding: 2.8%;
    }
    .sidebox-tag h3{
        width: 100%;
        height: 22px;
        line-height: 22px;
        padding-bottom: 2.6%;
        margin-bottom: 0;
    }
    .sidebox-tag a{
        border-radius: 0;
        margin: 3.4% 2.8% 0 0;
        padding: 1% 2.6%;
    }
    .links{
        width: 94.44%;
        margin: 2.8% 0 0 0;
        padding: 2.8%;
    }
    .links .title{
        padding-bottom: 2.6%;
        margin-bottom: 0;
    }
    .links .links-cont a{
        margin: 2.8% 2.8% 0 0;
    }
    .links .links-cont a:last-child{
        margin-right: 0;
    }
    .footer{
        margin-top: 2.8%;
        padding: 6% 0 6% 2.8%;
    }
    .footer-nav a{
        margin: 0 2.5% 4% 0;
    }
    .location{
        width: 100%;
        margin-bottom: 3%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    article h1{
        width: 100%;
        padding-bottom: 0;
        font-size: 20px;
        overflow: hidden;
    }
    article .mt15{
        margin-top: 3%;
    }
    article .mt20{
        margin-top: 4%;
    }
    article .mt30{
        margin-top: 5%;
    }
    .article-info span.sj {
        background: url(../img/icons.png) no-repeat 0 -63.4px;
    }
    .article-info span.yd {
        background: url(../img/icons.png) no-repeat 0 -144.4px;
    }
    .article-tag{
        padding: 0;
    }
    .article-statement{
        width: 100%;
        padding: 0;
        background: none;
    }
    .article-relevant li{
        float: left;
        width: 48.6%;
        margin: 0 2.8% 2.8% 0;
    }
    .article-relevant .relevant-img img{
        width: 100%;
        height: auto;
    }
    .article-relevant .relevant-title a{
        width: 100%;
    }
    .article-relevant li:first-child+li+li{
        margin-right: 2.8%;
    }
    .article-relevant li:first-child+li,.article-relevant li:first-child+li+li+li,.article-relevant li:first-child+li+li+li+li+li{
        margin-right: 0;
    }
    .site-section,.sidebox-tag,.links{
        border: none;
    }
    .search,.item .itemcon p.info,.item .itemcon p span.time,.item .itemcon p span.alltext,.site-section .title p,.sidebox-wz,.article-info span.pl,.article-info span.zz,.article-updown,.comment-post{
        display: none;
    }
}