.s-nav-h-menus{
    background: #555555;
    margin:10px auto 0;
    height: 38px;
    width: 100%;
}
#s-nav-h-items{
    width: 1200px;
    margin:0 auto;
}
#s-nav-h-items ul{
    width: 100%;
    text-align:left;
}
#s-nav-h-items ul{max-width:600px;}
.s-nav-li a{
    color: #fff;
    font: 400 15px/36px "microsoft yahei";
    height: 36px;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
}
.s-nav-li:hover{
    color: #fff;
    background-color:#999;
}
.s-nav-li{
  float: left;
  padding: 0 5px;
  height:38px;
  line-height: 36px;
}
.nav-360h-boxa{
    background:#cb2004;
    background-size: cover;
}

.topBanner {}
.topBanner a { display: block;width: 100%; }
.topBanner a img { display: block;width: 100%; }

.contacts { height: 58px;background: #fff; }
.contacts .contact { float: left;width: 33%;height: 100%; }
.contacts .contact.contact-wx { background: #339026; }
.contacts .contact.contact-tel { background:#e06812;margin-left: 0.5%; margin-right: 0.5%; }
.contacts .contact.contact-qq { background: #107ec9; }
.contacts .contact em { display: block; width: 40px; height: 40px; background: #fff;border-radius: 20px; margin-top: 9px;margin-left: 10px; }
.contacts .contact.contact-wx em { background-image: url('../img/icon-contact-wx.png') }
.contacts .contact.contact-tel em { background-image: url('../img/icon-contact-tel.png') }
.contacts .contact.contact-qq em { background-image: url('../img/icon-contact-qq.png') }
.contacts .contact div { position: relative;left: 60px;top: -28px;font-size: 24px;color: #fff; }

#about .contbx { background: #fff; }
#about .contbx .shopName { padding-top: 20px;text-align: center;font-size: 24px; }
#about .contbx .shopDesc { padding: 10px;text-indent: 2em; }

.contbx .mtop10 .title { border-bottom: 2px solid #ccc; }

.s-rec-goods-list{
  height:100%;
  padding:5px;
  float: left;
  width: 24%;
  margin-left: 0.5%;
  margin-right: 0.5%;
}
.s-rec-goods-list li{
  margin:1px;
  width:100%;
  border:1px solid #ddd;
  padding:1px;
}
.s-rec-goods-list li img{
  padding:5px;
}
.s-rec-goods-list li img:hover{
  padding:0px;
}
.s-rec-goods-list li .title{
  width:100%;
  height:50px;
  line-height: 20px;
  margin-top:5px;
  overflow: hidden;
  padding:0px 5px;
}

.productList .msg.noproduct { padding-top: 20px;padding-bottom: 20px;text-align: center; }
.storeList { padding-bottom: 10px; }
.storeList .msg.nostores { padding-top: 20px;padding-bottom: 20px;text-align: center; }
.storeList .store { float: left;width: 396px; height: 150px; border:1px solid #ccc;overflow: hidden;margin-bottom: 10px; }
.storeList .store .storeImage { width: 390px; height: 120px; border-bottom: 1px solid #ccc; }
.storeList .store .storeImage a { display: block;width: 100%;height: 100%; }
.storeList .store .storeImage a img { width: 98%;height: 98%; padding: 1%; }
.storeList .store .storeImage a img:hover { animation:swing .2s ease-in;width: 100%;height: 100%;padding: 0; }
.storeList .store .storeLink { min-height: 30px;text-align: center; line-height: 30px; }

.sec-title { height: 50px; }
.sec-title .title-a { line-height: 50px;font-size: 32px;font-weight: 610;color: #000;margin-left: 10px; }
.sec-title .title-b { line-height: 50px;font-size: 32px;font-weight: 610;color: #000; }
.sec-title .title-c { font-size: 20px;font-weight: 520;color: #4697d1; }

@media only screen and (min-width: 360px){

}

@media only screen and (min-width: 400px){

}


@media only screen and (min-width: 640px){

}

@media only screen and (min-width: 1025px){

}


@media only screen and (min-width: 1260px) {

}