.w { width: 1200px; margin-left: auto; margin-right: auto;}


.had { text-align: center;}
.had img { vertical-align: top;}


.p-hover { display: block; width: 100%; overflow: hidden;}
.p-hover img { -webkit-transition: all linear .2s; -ms-transition: all linear .2s; transition: all linear .2s;}
.p-hover:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}


.topNav { height: 35px; line-height: 35px; clear: both; background: #f5f5f5; border-bottom: solid 1px #eee;}
#j_login a { margin-left: 8px;}
.topNav li { position: relative; z-index: 13; float: left; padding: 0 10px;}
.topNav li.on { background: #fff;}
.scdl .dt { position: relative; float: left; height: 35px; padding-right: 10px;}
.iard { position: absolute; top: 15px; right: -5px; display: block; overflow: hidden; height: 6px; overflow: hidden; font: 400 14px/14px simsun; color: #6a6a6a; transition: transform .1s ease-in 0s; -webkit-transition: -webkit-transform .1s ease-in 0s;}
.iard s { position: relative; top: -8px; text-decoration: none;}
.on .iard { -webkit-transform:rotate(-180deg); transform:rotate(-180deg); color: #f40;}
.scdl .dd { display:none; position:absolute; width: 100%; _width:90px; left:-1px; top:35px; z-index: 10001; border:1px solid #eee; border-top:0; background:#fff;}
.scdl .dd a { display: block; color: #333; padding-left: 10px; line-height: 30px;}
.scdl .dd a:hover{ background:#fff8e5;}
.scdl .wx-app { width: 110px; line-height: 20px; padding: 10px; text-align: center;}
.scdl .wx-app img { width: 100%;}
.wb { height: 35px;}
.wb a { display: block; width: 22px; height: 22px; margin-top: 4px; overflow: hidden; text-indent: -999em; background: url(../image/sprite22.png) 0 -20px no-repeat;}



#header { padding: 20px 0 16px; height: 70px;}
#logo { width: 185px; margin-right: 13px;}
#slogan { width: 180px; margin-right: 42px;}
#search { width: 540px; margin: 7px 7px 0 0; position: relative; z-index: 11;}
#miniCart { position: relative; z-index: 12; height: 34px; line-height: 34px; margin: 7px 10px 0 0; _display:inline; font-family: "Microsoft YaHei"; color: #000;}


#search .form { width: auto; height: 36px;}
#search .text { float: left; width: 450px; height: 24px; line-height: 24px; color: #666; padding: 4px; margin-bottom: 4px; border-width: 2px 0 2px 2px; border-color: #f40; border-style: solid; outline: 0; font-size: 14px; font-family: "microsoft yahei"; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
#search .button { position: relative; float: left; width: 80px; height: 36px; background: #f40; border: none; line-height: 1; color: #fff; font-family: "Microsoft YaHei"; font-size: 16px; cursor: pointer; outline: none;}
#search .button i { display: block; width: 22px; height: 22px; margin-left: auto; margin-right: auto; background: url(../image/sprite22.png) 0 -64px no-repeat;}
#comp { display: none; position: absolute; left: 0; top: 36px; width: 458px; background: #fff; border: solid 1px #999; border-top: 0;}
#comp li { height:22px; line-height:22px; padding:2px 8px; cursor:pointer}
#comp .on { background:#fae8e1}


#hotwords { float: left; width: 540px; height: 20px; line-height: 20px; overflow: hidden;}
#hotwords a { float: left; white-space: nowrap; margin-right: 10px; color: #999;}


.category { position: relative; z-index: 10; width: 230px; height: 43px; overflow: visible;}
.category .cg-hd { position: relative; height: 43px; padding: 0 10px 0 55px; cursor: pointer; font: 400 15px/43px "microsoft yahei"; text-decoration: none; background: #f40; color: #fff;}
.category .cg-hd i { position: absolute; left: 28px; top: 13px; width: 20px; height: 20px; background: url(../image/sprite22.png) 0 0 no-repeat;}
.category .cg-bd { display: none; position: relative; background: rgba(0,0,0,.8); background: #000; filter:alpha(opacity=80); border-bottom: solid 1px; border-top: solid 1px; border-color: rgba(0,0,0,.8); _border-color: #000;}
.category .cg-panel .item { z-index: 1; height: 44px; border-left: 1px solid rgba(0,0,0,0); _border-left: 1px solid #000; color: #fff;}
.category .cg-panel .last-item { height: 43px; border-bottom: solid 1px rgba(0,0,0,0);}
.category .cg-panel .main-cate { position: relative; height: 44px; line-height: 44px; overflow: hidden; padding: 0 20px 0 19px; cursor: pointer; font-family: "microsoft yahei"; font-size: 14px; font-weight: 400;}
.category .cg-panel .main-cate a { margin-right:6px; color: #fff;}
.category .cg-panel .main-cate i { position: absolute; z-index: 1; top: 13px; right: 14px; width: 4px; height: 14px; font: 400 9px/14px consolas;}
.category .cg-panel .on { background: #fff; border-left-color: rgba(0,0,0,.8);}
.category .sub-cate { display: none; position: absolute; left: 230px; top: 0; width: 879px; height: 440px; zoom: 1; background: #f5f5f5; border-right: solid 1px rgba(0,0,0,.8); border-bottom: solid 1px rgba(0,0,0,.8); _border-right: solid 1px #000; _border-bottom: solid 1px #000; overflow: hidden;}
.category .on .sub-cate { display: block!important;}
.category .sub-cate-l { width: 494px; height: 439px; line-height: 28px; background: #fff;}
.category .sub-cate-l h4 { padding: 10px 0 0 30px;}
.category .sub-cate-l .sub-cate-list { padding: 0 30px; margin-bottom: 12px;}
.sub-cate-l .sub-cate-list a { word-break: break-all; white-space: nowrap; margin-right: 18px; color: #000;}
.category .sub-cate-r { width: 355px; padding: 7px 15px;}
.category .sub-cate-r .sub-cate-list { overflow: hidden;}
.sub-cate-r .sub-cate-list ul { margin-left: -7px; zoom: 1;}
.sub-cate-r .sub-cate-list li { float: left; margin: 0 0 2px 7px; _display:inline; background: #fff;}
.sub-cate-r .sub-cate-list li a { width: 113px; height: 65px; overflow: hidden; *font-size:50px; border: 0;}
.sub-cate-r .sub-cate-list li a img { height: 45px;}
.sub-cate-r .sub-cate-pic { width: 353px; height: 91px; overflow: hidden;}
.sub-cate-r .sub-cate-pic img { width: 100%; height: 100%;}


.nav { padding-left: 44px;}
.nav li { float: left;}
.nav a { float: left; height: 43px; padding: 0 8px; text-align: center; text-decoration: none; font: 400 16px/43px "microsoft yahei"; color: #000; text-decoration: none;}
.nav a:visited { color: #000;}
.category, .category .main-cate a, .nav a { font-family: "Microsoft YaHei",arial,"\5b8b\4f53",helvetica,sans-serif;}

.news { width:220px; height: 40px; overflow: hidden; display: inline;}
.news li { height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news a { color: #999;}


.slider .slider-extra { position: relative; width: 1200px; margin-left: auto; margin-right: auto;}
.slider .slider-nav { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center;}
.slider .slider-nav li { cursor:pointer; display: inline-block; width: 22px; height: 22px; line-height: 22px; *display: inline; *padding: 2px 4px; border-radius: 100%; margin: 0 4px; overflow:hidden; -webkit-transition: all linear .2s; -ms-transition: all linear .2s; transition: all linear .2s; background: #666; color: #fff;}
.slider .slider-nav li.on{ background: #fb7545; color: #fff!important;}
.slider .prev, .slider .next { position: absolute; bottom: 185px; z-index: 4;}
.slider .prev { left: 234px;}
.slider .next { right: 224px;}
.slider .prev a, .slider .next a  { display: block; width: 40px; height: 70px; line-height: 70px; background: gray; background: rgba(0,0,0,.3); color: #fff; text-align: center; font-size: 30px; font-weight: 400; font-family: simsun; -webkit-transition: all linear .2s; -ms-transition: all linear .2s; transition: all linear .2s;}
.slider .prev a:hover, .slider .next a:hover { background: rgba(0,0,0,.6);}

.m-cate { margin-top: 20px;}
.m-cate .m-cate-hd { height: 18px; padding: 22px 0; text-align: center; font: 500 18px/18px 'microsoft yahei'; background: url(../image/dotted1.png) 0 center repeat-x;}
.m-cate .m-cate-hd span { padding: 0 18px; background: #fff;}
.m-cate .m-cate-bd { overflow: hidden;}
.m-cate .m-cate-item { float: left; width: 144px; padding: 0 3px;}
.m-cate .cate-item-hd { width: 112px; height: 112px; text-align: center; margin-left: auto; margin-right: auto; overflow: hidden; background: #fff; border: solid 1px #e7e7e7; border-radius: 100%}
.m-cate .cate-item-hd img { width: 64px; height: 72px; margin-top: 13px;}
.m-cate .cate-item-hd span { display: block; margin-top: 3px; font: 500 14px/14px 'microsoft yahei'; color: #828282}
.m-cate .cate-item-list { margin-top: 8px; overflow: hidden; zoom: 1;}
.m-cate .cate-item-list li { float: left; width: 50%; height: 30px; line-height: 30px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #828280}


.m-sc { margin-top: 10px;}
.m-sc div { overflow: hidden; zoom: 1;}
.m-sc .m-sc-hd { height: 48px; padding: 20px 0;}
.m-sc .m-sc-hd .item { position: relative; float: left; width: 25%;  font: 400 12px/20px "simsun"; color: #999;}
.m-sc .m-sc-hd .item i { display:block; position: absolute; top: 0; left: 10px; width: 274px; height: 48px; background-repeat: no-repeat; background-position: 0 0;}
.m-sc .m-sc-hd .col1 i { background-image: url(../image/service-1.png);}
.m-sc .m-sc-hd .col2 i { background-image: url(../image/service-2.png);}
.m-sc .m-sc-hd .col3 i { background-image: url(../image/service-3.png);}
.m-sc .m-sc-hd .col4 i { background-image: url(../image/service-4.png);}
.m-sc .m-sc-hd .item b { float: left; width: 44px; height: 44px; line-height: 40px; margin: 0 10px; _display:inline; text-align: center; font-family: 'microsoft yahei'; font-size: 24px; border: solid 2px #f40; border-radius: 100%; color: #f40;}
.m-sc .m-sc-hd .item h6 { padding-top: 6px; font-weight: 700; font-family: 'microsoft yahei'; font-size: 18px; color: #333}
.m-sc .m-sc-hd .item, .m-sc .m-sc-hd .item b, .m-sc .m-sc-hd .item h6 { _font-size:0!important;}


.m-sc-bd { padding-top: 18px; border-top: solid 1px #cecece;}
.m-sc-bd dl { float: left; width: 16.666%; font: 400 14px/24px 'microsoft yahei';}
.m-sc-bd dt { margin-bottom: 5px; font-size: 15px; color: #333}
.m-sc-bd dd { margin: 0; font-size: 14px; color: #999}
.m-sc-bd .tel { font-size: 24px;}
.m-sc-bd dd a { color: #999}


.fixTools { position: fixed; right: 10px; bottom: 10px; z-index: 999; text-align: center; -webkit-transform: translateZ(0);}
.fixTools li { position: relative;}
.fixTools li .qrcode { display: none; position: absolute; left: -115px; bottom: -52px; padding: 8px 5px; border: solid 1px #cecece; background-color: #fff;}
.fixTools li .qrcode p { padding-top: 5px;}
.fixTools li .qrcode s { position: absolute; right: -8px; top: 55px; width: 7px; height: 14px; overflow: hidden; text-align: right; text-decoration: none;}
.fixTools li .qrcode i { position: absolute; right: 0; top: 0; font: 400 16px/16px simsun; color: #cecece;}
.fixTools li a { display: block; width: 45px; height: 45px; line-height: 10; margin: 6px 0 0 5px; overflow: hidden; background-image: url(../image/fixTools.png); background-repeat: no-repeat;}
.fixTools li a.qrDrop { background-position: 0 0;}
.fixTools li a.goTotop { visibility: hidden; background-position: 0 -45px;}


.topNav,
.m-cate .cate-item-list li a,
#j_shortcut a { color: #828282;}


.hl,
.on,
#j_login a,
.category .cg-panel .on .main-cate a,
.category .cg-panel .on,
.g-mn .switchLoad .hd li.on,
.m-brand .bd li a .txt,
.m-goods .bd li p,
.m-sales .hd span,
.floor-goods li strong,
.m-sc-bd .tel { color: #f40}



.hm-t-container { display: none !important; }
.appDownload { display: none; }
/*棣栭〉鍝嶅簲寮?/
@media screen and (max-width:750px) {
	.appDownload { display: block; }
	 body {  font-family: PingFangSC-Regular, Helvetica, "Droid Sans", Arial, sans-serif; -webkit-user-select: none; user-select: none;}
	.w {  width: 100% !important; }
	.fl, .nav li { float: none; }
	.had img { width: 100%; }
	.topNav, #slogan, #miniCart .right, #miniCart .count, #hotwords a:nth-child(n+8),#nav .on .sub-cate, .on .sub-cate, .sub-cate, .news, #miniCart .bd, #focus-banner, .m-goods .item .more, .g-mn .hd li:nth-child(n+4),.nav ,
	.m-sc .m-sc-hd .item i, .m-sc-bd, .links p:nth-child(1), .slider-page, .fixTools li:nth-child(1), .fixTools li:nth-child(2) { display: none !important; }
	#header { position: relative; height: auto; padding-top: 10px; padding-bottom: 10px;}
	#logo { width: 96px; float: none; margin-left: 15px;}
	#logo img { width: 100%; }
	#miniCart { position: absolute; top: 0; right: 10px;}
	#miniCart .hd { padding-right: 10px; }
	#search { float: none; width: 90%; margin-left: auto; margin-right: auto; margin-top: 10px;}
	#search .text { width: 85%; }
	#search .button { width: 12%; }
	#comp { width: 88%; }
	#hotwords { width: 90%; margin-left: auto; margin-right: auto; float: none;}
	#nav, #nav .w, .category { height: auto; }
	.category { width: 100%; }
	.category .cg-hd { background-color: #fff; color: #333;}
	.category .cg-hd i { top: 12px; }
	.category .cg-bd { background-color: #fff; border-bottom: none;}
	.category .cg-bd * { color: #333 !important;}
	.category .cg-panel .on { border-left: 1px solid rgba(0,0,0,0); }
	#nav { border: none; }
	.nav { padding-left: 10px; display: none;}
	#focus .slider {height: auto; }
	.slider .slider-extra { width: 100%; }
	.slider .slider-nav { bottom: 0; }
	.slider .slider-nav li { width: 5px; height: 5px; font-size: 0 !important; background-color: #fff;}
	.slider .slider-main { height: auto ; }
	.slider .slider-main li { height: auto; }
	.slider .slider-main li img { width: 100% !important; min-height: 138px; height: auto !important;}
	.m-bd > a > img { width: 100%;}
	.m-brand, .m-brand .bd ul { width: 100%; }
	.m-brand .bd ul { margin-left: 10px; }
	.m-goods .bd li, .m-brand .bd li { width: 30%; }
	.m-goods .bd li a { margin-bottom: 10px;}
	.m-goods .bd li .p-hover { position: relative; padding: 50% 0; width: auto; height: auto;}
	.m-goods .bd li img { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
	.m-goods .item ul { float: none;}
	.m-goods .bd li i { left: 10px; top: 10px; }
	.m-sales { float: none; width: 100%;}
	.m-sales .hd { padding-left: 10px; }
	.m-sales .bd .m-slide, .m-sales .banner-pic { margin-left: auto; margin-right: auto; }
	.floor-brand { float: none; width: 100%; overflow: hidden;}
	.floor-brand-up { float: left;}
	.floor-brand-down { overflow: hidden; margin: 10px 10px 0 0;}
	.floor-brand-down li { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 34px; line-height: 34px;}
	.floor-brand-down li:nth-child(n+15) { display: none; }
	.floor-goods { width: 100%; float: none; overflow: hidden;}
	.floor-goods li { width: 50%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.floor-slide { float: none; margin-left: auto; margin-right: auto; margin-top: 10px;}
	.m-cate .m-cate-item { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.m-sc .m-sc-hd .item i { display: none; }
	.m-sc .m-sc-hd { height: 72px; }
	.m-sc .m-sc-hd .item { height: auto; font-size: 0; }
	.m-sc .m-sc-hd .item h6 { text-align: center; font-size: 12px; font-weight: 300; color: #666;}
	.m-sc .m-sc-hd .item b { display: block; font-size: 24px;  float: none; margin-left: auto; margin-right: auto;}
	.m-sc { border-top: solid 1px #eee;  border-bottom: solid 1px #eee}
	.links p:nth-child(2) a { display: block; }
	.m-sc-ft span { display: inline-block; width: 30%; margin-bottom: 10px;}
	.m-sc-ft > .tc { display: none; }
	.fixTools li a.goTotop {  opacity: .6;}
	.wx-app { display: none;}
}