@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:"宋体"; font-size:12px; color:#222222; line-height:22px;}
a{ font-family:"宋体"; font-size:12px; color:#222222; line-height:22px;}
a:hover{ font-family:"宋体"; font-size:12px; color:#333f93; line-height:22px; text-decoration:underline;}

#main{ width:980px; height:auto; margin:0 auto;}
#header,.news{ overflow:hidden;}

#footer{ background:#b3c2e3; margin-top:12px;}
.footer{ width:980px; margin:0 auto; text-align:center; background:url(../images/footer.jpg) right top no-repeat; padding:20px 0px;}

/***************header css********************/
.logoSwf{float:left; display:inline;}
.logo{ float:left; display:inline; margin:28px 0px 11px 0px;}

.version{ float:right; margin:25px 0px 10px 304px;}
.version img{ vertical-align:middle;}

.search{ width:280px; height:29px; float:right;}
.searchInput{padding:0px; margin:0px; width:186px; height:29px; border:none; vertical-align:middle; padding-left:35px; line-height:29px; color:#979797; background:url(../images/search.jpg) left center no-repeat; float:left; }
.searchBtn{padding:0px; margin:0px; width:58px; height:29px; border:none; background:url(../images/searchBtn.jpg) left center no-repeat; vertical-align:middle; float:left; }

.menu{ width:500px; height:auto; float:right;}

.menu ul li{ width:auto; display:inline-table; float:left; background:url(../images/line1.jpg) right center no-repeat; padding:0px 16px 0px 10px;}

.menu ul li a{ width:60px; display:block;  background:url(../images/menu1.jpg) center no-repeat; text-indent:-999px;}
.menu ul li#busi a{background:url(../images/menu2.jpg) center no-repeat;}
.menu ul li#price a{background:url(../images/menu3.jpg) center no-repeat;}
.menu ul li#news a{background:url(../images/menu4.jpg) center no-repeat;}
.menu ul li#track a{background:url(../images/menu5.jpg) center no-repeat;}
.menu ul li#last a{background:url(../images/menu6.jpg) center no-repeat;}
.menu ul li a:hover,.menu ul li.current a{ width:60px; display:block; background:url(../images/menu1_active.jpg) center no-repeat; }
.menu ul li#busi a:hover,.menu ul li.current#busi a{background:url(../images/menu2_active.jpg) center no-repeat;}
.menu ul li#price a:hover,.menu ul li.current#price a{background:url(../images/menu3_active.jpg) center no-repeat;}
.menu ul li#news a:hover,.menu ul li.current#news a{background:url(../images/menu4_active.jpg) center no-repeat;}
.menu ul li#track a:hover,.menu ul li.current#track a{background:url(../images/menu5_active.jpg) center no-repeat;}
.menu ul li#last a:hover,.menu ul li.current#last a{background:url(../images/menu6_active.jpg) center no-repeat;}
.menu ul li#last{ background:none; padding-right:0px;}

.flash{ height:256px; margin:0 auto;}
.nflash{ height:196px;}
/********************center css**********************/
#center{height:auto; margin-top:5px;}

#left{ width:300px; float:left;}

h4.title{ background:url(../images/dot1.jpg) 5px center no-repeat; padding:5px 0px; border-bottom:2px solid #333f93; font-weight:bold; font-size:14px; padding-left:25px; }
.busiList{padding:5px;}
.busiList li{ width:60px; background:url(../images/line2.jpg) right top no-repeat; float:left; text-align:center; padding-right:16px;}
.busiList li#lastp{ background:none; padding-right:0px;}
.busiList li .pic{width:60px; height:50px; display:table;}
.busiList li .pic span{height:100%;writing-mode:tb-rl;display:table-cell; vertical-align:middle; text-align:center;}

.tempList{ padding:10px 0px 0px 0px;}
.tempList li{ height:74px; float:left;}
.tempList li a,.tempList li img{ margin:0px; padding:0px; border:0px;}

.shortList{ width:110px; float:left; margin-top:6px;}
.shortList li{ border-top:1px solid #d4d4d4; padding:5px; }
.shortList li a{ height:29px; line-height:29px; display:block;}
.shortList li a:hover{line-height:29px;}
.shortList li img{ float:left; vertical-align:middle; padding-right:10px;}
.shortList li#lasts{border-bottom:1px solid #d4d4d4;}

.contact{ float:right; margin-top:13px;}

#right{ width:660px; float:right;}

.news{ width:410px; float:left;}
#tab_li{ width:100%; height:30px; background:url(../images/dot4.jpg) bottom repeat-x; display:block; zoom:1;}
#tab_li li,#tab_li li.current{float:left; display:block; width:90px; font-size:14px; line-height:26px; height:26px; text-align:center; overflow:hidden; cursor:pointer;}
#tab_li li.current{ background:#FFF; border-top:3px solid #333f93; border-right:1px solid #333f93; border-bottom:1px solid #fff; border-left:1px solid #333f93; }
.warp{ display:block; padding:10px 0px;}

.sygj{ width:220px; float:right;}
.sygj h4{ height:29px; font-size:14px; color:#FFF; font-weight:bold; padding-left:20px; background:url(../images/sygj.jpg) left center no-repeat; margin-top:10px; margin-bottom:10px; }
.sygjList li{ padding:3px 0px;}
.sygjList li a{ color:#333f93; margin:0px -3px;}
.sygjList li a:hover{ color:#ec8020; text-decoration:none;}
.text{ width:132px; padding-left:10px; height:22px; line-height:22px;}
.button{ width:46px; height:24px; line-height:24px; color:#fff; text-align:center; margin-left:5px; background:#ffa81e; border:none;}

.aboutCon{ padding:8px 10px 0px;}
.about img{ margin:5px 20px 0px 0px; float:left;}
.about .title .more{ float:right;}
.about .title .more a{ font-weight:normal;}
.aboutCon p{ text-indent:23px;}

/********************ncenter css**********************/
#ncenter{ background:url(../images/center.jpg) right repeat-y; margin-top:10px;}
#nleft{ width:184px; float:left;}
#nleft h4{ height:36px; line-height:36px; background:url(../images/leftTitle.jpg) right top no-repeat; padding-left:40px; color:#fff; font-size:14px; font-weight:bold; margin:10px 0px;}
#nleft .shortList{ float:none; width:160px; margin:0 auto; margin-top:10px;}
#nleft .shortList li{ padding:5px 0px 5px 35px;}
#nleft .contact{ float:none;}
/*** leftprolist css ***/
#left_menu ul{ margin:0 auto; padding:0px;}
#left_menu ul li{ margin:0px; padding:0px; line-height:0px; font-size:0px; overflow:hidden;}
#left_menu ul li a{ display:block; line-height:33px; font-size:14px; padding-left:60px; background: url(../images/dot3.jpg) 39px center no-repeat;}
#left_menu ul li a:hover,#left_menu ul li.active a{ background: url(../images/leftList.jpg) right center no-repeat; text-decoration:none;}

#nright{ width:792px; border-top:2px solid #4754ae; float:right; margin-right:4px; overflow:hidden;}
#nright h4{ margin: 0px 15px; padding:10px 10px 10px 30px; border-bottom:1px solid #e1e1e1;  background: url(../images/dot1.jpg) 10px center no-repeat;}
#nright h4 .title{color:#333f93; font-size:16px; font-weight:bold;}
.nrightCon{ padding:20px 30px; color:#515151; font-size:14px; line-height:30px;}
.nrightCon p{ text-indent:28px;}
.bottom{ height:7px; background: url(../images/bottom.jpg) right bottom no-repeat;}

#culture{background:url(../images/culture.jpg) left top no-repeat; padding:50px 0px 10px 390px;}

.managList{ width:580px; height:193px; clear:both; padding-bottom:30px;}
.managList dt{ width:144px; height:193px; float:left;}
.managList dd.title{ width:395px; float:right; padding:25px 0px;}
.managList dd.con{width:395px; float:right; font-size:12px; line-height:22px;}
.managList dt a,.managList dt img,.managList dd.title a,.managList dd.title img{ display:block;}

.appearList{ width:100%;}
.appearList li{ width:250px; height:176px; float:left; display:inline; margin:5px;}
.appearList li a,.appearList li img{ width:250px; height:176px; display:block; }

#hy{background:url(../images/hyBg.jpg) center bottom no-repeat; padding:30px 50px;}
#ky{background:url(../images/kyBg.jpg) center bottom no-repeat; padding:30px 50px;}
#ll{background:url(../images/llBg.jpg) center bottom no-repeat; padding:30px 50px;}
#jck{background:url(../images/jckBg.jpg) center bottom no-repeat; padding:30px 50px;}

.newsList1 li{ border-bottom:1px dashed #c1c1c1; background:url(../images/dot5.jpg) 10px center no-repeat; padding-left:30px;}
.newsList1 li a,.newsList1 li a:hover{ line-height:30px;}
.newsList1 li span{ float:right; color:#999999;}

.trackList{ width:100%;}
.trackList li{ background:#e5f0f9; float:left; text-align:center;}
.trackList li a{ margin:0px; padding:0px; display:block;}
.trackList li img{ margin:0px; padding:0px; border:0px; display:block;}
.trackList li a.title{ padding:4px 0px; font-size:14px;}

.contactTable{ width:90%; margin:0 auto; background:#CCCCCC; color:#000000;}
.contactTable tr th,.contactTable tr td{ background:#FFFFFF; padding:2px 8px;}

.price{background:url(../images/priceCenter.jpg) repeat-y !important;}
.price .bottom{background:url(../images/priceBottom.jpg) center bottom no-repeat !important;}
.price #nright{ width:966px; margin:0 auto; float:none; }
.price .nrightCon{ padding:20px 10px;}
.priceSub,.priceRet{width: 63px;height: 25px;background:url(../images/su.jpg) no-repeat; border:0px; margin:0px 5px; padding:0px; vertical-align:middle;}
.priceRet{ background:url(../images/sx.jpg) no-repeat;}

span.searchc{ position:relative;}
.suggestionsBox { position:absolute; left: 72px; top:22px; +top:17px; width:200px; background:#FFF; -moz-border-radius: 7px; -webkit-border-radius: 7px;border: 1px solid #94B3D1;color:#808080; text-align:left; font-size:12px; line-height:20px;} 
.suggestionList { margin: 0px; padding: 0px; } 
.suggestionList li { list-style:none; margin: 0px 0px 3px 0px; padding:0px 3px; cursor: pointer; border:1px solid #FFF; border-left:none; border-right:none; text-indent:5px;} 
.suggestionList li:hover { background: #ECF7FE; border:1px solid #8FC0E7; border-left:none; border-right:none; } 


#proxy{ font-size:12px;}

.proxyList{ width:95%; margin:0 auto; font-size:12px;}
.proxyList li{ height:28px; border-bottom:1px dashed #cccccc; display:block; clear:left;}
.proxyList li .red{ color:#F00;}
.proxyList span{ display:block; float:left; padding:0px 5px;}
.proxyList span.t1{ width:150px; color:#333333; font-weight:bold;}
.proxyList span.t2{ width:260px;}

.grid02 {color:#333;margin:0 auto;margin-top:8px;margin-bottom:8px;}
.grid02 td{padding:0px 8px;text-align:left;font-size:13px; border-bottom:1px dashed #CCCCCC;}
.botLine td{ border:none;}
.grid02 .headtr{color:#006aa4;font-weight:bold;border-bottom:1px #006aa4 dashed;}
.inputgeneral{border: 1px solid #999;height: 18px; line-height:18px; vertical-align: middle; padding:0px 3px;}

.searchjg{ background:#e5f0f9; padding:5px 10px; color:#212121;}
.searchjg span.searchc{ padding:0px 0px 0px 8px;}
.ac_input{ width:170px; height:24px; line-height:24px; border:1px solid #b1b2ba;}
.searchjg img{ vertical-align:middle; border:none; margin:0px; padding:0px;}
.bigleft{float:left;width:691px; margin-top:15px;}
.bigleft .left{float:left; padding-right:10px;border-right:1px dashed #b9b9b9; width:45%;}
.bigleft .right{ float:left; padding:0px 10px; border-right:1px dashed #b9b9b9; width:50%;}

.smallright{float:right;width:255px;}

.grid09{ float:left;}
.grid09 td{text-align:left; color:#525252;}
.grid09 td.linetop{ width:40px; vertical-align:top; padding-top:6px;}
.grid09 .headtr{font-weight:bold;border-bottom:1px #b9b9b9 dashed;}
.grid09 a{padding:2px; color:#525252; white-space:nowrap;}
.grid09 a:hover{padding:2px; background:#525252; color:#FFF; text-decoration:none; }

.grid03 {color:#525252; margin:0 auto; margin-top:15px; font-size:14px;}
.grid03 th{ padding:5px;text-align: center; background:#333f93; color:#FFFFFF;}
.grid03 td{padding:5px 8px;}
.grid03 td.c{ text-align:center;}
.grid03 tr.odd td{ background:#F3F3F3;}
.grid03 tr.even td{ background:#FFFFFF; }

.exChargeWrap{ margin:5px 0px; height:380px; overflow:auto;}
#excharge{background:#397CB3;}
#excharge tr td{ background:#FFFFFF; padding:5px; text-align:center;}
#excharge tr th{background:#ECF3FD; padding:5px; text-align:center; }
#excharge .text,#excharge .text1{ width:40px; height:21px; line-height:21px; margin:2px 0px;}
#excharge .text1{ width:60px;}
/*** location css ***/
.location,.back{ float:right;}
.back{ width:55px; height:20px; background:url(../images/back.jpg) left top no-repeat; margin:0px 10px;}
.back a,.back a:hover{ width:55px; height:20px; display:block; color:#6ea124;font-family:Arial, Helvetica, sans-serif;font-size: 11px;text-decoration: none; font-weight:bold; text-indent:-999px; overflow:hidden;}
.location a,.location a:hover{ color:#303030;}


/*** products css ***/
div.productlist { margin:10px; overflow:hidden;}
div.productlist .p_list{ width:33%;text-align:center ; margin-bottom:10px; float:left; }
div.productlist .p_list ul{ width:100%; margin:0px; padding:0px;}
div.productlist .p_list li { width:196px; margin:0px auto;}
div.productlist .p_list .picture{ width:194px; height:130px; border:#ccc solid 1px; margin:0px auto;display:table; }
div.productlist .p_list .picture span{ height:100%;writing-mode:tb-rl;display:table-cell; vertical-align:middle; text-align:center; padding:2px; margin:0px; padding:0px; border:none; }
div.productlist .p_list .picture span img{max-width:190px; max-height:126px; _width: expression(this.width > 190 && this.width>=this.height?190 : true); _height: expression(this.height > 126 && this.width<=this.height ? 126 : true); display:block; margin:0 auto;}


/*** openwin css ***/
div.openwin {clear: both;color: #000000;line-height: 35px; margin: 25px auto;}
div.memo {border-top: 1px dashed #8D8D8E;line-height: 28px;text-align:left;}
div.openwin img.img {float: left; margin: 19px 70px 19px 37px;max-width:240px; _width: expression(this.width > 240 && this.width>this.height ? 240 : true); max-height:219px; _height: expression(this.height > 219 && this.height>this.width ? 219 : true);border: 1px solid #cccccc;}
div.openwin ul {float: right;overflow: hidden;}
div.openwin li {color: #000000;line-height: 35px;text-align: left;width: 365px;}
div.openwin li font {color: #95C200;font-size: 17px;font-weight: bold;}

/*** news css ***/
.newsList{ margin:0px; padding:0px; width:100%; list-style:none;}
.newsList li{ background: url(../images/dot2.jpg) no-repeat scroll 10px center transparent; border-bottom: 1px dashed #c4c4c4; padding:3px 0px 3px 25px;}
.newsList li span{ float:right;}

/*** newsdetail css ***/
div.newsdetail{margin:10px auto; overflow:hidden; clear:both;}
div.newsdetail h2.title{ font-size:18px; font-weight:bold; 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{ overflow:hidden; padding:5px 0; text-align:left;}

/*** feedback ***/	
.feedback{ margin:10px 0px;}
.feedback ul{ width:100%;}
div.feedback li{ padding:0px 0 12px 20px; width:280px; 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:1px #aaadb2 solid; height:19px; width:168px; background:#ffffff;}
div.feedback li input.submit,div.feedback li input.reset{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 15px;text-align: center; width:97px;}
div.feedback li.textarea{ width:100%; height:120px; padding:0px 20px 12px;}
div.feedback li.textarea b{ width:100%; display:block;}
div.feedback li.textarea textarea{border:1px #aaadb2 solid; height:90px; width:557px;background:#ffffff;}
	
/*** page css ***/
div.page{ height:24px; margin:10px 0px; padding-top:20px; padding-left:10px; float:left; float:right;}
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 #ABABAB 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:4px 8px 4px 8px;}
div.paging ul li span.disabled{color:#ABABAB; text-align:center;}
div.paging ul li span.active{background:#333F95; 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 70px 0; width:560px;}
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:60px;}
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/btn.jpg) no-repeat left top; border:0; cursor:pointer; height:24px; line-height:24px; color:#FFFFFF; margin-left:20px; width:97px;}
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);}

/*** 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;}


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

.register{ width:421px; height:292px; background:url(../images/register.jpg) no-repeat; padding-top:100px; margin:0 auto;}

.welcome{ font-size:12px; padding:0px 10px; font-weight:normal; color:#487594;}
.welcome a{ padding:0px 10px; text-decoration:underline;}