﻿/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 'Microsoft YaHei',Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1 'Microsoft YaHei',Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 {
    font-size: 18px; /* 18px / 12px = 1.5 */
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

h4, h5, h6 {
    font-size: 100%;
}

address, cite, dfn, em, var {
    font-style: normal;
}
/* 将斜体扶正 */
code, kbd, pre, samp, tt {
    font-family: "Courier New", Courier, monospace;
}
/* 统一等宽字体 */
small {
    font-size: 12px;
}
/* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol {
    list-style: none;
}

/* 重置文本格式元素 */
a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after {
    content: '';
}

/* 重置表单元素 */
legend {
    color: #000;
}
/* for ie6 */
fieldset, img {
    border: none;
}
/* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {
    overflow-y: scroll;
}

.clear {
    clear: both;
    height: 0;
    font-size: 0;
    background: none;
}

.h10 {
    height: 10px;
    clear: both;
    font-size: 1px;
    line-height: 1px;
    background: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a {
    text-decoration: none;
    color: #333;
}

    a:hover {
        color: #c00;
    }

    a:active {
        outline: none;
    }

li {
    list-style-type: none;
}

img {
    border-style: none;
}

#top {
    width: 1000px;
    height: 190px;
    background-image: url(site_res/topbg.png);
    margin-left: auto;
    margin-right: auto;
}

.top_link {
    height: 20px;
    text-align: right;
    padding-right: 10px;
    padding-top: 7px;
    font-size: 13px;
}

    .top_link a {
    }

#nav_bar {
    background-color: #ed7612;
    height: 35px;
}

#nav {
    width: 1000px;
    height: 35px;
    background: #ed7612; /*为了便亍查看区域范围大小，故而加个背景色*/
    margin: 0 auto; /*水平屁中*/
    position: relative;
    z-index: 9999;
    /*margin-top: 5px;*/ /*距离顶部30px*/
}

    #nav li {
        margin-left: 2px; /*菜单项目中间的分割线宽度*/
        float: left; /*ul 和li 都是块元素，想要一行，就要浮动 */
        list-style: none; /*去掉li 前面的圆点*/
        /*background:#f00; 便于观察容器位置*/
        /*width:100px; 导航栏每个链接的宽度, 加入padding:0 10px;后就取消宽度了*/
        height: 35px;
        line-height: 35px; /*使li 高度与背景ul 一样，并设置行距使文字垂直居中*/
        text-align: center; /*文字水平居中*/
    }
        /*鼠标移入移出效果设置*/
        #nav li a {
            display: block;
            background: #ed7612;
            font-size: 14px;
            font-weight: bold;
            min-width: 80px;
            color: #fff;
            text-decoration: none;
            /* float:left;完全是为了IE6. 但是，如果有这一句，就会出现*/
            padding: 0 10px; /*因为float 而拥挤，此句增加空间*/
        }

            #nav li a:hover {
                color: #fff;
                background: #f5ab6e;
            }
        /*-----------------------------------------------
下拉菜单*/
        #nav li ul {
            display: none;
            position: absolute;
            background: #ed7612;
            width: 150px; /*定义下拉菜单宽度*/
        }

    #nav ul li:hover > ul {
        position: relative;
        left: 150px;
        top: -35px;
    }
    /*子子菜单定位*/
    #nav li:hover > ul {
        display: block;
    }

    #nav li ul li {
        float: none;
        border-bottom: #f5ab6e 1px solid;
        margin: 0px; /*为了清除上个菜单留下的margen-left*/
    }

        #nav li ul li a {
            background: none; /*否则显示不出li 的下边框*/
        }


#PictureWall {
    width: 1000px;
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
}

#mid {
    width: 1000px;
    padding-top: 15px;
    min-height: 190px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
}
#mid_m {
    width: 1000px;
    padding-top: 15px;
    min-height: 190px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
}

#mid_l {
    width: 290px;
    float: left;
}

.mid_l_top {
    background-image: url(site_res/cate_bg.png);
    background-repeat: no-repeat;
    background-position: left 1px;
    height: 22px;
    color: #ed7612;
    font-weight: bold;
    font-size: 16px;
    padding-left: 15px;
}

.mid_l_top_bot {
    font-size: 0px;
    height: 5px;
    overflow: hidden;
}

.mid_l_top_bot_l {
    width: 90px;
    height: 5px;
    background-image: url(site_res/cate_bg_bm.png);
    float: left;
}

.mid_l_top_bot_r {
    background-image: url(site_res/gryline.png);
    background-repeat: repeat-x;
    width: 200px;
    height: 5px;
    float: left;
}

.mid_l_mid {
}

    .mid_l_mid ul {
        padding-top: 10px;
    }

        .mid_l_mid ul li {
            font-size: 13px;
            height: 28px;
            line-height: 28px;
            border-bottom: 1px dotted #a7a7a7;
            background-image: url(site_res/icon1.png);
            background-position: left center;
            background-repeat: no-repeat;
            padding-left: 15px;
        }

            .mid_l_mid ul li a {
                color: #232323;
            }

                .mid_l_mid ul li a:hover {
                    color: #ed7612;
                }

