﻿.body
{
    background-image: url('../images/bg10.jpg');
    background-repeat: repeat-x;
    font-family: Verdana, Tahoma;
    font-size: 12px;
    font-weight: normal;
    background-attachment: fixed;
}

.bg_B
{
    background-repeat: repeat-x;
}

.right {
	float:right
	}
.left{
	float:left;
	}
.clear{
	clear:both;
		}
.img{
	border:0;
	}	

#center_B
{
    left: 18%;
    top: 0px;
    padding: 0px;
    margin: auto;
    width: 820px;
    background-color: #FFFFFF;
    background-attachment: fixed;
}

#logo
{
    background-image: url('../images/design_03.jpg');
    background-repeat: no-repeat;
    height: 80px;
    margin-left: 10px;
    width: 790px;
    margin-right: 10px;
    font-size: 11px;

}

#banner_R
{
    background-image: url('../images/design_04.jpg');
    background-repeat: no-repeat;
    height:80px;
}

#time
{
    height: 80px;
    text-align: right;
}

#menu
{
    background-image: url('../images/menu.jpg');
    background-repeat: repeat-x;
    margin-left: 10px;
    margin-top: 5px;
    height: 30px;
    margin-right: 5px;
    width: 805px;
}

#menu ul
{
    text-decoration: none;
    margin-left: 36px;
    height: 30px;
    list-style-type: none;
    width: 766px;
}
	
.menu ul li
{
    margin: 6px 0px auto 0px;
    float: left;
    line-height: normal;
    height: 14px;
}
	
#m1
{
    margin: 6px 0px auto 0px;
    float: left;
    line-height: normal;
    width: 75px;
    height: 14px;
}

#m2
{
    margin: 6px 0px auto 0px;
    float: left;
    line-height: normal;
    width: 105px;
    height: 14px;
    padding-top: 0px;
    padding-bottom: inherit;
    padding-left: 10px;
}
	
#m3
{
    margin: 6px 0px auto 0px;
    float: left;
    line-height: normal;
    width: 87px;
    height: 34px;
    padding-top: 0px;
    padding-bottom: inherit;
    padding-left: 35px;
    top: -4px;
    left: 0px;
}
	
#m4
{
    margin: 6px 0px auto 0px;
    float: left;
    line-height: normal;
    width: 77px;
    height: 13px;
    padding-top: 0px;
    padding-bottom: inherit;
    padding-left: 35px;
}
	
#m5
{
    margin: 6px 0px auto 4px;
    float: left;
    line-height: normal;
    width: 88px;
    height: 13px;
    padding-top: 0px;
    padding-bottom: inherit;
    padding-left: 25px;
}
	
#m6
{
    margin: 6px 0px auto 0px;
    float: left;
    line-height: normal;
    width: 78px;
    height: 13px;
    padding-top: 0px;
    padding-bottom: inherit;
    padding-left: 35px;
}	

#m7
{
    margin: 6px 0px auto 0px;
    float: left;
    line-height: normal;
    width: 73px;
    height: 13px;
    padding-top: 0px;
    padding-bottom: inherit;
    padding-left: 20px;
}

#menu ul li a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
#menu a:hover{
	color: #FFFF00;
	}
	
#center
{
    margin-left: 10px;
    background-color: #FFFFFF;
    background-attachment: fixed;
}

#center_1
{
    margin-left: 0px;
    width: 230px;
    background-color: #FFFFFF;
    background-attachment: fixed;
    height: 904px;
    margin-right: 0px;
	float:left;
}

#center_2
{
    margin-left: 375px;
    width: 320px;
    background-color: #FFFFFF;
    background-attachment: fixed;
    margin-right: 0px;
}

#center_v
{
    margin-left: 10px;
    width: 400px;
    background-color: #FFFFFF;
    background-attachment: fixed;
    height: 301px;
    margin-right: 0px;
}

#center_p
{
    margin-left: 415px;
    width: 376px;
    background-color: #FFFFFF;
    background-attachment: fixed;
    margin-right: 0px;
    height: 325px;
    margin-top: 6px;
}

#center_end1
{
    margin-left: 0px;
    width: 790px;
    background-color: #FFFFFF;
    background-attachment: fixed;
    margin-right: 10px;
    height: 389px;
}

#center_c
{
    margin: 20px;
    height: 900px;
}
#buttom1
{
    background-image: url('../images/buttom1.jpg');
    background-repeat: repeat-x;
    margin-left: 10px;
    height: 94px;
    margin-right: 10px;
}

