@charset "utf-8";
/*----------------------------- CSS Document -----------------------------*\
  [Author]: maesinfo  
  [Date]: 2008-8-4  
  [Contact]: www.maesinfo.com  
\*---------------------------------------------------------------------------------*/

/*-------------basic-------------*/
html{overflow-y:scroll;}
body{margin:0; padding:0; font-size:8pt; font-family:Verdana, Arial; line-height:150%; background:#cccccc; color:#444444;}
#bg{width:1002px; margin:0 auto; background:url(../images/bg.gif) #cccccc center repeat-y;}
h1{font-size:11pt; font-weight:bold; margin:0; color:#434444;}
h2{font-size:10pt; font-weight:bold; margin:5px 0; color:#434444;}
a{color:#0b51b2; text-decoration:none;}
a:hover{text-decoration:underline;}
.clear{height:0; font-size:0; line-height:0; clear:both; display:none;}
p{margin:0 0 15px 0;}
a img{border:0;}
/*-------------header----------------*/
#map{width:940px; padding:5px 20px 5px 20px; height:250px; margin:0 auto; background:#ececec; display:none;}
#mapBar{width:980px; height:15px; margin:0 auto; background:url(../images/mi_02.gif) repeat-x; cursor:pointer;}
#mapBar input{width:80px; height:15px; border:0; cursor:pointer; background:url(../images/mi_03.gif) no-repeat left; padding:0 0 0 15px; margin:0 0 0 10px; font-size:8pt; color:#7b7474;}
#map .title{font-weight:bold; color:#000; font-size:10pt;}
#map ul{margin:3px 0 3px 10px; padding:0; width:220px; *width:230px !important; *width:220px; float:left;}
#map ul li{background:url(../images/arrow.gif) left 4px  no-repeat; padding:0 0 0 20px; list-style:none;}
#logoBox{width:980px; height:101px; background:url(../images/mi_07.gif) repeat-x; margin:0 auto;}
#logoBox img{width:288px; height:101px; background:url(../images/mi_06.gif) no-repeat; float:left;}
#language{width:190px; float:right; margin:35px 0 5px 0; height:20px; clear:right; color:#bbb7b7;}
#language a{color:#bbb7b7; text-decoration:none;}
#language a:hover{color:#7f7f7d;}
#language a.selected{color:#7f7f7d; font-weight:bold;}
#search{width:200px; height:21px; clear:right; float:right; margin:0 18px 0 0; *margin:0 8px 0 0 !important; *margin:0 5px 0 0;}
#btn_search{width:34px; height:21px; background:url(../images/mi_12.gif) no-repeat; border:0; cursor:pointer; float:right;}
#inputSearch{width:139px; height:21px; line-height:21px; background:url(../images/mi_11.gif) no-repeat; border:0; padding:3px 0 0 15px; *padding:0 0 0 15px; float:right; color:#bbb7b7; font-size:8pt;}

/*------menu-------------*/
#menuBox .arrow{width:7px; height:27px; background:url(../images/mi_16.gif) no-repeat; display:block; float:left; position:absolute; right:10px; top:0; cursor:pointer;}
#menubar{width:105px; height:5px; background:url(../images/mi_18.gif) no-repeat; font-size:0; position:absolute;}
#menuOn{width:980px; height:5px; font-size:0; background:#0e3052; margin:0 auto; position:relative;}
#menuBox{width:980px;height:27px;background:url(../images/mi_14.gif) repeat-x;z-index:100;text-align:left; margin:0 auto;}
#menuBox ul{padding:0 0 0 20px;margin:0;list-style:none;cursor:default;}
#menuBox li{float: left; z-index:10;}
#menuBox a {display: block; font-size:9pt;padding:0px 20px; color:#24384a; font-weight:bold; text-decoration:none}
#menuBox a:hover{color:#000;}
#menuBox ul li{position: relative;/*background:url(../images/li.gif) no-repeat left;*/line-height:27px;}
#menuBox ul li ul {position:absolute;padding:0;border:0 solid #2075ad; border-width:0 1px 1px 1px;background-color:#ecf3f8;left:-999em; top:27px;}
#menuBox ul li ul li{list-style: none;background:none;clear:both; font-family:Arial, Helvetica, sans-serif;}
#menuBox ul li ul li a{border:0 solid #cddce7;border-width:0 0 1px 0;width:160px;/*white-space: nowrap;*/font-size:11px;font-weight:normal;line-height:22px;}
#menuBox ul li ul li a:hover{background:#2E6AAF;color: #fff;}
#menuBox ul li ul ul {margin: -1em 0 0 10em;} 
#menuBox li:hover {background-position: 0 0;}
#menuBox li:hover ul ul, #menuBox li:hover ul ul ul, #menuBox li.sfhover ul ul, #menuBox li.sfhover ul ul ul {left: -999em;}
#menuBox li:hover ul, #menuBox li li:hover ul, #menuBox li li li:hover ul, #menuBox li.sfhover ul, #menuBox li li.sfhover ul, #menuBox li li li.sfhover ul {left: auto;}

/*------------banner--------------*/
#bannerBox{width:980px; height:298px; overflow:hidden; margin:0 auto; position:relative;}
#bannerBox .word{color:#fff; z-index:0; position:absolute; bottom:0;/*font-weight:bold; */font-family:Arial, Helvetica, sans-serif; font-size:10pt;}
#bannTxt0{width:450px;  height:140px; padding:0 0 0 70px; left:0; display:none;}
#bannTxt1{width:450px;  height:120px; padding:0 120px 0 0; text-align:right; right:0; display:none; }
#bannTxt2{width:480px;  height:140px; padding:0 0 0 50px; left:0; }
#bannShadow{width:980px; height:16px; background:url(../images/mi_21.gif) repeat-x; margin:0 auto; text-align:right;  position:relative;}
#bannShadow ul{margin:0; padding:0; height:16px;}
#bannShadow ul li{list-style:none; float:right; width:65px; height:16px; }
#bannShadow ul #bann2{background:url(../images/flashBtn3On.gif) no-repeat;}
#bannShadow ul #bann1{background:url(../images/flashBtn2On.gif) no-repeat;}
#bannShadow ul #bann0{background:url(../images/flashBtn1On.gif) no-repeat;}
.bannMore{color:#83e76c; text-decoration:none; font-weight:bold; width:90px;  margin:5px 0; display:block;}
.bannMore:hover{ text-decoration:underline;}
#btnBar{/*width:193px;*/ height:15px;  position:absolute; right:0; top:-15px; line-height:15px; text-align:center; z-index:20;}
#btnBar a{padding:0 28px; margin:0 1px; display:inline-block; color:#0033FF;font-weight:bolder;font-family:Arial, Helvetica, sans-serif; background:#fff; text-decoration:none;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:40%;}
#btnBar a:hover, #btnBar a.selected{
	color:#CC0000;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:70%;}

/*------------content------------*/
#content{width:980px; height:285px; background:url(../images/mi_26.gif) repeat-x #fff; margin:0 auto;}
#slid0{width:290px; height:auto; float:left; margin:5px 10px 0 15px; *margin:5px 10px 0 15px !important; *margin:5px 10px 0 8px; cursor:pointer;}
#slid1{width:290px; height:auto; float:left; margin:5px 10px 0 0; cursor:pointer;}
#slid0 span, #slid1 span{overflow:hidden;}
.slidT{width:256px; height:179px; padding:10px 17px 0 17px; background:url(../images/mi_31.gif) no-repeat; overflow:hidden;}
#slidC0, #slidC1{width:290px; height:9px; font-size:0; background:url(../images/mi_35.gif) no-repeat;}
.slidB{width:256px;/* height:62px;*/ padding:5px 17px 0 17px; background:url(../images/mi_36.gif) no-repeat; overflow:hidden;}
.slidBS{height:32px; overflow:hidden;}
.slidBb{width:290px; height:12px; font-size:0; background:url(../images/mi_38.gif) no-repeat; }
.slidT, .slidB{color:#444444; /*line-height:14px;*/}
.slidT img{margin:7px 0 0 0;}
.ulHome{margin:0; padding:0; float:left;}
.ulHome li{list-style:none;}
.ulHome li a{color:#000;}
/*.ulHome li#fontblue a{color:#666;}*/
.more{text-align:right; height:13px; line-height:13px; clear:both;}
.more a{background:url(../images/more.gif) no-repeat right; padding:0 12px 0 0; color:#8b8b8c; text-decoration:none;}
.more a:hover{color:#000; text-decoration:underline;}
#es{margin:0px;float:left;	width:175px;overflow:hidden;white-space:nowrap;	-o-text-overflow:ellipsis;	text-overflow:ellipsis;	-moz-binding: url('ellipsis.xml#ellipsis');}
table{  font:small/normal Arial;  font-size:9pt;  height:10px;  width:100%;  border:0px;  border-collapse:collapse;  table-layout:fixed;}
table td {  text-align:left;  border:0px;  height:10px;}
table th{   height:10px;   text-align:right;}
table .c0{	width:170px;	heigth:10px;}
table .c1{	width:80px;	height:10px;	text-align:center;}

#caseBox{width:350px; height:265px; padding:15px 0 0 0; float:left;}
#caseBox div{height:210px; overflow:hidden;}
#caseBox img{margin:5px 0 0 0;}
#caseBox ul{margin:0; padding:0 0 0 100px; height:41px; background:url(../images/mi_37.gif) no-repeat center;}
#caseBox ul li{ float:left; margin:0 2px; list-style:none; line-height:15px; text-align:center;}
#caseBox ul li a{width:18px; height:15px;  background:#e7f2f8; border:1px solid #3a84c8; display:block; color:#515354; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
#caseBox ul li a:hover{background:#fff; border-width:0 1px 1px 1px;}
#caseBox a.more{width:35px; height:12px;margin:3px 0 0 0; background:url(../images/moreBg.gif) repeat-x; line-height:12px; text-align:center;}
#caseBox a.more:hover{width:35px; height:12px; margin:3px 0 0 0; border-width:1px; background:#84b3dd;}
#caseBox a.selected{background:#fff; border-width:0 1px 1px 1px;}
.newsPic{width:119px; height:84px; float:right; margin:5px 0 0 5px;}

/*----------foot--------------*/
#foot{width:998px; height:84px; background:url(../images/mi_42.gif) repeat-x; margin:0 auto; display:block; clear:both;}
#footL{width:18px; height:84px; background:url(../images/mi_41.gif) no-repeat; float:left;}
#footC{width:962px; height:39px; float:left; text-align:center; padding:45px 0 0 0; color:#888787; font-size:10px;}
#footR{width:18px; height:84px; background:url(../images/footR.gif) no-repeat; float:left;}
#space{width:100%; background:#ccc;}

/*==========================================================subpage style=================================================*/
#subContent{width:980px; min-height:285px; background:#fff; margin:0 auto; /*display:table;*/overflow:hidden;}
#subBanner0{width:980px; height:138px; background:url(../images/sub5.jpg) no-repeat; margin:0 auto;}
#subBanner1{width:980px; height:138px; background:url(../images/sub_04.gif) no-repeat; margin:0 auto;}
#subBanner3{width:980px; height:138px; background:url(../images/sub10.jpg) no-repeat; margin:0 auto;}
#subBanner4{width:980px; height:138px; background:url(../images/sub15.jpg) no-repeat; margin:0 auto;}
#subBanner5{width:980px; height:138px; background:url(../images/sub4.jpg) no-repeat; margin:0 auto;}
#subBanner6{width:980px; height:138px; background:url(../images/sub16.jpg) no-repeat; margin:0 auto;}
#subBanner7{width:980px; height:138px; background:url(../images/baner9.jpg) no-repeat; margin:0 auto;}
#subBanner8{width:980px; height:138px; background:url(../images/news.jpg) no-repeat; margin:0 auto;}
#subBanner9{width:980px; height:138px; background:url(../images/sub14.jpg) no-repeat; margin:0 auto;}
#subBanner10{width:980px; height:138px; background:url(../images/sub_04_ch.gif) no-repeat; margin:0 auto;}
#subBanner20{width:980px; height:138px; background:url(../images/sub5_ch.jpg) no-repeat; margin:0 auto;}
#subBanner13{width:980px; height:138px; background:url(../images/sub10_ch.jpg) no-repeat; margin:0 auto;}
#subBanner14{width:980px; height:138px; background:url(../images/sub15_ch.jpg) no-repeat; margin:0 auto;}
#subBanner15{width:980px; height:138px; background:url(../images/sub4_ch.jpg) no-repeat; margin:0 auto;}
#subBanner16{width:980px; height:138px; background:url(../images/sub16_ch.jpg) no-repeat; margin:0 auto;}
#subBanner17{width:980px; height:138px; background:url(../images/baner9_ch.jpg) no-repeat; margin:0 auto;}
#subBanner18{width:980px; height:138px; background:url(../images/news_ch.jpg) no-repeat; margin:0 auto;}
#subBanner19{width:980px; height:138px; background:url(../images/sub14_ch.jpg) no-repeat; margin:0 auto;}



#location{width:920px; height:25px; line-height:25px; padding:0 30px; background:url(../images/dot.gif) no-repeat 15px 7px #424b54; color:#e1eaf1; margin:0 auto; font-size:8pt; position:relative; z-index:0;}
#location a{color:#9ac5d6;}
#location a:hover{color:#e1eaf1}
#subL{width:246px; height:auto; float:left; margin:0;}
#subR{margin:20px 20px 30px 266px; }


/*---------------------submenu style--------------*/
#subMenuBox{width:246px; height:auto; padding:30px 0 0 0;  background:url(../images/subBg.gif) repeat-y;}
.subMenuH{width:246px; height:213px;}
#subMenu{width:246px; min-height:213px; background:url(../images/sub_08.gif) no-repeat bottom; margin:0; padding:0;}
#subMenu li{list-style:none; display:block; color:#2e6aaf; text-align:left;}
#subMenu li a{height:35px; border:0 dotted #adcae5; border-width:0 0 1px 0; color:#2e6aaf; line-height:35px; padding:0 0 0 40px; display:block; text-decoration:none;font-family:Arial, Helvetica, sans-serif; font-size:9pt;}
#subMenu li.selected a,#subMenu li.selected a:hover{height:34px; line-height:34px; padding:0 0 0 40px; background:url(../images/menuBg.gif) repeat-y; display:block; font-weight:bold;color:#000; border:0 solid #adcae5; border-width:1px 0;}
#subMenu li a:hover{height:34px; line-height:34px; background:url(../images/subBgOver.gif) repeat-y;  padding:0 0 0 40px;display:block;font-weight:bold; color:#000; border:0 solid #adcae5; border-width:1px 0;}

#subMenu li#navH a{/*height:35px;*/ border:0 dotted #adcae5; border-width:0 0 1px 0; color:#2e6aaf; line-height:15px; padding:9px 0 9px 40px; display:block; text-decoration:none;font-family:Arial, Helvetica, sans-serif; font-size:9pt;}
#subMenu li#navHs a{/*height:35px;*/ border:0 dotted #adcae5; border-width:0 0 1px 0; color:#000; line-height:15px; padding:9px 0 9px 40px; display:block; text-decoration:none;font-family:Arial, Helvetica, sans-serif; font-size:9pt;}
#subMenu li#navH a:hover{/*height:36px;*/ line-height:15px; background:url(../images/subBgOver.gif) repeat-y; padding:9px 0 9px 40px; display:block;font-weight:bold; color:#000; border:0 solid #adcae5; border-width:1px 0;}

#contactBox{width:246px; height:103px; background:url(../images/sub_09.gif) no-repeat; text-align:center;} 
#contact{width:211px; /*height:101px;*/ padding:20px 10px 0 25px; background:url(../images/sub_10.gif) no-repeat top; font-size:9pt; font-family:Arial, Helvetica, sans-serif;}
.mailBox{ position:absolute; right:10px; top:0;}

/*------------------subpage basic style----------------*/
.fontBold{font-weight:bold;}
.space0{width:42px; display:block; float:left;}
.fontBlue{font-size:8pt; color:#2e6aaf;}
.fontBBlue{color:#2e6aaf; font-weight:bold; font-size:10pt;}
.fontGray{color:#999999;}
h3{font-size:14pt; font-weight:bold; color:#000; }
h4{font-size:11pt; font-weight:bold; color:#000;}
h5{font-size:14pt; font-weight:bold; color:#000; float:left; margin:0;}
.more2{margin:15px 0 0 0; color:#999999; display:block; float:left;}
.more3,.ulHome li .more3{color:#999999;}
.more3{font-size:7pt;}
.boxR{width:320px; height:auto; float:right; border:1px solid #ccc; margin:0 0 10px 10px; padding:10px;}
.pdf{background:url(../images/pdf.png) no-repeat left; padding:0 0 0 35px; height:31px; margin:0 0 0 500px; display:block; line-height:31px; text-decoration:none;}
.pdf:hover{text-decoration:underline;}
.box_t{height:40px; line-height:40px;}

#mail{width:53px; height:62px; display:inline-block; float:left; background:url(../images/icon_mail.gif) no-repeat; margin:10px 5px 0 25px; }
#mail:hover, #mail.selected{width:69px; height:81px; background:url(../images/icon_mailM.gif) no-repeat; margin:20px 5px 0 15px;}
#phone{width:53px; height:62px; display:block; float:left; background:url(../images/icon_phone.gif) no-repeat; margin:10px 5px 0 5px; }
#phone:hover, #phone.selected{width:69px; height:81px; background:url(../images/icon_phoneM.gif) no-repeat; margin:20px 5px 0 5px;}
#adds{width:53px; height:62px; display:block; float:left; background:url(../images/icon_adds.gif) no-repeat; margin:10px 5px 0 5px;}
#adds:hover, #adds.selected{width:69px; height:81px;  background:url(../images/icon_addM.gif) no-repeat;  margin:20px 5px 0 5px;}

.imgbox{margin:10px 10px 10px 0; float:left;}
.imgboxC{margin:10px auto; text-align:center;}
.imgboxC img{margin:0 10px;}
.ul{margin:0 0 10px 30px; padding:0;}
.ul .title{font-weight:bold; color:#000000;}
.ul li{background:url(../images/arrow.gif) left 4px  no-repeat; padding:0 0 6px 20px; list-style:none;}
.ul li li{list-style:disc; background:url(); padding:0;}
.ul p{margin:0 0 5px 0; color:#666666;}
#page {margin:20px 10px; padding:0; text-align:right;}
#page a{padding:0 5px; margin:0 1px; height:15px; line-height:15px; display:inline-block; border:1px solid #699cb8; background:url(../images/btnBg.gif);}
#page a:hover{color:#000; text-decoration:none;}
.color-FF0{color:#ff0000;}


/*--------------------------case studies style---------------*/
.picList{width:210px; height:189px; float:left; margin:0 10px 10px 10px;}
.picList img{width:210px; height:169px; clear:both;}
.imgtitle{display:block; height:20px; line-height:12px; margin:4px 0; font-weight:bold;}
label{width:180px; text-align:left; padding:0 5px; display:block; float:left;}
.list_box{height:130px; width:auto; /*margin-bottom:10px;*/ border:0 dotted #ccc; border-width:0 0 1px 0;  padding:10px; background:#fff;}
.list_box2{ margin-bottom:10px; border:0 dotted #ccc; border-width:0 0 1px 0;  padding:10px; background:#fff;}
.list_boxM{border:0;}
.list_right{width:540px; *width:540px !important; *width:520px; float:right; overflow:hidden;}
.list_right ul{margin:0;}
.caseList{width:120px; height:100px; float:left; }