﻿body {
}

/*Top*/
div.top_bg {
    height: 100px;
    width: 100%;
}

div.menu_bg {
    width: 1200px;
    height: 100px;
    margin: 0 auto;
}

div.logo_box {
    margin: 20px 0px 0px 0px;
    float: left;
    width: 400px;
    height: 60px;
}

div.menu_box {
    width: 660px;
    height: 50px;
    float: right;
    margin: 25px 0px 0px 0px;
}
/*Bottom*/
div.bottom_separate {
    width: 1200px;
    height: 40px;
    margin: 0 auto;
}

div.bottom_graybanner {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    background-color: #E0E0E0;
}

div.bottom_blackbanner {
    width: 100%;
    height: 80px;
    background-color: #202020;
}

div.foot {
    width: 1200px;
    height: 40px;
    margin: 0px auto;
}

div.foot_font {
    width: 600px;
    height: 40px;
    float: left;
    line-height: 40px;
    vertical-align: middle;
    font-family: 宋体;
    font-size: 14px;
    color: #999999;
}

    div.foot_font a, a:visited {
        color: #999999;
        text-decoration: none;
        /*display: inline-block;*/
    }

        div.foot_font a:hover, a:active {
            color: #eeeeee;
            text-decoration: none;
            /*display: inline-block;*/
        }

div.foot_copyright {
    width: 580px;
    height: 40px;
    float: right;
    line-height: 40px;
    vertical-align: middle;
    font-family: 宋体;
    font-size: 14px;
    color: #999999;
}
    div.foot_copyright a, a:visited {
        color: #999999;
        text-decoration: none;
        /*display: inline-block;*/
    }

        div.foot_copyright a:hover, a:active {
            color: #0094ff;
            text-decoration: none;
            /*display: inline-block;*/
        }


/* ul li以横排显示 */

/* 所有class为menu的div中的ul样式 */
div.top_menu {
    height: 50px;
}

    div.top_menu ul {
        list-style: none; /* 去掉ul前面的符号 */
        margin: 0px; /* 与外界元素的距离为0 */
        padding: 0px; /* 与内部元素的距离为0 */
        width: auto; /* 宽度根据元素内容调整 */
    }
        /* 所有class为menu的div中的ul中的li样式 */
        div.top_menu ul li {
            float: left; /* 向左漂移，将竖排变为横排 */
        }
            /* 所有class为menu的div中的ul中的a样式(包括尚未点击的和点击过的样式) */
            div.top_menu ul li a, div.top_menu ul li a:visited {
                /* background-color: #465c71;  背景色 */
                border: 0px #4e667d solid; /* 边框 */
                color: #888888; /* 文字颜色 */
                font-family: 微软雅黑;
                display: block; /* 此元素将显示为块级元素，此元素前后会带有换行符 */
                line-height: 50px; /* 行高 */
                padding: 0px 10px; /* 内部填充的距离 */
                text-decoration: none; /* 不显示超链接下划线 */
                white-space: nowrap; /* 对于文本内的空白处，不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 */
            }
                /* 所有class为menu的div中的ul中的a样式(鼠标移动到元素中的样式) */
                div.top_menu ul li a:hover {
                    /* background-color: #bfcbd6; 背景色 */
                    color: #800000; /* 文字颜色 */
                    text-decoration: none; /* 不显示超链接下划线 */
                }
                /* 所有class为menu的div中的ul中的a样式(鼠标点击元素时的样式) */
                div.top_menu ul li a:active {
                    /* background-color: #465c71; 背景色 */
                    color: #333333; /* 文字颜色 */
                    text-decoration: none; /* 不显示超链接下划线 */
                }

div.big_banner {
    border-style: solid none solid none;
    border-width: 2px;
    padding: 0px;
    /*
    background-image: url('Images/first_banner_01.jpg');
    background-repeat: no-repeat;
    background-position: center;
    */
    height: 500px;
    border-top-color: #800080;
    border-bottom-color: #800000;
}


/*调用指定字体文件*/
/*IE浏览器*/
@font-face {
    font-family: 'fontawesome-webfont';
    src: url('assets/fonts/fontawesome-webfont.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'fontawesome-webfont';
    src: url('assets/fonts/fontawesome-webfont.ttf') format('truetype');
}
/*非IE浏览器*/
@font-face {
    font-family: 'fontawesome-webfont';
    src: url('assets/fonts/fontawesome-webfont.ttf') format('truetype');
}

p.insusfont {
    font-family: fontawesome-webfont;
    /*font-size: 30px;*/
}

/* Main Frame*/
div.main_frame {
    width: 1200px;
    height: auto !important;
    margin: 0px auto;
    /*background-color: #eeeeee;*/
    overflow-y: auto !important;
}

div.normal_banner {
    border-style: solid none solid none;
    border-width: 2px;
    padding: 0px;
    /*background-image: url('Images/34.jpg');*/
    background-image: url('Images/normal_banner.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    height: 200px;
    border-top-color: #800080;
    border-bottom-color: #800000;
}
