/*====全局元素====*/
@charset "utf-8";

*{
	margin:0;
	padding:0;
}


body,td,th {
    background-color:#fff;
	color:#333;
	font-family:Arial, Helvetica, sans-serif ;
	font-size:11px;
	
}
em{ display:none;}

img{
	border:none;
}

input,textarea,select{
	font-size:12px;
}
a:link {
    color: #CCCCCC;
	text-decoration: none;
}
a:visited {  
    color: #CCCCCC;
	text-decoration: none;
}
a:hover {
	text-decoration:  none;
	color: #FF3300;
}
a:active {
    color: #CCCCCC;
	text-decoration: none;
}

h1,h2,h3,h4,h5{
	color:#333;
}
h1{
	font-size:26px;
	margin-bottom:20px;
}
h2{
	font-size:18px;
	margin-bottom:18px;
}
h3{
	font-size:16px;
	margin-bottom:15px;
}
h4{
	font-size:14px;
	margin-bottom:8px;
}
h5{
	font-size:12px;
}
.li{
	 list-style-type:none;
}
.uls li{
	list-style:none;
}
.ul2 li{
	
}
.c{
	clear:both;
	font:0px/0 Arial;
}
/*===布局元素===*/
#layout{
	margin:auto;  /*  上下高度为整个高度的1/2  */
	width:100%;
	padding:0px 0px 0px 0px;
	background:#ABABAB;
	clear:both;
}

#div_left{
	width:35px;
	float:left;
	background-image:url(../images/left_bian.gif);
		clear:both;

	}
#div_mid{
	width:900px;
	float:left;
	background-color:#FFF;

	}
#div_right{
	width:35px;
	float:left;
	background-image:url(../images/right_bian.gif);
	}	

#header{
	width:900px;
	height:133px;;
	margin:auto;
	}

#logo{
    padding:27px 0px 0px 38px;
	height:97px;
	width:436px;
}	
	
#pic_scroll{
	padding:1px 0 0px 0;
    width:900px;
	height:232px;
}
#pic_static
{
 width:900px;
 height:118px;
}

#pic_theme
{
 padding:1px 0 0 0;
 width:900px;
 height:180px;
 }

#menu_region{
   margin-top:15px;
   width:900px;
   height:271px;
 }
 
#info_content{
  width:900px;
  height:99%;
} 

#left_nav_news
 {
  float:left; 
  width:177px;
  height:435px;
  background:#0E6EB8;}

#left_nav_company
 {
  float:left; 
  width:177px;
  height:435px;
  background:#A48B77;}

#left_nav_product 
 {
  float:left; 
  width:177px;
  height:435px;
  background:#E94493;}
  
#left_nav_global
 {
  float:left; 
  width:177px;
  height:435px;
  background:#F2F2F2;}  

#left_nav_contact
 {
  float:left; 
  width:177px;
  height:435px;
  background:#0E6EB8;}

#text_message	
 {
	width:723px;
	float:left;}	

#text
{
   padding:100px 0 0 45px; }
   

#global_map{
padding:20px 0 0 45px;
}  
   
#products_content
{  height:395px;
   padding:20px 35px 20px 35px; }   
   
#left_content
{
  float:left;
  width:40px;
  height:95px;
  padding:180px 0px 120px 0px;}

#mid_content
{
  float:left;
  width:573px;
  height:395px;
  padding:0px 0px 0px 0px;}

#right_content
{
  float:left;
  width:40px;
  height:95px;
  padding:180px 0px 120px 0px;}

#left_view
{
  float:left;
  width:280px;
  height:395px;
 }
  
#right_view
{
  float:left;
  width:370px;
  height:395px;
 }   

#di_bg
{
 width:900px;
 height:135px;
 background:url(../images/di_bg.jpg);}	
	
#footer{
	margin-top:65px;
    width:850px;
	height:20px;
	padding:20px 25px 0px 25px;
}
#bottom{
	margin-top:-50px;
	width:850px;
	height:20px;
	padding:20px 25px 0px 25px;}

#Language{
 padding:30px 0px 0px 0px;
	height:30px;
	width:90px;
	float:right;
	text-align:right;
}

#left_nav ul{
        width:960px;
        height:35px;
}

#h_nav{
    width:225px;
	font-size:14px;
	}

#h_nav ul{
	}
#h_nav li{
	margin-left:28px;
	text-align:center;
	display:inline;
	cursor:pointer;
	}



