section.header {
  background-image: url(../image/header6.jpg); }

div._main {
  background-color: #f8f8f8;
  background-image: url(../image/bg1.png);
  background-position: top center;
  background-size: 9 auto;
  background-repeat: no-repeat;
  overflow: hidden; }

section.info {
  text-align: center;
  padding: 5rem 0;
  overflow: hidden;
  position: relative; }
  section.info:before {
    content: 'JADY';
    display: block;
    font-family: Arial;
    font-weight: bold;
    font-size: 10rem;
    color: #333333;
    opacity: 0.1;
    transform: rotate(90deg);
    position: absolute;
    left: 50%;
    top: -3rem;
    padding-left: 38rem;
    z-index: 1; }
    @media (max-width: 800px) {
      section.info:before {
        display: none; } }

div.intro {
  background: #004199;
  width: 45rem;
  padding-left: 200rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  margin: auto;
  color: #fff;
  position: absolute;
  right: 50%;
  margin-right: -30rem;
  box-shadow: 0 1.75rem 2.75rem rgba(0, 47, 112, 0.17); }
  div.intro p {
    text-align: left;
    margin-bottom: 3rem; }
  div.intro ul {
    text-align: left; }
    div.intro ul li {
      display: inline-block;
      vertical-align: top;
      margin-right: 3rem;
      text-align: center; }
      div.intro ul li strong {
        font-size: 4rem;
        font-family: Arial;
        display: block;
        line-height: 1; }
  @media (max-width: 800px) {
    div.intro {
      width: 100%;
      padding-left: 0;
      margin-right: 0;
      position: static; }
      div.intro p {
        text-align: center; }
      div.intro ul {
        text-align: center;
        margin: auto; }
        div.intro ul li {
          margin-left: 1.5rem;
          margin-right: 1.5rem; } }
  @media (max-width: 520px) {
    div.intro ul li {
      margin-left: 1rem;
      margin-right: 1rem; } }
  @media (max-width: 480px) {
    div.intro ul li {
      width: 40%;
      margin: auto; } }

section.info-result {
  text-align: center;
  padding: 5rem 0;
  overflow: hidden;
  position: relative; }

div.search {
  margin-top: 27rem;
  margin-bottom: 2rem; }
  @media (max-width: 800px) {
    div.search {
      margin-top: 8rem; } }
  div.search form > span {
    margin: auto 0.75em;
    display: inline-block; }
    @media (max-width: 450px) {
      div.search form > span {
        display: block;
        width: 66%;
        margin: auto;
        text-align: left;
        margin-bottom: 0.75rem; } }

div.search.result {
  margin-top: 2rem; }