#mid_r {
    width: 680px;
    height: 184px;
    float: right;
}

#mid_r_m {
    width: 725px;
    float: right;
}

.mid_r_top {
    background-image: url(site_res/cate_bg.png);
    background-repeat: no-repeat;
    background-position: left 1px;
    height: 22px;
    color: #ed7612;
    font-weight: bold;
    font-size: 16px;
    padding-left: 15px;
}

    .mid_r_top a {
        color:#f27006;
    }

.mid_r_top_bot {
    font-size: 0px;
    height: 5px;
    overflow: hidden;
}

.mid_r_top_bot_l {
    width: 144px;
    height: 5px;
    background-image: url(site_res/cate_lr.png);
    float: left;
}

.mid_r_top_bot_r {
    background-image: url(site_res/gryline.png);
    background-repeat: repeat-x;
    width: 532px;
    height: 5px;
    float: left;
}


.mid_r_mid {
    margin-top: 15px;
}

.mid_r_mid_img {
    width: 30%;
    height: 140px;
    float: left;
}

    .mid_r_mid_img img {
        display: inline-block;
        max-width: 100%;
        height: auto;
        padding: 4px;
        line-height: 1.42857143;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

.mid_r_mid_r {
    width: 100%;
    height: 184px;
    font-size: 13px;
    line-height: 15px;
    text-indent: 2em;
    line-height: 25px;
    float: right;
}

.mid_r_mid_r_m {
    width: 100%;
    /*height: 184px;*/
    font-size: 13px;
    line-height: 15px;
    text-indent: 2em;
    line-height: 17px;
    /*margin-top:20px;*/
    float: right;
}

.mid_r_mid_r_m_title {
    margin-top:20px;
    text-indent: 0em;
    height:20px;
    border-bottom:1px solid #eee;
}

.mid_r_mid_r_m_content {
    margin-top:8px;
    text-indent: 0em;
    padding-bottom:10px;
    border-bottom:2px dotted #f27006;
}

#mid_2 {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
}

.th3 {
    width: 775px;
    height: 320px;
    float: left;
}

.th3_top {
    height: 35px;
    font-size: 16px;
    line-height: 35px;
    border-top: 2px solid #ed7612;
    border-bottom: 2px solid #e3e3e3;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding-left: 8px;
    color: #ed7612;
}

.th3_top_gry {
    font-size: 13px;
    color: #8a8a8a;
}

.th3_top_org {
    font-size: 15px;
}

.th3_mid {
    height: 290px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

    .th3_mid ul {
        padding-top: 12px;
        margin-left: 10px;
        margin-right: 10px;
    }

        .th3_mid ul li {
            font-size: 13px;
            height: 31px;
            line-height: 31px;
            border-bottom: 1px dotted #a7a7a7;
            background-image: url(site_res/icon_arr.png);
            background-position: left center;
            background-repeat: no-repeat;
            padding-left: 10px;
        }

            .th3_mid ul li span {
                float: right;
            }

            .th3_mid ul li a {
                color: #232323;
            }

                .th3_mid ul li a:hover {
                    color: #ed7612;
                }

.th31 {
}



.th31_mid {
    height: 290px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

    .th31_mid ul {
        padding-top: 10px;
        margin-left: 11px;
        margin-right: 5px;
    }

        .th31_mid ul li {
            font-size: 13px;
            line-height: 25px;
            height: 25px;
            font-weight: bold;
        }

            .th31_mid ul li span {
                color: #ed7612;
            }



#ca_mid {
    width: 1000px;
    min-height: 300px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

#ca_mid_l {
    width: 250px;
    float: left;
}

#ca_mid_l_top {
    height: 35px;
    line-height: 35px;
    background-color: #f27006;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

#ca_mid_l_con {
    background-color: #fff8f2;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background-image: url(site_res/logobg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

#ca_mid_l_con_m {
    padding-right:5px;
    padding-left:5px;
    padding-top:10px;
    padding-bottom:10px;
    text-indent:2em;
    line-height:18px;
}

    #ca_mid_l_con ul {
        padding-top: 8px;
        padding-bottom: 15px;
        margin-left: 25px;
        margin-right: 25px;
    }

        #ca_mid_l_con ul li {
            height: 28px;
            line-height: 28px;
            font-size: 15px;
            background-image: url(site_res/icon_fz.png);
            background-repeat: no-repeat;
            background-position: left center;
            border-bottom: 1px dotted #ddd;
            padding-left: 25px;
        }

#ca_mid_r {
    width: 730px;
    float: right;
}

#ca_mid_r_top {
    font-size: 15px;
    font-weight: bold;
    height: 22px;
    color: #f27006;
    border-bottom: 2px solid #ed7612;
}

    #ca_mid_r_top a {
        color: #f27006;
    }

        #ca_mid_r_top a:hover {
            color: #f5ab6e;
        }