/*====#nav导航类元素====*/


#nav{ padding: 10px 0px 0 40px; font-size: 11px; font-weight: bold;  height:24px; margin: 0 0 0; background:#000; list-style:none; }

#nav li{ float: left; margin-right: 0px; } 

.bi{position: relative;z-index: 0;} 

.bi:hover{ z-index: 99; }

.bi:hover span{ visibility: visible; top: 0; left: 0; cursor: pointer; }

.bi span{ position: absolute; left: -999em; visibility: hidden;} 

#nav li a,.bi:hover span{ line-height:12px; text-decoration: none; background: #000; color: #fff; display: block; width: 140px; text-align: center; } 

#nav li a:hover,.bi:hover span{ color:#FF51A8; background: #000; } 

.bi:hover span{ padding-top: 2px; }

.red span{ color:#FF51A8;}


/*====#nav竖直导航类元素====*/


      /*left_nav_company导航条设置*/

#left_nav_company li {      /*针对列表项，去除列表前面的样式，并使之浮动定位，形成横向导航条*/

list-style-type:none;

}

#left_nav_company li a {     /*将导航文字作为块级元素，使之可以像一个方块按钮一样去运作，对之进行样式设计*/

color:#fff;

text-decoration:none;

padding-top:4px;

display:block;

width:177px;

height:20px;

text-align:center;

background-color:#A48B77;

margin-top:20px;

}

#left_nav_company li a:hover{ /*设置鼠标悬在按钮上的样式，注意，a:hover只有在a标签中有href属性中的才有效*/

background-color:#fff;

color:#A48B77;

}
#left_nav_company li a.act{ /*设置鼠标悬在按钮上的样式，注意，a:hover只有在a标签中有href属性中的才有效*/

background-color:#fff;

color:#A48B78;

}
      /*left_nav_company导航条设置*/

#left_nav_contact li {      /*针对列表项，去除列表前面的样式，并使之浮动定位，形成横向导航条*/

list-style-type:none;

}

#left_nav_contact li a {     /*将导航文字作为块级元素，使之可以像一个方块按钮一样去运作，对之进行样式设计*/

color:#fff;

text-decoration:none;

padding-top:4px;

display:block;

width:177px;

height:20px;

text-align:center;

background-color:#0E6EB8;

margin-top:20px;
}

#left_nav_contact li a:hover{ /*设置鼠标悬在按钮上的样式，注意，a:hover只有在a标签中有href属性中的才有效*/

background-color:#fff;

color:#A48B78;
}
#left_nav_contact li a.act{ /*设置鼠标悬在按钮上的样式，注意，a:hover只有在a标签中有href属性中的才有效*/

background-color:#fff;

color:#A48B78;
}

  /*left_nav_product导航条设置*/

#left_nav_product li {      /*针对列表项，去除列表前面的样式，并使之浮动定位，形成横向导航条*/

list-style-type:none;

}

#left_nav_product li a {     /*将导航文字作为块级元素，使之可以像一个方块按钮一样去运作，对之进行样式设计*/

color:#fff;

text-decoration:none;

padding-top:4px;

display:block;

width:177px;

height:20px;

text-align:center;

background-color:#E94493;

margin-top:20px;
}

#left_nav_product li a:hover{ /*设置鼠标悬在按钮上的样式，注意，a:hover只有在a标签中有href属性中的才有效*/

background-color:#fff;

color:#E94493;;
}
#left_nav_product li a.act{ /*设置鼠标悬在按钮上的样式，注意，a:hover只有在a标签中有href属性中的才有效*/

background-color:#fff;

color:#E94493;;

}
/*====#main类元素====*/
#main
{   
	height:100%;
	width:970px;
	margin:auto;

}

/*====#text类元素====*/

#text_content
{ 
  
  width:440px;
  height:320px;
  margin:0 0 0 20px;
  line-height:150%;
}


#ReadToolsBar a{
	text-decoration:none;
}
.pp li{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	margin-left:3px;
}
.pp li a{
	height:26px;
	line-height:26px;
	padding: 7px 10px;
}
.pp .isme{
	background:#F00;
	color:#FFF;
}

/*====顶部导航条====*/

#h_nav li a:link,#h_nav li a:visited {
   color:#FFF;
	text-decoration: none;
}
#h_nav li a:hover {
	text-decoration: none;
	color: #000;
}
#h_nav li a:active {
    color: #000;
	text-decoration: none;
	}
