/* = reset
 **********************************************
 */
body{margin:0;background:white;font-size:12px;}
ul,h1,h2,h3,h4,h5,h6,p,img,form{margin:0;padding:0;list-style:none;}
a{color:#1D508B;text-decoration:none;}
a:hover{color:navy;text-decoration:underline;}
a img{border:none;}

/* = layout
 **********************************************
 */
#wrap{width:1003px;margin:0 auto;zoom:1;position:relative;}
#header{height:90px;background:white url('../images/topBG.jpg') no-repeat right bottom;overflow:hidden;position:relative;}
#subMenu{height:22px;line-height:22px;background:#BD0901;color:white;padding-left:200px;margin-top:1px;}
#main{margin-top:5px;clear:both;zoom:1;position:relative;}
#main .leftColumn{float:left;width:157px;margin-left:2px !important;margin-left:0;}
#main .centerColumn{float:left;width:625px;margin-left:7px !important;margin-left:0;}
#main .rightColumn{float:right;width:204px;margin-right:2px !important;margin-right:0;}
#footer{clear:both;margin-top:15px;}

/* = common
 **********************************************
 */
.module h3{position:relative;height:29px;}
.module h3 img{
	position:absolute;
	top:5px;
	left:-4px;
}
.moduleBody{border:1px #89D5C9 solid;padding:5px;}
.alignRight{text-align:right;}
.pageNation{margin:15px;overflow:auto;zoom:1;clear:both;padding-bottom:10px;}
.pageNation li {float:left;display:block;height:20px;line-height:20px;width:18px;border:1px #89D5C9 solid;text-align:center;margin:0 3px;font-family:"Arial";font-size:11pt;}
.pageNation li.currentPage{background:#D0F3E8;font-weight:bold;}
.fl{float:left;}
.fr{float:right;}
/* = header
 **********************************************
 */
#header ul li{float:left;}
#logo{margin:10px 20px;}
#menu{position:absolute;left:230px;bottom:0;background:#BD0901 url('../images/menuBg.png') repeat-x left bottom;height:28px;}
#menu img,#menu ul{float:left;}
#menu ul li {font-weight:bold;margin:0 14px;margin-top:10px;}
#menu ul li a{color:white;}
#menu ul li a.current{color:yellow;}
#announce{position:absolute;top:5px;left:230px;color:gray;z-index:100;}
#qLink{position:absolute;right:10px;top:5px;color:#067059;}
#qLink a{color:#067059;}

/* = subMenu
 **********************************************
 */
 #subMenu a{color:white;margin:0 10px;}

/* = leftColumn
 **********************************************
 */

/* = valveNav
 ----------------------------------------------
 */
#valveNav .moduleBody{width:155px;padding:5px 0;}
#valveNav .moduleBody li{padding-left:8px;height:30px;line-height:30px;width:140px;overflow:hidden;}
#valveNav .moduleBody li h4{font-size:12px;padding-left:8px;}
#valveNav .moduleBody li.hasBg{background:transparent url('../images/navItemBg.png') repeat-y left top;}
#valveNav .moduleBody li a{padding-left:8px;background:url('../images/navListImg.gif') no-repeat left center;}



/* = centerColumn
 **********************************************
 */

/* = companyInfo
 ----------------------------------------------
 */
#companyInfo h3{position:relative;height:40px;}
#companyInfo h3 img{position:absolute;top:0;left:0;}
.companyInfoBody{background:url(../images/introBodyBg.gif) repeat-y left top;}
.mainInfo{background:transparent url('../images/mainBodyBg.jpg') no-repeat top left;zoom:1;}
.mainInfo div{float:left;}
.mainInfo div.companyPhoto{margin:10px;padding:10px;border:1px silver solid;background:white;}
.mainInfo div.txtIntro{margin:10px;line-height:180%;}
.mainInfo div.txtIntro a{margin-left:5px;color:red;}

/* = search
 ----------------------------------------------
 */
#search{overflow:auto;zoom:1;clear:both;margin:5px 0;height:30px;line-height:30px;}
#search *{float:left;}
#search input{margin:auto 2px;}
input.keyInput{height:20px;line-height:20px;border:1px silver solid;width:250px}
input.btnSearch{cursor:pointer;height:23px;width:41px;background:transparent url('../images/searchBtn.png') no-repeat center center;border:none;}
#hotKey{margin-left:5px;}
#hotKey li{margin:auto 2px;}
#hotKey a{color:gray;}

/* = news&knowledge
 ----------------------------------------------
 */
#news,#knowledge{float:left;width:310px;}
#knowledge{float:right;}
#news li.headLine,#knowledge li.headLine{line-height:150%;display:block;height:80px;width:300px;overflow:hidden;}
#news .headLine h4,#knowledge .headLine h4{text-align:center;}
#news .headLine h4 a,#knowledge .headLine h4 a{color:black;}
#news .headLine p,#knowledge .headLine p{color:gray;}
ul.newsList li{height:25px;line-height:25px;}
ul.newsList li.moreNews{text-align:right;}
ul.newsList li.moreNews a{padding-right:10px;background:transparent url('../images/moreArrow.png') no-repeat right center;}
/* = project
 ----------------------------------------------
 */
#project{border:1px #89D5C9 solid;overflow:auto;zoom:1;padding-bottom:20px;clear:both;margin-top:5px;}
#project h3{background:#D0F3E8 url('../images/pjtTitle.png') no-repeat right bottom;;height:30px;line-height:30px;font-size:12px;padding-left:10px;color:#1D508B;}
#project .itemInfo{margin:10px 19px;width:155px;float:left;}
#project .itemInfo h4{font-size:12px;margin-bottom:10px;}
#project .itemInfo h4 span{background:white;padding-right:2px;}
#project .itemInfo p{line-height:150%;}
#project .itemInfo p.prjMore{text-align:right;}
#project .itemInfo p.prjMore a{padding-right:10px;background:transparent url('../images/moreArrow.png') no-repeat right center;}
#project .itemInfo p img{margin-bottom:10px;}
#pj1,#pj2,#pj3{margin-top:20px !important;}
#project #pj1,#project #pj4{margin-left:30px !important;*margin-left:36px !important;*margin-left:20px; }
#pj1 h4{background:white url('../images/prj1.png') repeat;}
#pj2 h4{background:white url('../images/prj2.png') repeat;}
#pj3 h4{background:white url('../images/prj3.png') repeat;}
#pj4 h4{background:white url('../images/prj4.png') repeat;}
#pj5 h4{background:white url('../images/prj5.png') repeat;}
#pj6 h4{background:white url('../images/prj6.png') repeat;}

/* = rightColumn
 **********************************************
 */
#login .moduleBody,#recommend .moduleBody{width:191px;}
/* = login 
 ----------------------------------------------
 */
#login p{margin:10px 5px;}
input.username,input.password{width:130px;border:1px silver solid;height:20px;line-height:20px;}
input.username{margin-left:5px;}
input.password{margin-left:16px;}
input.btnLogin{margin-right:8px;margin-left:5px;}

/* = recommend
 ----------------------------------------------
 */
#recommend {margin-top:5px;overflow:auto;zoom:1;}
#recommend ul{overflow:auto;zoom:1; }
#recommend ul li{border-bottom:1px silver dashed;width:185px;overflow:auto;zoom:1;}
#recommend ul li a{display:block;float:left;line-height:65px;margin:0 5px;font-weight:bold;}
#recommend ul li img{border:1px silver solid;margin-top:10px;width:45px;height:45px;}

/* = connect
 ----------------------------------------------
 */
#connect{margin-top:5px;}
.connectBody{background:transparent url('../images/linkBody.png') no-repeat center top;position:relative;height:288px;} 
.num{width:170px;height:36px;position:absolute;left:24px;top:8px;}
.num img,.num p{float:left;}
.num p{margin-left:10px;color:#1D508B;}
.p2{top:54px;}
.p3{top:100px;}
.p4{top:146px;}
.p5{top:192px;}
.p6{top:238px;}



/* = connect2
 ----------------------------------------------
 */
#connect2{margin-bottom:10px}
.connectBody2{background:transparent url('../images/linkBody2.jpg') no-repeat center top;position:relative;height:288px;} 
.num{width:170px;height:36px;position:absolute;left:24px;top:8px;}
.num img,.num p{float:left;}
.num p{margin-left:10px;color:#1D508B;}
.p2{top:54px;}
.p3{top:100px;}
.p4{top:146px;}
.p5{top:192px;}
.p6{top:238px;}



/* = topBanner
 ----------------------------------------------
 */
 #topBanner{margin-bottom:5px;margin-left:4px;width:835px;overflow:hidden;float:left;display:block;display:none !important;*display:block !important;}

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

/* = cooperate
 ----------------------------------------------
 */
#cooperate,#other{border:1px silver solid;padding:5px;width:980px;margin:0 auto;overflow:auto;zoom:1;}
#other{margin-bottom:5px; }
#cooperate h3,#cooperate ul,#other h3,#other ul{float:left;overflow:auto;zoom:1}
#cooperate h3,#other h3{position:relative;font-size:12px;width:70px;height:40px;}
#cooperate h3 img,#other h3 img{position:absolute;left:0;top:0;}
#cooperate ul,#other ul{width:880px;*width:auto; }
#cooperate ul li,#other ul li{float:left;margin:5px 10px;}
/* = siteInfo
 ----------------------------------------------
 */
#siteInfo{border:1px silver solid;padding:5px;width:980px;margin:10px auto;background:#EFF7F6;text-align:center;position:relative;height:65px}
#siteInfo img{position:absolute;top:5px;left:100px;}
#siteInfo p{line-height:200%;color:gray}
#siteInfo p a{color:gray;margin:0 5px;}




#productTxt h1{display:inline;font-size:14px;}