#buttom2
{
    background-repeat: no-repeat;
    margin-left: 10px;
    height: 79px;
    margin-right: 10px;
    background-color: #FFFFFF;
}

#bottom_p
{
    margin: 2px 20px 0 20px;
    width: 790px;
}

#title1
{
    font-family: Verdana;
    font-size: 18px;
    font-weight: 800;
    font-style: normal;
    margin: 30px 18px 20px 16px;
    color: #555555;
}

#title1_1
{
    font-family: Verdana;
    font-size: 16px;
    font-weight: 800;
    font-style: normal;
    margin: 10px auto 20px 16px;
    width: 770px;
    text-align: left;
    color: #555555;
}
#title1_2
{
    font-family:Verdana;
    font-size: 17px;
    font-weight: 900;
    font-style: italic;
    margin: 30px auto 20px 16px;
    color: #006600;
    word-spacing: normal;
}

#title2
{
    font-family: Verdana;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    margin: 10px auto 20px 13px;
    color: #555555;
}

#title2_0
{
    font-family: Verdana;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    margin: 20px auto 20px 20px;
    color: #555555;
    width: 712px;
}


#title2_g
{
    font-family:Verdana;
    font-size: 15px;
    font-weight: 600;
    font-style: italic;
    margin: 0px auto 10px 16px;
    width: 750px;
    color: #555555;
}

#title2_1
{
    font-family:  Verdana;
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    margin: 20px auto 15px 16px;
    text-decoration: underline;
    color: #555555;
}

#title2_2
{
    font-family:  Verdana;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    margin: 6px auto 6px 26px;
}

#title2_3
{
    font-family: Verdana;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    margin: 0px auto 10px 16px;
    width: 270px;
    color: #48b050;

}

#title2_3_3
{
    font-family: Verdana;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    margin: 0px auto 10px 16px;
    width: 770px;
    color: #48b050;

}

#title2_4
{
    font-family: Verdana;
    font-size: large;
    font-weight: 400;
    font-style: normal;
    margin: 10px auto 10px 16px;
    width: 280px;
    height: 25px;
}

#title2_5
{
    font-family: Verdana;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    margin: 20px 20PX 20px 16px;
    width: 760px;
    text-align: left;
}

#title2_6
{
    font-family: Santa;
    font-size: large;
    font-weight: 600;
    font-style: normal;
    margin: 20px auto 20px 16px;
    width: 760px;
}

#text1
{
    font-family: Verdana;
    font-size: large;
    font-weight: 600;
    color: #003366;
    margin-left: 16px;
    margin-top: 10px;
}

#text2
{
    font-family: Verdana;
    font-size: small;
    margin-left: 16px;
    margin-right: 10px;
    margin-top: 12px;
    COLOR:#555555;
}

#text3
{
    font-family: Verdana;
    font-size: x-small;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    height: 32px;
    COLOR:#555555;
    background-color: #FFFFFF;
}

#text4
{
    margin: 6px 27px 16px 15px;
    font-family: verdana;
    font-size: 12px;
    color: #555555;
    width: 767px;
    text-align: justify;
}

.text4
{
    margin: 6px 27px 16px 15px;
    font-family: verdana;
    font-size: 12px;
    color: #555555;
    width: 767px;
    text-align: justify;
}

#text4_1
{
    margin: 10px 10px 10px 17px;
    font-family: Verdana;
    font-size: 15px;
    color: #003300;
    text-decoration: underline;
    font-weight: 600;
}

#text4_2
{
    margin: 5px 27px 5px 66px;
    font-family: Verdana;
    font-size: 12px;
    color: #555555;
    font-weight: 400;
}

#text4_3
{
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    margin-left: 16px;
    margin-top: 10px;
    margin-bottom: 5px;
    width: 322px;
    color: #555555;
}

#text4_4
{
    font-family: Verdana;
    font-size: 15px;
    color: #555555;
    font-weight: 400;
}


#text4_5
{
    font-family: Verdana;
    font-size: 12px;
    color: #555555;
    font-weight: 600;
    width: 199px;
    margin-top: -16px;
    margin-left: 20px;
}


#text5
{
    font-family: Verdana;
    font-size: 13px;
    text-align: right;
    margin-top: -30px;
    width: 742px;
    height: 24px;
}

#text6
{
    font-family: Verdana;
    font-size: 14px;
    text-align: left;
    margin-top: -20px;
    margin-bottom: 10px;
    margin-left: 16px;
    font-weight: 600;
    color: #000099;
}

