blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

body {
    font: 12px "Microsoft Yahei", sans-serif;
}

img {
    border: 0;
    cursor: pointer
}

a {
    text-decoration: none;
    display: inline-block;
}

li, ul {
    list-style-type: none
}

.clear {
    zoom: 1
}

.clear:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: "";
    height: 0
}

.clear:before {
    content: " ";
    display: table
}

.fl {
    float: left
}

.fr {
    float: right
}

html {
    width: 100%;
    min-width: 1253px;
}

.header {
    width: 1246px;
    margin: 0 auto 0 auto;
    padding: 10px 4px 10px 3px;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
}

.articles-wrap .title { text-indent: -99999px; width: 72px; height: 20px; background: url("../images/sprite.png") no-repeat 0 -757px; }
.articles-wrap ul { line-height: 28px; }
.articles-wrap ul li { float: left; width: 300px; height: 28px; overflow: hidden; }
.articles-wrap ul li a { font-size: 12px; }
.articles-wrap ul li i,
.articles-wrap ul li a,
.articles-wrap ul li em { display: block; float: left; color: #808080; }
.articles-wrap ul li i { width: 10px; height: 5px; background: url("../images/sprite.png") no-repeat -74px -238px; margin-top: 11px; }
.articles-wrap ul li a { width: 240px; height: 28px; line-height: 28px; overflow: hidden; }
.articles-wrap ul li a:hover { color: #216FC3; }
.articles-wrap ul li em { font-size: 12px; float: right; }


.article-wrap { width: 980px; margin: 0 auto; }

.article-head { border-bottom: 1px solid #E9E9E9; text-align: center; padding: 20px 0; }
.article-head .title { height:20px; line-height:20px; font-size: 20px; font-family: "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei"; font-weight: 900; }

.article-body { text-indent: 2em; line-height: 26px; padding: 10px 0;  }
.article-body p { margin: 0.5em 0; }


.article-group { padding: 14px 17px; height: 26px; border-bottom: 1px solid #E9E9E9; line-height: 26px; }
.article-group .tags { float: left; }
.article-group a { color: #2979D3; }
.article-group .tags a { padding-right: 5px; }
.article-group .articles { float: right; }
.article-group .articles span { padding-left: 10px; }
.header a {
    color: #666666;
    padding: 0 8px;
    margin-left: 60px;
    border-bottom: 3px solid transparent;
}

.header a:hover {
    color: #00ACF0;
    border-bottom: 3px solid #00ACF0;
}

.content {
    padding: 100px 0;
    width: 100%;
    height: 540px;
    text-align: center;
    background: #E9E9E9;
}

.content iframe {
    width: 100%;
    height: 100%;
}

.footer {
    font-size: 14px;
    width: 100%;
    background-color: #4C4B49;
    color: #C5C5C5;
    text-align: center;
    padding: 35px 0 25px 0;
}

.footer div {
    line-height: 23px;
}

.footer-title {
    margin-bottom: 15px;
}