/*---------- import ---------*/
@import url("layout.css");
@import url("page.css");

/*---------- base ---------*/
*{
	padding:0px;
	margin:0px auto;
}
html{
	background:#FFF;
}
body{
	font:12px Verdana,Arial,Tahoma;color:#3c3c3c;
	background:url(http://www.ninbi.com/images/body_bg.png) no-repeat center top;
}

img{
	border:none;
}

a{
	color:#3366CC;
	text-decoration:none;
}
a:hover{
	color:#F33;
	text-decoration:underline;
}
ul{
	list-style:none;
}
input,select,button{
	font:12px Verdana,Arial,Tahoma;
	vertical-align:middle;
}
/*---------- stock ---------*/
.center{
	margin:0px auto;
}
.w960{
	width:960px;
	position:relative;
}
.mt1{/* ( margin-top * 1 ) */
	margin-top:8px;
}
.mt2{/* ( margin-top * 2 ) */
	margin-top:16px;
}
.clear{
	overflow:hidden;
}
.fs-12{
	font-size:12px;
}
.fc-f60{
	color:#F60;
}
.fc-f90{
	color:#F90;
}
.ipt-txt{
	line-height:15px;
	padding:4px 5px;
	border-width:1px;
	border-style:solid;
	border-color:#666 #BBB #BBB #666;
	font-size:12px;
	margin-right:2px;
}
.btn-1{
	width:56px;
	height:23px;
	border:none;
	background:url(../images/btn-bg1.gif) no-repeat;
	line-height:25px;
	letter-spacing:1px;
	overflow:hidden;
	color:#2F592E;
}
.btn-2{
	width:70px;
	height:25px;
	border:none;
	background:url(../images/btn-bg2.gif) left top no-repeat;
	line-height:25px;
	overflow:hidden;
	color:#444;
	margin-right:2px;
}
/*---------- frame ---------*/
/*---------- frame : header ---------*/
.header{
	width:100%;
	padding-top:16px;
	overflow:hidden;
}
.header a{
	color:#777;
}
.header a:hover{
	color:#390;
	text-decoration:none;
}
.header .top{
	clear:both;
	overflow:hidden;
}
.header .title{
	float:left;
	padding-left:16px;
}
.header .title h1 a{
	width:200px;
	height:56px;
	display:block;
	font-size:0px;
	text-indent:-200px;
	overflow:hidden;
	background:url(../images/top-logo.gif) center center no-repeat;
}
.header .banner{
	width:480px;
	height:56px;
	float:left;
	margin-left:40px;
	overflow:hidden;
}
.header .banner img{
	width:480px;
	height:56px;
	display:block;
}
.header .rlink{
	width:172px;
	height:52px;
	float:left;
	margin-left:32px;
	overflow:hidden;
	padding-top:4px;
}
.header .rlink ul li{
	width:78px;
	height:21px;
	background:url(../images/toprlink-bg.gif) left top no-repeat;
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	overflow:hidden;
}
.header .rlink ul li a{
	display:block;
	color:#777;
	line-height:21px;
	text-indent:22px;
	background-image:url(../images/toprlink-bg.gif);
	background-repeat:no-repeat;
}
.header .rlink ul li a:hover{
	color:#000;
}
.header .rlink ul li.r1 a{
	background-position:0px -21px;
}
.header .rlink ul li.r2 a{
	background-position:0px -42px;
}
.header .rlink ul li.r3 a{
	background-position:0px -63px;
}
.header .rlink ul li.r4 a{
	background-position:0px -84px;
}
.header .welcome{
	float:right;
	margin-top:20px;
	padding-right:10px;
	color:#999;
}
.header .welcome a{
	margin:0px 3px;	
}
.header .nav{
	width:100%;
	height:32px;
	background:url(../images/nav-bg.gif) repeat-x;
	clear:both;
	overflow:hidden;
}
.header .nav ul{
	height:32px;
	margin:0px auto;
	overflow:hidden;
}
.header .nav ul li{
	float:left;
	line-height:31px;
	background:url(../images/nav-bg.gif) 0px -32px no-repeat;
	margin-left:-2px;
}
.header .nav ul li a{
	height:32px;
	padding:0px 16px 0px 17px;
	display:block;
	color:#FFF;
	float:left;
}
.header .nav ul li a:hover{
	color:#FF3;	
}
.header .search{
	height:40px;
	background:url(../images/search-bg.png) repeat-x;
	clear:both;
}
.header .search .form{
	padding-left:8px;
	padding-top:5px;
	float:left;
}
.header .search .form h4{
	display:none;
}
.header .search .form input.search-keyword{
	width:156px;
	height:18px;
	border:none;
	background:url(../images/search-bg.gif) left top no-repeat;
	line-height:15px;
	font-size:12px;
	padding:5px 3px 0px 58px;
	overflow:hidden;
}
.header .search .form select.search-option{
	margin-left:2px;
}
.header .search .form button.search-submit{
	width:68px;
	height:22px;
	border:none;
	background:#F00 url(../images/search-bg.gif) right top no-repeat;
	font-size:0px;
	line-height:100px;
	margin-left:2px;
	*margin-left:5px;
	overflow:hidden;
}
.header .tags{
	float:left;
	margin-left:16px;
	padding-top:8px;
}
.header .tags h4{
	width:66px;
	height:19px;
	float:left;
	font-size:0px;
	line-height:100px;
	overflow:hidden;
	background:url(../images/search-tags-title.gif) no-repeat;
}
.header .tags ul{
	height:21px;
	float:left;
	overflow:hidden;
}
.header .tags ul li{
	float:left;
	line-height:19px;
	padding:0px 5px;
}

/*---------- frame : channel-nav ---------*/
.channel-nav{
	height:31px;
	border-bottom:1px solid #e8e8e8;
}
.channel-nav ul{
	height:22px;
	padding-left:10px;
	padding-top:3px;
	overflow:hidden;
	float:left;
}
.channel-nav ul li{
	height:22px;
	float:left;
	overflow:hidden;
	margin-right:10px;
}
.channel-nav ul li a{
	height:22px;
	display:block;
	padding-right:10px;
	float:left;
	background:url(../images/channel-nav-bg.gif) right 0px no-repeat;
	overflow:hidden;
}
.channel-nav ul li a span{
	display:block;
	float:left;
	height:22px;
	padding-left:10px;
	background:url(../images/channel-nav-bg.gif) left 0px no-repeat;
	cursor:pointer;
	overflow:hidden;
	line-height:23px;
	color:#666666;
}
.channel-nav ul li a:hover{
	text-decoration:none;
	background:url(../images/channel-nav-bg.gif) right -22px no-repeat;
}
.channel-nav ul li a:hover span{
	color:#78A63C;
	text-decoration:none;
	background:url(../images/channel-nav-bg.gif) left -22px no-repeat;
}
.channel-nav ul li.thisclass{
}
.channel-nav ul li.thisclass a,.channel-nav ul li.thisclass a:hover{
	background:url(../images/channel-nav-bg.gif) right -44px no-repeat;
	cursor:default;
}
.channel-nav ul li.thisclass a span,.channel-nav ul li.thisclass a:hover span{
	background:url(../images/channel-nav-bg.gif) left -44px no-repeat;
	color:#FFF;
	cursor:default;
}
.channel-nav .back{
	display:block;
	height:22px;
	line-height:21px;
	padding-top:6px;
	padding-right:10px;
	padding-left:20px;
	letter-spacing:2px;
	float:right;
	background:url(../images/ico-home.gif) 4px 10px no-repeat;
} 
.channel-nav .back a{
	color:#94B56A;
}
.channel-nav .back a:hover{
	text-decoration:none;
	color:#777;
}

/*---------- frame : footer ---------*/
.footer{
	color:#999;
	text-align:center;
	padding-bottom:10px;
	border-top:1px solid #e8e8e8;
}
.footer .link{
	text-align:center;
}
.footer .link a{
	margin:0px 5px;
	color:#666666;
}
.footer .powered{
	font-size:10px;
	line-height:25px;
}
.footer .powered strong{
	color:#690;
}
.footer .powered strong span{
	color:#F93;
}
.footer .copyright{
	color:#666666;
	line-height:23px;

}

.lanse{color:#0274b2;}
.red{color:#ff0000;}
.huangse12{color:#ff7800;font-size:12px;}
.huangse12 a{color:#416901;text-decoration:none;font-size:12px;}
.huangse12 a:hover {color:#015989;text-decoration:underline;}
.lanse a{color:#0274b2;text-decoration:underline;}
.lanse a:hover{color:#002278;text-decoration:underline;}
.lansew a{color:#0274b2;text-decoration:none;}
.lansew a:hover{color:#015989;text-decoration:underline;}
.huise{color:#989898;text-decoration:none;}
.huise a{color:#989898;text-decoration:none;}
.huise a:hover{color:#4f4f4f;text-decoration:none;}
.border{font-size:12px;border:1px #999999 solid;}

/*头部*/
.fl{float:left;}.fr{float:right;}
.cen{text-align:center}.cl{clear:both}
.lanse{color:#0274b2;}.red{color:#ff0000;}
body{background:url(http://www.ninbi.com/images/body_bg.jpg) no-repeat center top;}
.logo{width:980px;height:62px; padding:10px 0; margin:0 auto ;}
.navi{width:960px;height:37px;padding-left:3px;background:url(http://www.ninbi.com/images/daoh.jpg) no-repeat;}
.navi li{width:132px;height:37px;float:left;}
.navi .ab a{background:url(http://www.ninbi.com/images/about.jpg) no-repeat;text-indent:-9999px;width:132px;height:37px; display:block;}
.navi .ab a:hover{background:url(http://www.ninbi.com/images/about.gif) no-repeat;}
.navi .ho a{background:url(http://www.ninbi.com/images/home.jpg) no-repeat;text-indent:-9999px;width:132px;height:37px; display:block;}
.navi .ho a:hover{background:url(http://www.ninbi.com/images/home.gif) no-repeat;}
.navi .ser a{background:url(http://www.ninbi.com/images/ser.jpg) no-repeat;text-indent:-9999px;width:132px;height:37px; display:block;}
.navi .ser a:hover{background:url(http://www.ninbi.com/images/ser.gif) no-repeat;}
.navi .dis a{background:url(http://www.ninbi.com/mages/dis.jpg) no-repeat;text-indent:-9999px;width:132px;height:37px; display:block;}
.navi .dis a:hover{background:url(http://www.ninbi.com/images/dis.gif) no-repeat;}
.navi .pro a{background:url(http://www.ninbi.com/images/pro.jpg) no-repeat;text-indent:-9999px;width:132px;height:37px; display:block;}
.navi .pro a:hover{background:url(http://www.ninbi.com/images/pro.gif) no-repeat;}
.navi .web a{background:url(http://www.ninbi.com/images/web.jpg) no-repeat;text-indent:-9999px;width:132px;height:37px; display:block;}
.navi .web a:hover{background:url(http://www.ninbi.com/images/web.gif) no-repeat;}
.navi_li{width:137px;background:url(http://www.ninbi.com/images/search.jpg) no-repeat;padding:7px 0 0 30px;}

/*轮播*/
.photo{width:960px;padding:8px 0 8px 3px;text-align:left;}


/*首页 二级公用*/
.main{width:966px;padding:0 0 3px 8px;text-align:left;background-color:#fff;}
.left{width:710px;padding-left:1px;}
.top_665{height:8px;background:url(http://www.ninbi.com/images/top_665.gif) no-repeat;font-size:0px;}
.alfx{background-color:#eaeaea; padding:6px 0 6px 13px;}
.alfx li{width:226px;height:211px;background-color:#fff;text-align:center;border:1px #f0f0f0 solid;float:left;}
.alfx li img{padding:5px;}
.alfx li a{width:226px;height:211px;background-color:#fff;float:left;display:block;}
.alfx li a:hover{background:#6cccf6;text-decoration:none;}
.bottom_665{height:8px;background:url(http://www.ninbi.com/images/bottom_665.gif) no-repeat;margin-bottom:8px!important;margin-bottom:0px;}

.right{width:240px;}
.top_280{height:8px;background:url(http://www.ninbi.com/images/top_280.gif) no-repeat;font-size:0px;}
.r_280{background-color:#eaeaea;padding:6px 14px;text-align:left;}
.r_280 h4{padding-bottom:18px;}
.r_280 img{float:left;padding-right:5px;}
.r_280 li{width:200px;height:42px;padding:5px; background:#fff; border-bottom:1px #eaeaea solid;}
.r_280 li a{width:200px;height:42px;background:#fff;display:block;}
.r_280 li a:hover{background:#e3f5c7 url(http://www.ninbi.com/images/22222.gif);border:1px #dbffa3 solid; text-decoration:none;}
.bottom_280{height:8px;background:url(http://www.ninbi.com/images/bottom_280.gif) no-repeat;margin-bottom:8px!important;margin-bottom:0px;}

.about{background:#fff url(../images/about_bg.gif) no-repeat right 30px;padding:10px;}
.about h1{height:44px;font-family:幼圆;padding-left:10px;line-height:44px;font-size:14px;background:url(http://www.ninbi.com/images/erji_t_bg.gif) no-repeat}
.about h3{padding:10px 0;font-family:幼圆;color:#e97208;text-align:center;}
.about p{text-indent:2em; padding-left:3px;}
.about h4{text-align:center;border:1px #666 solid;}

/*底部*/
.bottom{width:968px;padding:8px 0 0px 10px;text-align:left;background-color:#fff;}
.bottom_t{width:958px;background-color:#eaeaea;float:left;}
.bottom_b{width:953px;padding-top:10px;text-align:center;float:left;}
.bottom_t ul{width:22%;float:left;padding-left:2%;}
.bottom_t ul.youxian{border-right:1px #cfcdcd solid;}
.bottom_t li.font18{font:bold 14px Verdana;}
.top_957{height:17px;background:url(http://www.ninbi.com/images/t_957.gif) no-repeat}
.bottom_957{width:959px;height:17px;background:url(http://www.ninbi.com/images/b_957.gif) no-repeat}