@charset "utf-8";
/* Develop by ccj , Last modified : September 5, 2008 */

body,ul,li,p,form,h1,h2,h3 {margin:0; padding:0;}
ul,li{list-style-type:none;}
img{border:none}
body{font:12px arial,helvetica,clean,sans-serif;}
h1,h2 {font-size:11px}
table{font-size:inherit;font:100%;}
select,input,textarea{font:99% arial,helvetica,clean,sans-serif;}
body {line-height:16px;}

.clr {clear:both; height:1px; font-size:1px; line-height:1px}

/*font*/
.fontMain {color:#808284}
.fontBlue,a.fontBlue {color:#0079C0; text-decoration:none}
.fontBlue2,a.fontBlue2 {color:#163C6B;}
a.fontBlue2 {text-decoration:underline}
.fontGreen {color:#62CB05}
.fontWhite,a.fontWhite {color:#FFF; text-decoration:none}

/*img*/
.aBor a img {border:#009DDC 1px solid; padding:1px}

/*form*/
.btn_search {width:82px; margin-left:5px; height:20px; border:none; background:url(images/btn_search.gif)}

/*fillet*/
.filletTop{height:12px; background:url(images/fillet.gif) no-repeat right top;}
.filletTop div {height:12px; width:30px; background:url(images/fillet.gif) no-repeat left top;}
.filletCon {border-left:#D1D3D4 1px solid; border-right:#D1D3D4 1px solid; overflow:hidden;}
.filletBottom{height:12px; background:url(images/fillet.gif) no-repeat right bottom;}
.filletBottom div {height:12px; width:30px; background:url(images/fillet.gif) no-repeat left bottom;}

/*li*/
.listA li {display:inline; color:#0079C0;}
.listA li em {padding:0px 7px;}
.listA li a {color:#0079C0; text-decoration:none}
.listA li a:hover {color:#79D329;}

.listB li {display:inline; color:#163C6B;}
.listB li em {padding:0px 3px;}
.listB li a {color:#163C6B; text-decoration:none}
.listB li a:hover {color:#79D329;}

/*title*/
.titleBlue {font:17px Verdana,Arial, Helvetica, sans-serif; color:#007FCA; font-weight:bold; margin: 0px 0px 15px 0px;}
.titleGreen {font:12px Arial, Helvetica, sans-serif; color:#62CB05; font-weight:bold; margin-bottom:15px}

/*wrap*/

/*wrap*/
#wrap {width:792px; margin:20px auto;}
#popupWrap {width:500px; margin:0px auto;}

/*top*/
#top {position:relative; z-index:2; width:100%; margin-bottom:4px; height:65px; background:url(images/top_bg.gif);}
#top #logo {position:absolute; top:-20px; left:0px; width:129px; height:122px;}
#top #search {position:absolute; top:15px; right:25px;}
#top #nav {position:absolute; top:45px; right:25px; text-align:right;}
#top #nav li {display:inline;}
#top #nav li em {font-style:normal; color:#E2F9D7; padding:0 8px}
#top #nav li a {color:#FFF; font-weight:bold; text-decoration:none}
#top #nav li a:hover {color:#FFF200}

#home .home,
#about .about,
#news .news,
#fag .faq,
#contact .contact,
#products_1 .products,
#products_2 .products,
#products_3 .products,#products_4 .products,
#manuf .manuf,
#faq .faq,
#contact .cntact,
#news .news,
#news .news {color:#FFF200!important}

/*banner*/
#banner {position:relative; z-index:1; width:792px; overflow:hidden; margin-bottom:10px}

/*leftSide*/
#leftSide {float:left; width:189px; margin-right:15px; color:#FFFFFF;}
#leftSide #earth {margin-bottom:26px;}
#leftSide a {text-decoration:none; color:#FFF;}
#leftSide div {padding: 0px 15px 10px 20px; font-size:11px; text-align:justify;}
#leftSide h2 {width:169px; height:28px; margin-bottom:10px; padding-left: 20px; line-height:28px; background:url(images/leftNavBar.gif); font-size:11px; font-weight:bold; color:#FFF}
#leftSide h2 a {color:#FFF; display:block; height:28px; width:159px; cursor:pointer; text-decoration:none}
#leftSide h2 a:hover {color:#FFF200}
.indexLeftSide {background:url(images/left_bg.jpg) no-repeat left bottom #A7E273;}

.proLeft {border-right:#D1D3D4 1px solid}
.proLeft_top {_height:65px; min-height:65px; padding-top:10px; background:url(images/left_pro_bg.jpg) no-repeat left bottom #A7E273;}
.proLeft_top li {padding-left:0px; padding-top:4px;}
.proLeft_top li a {color:#FFF; font-weight:bold;}
.proLeft_top li ul {padding: 0px 0px 0px 10px;}
.proLeft_top li ul li {padding-top:0px; margin-bottom:0px;}

.proLeft #paging {font-size: 11px; margin-bottom: 25px;}
.proLeft #paging a {color:#0079C0;}
.proLeft #paging a:hover {color:#444444;}

.proLeft_top li a:hover,
#products_1 .cate1,
#products_2 .cate2,
#products_3 .cate3,
#products_4 .cate4
{color:#FFF200!important}
.proLeft .littlePic{ padding-left:10px;}
.proLeft .littlePic li {clear:both; float:left; width:150px; border-bottom:#E6E7E8 1px solid; }
.proLeft .littlePic a{display:block; color:#444444!important; cursor:pointer}
.proLeft .littlePic a img {float:left; width:50px; margin-right:8px;}
.proLeft .littlePic a:hover {font-weight:bold; color:#0079C0!important}

/*textBox*/
.textBox {float:right; width:575px; padding: 6px 10px 10px 0px; color:#808284;}
.textBox h1 {font:17px Verdana,Arial, Helvetica, sans-serif; color:#007FCA; font-weight:bold; margin: 0px 0px 15px 0px;}
.textBox h2 {font:12px Verdana,Arial, Helvetica, sans-serif; color:#007FCA; font-weight:bold; margin: 0px;}
.textBox p {margin:0px; padding:0px; width:560px}
.textBox ul {}
.textBox li {padding-left:10px; background:url(images/bullet.gif) left 5px no-repeat;}
.textBox a {color:#0079C0; text-decoration:none;}
.textBox a:hover {color:#444444;}

/*popupContent*/
#popupTop {position:relative; top:60px; z-index:2; width:500px; margin-bottom:4px; height:35px; background:url(images/top_bg.gif);}
#popupTop #logo {position:absolute; top:-60px;}
#popupContent {position:relative; top:80px; left:10px; color:#808284; width:480px;}
#popupContent h1 {font:17px Verdana,Arial, Helvetica, sans-serif; color:#007FCA; font-weight:bold; margin: 0px 0px 15px 0px;}
#popupContent h2 {font:12px Verdana,Arial, Helvetica, sans-serif; color:#007FCA; font-weight:bold; margin: 0px;}

/*indexCenter*/
#indexCenter {float:left; width:250px; margin-right:10px; color:#808284; padding-top:6px; text-align:justify;}
#indexCenter a {color:#0079C0; text-decoration:none;}
#indexCenter a:hover {color:#0079C0;}
#indexCenter li {margin-bottom:15px}
#indexCenter li ul li {padding: 0px 0px 0px 10px; margin: 0px; background:url(images/bullet.gif) left 5px no-repeat;}
#indexCenter #seeMore {font-size:10px;}
#indexCenter h1 {font:17px Verdana,Arial, Helvetica, sans-serif; color:#007FCA; font-weight:bold; margin: 0px 0px 15px 0px;}
#indexCenter h2 {font:12px Verdana,Arial, Helvetica, sans-serif; color:#007FCA; font-weight:bold; margin: 0px;}

/*indexRight*/
#indexRight {float:right; width:320px;}
#indexRight .titleBar {width:280px; height:29px; padding-left:40px; line-height:29px; color:#FFF; font:Verdana, Arial, Helvetica, sans-serif; background:url(images/titleBar.gif); font-size:13px}

#proRight{float:right; width:585px;}
#proRight .filletCon {width:563px; padding-left:20px; color:#808284;}
#proRight .rightPic {float:right; width:260px; margin-left:5px;}
#proRight h1 {margin:10px 0px;}
#proRight h3 {font-size: 12px;}
/*foot*/
#foot { clear:both; padding-left:208px; color:#163C6B; font-size: 11px;}


#contactField {
	width: 234px;
	margin-top: 2px;
}
*html #contactSelect {
	width: 240px;
	margin-top: 2px;
}
#contactSelect {
	width: 238px;
	margin-top: 2px;
}