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

#cate-nav {
  position: fixed;
  top: 50%;
  left: 0;
  margin-top: -4rem;
  display: none;
  z-index: 15; }
  #cate-nav li {
    position: relative;
    padding: 0.25rem 0;
    padding-left: 2.5rem;
    color: #999; }
    #cate-nav li:after {
      content: "";
      display: block;
      width: 0.5rem;
      height: 0.5rem;
      position: absolute;
      left: 1.25rem;
      top: 50%;
      margin-top: -0.25rem;
      border: 1px solid #ddd;
      border-radius: 1rem; }
    #cate-nav li span {
      vertical-align: middle;
      cursor: pointer; }
    #cate-nav li.current span {
      color: #004199; }
    #cate-nav li.current:after {
      width: 1rem;
      height: 1rem;
      left: 1rem;
      margin-top: -0.5rem;
      border: 1px solid #ddd;
      background: #fff;
      border: 1px solid #004199; }
    #cate-nav li.current:before {
      content: "";
      display: block;
      width: 1.25rem;
      height: 1px;
      position: absolute;
      left: 0;
      top: 50%;
      background: #004199; }
  @media (max-width: 1150px) {
    #cate-nav {
      margin-top: -10rem; }
      #cate-nav li {
        width: 1rem;
        line-height: 1.1;
        border-top: 1px solid #e5e5e5;
        padding-left: 0.75rem;
        padding-bottom: 1.25rem; }
        #cate-nav li:after {
          display: none; }
        #cate-nav li.current {
          border-top: 1px solid #004199; }
          #cate-nav li.current span {
            color: #004199; }
          #cate-nav li.current:before {
            display: none; } }

._main {
  padding-bottom: 8rem; }

._main section {
  text-align: center;
  padding: 5rem 0 0 0;
  backround: #f8f8f8; }
  ._main section ul {
    width: 78rem;
    margin: auto;
    text-align: left; }
    ._main section ul li {
      width: 23rem;
      display: inline-block;
      vertical-align: top;
      text-align: center;
      margin: 1rem;
      box-sizing: border-box;
      transition: box-shadow 0.3s; }
      ._main section ul li img {
        width: 20rem;
        height: 20rem;
        object-fit: contain;}
      ._main section ul li h3 {
        font-size: 1.5rem;
        line-height: 1;
        margin: 0 auto 0.5rem; }
      ._main section ul li span {
        color: #999;
        margin-bottom: 0.5rem;
        display: block; }
      ._main section ul li p {
        margin-bottom: 1rem; }
      ._main section ul li:hover {
        box-shadow: 0 0 1rem rgba(0, 65, 153, 0.3);
        background: #fff; }
        ._main section ul li:hover h3 {
          color: #004199; }
  @media (max-width: 980px) {
    ._main section ul {
      width: auto;
      padding-left: 3rem; }
    ._main section ul li {
      width: 46%;
      margin: 2%;
      height: auto; }
      ._main section ul li img {
        width: 100%;
        height: auto; } }

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