﻿/*********************************************************************
 *  基础设置 
 ********************************************************************/

*
{
	margin:0px;
	padding:0px;
	outline: none;
}

body
{
    background-color: #CCCCFF; /*background-image: url(Images/background.jpg); /*background-color: #FFFFFF;*/ /*#5081C0*/
    font-size: 12px;
    font-family: Verdana, Arial, 宋体, Helvetica, sans-serif;
    margin: 0px; /* zentrieren im IE6 */
    text-align: center;
    overflow: auto;
    letter-spacing: 0.5px;
    color: #336699;
    background-repeat: repeat-x;
}

a, ul li a:hover
{
	color: #0F67A1;
	text-decoration:none;
	cursor:hand;
}
a:hover 
{ 
	color:Orange; /*0F67A1*/
	text-decoration:none; 
	cursor:hand;
}

table 
{
	border-style: none;
    border-color: inherit;
    border-width: 0px;
    border-collapse: collapse;
}

    td, th
    {
        padding: 0px;
	    vertical-align: top;
    }

div
{
	text-align: left;
	margin: 0px;
	padding: 0px;
}

h1 {
    font: 50px normal Georgia, 'Times New Roman', Times, serif;
    color: #111;
    margin: 0;
    text-align: center;
    padding: 5px 0;
	
}
    h1 small{
        font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
        text-transform:uppercase;
        letter-spacing: 1.4em;
        display: block;
        color: #ccc;
    }

.hot
{
    font-size:80%;
    color:Red;
    font-weight:bold;
    float:left;
}

/*********************************************************************
 *  页头区 
 ********************************************************************/
