@charset "utf-8";
/* CSS Document */
html{ background: url(img/body_bg.gif); margin: 0; padding: 0;}
body { font-family: Verdana, Geneva, sans-serif; background: url(img/header_bg.gif) repeat-x 0 0;font-size:11px;color:#333;margin:0;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; list-style: none none; font-size:11px;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:11px; font-weight: normal;}
table,td,tr,th{font-size:11px;}
a:link {color: #855831; text-decoration:none;}
a:visited {color: #855831;text-decoration:none;}
a:hover { color: #f00; text-decoration:underline;}
a:active { color: #855831;}
.cRed,.cRed:link,.cRed:visited{ color: #f00;}
.cRed_B{ color: #f00; font-weight:bold;}
.fB {font-weight: bold;}
.clr{ clear: both;}
.pages{ height: 24px; line-height: 24px; padding: 10px 14px 15px; clear:both;}
.pages a,.page a:link,.page a:visited{ padding: 0 5px 1px;margin: 0 2px;}
.pages a:hover{ margin: 0 2px;color: #f00; color: #f00; }
.pages span{ padding: 0 5px 1px; color: #f00; margin: 0 2px; font-weight:bold;}

/* content */
.Header{ width: 970px; margin: 0 auto; background: url(img/line_1.gif) no-repeat 500px 30px;}
.Header .logo{ float:left; padding: 5px 0;}
.Header .search{ float:right; padding: 27px 10px 0;}
.Header .search span{ padding: 5px 50px 0 0; display:block; line-height: 21px; float:left; color: #f90;}
.Header .search .input{ width: 124px; height: 16px; border: 1px solid #000; border-right: none; float:left;}
.Header .search .but{ background:url(img/search_but.gif) no-repeat 0 0; height: 20px; width: 22px; border: none; cursor: pointer; float:left;}
.Header .search img{ margin-left: 50px;}
.Header .menu { clear:both; background: #fff; padding: 0 2px 4px; height: 38px; }
.Header .menu .bg{ height: 38px; background:url(img/menu_bg.jpg) repeat-x 0 0;}
.Header .menu ul{ height: 38px; background:url(img/menu_bg_lr.jpg) no-repeat right -39px;}
.Header .menu li{ float:left; height: 38px; width: 105px; line-height: 38px; background:url(img/menu_bg_line.jpg) no-repeat 0 12px; text-align:center;}
.Header .menu .tag{background:url(img/menu_bg_lr.jpg) no-repeat 0 0; width: 190px; text-align:right; padding-right: 25px;}
.Header .menu a,.Content .menu a:visited{ color: #FDE200; font-size: 12px;}
.Header .menu a:hover{ color: #fff;}

.Content{ width: 966px; padding: 0 2px 5px; background: #fff; margin: 0 auto;}
.ContentLeft{ float:left; width: 205px; background: #434542 url(img/bg_L_bottom.gif) no-repeat 0 bottom; color: #FDE200; padding-bottom: 20px;}
.ContentLeft h2{ background: #292929 url(img/bg_L_top.gif) no-repeat 0 0; height: 32px; line-height: 32px; font-size: 13px; color: #fff; font-weight:bold; padding: 0 12px;}
.ContentLeft .nav{ margin: 2px 0 4px;}
.ContentLeft .nav li{ line-height: 32px; background:url(img/ico_1.gif) no-repeat 13px 13px; padding-left: 27px; font-size: 12px;}
.ContentLeft .nav a,.ContentLeft .nav a:visited{color: #FDE200; }
.ContentLeft .nav a:hover{ color: #fff;}
.ContentLeft h4{ background: #292929; height: 32px; line-height: 32px; padding: 0 13px; color: #fff; font-size: 13px; font-weight:bold;}
.ContentLeft .contact{margin: 2px 0 4px;}
.ContentLeft .contact li{line-height: 32px; padding-left: 13px; font-size: 12px;}
.ContentLeft .contact a,.ContentLeft .contact a:visited{ color: #FDE200; }
.ContentLeft .contact a:hover{ color: #fff;}
.ContentLeft .contact .msn{ float:left; display:block; background:url(img/ico_msn.jpg) no-repeat 0 0; width: 55px; height: 55px; margin: 10px 35px 0 5px;}
.ContentLeft .contact .mailto{ margin-top: 10px;  float:left; display:block; background:url(img/ico_mailto.jpg) no-repeat 0 0; width: 55px; height: 56px;}

.ContentRight{ float:right; width: 753px;}
.ContentRight .line{ background:url(img/bg_1.gif) no-repeat 0 0; padding-top: 5px;}
.ContentRight .text{ border-left: 1px solid #444; border-right: 1px solid #444; padding: 10px;}
.ContentRight .title{ background:url(img/tag_1.jpg) repeat-x 0 -30px; height: 30px; clear:both; }
.ContentRight .title span{ display:block; height: 30px;  background:url(img/tag_1.jpg) no-repeat right -60px;text-align:right; padding-right: 8px; line-height: 26px;}
.ContentRight .title h1,.ContentRight .title strong{ background:url(img/tag_1.jpg) no-repeat 0 0; display:block; height: 30px; line-height: 30px; padding-left: 20px; color: #fff; font-size: 13px; font-weight:bold; float:left;}
.ContentRight .title a{ color: #fff;}
.ContentRight .L{ float:left; width: 400px;  padding-bottom: 7px;}
.ContentRight .L h2,.ContentRight .R h2{ height: 37px; line-height: 37px; background:url(img/bg_1.jpg) no-repeat right 0;  text-align:right; padding-right: 10px;}
.ContentRight .L h2 strong,.ContentRight .R h2 strong{ display:block; float:left; height: 37px;  background:url(img/bg_1.jpg) no-repeat 0 0; padding-left: 30px; font-size: 13px; color: #000;}
.ContentRight .L p{ background: #dfdfdf; border: 1px solid #8d8d8d; border-top: none; margin: 0; padding: 5px 10px 7px; line-height: 18px;}
.ContentRight .R{ float:right; width: 345px;}
.ContentRight .R ul{ background: #dfdfdf; float:left; border: 1px solid #8d8d8d; border-top: none; width: 343px; height: 156px;}
.ContentRight .R li{ height: 25px; line-height: 25px; background:url(img/ico_2.gif) no-repeat 13px 11px; padding-left: 25px;}
.ContentRight .productlist{ clear:both; background:url(img/bg_1.gif) no-repeat -753px bottom; padding-bottom: 5px; margin-top: 5px; line-height: 21px;}
.ContentRight .productlist .top{ line-height: 21px; padding: 10px;}
.ContentRight .productlist .text{ padding: 0 0 0 2px; float:left; width: 749px;}
.ContentRight .productlist li{ float:left; width: 187px; text-align:center; padding: 7px 0;}
.ContentRight .productlist li img { display:block;  margin: 0 auto; width: 170px; height: 115px;}
.ContentRight .productlist li a,.ContentRight .productlist li a:visited{ display:block;  width: 170px; height: 115px; border: 1px solid #ccc; margin: 0 auto;}
.ContentRight .productlist li a:hover{ border: 1px solid #333;}
.ContentRight .productlist li em{ font-style:normal; display:block; margin-top: 5px; }
.ContentRight .productlist li em a,.ContentRight .productlist li em a:visited{ width: 170px; height: 23px; line-height: 23px; border: 1px solid #ccc;font-size: 12px;}
.ContentRight .productlist h6{ padding: 15px; height: 30px; font-weight:bold; color: #f00;}
.ContentRight .about{ clear:both; background:url(img/bg_1.gif) no-repeat -753px bottom; padding-bottom: 5px; margin-top: 5px; line-height: 21px;}
.ContentRight .about h1{ font-size: 17px; font-weight:bold; color: #333; padding: 5px 0;}
.ContentRight .about p{ margin: 0; padding: 10px 0;}
.ContentRight .SiteMaplist{ line-height: 25px; padding: 0 15px;}
.ContentRight .SiteMaplist h2{ background:url(img/ico_4.gif) no-repeat 0 10px; padding-left: 12px; font-weight:bold; }
.ContentRight .SiteMaplist h3{ padding-left: 12px;}
.ContentRight .SiteMaplist h4{ padding-left: 12px;}
.ContentRight .message{}
.ContentRight .message input{ width: 200px;}
.ContentRight .message td{ line-height: 32px; padding-right: 7px;}
.ContentRight .message textarea{ width: 400px; height: 110px;}
.ContentRight .message .forme_text{ border: 1px dashed #666; padding: 7px 5px 5px; line-height: 17px;}
.ContentRight .message .but{ width: 60px; height: 23px; line-height: 23px; font-weight:bold; color: #fff; background: #333; cursor: pointer; border: none;}
.ContentRight .productContent{ clear:both; background:url(img/bg_1.gif) no-repeat -753px bottom; padding-bottom: 5px; margin-top: 5px; line-height: 21px;}
.ContentRight .productContent h2{color: #ccc; padding: 5px 15px; font-size: 12px;}
.ContentRight .productContent h2 strong{ font-size: 17px; font-weight:bold; color: #f00;}
.ContentRight .productContent .pic{ padding: 5px 15px;}
.ContentRight .productContent .pic img{ border: 1px solid #666; padding: 2px;}
.ContentRight .productContent .textContent{ line-height: 19px; font-size: 12px; padding: 15px;}
.ContentRight .productContent .next{ height: 40px; text-align:right; line-height: 30px; padding: 5px 10px;}
.ContentRight .productContent .next span{ float:left;}
.ContentRight .productContent .down { height: 30px; clear:both; line-height: 30px;}
.ContentRight .productContent .down a{ text-decoration:underline; font-size: 13px; color: #ccc; font-weight:bold;}
.ContentRight .productContent .down a:hover{ color: #f00;}
.ContentRight .newslist{ clear:both; background:url(img/bg_1.gif) no-repeat -753px bottom; padding-bottom: 5px; margin-top: 5px; line-height: 21px;}
.ContentRight .newslist li{ background:url(img/ico_4.gif) no-repeat 0 13px; height: 30px; line-height: 30px;text-align:right; border-bottom:1px dashed #333; padding-left: 12px;}
.ContentRight .newslist li a{float:left;}
.ContentRight .newscontent{ clear:both; background:url(img/bg_1.gif) no-repeat -753px bottom; padding-bottom: 5px; margin-top: 5px; line-height: 21px;}
.ContentRight .newscontent h1{ font-size: 17px; font-weight:bold; color: #f60; padding: 10px 15px;}
.ContentRight .newscontent .newstext{ line-height: 21px; font-size: 12px; padding: 5px 15px 20px;}
.ContentRight .newscontent .next{ height: 40px; text-align:right; line-height: 30px; padding: 0 15px;}
.ContentRight .newscontent .next span{ float:left;}
.ContentRight .producthome{ clear:both; background:url(img/bg_1.gif) no-repeat -753px bottom; padding-bottom: 5px; margin-top: 5px; line-height: 21px;}
.ContentRight .producthome .text{ padding-top: 1px;}
.ContentRight .producthome h2{ font-size: 12px; font-weight:bold; height: 25px; line-height: 25px; background: #FFCB97; text-indent: 8px; margin-top: 10px; width: 729px;}
.ContentRight .producthome ul{ border-right: 1px solid #FFCB97; float:left;}
.ContentRight .producthome li{float:left; width: 181px; height:23px; border-bottom: 1px solid #FFCB97; border-left: 1px solid #FFCB97; background: #FFF7EE; text-indent: 8px;}
.ContentRight .contact{}
.ContentRight .contact table{ border-collapse:collapse; width: 100%;}
.ContentRight .contact td{ border: 1px solid #ccc; line-height: 25px; padding: 0 7px;}

.Foot{ width: 970px;  margin: 0 auto; background: #fff url(img/foot_bg.jpg) repeat-x 0 0; height: 104px;}
.Foot .links{ height: 104px; background:url(img/foot_r.jpg) no-repeat right 0; text-align:center; color: #fff; font-size: 10px;}
.Foot span{ height: 90px; display:block; padding-top: 14px; line-height: 25px; background:url(img/foot_l.jpg) no-repeat 0 0;}
.Foot address{ font-style:normal; margin: 0; padding: 0;}
.Foot a,.Foot a:visited{ color: #fff;}
.Foot a:hover{ color: #FDE200;}