@charset "utf-8";
/* CSS Document */

body{ font-family:"宋体", sans-serif; font-size:12px; color:#000000; line-height:22px; background:url(../images/nbj.jpg) top repeat-x #f8f8f8;}
body.home{background:url(../images/bj.jpg) top repeat-x #f8f8f8;}

a{ font-family:"宋体", sans-serif; font-size:12px; color:#000000; line-height:22px;}

a:hover { font-family:"宋体", sans-serif; font-size:12px; color:#2d509a; line-height:22px; text-decoration:underline; }

.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}

#hwrap{background:url(../images/top.jpg) center top no-repeat;}
#wrap{background:url(../images/ntop.jpg) center top no-repeat;}

/***************header css********************/
#header{ width:960px; height:146px;  margin:0 auto;}

#nheader{ width:978px; height:328px;  margin:0 auto; position:relative;}

.logo{ width:274px; height:68px; margin:14px 0px 25px 62px; float:left;}

.version{ width:198px; float:right; height:28px; padding:24px 0px 10px 304px; _padding:24px 0px 10px 100px;}
.version span{ width:50px; float:left; display:block; padding-left:30px;}
.version span a,.version span a:hover{ font-family:"微软雅黑";}
.version span.cn{background:url(../images/cn.jpg) left center no-repeat;}
.version span.en{background:url(../images/en.jpg) left center no-repeat;}

.search{ width:284px; height:30px; float:right;}
.searchInput{ width:158px; height:20px; border:0px; background:#FFF; vertical-align:middle; padding:5px 16px 5px 27px; line-height:20px; float:left; color:#bdb9c1; font-size:11px; font-style:italic; background:url(../images/search.jpg) center no-repeat;}
.searchBtn{ width:44px; height:30px; border:0px; vertical-align:middle; float:left; background:url(../images/searchBtn.jpg) center no-repeat;}

#menu{ width:918px; height:39px; padding-left:42px; }
#menu ul li{cursor: pointer; float: left; height: 39px; display:inline; margin:0px 10px;}
#menu ul li span {float: left;height:39px;line-height: 39px;}
#menu ul li span a{ display:block; color:#ffffff; line-height:39px; font-size:14px; font-weight:bold;}
#menu ul li span a:hover{ display:block; color:#ffffff; line-height:39px; font-size:14px; font-weight:bold; text-decoration:none;}
#menu ul li span.left {width:22px;}
#menu ul li span.center{ padding:0px 12px;_padding:0px 11px;}
#menu ul li span.right { width: 23px;}
#menu ul li.current span.left {background:url(../images/leftm.jpg) left center no-repeat;}
#menu ul li.current span.center {background:url(../images/centerm.jpg) repeat-x;}
#menu ul li.current span.right {background:url(../images/rightm.jpg) left center no-repeat;}

.banner_index{height:310px;position: relative;overflow:hidden;width: 960px;margin:0 auto;}
.banner_index .btn,.banner_pro .bBtn{position: absolute;top:150px;width: 38px;height: 38px;display: block;z-index: 3;}
.banner_index .btnPre,.banner_pro .bPre{opacity:0.4;background:url(../images/slider-arrows.png) 0 0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s; left:10px;}
.banner_index .btnPre:hover,.banner_pro .bPre:hover{opacity:1;}
.banner_index .btnNext,.banner_pro .bNext{opacity:0.4;background:url(../images/slider-arrows.png) 0 0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s; right: 10px; background-position:100% 0;}
.banner_index .btnNext:hover,.banner_pro .bNext:hover{opacity:1;}
.banner_index .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.banner_index .banner_wrap li{width: 960px;float: left;}

.banner{height:210px;position: relative;overflow:hidden;width: 960px;margin:0 auto;}
.banner .btn,.banner_pro .bBtn{position: absolute;top:100px;width: 38px;height: 38px;display: block;z-index: 3;}
.banner .btnPre,.banner_pro .bPre{opacity:0.4;background:url(../images/slider-arrows.png) 0 0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s; left:10px;}
.banner .btnPre:hover,.banner_pro .bPre:hover{opacity:1;}
.banner .btnNext,.banner_pro .bNext{opacity:0.4;background:url(../images/slider-arrows.png) 0 0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s; right: 10px; background-position:100% 0;}
.banner .btnNext:hover,.banner_pro .bNext:hover{opacity:1;}
.banner .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.banner .banner_wrap li{width: 960px;float: left;}



.location{ padding:0px 10px 0px 0px; float:right; font-size:11px; color:#000; font-weight:normal;}
.location a,.location a:hover{ font-size:11px; color:#000; font-weight:normal;}
.back{ padding:9px 10px 0px 0px; float:right;}
.back img{ vertical-align:middle;}

/********************center css**********************/
#center{ width:960px; margin:0 auto; margin-top:5px;}

.about h4{ height:38px; color:#244486; font-size:14px; font-weight:bold; padding-left:15px; line-height:38px;}
.aboutc{ width:485px; float:left; padding:5px 0px 20px 20px;}
.contactc{ width:370px; float:right; padding:5px 20px 20px 0px; line-height:22px; background:url(../images/contact.jpg) right center no-repeat;}

.pro{ border:1px solid #dddddd; background:#fff;}
.pro h4{ margin-bottom:12px; background:url(../images/about.jpg) repeat-x;}

.left{ width:246px; float:left; margin-bottom:10px;}
.right{ width:697px; float:right;}

.prolist li a{ display:block;}
.prolist li.level0 span.sub0{ display:block; height:43px; background:#2d509a; padding-left:15px; font-family:Helvetica,Verdana,sans-serif; font-size:20px; color:#fff; font-weight:normal; line-height:43px;}
.prolist li.level0 li a{border-bottom:1px solid #afc4ee; border-right:1px solid #afc4ee; background:url(../images/icon01.jpg) 215px center no-repeat; color:#5b5b5b; display:block; padding:6px 0px 6px 20px;}
.prolist li.level0 li a:hover{background:url(../images/icon01.jpg) 215px center no-repeat; text-decoration:underline; color:#2d509a;display:block;}
.prolist li.level0 li li a{border-bottom:1px solid #afc4ee; background:url(../images/icon02.jpg) 30px center no-repeat; color:#000 !important; padding:6px 0px 6px 40px; text-decoration:none !important;}
.prolist li.level0 li li a:hover{background:url(../images/icon02.jpg) 30px center no-repeat; text-decoration:underline !important; color:#2d509a !important;}
/********************footer css**********************/
#footer,#footer a,#footer a:hover{ width:960px; margin:0 auto; padding:15px 0px; text-align:center; color:#666666; }
/********************neiye css**********************/
#ncenter{ width:960px; margin:0 auto; }
.column{ padding:20px;}
.column p,.aboutc p{ text-indent:24px;}

.nleft{ width:207px; float:left;}
.nleft_list{ background:url(../images/left_bj.jpg) repeat-y;}
.nleft_list_top{ background:url(../images/left_top.jpg) center top no-repeat;}
.nleft_list_top h4{ height:39px; line-height:39px; font-size:16px; font-weight:bold; padding-left:10px; color:#ffffff;}
.nleft_bottom{height:7px; background:#00468e;}
.nleft_list_nr{ margin:6px 7px 6px 6px;}

.nleft_contact{ padding:10px; border:1px solid #d7d7d7; margin-top:10px; margin-bottom:10px; background:#FFF;}
.nleft_contact h4{ color:#043e7a; height:32px; line-height:32px; font-size:16px; font-weight:bold; }

#left_menu { width:100%; }
#left_menu li { height:27px; border-bottom:1px solid #cccccc; padding-left:20px;}
#left_menu li a{ line-height:27px; background:url(http://www.nb-jiefeng.com/Index/images/icon1.jpg) left center no-repeat; padding-left:15px;}
#left_menu li a:hover,#left_menu li.active a{ line-height:27px; background:url(http://www.nb-jiefeng.com/Index/images/icon2.jpg) left center no-repeat; padding-left:15px; text-decoration:none; color:#2863ca;}

#left_menu1 { width:100%; }
#left_menu1 li a{ border-bottom:1px solid #afc4ee; background:url(../images/icon01.jpg) 175px center no-repeat; color:#5b5b5b; display:block; padding:3px 0px 3px 20px;}
#left_menu1 li a:hover,#left_menu1 li.active a{ background:url(../images/icon01.jpg) 175px center no-repeat; text-decoration:underline !important; color:#2d509a;display:block;}
#left_menu1 li ul{ display:none;}
#left_menu1 li.active ul{ display:block;}
#left_menu1 li li a,#left_menu1 li.active li a{ border-bottom:1px solid #afc4ee; background:url(../images/icon02.jpg) 30px center no-repeat; color:#000 !important; padding:3px 0px 3px 40px; text-decoration:none !important;}
#left_menu1 li li a:hover,#left_menu1 li.active li a:hover,#left_menu1 li li.active a{ background:url(../images/icon02.jpg) 30px center no-repeat; text-decoration:underline !important; color:#2d509a !important;}

.nright{ width:725px; float:right; border:1px solid #dddddd; background:#fff;}
.nright h4{ height:38px; background:url(../images/about.jpg) repeat-x; color:#244486; font-size:20px; padding-left:15px; line-height:38px; }

.contactnr{padding:0px 40px; line-height:30px;}

/*** productlist ***/
.productlist{ width:95%; margin:0 auto;}
.productlist li{ width:211px; height:222px; float:left; display:inline; margin:0px 8px 15px 8px;}
.right .productlist li{ width:211px; height:222px; float:left; display:inline; margin:0px 21px 11px 0px;}
.productlist li .pro_pic{ width:195px; height:214px; text-align:center; background:#edeef2; padding:8px 8px 0px 8px;}
.productlist li .pro_pic img{ border:none; margin:0px; padding:0px; max-width:195px; max-height:175px; _width: expression(this.width > 205 && this.width>=this.height?205 : true); _height: expression(this.height > 175 && this.width<=this.height ? 175 : true);}
.productlist li .pro_t{ margin-top:10px;}
/*** page ***/
div.page{ height:24px; margin:10px 0px; padding-top:20px;}
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:#043E7D; border:1px #eeeeee 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:#043E7D; border:1px #eeeeee solid; text-align:center;}
	div.paging ul li span{ min-width:25px; color:#043E7D;  line-height:22px; padding:5px 8px 5px 8px;}
	div.paging ul li span.disabled{color:#dddddd; text-align:center;}
	div.paging ul li span.active{background:#043E7D; color:#FFFFFF; font-weight:bold;}
	
/*** 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:url(../images/submit.jpg) no-repeat left top; border:0; cursor:pointer; height:24px; line-height:24px; color:#FFFFFF; margin-left:20px; 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;}
div.privacy_detail{clear:both; margin:25px auto; text-align:center; width:916px;}
ul.login{background:url(http://www.nb-jiefeng.com/Index/images/login_en.jpg) no-repeat left top; clear:both; height:270px; margin:25px auto; overflow:hidden; padding:80px 0 0 330px; text-align:left; width:395px;}


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/submit.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);}

/*** login ***/
.login{ width:369px; height:250px; background:url(http://www.nb-jiefeng.com/Index/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(http://www.nb-jiefeng.com/Index/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;}


/*** openwin css ***/
div.openwin {clear: both; margin: 5px auto;}
div.memo {border-top: 1px dashed #8D8D8E;line-height: 28px;text-align:left;}
div.openwin .bigpic{ text-align:center;}
div.openwin img.img { margin:0 auto; max-width:600px; _width: expression(this.width > 600 && this.width>this.height ? 600 : true);}
div.openwin ul {overflow: hidden;}
div.openwin li {text-align: left;width: 290px; padding:0px;}
div.openwin li font {color: #1763b2; font-size: 16px; font-weight: bold; font-family:Verdana, Geneva, sans-serif;}


/*** sample ***/
ul.magzinelist{ width:100%; height:auto; margin:0 auto;}
ul.magzinelist li{ width:166px; height:229px; float:left; margin:10px 31px; display:inline;}
ul.magzinelist li a{ display:block; cursor:pointer;}
ul.magzinelist li img{ width:166px; height:229px; }


/*** job ***/
	div.job_list{ height:auto; overflow:hidden; width:100%; padding:1px;background:#EAEAEA;}
	div.job_list li{clear:both; height:32px; margin:0 auto; overflow:hidden; width:100%; overflow:hidden;}
	div.job_list li a,div.job_list li a:hover{ line-height:32px;}
	div.job_list li span.t_1,span.t_2,span.t_3,span.t_4,span.t_5,span.t_6{color:#4B4B4B; font-weight:bold; height:32px; line-height:32px; text-align:center; float:left; margin-right:1px;background:url(../images/job.jpg) bottom repeat-x #fefefe;}
	div.job_list li span.t_1{width:206px;}
	div.job_list li span.t_2{width:138px;}
	div.job_list li span.t_3{width:70px;}
	div.job_list li span.t_4{width:200px;}
	div.job_list li span.t_5{width:120px;}
	div.job_list li span.t_6{width:178px;}
	div.job_list li span.c_1,span.c_2,span.c_3,span.c_4,span.c_5,span.c_6{height:32px; line-height:32px; text-align:center;float:left; margin-right:1px; color:#575757; background:#fff;}
	div.job_list li span.c_1{ width:206px;}
	div.job_list li span.c_2{width:138px;}
	div.job_list li span.c_3{width:70px;}
	div.job_list li span.c_4{ width:200px;}
	div.job_list li span.c_5{ width:120px;}
	div.job_list li span.c_6{width:178px;}
	div.job_list li.two{background:#f4f4f4;}
	div.job_detail{ height:auto; overflow:hidden; background:#eaeaea;}
	div.job_detail li{clear:both; height:32px; overflow:hidden; margin:1px; background:#FFF;}
	div.job_detail li span{ height:32px;float:left; line-height:32px; text-align:left; padding:0px 5px; display:block; background:#FFF
	; }
	div.job_detail li span.title{ width:132px; display:block; background:#f2f2f2; text-align:center;}
	div.btn{ margin-top:10px; margin-left:143px;}
	div.btn a{ background:#ffab0a; width:83px; height:25px; display:block; text-align:center; color:#fff;}
	div.btn a:hover{text-decoration:none;}
	div.resume{ height:auto; overflow:hidden; background:#eaeaea; width:90%; margin:0 auto; margin-bottom:10px; color:#575757;}
	div.resume li{clear:both; margin:0 auto; overflow:hidden; margin:1px; background:#FFF; height:32px; line-height:32px;}
	.position{ width:90%; margin:0 auto; background:#f2f2f2; padding:20px 0px; color:#575757; margin-bottom:20px;}
	.position b{float:left; width:115px; height:32px; text-align:center; display:block; margin-right:5px; font-weight:normal;}
	div.resume li b{float:left; width:115px; height:32px; text-align:center; display:block; border-right:1px solid #eaeaea; margin-right:5px; font-weight:normal;}
	div.resume li input.input_text{border:1px #ABADB3 solid; float:left; height:18px; line-height:18px; width:278px; margin-top:5px;}
	div.resume li.rusumes,div.resume li.rusumes b{ height:85px;}
	div.resume li textarea{border:1px #ABADB3 solid; float:left; height:75px; width:360px; margin:5px 0px;}
	div.resume li.btn{padding:10px 0px 10px 121px;}
	div.resume li.btn input{background:-moz-linear-gradient(top, #fefefe, #f0f0f0); background:-o-linear-gradient(top, #fefefe, #f0f0f0); background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#f0f0f0)); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fefefe,endcolorstr=#f0f0f0,gradientType=0); border:1px #dddddd solid; cursor:pointer; height:28px; line-height:28px; margin:0 20px 0 0; text-align:center; width:98px;}