/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#000306;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Tahoma;
		font-size:0.8em;
		line-height:1.5em;
		color:#E8E8E8;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#FC0;}
a:hover{
	text-decoration:none;
	color: #0FF;
}
strong {color:#E8E8E8;}
p {padding-top:14px;}
.pb {padding-bottom:22px;}
/* ============================= main layout ====================== */

.more {background:url(images/list_bg.gif) no-repeat 0 6px; padding-left:12px;}
h1 { font-size: 1.5em; margin-bottom:8px; font-family:arial;}
h2 { color:#FC0; font-size:1.5em; line-height:1em; text-transform:uppercase; font-weight:normal; margin-bottom:20px; font-family:arial;}
h3 { font-size: 1.25em;}

li { background:url(images/list_bg.gif) no-repeat 0 7px; padding-left:12px;}
li a {color:#FC0; text-decoration:none; line-height:1.5em;}
li a:hover {text-decoration:underline; color:#0FF;}
.imgindent {
	float:left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}
.imgindent2 {
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
}
.taright {text-align:right; padding-top:7px;}

/* ============================= daohang ====================== */

.pro_linedrop {
height:35px;
width:97%;
float:inherit;
background:url(DHimages/black_0.gif);
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:12px;
z-index:500;
}

.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.pro_linedrop li {
float:left;
background:url(DHimages/black_1.gif);
}

.pro_linedrop li.lrt {
float:right;
background:url(DHimages/blue_1.gif);
}


.pro_linedrop .select a {
display:block; 
height:35px; 
float:left; 
background:url(DHimages/black_0.gif); 
padding:0 0 0 10px; 
text-decoration:none; 
line-height:32px; 
white-space:nowrap; 
color:#ff0033;
}


.pro_linedrop .select li.lrt a { color:#ff0033;}


.pro_linedrop .select a b {
display:block;
padding:0 15px 0 8px; 
background:url(DHimages/black_0.gif) right top;
}

.pro_linedrop .select li.line a b {
background:url(DHimages/black_0a.gif) right top;
}

.pro_linedrop .select a:hover, 
.pro_linedrop .select li:hover a {
background: url(DHimages/black_1.gif); 
padding:0 0 0 10px;
cursor:pointer; 
color:#00F1F4;
}

.pro_linedrop .select li.lrt a:hover, 
.pro_linedrop .select li.lrt:hover a {
background: url(DHimages/blue_1.gif); 
}

.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b {
display:block; 
padding:0 15px 0 8px; 
background:url(DHimages/black_1.gif) right top; 
cursor:pointer;
}

.pro_linedrop .select li.line a:hover b, 
.pro_linedrop .select li.line:hover a b {
background:url(lrimages/black_1a.gif) right top; 
}

.pro_linedrop .select li.lrt a:hover b, 
.pro_linedrop .select li.lrt:hover a b {
background:url(DHimages/blue_1.gif) right top; 
}

.pro_linedrop .select li.lrt a:hover b.arrow, 
.pro_linedrop .select li.lrt:hover a b.arrow {
background:url(DHimages/blue_1a.gif) right top; 
}

.pro_linedrop .sub {
display:none;
}
.pro_linedrop ul ul { display:none;}

/* IE6 only */
.pro_linedrop table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

.pro_linedrop .sub li { background:transparent;}

.pro_linedrop .select :hover .sub {
height:25px;
display:block; 
position:absolute;
float:inherit;
width:670px;
top:35px; 
left:0; 
text-align:center;
background:transparent url(line/transparent.gif);
border:1px solid #ff0033;
}

.pro_linedrop .select :hover .rt li { float:right;}

.pro_linedrop .select :hover .sub li a 
{display:block; height:25px; line-height:24px; float:left; background:transparent url(line/transparent.gif); padding:0 8px; margin:0; white-space:nowrap; color:#ff0033;font-size:12px;}

.pro_linedrop .select :hover .sub li.subline a { color:#900;}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#00F1F4; line-height:24px; position:relative; background:url(DHimages/black_0.gif) left bottom;}

/* -- Header layout/display styles -- */

#header {
  float: left;
  width: 100%;
  height: 5em;
  text-align: center;
  
}

#header a {
  float: right;
  width: 7em;
  padding: 5px 5px 5px 5px;
  font-size: 0.6em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color:#E8E8E8;
  background-color: #666;
  border-bottom: 2px solid #333;
  border-right: 1px solid #333;
  border-left: 1px solid #333;
}

#header a:hover, #header a.active {
  padding-top: 10px;
  background-color: #333;
}

#header a.lastMenuItem {
  background-image: url(../images/corner_tr.gif);
  background-repeat: no-repeat;
  background-position: top right;
  border-right: 0px;
}

#header .row_1 { height:70px; font-family:arial; font-size:1.5em; padding: 15px 18px 0 0;}
#header .row_1 a { color:#E8E8E8;}
#header .row_2 { height:308px; background:url(images/header_bg.jpg) top center no-repeat;}

a .desc {
  display: none;
  text-transform: lowercase;
  color: #FC0;  
}

a:hover .desc, .active .desc {
  display: block;
}


/* ============================= header ====================== */

#header { text-align:right;}
.menu { height:98px;}
.menu ul { margin:23px 25px 0 0; float:right;}
.menu li {float:left; background:url(images/menu_line.gif) left top no-repeat; padding:0 3px 0 4px;}
.menu li a {display:block; color:#E8E8E8; padding:5px 0 5px 0; width:92px; font-size:0.909em; text-transform:uppercase; font-weight:bold; font-family:arial; background:url(images/menu_bg.jpg) top left no-repeat; text-align:center;}
.menu li a:hover {text-decoration:none; color:#E8E8E8;}
.menu .first {background:none;}

.logo {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 58px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.h_list {margin:41px 38px 0 0;}
.h_list li { background:url(images/header_list_bg.gif) top right no-repeat; padding-right:22px; font-family:arial; height:20px;}
.h_list li a {font-size:1.2em; line-height:1.538em; color:#E8E8E8; text-transform:uppercase;}
.h_list li a:hover {color:#0FF; text-decoration:none;}

/* ============================= middle ====================== */

.banners {text-align:center;}
.banners .central {margin:0 25px;}
.main_indent {padding:16px 40px 0 55px;}
.column_pad {padding-right:50px;}
.column_pad2 {padding-right:57px;}
.picture {margin:22px 0 19px 0;}
.title {margin-top:46px;}
.ul {margin-top:17px;}

#index_en .main_indent {padding:37px 40px 30px 55px;}
#index_en .column1 .container {padding-top:35px;}
#services_en .main_indent {padding:16px 40px 32px 55px;}
#services_en .column2 .container {padding-top:17px;}
#solutions_en .main_indent {padding:37px 40px 33px 55px;}
#support_en .main_indent {padding:16px 40px 28px 55px;}
#contacts_en .main_indent {padding:16px 40px 29px 55px;}
#contacts_en .column2 .container {padding-top:17px;}
#link_en .main_indent {padding:16px 40px 30px 55px;}
#link_en .main_indent a {color:#E8E8E8;}


#biaoge {width:625px;margin:30px auto;}                                               
#biaoge li,
#biaoge li.biaotou {
    list-style-type:none;         
    width:102.8px;          
    height:24px;          
    line-height:24px;        
    text-align:left;       
    float:left;          
    margin-left:1px;         
    margin-bottom:1px;      
    background:#000306; 
}            
#biaoge li.biaotou {background:#000306;}
 

#sitemap {width:650px; margin:20px auto;}                                               
#sitemap li,
#sitemap li.biaotou {
    list-style-type:none;         
    width:70px;          
    height:24px;          
    line-height:24px;        
    text-align:left;       
    float:left;          
    margin-left:1px;         
    margin-bottom:1px;      
    background:#242424; 
}            
#sitemap li.biaotou {background:#242424;} 

/* ============================= footer ====================== */

#footer .indent {margin:0 48px 0 55px; padding-top:21px; text-align:center; border-top:2px solid #25282a; color:#E8E8E8;}

.STYLE1 {color: #FC0; font-size: 150%; }

/* ============================= from ============================= */

form .rowi {height:39px;}
form .rowt {height:135px;}

.input {width:185px; height:16px; padding:0 0 0 5px; font-size:1.0em;}
textarea {width:202px; height:94px; padding:0 0 0 5px; overflow:auto; font-size:1em;}

/* ============================= table ============================= */
#resourceTable {
	border-collapse: collapse;
	width:95%;
	clear: right;
}
#resourceTable td {
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}


th {
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-decoration: underline;
}