#focus { position: relative; padding: 0; margin:20px 0; height: 400px; box-shadow: 0 0 3px rgba(0,0,0,.2); }
#mainslide { position:absolute; top:0; left: 0; width: 100%; height: 400px; z-index: 1; }
#mainslide .slides {min-width:1200px;height:400px;position:relative;overflow:hidden; }
#mainslide .slides .bd{ width:100% !important; background-color:#f4f4f4;}
#mainslide .slides .bd li .m-width {margin:0 auto; height:400px;overflow:hidden;}
#mainslide .slides .bd li{width:100% !important;height:400px;}
#mainslide .slides .bd li a{display:block;background-size:auto;}
#mainslide .slides .bd li img { display:block;}
#mainslide .focus-btn{width:1200px;position:absolute;top:140px;left:50%;margin-left:-600px;}
#mainslide .focus-btn a{display:block;width:60px;height:70px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
#mainslide .focus-btn a.prev{left:-80px;background:url(../images/icon_focus.png) no-repeat 0 0;} 
#mainslide .focus-btn a.next{right:-80px;background:url(../images/icon_focus.png) no-repeat -70px 0;}
#mainslide .slides .hd {position:absolute;top:220px;left:517px; border-radius :10px; padding:5px 0 5px 10px; background-color:rgba(0,0,0,.4);}
#mainslide .slides .hd ul li{width:10px;height:10px;border-radius :5px;text-indent:-9999px;margin-right:10px;background:#fff;float:left;cursor:pointer; transition: width .5s; -moz-transition: width .5s; -webkit-transition: width .5s; -o-transition: width .5s;}
#mainslide .slides .hd ul li.on{background:#f27b04; width: 50px;}
#focus .focusBox { position: relative; width: 1200px; margin:0 auto; z-index: 2;}
#focus .category { position: absolute; left:0; top:0; width: 200px; height: 360px; padding:20px 0; background-color: #fff; }
#focus .category h1 { display: block; width: 100%; height: 90px; line-height: 20000px; overflow: hidden; background: url(../images/category.png) no-repeat 0 0;}
#focus .item { /*position: relative;*/ height: 30px;}
#focus .item h4 { padding:0 10px; height: 30px;}
#focus .item h4 ins { display: inline-block; float: left; width:13px; height: 13px; margin:8px 10px 9px 0;  background: url(../images/category.png) no-repeat  -10px -110px; }
#focus .item h4 a { display:inline-block; float:left; font-size: 14px; line-height:30px; color:#000; font-weight: normal; }
#focus .item h4 a:hover { color:#FF6600;}
#focus .item .subItem { display: none;  position: absolute; padding:20px; min-height: 360px; width: 200px; left: 200px; top:0; text-align:left; border-left: 3px solid #f4f4f4; background-color: #fff; box-shadow: 2px 2px 2px rgba(0,0,0,.5); }
#focus .item .subItem .pop { display: block; height: 30px; line-height: 30px; border-bottom:1px dotted #999; margin: 0 0 10px 0;}
#focus .item .subItem .pop a { font-size:12px; line-height: 30px; color:#FF6600; }
#focus .item .subItem li { display: block; margin:-1px 0 0 0; background: #fff;}
#focus .item .subItem li a { display: inline-block; margin:0 5px; }
#focus .item .subItem h5 { height: 35px; line-height: 35px; font-size:14px; line-height: 35px; border-bottom: 1px solid #999; font-weight: normal; }
#focus .item .subItem li a { color:#000;}
#focus .item .subItem li span { display: block; padding:0 0 10px; }
#focus .item .subItem li span a { font-size:12px; line-height: 30px; color: #666;}
#focus .item .subItem li a:hover { color:#FF6600;}
#focus .cataOn h4 { background-color: #f4f4f4; }
#focus .cataOn .subItem { display: block; }