#text7
{
    font-family: 'Times New Roman';
    font-size: 11pt;
    font-style: italic;
    text-align: center;
    letter-spacing: 0.15pt;
    font-weight: 600;
    padding-bottom: 60px;
    padding-top: 20px;
    color: #555555;
}

#map
{
    margin: 10px 55px 20px 0px ;
    width: 396px;
    height: 276px;
}







.sub_menu
{
    position: relative;
    text-decoration: none;
    font-size: 12px;
    width: 110px;
    text-align: center;
    border: 1px solid #ccc;
    height: 28px;
    line-height: 25px;
    z-index: 10;
    display: block;
    float: left;
    margin-left: 4px;
    top: 0px;
    left: -1px;
}/*设置链接的属性,一定要设置为relative才能使提示层跟着链接走*/
.sub_menu:hover
{
    background-image: url('../images/menu.jpg');
}
.sub_menu span{display: none; }/*设置正常下的span为隐藏状态*/
.sub_menu:hover span
{
    display: block;
    position: absolute;
    top: 29px;
    left: -1px;
    width: 110px;
    text-align: center;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    font-size: 12px;
    text-decoration: none;
    height: 125px;
    background-image: url('../images/menu_s123.jpg');
}/*设置hover下的span属性为呈现状态,并设置提示层的位置*/
#table a {
      text-align: center;
      vertical-align: middle;
      width: 100%;
      text-decoration: none;
      text-decoration: none;
      font-size: 12px;
      display: block;
}
#table a:visited {
      text-decoration: none;
      color: #009900;
      width: 100%;
}
#table a:hover
{
    background-position: center;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    background-image: url('../images/menu_123.jpg');
}
#table a:active {
      text-decoration: none;
      color: #999999;
}
#table {      width: 100%;}
.sub_menu #table{display: none; }
.sub_menu:hover #table
{
    display: block;
    position: absolute;
    top: 25px;
    left: -1px;
    width: 130px;
    text-align: center;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    font-size: 12px;
    text-decoration: none;
    background-image: url('../images/menu.jpg');
}




.sub_menu_c
{
    position: relative;
    text-decoration: none;
    font-size: 12px;
    width: 110px;
    text-align: center;
    border: 1px solid #ccc;
    height: 28px;
    line-height: 25px;
    z-index: 10;
    display: block;
    float: left;
    margin-left: 4px;
    top: 0px;
    left: -1px;
}/*设置链接的属性,一定要设置为relative才能使提示层跟着链接走*/
.sub_menu_c:hover
{
    background-image: url('../images/menu.jpg');
}
.sub_menu_c span{display: none; }/*设置正常下的span为隐藏状态*/
.sub_menu_c:hover span
{
    display: block;
    position: absolute;
    top: 29px;
    left: -1px;
    width: 110px;
    text-align: center;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    font-size: 12px;
    text-decoration: none;
    height: 50px;
    background-image: url('../images/menu_s123.jpg');
}/*设置hover下的span属性为呈现状态,并设置提示层的位置*/



.sub_menu_c #table{display: none; }
.sub_menu_c:hover #table
{
    display: block;
    position: absolute;
    top: 25px;
    left: -1px;
    width: 110px;
    text-align: center;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    font-size: 12px;
    text-decoration: none;
    background-image: url('../images/menu.jpg');
}


.sub_menu_u
{
   position: relative;
    text-decoration: none;
    font-size: 12px;
    width: 110px;
    text-align: center;
    border: 1px solid #ccc;
    height: 28px;
    line-height: 25px;
    z-index: 10;
    display: block;
    float: left;
    margin-left: 4px;
    top: -30px;
    left: 650px;
}/*设置链接的属性,一定要设置为relative才能使提示层跟着链接走*/
.sub_menu_u:hover
{
    background-image: url('../images/menu.jpg');
}
.sub_menu_u span{display: none; }/*设置正常下的span为隐藏状态*/
.sub_menu_u:hover span
{
    display: block;
    position: absolute;
    top: 29px;
    left: -1px;
    width: 110px;
    text-align: center;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    font-size: 12px;
    text-decoration: none;
    height: 50px;
    background-image: url('../images/menu_s123.jpg');
}/*设置hover下的span属性为呈现状态,并设置提示层的位置*/

.sub_menu_u #table{display: none; }
.sub_menu_u:hover #table
{
    display: block;
    position: absolute;
    top: 25px;
    left: -1px;
    width: 110px;
    text-align: center;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    font-size: 12px;
    text-decoration: none;
    background-image: url('../images/menu.jpg');
}

