﻿body{ margin:0 auto; padding:0; background:url(images/body_2.gif) no-repeat top center fixed;}
html { font-size: 12px; color:#333; font-family:Arial, Helvetica, sans-serif;}
body,div,input{ font-size: 12px; font-family:Arial, Helvetica, sans-serif;}
a {color:#333; text-decoration:none; }
a:hover{ color:red; text-decoration:none;}
.clr, .clear{ clear:both;}
p,h2,h1,form { margin:0; padding:0;}
img {border:0; vertical-align:middle;}
#Wrapper { margin:0; padding:0;}

/* TOP */
#headWrapper { width:1004px; padding:0; margin:0 auto;}
#header{width:1004px; padding:0; margin:0 auto; clear:both;}
#header .logo{width:482px; height:111px; float:left;text-align:center;padding:0;}
#header .logo a{width:482px; height:111px;float:left;text-align:left;padding:0;}
#header .ads{ float:right; text-align:right; width:130px; padding:10px; margin:0;}

/*导航*/
.navMenu{width:1004px; background:url(images/nav_bg.gif) repeat-x; height:43px; line-height:43px; margin:0px auto;}
.navMenu a{line-height:43px; margin:0;}

/*导航菜单 */
 /* BODY */
#mainWrapper {width:1004px; padding:0; margin:0 auto; }
#mainContent{ width:1004px; margin:0; padding:5px 0; overflow:hidden;}

#index_content{ width:1004px; margin:0; padding:0;}
.search{ width:740px; text-align:center; margin:0 auto; padding:20px 0;}
.search .searchtext{ width:500px; border:1px solid #CCC; border-right:none; border-radius:3px; height:22px; }

/*----products----*/
#main-products{ width:1004px; margin:0 auto; padding:0; background:url(images/products_bg.gif) repeat-x #fff;}
.products_box{ float:left; width:240px; margin:5px; padding:0;}
.products_box .bar_title{ width:240px; font:bold 15px/18px Arial, Helvetica, sans-serif; color:#0000fb; padding:2px 0 0 0;}
.products_box .bar_title a{ color:#0000fb;}
.products_box .hw_Best2{ float:left; font:100 12px/18px Arial, Helvetica, sans-serif; color:#999; padding:0 8px 0 0;}
.products_box .hw_Best2 a{ padding:0 10px 0 0;}
.products_text{ float:left; width:228px; padding:0;  height:225px; margin:2px 10px;}
.products_text .products_pic{ float:left; width:214px; height:165px; overflow:hidden;margin:0 5px; text-align:center; background:#eeeeee; padding:8px; }
.products_text .products_pic a img {border:0; text-align:center;width:214px; height:165px;}
.products_text .products_name{ float:left; width:214px; text-align:left; padding:0; margin:2px 5px;}
.products_text .products_name a{ font:bold 14px/20px Arial, Helvetica, sans-serif; color:#c62f00;}

/* RIGHT */
#main-right{ width:746px; float:right; color:#333; overflow:hidden; padding:0; margin:0;}

#main-right .cartboxs{ width:678px; padding:10px; background:#fff; margin-top:20px; line-height:20px;}
#main-right .con_mids{ width:698px;  color:#333; line-height:22px; margin-bottom:10px;}
#main-right .con_mid{ width:696px; color:#333; line-height:22px; border:1px solid #ddd; margin-bottom:10px;}
#main-right .con_mid_cart{ width:698px;  color:#333; line-height:22px;margin-bottom:10px; }
#main-right .con_mid_cart .con_mid_cart_l{ width:698px; float:left; overflow:hidden;margin:0 0 50px 0;}
#main-right .con_mid_box{ width:698px;  color:#333; line-height:22px;margin-bottom:10px;}

.company_pic{ float:left;}
.company_pic img{ padding:0 8px 8px 0;}


/* LEFT */
#main-left{ width:245px; padding:0;float:left; overflow:hidden;margin:0; }
*html #main-left{margin:0;}
.sideBar_left {width:245px; padding:0; overflow:hidden; margin-bottom:5px;}
.sideBar_left .ltitle { background:#276399; width:245px; color:#fff; text-align:center; height:32px; font:bold 18px/32px Arial; text-transform:uppercase; }
.sideBar_left .left_mid{width:245px; color:#333;overflow:hidden; font:100 11px/18px Arial;  padding:5px 0; margin:0;}

.sideBar_leftl{width:245px; padding:0; overflow:hidden; margin-bottom:5px; background:#0d5e7c;}
.sideBar_leftl .ltitle { width:245px; padding:10px 0; color:#fff; text-align:center; height:32px; font:100 17px/32px Arial; text-transform:uppercase; }

/*产品目录*/
.classstyle{text-align:left; line-height:26px; text-indent:10px; text-transform:capitalize; margin:0 0 0 20px;  display:block; }
.classstyle a{ color:#f60; text-decoration:none; font-size:13px; font-weight:bold; }
.classstyle a:hover{ background:#fff; text-decoration:none; font-size:13px; color:#F90; display:block;}
/*产品目录*/


.leftPanel{ width:245px; float:left; background:#0D5E7C; }
.leftPanel ul li{ list-style-type:none;font-style:normal; padding:0px;}
.leftPanel ul li a:link, .leftPanel ul li a:visited{ text-decoration:none;  padding:4px 20px 4px 20px; display:block;  color:#fff; border-bottom:1px solid #0e6c8e; background:url(images/menuBullets.jpg) no-repeat 5px 10px ;}
.leftPanel ul li a:hover{  background:url(images/menuBulletsOver.jpg) no-repeat 5px 8px ; color:#000;}
.leftPanel ul li:hover{ background:#FFFFFF; }

.leftPanell{ width:245px; float:left; }
.leftPanell ul li{ list-style-type:none;font-style:normal; padding:0px;}
.leftPanell ul li a:link, .leftPanell ul li a:visited{ text-decoration:none;  padding:4px 20px 4px 10px; display:block;  color:#f60; }


/* --------------   tooltip ------------------------ */
div.jquery-gdakram-tooltip {  width: 200px;  color: white; font-size: 12px; position: absolute; z-index: 10000; top: 0px; left: 0px; display: none;
	padding:0px 0 0 0;}
div.jquery-gdakram-tooltip div.content {  border-radius: 8px;  -webkit-border-radius: 8px; width: 145px;  height:200px; float: left;}
div.item { width:80px; height:50px; background:#fff; border:2px solid #999999 text-align:center; padding-top:25px; }
.tooltip_description{ display:none;} 
div.jquery-gdakram-tooltip div.content  img{ width:140px;}

/* Footer ==== */
.footer{width:1004px; margin:10px auto 0 auto; clear:both; overflow:hidden;}
.footer .copyright{width:1004px; text-align:center; color:#000; font:500 16px/32px arial; padding:10px 0;}
.footer .copyright a{ color:#000;}
.footer .contact{width:1004px; text-align:center; color:#000; font:500 16px/22px arial; padding:5px 0;}
.footer .contact a{color:#f79300; font:500 26px/22px arial; text-transform:uppercase;}
.footer .company{width:1004px; text-align:center; color:#000; font:500 16px/22px arial; padding:5px 0;}
.footer .company b{ font-weight:bold;}
.footer .language{width:1004px; text-align:center; margin:0; padding:10px 0; clear:both; overflow:hidden;}
.footer .language a{ float:left; color:#0900f1; font:500 13px/18px arial; padding:5px 20px;}

/* Views   Price List */
.product_Image_Box{ width:730px; text-align:center; margin:10px auto; }

.view_product_Image{ width:730px; padding-top:10px; text-align:center; }
.abc{width:500px; text-align:center;}
.view_product_Image H1{ font:bold 16px/22px Arial, Helvetica, sans-serif; color:#000;}

.Product_Details{width:730px; margin:10px 10px 10px 0; color:#333; border:1px solid #CCC; clear:both; overflow:hidden;}

	.busScroll{position:relative; float:left; width:730px; height:160px; overflow:hidden;}
	.busScroll .hd{ width:100%; height:1px;  padding:0; position:relative;  }
	.busScroll .hd .prev,.busScroll .hd .next{ position:absolute; display:block;  width:48px; height:99px; overflow:hidden; cursor:pointer; background:url(images/pn.png) no-repeat;  filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease; left:-50px; top:50px; }
	.busScroll .hd .next{ background:url(images/pn.png) no-repeat right; left:auto; right:-50px; top:50px; position:absolute;}
	.busScroll .hd .prev:hover,.busScroll .hd .next:hover { filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8}

	.busScroll .bd{ padding:5px 0 10px 0;   }
	.busScroll .bd ul{ overflow:hidden; zoom:1; }
	.busScroll .bd ul li{ float:left; margin:2px; padding:2px;  _display:inline; overflow:hidden; text-align:center; height:140px;}
	.busScroll .bd ul li .pic{ text-align:center; height:114px; color:#333; font:100 12px/28px arial; border:1px solid #CCC; vertical-align:middle;display:table-cell; }

	.busScroll .bd ul li .pic span{height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;}
	.busScroll .bd ul li .pic img { max-height:110px; max-width:110px; _max-width:160px;}
	.busScroll .bd ul li .title{ width:120px; padding:5px 0; text-align:center; line-height:22px; overflow:hidden;}
	.busScroll .bd ul li .detail a { color:#fff; display:block; height:26px; line-height:26px; }
	.busScroll .bd ul li .title a:hover{ color:#c00;}
	.busScroll .bd ul li .pic a:hover,
	.busScroll .bd ul li .detail a:hover { color:#c00}


/* PAGE */
#showpage {height:30px; font:100 12px/30px Arial; text-align:right; font-size:12px; clear:both; padding:4px 14px; color:#000; margin:10px 0;}
#showpage a{border:1px solid #333; color:#000; padding:1px 5px; font:100 11px/26px Arial; text-decoration:none;}
#showpage a:hover{ color:#000}

/* TITLE */
#bar{padding:0; text-align:left;font:bold 12px/25px Arial; margin:0; text-transform:capitalize; color:#333;  height:30px; border-bottom:1px solid #ccc; margin-bottom:10px;}
#bar span { display:none;}
#bar b{color:#b20808; font:bold 12px/25px Arial, Helvetica, sans-serif; }
#bar b a, #bar a { color:#000;font:bold 12px/25px Arial, Helvetica, sans-serif; }
#bar p{ color:#b20808;}
#bar a:hover{ text-decoration:underline;}
#bar_views{width:698px; background:#2b60a1; height:34px; text-indent:8px; color:#fff; font:bold 13px/34px Arial;}

#probar{ width:100%; background:url(images/bar_bg.gif) repeat-x; height:31px; text-indent:18px; color:#333; font:100 14px/31px Arial;}
#probar span { display:none;}
#probar a{ color:#0000fc; line-height:31px; padding:5px; font-weight:bold;}
#probar a:hover{ color:#f00;}

#navBreadCrumb{width:698px; background:#2b60a1; height:34px; text-align:left; color:#fff; font:bold 13px/34px Arial;}
#navBreadCrumb span { display:none;}
#navBreadCrumb a{ color:#fff; line-height:34px; padding:10px;}
#navBreadCrumb a:hover{ color:#f00;}

/* Cart */
.topcart { margin:0 10px; font:700 11px/20px Tahoma, Geneva, sans-serif; width:228px; color:#333; height:20px; text-align:left; display:block; }
/* 2Products*/
#prohref a{ display:block; font-size:11px; width:188px; overflow:hidden; height:20px; color:#333; text-align:center; line-height:20px; float:left; margin:0 4px 4px 4px; background:#fff; text-transform:capitalize; border:1px solid #ddd; display:block;}
#prohref a:hover{ background:#f0f8fd; border:1px solid #bae4ff;}

/* PIC 小图 */
.hw01{ float:left; width:232px; height:200px; padding:2px; margin:2px 7px; overflow:hidden;list-style-type:none;}
.hw01 .hw1{text-align:center; margin:2px auto; padding:0; width:232px; height:165px; overflow:hidden; vertical-align:middle;display:table-cell;  background:#eeeeee;}
.hw01 .hw1 img{ border:0;max-width:210px; max-height:165px; width:expression(this.width > 210 && this.height < this.width*165/210 ? 210: true);  height: expression(this.height > 165 ? 165: true);margin-top: expression(this.height < 165  ? (165 -this.height)/2: 0); text-align:center}
.hw01 .hw2{ width:210px; height:35px;text-align:left; font:bold 12px/16px Arial; margin:5px auto 0 auto;  color:#000;overflow:hidden;}
.hw01 .hw2 a{ font:bold 14px/16px Arial, Helvetica, sans-serif; color:#c62f00;}

/* PIC 大图 */
.Product_0{ float:left; width:168px; height:250px; padding:1px; margin:2px; overflow:hidden;list-style-type:none;background:#F0F0EF;}
.Product_0 .Preview_Picture{text-align:center; margin:3px auto; padding:0; width:168px; height:140px; overflow:hidden; vertical-align:middle;display:table-cell; background:#fff;}
.Product_0 .Preview_Picture img{ border:0;max-width:150px; max-height:140px; width:expression(this.width > 150 && this.height < this.width*140/150 ? 150: true);  height: expression(this.height > 140 ? 140: true);margin-top: expression(this.height < 140  ? (140 -this.height)/2: 0);text-align:center}
*html .Product_0 .Preview_Picture a img{width:150px;height:140px;text-align:center}
.Product_0 .Product_Name{ width:160px; height:62px;text-align:center; font:bold 12px/16px Arial, Helvetica, sans-serif; margin:5px auto 0 auto;  color:#000;overflow:hidden;}
.Product_0 .Product_Name a{ color:#333; text-transform:capitalize; text-decoration:none;}
.Product_0 .Product_Name a:hover{ color:#f00; text-decoration:underline;}
.Product_0 .Product_ID {width:150px;margin:0 auto;text-align:center;color:#000; font:100 12px/16px Arial, Helvetica, sans-serif;}
.Product_0 .Product_Price{width:150px;margin:0 auto 10px auto;text-align:center; font:100 12px/16px Arial, Helvetica, sans-serif;}
.Product_0 .Product_Price s{ color:#333;}
.Product_0 .Product_Price b{ color:#f00;}
.hw33{ max-width:250px;background:#fff;}


/*---------------------------------- contact us page------------------------------*/
.centerPanel{ width:15%; margin-right:10px; padding-right:10px; }
.formTable{ margin-top:20px;}
.formTable td:first-child{ text-align:right;}
.formTable td{ padding:8px 5px; vertical-align:top;}
.formTable td label{ color:#666666;}
.formTable td input[type="text"]{ border:1px solid #bcbcbc; background:#e7e6e6; padding:10px 15px; -webkit-border-radius: 3px;
border-radius: 3px; -webkit-box-shadow:inset 0px 0px 2px 2px #d7d7d7 , 1px 1px 0px 0px #fff; box-shadow:inset 0px 0px 2px 2px #d7d7d7 , 1px 1px 0px 0px #fff;  width:200px; color:#666666; font:13px Arial, Helvetica, sans-serif;  }
.formTable td input[type="text"]:hover,  .formTable td textarea:hover{ background:#FFFFFF; -webkit-box-shadow:inset 0px 0px 2px 2px #e5e5e5, 1px 1px 2px 2px #e5e5e5; box-shadow:inset 0px 0px 2px 2px #e5e5e5, 1px 1px 2px 2px #e5e5e5;  }
.formTable td input[type="text"]:focus{ border:1px solid #989898; -webkit-box-shadow:inset 0px 0px 2px 2px #d7d7d7; box-shadow:inset 0px 0px 2px 2px #d7d7d7	;  background:#FFFFFF; color:#383838;}
.formTable td textarea{ width:210px;  border:1px solid #bcbcbc; background:#e7e6e6; padding:5px 10px; -webkit-border-radius: 3px;
border-radius: 3px; -webkit-box-shadow:inset 0px 0px 2px 2px #d2d1d1; box-shadow:inset 0px 0px 2px 2px #d2d1d1; height:100px; color:#333;}
.firstBox{ width:360px !important;}
.address{ float:left; padding-right:20px; height:140px; width:35%; margin:20px 0 20px 0;}
.address2{ width: 50%; margin-left:25px; }
.paddingAleft{ padding-left:45px;}
.address p { padding-bottom:12px; color:#333333;}
.address p strong{ font-weight:bold !important; }
h4{ font-size:18px; color:#333333; padding-bottom:10px;}
h5{font-size:16px; color:#545454; padding-bottom:10px;}
.map img{ border:5px solid #fff;}

.button{
border:1px solid #616261; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font:15px arial, helvetica, sans-serif; padding: 10px 20px 10px 20px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #7d7e7d;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #4c4c4c));
 background-image: -webkit-linear-gradient(top, #7d7e7d, #4c4c4c);
 background-image: -moz-linear-gradient(top, #7d7e7d, #4c4c4c);
 background-image: -ms-linear-gradient(top, #7d7e7d, #4c4c4c);
 background-image: -o-linear-gradient(top, #7d7e7d, #4c4c4c);
 background-image: linear-gradient(top, #7d7e7d, #4c4c4c);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#4c4c4c); 
 cursor:pointer;}

.button:hover{
 border:1px solid #4a4b4a; background-color: #646464;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#646464), color-stop(100%, #282828));
 background-image: -webkit-linear-gradient(top, #646464, #282828);
 background-image: -moz-linear-gradient(top, #646464, #282828);
 background-image: -ms-linear-gradient(top, #646464, #282828);
 background-image: -o-linear-gradient(top, #646464, #282828);
 background-image: linear-gradient(top, #646464, #282828);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828);}
.frame{ border:5px solid #CCCCCC;}
