/* CSS Document */
body,div,img,input,ul,li,a,p,label,span{padding:0px; margin:0;}
body{  padding-bottom:10px;font-family:Arial,"新細明體",Helvetica,sans-serif; font-size:13px; background: url(bg.jpg) no-repeat center top #f6f6f6; color:#333;}
img{ border:0px;}
ul{ list-style:none;}
a{ text-decoration:none; color:#333;}

.clear{ clear:both;}
.hr_bian{ height:5px; width:100%; background-color:#f3f3f3; overflow:hidden; border-bottom:1px solid #e5e5e5;}
 
.hr_mainA,.hr_mainB{ width:925px;    background-color:#FFF; margin:0 auto; color:#7f7f7f; font-size:13px;}
.hr_mainB{ width:891px; overflow:hidden;} 
 
.hr_top{ height:55px; width:925px;}
.hr_top_con{ width:468px; height:22px; padding:6px 0 0 20px; float:right; background:url(hr_top_login.gif) no-repeat; margin-top:-6px; _position:relative;}
 
.guwu{margin-right:50px; color:#646464; display:block; float:right;+margin:-15px 25px 0 0;}
.guwu a{color:#646464;}
.color_h{color:#d26451;}
.hr_deng a{color:#000;}
.color_h a{ color:#d26451;}
.hr_logo{ float:left; margin-top:8px;}
.hr_banner{ width:880px; height:221px; margin:2px auto;}

.hr_nav{ height:39px;}
.hr_nav ul{overflow:hidden; height:39px; width:735px; background:url(menubg.jpg) repeat-x;}
.hr_nav ul li{ float:left;}
.hr_nav ul li a{ display:block; text-align:center; line-height:40px; padding:0 22px; font-weight:bold; color:#b5d1ed;}
.hr_nav ul li a:hover,.curr{ color:#fff; background-color:#ffcc00;}
/*left*/
.hr_left{ background:url(hr_left_bg.jpg) repeat-y; width:220px; float:left; } 
.hr_items{ width:205px; padding:20px 0 0 15px;}
.hr_items_tit{ padding-left:10px;}
.hr_items_tit a{ color:#cc0000; font-size:17px;}
.hr_items_con{ width:180px; border-top:1px dashed #dfdfdf; margin:15px 0 15px 10px;}
.hr_customer{ width:160px; height:40px; margin:0 auto;}
.hr_ad{ text-align:center; margin:5px auto 10px;}
.hr_featured{ border-top:1px dashed #dfdfdf; width:200px; margin:20px auto; padding-top:15px;}
.hr_featured_con{border:1px solid #eaeaea; padding:8px 0;}
.hr_left_bottom{ width:220px; height:6px; margin-top:20px;}

.hr_right{ position:absolute; overflow:hidden; right:10px; top:5px; width:174px; background:url(search.png) no-repeat; height:24px;}
.searchbox { width:150px; height:21px; float:left;}
.hr_txt, #search_txt{ width:140px; height:18px;  margin:2px 0 0 5px;color:#e7e7e7; border:none; background:none transparent;}
#search_btn{ text-align:center; width:18px; height:18px; float:left;  cursor:pointer; line-height:23px; background:url(btn.png) 1px 5px no-repeat; cursor:pointer;}

.hr_news_new{ width:650px; padding-top:20px; overflow:hidden;}
.hr_news_special{ float:left; width:400px;}
.hr_new{ float:right; width:210px}
.hr_n{ padding-top:10px;}
.hr_tit{ line-height:23px; _display:block; _margin-bottom:3px;}
.hr_tit a{ color:#3c3c3c; font-size:13px; font-weight:normal;}
.hr_news_con{ width:400px;border-top:1px solid #eaeaea; padding:10px 0;}
 
.hr_special_con{ background-color:#fbfbfb; border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;}
.hr_new_con{border:1px solid #eaeaea; padding:10px 0;}

.hr_hot{ width:650px; margin-top:10px;}
.hr_hot_con{border-top:1px solid #eaeaea; padding-top:5px; width:650px;}

/*foot*/
.hr_foot{ width:891px; margin:35px auto 0; font-size:13px;border-top:1px solid #eaeaea; overflow:hidden; padding-top:10px;}
.hr_ftc{ width:875px;overflow:hidden; padding:5px 8px 0;}
.hr_page { overflow: hidden; float:right; height:27px; padding:0 5px 0 10px; }
.hr_page ul{ line-height:21px;}
.hr_page ul li{ float:left; margin-left:15px; height:27px;}
.hr_page ul li a{ color:#949494; font-size:12px; line-height:27px; display:block;}
.hr_page ul li a:hover{ color:#d1d1d1; text-decoration:underline;}
.hr_shop{ width:970px; text-align:right; color:#a6a6a6; line-height:21px; float:left; font-size:10px;}

.she{ float:left; font-size:13px; width:120px; }
.share{ width:48px;height:18px;color:#787878; padding-top:3px; +padding-top:5px; +height:16px; height:16px\0;padding-top:5px\0; text-align:center;float:left;border:1px solid #cfcfcf;background-color:#fff;}
.shareIcon{ float:left; margin-top:4px;} 
.shareIcon ul{ float:left;}
.shareIcon ul li{ float:left; margin-left:5px;}

/*info*/
.hr_info_tit{ width:650px; height:18px; margin:25px 0 5px;  color:#3c3c3c; font-size:13px; font-weight:normal; border-bottom:2px solid #df0b0a;}
.hr_info_content{  width:640px; padding:5px; font-size:13px; line-height:18px; overflow:hidden;}

/*user*/
.hr_user_main{ width:871px; padding:10px; font-size:13px;}

.hr_news_con ul li{ background:url(hr_d.jpg) no-repeat 5px 8px; padding:2px 0 2px 15px;}
.hr_news_con ul li a{ color:#898989;}
.hr_news_con ul li a:hover{ color:#fe7525;}
.hr_new_con .item_block_x .item_img{ _padding-bottom:10px; _margin-left:2px;}
.hr_featured_con .item_block_x .item_img{ _padding-bottom:10px; _margin-left:2px;}
.hr_special_con .mymy_item .item_block_y{ margin-left:0; padding:6px 2px;}
.hr_hot_con .mymy_item .item_block_y{ margin-left:0; padding:6px 0px;}
.hr_info_content .mymy_item .item_block_y{ margin-left:0; padding:6px 0px;}
.hr_info_content .item_block_y .item_img{ margin:5px 2px;}
.mymy_news a:hover span{ color:#545454; text-decoration:underline;}



.header { overflow:hidden;}
.top { width:970px; margin:0 auto; position:relative; height:135px;}
.logo { float:left; height:70px; max-width:250px; overflow:hidden; margin-top:10px; margin-left:13px;}
.shopCar { float:right; _margin-top:8px; position:absolute; right:40px; top:20px; overflow:hidden; width:80px;}
.shopCar a { color:#4f3818; display:block; cursor:pointer; margin-right:10px; }
.login {position:absolute; right:25px; bottom:60px; overflow:hidden; color:#333;}
.login a{color:#333;}
.main{ width:970px; margin:0 auto; margin-bottom:10px; overflow:hidden; }
.menu {width:970px;margin:0 auto;overflow:hidden;position:absolute;bottom:0;left:1px;height:56px;background:url(menubg.png) no-repeat;}
.menu ul{ overflow:hidden; height:38px; }
.menu ul li{ float:left; background:url(menuline.jpg) right no-repeat;}
.menu ul li a{display:block; text-align:center; line-height:38px; padding:0 22px; font-weight:bold; font-size:13px; color:#e7e7e7; }
.menu ul li a:hover,.menu ul li a.curr{ color:#ffd75c; background:url(menu01.jpg) repeat-x ; }
.home, .home a { width:118px; display:block; height:38px; background:none; float:left;}
.nav { position:absolute; width:245px; background:url(menubg1.jpg) no-repeat; height:50px; right:10px; bottom:2px;}
.nav ul {}
.nav ul li { float:right;}
.nav ul li a { display:block; color:#989898; padding:0 14px; line-height:30px;}
.nav ul li a:hover { color:#ffcc00;}
.menu.style1 { border:none;}
.left { width:200px; overflow:hidden; float:left; margin-right:13px;}
.right{overflow: hidden;width:757px; float:left;}
.sideNav {}
.newsTitle { width:200px; margin:10px auto 0; font-size:15px;}
.newsTitle a { font-weight:bold;}
.news { padding:5px 10px 10px;}
.news li {}
.news li a { line-height:21px; background:url(news.gif) no-repeat 0 5px; padding-left:15px; }
.review { overflow:hidden;line-height:21px; float:left; width:347px; position:relative;}
.reviewTitle {line-height:92px; width:92px; height:92px; background:url(new.gif) no-repeat; position:absolute;}
.reviewTitle a { display:block; cursor:pointer; }
.reviewMain { width:327px; height:180px; background:url(newFoot.jpg) no-repeat  bottom #fff; margin-left:5px; margin-top:5px; padding:15px 0 0 15px;}
.productShow { overflow:hidden;line-height:21px; float:left; width:757px;}
.productShowTitle01 { height:28px; background:url(title.jpg) no-repeat; }
.productShowTitle02 {width:662px; line-height:39px; height:39px; color:#fff; font-weight:bold; font-size:15px; background:url(bg04.jpg) no-repeat; margin-bottom:10px;}
.productShowTitle03 { line-height:39px; height:39px; color:#fff; font-weight:bold; font-size:15px; background:url(bg04.jpg) no-repeat; margin-top:35px; margin-bottom:10px;}
.product{ float:left; padding-right:11px; line-height:39px; height:39px; min-width:160px; width:auto !important; width:160px; background:url(title03.jpg) no-repeat right;}
.product a{ display:block; line-height:39px; color:#fff; font-weight:bold; font-size:15px; padding-left:30px; padding-right:20px; background:url(title02.jpg) repeat-x;}
.productShowTitle01 a { line-height:28px; padding-left:35px; display:block; font-weight:bold; float:left;}
.productShowTitle02 a { line-height:39px; display:block; color:#fff; font-weight:bold; font-size:15px; padding-left:30px; }
.productShowMain { padding:10px 15px; background-color:#fff; margin-top:10px; border:1px solid #dddddd;}
.banner { width:970px; height:298px;}
.shadow { width:970px; height:15px; background:url(shadow.png) no-repeat;}
.pic { width:725px; height:50px; background:url(banner01.png) no-repeat; position:absolute; right:0; top:222px;}
.footer { width:970px; margin:0 auto; overflow:hidden; padding-bottom:15px;}
.footerNav { overflow:hidden; height:27px; background:url(foot.jpg) no-repeat;}
.us_content { padding:15px; margin-bottom:15px; background-color:#fff; border:1px solid #ddd;}
.sideNav_title { height:28px; background:url(products.jpg) no-repeat;}
.sideNav_top {}
.sideNav_main {}
.sideNav_main a{ color:#333; font-size:13px; line-height:21px; padding:0; margin:0;}
.sideNav_foot { height:7px;}
.contact_us {width:286px; margin-left:15px; float:left; padding-top:5px;}
.contact { width:286px; height:28px; background:url(contact.jpg) no-repeat; }
.contact a { color:#5f8cd4; display: block; line-height:28px; font-size:0px; cursor:pointer;}
.contact_main { color:#4b5970; padding:10px 5px 10px 5px; line-height:21px;}

.newsNav {overflow:hidden; width:298px; float:left; position:relative; margin-left:15px; padding-top:5px;}
.newsNav_top a { color:#b7b7b7; font-size:0px; display:block; line-height:28px;}
.newsNav_top { width:298px; height:28px; background:url(news.jpg) no-repeat;}
.newsNav_main {}
.newsNav_main a{ background:url(dian.jpg) no-repeat 10px 12px; color:#333; font-size:13px; line-height:30px; display:inline-block; padding-left:25px; margin:0;}
.newsNav_foot { height:7px; }
.hotNav_top { height:32px;}
.hotNav_top a {color:#fff; font-size:15px; font-weight:bold; line-height:32px; padding-left:10px;}
.hot_main { padding:8px;}
.ad { width:200px; height:91px; margin:15px auto 15px auto;}
.banner1 { width:200px; height:259px; margin-bottom:10px;}
.more { position:absolute; right:10px; top:12px; font-weight:normal; font-size:12px;}
.more a { color:#fff;}
.axexx { width:61px; height:28px; float:left; margin-right:9px; display:inline; padding-top:5px;}