@charset "UTF-8";
/*首页标题*/
.indexTitle{text-align: center; line-height: 63px; color: #333; font-size: 22px; font-weight: bold;}
.indexTitle i{color: #333; font-size: 22px;}
.indexTitle span{padding: 0 20px;}

/*广告位*/
.ggw{ width: 1200px; display: block; margin: 10px auto;}
.ggw img{display: block;}

/*焦点图部分*/
.foucusBox{width: 1200px; height: 480px; position: relative; margin: 10px auto;}
.foucusLeft{width: 734px; height: 480px; overflow: hidden; position: absolute; left: 220px; top: 0;}
.slideBox{ width:734px; height:370px; overflow:hidden; position:relative; }
.slideBox .hd{ height:6px; overflow:hidden; position:absolute; right:15px; bottom:15px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:6px;  width:30px; height:6px; background:#476065; cursor:pointer; }
.slideBox .hd ul li.on{ background:#e83632; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:734px; height:370px; display:block; }
.foucusBottom{ width: 744px; height: 100px; margin-top: 10px;font-size: 0;}
.foucusBottom a{}
.foucusBottom a img{display: inline-block; margin-right: 10px;}
.foucusRight{width: 235px; height: 480px; border: 1px solid #dee3eb; box-sizing: border-box; background-color: #fff; position: absolute; right: 0;}
.focusLogin{width: 233px; margin: 0 auto; text-align: center;}
.focusLogin img{display: block;width: 36px; height: 36px; margin: 22px auto 0; border-radius: 50%;}
.focusLogin p{line-height: 30px; font-size: 14px; color: #666;}
.focusLoginBtn{font-size: 0;text-align: center;}
.focusLoginBtn a{display: inline-block; width: 99px; height: 32px; border: 1px solid #e83632; font-size: 12px; line-height: 30px; color: #e83632; margin: 15px 3px;}
.zcxx{width: 205px; margin: 0 auto; border-bottom: 1px dotted #ccc;}
.zcxx h3{line-height: 40px; font-size: 16px; color: #333; font-weight: normal; border-bottom: 1px dotted #ccc;}
.zcxx ul{padding: 5px 0;}
.zcxx ul li{line-height: 25px; width: 205px; height: 25px; overflow: hidden;}
.zcxx ul li a{color: #666;}
.zcxx ul li a:hover{color: #e83632;}
.zcxxBtn{width: 205px; height: 34px; display: block; text-align: center; margin: 18px auto; box-sizing: border-box; background-color: #f8f8f8; border: 1px solid #dbdbdb; line-height: 32px;}

/*一站购物*/
.yzgw{width: 1200px; margin: 0 auto; text-align: center;}
.yzgw a{font-size: 0px; float: left; margin-left: 9px;}
.yzgw a:first-child{margin-left: 0;}
.yzgw a img{display: block;}

/*产品列表*/
.border01{border-top: 2px solid #ff5555;}
.bgcolor01{background-color: #ff5555;}
.border02{border-top: 2px solid #ffaa00;}
.bgcolor02{background-color: #ffaa00;}
.border03{border-top: 2px solid #0099ff;}
.bgcolor03{background-color: #0099ff;}
.border04{border-top: 2px solid #00cc99;}
.bgcolor04{background-color: #00cc99;}
.border05{border-top: 2px solid #9846e9;}
.bgcolor05{background-color: #9846e9;}
.border06{border-top: 2px solid #ffaa00;}
.bgcolor06{background-color: #ffaa00;}
.border07{border-top: 2px solid #0099ff;}
.bgcolor07{background-color: #0099ff;}
.border08{border-top: 2px solid #00cc99;}
.bgcolor08{background-color: #00cc99;}
.indexmain{width: 1200px; margin: 0 auto 50px;}
.proBox{width: 1200px; margin: 0 auto; background-color: #fff; border-right: 1px solid #dee3eb; border-bottom: 1px solid #dee3eb; position: relative;}

.proLeft{width: 240px; height: 620px; padding: 20px 15px; box-sizing: border-box;}
.proLeft h3{font-size: 24px; font-weight: bold; color: #fff;} 
.proLeftEnter{width: 70px; height: 20px; line-height: 20px; text-align: center; display: block; border: 1px solid #fff; font-size: 12px; color: #fff; margin-top: 20px;}
.proLeft img{display: block; margin: 20px auto;}
.proLeftSubNav{ font-size: 0; width: 100%; line-height: 20px; max-height: 200px; overflow: hidden;}
.proLeftSubNav a{ font-size: 14px; display: inline-block; color: #fff; margin-right: 10px;}
.proList{width: 720px; position: absolute; left: 240px; top: 0;} 
.proList li{width: 240px; height: 310px; position: relative; overflow: hidden; float: left; border-right: 1px solid #eee; padding: 0 20px; box-sizing: border-box;}
.proList img{width: 200px; height: 200px; display: block; margin:18px auto 5px;}
.proList p{height: 40px; overflow: hidden;line-height: 20px;}
.proList p a:hover{color: #E83632;}
.proList b{line-height: 40px; display: block; color: #E83632; font-weight: normal; font-size: 16px;}
.scAdd{position: absolute; right:20px; bottom:12px; font-size: 0; border: 1px solid #eee; border-left: 0;box-sizing: border-box;}
.scAdd a{display: inline-block; width: 62px; height: 26px; border-left: 1px solid #eee; text-align: center; font-size: 12px; line-height: 24px; box-sizing: border-box;}
.proRight{position: absolute; right: 0; top: 0; width: 240px; }
.proRight a img{display: block; margin: 20px auto; width: 200px; height: 580px;}

/*首页楼层导航*/
.floorNav{width:35px;position:fixed;left:7.5%;top:245px;z-index:1000;background-color:#fff;display:none;}
.floorNav ul li a{width:40px;height:40px;text-align:center;position:relative;font:12px/20px "\5B8B\4F53";display:block;}
.floorNav ul li a{background-color:#eee;color:#666;}
.floorNav ul li a i{color:#8b8b8b;width:40px;height:40px;position:absolute;top:0px;left:0px;display:block;background-color:#fff; border-top:1px solid #f2f4f7; font:14px/40px "arial"}
.floorNav ul li a:hover,.floorNav ul li.on a{background-color:#e83632;color:#fff;text-decoration:none}
.floorNav ul li a:hover i,.floorNav ul li.on a i{display:none;}