#ca_mid_r_con {
    margin-top: 15px;
}

    #ca_mid_r_con ul {
    }

        #ca_mid_r_con ul li {
            font-size: 13px;
            height: 25px;
            line-height: 25px;
            color: black;
            padding-left: 20px;
            border-bottom: 1px dashed #ddd;
            background-image: url(site_res/icon_gry.png);
            background-repeat: no-repeat;
            background-position: left center;
        }

            #ca_mid_r_con ul li .datetime {
                float: right;
            }

            #ca_mid_r_con ul li a:hover {
                color: #f27006;
            }

            #ca_mid_r_con ul.wp_paging li { padding-left: 0px; border: 0px; background: none;}

#arc_mid {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    min-height: 300px;
}

.article {
    margin-top: 10px;
}
.possplit { background: none;    text-indent: 0px;
    text-align: center;
    width: 25px;}
.load_sp {
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    padding-left: 15px;
    background-image: url(site_res/icon_dot.png);
    background-repeat: no-repeat;
    background-position: left center;
    border-bottom: 2px solid #f27006;
}

    .load_sp a:hover {
        color: #f5ab6e;
    }

.article_content {
    margin-top: 18px;
}

    .article_content h1 {
        font-size: 20px;
        text-align: center;
    }

.article_info {
    margin-top: 10px;
    text-align: center;
}

#articleContnet {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
}








#bottom {
    background-color: #f27006;
    height: 100px;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
}

#bottom_log {
    width: 300px;
    height: 100px;
    float: left;
    background-image: url(site_res/logo.png);
    background-repeat: no-repeat;
    background-position: right center;
}

#bottom_con {
    width: 680px;
    padding-left: 20px;
    padding-top: 28px;
    height: 72px;
    line-height: 20px;
    float: right;
}









/*slideBox*/
div.slideBox {
    position: relative;
    width: 1000px;
    height: 214px;
    overflow: hidden;
}

    div.slideBox ul.items {
        position: absolute;
        float: left;
        background: none;
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        div.slideBox ul.items li {
            float: left;
            background: none;
            list-style: none;
            padding: 0px;
            margin: 0px;
        }

            div.slideBox ul.items li a {
                float: left;
                line-height: normal !important;
                padding: 0px !important;
                border: none /*For IE.ADD.JENA.201206300844*/;
            }

                div.slideBox ul.items li a img {
                    margin: 0px !important;
                    padding: 0px !important;
                    display: block;
                    border: none /*For IE.ADD.JENA.201206300844*/;
                }

    div.slideBox div.tips {
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 35px;
        background-color: #000;
        overflow: hidden;
    }

        div.slideBox div.tips div.title {
            position: absolute;
            left: 0px;
            top: 0px;
            height: 100%;
        }

            div.slideBox div.tips div.title a {
                color: #FFF;
                font-size: 13px;
                line-height: 35px;
                margin-left: 10px;
                text-decoration: none;
            }

                div.slideBox div.tips div.title a:hover {
                    text-decoration: underline !important;
                }

        div.slideBox div.tips div.nums {
            position: absolute;
            right: 0px;
            top: 0px;
            height: 100%;
        }

            div.slideBox div.tips div.nums a {
                display: inline-block;
                >float:left /*For IE.ADD.JENA.201206300844*/;
                width: 12px;
                height: 12px;
                background-color: #FFF;
                text-indent: -99999px;
                margin: 12px 10px 0px 0px;
            }

                div.slideBox div.tips div.nums a.active {
                    background-color: #ed7612;
                }

.page {
    margin-top: 30px;
    margin-bottom: 10px;
}

div#diggpager {
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    margin: 3px;
    padding-top: 3px;
    text-align: center;
}

    div#diggpager a {
        border-right: #f5ab6e 1px solid;
        padding-right: 5px;
        border-top: #f5ab6e 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        margin: 2px;
        border-left: #f5ab6e 1px solid;
        color: #ed7612;
        padding-top: 2px;
        border-bottom: #f5ab6e 1px solid;
        text-decoration: none;
    }

        div#diggpager a:hover {
            border-right: #ed7612 1px solid;
            border-top: #ed7612 1px solid;
            border-left: #ed7612 1px solid;
            color: #ed7612;
            border-bottom: #ed7612 1px solid;
        }

        div#diggpager a:active {
            border-right: #ed7612 1px solid;
            border-top: #ed7612 1px solid;
            border-left: #ed7612 1px solid;
            color: #ed7612;
            border-bottom: #ed7612 1px solid;
        }

    div#diggpager span.current {
        border-right: #ed7612 1px solid;
        padding-right: 5px;
        border-top: #ed7612 1px solid;
        padding-left: 5px;
        font-weight: bold;
        padding-bottom: 2px;
        margin: 2px;
        border-left: #ed7612 1px solid;
        color: #fff;
        padding-top: 2px;
        border-bottom: #ed7612 1px solid;
        background-color: #ed7612;
    }

    div#diggpager a.disabled {
        border-right: #eee 1px solid;
        padding-right: 5px;
        border-top: #eee 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        margin: 2px;
        border-left: #eee 1px solid;
        color: #ddd;
        padding-top: 2px;
        border-bottom: #eee 1px solid;
    }