/*====底部导航条====*/
#f_nav li a:link,#f_nav li a:visited {
    color:#C9BC9C;
	text-decoration: none;
}
#f_nav li a:hover {
	text-decoration: none;
	color:#fff;
}
#f_nav li a:active {
    color:#C9BC9C;
	text-decoration: none;
	}
/*=====元件=====*/
.text{
	background:url(/image/bg_input.gif);
	border:1px solid #999;
	font-size:12px;
	height:14px;
	padding:3px 4px 1px;
}
.btn{
	background: #ddd;
	color: #000;
	cursor: pointer;
	border-top: #ddd 1px solid;
	border-left: #ddd 1px solid;
	border-right: #666 1px solid;
	border-bottom: #666 1px solid;
	font-size: 12px;
	padding: 2px 1px 0 1px;
	width: auto;
}

/*===== 搜索框 =====*/
#searchBox{
	border:1px solid silver; 
	width:230px; 
	height:60px; 
	background:url(../image/searchBG.gif);}
#b_search{
	float:right; 
	margin:17px 5px 0 0;}
#searchI{
	width:170px; 
	height:16px; 
	font-size:12px; 
	color:gray; 
	margin:22px 0 0 9px; 
	border:0;}

/*=========== 其他公共元素 ===========*/

.m0{margin:0}
.m10{margin:10px}
.m20{margin:20px}
.p0{padding:0}
.p5{padding:5px}
.p10{padding:10px}
.p20{padding:20px}


