body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, em, th, td, dl, dt, dd {
    margin: 0;
    padding: 0;
}

a {
    color: #232323;
    text-decoration: none;
}

    a:hover {
        color: #970002;
        text-decoration: none;
    }

h2 {
    margin: 0;
    padding: 0;
}

li, dd, dt {
    list-style-type: none;
}

ol, ul, dl {
    list-style: none;
}

.clear {
    clear: both;
}

em {
    font-style: normal;
}

#wrap img {
    border: 0;
}

table {
    border-collapse: collapse;
}

body {
    font-family: microsoft yahei,hiragino sans gb,helvetica neue,Helvetica,tahoma,arial,wenquanyi micro hei,Verdana,sans-serif,\5b8b\4f53;
    background: #fff;
    margin: 0;
    padding: 0;
    font-size: 13px;
}

p {
    word-wrap: break-word;
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

#wrap {
    width: 100%;
    text-align: left;
    margin: 0 auto;
}

#header {
    width: 1200px;
    margin: 0 auto;
}

.bodybg {
    background: #e9ecef;
}

#pagebody {
    width: 1200px;
    margin: 0 auto 20px;
}

#footer {
    width: 1200px;
    clear: both;
    height: 150px;
    text-align: center;
    color: #fff;
    line-height: 25px;
    padding: 40px 0;
    margin: 0 auto;
}

    #footer a:link, #footer a:visited, #footer a:active {
        color: #fff;
    }

.footerbg {
    background: #111;
}

#page_main {
    float: left;
    width: 100%;
    text-align: center;
    display: inline;
    margin: 15px 0;
}

#page_right {
    float: left;
    width: 300px;
    margin-left: 10px;
    text-align: left;
    display: inline;
    margin-top: 15px;
}

    #page_right.on {
        position: fixed;
        margin-top: 5px;
        top: 0;
        z-index: 50;
    }

#main_nav {
    width: 1200px;
    padding: 5px 0;
    text-align: left;
    height: 44px;
    clear: both;
    font-family: times new roman,Times,serif;
}

    #main_nav li {
        float: left;
    }

        #main_nav li a {
            display: block;
            float: left;
            width: 49px;
            line-height: 22px;
            height: 22px;
            text-align: center;
        }

.nav_spit {
    width: 1px;
    margin: 0 2px;
    background: url(../images/nav_spit.png);
    height: 20px;
    display: block;
    float: left;
}

#logo {
    width: 50%;
    padding: 15px 0;
    float: left;
    border: none;
}

#search {
    width: 49%;
    float: left;
    padding-top: 15px;
    text-align: right;
    border: none;
}

.button {
    background: #f80;
    color: #fff;
    text-align: center;
    border: none;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    width: 75px;
}

#Keyword {
    height: 30px;
    border: 3px solid #f80;
    padding: 1px 0 0 5px;
    text-align: left;
    width: 202px;
}

#nav {
    height: 42px;
    box-shadow: -1px 2px 6px rgba(0,0,0,.3);
    margin-top: 5px;
    width: 100%;
    background: #3aa400;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    height: 42px;
    font-family: 微软雅黑,Arial;
}

    #nav ul {
        width: 1200px;
        margin: 0 auto;
    }

    #nav li, #nav h2 {
        float: left;
        margin: 0;
        padding: 0;
    }

    #nav a {
        color: #fff;
        display: block;
        padding: 0 22px 0 20px;
        background: url(/images/navbg.gif) right center no-repeat;
        text-align: center;
        line-height: 40px;
        font-weight: 400;
    }

        #nav a:link, #nav a:visited, #nav a:active {
            color: #fff;
            display: block;
        }

        #nav a:hover {
            color: #fff;
            text-decoration: underline;
            background: #c03;
            background: url(../images/nav_hover.jpg);
        }

.main_title {
    width: 100%;
    border-bottom: none;
    background: #fafafa;
    line-height: 40px;
    height: 40px;
    text-indent: 10px;
    float: left;
}

    .main_title a:link, .main_title a:visited, .main_title a:active {
        color: #1044ba;
    }