.sub_menu_p
{
	position: relative;
    text-decoration: none;
    font-size: 12px;
    width: 110px;
    text-align: center;
    border: 1px solid #ccc;
    height: 28px;
    line-height: 25px;
    z-index: 10;
    display: none;
    float: left;
    margin-left: 4px;
    top: 0px;
    left: 0px;
}/*设置链接的属性,一定要设置为relative才能使提示层跟着链接走*/
.sub_menu_p:hover
{
    background-image: url('../images/menu.jpg');
}
.sub_menu_p span{display: none; }/*设置正常下的span为隐藏状态*/
.sub_menu_p:hover span
{
    display: block;
    position: absolute;
    top: 29px;
    left: -1px;
    width: 110px;
    text-align: center;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    font-size: 12px;
    text-decoration: none;
    height: 50px;
    background-image: url('../images/menu_s123.jpg');
}/*设置hover下的span属性为呈现状态,并设置提示层的位置*/

.sub_menu_p #table{display: none; }
.sub_menu_p:hover #table
{
    display: block;
    position: absolute;
    top: 25px;
    left: -1px;
    width: 110px;
    text-align: center;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    font-size: 12px;
    text-decoration: none;
    background-image: url('../images/menu.jpg');
}


#dash
{
    border-bottom: 1px dashed #000000;
        width: 750px;
    margin-left: 10px;
}
	
#dash_s
{
    border-bottom: 1px dashed #000000;
    width: 300px;
    margin-left: 10px;
}

#video
{
    margin: 0px 10px 30px 0px;
    height: 305px;
    width: 473px;
}

#image_p
{
    margin-right: 1px;
    margin-left: 1px;
}

#demo{
	overflow:hidden;
	}
	
	#Img1
        {
            width: 640px;
        }
        #NSPlay
        {
            height: 296px;
            margin-left: 0px;
            width: 450px;
            margin-top: 10px;
        }
        #largeImage
{
    margin-left: 15px;
    margin-top: 0px;
    width: 395px;
    height: 300px;
}





















/* Navigation Fonts */
.navdivline{
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
	font-weight: bold;
}

.navactive{
	font-family:Arial;
	font-size:12px;
	color:#FFFF00;
	font-weight: bold;
}

a.navtext:link{
	font-family:Arial;
 	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold; 
	font-size: 12px;
}
 
a.navtext:visited{
	font-family:Arial;
 	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold; 
	font-size: 12px;
}
 
a.navtext:hover {
	font-family:Arial;
 	color:#FFFF00;
 	text-decoration:none;
	font-weight: bold; 
	font-size: 12px;
}

.copyrightfont
{
	font-family:Arial;
	font-size:10px;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}
a.footertablink:link
{
	font-family:Arial;
	font-size:10px;
	color:#000;
	font-weight:normal;
	text-decoration:underline;
}

a.footertablink:visited
{
	font-family:Arial;
	font-size:10px;
	color:#000;
	font-weight:normal;
	text-decoration:underline;
}

a.footertablink:hover
{
	font-family:Arial;
	font-size:10x;
	color:#012174;
	font-weight:normal;
	text-decoration:underline;
}
/*---------------------*/

/* dropdown items here */
.quicklinkitemspecial {
  width:500px; background-color:#transparent; background:url(../images/quicklinkbg_trans.png) repeat; 
}

.quicklinkitem2
{
	width:300px; 
	background-color:#transparent;
	background:url(../images/quicklinkbg_trans2.png) repeat; 
}

.quicklinkitem2-on
{
	width:300px; 
	background-color:#000000;
}

a.quicklinkitemlink2:link
{
	font-family:Arial;
	font-size:11px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

a.quicklinkitemlink2:visited
{
	font-family:Arial;
	font-size:11px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

a.quicklinkitemlink2:hover
{
	font-family:Arial;
	font-size:11x;
	color:#660000;
	font-weight:bold;
	text-decoration:none;
}

/* @group quicklinkitemlink */
a.quicklinkitemlink:link
{
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

a.quicklinkitemlink:visited
{
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

a.quicklinkitemlink:hover
{
	font-family:Arial;
	font-size:11x;
	color:#FFFF00;
	font-weight:bold;
	text-decoration:none;
}
/*---------------------*/


/* only for company profile*/
#aaa
{
margin-left:15px; 
margin-right:15px; 
text-align:justify; 
margin-top:70px
}


#bbb
{
padding-top:0px;
}