﻿    .navigation .logo { background: url(http://www.gkong.com/company/advantech/images/logo.jpg) no-repeat 1em center; padding: 10px 10px 10px 0; height: 35px; text-align: right; line-height: 35px; font-size: 16px; font-weight: bold; color: #999999; font-family: '微软雅黑', '宋体', Arial; }
    .navigation .memu { background:   rgb(2, 80, 151); }
        .navigation .memu ul { margin: 0px; padding: 0px; }
        .navigation .memu li { margin: 0px 0px; padding: 0px; list-style: none; float: left; font-size: 12px; width: 134px; line-height: 32px; text-align: center; border-right: 1px dotted #ccc; }

    .navigation a:link,
    .navigation a:visited { color: #fff; font-weight: bold; font-size: 14px; display: block; }
    .navigation a:hover { color: #ff0000; }
	

/*以下内容涉及其它页公用页面，尽量不要修改*/


body { width: 950px; margin: 0px auto; font-size: 14px; line-height: 1.5em; background: #ccc; }
.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; }
.weixin {position:fixed;right:150px;z-index:100;top:90px; display:none;}

.spliter2px { clear: both; height: 2px; }

.navigation { background: #fff; }

	
	

.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-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; }
    .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; 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; }