.slideBox {
    float: left;
    width: 765px;
    height: 395px;
    margin: 15px 0;
    overflow: hidden;
    position: relative;
    background: #fff;
}

    .slideBox .hd {
        height: 15px;
        overflow: hidden;
        position: absolute;
        right: 5px;
        bottom: 5px;
        z-index: 1;
    }

        .slideBox .hd ul {
            overflow: hidden;
            zoom: 1;
            float: left;
        }

            .slideBox .hd ul li {
                float: left;
                margin-right: 2px;
                width: 15px;
                height: 15px;
                line-height: 14px;
                text-align: center;
                background: #fff;
                cursor: pointer;
            }

                .slideBox .hd ul li.on {
                    background: red;
                    color: #fff;
                }

    .slideBox .bd {
        position: relative;
        height: 100%;
        z-index: 0;
    }

        .slideBox .bd li {
            zoom: 1;
            vertical-align: middle;
        }

        .slideBox .bd img {
            width: 100%;
            height: 395px;
            display: block;
        }

        .slideBox .bd li span {
            display: inline-block;
            font-size: 14px;
            text-align: center;
            position: absolute;
            bottom: 0;
            z-index: 30;
            height: 36px;
            line-height: 36px;
            background: #333;
            filter: alpha(opacity=70);
            opacity: .7;
            width: 100%;
            color: #fff;
        }

    .slideBox .prev, .slideBox .next {
        position: absolute;
        left: 3%;
        top: 50%;
        margin-top: -25px;
        display: block;
        width: 32px;
        height: 40px;
        background: url(../images/slider-arrow.png) -110px 5px no-repeat;
        filter: alpha(opacity=50);
        opacity: .5;
    }

    .slideBox .next {
        left: auto;
        right: 3%;
        background-position: 8px 5px;
    }

        .slideBox .prev:hover, .slideBox .next:hover {
            filter: alpha(opacity=100);
            opacity: 1;
        }

    .slideBox .prevStop {
        display: none;
    }

    .slideBox .nextStop {
        display: none;
    }

.yzm-container {
    margin: auto;
    width: 1170px;
}

.yzm-content-box {
    padding: 5px 20px 10px;
    background: #fff;
    border: 1px solid #eee;
}

.yzm-title {
    border-bottom: #e4e3e3 1px solid;
    margin-bottom: 10px;
}

    .yzm-title h2 {
        font-size: 14px;
        line-height: 40px;
        font-weight: 400;
        border-bottom: 3px solid #2196f3;
        display: inline-block;
        padding-right: 2px;
        color: #2196f3;
    }

.yzm-title-right {
    float: right;
}

    .yzm-title-right a {
        line-height: 40px;
    }

.yzm-top-right {
    float: right;
    width: 378px;
    height: 380px;
    margin: 15px 0;
    overflow: hidden;
}

