﻿body { width: 950px; margin: 0px auto; font-size: 14px; line-height: 1.5em; }
.c { clear: both; }

form { margin: 0px; padding: 0px; }
img { border-style: none; }
a:link,
a:visited { color: #2f6681; text-decoration: none; }
a:hover { color: Blue; text-decoration: underline; }
h1, h2 { font-size: 14px; margin: 0; padding: 0; }
.Content .main .body .product { margin-top: -830px;}
.spliter2px { clear: both; height: 2px; }

.navigation { background:   #fff; }
.navigation .logo { height: 70px; width: 215px;padding-left: 25px; padding-top: 1px; }
.navigation ul { list-style:none;  margin:0; padding:0; height: 28px; background: url(images/snsbg_r2_c1.jpg) repeat-x left top ; text-align: center; border: 1px solid #cccccc; }
.navigation li { line-height: 28px; text-align: center; height: 28px; width: 115px; float: left; border-right-width: 1px; border-right-style: solid; border-right-color: #bbbbbb; }
.navigation a:link,
.navigation a:visited { font-family: "微软雅黑"; font-size: 14px; color: #072e67; line-height: 28px; height: 28px; width: 130px; display: block; }
.navigation a:hover { color: #072e67; text-decoration: none; background-image: url(images/nav_hover.jpg); background-repeat: repeat-x; }
.navigation .bg_hover, .nav .bg_hover:hover { background-image: url(images/nav_bghover.jpg); background-repeat: repeat-x; color: #FFFFFF; }


.Content { margin: 0 auto; width: 950px;background-color:#fff; }

.LeftMenu { width:220px;margin-left:25px; overflow: hidden; float: left; text-overflow: ellipsis;border: solid 1px #ececec; }

.Content .main { width: 665px;padding-left: 260px;}
.Content .LeftMenu { background-image: linear-gradient(to bottom, #fefefc, #e7ffc3);}




.LeftMenu h1 { padding: 0px; margin: 0px; background-image: url(images/xb_05.jpg); background-repeat: no-repeat; background-position: 10px 2px; 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 { border:solid 1px #ececec; padding-left: 10px; font-weight: bold; background-image: linear-gradient(to bottom, #fefefc, #e7ffc3); text-align: left; line-height: 25px; }
.main .body { margin-top: 4px; }

.main .body .product { margin: 2px; background-color: White; list-style: none; }
.main .body .product li { border: solid 1px #ececec; border-right-style: none; border-left-style: none; margin: 8px; background-color: #ececec; padding: 8px;height: 140px; }

 .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: 500px; float: right; }
 .DetailContent  .main  .Silver .description ul{list-style-type: disc;}

 .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; line-height: 25px; border-bottom: solid 1px #fff; margin: 0px; padding: 0px;  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 { margin-left: auto;margin-right: auto;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: #FFF; 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: #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 { background-color:#E8F2F4;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; }
         .DetailContent .OtherContents    .item { background-color:#E8F2F4; white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.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: 宋体; }

        .BusinessCard .Right td { font-weight: normal; white-space: nowrap; overflow: hidden; width: 289px; text-overflow: ellipsis; }

.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; 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; font-size: 14px; margin: 0px; padding-left: 8px; }
    .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: #FF7700; height: 8px; }


.copyright { width: 940px; margin: 0px auto; margin-top: 1px; background-color:white;}
    .copyright .bar { background-color: #FF7700; height: 12px; }

    .copyright h1 { margin: 4px; font-weight: normal; color: #666; font-size: 14px; padding: 0; }
    .copyright a:link,
    .copyright a:visited { color: #666; }
    .copyright a:hover { color: Red; text-decoration: underliner; }


.w315 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 315px; }

.Description p img{
    width: 100%;
}
