.green {
  background: #80c645
}

.orange {
  background: #ffad00
}

.pink {
  background: #ff6464
}

.footer_wrapper {
  width: 1000px;
  margin: 0 auto
}

.frd_link {
  float: left
}

.frd_link ul {
  float: left
}

.frd_link li {
  float: left;
  color: #23232b;
  font-size: 14px;
  padding-left: 10px;
  line-height: 28px
}

.frd_link li a {
  color: #23232b
}

.copyright {
  display: block;
  clear: both;
  font-size: 12px;
  color: #666;
  padding-top: 35px
}

.copyright p {
  padding-left: 12px;
  line-height: 20px
}

.blog {
  float: right
}

.blog li img {
  padding-right: 10px;
  height: 1.2em
}

.blog ul li {
  float: left;
  padding-left: 12px;
  font-size: 14px;
  color: #24232b;
  line-height: 28px
}

.blog ul li a {
  color: #24232b
}



@media screen and (max-width: 768px) {
  body {
    font-size:1.1em
  }
  .footer_wrapper {
    width: 96%;
    text-align: center;
    font-size: 1em
  }

  .frd_link {
      float: none;
      display: inline-block
  }

  .frd_link ul {
      text-align: center
  }

  .blog {
      clear: both;
      width: 100%;
      text-align: center
  }

  .blog ul {
      text-align: center;
      display: inline-block
  }

  .blog ul li {
      font-size: .8em;
      display: inline-block;
      float: none
  }

  .frd_link li {
      font-size: .8em;
      padding-left: .9em;
      float: none;
      display: inline-block
  }

  .blog li b,.blog li img {
      float: none;
      vertical-align: middle
  }
  ul li.h {
      width: 100%;
      padding-left: 0
  }

  .copyright p {
      font-size: .8em;
      width: 23em;
      margin: 0 auto
  }

  
}

@media screen and (max-width: 630px) {
  .products {
      width:100%
  }
}

@media screen and (max-width: 553px) {
  .products {
      width:53%
  }
}

@media screen and (max-width: 414px) {
  body {
      font-size:1em
  }

  .banner_breadCrumb {
      height: 600px
  }

  .breadCrumb_wrapper {
      width: 220px
  }

  .banner_breadCrumb b {
      zoom:.9}

  .banner {
      height: 600px
  }

  .banner .con {
      width: 100%;
      height: 600px
  }

  .con .sign {
      width: 100%;
      top: 20px;
      left: 0
  }

  .con .sign .mp_logo {
      width: 25%;
      margin: 0 auto
  }

  .con .sign .mp_slogan {
      margin: 15px auto 0;
      width: 68%
  }

  .down {
      width: 110px;
      height: 35px;
      line-height: 35px;
      font-size: .9em;
      margin: 1.5em auto 0
  }

  .pic_show {
      margin: auto;
      width: 90%;
      left: 0;
      right: 0
  }

  .pic_show img {
      width: 100%;
      height: auto
  }

  .rsNavItem span {
      width: 8px;
      height: 8px
  }

  .con .mask {
      position: absolute;
      z-index: 9;
      bottom: 0;
      height: 100%;
      width: 100%;
      background: left bottom url(https://imgaliyuncdn.miaopai.com/static20131031/miaopai20140729/new_yixia/static/imgs/mask_banner.png) no-repeat
  }

  .xkx_slogan {
      width: 49%;
      margin: 20px auto 0;
      display: block
  }

  .xkx_logo {
      width: 30%;
      display: block;
      margin: 0 auto
  }

  .banner_xiaokaxiu .pic_show {
      width: 370px;
      left: 0
  }

  .yzb_logo {
      width: 110px;
      display: block;
      margin: 0 auto
  }

  .yzb_slogan {
      width: 43%;
      margin: 20px auto 0;
      display: block
  }
}

@media screen and (max-width: 385px) {
  .products .card {
      width:137px;
      display: block;
      margin: 0 auto 15px
  }

  .pic_show {
      width: 300px
  }

  .breadCrumb_wrapper {
      width: 150px
  }

  .banner_breadCrumb {
      height: 550px
  }

  .banner {
      height: 550px
  }

  .banner .con {
      width: 100%;
      height: 550px
  }

  .banner_xiaokaxiu .pic_show {
      width: 300px
  }
}

@media screen and (max-width: 320px) {
  body {
      font-size:.9em
  }

  .banner_breadCrumb {
      height: 500px
  }

  .banner {
      height: 500px
  }

  .banner .con {
      width: 100%;
      height: 500px
  }
}

.down {
  background: #ffea00
}

.banner_breadCrumb .breadCrumb_008,.banner_breadCrumb .breadCrumb_020 {
  background-image: url(https://imgaliyuncdn.miaopai.com/static20131031/miaopai20140729/new_yixia/static/imgs/breadCrumb_1.png)
}

.banner_bobo .down {
  background: #fff
}

.banner_bobo .down a {
  color: #fd415f
}

.rsNav {
  width: 120px
}

.product,.products {
  width: auto
}

.bobo_logo {
  width: 274px;
  height: 67px
}

.bobo .breadCrumb_001 {
  left: -663px;
  top: 80px
}

.bobo .breadCrumb_002 {
  left: -708px;
  top: 229px
}

.bobo .breadCrumb_003 {
  left: -408px;
  top: 293px
}

.bobo .breadCrumb_004 {
  left: -267px;
  top: 228px
}

.bobo .breadCrumb_005 {
  left: -169px;
  top: 415px
}

.bobo .breadCrumb_006 {
  left: -212px;
  top: 266px
}

.bobo .breadCrumb_007 {
  left: -106px;
  top: 296px
}

.bobo .breadCrumb_008 {
  left: -64px;
  top: 228px
}

.bobo .breadCrumb_009 {
  left: -52px;
  top: 115px
}

.bobo .breadCrumb_010 {
  left: -43px;
  top: 175px
}

.banner_bobo .pic_show img {
  height: 520px
}

@media screen and (max-width: 768px) {
  .banner_bobo .pic_show img {
      height:auto
  }

  .con .sign .bobo_logo {
      width: 140px;
      height: auto;
      display: block;
      margin: 0 auto
  }
}