div.map {
  margin-top: 2rem; }
  div.map a {
    color: #333; }
  div.map ul {
    width: 60rem;
    height: 50rem;
    margin: auto;
    background-image: url(../image/map.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative; }
    div.map ul li {
      position: absolute; }
      div.map ul li:hover {
        color: #004199; }
    div.map ul #m_01 {
      left: 52rem;
      top: 29.75rem; }
    div.map ul #m_02 {
      left: 28rem;
      top: 41rem; }
    div.map ul #m_03 {
      left: 34.5rem;
      top: 18.25rem; }
    div.map ul #m_04 {
      left: 45rem;
      top: 18.5rem; }
    div.map ul #m_05 {
      left: 53rem;
      top: 12.5rem; }
    div.map ul #m_06 {
      left: 29rem;
      top: 33rem; }
    div.map ul #m_07 {
      left: 45.75rem;
      top: 20rem; }
    div.map ul #m_08 {
      left: 33rem;
      top: 23rem; }
    div.map ul #m_09 {
      left: 46.25rem;
      top: 30.5rem; }
    div.map ul #m_10 {
      left: 46.25rem;
      top: 23.5rem; }
    div.map ul #m_11 {
      left: 39.5rem;
      top: 23rem; }
    div.map ul #m_12 {
      left: 43rem;
      top: 41rem; }
    div.map ul #m_13 {
      left: 37rem;
      top: 41.5rem; }
    div.map ul #m_14 {
      left: 13rem;
      top: 18rem; }
    div.map ul #m_15 {
      left: 48rem;
      top: 27rem; }
    div.map ul #m_16 {
      left: 45rem;
      top: 35.5rem; }
    div.map ul #m_17 {
      left: 42.75rem;
      top: 21rem; }
    div.map ul #m_18 {
      left: 41.75rem;
      top: 27.25rem; }
    div.map ul #m_19 {
      left: 50rem;
      top: 32.5rem; }
    div.map ul #m_20 {
      left: 39rem;
      top: 48rem; }
    div.map ul #m_21 {
      left: 41rem;
      top: 31.5rem; }
    div.map ul #m_22 {
      left: 40rem;
      top: 35.5rem; }
    div.map ul #m_23 {
      left: 31rem;
      top: 26.5rem; }
    div.map ul #m_24 {
      left: 48rem;
      top: 37.5rem; }
    div.map ul #m_25 {
      left: 35rem;
      top: 37rem; }
    div.map ul #m_26 {
      left: 50.5rem;
      top: 16.25rem; }
    div.map ul #m_27 {
      left: 35.5rem;
      top: 33.5rem; }
    div.map ul #m_28 {
      left: 35.5rem;
      top: 28.5rem; }
    div.map ul #m_29 {
      left: 23rem;
      top: 25rem; }
    div.map ul #m_30 {
      left: 53rem;
      top: 8rem; }
    div.map ul #t_01 {
      left: 13rem;
      top: 31rem; }
    div.map ul #t_02 {
      left: 52rem;
      top: 39rem; }
    div.map ul #t_01 {
      left: 13rem;
      top: 31rem; }
    div.map ul #t_02 {
      left: 52rem;
      top: 39rem; }
    div.map ul #t_03 {
      left: 44rem;
      top: 43rem; }
    div.map ul #t_04 {
      left: 41rem;
      top: 44rem; }
    div.map ul #t_01:after, div.map ul #t_02:after, div.map ul #t_03:after, div.map ul #t_04:after {
      content: "(暂无网点)";
      display: block;
      color: #ccc; }
  @media (max-width: 800px) {
    div.map {
      margin-top: 6rem; }
      div.map ul {
        background: none;
        width: 90%;
        height: auto;
        text-align: left; }
        div.map ul li {
          position: static;
          display: inline-block;
          font-size: 1.25rem;
          padding: 0.25rem 0.75rem;
          border: 2px solid #e5e5e5;
          margin: auto 1rem 1rem auto;
          transition: all 0.3s; }
          div.map ul li:hover {
            border: 2px solid #004199; }
        div.map ul #t_01, div.map ul #t_02, div.map ul #t_03, div.map ul #t_04 {
          display: none; } }

div#result {
  width: 90%;
  max-width: 80rem;
  text-align: left;
  margin: 2rem auto;
  padding-top: 22rem;
  margin-top: -20rem; }
  div#result h2 {
    font-size: 2.5rem;
    font-weight: lighter;
    line-height: 1;
    display: inline-block;
    margin-bottom: 3rem; }
    div#result h2:before {
      content: '';
      display: block;
      width: 100%;
      height: 1.25rem;
      background-color: #cce2ff;
      margin-top: 3rem;
      margin-bottom: -3rem; }
  div#result ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    div#result ul li {
      width: 33.3333333333%;
      box-sizing: border-box;
      padding-right: 2rem;
      margin-bottom: 1.5rem; }
      div#result ul li h3 {
        font-size: 1rem; }
      div#result ul li span, div#result ul li p {
        color: #808080; }
      @media (max-width: 750px) {
        div#result ul li {
          width: 50%; } }
      @media (max-width: 410px) {
        div#result ul li {
          width: 100%; } }

/*# sourceMappingURL=shop.css.map */