/* 页头外框架 */
div#rahmen
{
    margin: 0px;
    margin-top: 0px;
    padding: 0px;
    width: 962px;
    background-image: url(Images/head.png);
    height: 120px; /* 90px */
    z-index: 30;
    background-repeat: no-repeat;
}
    div#LogoBar
    {
        width: 962px;
        height: 80px;
        /* 下面的颜色作为测试使用 */
        /*background-color: Green;*/
    }

        /* 左侧包含 LOGO 的 DIV */
        div#logo_header
        {
	        margin: 0px;
	        float: left;
	        letter-spacing: 0px;
	        height: 75px;
	        padding-top: 5px;
	        width: 241px;
	        /* 下面的颜色作为测试使用 */
	        /*background-color: #AAAAAA; */
        }

        /* 除 LOGO 外的右侧 DIV */
        div#logo_header_bg
        {
	        float: left;
	        text-align: right;
	        letter-spacing: 0px;
	        padding: 0px;
	        width: 721px; /* 这个值与 logo_header 的宽度相加应等于 rahmen 的宽度。*/
	        height: 80px; 
	        /* 下面的颜色作为测试使用 */
	        /*background-color:Blue; */
        }

            /* 顶部文字超链接条 */
            div#top_nav
            {
	            padding: auto;
	            text-align: right;
	            margin-top: 5px;
	            height: 18px;
	            /* 下面的颜色作为测试使用 */
	            /*background-color: #FAFAFA; */
            }
            div#top_contact
            {
                float:right;
                text-align: left;
                height: 50px;
                width: 180px;
                margin-top: 10px;
                line-height: 1.5;
                /* 下面的颜色作为测试使用 */
	            /*background-color: red; */
            }



    /* 顶部导航条 */
    div#TopNavigation
    {
        width: 962px;
        height: 40px;
        margin:0px;
        padding:0px;
        z-index:40;
        vertical-align:middle;
        text-align:center;
        /* 下面的颜色作为测试使用 */
    }
        ul#topnav
        { 
	        list-style-type:none; 
	        height: 40px;/* 45 */
	        top:0px;
	        left:0px;
	        float:left;
	        margin: 0; 
	        padding: 0;
    	    width: 962px;
	        list-style: none;
	        font-size: 1.1em;
	        z-index:50;
	        position:relative;
        }
            /* 顶部导航条按钮 */
            ul#topnav .navbutton
            {
                float: left;
                margin: 0px;
                padding: 0px;
                position: relative;
                background-color: #800000;
                height: 40px;
                width: 50px;
                text-align: center;
                vertical-align: middle;
                white-space: nowrap;
                z-index: 60;
            }
                /* 导航按钮分隔符 */
                .navbutton .separator
                {
                    width:3px;
                    text-align:center;
                    vertical-align:middle;
                    height:28px;
                    float:left;
                    margin-top:0px;
                    padding-top:12px;
                    color:White;
                }
                /* 顶部导航条链接，本来应为 li > a，但 IE6 不支持。 */
                ul#topnav li .hotlink
                {
                    padding-top: 13px;
                    padding-bottom: 12px;
                    padding-left:3px;
                    padding-right: 3px;
                    float:left;
	                color: #fff; 
	                text-decoration:none; 
	                font-weight:bold;
	                font-family: 宋体, Verdana;
	                font-size: 10pt;
                    white-space:nowrap;
                    z-index:70;
                    overflow:hidden;
                    min-height:15px;
                    max-height:15px;
                }
                /*
                ul#topnav li a:hover
                {
                    background-color: #F6F6F6;
                    color: Black;
                    margin-top:2px;
                    padding-top:11px;
                }
                */
                /*
                    ul#topnav li:hover a, ul#topnav li a:hover 
                    { 
                        background-position: left bottom; 
                    }
                */
                /* 导航弹出层 */
                ul#topnav li .sub
                {
                    border: 1px solid #C0C0C0;
                    border-top-style: none;
                    position: absolute; /*background: #344c00 url(sub_bg.png) repeat-x;*/
                    padding-left: 10px;
                    padding-right: 10px;
                    padding-top: 10px;
                    padding-bottom: 10px;
                    float: left; /*--Bottom right rounded corner--*/
                    -moz-border-radius-bottomright: 5px;
                    -khtml-border-radius-bottomright: 5px;
                    -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/
                    -moz-border-radius-bottomleft: 5px;
                    -khtml-border-radius-bottomleft: 5px;
                    -webkit-border-bottom-left-radius: 5px;
                    display: none;
                    z-index: 80;
                    left: 0px;
                    top: 40px; /* 应为导航条的高度，以显示在导航条下方。*/ 
                    background-color: #F6F6F6; /* 弹出层背景 */
                    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
                    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
                    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
                    filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#FF404040);
                    -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#FF404040)";
                }
                    ul#topnav li .sub .row 
                    {
                        clear: both; 
                        float: left; 
                        width: 100%; 
                        margin-bottom: 10px;
                    }
                    ul#topnav li .sub ul
                    {
	                    list-style: none;
	                    margin: 0; 
	                    padding: 0;
	                    width: 150px;
	                    float: left;
                    }
                    /* 用于弹出层中非第一列的 UL样式。会在左边显示一条边线 */
                    ul#topnav li .sub .MoreColumnStyle
                    {
                        list-style: none;
	                    margin: 0; 
	                    padding: 0;
	                    width: 150px;
	                    float: left;
                        border-left-color: #CCCCCC;
	                    border-left-width: 1px;
	                    border-left-style: solid;
                    }
                    ul#topnav li .row ul
                    {
                        list-style: none;
	                    margin: 0; 
	                    padding: 0;
	                    width: 150px;
	                    float: left;
                    }
                        ul#topnav .sub ul li 
                        {
	                        width: 100%;
	                        color: black;
                        }
                            /* 弹出层中的标题 */
                            ul#topnav .sub ul li h4
                            {
	                            padding-top: 4px;
	                            padding-bottom: 2px;
	                            padding-left: 10px;
	                            margin: 0;
	                            margin-bottom:1px;
                            }
                                /* 弹出层中的标题链接 */
                                ul#topnav .sub ul li h4 a 
                                {
                                    float: none;
                                    height: auto;
                                    padding: 7px 5px 7px 15px;
	                                font-size: 9pt;
	                                font-weight:bold;
	                                color: black; /* 标题链接未选中时的颜色 */
	                                text-indent: 0px;
	                                line-height: 2;                               
                                }
                                
                                ul#topnav .sub ul li h4 a:hover
                                {
                                    color: #FF3300;
                                    background-color:Transparent;
                                    /*background-position: 5px 12px;*/
                                }
                            /* 弹出层中的普通链接 */
                            ul#topnav .sub ul li > a
                            {
                                float: none;
                                height: auto;
                                padding: 7px 5px 7px 15px;
                                display: block;
                                text-decoration: none;
                                color: #003366; /* 弹出层中的文字颜色 */
                                font-size: 9pt;
                                font-weight: normal;
                                font-style: normal;
                                list-style-position: inside;
                                list-style-type: circle;
                                list-style-image: inherit;
                                text-indent: 35px;
                                line-height: 1;
                            }
                            ul#topnav .sub ul li > a:hover
                            {
                                color: #FF3300;
                                /*background-position: 5px 12px;*/
                            }
                
                /* 链接备注描述文本 */
                .DescriptionPanel
                {
                    font-size: 9pt;
                    font-family: Verdana, 宋体;
                    text-indent: 30px;
                }
                
