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

/*头部开始 */

.fr{ float:right;}
.fl{ float:left;}
.header{}
.home-page .header{ padding-bottom: 15px;} 
.header .logo-wrapper{ float: left;}
.header .header-right{ float: right; margin-top: 4px;}
.header .header-right:after{ content: ''; display: block; clear: both; line-height: 0; height: 0; visibility: hidden;}

.top{ background:#f5f5f5; height:25px; line-height:25px; border-bottom:1px solid #ebebeb; font-size: 12px;font-family:"微软雅黑"; }
.top_fl{ width: 350px;height:25px; line-height:25px;font-size: 12px;}
.top_fl a{padding-left: 5px; color: #333;}
.top .red{color: #f06d54; font-weight: 800;}
.top_fr ul li{}
#site-nav{margin:0 auto;width:850px;font-family:"微软雅黑"; }
#site-nav-bg{z-index:9999;background:#f7f7f7;left:0px;width:100%;border-bottom:#d2d2d2 1px solid;position:absolute;top:0px;height:25px}
#site-nav{z-index:10000;margin:2px auto;color:#747474;line-height:19px;position:relative;height:22px}
#site-nav a{color:#747474;}
#site-nav a:hover{color:#f50}
#site-nav .quick-menu{right:0px;position:absolute;top:0px;font-family:"微软雅黑"; }
#site-nav .quick-menu li{padding-right:15px;background-position:right 6px;padding-left:5px;float:left;padding-bottom:0px;margin-left:-1px;padding-top:2px}
#site-nav .quick-menu li.last{background:none transparent scroll repeat 0% 0%}
#site-nav .quick-menu li.menu-item{padding-right:0px;padding-left:0px;padding-bottom:0px;padding-top:0px;position:relative}
#site-nav .menu-hd{padding-right:22px;display:block;padding-left:10px;z-index:10002;padding-bottom:0px;margin:1px 1px 0px;cursor:pointer;padding-top:0px;position:relative;height:20px;}
#site-nav .mytaobao .menu-hd{padding-top:1px;_padding-top:1px; height: 24px;font-family:"微软雅黑"; }
#site-nav .search .menu-hd{width:24px;padding-top:1px;_padding-top:1px;height: 24px;font-family:"微软雅黑"; }
#site-nav .menu-hd b{
	border-right:#eee 4px solid;border-top:#666 4px solid;font-size:0px;right:10px;border-left:#eee 4px solid;width:0px;line-height:0;border-bottom:#eee 4px solid;position:absolute;top:8px;height:0px;
		-webkit-transition:-webkit-transform .2s ease-in;
		-moz-transition:-moz-transform .2s ease-in;
		-o-transition:-o-transform .2s ease-in;
		transition:transform .2s ease-in
}
#site-nav .search .menu-hd{padding-left:5px;color:#747474}
#site-nav .search .menu-hd s{background-position:-67px -20px;left:9px;width:14px;position:absolute;top:4px;height:13px}
#site-nav .menu-bd{border-right:#ebebeb 1px solid;border-top:#ebebeb 1px solid;display:none;z-index:10001;right:0px;background:#fff;border-left:#ebebeb 1px solid;border-bottom:#ebebeb 1px solid;position:absolute;top:21px}
#site-nav .search .menu-bd{_right:-1px}
#site-nav .menu-bd-panel{padding-right:10px;padding-left:10px;padding-bottom:6px;padding-top:10px;font-family:"微软雅黑"; }
#site-nav .search dt,#site-nav .search dd{float: left;margin-right: 10px;}
#site-nav .search span{font-size: 16px;}
#site-nav .search dd{font-size: 12px;}
#site-nav .menu{position:relative}
#site-nav .menu:hover .menu-hd{border-right:#ebebeb 1px solid;border-top:#ebebeb 1px solid;background:white;margin:0px;border-left:#ebebeb 1px solid;border-bottom:#fff 1px solid;}
#site-nav .hover .menu-hd{border-right:#ebebeb 1px solid;border-top:#ebebeb 1px solid;background:white;margin:0px;border-left:#ebebeb 1px solid;border-bottom:#fff 1px solid;}
#site-nav .menu:hover .menu-bd{display:block}
#site-nav .hover .menu-bd{display:block}
#site-nav .menu:hover .menu-hd b{
	border-left-color:#fff;filter:progid:dximagetransform.microsoft.basicimage(rotation=2);border-bottom-color:#fff;border-top-color:#666;top:8px;border-right-color:#fff;
	
	-moz-transform:rotate(180deg);
	-moz-transform-origin:50% 30%;
	
	-webkit-transform:rotate(180deg);
	-webkit-transform-origin:50% 30%;
	
	-o-transform:rotate(180deg);
	-o-transform-origin:50% 30%;
	
	transform:rotate(180deg);
	transform-origin:50% 30%;
}
#site-nav .hover .menu-hd b{
	border-left-color:#fff;filter:progid:dximagetransform.microsoft.basicimage(rotation=2);border-bottom-color:#fff;border-top-color:#666;top:5px;border-right-color:#fff;
	
	-moz-transform:rotate(180deg);
	-moz-transform-origin:50% 30%;
	
	-webkit-transform:rotate(180deg);
	-webkit-transform-origin:50% 30%;
	
	-o-transform:rotate(180deg);
	-o-transform-origin:50% 30%;
	
	transform:rotate(180deg);
	transform-origin:50% 30%
}
#site-nav .mytaobao .menu-bd{width:94px;line-height:20px;top:22px;height:100px}
#site-nav .mytaobao .menu-bd-panel{padding-right:5px;padding-left:5px;padding-bottom:8px;padding-top:8px; text-align: center;}
#site-nav .mytaobao .menu-bd-panel a{ display: block;}
#site-nav .search .menu-bd{width:230px;top:22px;height:100px}
/*logo*/
.top_1{height: 114px;font-family:"微软雅黑"; }
.logo{width: 650px;}
.top_1 .search{background: #e73828;margin: 30px 50px 0px 0px; height: 38px; width: 500px;}
.top_1 .search_wrap{background: #fff;margin: 3px; height: 32px;float: left; width: 410px;padding-left: 10px;}
.top_1 .input_wrap{background: #fff;border: 1px solid #fff;height: 32px;line-height: 32px;width: 92%;outline:medium;}
.search_wrap .search_photo{width:32px; height:32px;float:left; margin-top:3px;}
.but{ background:#e73828;display: block; border: 1px solid #e73828; color: #fff; font-size: 16px;height: 32px;line-height: 32px;cursor: pointer;width: 74px;text-align: center; padding:0;}
.top_1 i{color: #999; font-weight: 800;}
/*导航菜单开始 */
/*整体居中，宽度1200*/
.of_whole{width:1200px;margin:0 auto;font-family:"微软雅黑"; }
/*导航和站点栏*/
#of_mainBody{height:358px;background:#665837;width: 210px; float: left;}
/* header */
.header .navigationBar {display:block;height:40px;background:#fff;}
.header .navigationBar .navigationBarInnel{display:block;margin: 0 auto;width: 1200px;}
.header .navigationBar tt  {display:block;position:relative;float:left;width: 210px;height:40px;background:url(../img/headPic.jpg) left no-repeat; margin-bottom:0px;}
.header .navigationBar tt .mainProNavArea {position: absolute;top:40px;}
.header .navigationBar tt.slideOpenNAV .mainProNavArea {display:none;}
.header .navigationBar tt.slideOpenNAV {height:46px;}
.header .navigationBar .mainMenuV {float:left;padding-left: 5px;}
.header .navigationBar .mainMenuV a {float:left;position:relative;margin: 0 0px; padding: 0 20px;height:39px;line-height:40px;font-size: 16px;color: #000;font-family: verdana,Tahoma,Arial,Hei,"Microsoft Yahei",SimHei;* font-weight: bold;}
.header .navigationBar .mainMenuV a:hover {color: #e83829;text-decoration: none;}
.header .navigationBar .mainMenuV a:active {color: #e83829;}
.phone{position: absolute;left:1030px; top: -20px;}
.navigationBarInnel{position: relative;}
.mainMenuV .hot{position: absolute; left: 50px;top:-15px}
.header .navigationBar .mainMenuV .current{color: #e83829;text-decoration: none;}
.header .navigationBar .mainMenuV .current:hover{color: #e83829;text-decoration: none;}
.header .navigationBar .mainMenuV .current_index{background: #e83829; color: #fff;}
.header .navigationBar .mainMenuV .current_index:hover{background: #e83829; color: #fff;}
.header .navigationBar .neiye_menu a{padding: 0 40px;height:35px;line-height:35px;}

/*尾部版权开始 */
.copy{ margin-top: 20px; text-align: center; font-size: 14px; color: #999; line-height: 30px;}
.copy a{color: #6d6d6d; padding: 0px 5px 0px 5px;}
.copy p{margin-bottom:0;}
.copy span{ color: #ccc;}
.w1200{ width: 1200px; margin: 0 auto;}
.search_wrap .search_photo img {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}
.spanNumber {
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
background: red;
text-align: center;
font-size: 12px;
color: #ffffff;
padding: 0px 10px 0px 10px;
margin-left: 5px;
}

/* Goto Box */
.goto-box-wrapper{ z-index: 999; position: fixed; right: 0; top: 0; width: 30px; height: 100%; background: #262626;}
.goto-box-wrapper .goto-box{ position: fixed; right: 0; top: 150px;}
.goto-box-wrapper .goto-box li{ margin-bottom: 38px; position: relative;}
.goto-box-wrapper .goto-box li:last-child{ margin-bottom: 0;}
.goto-box-wrapper .goto-box li .fa{ padding: 2px 0 1px 0; width: 30px; text-align: center; display: block; font-size: 12px; color: #fff;}
.goto-box-wrapper .goto-box li:hover .fa,
.goto-box-wrapper .goto-box li .fa:hover{ background: #ff3333;}
.goto-box-wrapper a{ text-decoration: none;}
.goto-box-wrapper a span{ display: block; margin: 0 auto;}
.goto-box-wrapper a .text{ line-height: 16px;}
.goto-box-wrapper a .for-icon{ background: url(../images/sprite.png) no-repeat;}
.goto-box-wrapper .fa-cart .for-icon{ width: 21px; height: 21px; background-position: left -70px;}
.goto-box-wrapper .fa-qq .for-icon{ width: 17px; height: 21px; background-position: -41px -70px;}
.goto-box-wrapper .fa-wexin .for-icon{ width: 21px; height: 21px; background-position: -77px -70px;}
.goto-box-wrapper .fa-feedback .for-icon{ width: 17px; height: 21px; background-position: -118px -70px;}
.goto-box-wrapper .fa-share .for-icon{ width: 19px; height: 21px; background-position: -155px -70px;}
.goto-box-wrapper .fa-top .for-icon{ width: 18px; height: 21px; background-position: -194px -70px;}

.goto-box li .goto-content{ display: none; visibility: hidden; position: absolute; right: 26px; top: 0; width: 100px; padding: 0 4px 0 0;}
.goto-box li:hover .goto-content{ display: block; visibility: visible;}
.goto-box li .goto-body{ background: #fff; padding: 10px 0; position: relative; text-align: center;}
.goto-box li .goto-body a{ font-size: 14px; color: #000; display: block; line-height: 20px;}
.goto-box li .goto-body a:hover{ color: #fc3038;}
.goto-box li .goto-body .triangle{ display: block; width: 4px; height: 7px; position: absolute; right: -4px; top: 16px; background: url(../images/others/icon-triangle.png) no-repeat left top;}


/* 2016-4-27新加右侧固定工具条样式*/
.goto-box-wrapper-box{background: #fff; width: 1px;height: 500px;}
.goto-box-wrapper .goto-box{}
.goto-box-wrapper .goto-box-box li .fa{width: 54px;height:40px;margin-bottom: 0px;padding-top: 11px; }
.goto-box-wrapper .goto-box-box li{margin-bottom:0px;border-bottom: 1px solid #fff;height: 54px;background: #c8c8c8;}
.goto-box-box li .goto-content{ right: 50px;}
.goto-box-wrapper .goto-box-box li:hover .fa,.goto-box-wrapper .goto-box-box li .fa:hover{ background: #e83829;height: 54px;}
.goto-box-box li .goto-body{ background: #e83829;height: 54px;}
.goto-box-box li .goto-body a{ color: #fff;}
.goto-box-box li .goto-body a:hover{color: #fff;}
.goto-box-box li .goto-body p{line-height: 54px;margin-top: 5px;}
.goto-box-wrapper-box .fa-cart .for-icon{ width: 22px; height: 30px; background:url(../resource/images/car.png) 0px 5px no-repeat;}
.goto-box-wrapper-box .fa-qq .for-icon{ width: 22px; height: 30px; background:url(../resource/images/QQ.png) 0px 5px no-repeat;}
.goto-box-wrapper-box .fa-wexin .for-icon{ width: 22px; height: 30px; background:url(../resource/images/weixin.png) 0px 5px no-repeat;}
.goto-box-wrapper-box .fa-feedback .for-icon{ width: 22px; height: 30px; background:url(../resource/images/yijianfankui.png) 0px 5px no-repeat;}
.goto-box-wrapper-box .fa-share .for-icon{ width: 22px; height: 22px; background:url(../resource/images/yijianfankui.png) no-repeat;}
.goto-box-wrapper-box .fa-top .for-icon{ width: 22px; height: 30px; background:url(../resource/images/jiantou.png) 0px 5px no-repeat;}
.goto-box-wrapper-box .fa-sc .for-icon{ width: 22px; height: 30px; background:url(../resource/images/shoucang.png) 0px 5px no-repeat;}
.goto-box-wrapper-box .fa-xx .for-icon{ width: 22px; height: 30px; background:url(../resource/images/wodexiaoxi.png) 0px 5px no-repeat;}
.goto-box-wrapper-box .jiaobiao{width: 18px;height: 18px;border-radius:50%;background: #e83829;color: #fff;font-size: 12px;position: absolute;left: 30px;bottom: 20px;}
.goto-box .goto-content-wx .goto-content{width:210px;background:#e83829;right: 54px;}
.goto-body .goto-body-wx{height: 90px;width:210px;background:#e83829;}
.goto-body .goto-body-wx dt{float: left;margin-right: 10px;margin-left: 10px;}
.goto-body .goto-body-wx dd{float: left;color: #fff;margin-right: 15px;}
.goto-box-wrapper .goto-box .fa-top-bg{background:url(../resource/images/dingbu_tanqi.png) no-repeat;}
.goto-box-wrapper .goto-box .fa-top-bg:hover .fa{background:url(../resource/images/dingbu_zhizhen.png) no-repeat;}
.goto-box-wrapper-box .goto-box{top:25%;}

/*2016-7-11右侧固定工具条购物车新增样式*/
.goto-box-wrapper .goto-box-box li .fa .cart-count {position: absolute;
    position: absolute;
    top: -3px;
    right: 1px;
    display: inline-block;
    padding: 1px 2px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    background-color: #c81623;
    border-radius: 7px 7px 7px 0;
    min-width: 16px;
    text-align: center;
    display: none;
}
.goto-box-wrapper .goto-box-box li .fa.fa-cart:hover .cart-count {
    color: #c81623;
    background-color: #ffffff;
    border: 1px solid #c81623;
}

/*2016-7-11顶部购物车新增样式*/
#site-nav .h {color: #f22e00!important;}
#site-nav .quick-menu .pjw_MiniCartIcon {
    width: 12px;
    /*background: ;*/
}
.top_fl .head_red {
    color: #ff6600;
}
.top_fl .my_news {
    padding-left: 25px;
    background: url("../img/my_new.png") no-repeat 8px 50%;

    margin-left: 10px;
}
.top_fl .login_out {
    margin-left: 20px;
}
/*2016-7-14 header 样式 */

@font-face {font-family: "iconfont-h";
    src: url('../font/h-iconfont/iconfont-h.eot?t=1468208076'); /* IE9*/
    src: url('../font/h-iconfont/iconfont-h.eot?t=1468208076#iefix') format('embedded-opentype'), /* IE6-IE8 */
    /*url('../font/h-iconfont/iconfont-h.woff?t=1468208076') format('woff'),  chrome, firefox */
    url('../font/h-iconfont/iconfont-h.ttf?t=1468208076') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../font/h-iconfont/iconfont-h.svg?t=1468208076#iconfont-h') format('svg'); /* iOS 4.1- */
}

.iconfont-h {
    font-family:"iconfont-h" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.icon-cartfill:before { content: "\e659"; }

/*-----------2016 9 20 新版首页topmenu4样式(如需还原 直接删除一下代码)---------------*/
.hotSearch{width: 500px;height: 20px; margin-top: 7px;}
.hotSearch span{font-size: 12px;margin-right: 10px;color: #a5a5a5}
.hotSearch a{font-size: 12px;text-decoration: none;color: red;margin-right: 15px;color: #a5a5a5;}
.top_1 .search{margin-right: 0px;}
.header .navigationBar tt{width: 200px;}
#of_mainBody{width: 200px;background: none;}
.copy a{color: #727981;}
.copy span{color:#727981; }
.newtopmenu .header .mainMenuV a{padding: 0 10px 0;}