#focus .uCenter { position: absolute; top:0; right: 0; width: 200px; height: 360px; padding:20px 0; background-color: #000; background-color: rgba(0,0,0,.8); color:#fff; }
#focus .uInfo { padding:0 10px; }
#focus .Wellcom { overflow:hidden; }
#focus .Wellcom ins { float: left; display: inline-block; width: 50px; height: 50px; margin: 0 10px 0 0; }
#focus .Wellcom ins img {  width: 50px; height: 50px; border: 1px solid #eae9e8; border-radius: 50%;}
#focus .Wellcom p,#focus .Wellcom h3,#focus .Wellcom em { font-size:12px; line-height: 26px; text-align: left; font-weight: normal; font-style: normal;}
#focus .loginBox,#focus .managerBox { margin:20px 0 0; border-left: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; overflow: hidden;}
#focus .loginBox a,#focus .managerBox a { float:left; display: inline-block; background-color: #f4f4f4; border-bottom:1px solid #e7e7e7; border-right: 1px solid #e7e7e7; width:89px;}
#focus .loginBox a.goLogin,#focus .managerBox a.login { width: 88px; }
#focus .loginBox span,#focus .managerBox span { display: inline-block; font-size:12px; line-height: 44px; color:#444; }
#focus .loginBox ins,#focus .managerBox ins { display:inline-block; float: left; height: 44px; width: 12px; background-image: url(../images/icon_base.png); background-repeat: no-repeat ; margin:0 5px 0 0;  }
#focus .loginBox a.goLogin ins { background-position: -67px 2px;}
#focus .loginBox a.goRegister ins { background-position: -106px 2px;}
#focus .managerBox a.managerStore ins { background-position: -142px 2px; }
#focus .managerBox a.applyFor ins { background-position: -181px 3px; }
#focus .managerBox a.login ins { background-position: -224px 4px; }
#focus .loginBox a:hover span,#focus .managerBox a:hover span { color:#FF6600; text-decoration: underline;}

/*  */
.floor { width: 1200px; margin:0 auto 30px auto;   box-shadow: 0 0 3px rgba(0,0,0,.2);}
.floor .fLeft { float: left; width: 200px; border-right:1px solid #e9e8e6; background-color: #f9f9f9; overflow: hidden;}
.floor .modelName { display: block; height: 100px; font-size:16px; line-height:25px; }
.floor .modelName img { display: block; width: 100%; height: 100px;}
.floor .modelImg { display: block; height: 400px; }
.floor .modelImg a,.floor .modelImg img { display: block; width: 100%; height: 400px;}
.floor .keywords { display: block; padding:5px; width: 190px; height: 90px; overflow: hidden; }
.floor .keywords a { display: inline-block; font-size:12px; line-height: 20px; color:#999; padding:0 5px; margin:5px; }
.floor .keywords a:hover { background-color: #FF6600; color:#fff;}
.floor .fContent { position: relative; float:right; width: 999px; overflow: hidden; }
.floor .fModelTag { display: block; height: 50px; background-color: #f9f9f9; }
.floor .fModelTag .tagItem { display: block; float: left; width:199px; height: 49px; border:1px solid #e9e8e6; border-top:0 none; margin:0 0 0 -1px; font-size:18px; line-height: 49px; text-align: center; color:#000; font-weight: 500; cursor:pointer;}
.floor .fModelTag .tagLastItem { border-right:0 none;}
.floor .fModelTag .curItem { background-color: #fff; border-bottom:1px solid #fff; color:#FF6600; }
.floor .fModel { position: relative; left: 0; width: 5000px; }
.floor .modelItem { display: block; float: left; height:550px; width: 999px; }
.floor .fModel .goods { display: block; float:left; width: 160px; padding:10px; margin:10px; text-align: left; }
.floor .fModel .goods:hover { background-color: #f9f9f9; }
.floor .fModel .gLeft { width: 159px; }
.floor .fModel .goodsPic { display: block; height: 160px; overflow: hidden; }
.floor .fModel .goodsPic img { width: 160px; height: 160px; }
.floor .fModel .goodsName { display: block; height:40px; margin:5px 0; font-size:12px; line-height: 20px; color:#666; overflow: hidden; }
.floor .fModel .goodsPrice { height: 25px; line-height: 25px; font-size: 14px; color:#FF6600; font-weight: 700;}