.yzm-ranking {
    margin-top: 10px;
    margin-bottom: 5px;
}

    .yzm-ranking li {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .yzm-ranking li .title_color {
            display: inline;
        }

    .yzm-ranking li {
        padding: 6px 0;
        height: 20px;
        line-height: 20px;
    }

        .yzm-ranking li em {
            display: inline-block;
            width: 18px;
            line-height: 18px;
            height: 18px;
            background: #626262;
            color: #fff;
            text-align: center;
            float: left;
            margin-right: 5px;
            font-style: normal;
        }

        .yzm-ranking li .date {
            float: right;
        }

        .yzm-ranking li:nth-child(-n+3) > em {
            background: #e12726;
        }

        .yzm-ranking li:nth-child(-n+3) > .date {
            color: #e12726;
        }

.index_list {
    width: 593px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px 1px #f3f3f3;
    margin: 0 10px 10px 0;
    display: inline;
    float: left;
    background: #fff;
    padding-bottom: 10px;
}

    .index_list:nth-of-type(even) {
        margin-right: 10px;
    }

    .index_list:nth-of-type(odd) {
        margin-right: 0;
    }

    .index_list a:hover {
        color: #970002;
        text-decoration: underline;
    }

    .index_list span {
        float: right;
        line-height: 25px;
        width: 45px;
        text-align: left;
        color: #666;
    }

.index_title {
    width: 100%;
    background: url(/images/layer_bg.png) repeat-x;
    background-position: 0 -202px;
    line-height: 37px;
    height: 37px;
    display: block;
    font-weight: 700;
    color: #fff;
    font-family: 微软雅黑;
    border-top: 3px solid #69c520;
}

    .index_title h2 {
        width: 174px;
        height: 37px;
        line-height: 33px;
        background: url(/images/layer_bg.png) no-repeat;
        float: left;
        color: #fff;
        text-indent: 70px;
        font-size: 16px;
        font-weight: 700;
    }

.index_list .PicBox {
    background: #fff;
    clear: both;
    width: 100%;
}

.index_list ul {
    text-align: left;
    padding: 10px;
}

    .index_list ul li {
        text-decoration: none;
        width: 48%;
        margin-right: 2%;
        float: left;
    }

        .index_list ul li a {
            width: 80%;
            line-height: 26px;
            height: 26px;
            display: block;
            float: left;
            white-space: nowrap;
            text-indent: 5px;
            word-break: keep-all;
            text-overflow: ellipsis;
            overflow: hidden;
            table-layout: fixed;
        }

            .index_list ul li a:hover {
                color: #c00;
                text-decoration: none;
            }

.index_title1, .index_title6 {
    border-top: 3px solid #ffa332;
}

.index_title2, .index_title7 {
    border-top: 3px solid #69c520;
}

.index_title3, .index_title8 {
    border-top: 3px solid #43c080;
}

.index_title4, .index_title9 {
    border-top: 3px solid #44b0bb;
}

.index_title5, .index_title10 {
    border-top: 3px solid #639cdc;
}

.index_title1 h2, .index_title6 h2 {
    background-position: 0 -239px;
}

.index_title2 h2, .index_title7 h2 {
    background-position: 0 -276px;
}

.index_title3 h2, .index_title8 h2 {
    background-position: 0 -313px;
}

.index_title4 h2, .index_title9 h2 {
    background-position: 0 -350px;
}

.index_title5 h2, .index_title10 h2 {
    background-position: 0 -387px;
}

.index_title h2 a:link, .index_title h2 a:visited, .index_title h2 a:active {
    color: #fff;
}

.ArticleList {
    width: 846px;
    padding: 20px;
    background: #fff;
    float: left;
}

.ListItem {
    width: 100%;
    border-bottom: 1px dotted #d9d9d9;
    float: left;
    color: #666;
    font-size: 12px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    line-height: 20px;
}

.ItemPic {
    width: 180px;
    border: 1px solid #f1f1f1;
    margin: 12px 0 12px 12px;
    float: left;
    display: block;
}

    .ItemPic:nth-child(3) {
        margin-right: 0;
    }

    .ItemPic img {
        width: 100%;
        height: 120px;
        display: block;
        table-layout: fixed;
        overflow: hidden;
        border-bottom: 1px solid #f1f1f1;
    }

    .ItemPic .name {
        width: 170px;
        padding: 3px 5px;
        display: block;
        line-height: 20px;
        height: 40px;
        text-overflow: ellipsis;
        text-align: left;
        overflow: hidden;
        table-layout: fixed;
    }

    .ItemPic .price {
        width: 100%;
        padding: 3px 0;
        line-height: 18px;
        text-align: left;
    }

        .ItemPic .price em {
            color: #f60;
            font: bold 16px/18px Arial,Helvetica,sans-serif;
        }

    .ItemPic .name a:link, .ItemPic .name a:visited, .ItemPic .name a:active {
        color: #666;
    }

    .ItemPic .name a:hover {
        color: #970002;
        text-decoration: none;
    }

.ItemTitle {
    width: 604px;
    line-height: 20px;
    padding: 0 0 5px;
    float: left;
    font-weight: 400;
    font-size: 16px;
}

    .ItemTitle .time {
        margin: 0;
        float: right;
        line-height: 25px;
        font-size: 11px;
        font-weight: 400;
        padding: 0;
        text-align: left;
        width: 80px;
        text-align: left;
        color: #690;
    }

    .ItemTitle a:link, .ItemTitle a:visited, .ItemTitle a:active {
        font-size: 16px;
    }

.ListItem em {
    color: #950002;
}

.ArticleList .ItemPic {
    width: 230px;
    height: 150px;
    margin: 0 10px 0 0;
}

    .ArticleList .ItemPic img {
        height: 150px;
    }

.top {
    line-height: 20px;
    background: url(../images/top.jpg) no-repeat top left;
    padding: 35px 0 5px;
    margin: 0 0 0 10px;
}

    .top p {
        width: 320px;
        padding: 0 9px;
        display: block;
        float: left;
        text-indent: 2em;
        border: 1px solid #ccc;
        background: #f6f6f6;
    }

.top_title {
    width: 99%;
    text-align: center;
    line-height: 25px;
    margin: 5px 0;
    table-layout: fixed;
    font-family: 微软雅黑,Arial,宋体;
    font-size: 18px;
}

    .top_title a:link, .top_title a:visited, .top_title a:active {
        color: #900;
    }

.top ul li, .top ul li a {
    width: 97%;
    overflow: hidden;
}

.right_title {
    width: 300px;
    background: url(/images/pic.png) no-repeat 0 -537px;
    border: none;
    line-height: 29px;
    line-height: 29px;
    font-size: 13px;
    font-weight: 700;
    text-indent: 10px;
    color: #000;
    font-family: microsoft yahei;
}

.right_list {
    width: 298px;
    border: 1px solid #d9e4f3;
    border-top: none;
    background: #f3f8ff;
    margin-bottom: 10px;
    box-shadow: 0 1px 1px 1px #f3f3f3;
    border-radius: 5px 5px 5px 5px;
}

    .right_list .ItemPic {
        margin: 5px 10px;
        display: inline;
    }

    .right_list ul {
        text-align: left;
        width: 100%;
    }

        .right_list ul li {
            color: #0b3b8c;
            text-decoration: none;
            width: 100%;
            float: left;
        }

            .right_list ul li a {
                line-height: 23px;
                height: 23px;
                display: block;
                width: 99%;
                text-indent: 3px;
                float: left;
                white-space: nowrap;
                word-break: keep-all;
                text-overflow: ellipsis;
                overflow: hidden;
                table-layout: fixed;
            }

    .right_list span {
        float: right;
        line-height: 25px;
        width: 15%;
    }

    .right_list a:link, .right_list a:visited, .right_list a:active {
        color: #039;
    }

    .right_list a:hover {
        color: #970002;
        text-decoration: none;
    }

.article {
    width: 810px;
    padding: 10px 40px 0;
    text-align: justify;
    color: #34374c;
    line-height: 30px;
    font-size: 16px;
    background: #fff;
    float: left;
}

    .article p {
        margin: 10px 0;
    }

    .article pre {
        background: #e9ecef;
        font-size: 12px;
        padding: 20px;
        line-height: 20px;
    }

    .article img {
        margin: 5px auto;
        display: block;
        box-shadow: 2px 2px 2px 0 #ccc;
        padding: 3px;
        border: 1px solid #e8e8e8;
        max-width: 95%;
    }

        .article img[id*=code] {
            display: none;
        }

.ArticleTitle {
    text-align: left;
    color: #333;
    font-weight: 400;
    font-size: 24px;
    font-family: microsoft yahei;
    word-break: break-all;
    padding: 16px 0;
    border-bottom: 1px dashed #e8e8e8;
}

time {
    width: 400px;
    float: right;
    text-align: right;
    line-height: 25px;
    display: block;
    color: #b0b0b0;
    font-size: 12px;
    margin-bottom: 20px;
}

.article .tag {
    margin: 10px 5px 0 0;
    display: inline-block;
    padding: 0 5px;
    color: #3aa400;
    border: 1px solid #3aa400;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}

.bdshare_t {
    height: 40px;
    margin: 30px 0 30px 0;
    display: block;
    clear: both;
}

.Related {
    width: 620px;
    float: left;
    margin: 20px 30px;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    border: none;
}

    .Related img {
        box-shadow: none;
        padding: 2px;
        border: 1px solid #ccc;
        margin: 0;
    }

    .Related .ItemPic {
        margin: 5px 27px 5px 0;
    }

.KeywordsLink {
    clear: both;
    padding-top: 20px;
    width: 100%;
    text-indent: 2em;
}

    .KeywordsLink a, .KeywordsLink a:link, .KeywordsLink a:visited, .KeywordsLink a:active {
        color: #666;
        margin: 0 5px 0 0;
        text-decoration: none;
    }

        .KeywordsLink a:hover {
            color: #900;
        }

.ad890 {
    width: 100%;
    overflow: hidden;
    float: left;
    margin: 20px 0 0;
    background: #fff;
    text-align: center;
}

.baiduad {
    position: relative;
}

    .baiduad .baiduad_delete {
        position: absolute;
        right: 11px;
        bottom: 1px;
        width: 80px;
        height: 16px;
        z-index: 100;
        background: #fff;
    }

.d-more {
    margin: 20px 0;
    padding-bottom: 30px;
    width: 100%;
    background: #fff;
    float: left;
}

    .d-more .title {
        color: #bbb;
        font-size: 18px;
        font-family: microsoft yahei;
        margin-top: 0;
        margin-bottom: 6px;
        color: #212529;
        display: block;
        padding: 10px 15px;
        background: #fafafa;
    }

    .d-more ul {
        opacity: 0;
    }

        .d-more ul.ul-in {
            opacity: 1;
            -webkit-animation: ulinAni .5s both;
        }

        .d-more ul li {
            width: 29.5%;
            margin: 16px 0 0 3%;
            float: left;
            transition: color .3s ease 0s;
        }

            .d-more ul li .image {
                display: block;
                height: 160px;
                overflow: hidden;
                background: #000;
                border: 1px solid #e9ecef;
            }

                .d-more ul li .image img {
                    width: 100%;
                    height: 160px;
                    -webkit-transition: all .5s ease;
                    -moz-transition: all .3s ease;
                    -o-transition: all .3s ease;
                    -ms-transition: all .3s ease;
                    transition: all .3s ease;
                }

            .d-more ul li .pro-name {
                height: 40px;
                line-height: 20px;
                display: block;
                overflow: hidden;
                color: #222;
                margin: 10px 0;
                font-size: 16px;
            }

            .d-more ul li:hover {
                background: #fafafa;
            }

                .d-more ul li:hover .pro-name {
                    color: #ea3f28;
                }

                .d-more ul li:hover .image img {
                    opacity: .85;
                    filter: alpha(opacity=85);
                    -webkit-transform: scale(1.3);
                    -moz-transform: scale(1.1);
                    -o-transform: scale(1.1);
                    -ms-transform: scale(1.1);
                    transform: scale(1.1);
                    -webkit-transition: all .5s ease;
                    -moz-transition: all .5s ease;
                    -o-transition: all .5s ease;
                    -ms-transition: all .5s ease;
                    transition: all .5s ease;
                }

.pager {
    background: #fff;
    float: left;
    height: 60px;
    line-height: 40px;
    text-align: center;
    display: table;
    padding-top: 10px;
    width: 100%;
}

    .pager a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #ccc;
        padding: 5px;
        margin-left: 5px;
    }

.CategoryList {
    width: 888px;
    background: #fff;
    float: left;
    text-indent: 5px;
    border: 1px solid #dedede;
    border-top: none;
}

    .CategoryList ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .CategoryList ul li {
            margin: 2px;
            line-height: 25px;
            height: 25px;
            float: left;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .CategoryList a:link, .CategoryList a:visited, .CategoryList a:active {
        color: #1044ba;
    }

.SubCategory {
    padding: 10px 0 20px;
    float: left;
    width: 100%;
    border-left: none;
    border-right: none;
    margin: 0;
}

    .SubCategory li {
        margin: 5px 0;
    }

        .SubCategory li a {
            display: block;
            float: left;
            height: 20px;
            line-height: 20px;
            padding: 4px 5px;
        }

    .SubCategory a, .SubCategory a:link, .SubCategory a:visited, .SubCategory a:active {
        color: #1044ba;
    }

        .SubCategory a:hover {
            background: #06c;
            color: #fff;
        }

.keywords {
    width: 100%;
    padding: 4px;
    border: 1px solid #dedede;
    border-top: none;
}

    .keywords ul li {
        width: 24%;
        float: left;
    }

        .keywords ul li a {
            display: block;
            color: #0b3b8c;
        }

.CategoryList h4 {
    width: 100%;
    text-indent: 10px;
    float: left;
    height: 30px;
    line-height: 30px;
    clear: both;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
}

.CategoryList .map {
    padding: 10px 0;
    width: 99%;
    margin: 0;
}

#tk_box_2 {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    border-radius: 3px;
    box-shadow: 0 1px 1px 1px #f3f3f3;
}

#rocket-to-top div {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 149px;
}

#rocket-to-top .level-2 {
    z-index: 1;
    display: none;
    height: 250px;
    background: url(/images/topup.png) no-repeat scroll -149px 0 transparent;
    opacity: 0;
}

#rocket-to-top .level-3 {
    z-index: 2;
    display: block;
    height: 150px;
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
}

#rocket-to-top {
    position: fixed;
    top: 90%;
    right: 0;
    z-index: 11;
    display: block;
    overflow: hidden;
    margin: -125px 0 0;
    padding: 0;
    width: 149px;
    height: 250px;
    background: url(/images/topup.png) no-repeat scroll 0 0 transparent;
    cursor: default;
}

@media screen and (max-width:767px) {
}