﻿

body {
    width: 960px;
    margin: 0px auto;
    font-size: 14px;
    font-family: Arial,'宋体';
    line-height: 25px;
}

img {
    border-style: none;
}

a:link,
a:visited {
    color: #222;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: Red;
}


form {
    margin: 0px;
    padding: 0px;
}

.c {
    clear: both;
}

.navigation {
    background-image: url(images/bg_header.gif);
    background-repeat: repeat-x;
    background-position: left top;
    height: 88px;
}

    .navigation .logo {
    }

    .navigation .menu {
        line-height: 54px;
        background-color: #fff;
        text-align: center;
        padding-top: 20px;
    }

        .navigation .menu ul {
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

        .navigation .menu li {
            line-height: 18px;
            text-align: center;
            height: 18px;
            width: 80px;
            float: left;
            border-left: 1px solid #bbbbbb;
        }

            .navigation .menu li:first-child {
                border-left-style: none;
            }

        .navigation .menu a {
            font-family: '微软雅黑','宋体';
            font-size: 14px;
            font-weight: normal;
        }

.Content {
    background-image: url(../Public/images/bj_01.jpg);
    background-repeat: repeat-y;
    /*
    width: 100%;
    margin-top: 2px;
    */
    width: 960px;
    margin: 30px auto;
}

.LeftMenu {
    width: 204px;
    overflow: hidden;
    float: left;
    text-overflow: ellipsis;
}

.main {
    border-color: #999;
    border-style: solid;
    border-width: 1px;
    float: right;
    width: 740px;
    padding: 2px;
}

.LeftMenu h1 {
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    background-image: url(../Public/images/xb_01.jpg);
    background-repeat: no-repeat;
    background-position: 0px -14px;
    padding-left: 36px;
    margin-top: 16px;
    padding-bottom: 4px;
    text-align: left;
    border-bottom-color: #116d7c;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.LeftMenu h2 {
    font-size: 12px;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    border-bottom-color: #116d7c;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-image: url(../Public/images/xb_04.jpg);
    background-repeat: no-repeat;
    background-position: 20px 5px;
    text-align: left;
    padding: 0px;
    padding-left: 32px;
    margin: 0px;
}

.Serail {
    margin-left: 8px;
    text-align: left;
}

    .Serail ul, .Serail ul li {
        list-style: none;
        overflow: hidden;
        white-space: nowrap;
        margin: 0px;
        padding: 0px;
        text-overflow: ellipsis;
    }

    .Serail li {
        border-bottom-color: #116d7c;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    .Serail img {
        cursor: pointer;
        vertical-align: middle;
    }

    .Serail .Close {
        display: none;
    }

    .Serail .Active a:link,
    .Serail .Active a:visited {
        font-weight: bold;
        color: #f33;
    }

    .Serail .MiniSerail .Active a:link,
    .Serail .MiniSerail .Active a:visited {
        color: #55F;
        font-weight: normal;
    }


    .Serail .MiniSerail li {
        margin-left: 20px;
        border-bottom-style: none;
    }

.main .TitleBar {
    background-color: #d2d2d2;
    padding-left: 30px;
    font-weight: bold;
    background-image: url(../Public/images/xb_03.jpg);
    background-repeat: no-repeat;
    text-align: left;
    line-height: 25px;
}

.main .body {
    margin-top: 4px;

}
.product {
    padding-left: 0px;
}

    .main .body .product li {
        border: solid 1px #ececec;
        border-right-style: none;
        border-left-style: none;
        margin: 8px;
        background-color: #ececec;
        padding: 8px;
    }

        .main .body .product li:hover {
            border-color: #F66;
            color: Black;
            background-color: #fbb;
            border-color: Red;
        }

    .main .body .product .image {
        float: left;
        width: 120px;
        margin-right: 8px;
    }


    .main .body .product img {
        border-style: none;
        width: 120px;
        height: auto;
    }

    .main .body .product .description {
        width: 580px;
        float: right;
    }

    .main .body .product h1 {
        line-height: 20px;
        font-weight: bold;
        overflow: hidden;
        font-size: 16px;
        margin: 0px;
        white-space: nowrap;
        width: 530px;
    }

    .main .body .product h2,
    .main .body .product p {
        line-height: 18px;
        font-size: 14px;
        margin: 0px;
    }



.main .news,
.main .invite,
.main .solutions,
.main .download,
.main .technoarticle {
    font-size: 14px;
    text-align: left;
    background-color: #ececec;
    line-height: 25px;
    border-bottom: solid 1px #fff;
    margin: 0px;
    padding: 0px;
    padding-left: 8px;
    font-weight: normal;
}

    .main .news a:link, .main .news a:visited,
    .main .invite a:link, .main .invite a:visited {
        color: Black;
    }

    .main .news a:hover {
        color: #500;
    }


.DetailContent {
    width: 100%;
    background-image: url(../Public/images/SplitBar.jpg);
    background-repeat: repeat-y;
    background-position: 728px top;
    padding: 0px;
    background-color: #E8F2F4;
    margin-top: 2px;
}

    .DetailContent .main {
        width: 725px;
        float: left;
        text-align: left;
        border-style: solid;
        border-width: 1px;
        border-color: #ccc;
        margin: 0px;
        padding: 0px;
        border-bottom-style: none;
        background-color: White;
    }

    .DetailContent .spliter {
        width: 16px;
        float: left;
    }

    .DetailContent .OtherContents {
        float: right;
        width: 217px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .DetailContent .ProductImage {
        background-color: White;
        text-align: center;
        margin: 1px;
    }

    .DetailContent .Silver {
        background-color: #ececec;
        border-bottom: solid 1px #ccc;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
    }

    .DetailContent .White {
        background-color: White;
        border-bottom: solid 1px #ccc;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
    }

    .DetailContent .column {
        width: 80px;
        float: left;
        text-align: center;
        line-height: 32px;
    }

    .DetailContent .data {
        float: left;
        padding-left: 4px;
        border-left: solid 1px #ccc;
        line-height: 32px;
        width: 640px;
    }

    .DetailContent .favorite {
        width: 100%;
        text-align: center;
        padding: 8px;
    }

        .DetailContent .favorite img {
            border-style: none;
        }

    .DetailContent .Description {
        overflow: visible;
        line-height: 1.8em;
        white-space: normal;
        padding: 4px;
        background-color: #FFFFF0;
        text-align: left;
    }

    .DetailContent .NewsTitle {
        width: 100%;
    }

        .DetailContent .NewsTitle h1 {
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 16px;
            margin: 0px;
            padding: 0px;
            line-height: 36px;
        }

        .DetailContent .NewsTitle h2 {
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 14px;
            margin: 0px;
            padding: 0px;
            line-height: 25px;
        }

    .DetailContent .EditTime {
        text-align: right;
        padding-right: 64px;
        line-height: normal;
    }

    .DetailContent .OtherContents .title {
        background-color: #ff7700;
        line-height: 30px;
        font-weight: bold;
        color: White;
        font-size: 16px;
    }

    .DetailContent .OtherContents dl {
        margin: 0px;
        padding: 0px;
    }

    .DetailContent .OtherContents .item,
    .DetailContent .OtherContents .more {
        line-height: 25px;
        border-bottom: solid 1px #fff;
        text-align: left;
        padding-left: 4px;
        margin: 0px;
        padding: 0px;
        font-weight: normal;
        padding-left: 4px;
    }

        .DetailContent .OtherContents .more a:link,
        .DetailContent .OtherContents .more a:visited {
            color: #EE6000;
            font-weight: bold;
            text-decoration: inherit;
        }

.pages {
    text-align: center;
    line-height: 25px;
    border-bottom: solid 1px #ccc;
    background-color: Transparent;
}

    .pages b {
        color: Red;
    }



.BusinessCard {
    background-image: url(http://www.gkong.com/images/card_images003.gif);
    background-repeat: no-repeat;
    width: 575px;
    height: 177px;
    margin: 8px auto;
    font-size: 14px;
    overflow: hidden;
}

    .BusinessCard .Left {
        width: 135px;
        height: 160px;
        float: left;
        margin-left: 10px;
        margin-top: 8px;
    }

    .BusinessCard .State {
        font-weight: bold;
        color: #EE6000;
        margin: 16px;
    }

    .BusinessCard .Info {
        font-weight: normal;
        margin-left: 16px;
        line-height: 25px;
    }

    .BusinessCard .Right {
        float: right;
        width: 380px;
        height: 156px;
        margin-top: 8px;
        margin-right: 12px;
        line-height: 22px;
        padding-top: 4px;
    }

        .BusinessCard .Right th {
            width: 80px;
        }

    .BusinessCard .colum {
        font-weight: bold;
        margin-top: 6px;
        margin-left: 4px;
        line-height: normal;
        white-space: nowrap;
        float: left;
        font-family: 宋体;
    }

    .BusinessCard .data {
        font-weight: normal;
        white-space: nowrap;
        border-style: none;
        margin-top: 6px;
        width: 290px;
        float: none;
        line-height: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.PageTop {
    font-size: 14px;
    text-align: center;
    background-color: #FF7700;
    line-height: 25px;
    text-align: center;
    height: 25px;
}


    .PageTop .textBox {
        height: 16px;
    }

    .PageTop .button {
        width: 32px;
        border: solid 1px black;
        margin-left: 4px;
    }

    .PageTop from,
    .PageTop ul {
        padding: 0px;
        margin: 0px;
    }

    .PageTop li {
        float: left;
        list-style: none;
        margin: 0px 4px;
        padding: 0px;
        font-size: 14px;
    }

    .PageTop a:link,
    .PageTop a:visited {
        color: White;
        font-size: 14px;
        text-decoration: none;
    }

    .PageTop a:hover {
        color: Blue;
        font-size: 14px;
        text-decoration: underline;
    }

.PageBottom {
    margin-top: 2px;
    border-style: dotted;
    border-width: 1px;
    border-color: #000;
    background-color: #ececec;
    padding-bottom: 4px;
    text-align: center;
}

    .PageBottom h1, .PageBottom h2 {
        font-weight: normal;
        margin: 4px;
        padding: 0px;
        font-size: 14px;
    }

    .PageBottom textarea {
        width: 98%;
        height: 72px;
        background-image: url(../Public/images/InputArea_logo.png);
        background-repeat: no-repeat;
        background-position: right top;
        margin-bottom: 4px;
    }

    .PageBottom .bar {
        background-color: #F2780D;
        height: 8px;
    }


.copyright {
    margin-top: 1px;
    text-align: center;
    font-size: 14px;
}

    .copyright .bar {
        background-color: #F2780D;
        height: 12px;
    }

    .copyright h1 {
        margin: 4px;
        font-weight: normal;
        color: #666;
        font-size: 14px;
    }

    .copyright a:link,
    .copyright a:visited {
        color: #666;
    }

    .copyright a:hover {
        color: Red;
        text-decoration: underline;
    }
