@charset "utf-8";
/* 全局CSS定义 */
body { font-family: Arial; background: #514D4E; font-size:12px; color:#222; margin: 0;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:12px;	font-weight: normal;}
table,td,tr,th{ font-size:12px;}

/* 链接颜色 */
a:link {color: #222; text-decoration:none;}
a:visited {color: #222;text-decoration:none;}
a:hover { color: #c00; text-decoration: underline;}
a:active { color: #222;}

/* 字体属性 */
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.clr_10{ clear: both; height: 10px; line-height: 0; font-size: 0;}
.cRed{ color: #f00;}

.pages{ height: 28px; line-height: 28px; padding: 10px 0 20px; clear:both; font-family:Verdana, Geneva, sans-serif;}
.pages a,.pages a:visited,.pages strong{ color:#fff; display:block; float:left; margin: 0 2px; height: 21px; line-height: 21px; text-align:center; width: 21px; background: #333;}
.pages a:hover,.pages strong{ background: #E22733; color: #fff; font-weight:normal;}

.Header{ width: 990px; margin: 0 auto; background: #fff;}
.Header .logo{ float:left; padding: 10px 53px 5px;}
.Header .search{ float:right;text-align:right; padding: 25px 17px 0;}
.Header .search .cn{ background:url(img/ico_cn.gif) no-repeat 0 0; padding: 0 20px 0 24px;}
.Header .search .en{ background:url(img/ico_en.gif) no-repeat 0 0; padding-left: 24px;}
.Header .search span{ display:block; height: 23px; width: 199px; background:url(img/search.jpg) no-repeat 0 0; margin-top: 30px;}
.Header .search span .input{ width: 126px; height: 23px; line-height: 22px; border: none; background: none; padding-left: 20px; float:left;}
.Header .search .but{ width: 51px; height: 22px; border: none; background: none; cursor: pointer;}

.Header .nav{ height: 30px; clear:both; font-weight:bold; color: #fff; line-height: 40px; padding-left: 190px; background: #988284;}
.Header .nav ul{ height: 30px; background: #893D3D; width: 800px;}

.Header .nav li{ float:left; height: 30px; line-height: 30px;  width: 133px; font-size: 14px; text-align:center;}
.Header .nav a{ color: #fff;}
.Header .nav a:hover{ color: #ccc;}

.Banner{ background: #fff; width: 990px; margin: 0 auto; padding: 1px 0;}

.Banner #flash{ width: 990px; height:320px; padding-bottom: 7px; overflow:hidden; margin: 0 auto;}
.Banner #flash img{width: 990px; height: 320px;}
.Banner #flash .num{ right: 0; float: right; position: absolute; bottom: 20px; right: 10px;}
.Banner #flash .num li{font-size: 0; background: url(img/ico_flash.png) no-repeat 0 -10px; float: left; margin: 0 0 0 6px; width: 9px; height: 9px; cursor: pointer; line-height: 0; font-size: 0; line-height: 0;}
.Banner #flash .num li.on{ background: url(img/ico_flash.png) no-repeat 0 0; font-size: 0;width: 9px; height: 9px; line-height: 0; font-size: 0; line-height: 0;}


.Home{ width: 990px; margin: 0 auto; background: #fff; padding: 15px 0;}
.Home h3{ height: 25px; clear:both; font-size: 14px; font-weight:bold; color: #c00;}
.Home .about{ float:left; width: 270px; padding: 0 15px;}
.Home .about p { margin: 0; padding: 0; line-height: 21px;}
.Home .about p img{ float:left; margin: 5px 9px 0 0;}

.Home .products{ float:left; width: 380px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 15px;}
.Home .products li{ float:left; width: 190px; height: 80px; overflow:hidden; padding-top: 7px;}
.Home .products li img{ float:left; border: 1px solid #ccc; width: 90px; height: 65px; margin-right: 8px;}
.Home .products li p{ float:left; margin: 0; padding: 5px 0 0 7px; width: 92px;}
.Home .products li p strong{ display:block; height: 25px;}
.Home .products li p a{ background:url(img/ico_1.gif) no-repeat 0 4px; padding-left: 12px;}

.Home .fenlei{ padding-left: 15px; width: 263px; float:left;}
.Home .fenlei h4{ clear:both; height: 25px; padding-top: 15px; font-size: 14px; font-weight:bold; color: #c00;}
.Home .fenlei .list li{ float:left; width: 115px; height: 23px; font-size: 11px; overflow:hidden; line-height: 23px; background:url(img/ico_2.gif) no-repeat 0 7px; padding-left: 10px; }
.Home .fenlei p{ margin: 0; padding: 0; line-height: 23px;}




.Content{ width: 990px; margin: 0 auto; background: #fff url(img/content_bg.gif) repeat-y 0 0; clear:both;}
.ContentLeft{ float:left; width: 190px; padding: 25px 0 20px 0; border-top: 1px solid #fff;}
.ContentLeft .menu{ padding-left: 28px;}
.ContentLeft .menu li{ height: 33px; line-height: 33px; font-size: 14px; font-weight:bold; background:url(img/ico_3.gif) no-repeat 3px 11px; padding-left: 17px;}
.ContentLeft .menu li a,.ContentLeft .menu li a:visited{ color: #000;}
.ContentLeft .menu li a:hover{ color: #E60010; }
/*----
.ContentLeft .productmenu { padding-left: 20px;}
.ContentLeft .productmenu h3{ padding-left: 12px; background:url(img/ico_3.gif) no-repeat 0 11px;}
.ContentLeft .productmenu li{ height: 23px; line-height: 23px; padding-left: 12px; background:url(img/ico_4.gif) no-repeat 3px 9px;}
----*/
.ContentLeft .productmenu{ padding-left: 20px;}
.ContentLeft .productmenu h3{ height: 33px; line-height: 33px; font-size: 12px; font-weight:bold; background:url(img/ico_3.gif) no-repeat 0 11px; padding-left: 12px; overflow:hidden;}
.ContentLeft #menu { width: 170px;}
.ContentLeft #menu li{ position: relative; height: 33px; width: 170px; z-index: 2;}
.ContentLeft #menu li h3 a:hover{}
.ContentLeft #menu li ul{ position: absolute; width: 190px; top: 0; background: #FFF3E3;border-top: none; z-index:999; visibility: hidden;border: 1px solid #FFCF8D; border-top: none; }
.ContentLeft #menu li ul li{ width: 190px; height: 24px; overflow:hidden; }
.ContentLeft #menu li ul li a,.ContentLeft #menu ul li a:visited{ display: block; height: 23px; line-height: 23px; padding-left: 12px; border-top: 1px solid #FFCF8D;}
.ContentLeft #menu li ul li a:hover{ background: #FFCF8D;}



.ContentRight{ float:right; width: 800px; border-top: 1px solid #fff;}
.ContentRight .BannerProduct{}

.ContentRight .links{ height: 45px; line-height: 35px; padding: 0 17px;}
.ContentRight .title{ font-size: 14px; height: 23px; line-height: 23px; font-weight:bold; color: #c00; padding: 0 16px;}
.ContentRight .about{ padding: 0 16px 20px; line-height: 23px;}
.ContentRight .productslist{ padding: 20px 0 0 20px}
.ContentRight .productslist li{ float:left; width: 170px; height: 170px;  margin-right: 26px; text-align:center;}
.ContentRight .productslist li img{ display:block; width: 170px; height: 123px; margin-bottom: 7px; border:1px solid #ccc;}
.ContentRight .productslist .r{ float:left; margin-right: 0;}

.ContentRight .productview{ padding: 20px 0 0 20px}
.ContentRight .productview .text{ line-height: 23px;}
.ContentRight .productview .next{ height: 50px; padding: 20px 20px 0 0;}
.ContentRight .productview .next .l{ float:left;}
.ContentRight .productview .next .r{ float:right;}


.ContentRight .order{ line-height: 23px; }
.ContentRight .order p{ background:url(img/line_1.gif) repeat-x 0 bottom; padding-bottom: 10px;}
.ContentRight .order td{ line-height: 32px; padding-left: 7px;}
.ContentRight .order input{ border: 1px solid #D4D4D4; height: 19px; line-height: 19px;}
.ContentRight .order textarea{ height: 120px; width: 500px; border: 1px solid #D4D4D4;}
.ContentRight .order .but{ background: #000; color: #B4B4B4; height: 22px; line-height:22px; width: 58px; border: none; cursor: pointer;}



.ContentRight .producthome{ padding: 0 10px 20px 20px;}
.ContentRight .producthome .pic{ float:left; width: 200px; padding-top: 20px; height: 154px;}
.ContentRight .producthome .pic img{ border: 1px solid #ccc; padding: 1px;}
.ContentRight .producthome .fenlei{ float:left; width: 570px; padding-top: 20px;}
.ContentRight .producthome .fenlei h3{ font-size: 14px; font-weight:bold; height: 30px; padding-left: 10px;}
.ContentRight .producthome .fenlei li{ float:left; width: 132px; overflow:hidden; padding-left: 10px; background:url(img/ico_5.gif) no-repeat 0 10px; height: 23px; line-height: 23px;}
.ContentRight .producthome .clr{ background:url(img/line_1.gif) repeat-x 0 0; height: 1px;}














.ContentRight .news{ padding: 20px 16px;}
.ContentRight .news h2 { padding-top: 3px;}
.ContentRight .news h2 a{ font-size: 14px; font-weight:bold;}
.ContentRight .news .text{ line-height: 19px; padding: 6px 0 12px; border-bottom: 1px dashed #C6C6C6; margin-bottom: 10px;}

.ContentRight .NewsContent{ padding: 0 16px 30px;}
.ContentRight .NewsContent h1{ font-size: 14px; font-weight:bold; height: 40px; line-height: 23px; color: #c00;}
.ContentRight .NewsContent .text{ line-height: 21px; padding: 0 0 10px;}
.ContentRight .NewsContent .text p{ }
.ContentRight .NewsContent .next{ height: 20px; line-height: 20px; text-align:right;}
.ContentRight .NewsContent .next span{ float:left;}






.Foot{ width: 960px;  margin: 0 auto; padding: 15px 15px 12px; background: #000; line-height: 23px; padding-left: 15px; color: #B4B4B4; font-size: 11px;} 
.Foot a{ color: #B4B4B4;}