﻿body { width: 950px; margin: 0px auto; }
.c { clear: both; }
* { font-size: 14px; }
form { margin: 0px; padding: 0px; }
img { border-style: none; }
a:link,
a:visited { color: #339; text-decoration: none; }
a:hover { color: Blue; text-decoration: underline; }


.spliter2px { clear: both; height: 2px; }

.navigation { }
.navigation .logo {  margin:10px 40px; float:left; }


.header_nav ul { margin: 0; padding: 0; list-style-type:none; }
.header_nav { width: 950px; overflow: hidden; zoom: 1; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
    .header_nav .name { float: left; width: 217px; height: 218px; background: #205881; text-align: center; }
        .header_nav .name h3 { margin-top: 99px; color: #fff; font-size: 16px; }
    .header_nav .picnav { float: right; width: 730px; }
    .header_nav .pic { height: 188px; }
    .header_nav .nav { height: 30px; background: #205881; }
        .header_nav .nav li { width: 100px; float: left; line-height: 30px; height: 30px; text-align: center; }
            .header_nav .nav li a { font-size: 14px; font-weight: bold; color: #fff; }
                .header_nav .nav li a:hover { color: #fc0; }


#tablist { background-image: url(images/nav_bg.jpg); list-style-type: none; background-repeat: repeat-x; background-position: left top; width: 950px; margin-right: auto; margin-left: auto; height: 35px; }
    #tablist ul { list-style-type: none; }
    #tablist li { float: left; width: 120px; font-size: 14px; line-height: 41px; font-weight: bold; color: #FFFFFF; height: 41px; text-align: center; background-image: url(mbgr.jpg); background-repeat: no-repeat; background-position: right top; }
    #tablist a { color: #FFFFFF; display: block; height: 35px; width: 120px; }
        #tablist a:hover { background: url(images/nav_bghouver.jpg); color: #0055A8; width: 118px; }

.Content { background-image: url(../Public/images/bj_01.jpg); background-repeat: repeat-y; width: 950px; }

.LeftMenu { width: 204px; overflow: hidden; float: left; text-overflow: ellipsis; }


.main { border-color: #ccf; border-style: solid; border-width: 2px; float: right; width: 700px; padding: 8px; }


.LeftMenu h1 { 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-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; text-overflow: ellipsis; white-space: nowrap; margin: 0px; padding: 0px; width: 215px; }
    .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 { }
        .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; width: 195px; }

.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; }

    .main .body .product { margin: 2px; background-color: White; list-style: none; padding: 0; }
        .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: 120px; }
        .main .body .product .description { width: 530px; 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 { 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: 950px; background-image: url(../Public/images/SplitBar.jpg); background-repeat: repeat-y; background-position: 728px top; padding: 0px; background-color: #E8F2F4; }
    .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: 207px; 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: 54px; }
    .DetailContent .data { float: left; padding-left: 4px; border-left: solid 1px #ccc; line-height: 54px; width: 640px; }

    .DetailContent .favorite { width: 100%; text-align: center; padding: 8px; }
        .DetailContent .favorite img { border-style: none; }
    .DetailContent .Description { overflow: visible; white-space: normal; padding: 4px; line-height: normal; background-color: #FFFFFF; text-align: left; line-height: 25px; }

    .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: #c6e0ff; line-height: 30px; font-weight: bold; color: #333; 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: 160px; margin-top: 8px; margin-right: 12px; }


        .BusinessCard .Right table { margin: 4px; }
        .BusinessCard .Right th { line-height: 22px; width: 81px; font-family: 宋体; white-space: nowrap; vertical-align: top; padding-top: 0.4em; }

        .BusinessCard .Right td { font-weight: normal; white-space: nowrap; overflow: hidden; width: 289px; text-overflow: ellipsis; vertical-align: top; padding-top: 0.4em; }

.PageTop { font-size: 14px; width: 950px; margin: 0 auto; 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 { width: 948px; margin: 0 auto; margin-top: 2px; border-style: dotted; border-width: 1px; border-color: #000; background-color: #ececec; padding-bottom: 4px; }
    .PageBottom h1, .PageBottom h2 { font-weight: normal; margin: 4px; padding: 0px; }
    .PageBottom textarea { width: 940px; 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 { width: 950px; margin: 0px auto; margin-top: 1px; }
    .copyright .bar { background-color: #F2780D; height: 12px; }

    .copyright h1 { margin: 4px; font-weight: normal; color: #666; }
    .copyright a:link,
    .copyright a:visited { color: #666; }
    .copyright a:hover { color: Red; text-decoration: underline; }


.w315 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 315px; }
