@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;}
body{font:12px/1.5 Tahoma,Arial,"微软雅黑",Helvetica,sans-serif;color: #545454;line-height:1.8em; background-color:#f7f7f7;}
div{margin:0 auto;}
:focus{outline:0;}
img{border:0;}
ul,li{list-style:none;}
div,ul,li,dl,dt,dd,table,td,input{font-size:12px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:14px;}
a{color:#545454;text-decoration:none; font-family:"微软雅黑";}
a:hover,.redFont{color:#b2191b;}
a:active{star:expression(this.onFocus=this.blur());}
.clear{width:100%;height:0;clear:both;}
.clearfix{width:auto;height:auto;clear:both;overflow:hidden;}
.clearfix2{width:auto;height:auto;clear:both;overflow:hidden;white-space: nowrap;}
em,i,s{ font-style:normal; text-decoration:none;}
.fr{ float:right;}.fl{ float:left;}

/*================ topBox ==================*/
.footer,.menu,.banenrbox,.headerBox,.topBox{min-width:1200px; width:expression(document.body.clientWidth<=1200?"1200px":"auto");}
.width1200{ width:1200px !important; margin:0 auto; padding:0;}
.ico_1,.ico_2,.ico_3,.searchBtn,.tanBox a i { background:url(../images/head-2014.png) no-repeat left top;}

.topBox{ border-bottom:1px solid #ddd; height:35px; line-height:35px;-moz-box-shadow: 1px 1px 1px #f7f7f7;-webkit-box-shadow: 1px 1px 1px #f7f7f7;box-shadow: 1px 1px 1px #f7f7f7; background-color:#FFF; width:100%;_width:100%; *width:100%;-webkit-width:100%;-moz-width:100%;}
.topBox a:hover{ text-decoration:underline;}
.topLeft{ float:left; color:#ddd;}
.topRight{ float:right;}
.text{ display:inline-block; margin:0 5px; color:#666;}
.topLeft .ico_1{background-position: -52px 10px; padding-left:15px;}
.topLeft .txt1{ font-family:Georgia, "Times New Roman", Times, serif;}
.topRight .ico_2{background-position: -42px -375px;padding-left: 20px;}
.topRight .ico_3{background-position: -40px -328px;padding-left: 23px;}
.topLeft .ico_5 {
    background:url(../images/wp_3.gif) no-repeat left center;
    padding-left: 15px;
}

.headerBox{ height:112px; background-color:#FFF;}
.logo{ float:left; height:84px; margin-top:20px;}
.searchBox{ float:left; margin:50px 0 0 220px; border:1px solid #d2d2d2; height:32px; position:relative; z-index:2; width:395px;}
.searchBox input{ border:0;}
.searchBox .txt2{ position:absolute; z-index:20; top:0; left:10px; height:32px; background:url(../images/ico_1.png) no-repeat 27px 10px; line-height:32px;padding-right: 14px; width:38px;}
.searchTxt{ width:290px; padding:5px 0; *padding-top:5px; _padding-top:5px; line-height:22px; position:absolute; z-index:20; top:0; _top:3px; *top:3px; left:60px;}
.searchBtn{background-position:10px 5px;padding-left: 23px; background-color:#b2191b; height:32px; width:40px; position:absolute; z-index:20; top:0; right:0px;}
.shopInd{ float:right; margin-top:30px; position:relative; z-index:3; height:68px; width:205px;}
.shopInd a.mine{ border:1px solid #d2d2d2; width:115px; height:32px; display:inline-block; text-align:center; line-height:32px; position:absolute; z-index:30; bottom:10px; left:0; background-color:#f9f9f9;}
.ico_4{background: url(../images/ico_1.png) no-repeat 4px -29px;padding-right: 12px;}
.weiTop{ border:1px solid #d2d2d2; padding:2px; width:60px; height:60px; overflow:hidden; display:inline-block; position:absolute; z-index:30; right:0; bottom:0;}

/*============= menu ==============*/
.menu{ background-color:#888888; height:40px; color:#FFF; line-height:40px; overflow:visible;}
.menu a{ color:#FFF;}
.menu a:hover{ color:#b2191b; text-decoration:underline;}
.nav_all{ float:left; width:210px; background-color:#333; text-align:center;}
.nav_all a{ padding-right:20px; background:url(../images/ico_1.png) no-repeat 104px -52px; display:inline-block; font-size:16px;}
.nav{ float:left; width:990px; overflow:hidden; font-family:"微软雅黑";}
.nav li{ float:left; width:123px; text-align:center; font-size:16px;}

/*================= footer ===================*/
.footer{width: 100%;border-top: 1px solid #ddd;background: #fff;-moz-box-shadow: -1px -2px 1px #f7f7f7;-webkit-box-shadow: -1px -2px 1px #f7f7f7;box-shadow: -1px -2px 1px #f7f7f7; margin-top:40px; font-family:"微软雅黑";}

.g-special{ border: 1px solid #ddd;margin: 15px 0;height: 50px;padding: 10px 0;}
.g-special li em{ background:url(../images/ico_2.jpg) no-repeat;width: 50px;height: 50px;position: absolute;left: 68px;top: 0;}
.g-special li {float: left;width:14%;position: relative; padding-left:11%; _padding-left:10%; *padding-left:10%;height: 50px;}
.g-special li em.icon1 {background-position: -11px -13px;}
.g-special li em.icon2 {background-position: -11px -89px;}
.g-special li em.icon3 {background-position: -12px -169px;}
.g-special li em.icon4 {background-position: -12px -249px}
.g-special li span {display: block;font-size: 18px;color: #333;_padding-top: 7px; line-height:50px;}

.footerNav dl{float: left;width: 120px;padding: 30px 59px 25px;}
.footerNav dt{font-size: 20px;color: #333;padding-bottom: 20px;}
.footerNav dd{font-size: 14px;line-height: 23px;}
.footerNav dd a{color: #999;}
.footerNav dd a:hover{color: #b2191b;text-decoration:underline;}

.copyright{ margin-top:20px; border-top:1px solid #ddd; padding:10px 0; text-align:center; color:#999999;}
.g-links{ font-size:16px; color:#000; height:40px; line-height:40px;}
.g-links a{ margin:0 10px; color:#000;}
.g-links a:hover{ text-decoration:underline; color:#b2191b;}



/*==========右侧购物车========*/
.tanBox{ width:37px; position:fixed; z-index:9999999; height:157px; top:45%; right:0; background-color:#b2191b; }
.tanBox a{ color:#FFF; display:block;}
.tanBox a i {display: block;width: 21px;height: 21px;background-position: 0 -54px;position: absolute;top: 30px;left: 8px;}
.tanBox a em {display: inline-block;min-width: 12px;height: 14px;padding: 0 1px;border-radius: 12px;text-align: center;line-height: 13px;background: #fff;overflow: hidden;
position: absolute;left: 11px;top: 16px;color: #f60;font-size: 10px;border: 2px solid #f40;}
.tanBox a span {display: block;width: 11px;position: absolute;top: 55px;left: 13px;font-size: 14px;}
.curr-arrow{ width:37px; height:29px; position:absolute; bottom:0;}

/*========== public css =========*/
.contentBox{ background-color:#FFF; border:1px solid #ddd; width:1198px; margin:0 auto;} 

.wzNav{ font-size:16px; height:30px; line-height:30px; margin:10px auto;}
.wzNav i{ width:5px; background-color:#b1191a; display:inline-block; height:20px; float:left; margin-top:5px;}
.wzNav a{ margin:0 5px;}




.normal_btn {
    border: 1px solid #bf1534;
    width: 180px;
    height: 40px;
    text-align: center;
    color: #bf1534;
    cursor: pointer;
}

#dialogLogon {
    top: 0%;
    left: 0%;
    width: 400px;
    height: 400px;
    position: absolute;
    display: none;
    z-index: 99999;
}

.Shadow {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 99998;
    -moz-opacity: 0.3;
    opacity: .30;
    filter: alpha(opacity=30);
}
.pop .login_bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	background:#000;
	z-index:99999998;
}
.pop {
	width:360px;
	height:350px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-175px 0 0 -180px;
	background:#fff;
	border-radius:5px;
	box-shadow:0 0 5px #ddd;
	-moz-box-shadow:0 0 5px #ddd;
	-webkit-box-shadow:0 0 5px #ddd;
	-ms-box-shadow:0 0 5px #ddd;
	-o-box-shadow:0 0 5px #ddd;
	z-index:99999999;
	border:1px solid #ddd;
}
.pop h1 {
	width:300px;
	padding:0 30px;
	font-size:24px;
	font-weight:500;
	line-height:60px;
	border-bottom:1px solid #ddd;
}
.pop table {
	width:300px;
	margin:0 auto;
}
.pop table .input_td{
	height:36px;
}
.pop table .input_td input {
	width:300px;
	height:32px;
	border:1px solid#ddd;
}
.pop input {
	vertical-align:middle;
}
.pop .btn a{
	display:block;
	background:#bf1534;
	width:120px;
	height:36px;
	font-size:16px;
	color:#fff;
	line-height:36px;
	text-align:center;
	border-radius:5px;
}
.pop td {
	color:#666;
}
td span {
	color:#888;
}
.pop .close {
	position:absolute;
	top:20px;
	right:20px;
	font-family:Arial;
	font-size:16px;
}
.pop a.close:hover{
	animation:rotateTxt 1s ;
	-webkit-animation:rotateTxt 1s ;
	-ms-animation:rotateTxt 1s ;
	-moz-animation:rotateTxt 1s ;
	-o-animation:rotateTxt 1s ;
	
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	-ms-animation-iteration-count:1;
	-o-animation-iteration-count:1;
}