﻿.chipbox { width: 950px; height: 450px; overflow: hidden; position: relative; }

    .chipbox .heads { padding: 0; list-style: none; position: absolute; z-index: 99; bottom: 16px; right: 16px; margin-right: 0; margin-bottom: 0; }

        .chipbox .heads li { cursor: pointer; float: left; width: 16px; line-height: 16px; color: #FFF; text-align: center; margin: 0 5px; background-color: #052D73; border-style: none; }

        .chipbox .heads .sel { color: #FFF; background-color: #CA0000; }

    .chipbox img { width: 950px; height: 450px; display: block; }

    .chipbox .cimgs { height: 450px; overflow: hidden; }

body { width: 950px; margin: 0px auto; font-size: 14px; line-height: 1.5em; background: #fff; }

.c { clear: both; }

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; }

#btContact { width: 950px; margin: 0 auto; }

.tab { padding: 4px; border: solid 1px #eee; border-top-style: none; border-right-style: none; }

    .tab td { padding: 4px; border: solid 1px #eee; border-left-style: none; border-bottom-style: none; }

    .tab p { margin: 0; padding: 0; }

.spliter2px { clear: both; height: 2px; }

.navigation { background: url(images/logo_new.jpg) no-repeat left center #2c2c2c;    margin-bottom: 12px; }

    .navigation .logo { }

.memu { }

    .memu ul { margin: 0; padding: 0; list-style-type: none;  }

    .memu li { line-height: 30px; text-align: center; width: 180px; float: left;text-align:center; }

    .memu a { font-family: "微软雅黑"; font-size: 14px;  color: black; display: block; }

        .memu a:hover { color: #70909a; text-decoration: none; }


.Content,
#Content { background: url(../Public/images/bj_01.jpg) #fff; 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; background: #fff; }


.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: 14px; 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; }

#SerialMenu ul { list-style-type: none; }

.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; }

    .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; }

.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; margin: 0px; padding: 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: 120px; }

        .main .body .product .description { width: 525px; float: right; }

        .main .body .product h1 { line-height: 20px; font-weight: bold; overflow: hidden; font-size: 16px; margin: 0px; white-space: nowrap; }

        .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: 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; }

.label { 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: #FFFFF0; 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 { 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; }

.PageTop { font-size: 14px; width: 950px; margin: 0 auto; text-align: center; background-color: #FF7700; line-height: 25px; text-align: center; height: 25px; }

.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 .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-width: 1px; border-color: #000; background-color: #fff; padding-bottom: 4px; }

    .PageBottom h1, .PageBottom h2 { font-weight: normal; margin: 4px; padding: 0px; font-size: 14px; }

    .PageBottom textarea { 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; background: #fff; text-align: center; }

    .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; }

/*菜单样式 */

.mainmenu { padding-top: 38px; width: 720px; height: 26px; font-size: 12px; }

    .mainmenu ul { list-style-type: none; margin: 0px; padding: 0px; }

    .mainmenu li { font-weight: bold; padding-left: 8px; float: left; cursor: pointer; }

.roundl { width: 6px; height: 20px; }

.roundm { height: 18px; padding-top: 2px; overflow: hidden; color: #383838; }

.roundr { width: 6px; height: 20px; }

.roundleft { width: 6px; height: 20px; background: url('round_left.gif') no-repeat; }

.roundmiddle { height: 18px; padding-top: 2px; overflow: hidden; color: #fff; background: #F07100 url('round_bg.gif'); }

.roundright { width: 6px; height: 20px; background: url('round_right.gif') no-repeat; }

.submenu { color: #ff0000; position: absolute; left: 0px; top: 20px; padding-top: 8px; z-index: 999; }

    .submenu ul { width: 100%; padding: 0px; margin: 0px; overflow: hidden; list-style-type: none; }

    .submenu li { text-indent: 12px; text-align: left; line-height: 25px; width: 100%; padding: 0px; margin: 0px; }

.submenuli { background: #d9d9d9; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; }

.submenuonli { background: #EF7100 url("round_bg.gif"); }

    .submenuonli a, .submenuonli a:hover { color: #ffffff; }

.l { float: left; }

.r { float: right; }

.cl { clear: both; }

.w80 { width: 80px; }

.dn { display: none; }

.mauto { margin: auto; }

.rel { position: relative; }

.abs { position: absolute; }
