@charset "utf-8";
/* General CSS Document */
ul, ul li{ list-style:none;}
a,img{ padding:0px; margin:0px; border:none;}
.clear_cs{clear: both;font-size: 0;height: 0;line-height: 0;}

body{ font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#505050; line-height:22px;}
body a{font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#505050; line-height:22px;}
body a:hover{font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#2b62ad; line-height:22px; text-decoration:underline;}

#head{ width:100%; height:516px; background:url(../images/bj.png) top repeat-x; position:relative;}
#nhead{ width:100%; height:309px; background:url(../images/bj.png) top repeat-x; position:relative;}
#header{ width:989px; height:124px; background:url(../images/top.png) center no-repeat; margin:0 auto;}

#center{ background:#2b62ad; margin-top:10px;}

#footer{ width:989px; margin:0 auto; background:url(../images/foot.jpg) top repeat-x; text-align:center; padding:10px 0px; color:#fff; margin-top:17px;}
#footer a,#footer a:hover,#nfooter a,#nfooter a:hover{color:#fff;}
#nfooter{ background:#2b62ad;text-align:center; padding:10px 0px; color:#fff; margin-top:17px;}

/***************header css********************/
.logo{ width:103px; height:122px; position:absolute; top:0px; left:50%; margin-left:-60px;}
.logo a{ width:103px; height:122px; display:block; text-indent:-999px;}
.version{ width:400px; height:27px; line-height:12px; float:right; padding:6px 0px 7px 0px;}
.version span{ background:url(../images/version.gif) no-repeat; padding:0px 5px 0px 20px;}
.version span a{ font-family:Arial, Helvetica, sans-serif;}
#es{ background-position:0px -14px;}
#ko{ background-position:0px -28px;}
#al{ background-position:0px -42px;}
#en{ background-position:0px -56px;}

.search{ width:245px; height:21px; float:right;  background:url(../images/search.png) left center no-repeat; margin-top:5px; padding-left:20px;}
.searchInput{padding:0px; margin:0px; width:158px; height:19px; border:none; vertical-align:middle; padding:1px 7px 1px 5px; line-height:19px; float:left; background:none; }
.searchBtn{padding:0px; margin:0px; width:53px; height:21px; border:none; vertical-align:middle; float:left; background:none; cursor:pointer; }

.inquiry{ width:81px; height:22px; float:right; display:inline; margin:5px 65px 0px 10px;}

.menu{ width:340px; height:auto; float:left; padding-left:45px;}
.menu ul li{ width:auto; height:30px; float:left; padding:0px 11px 0px 10px; background:url(../images/line.jpg) right center no-repeat;}
.menu ul li a{ color:#000000; line-height:30px; font-family:Arial, Helvetica, sans-serif;}
.menu ul li a:hover{ color:#000000; line-height:30px; font-family:Arial, Helvetica, sans-serif;}
.menu ul li#last{ background:none;}

.flash{width:1303px; height:516px; position:absolute; left:50%; margin-left:-651px; top:0px; z-index:-1; zoom:1;}
.nflash{width:1303px; height:309px; position:absolute; left:50%; margin-left:-651px; top:0px; z-index:-1; zoom:1;}
#myFocus{width:1303px; height:516px;}
/********************center css**********************/
#center{ height:auto; margin-top:10px; padding-top:8px; font-family:Arial, Helvetica, sans-serif;}
.centerColumn{ width:989px; margin:0 auto;}

.about{ width:468px; height:200px; float:left; background:url(../images/about.jpg) center no-repeat;}
.about h4{ width:134px; text-align:center; padding:3px 0px 3px 10px; color:#000000; font-size:14px; font-weight:bold; }
.about h4 a,.about h4 a:hover{color:#000000; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.aboutColumn{padding:10px 12px; color:#fff; line-height:17px;}

.contact{ width:281px; padding:0px 10px; background:url(../images/contact.jpg) center no-repeat;}
.contact .aboutColumn{line-height:16px; padding:10px 15px;}

.pro{ width:220px; float:right; background:url(../images/pro.jpg) center no-repeat;}
.products{ width:100%; height:117px; margin-top:10px;}
.productsColumn{width:989px; float:left; display:inline;}
.productsColumn ul li{ width:117px; float:left; margin:0px 7px 0px 0px; display:inline; text-align:center;}
.productsColumn ul li.mr0{ margin-right:0px;}
.productsColumn ul li img{ width:115px; height:117px; }

/********************ncenter css**********************/
.ncenter{ width:952px; margin:0 auto; margin-top:10px;}
h4.title{ background:url(../images/title.jpg) bottom repeat-x; padding:5px 5px 15px 20px;}
h4.title strong{ color:#2b62ad; font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.ncenterColumn{ padding:10px 0 10px 20px;}

/*** location css ***/
.location,.back{ float:right;}
.back{background:url(../images/back.jpg) left center no-repeat; width:57px; height:22px; text-align:center;}
.back a,.back a:hover{color:#000000; text-decoration: none; line-height:20px;}
.location{ padding-right:10px;}

.ncontact{ line-height:30px;}
.ncontact strong{ color:#000;}

/*** left-right css ***/
.nleft{ width:204px; float:left; background:url(../images/leftBg.jpg) repeat-y;}
.nleftColumn{ background:url(../images/leftTop.jpg) top center no-repeat; padding:44px 7px 0px 7px;}
.nleftBottom{ width:100%; height:14px; background:url(../images/leftBottom.jpg) top center no-repeat;}

.nright{ width:740px; float:right;}

/*** leftprolist css ***/
#left_menu ul{ width:190px; margin:0 auto; padding:0px;}
#left_menu ul li{margin-bottom: 3px;}
#left_menu ul li a{background: url(../images/icon1.jpg) no-repeat; color: #000000; display: block; padding:4px 0px 4px 35px; font-family:Arial, Helvetica, sans-serif;}
#left_menu ul li a:hover,#left_menu ul li.active a{ color:#2b62ad; text-decoration:underline; font-family:Arial, Helvetica, sans-serif;}
#left_menu ul ul{ padding:0px 5px; display:none;}
#left_menu ul li.active ul{ display:block;}
#left_menu ul ul li{ margin-bottom:0px;}
#left_menu ul ul li a{background: url(../images/icon2.jpg) 35px center no-repeat; color: #000000; display: block; padding:4px 0px 4px 45px; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #e3e3e3;}
#left_menu ul li.active ul a{ text-decoration:none; color:#000;} 
#left_menu ul ul li a:hover,#left_menu ul ul li.active a{color:#2b62ad; text-decoration:underline; font-family:Arial, Helvetica, sans-serif;}

/*** products css ***/
.productlist{ margin:0px; padding:0px; margin-top:10px;}
.productlist li{ width:226px; height:210px; float:left; display:inline; margin:10px 21px 0px 0px; overflow:hidden;}
.productlist li.mr0{ margin:10px 0px 0px 0px;}
.productlist li table{ width:226px; height:119px;}
.productlist li .pic{ width:226px; height:119px; margin:0 auto; text-align:center;}
.productlist li .pic img{ max-width:226px; max-height:119px; _width: expression(this.width > 226 && this.width>=this.height?226 : true); _height: expression(this.height > 119 && this.width<=this.height ? 119 : true); border:none; vertical-align:middle;}
.productlist li .title{ padding:5px 0px; line-height:20px; color:#000000; font-family:Arial, Helvetica, sans-serif;}
.productlist li .title a{ line-height:20px; color:#000000;  font-family:Arial, Helvetica, sans-serif;}
.productlist li .title a:hover{ line-height:20px; color:#2b62ad;}


/*** openwin css ***/
div.openwin {clear: both;}
div.openwin img.img {float: left; margin: 0px 40px 20px 0px;max-width:470px; _width: expression(this.width > 470 && this.width>this.height ? 470 : true); max-height:352px; _height: expression(this.height > 352 && this.height>this.width ? 352 : true);}
div.openwin .openwinRight{ width:220px; float:left; font-family:Arial, Helvetica, sans-serif; color:#000; line-height:18px;}
div.openwin .openwinRight strong{ font-size:16px;}
div.memo{ border-top: 1px dashed #8D8D8E; margin-top:20px;}

/*** news css ***/
.newslist{ margin:0px; padding:0px; width:100%; list-style:none;}
.newslist li{ background: url("../images/newsiocn.gif") no-repeat scroll left center transparent; border-bottom: 1px dashed #DFDFDF; padding-left: 15px;}
.newslist li span{ float:right;}

/*** newsdetail css ***/
div.newsdetail{margin:10px auto; overflow:hidden; clear:both;}
div.newsdetail h2.title{color:#ffffff; font-size:16px; font-weight:bold; line-height:30px; padding:5px 0; text-align:center; background:none;}
div.newsdetail h3.date{border-bottom:1px #c4c4c4 dashed; color:#434343; font-size:12px; height:20px; line-height:20px; padding:5px 0; text-align:center;}
div.newsdetail div.detail{color:#C4C4C4; font-size:12px; line-height:20px; overflow:hidden; padding:5px 0; text-align:left;}

/*** feedback ***/	
.feedback{ margin:10px 0px;}
.feedback ul{ width:80%;}
div.feedback li{ padding:0px 0 12px 20px; width:325px; float:left;}
div.feedback li b{float:left; width:90px; font-weight:normal; color:#333333; line-height:21px;}
div.feedback li input.input_text{border:2px #d7e3ee solid; height:27px; line-height:27px; width:205px; background:#ffffff;}
div.feedback li input.submit,div.feedback li input.reset{background:url("../images/submit.jpg") no-repeat; border:none; width:108px; height: 30px;}
div.feedback li.textarea{ width:100%; padding:0px 20px 12px;}
div.feedback li.textarea textarea{border:2px #d7e3ee solid; height:193px; width:585px; background:#ffffff;}
	
/*** page css ***/
div.page{ height:24px; margin:10px 0px; padding-top:20px; padding-left:10px; float:left;}
div.page div.remark{float:left;}
.page form{margin:0px; padding:0px; border:0px; float:left;}
.page form div{float:left; width:auto;line-height:22px; margin-left:5px;}
div.total{color:#555555; border:1px #cbdae3 solid; text-align:center; padding:0px 10px; height:22px;}
div.paging ul{margin:0px; padding:0px; border:0px;}
div.paging ul li{float:left; list-style:none; margin:0 3px; padding:0px; color:#555555; border:1px #ABABAB solid; text-align:center;}
div.paging ul li span{ min-width:25px; color:#555555;  line-height:22px; padding:5px 8px;}
div.paging ul li span.disabled{color:#ABABAB; text-align:center;}
div.paging ul li span.active{background:#036cb4; color:#fff; font-weight:bold;}
div.page-go{}




/*** cart css ***/
div.cart{clear:both; margin:25px auto; width:700px;}
div.cart ul{border-top:1px #1f5b42 dashed; clear:both; margin:25px auto 0; overflow:hidden; padding:30px 0px 0; width:700px;}
div.cart li{clear:both; overflow:hidden; padding:5px 0; text-align:center;}
div.cart li span{float:left; line-height:20px; overflow:hidden; text-align:left;}
div.cart li span.f_1{width:125px;}
div.cart li span.f_2{width:245px;}
div.cart input.text{border:1px #999999 solid; height:18px; line-height:18px; width:150px;}
div.cart textarea{border:1px #999999 solid; height:103px; width:475px;}
div.cart input.submit,div.cart input.reset{background:url("../images/submit.jpg") no-repeat; border:none; width:108px; height: 30px;}
div.cart td img.img{max-width:180px; _width: expression(this.width > 180 && this.width>this.height ? 180 : true); max-height:130px; _height: expression(this.height > 130 && this.height>this.width ? 130 : true);}
#cartList tr th{ text-align:center; font-weight:bold;}
#cartList tr th,#cartList tr td{ background:#FFFFFF;}

/*** login ***/
.login{ width:369px; height:250px; background:url(../images/log_06.jpg) no-repeat; margin:50px 0 0 100px; font-size:11px; padding-left:52px; color:#666666;}
.logininp{ width:73px; height:23px; background:url(../images/log_10.jpg)  no-repeat; border:0; }
.login input.input_text{ width:198px; height:26px; border:1px solid #cccccc; line-height:26px; background:#FFFFFF;}

/*** job ***/
div.job_detail {height: auto; overflow: hidden;}
div.job_detail li {clear: both; margin: 0 auto; overflow: hidden;padding: 5px 0;width: 100%;}
div.job_detail li span { float: left;line-height: 20px; text-align: left;}
div.job_detail li {text-align: right;}
div.job_detail li.btn a {background: -moz-linear-gradient(center top , #FEFEFE, #F0F0F0) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fefefe,endcolorstr=#f0f0f0,gradientType=0); border: 1px solid #DDDDDD;float: right;height: 28px;line-height: 28px;margin: 0 20px 0 0;text-align: center;width: 98px;}
div.job_detail li.btn a:hover {text-decoration: none;}

/*** resume ***/
div.resume {height: auto;overflow: hidden;}
div.resume li {clear: both;margin: 0 auto;overflow: hidden;padding: 5px 0;text-align: left;width: 600px;}
div.resume li b {float: left;width: 100px;}
div.resume li input.input_text { border: 1px solid #ABADB3;  float: left;  height: 18px; line-height: 18px;  width: 278px;}
div.resume li textarea {border: 1px solid #ABADB3; float: left; height: 75px;width: 360px;}
div.resume li.btn {padding-left: 100px; width: 500px;}
div.resume li.btn input { background:-moz-linear-gradient(center top , #FEFEFE, #F0F0F0) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fefefe,endcolorstr=#f0f0f0,gradientType=0); border: 1px solid #DDDDDD;cursor: pointer;height: 28px;line-height: 28px;margin: 0 20px 0 0;text-align: center;width: 98px;}