.pt5{padding:5px 5px 3px}
.ptl35{padding-left:35px;}
.ptr20{padding-right:20px;}
.mt1{margin-top:1px}
.mt2{margin-top:2px}
.mt3{margin-top:3px}
.mt4{margin-top:4px}
.mt5{margin-top:5px}
.mt6{margin-top:6px}
.mt8{margin-top:8px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt23{margin-top:23px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}

.mb2{margin-bottom:2px}
.mb4{margin-bottom:4px}
.mb5{margin-bottom:5px}
.mb6{margin-bottom:6px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}

.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml70{margin-left:70px}

.ml40{margin-left:40px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}

.wl{width:702px; overflow:hidden;}
.wl2{width:725px; overflow:hidden;}
.wr{width:230px; overflow:hidden;}
.wr2{width:210px; overflow:hidden;}

.w40{width:40px}
.w50{width:50px}
.w60{width:60px}
.w70{width:70px}
.w80{width:80px}
.w90{width:90px}
.w100{width:100px}
.w110{width:110px}
.w120{width:120px}
.w130{width:130px}
.w140{width:140px}
.w150{width:150px}
.w160{width:160px}
.w170{width:170px}
.w180{width:180px}
.w190{width:190px}
.w200{width:200px}
.w220{width:220px}
.w230{width:230px}
.w231{width:231px}  
.w250{width:250px}
.w260{width:260px}
.w280{width:290px}
.w300{width:300px}
.w330{width:330px}
.w340{width:343px}
.w350{width:350px}
.w400{width:400px}
.w410{width:410px;}
.w450{width:450px}
.w500{width:500px}
.w530{width:530px} 
.w550{width:550px}
.w600{width:600px}
.w700{width:700px}
.hh1{height:1px}
.hh2{height:2px}
.hh3{height:3px}
.hh5{height:5px}
.hh6{height:6px}
.hh8{height:8px}
.h10{height:10px}
.h12{height:12px}
.h15{height:15px}
.h20{height:20px}
.h25{height:25px}
.h30{height:30px}
.h40{height:40px}
.h50{height:50px}
.h60{height:60px}
.h70{height:70px}
.h80{height:80px}
.h90{height:90px}
.h100{height:100px}
.h140{height:140px}
.h160{height:160px}
.h180{height:180px}
.h190{height:190px}
.h200{height:200px}
.h230{height:230px}
.h260{height:260px}
.h400{height:400px}

.pa{
	position:absolute;
	left: 66px;
	top: 309px;
}
.fl{float:left}
.fr{float:right}
.ma{margin:auto}

.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.vt,.vt td{vertical-align:top}
.tn{text-decoration:none;}

.f8{font-size:8px}
.f10{font-size:10px}
.f11{font-size:11px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}

.farial{font-family: Arial, Helvetica, sans-serif}

.b{font-weight:bold}
.i{font-style:inherit}
.u{text-decoration:underline}
.s{text-decoration:line-through}

.unb{font-weight:normal}
.uni{font-style:normal}
.unu{text-decoration:none}

.white{color:#FFFFFF}
.black{color:#000000}
.grey{color:#666;}
.red{color:#FF0000}
.blue{color:#00C}
.green{color:#589704}
.orange{color:#F8931D}
.Brown{color:#46362B}


.bggrey{background-color:#C7BAB2}
.bgdark{background-color:#B8A69A}
.bgred{background-color:#F00}
.bgwhite{background-color:#FFF}
.bgorange{background-color:#F60}
.bgblack{background-color:#000}

.lh20{line-height:20px}
.lh25{line-height:25px}
.lh26{line-height:26px}
.lh28{line-height:28px}
.lh100{line-height:100%}
.lh130{line-height:130%}
.lh150{line-height:150%}
.lh200{line-height:200%}
.lh230{line-height:230%}
.lh300{line-height:300%}
.lh400{line-height:400%}

.hand{cursor:pointer}
.show{display:inline}
.hide{display:none}

.noenter{
	width:100%;
	overflow:hidden;
	white-space:nowrap;
}
.ld{text-align:justify; text-justify:inter-ideograph;}

.pagebar{
	margin:3px 0;
}
.pagebar a{
	background-color:#999;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding:2px 3px 2px;
}
.pagebar .isme{
	background-color:red;
}

/*框架*/
.k{
	border:1px solid #CCC;
}
.kblue{
	border:1px solid #6FA7D4;
	position:relative;
}
.korange{
	border:1px solid #FF9600;
	position:relative;
}
.kt{
	background-color:#EAEAEA;
	border-bottom:1px solid #D4D4D4;
	font-size:12px;
	font-weight:bold;
	height:18px;
	margin:1px;
	padding:4px 10px 0;
}
.ktl{
	margin:1px;
	padding:4px 0 2px 5px;
	background-color:#EAEAEA;
	border-bottom:1px solid #D4D4D4;
	font-weight:bold;
}
.krb{
    border-right:2px solid #CECECE;
	border-bottom:2px solid #CECECE;}
.ktblue{
	margin:1px;
	padding:6px 10px 4px 10px;
	background-color:#E3ECF3;
	border-bottom:1px solid #A4C7E3;

}
.ktorange{
	margin:1px;
	padding:6px 0 4px 10px;
	background-color:#FFF8E2;
	border-bottom:1px solid #FFE6A1;
	font-size:14px;
	font-weight:bold;
}
.kcontent{
	line-height:150%;
}
.line{
	border-top:1px solid #A48B78;
	clear:both;
	font:0px/0 Arial;
	height:0px;
}
.yline{
    width:1px;
    float:left; 
    border-left:1px solid #CECECE;}
.bline{
	clear:both;
	padding-bottom:3px;
	border-bottom:1px solid #CCC;
}
.dotline{
	position:relative;
	margin:10px 0 10px 0;
	border-top:1px dotted #CCC;
	clear:both;
	font:0px/0 Arial;
	height:0px;
}
/*
.endline{
	clear:both;
	font:0px/0 Arial;
	height:3px;
	background-image:url(../image/line_shadow.gif);
}
*/
.pf input{
	padding:1px 0 0px 0;
	border:1px solid #ddd;
	background-color:#e1e1e1;
	font-size:12px;
}

/*列表样式*/
.state{
	float:left;
	background:white;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	margin-left:5px;
	padding:8px 8px 5px 8px;}
a.state{
	}
a.state:hover{
	background:whitesmoke;}	
.redtl{
	border-top:3px solid rgb(223,0,36);}
.isme2{
	background-color:rgb(223,0,36);}
a.isme2{
	color:white;
	}
a.isme:hover{
	color:white;
	background-color:rgb(223,0,36);}
.list{
	/*line-height:28px;*/
}
.list p{
	float:left;
	margin:3px 0 1px;
}
.sort p{
	float:left;
	width:120px;
	font-size:14px;
	line-height:1.5em;
	margin:5px 0;
}
.w1{
	overflow:hidden;
}

#scrolltext_company{
	width:630px;
	height:240px;
	line-height:190%;
overflow-y: auto;	
SCROLLBAR-FACE-COLOR: #fff;
SCROLLBAR-SHADOW-COLOR: #fff;
SCROLLBAR-3DLIGHT-COLOR: #fff;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
}
.img{
	padding:0px 22px 0px 22px;
	width:141px;
	height:195px;
	float:left;
	}