/*********************************************************************
 *  内容区 
 ********************************************************************/
/* Flash 大图片区设置 */
#webtheme
{
	margin: 0px 0px 0px 0px;
	width: 962px;
	overflow: hidden;
	border: 0px;
	color:Black;
}

/*********************************************************************
 *  页尾区 
 ********************************************************************/
/* 页脚外框。*/
div#footer
{
    height:55px;
	width: 962px; 
	/* 下面的颜色作为测试使用 */
	/*background-color: White; */
	color: #333333;
	bottom:0px;
}

    /* 页脚版权表格 */
    div#footer table
    {
	    width: 962px;
	    /* 下面的颜色作为测试使用 */
	    /* background-color: #AAAAAA; */
    }
        div#footer td
        {
	        padding-top: 10px;
	        padding-bottom: 10px;
	        /* 下面的颜色作为测试使用 */
	        /* background-color: Red; */
        }

/******************************************************************************
  标准产品页
******************************************************************************/
.StandardContent
{
    width:962px; 
    height:auto;
    background-color: white; 
}

/******************************************************************************
  IntroduceMasterPage.master
******************************************************************************/
.IntroduceContent
{
    background-color:#F6F7F2; 
}

    .IntroduceContentLeftNav
    {
        width:240px; 
        height:500px;
        background-color: white; 
    }

        #DIV_LeftNav
        {
            background-color:#F8F8F8; 
            width:200px; 
            margin-top:20px; 
            margin-left:30px; 
            margin-right:3px; 
            margin-bottom:80px; 
            height:auto;
            text-align:center;
            padding-bottom:25px;
            border-color:#F1F1F1;
            border-width:1px;
            border-style:solid;
        }

            #DIV_LeftNav H5
            {
                color:Black;
                text-align:center;
                padding-top:5px;
                background-color:#DDDDDD;
                width:180px;
                height: 20px;
                margin-top: 20px;
                font-size:12px;
            }

                #DIV_LeftNav LI
                {
                    text-align: left;
                    width:165px;
                    height: auto;
                    min-height: 20px;
                    border-bottom-color:#CCCCCC;
                    border-bottom-style:solid;
                    border-width:1px;
                    padding-top: 5px;
                    padding-left: 15px;
                    padding-bottom: 4px;
                    list-style-type:none;
                }

                    #DIV_LeftNav LI a
                    {
                        color:#0F67A1;
                    }
                    /* 第二级导航项 */
                    .NavigationSecondMenu
                    {
                        padding-left: 25px;
                    }

    .IntroduceContentRightContent
    {
        width:722px; 
        background-color: white; 
    }

        #DIV_IntroduceContentRightContent
        {
            min-height: 460px;
            height:auto;
            background-color:#F8F8F8; 
            margin-top: 20px; 
            margin-left:3px; 
            margin-right:30px; 
            margin-bottom: 40px; 
            border-color:#F1F1F1;
            border-width:1px;
            border-style:solid;
        }
        
        #DIV_IntroduceContentRightContent h3
        {
            margin: 20px 20px 20px 20px;
            padding-bottom: 4px;
            border-bottom-color: #CCCCCC;
            border-width: 1px;
            border-bottom-style:solid;
        }
        
        .news-content
        {
            height: auto;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 20px;
            margin-bottom: 20px;
            line-height: 1.8;
            max-width: 689px;
            overflow:hidden;
        }
