/*横向导航*/
.main-nav-box{ width: 100%; height: 38px; background: #fff; border-bottom: 1px solid #e7181e;}
.main-nav { width: 1200px; height: 38px; margin: 0 auto;}
.inner-con2 {width: 204px;height: 38px;color: #fff;line-height: 38px;font-size: 20px;float: left;padding-left: 50px;margin-right: 94px;background: #e81d23;font-weight: bold;background: url(../images/icon01.jpg) no-repeat 20px 11px #e02323;}
.main-nav a{ display: inline-block; margin-right: 68px; line-height: 38px; height: 34px; font-size: 16px;  color: #333; font-weight: bold;}
.main-nav a:hover{ color: #e81d23;}

#index-banner-img{min-width: 1200px;height:500px;position: absolute;top: 0px;width: 100%;}
#index-banner-img .na-wrap{width: 1200px;margin: 0 auto;height: 500px;position: relative;}
/*baner*/
#banner { width: 100%; height: 500px; position: relative; min-width: 1200px;overflow: hidden;}
#banner .banner_img_box{width:996px; height: 500px; z-index: 2;margin-left: 204px;text-align: center;}
#banner .slider{width: 100%;height:100%; overflow: hidden;text-align: center;margin: 0 auto;position:relative;float:left;}
#banner .slider .banner-list{position: absolute;text-align: center;}
#banner .banner_img_box img{height: 500px;width: 996px;}
/*banner上的小圆圈*/
#banner .silder_page{ position: absolute; z-index: 3; bottom: 14px; left: 50%;}
#banner .silder_page li{ width: 14px; height: 14px; border-radius: 50%;border:1px solid #fff; float: left; margin-left: 6px; background: #fff; cursor: pointer;}
#banner .silder_page li.Current-selection{ background: #e81d23;}
/*banner上的导航*/
.nav-con { width: 1200px; height: 500px; margin: 0 auto; position: relative;}
.normal-nav-box {width: 204px;height: 500px;background: #3a3038;float: left;position: relative;z-index: 4;opacity:0.98}
.normal-nav {  width: 204px; height: 500px; float: left;}
.normal-nav li {height: 38px;line-height: 38px;width: 204px;padding: 0 10px;font-size: 14px;overflow: hidden;cursor: pointer;}
.normal-nav li:hover{ background: #fff; color: #e81d23;}
.normal-nav li.Current-nav{background: #fff;}
.normal-nav li.Current-nav a{ color: #e81d23;}
.normal-nav li span{ display: inline-block; padding: 0 6px;}
.normal-nav li.Current-nav span{ color: #e81d23;}
.normal-nav li a{color: #f5f3f3;display: inline-block;line-height: 37px;}
.normal-nav li a:hover{ color: #e81d23;}
/*二级菜单*/
.service-float{width: 996px;height: 500px;background:#f7f7f9;position: absolute;left: 204px;top: 0;z-index: 8;overflow: hidden;}
.service-float-r{float: right;padding:10px;width: 200px;}
.service-float-r img{ display: block; width: 190px; height: 480px;}
.part-na img{margin-bottom: 24px;}
.service-float-l{float:left;width: 792px;height: 500px;background: #fff;}
.service-float01{padding:10px 0 0 20px;overflow: hidden;}
.service-float01-l{font-size: 14px;color: #333;font-weight: 700;/* float: left; *//* width: 100px; */line-height: 24px;text-align: justify;/* text-align-last: justify; */margin-right: 20px;}
.service-float01-r{/* float: left; *//* border-bottom: 1px dashed #eee; *//* width: 610px; */padding-bottom: 10px;}
.service-float01-r a{font-size: 14px;color: #696969;display: inline-block;margin: 0 10px;line-height: 24px;display: inline-block;width: 140px;height: 30px;line-height: 30px;border: 1px solid #ddd;margin: 5px;padding: 0 5px;}
.service-float01-r a:hover{color:#e7181e;border-color:#e7181e;}
.service-float01-last .service-float01-r{ border:none;}

/*banner上的广告*/
#banner .banner_img_box .banner-na img{width: 204px;height: 225px;}
.banner-na{width: 204px;position: absolute;right:0;z-index: 4;top: 0px;right: 0px;}
.banner-na p{width: 204px;height: 225px;overflow: hidden;/* padding-top: 16px; */margin-top: 16px;}

/*特卖场*/
.sale-field{ width: 1200px; margin: 20px auto 0; height: 350px;}
.sale-field-tit{width: 1200px;height: 62px;background: url(../images/bg01.jpg);overflow: hidden;padding: 0 14px;}
.sale-field-tit-l{ float: left; color: #fff; font-size: 28px; line-height: 62px;}
.floor-sub-name{ display: inline-block; height: 62px; font-size: 16px; padding-left: 10px;}
.sale-field-tit-r{ float: right; height: 62px; line-height: 62px;}
.sale-field-tit-r .a_focus{color: #337ab7;}
.sale-field-tit-r .floor-more{ color: #fff; font-size: 16px; height: 62px; line-height: 62px; padding-right: 16px; background: url(../images/icon02.png) no-repeat right center;}
.Pro-roast-box{ width: 1200px; height: 288px; overflow: hidden; position: relative;} 
.Pro-roast-box .Pro-roast-btn-l,.Pro-roast-box .Pro-roast-btn-r{
	display: none;
	width: 30px;
	height: 60px;
	position: absolute;
	top: 100px;
	background: #999;
	text-align: center;
	padding-top: 15px;
	cursor: pointer;
	}
.Pro-roast-btn-l{ left: 0;}
.Pro-roast-btn-r{ right: 0;}
.Pro-roast{ height: 288px; overflow: hidden;}
.Pro-roast-box:hover .Pro-roast-btn-l,.Pro-roast-box:hover .Pro-roast-btn-r{display: block;}
.Pro-roast li{float: left;border-right: 1px solid #eeeeee;background: #fff;height: 288px;width: 240px;}
.pro-img{ width: 160px; height: 160px;padding: 16px 40px;display: table-cell;vertical-align:middle;}
.pro-img img{width: 160px; height: 160px;}
.pro-introduce{ width: 180px; height: 40px; font-size: 14px; line-height: 22px; margin: 0 auto; overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pro-price{ width: 180px; margin: 10px auto 0;}
.pro-price p{ float: left;}
.mui-price-rmb{font-size: 14px;color: #999;font-style: normal;margin-right: 2px;}
.pro-price-real{ font-size: 24px; color: #e81d23;}
.pro-price-dele{ font-size: 14px; color: #999; text-decoration: line-through; }
.pro-price-dele-p{ padding: 10px 0 0 20px;}

/*品牌热卖 */
.hot-brand-box{ width: 1200px; height: 576px; background: #e88606; margin: 20px auto 0;}
.hot-brand-box-left{ float: left; height: 576px; position: relative; width: 238px;}
.hot-brand-box-left-img01{ width: 238px; height: 576px; display: block;}
.hot-brand-box-left-img02{ position: absolute; left: -34px; bottom: -56px;}
.hot-brand-box-right{float: right;padding: 12px 12px 12px 0;overflow: hidden;width: 960px;height: 575px;}
.hot-brand-list{ overflow: hidden; width: 980px;}
.hot-brand-list li{ float: left; width: 230px; height: 270px; background: #fff; margin-right: 10px; margin-bottom: 10px;}
.hot-pro-img{ width: 100%; height: 180px; padding: 0 35px;display: table-cell;vertical-align:middle;}
.hot-pro-img img{width: 160px; height: 160px;}
.hot-pro-introduce{ width: 180px; height: 40px; font-size: 14px; line-height: 22px; margin: 0 auto; overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.hot-pro-price{ width: 180px; margin: 14px auto 0; text-align: center;}
.hot-pro-price01,.hot-pro-price02{ font-size: 18px; color: #e81d23; font-style: normal;}

/*推荐   新品  排行*/
.classification-box{ width: 1200px;  height: 500px; margin: 40px auto 0;}
.classification-l,.classification-m,.classification-r{width: 392px;height: 500px;background: #fff;float: left;}
.classification-m{ margin: 0 12px;}
.classification-l-tit{width: 392px;background: url(../images/bg02.jpg);}
.classification-m-tit{width: 392px;background: url(../images/bg03.jpg);}
.classification-r-tit{width: 392px;background: url(../images/bg04.jpg);}
/*左*/
.recommend-list-box{padding: 12px;width: 392px;height: 438px;overflow: hidden;}
.recommend-list-box li{ float: left; width: 182px; border-bottom: 1px solid #f4f4f4; border-right: 1px solid #e7e7e7; height: 138px;} 
.item-hd{ float: left; width: 74px; padding-left: 12px;}
.recommend-list-tit{ color: #409da6; font-size: 14px; padding: 20px 0 20px 0; line-height: 20px;}
.item-bd{ width: 82px; height: 82px; float: left; padding: 46px 0 0 6px;} 
.item-bd img{ display: block; width: 82px; height: 82px;}
/*中*/
.Outlet-list{width: 392px;height: 438px;padding: 0 12px;}
.Outlet-list li{ padding: 12px 0; border-bottom: 1px solid #f4f4f4; height: 146px;}
.Outlet-list-l{ float: left; width: 200px;margin-top: 32px; padding-left: 10px; overflow: hidden;}
.Outlet-list-l p{ font-size: 16px; height: 30px; color: #333; overflow : hidden; text-overflow: ellipsis; white-space:nowrap;  width: 200px;}
.Outlet-list-l span{ font-size: 14px; line-height: 20px; color: #999;}
.Outlet-list-r{ float: right; width: 120px; height: 120px; padding: 0 0 0 0;}
.Outlet-list-r img{ width: 120px; height: 120px; }
/*右*/
.ranking-tab-box{width: 392px;height: 438px;padding: 0 12px;}
.ranking-tab-pbox{overflow: hidden;}
.ranking-tab{ border-bottom: 1px solid #f4f4f4; height: 36px;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ranking-tab li{ display: inline-block; font-size: 14px; color: #e7e7e7; height: 36px; line-height: 33px; padding: 0 2px;}
.ranking-tab li a{ height: 34px; border-bottom:  2px solid #fff; line-height: 34px; color: #5d5d5d; display: block;padding: 0 1px;}
.ranking-tab li.ranking-tab-active a{ border-bottom:  2px solid #e7181e;}
.ranking-tab-pros{ overflow: hidden; padding: 12px 0;}
.ranking-tab-pros li{ float: left; width: 183px;height: 195px; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; position: relative; padding: 19px 0;}
.ranking-tab-pros li:nth-child(4){border-bottom: none;}
.ranking-tab-pros li:nth-child(3){border-bottom: none;}
.ranking-tab-pros-img{text-align: center;}
.ranking-tab-pros-tit{ font-size: 14px; color: #4b4b4b; padding: 0 12px 10px; }
.ranking-tab-pros-price{ padding: 0 12px;}
.Line-labels{ position: absolute; top:12px; left: 142px;}
.Line-labels01{ top:0px; left:}

/*易损及耗材*/
.floor-four{ width: 1200px; margin: 20px auto 80px;}
.floor-four-tit{ background: url(../images/bg05.jpg) no-repeat;}
.hot-word{ display: block; float: left; width: 110px; height: 30px; margin: 16px 20px 0 0; text-align: center; line-height: 30px; color: #fff; background: #689fb6; font-size: 16px;}
.Supplies-box{ width: 100%; padding-top: 12px; overflow: hidden;}
.Supplies-l{ float: left; width: 226px; height: 556px; position: relative;}
.detail-wrap{ position: absolute; right: 30px; bottom: 40px; display: block; width: 38px; height: 38px;}
.Supplies-r{float: left;padding-left: 2px;width: 974px;height: 556px;overflow: hidden;}
.Supplies-list{ }
.Supplies-list li{ float: left; width: 230px; height: 270px; background: #fff; margin:0 0 13px 13px; }

#slider .banner-list li{position: relative;height: 500px;}