/* CSS Document 2009.6.9 */
.paddingtop8{ padding-top:8px;}
.margintop8{ margin-top:8px}
.martop15{ padding-top:15px}
.clr{ clear:both}

h1 a,
h1 a:link,h1 a:visited,h1 a:active{ color:#785096; font-size:14px; font-weight:600;}

.topico{ display:block;height:19px;margin-bottom:1px; overflow:hidden}
.topico img{ padding:0px; margin:0px; }

#headertop #banner_r{ float:right}



#navmain_n{ height:36px; text-align:center; line-height:36px;}
#navmain_n a{ margin:0 4px;}
#navmain_n span a{ margin:0 0px;}

#navcls_brand{ height:45px; background:url(../images/brand_n/brand_bg1.gif) repeat;}
#navcls_brand .tit{ width:178px; float:left; text-align:center}
#navcls_brand .navclas{ height:35px; width:782px; overflow:hidden; margin-bottom:10px; float:left;background:url(../images/brand_n/brand_bg2.gif) repeat;}
.navclas .navclasbtn li{ float:left; width:150px; border-right:1px #927c67 solid; height:35px; line-height:35px; text-align:center; overflow:hidden}
.navclasbtn li a{width:150px;height:35px; display:block; font-size:14px; font-weight:600; color:#dfceb0; text-decoration:none}
.navclasbtn li a:link,.navclasbtn li a:visited,.navclasbtn li a:active,
{background:url(../images/brand_n/brand_bg2.gif) repeat; color:#dfceb0;}
.navclasbtn li a:hover{ background:#6D5847; color:#efefef}

.menutxtlink{ float:right; line-height:35px; padding-right:55px;}
.menutxtlink a,.menutxtlink a:visited,.menutxtlink a:active{ color:#ddd; text-decoration:none}
.menutxtlink a:hover{ text-decoration:underline}

.brand_l{ float:left; width:735px; overflow:hidden}
.brand_r{float:right; width:225px; overflow:hidden}

.topinfo{ background:url(../images/brand_n/brand_bg3.gif) repeat #d7d4cd; height:305px;}
.topinfo .topinfoimg{ float:left; width:350px; text-align:center }
.topinfo .topinfoimg .infoimg{ width:320px; height:220px; overflow:hidden}
.topinfo .topinfoimg .infoimg img{}
.topinfo .infohead{
	background:url(../images/brand_n/infohead.gif) no-repeat 30px center;
	line-height:50px;
	height:50px;
}
.topinfo .topinfocon{ float:left;padding-left:15px; padding-right:30px;width:340px;}
.topinfocon h1 a{ font-size:14px; font-weight:bold; text-align:center; display:block; margin-bottom:15px; color:#785096}
.topinfocon p{ padding-bottom:10px;}
.topinfocon p .r{ float:right}
.topinfocon p span{ color:#333}
.moreinfo span a{ font-size:14px; text-decoration:underline}
.lbg{ background:url(../images/brand_n/brand_bg3.gif) repeat #d7d4cd; height: auto}

.brand_l .clshead{ background:url(../images/brand_n/brand_l_h.gif) no-repeat; height:36px; line-height:36px;}
.clshead .tit{ padding-left:15px; padding-top:2px; display:block}
.clshead .r{ float:right; margin-right:15px; text-align:center;}
.clshead .r a{ font-family:Arial, Helvetica, sans-serif;}
.clsbox{ background:url(../images/brand_n/brand_l_l.gif) no-repeat; padding-left:15px; }
.b_ul{ width:720px; padding-top:10px;}
.b_ul li{ float:left; width:33%; text-align:center; margin:5px 0; height:170px; display:block; overflow:hidden}
.b_ul li img{ width:180px; height:100px;}
.b_ul li a{ padding:15px 0; width:210px; height:115px;display:block;border:1px #fff solid; margin:0 auto}
.b_ul li span{ display:block}
.b_ul li a:hover{ border:1px #ddd solid;  }

.brand_r{ background:url(../images/brand_n/brand_bg1.gif) repeat; }
.brand_r .clshead { padding-left:0;padding-top:0px; height:36px; line-height:36px;}
.brand_r .clshead .tit{ padding-left:0;padding-top:0px; height:36px; line-height:36px;}
.brand_r .topinfo2{  margin-top:0;background:url(../images/brand_n/brand_bg3.gif) repeat #d7d4cd; }
.listinfo{ padding:15px; background:none}
.listinfo li{ padding-bottom:5px;}
.listinfo h3 a{ font-weight:600}
.listinfo p a{ color:#666}
.brand_r .txt{ padding:0px; margin:0px}

.brand_r .moreinfo { text-align:right; padding:0 15px; padding-bottom:15px}
.brand_r .moreinfo a{ color:#630}
.brand_r img{ padding:0; margin:0}
.brand_r .banner_a3{ text-align:center; height:306px; }
.brand_r .banner_a3 img{ width:225px; }
.brand_r .banner_a4{ padding-bottom:10px}


/*info content*/
.toplogobox{ float:left; width:290px;}
.toplogobox .logoimg{ width:190px; height:110px; margin-left:40px; text-align:center; vertical-align:middle; line-height:206px; background:#fff}
.toplogobox .logoimg img{ width:180px; height:100px;border:5px #fff solid;}
.logoname{ padding-top:30px;height:32px; padding-left:40px; padding-right:20px}
.logoname h1{ font-size:22px; font-family:"ºÚÌå"; color:#333; font-weight:300}
.toplogocon{ float:left;padding-top:10px; padding-right:20px;width:410px;}
.weburltxt{ padding-top:10px;padding-bottom:10px; margin-left:40px; width:190px;text-align:left; line-height:22px;}
.weburltxt a{ color:#666}
.contit{
	font-size:14px;
	font-weight:600;
	color:#4e443b
}
.infotype{ line-height:22px}
.toplogocon p{ padding:10px 15px; padding-left:0}
.toplogocon .r{ text-align:right; padding:0 15px;}
.toplogocon .r a {color:#666}
.moreinfo .h1{ padding-left:15px;}
.moreinfo .h1 a{ font-weight:600; color:#785096}
.clshead .txttit{ font-size:16px; padding-left:25px; color:#CCC; line-height:36px;}
.clshead .txttit a{ color:#999}
.clshead .txttit strong{font-size:16px; color:#fff; padding-right:5px;}
.clspro_l{ float:left; width:390px; padding:0 10px 0 25px; padding-top:35px;}
.clsproinfo{ width:470px;}
.clspro_l h1{ font-size:16px; padding-bottom:20px; padding-top:5px;}
.clspro_l h1 a{ font-size:16px; font-family:"ºÚÌå"; font-weight:300; text-align:left}
.proimg{ width:354px; height:254px; overflow:hidden}
.proimg img{ width:350px;height:250px; border:1px #ddd solid; padding:1px;}
.clstit{  height:22px;padding-bottom:4px; border-bottom:1px #d8d8d8 solid}
.clsinfolist{ padding-top:15px;}
.clsinfolist h2 a{ font-size:14px; font-weight:600 }
.clsinfolist p{ padding-bottom:10px; padding-top:2px;}
.oldpro{ clear:both; padding:20px 0}
.listbox{ padding:0px 30px}

a.brandh1{ color:#906eaa}

.clshead .searchbox { padding-left:10px; padding-top:6px;}
.clshead .searchbox input{ padding:0px; margin:0;float:left }
.clshead .searchbox .searchput{ height:20px; line-height:20px; border:1px solid #CCC; padding-left:4px;}
.clshead .searchbox .searchbtn{ background:url(../images/brand_n/searchbtn.gif) no-repeat; height:22px; width:47px; border:none;}

/*info content,photo/video*/
.brand_photobox{ background:#6e6256 url(/brand_n/brand_bg1.gif) repeat; height:205px; }
.brand_photobox .photobox{ width:900px; margin:0 auto; height:155px; background:#fff; padding:0 10px;}
.info_lefticon{ float:left; padding-top:45px;}
.info_righticon{ float:right; padding-top:45px;}
.piclist{ float:left; padding-top:25px; margin:0 20px!important;margin:0 10px}
.piclist li{ float:left; margin:0 18px; text-align:center;}
.piclist div{ position: relative}
.piclist div span{
	position:absolute;
	left: 101px;
	top: 66px;
	display:block;
	width:17px;
	height:17px;
	background:url(../images/brand_n/vioc.gif) no-repeat top;
}
.piclist div a:hover span{	background:url(../images/brand_n/vioc.gif) no-repeat 0 -17px;} 
.piclist li p{ width:125px; line-height:16px; overflow: hidden; padding-top:2px;}

#relatinfo{ padding:20px; padding-bottom:0}
#relatinfo .review span{ color:#999}
#relatinfo .review{ padding:20px 0px;padding-bottom:0}
#relatinfo .review strong{ color:#333}
#relatinfo .review dt{ display:block; width:90%;line-height:200%; border-bottom:1px #ccc dotted; padding:5px 0; }
#relatinfo .review ul li{ line-height:200%; border-bottom:1px #ccc dotted; padding:5px 0;}
#relatinfo .review .reinput{
	margin-top:20px;
	width:580px;
	height:80px;
	border:1px #ccc solid;
	background: url(../images/bglogo.gif) center no-repeat #fff;
}
#relatinfo .review .rebnt {background:url(../images/news/info_rebnt.gif) no-repeat; width:95px; height:25px; border:none;margin-top:10px;}
.endconio{
	line-height:15px;
	margin:0px;
	width:28px;
	height:15px;
}

/*info list*/
.classlistbox{ padding:10px 20px; padding-top:30px;}
.classlistbox .clstit{ border-bottom:1px #b9b7b1 solid}
.classlist{ padding:30px 30px 0 15px; overflow:hidden}

.classlist dt{ float:left; width:150px; height:90px; background:#fff;  border:0px #fff solid; padding:4px; background:#fff;  text-align:center; overflow:hidden}
.classlist img{ width:150px;height:90px; padding:0px 0}
.classlist dd{ float:left; padding-left:15px;	 width:470px; height:110px;
	padding-bottom:20px;
	margin-bottom:20px;}
.classlist h1{ line-height:20px;}
.classlist h1 a{
	font-size: 14px;
	font-weight: bold;
	color:#785096;

}
.classlist span span{ color:#999}
.classlist p{

	line-height:24px;
	color: #666;

}

.classlist p a{color:#B87363;}
 #pagination-ne li a, #pagination-ne li 
 { font-family:Arial, Helvetica, sans-serif; color:#51443b}

.classpiclist{ padding:30px 0px 0 15px; overflow:hidden}
.classpiclist li{ float:left;width:340px; display:block; padding-bottom:55px;}
.classpiclist h1 a{	line-height:20px;	font-size: 14px;	font-weight: bold; color:#785096}
.classpiclist dt{ width:290px; height:193px;  background:#fff;overflow:hidden;}
.classpiclist dt img{ width:290px; height:193px;}

.b_all{ width:920px}
.b_all li{ width:25%; }

.detailinfo{ background:url(../images/brand_n/brand_bg3.gif) repeat #d7d4cd; height:305px;}
.contentbody{ padding:30px; padding-bottom:40px; font-size:14px; line-height:25px;}
.contentbody p{ font-size:14px}

#pagination-ne.brandpage a{ font-size:12px; padding:0; display: inline}
#pagination-ne.brandpage a{ float:none; padding:2px 5px}

/*searchbar */
.s_tit{ padding-left:10px;}
.s_t{ padding-left:20px;}



/*new brand footer*/
#footer{  margin-top:12px;background:url(../images/brand_n/footbg.gif) repeat-x; text-align:center; height:130px; color:#ccc; font-family:Arial, Helvetica, sans-serif;color:#ccc}
#footer .contact_ne365_b{ display:none}
#footer .footlink{ padding-top:30px;color:#ccc}
#footer a{ color:#ccc}
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active{ color:#ccc}

#footer .copyright_b{color:#ccc}
