.cy_haisansongcau_header {
  font-family: "Open Sans", sans-serif;
  max-width: 1920px;
  margin: 0 auto;
  background-color: #fff; }
  .cy_haisansongcau_header .navbar-toggle {
    display: block;
    flex-shrink: 0;
    position: relative;
    float: right;
    padding: 9px 10px;
    background-color: #0056e0;
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
    .cy_haisansongcau_header .navbar-toggle .icon-bar {
      display: block;
      width: 22px;
      height: 2px;
      border-radius: 1px;
      background-color: #fff; }
  .cy_haisansongcau_header .top-container {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .cy_haisansongcau_header .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  .cy_haisansongcau_header .row-flex {
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
  .cy_haisansongcau_header .logo-container .logo-box {
    padding: 30px 0; }
  .cy_haisansongcau_header .logo-container img {
    display: block;
    max-height: 103px; }
    @media (max-width: 767px) {
      .cy_haisansongcau_header .logo-container img {
        max-height: 60px; } }
  .cy_haisansongcau_header .info-container {
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px; }
    @media (min-width: 1200px) {
      .cy_haisansongcau_header .info-container {
        padding-left: 0;
        padding-right: 0; } }
    .cy_haisansongcau_header .info-container .name {
      font-size: 31px;
      line-height: 1.4;
      font-weight: bold;
      text-transform: uppercase;
      font-family: "UTM Avo";
      font-weight: bold;
      color: #202ca8;
      margin-bottom: 5px;
      text-shadow: white 3px 0px 0px, white 2.83487px 0.981584px 0px, white 2.35766px 1.85511px 0px, white 1.62091px 2.52441px 0px, white 0.705713px 2.91581px 0px, white -0.287171px 2.98622px 0px, white -1.24844px 2.72789px 0px, white -2.07227px 2.16926px 0px, white -2.66798px 1.37182px 0px, white -2.96998px 0.42336px 0px, white -2.94502px -0.571704px 0px, white -2.59586px -1.50383px 0px, white -1.96093px -2.27041px 0px, white -1.11013px -2.78704px 0px, white -0.137119px -2.99686px 0px, white 0.850987px -2.87677px 0px, white 1.74541px -2.43999px 0px, white 2.44769px -1.73459px 0px, white 2.88051px -0.838247px 0px; }
    .cy_haisansongcau_header .info-container .slogan {
      font-size: 27px;
      line-height: 1.4;
      color: #f00303;
      text-transform: uppercase;
      font-family: "UTM Avo";
      font-weight: bold;
      text-shadow: white 2px 0px 0px, white 1.75517px 0.958851px 0px, white 1.0806px 1.68294px 0px, white 0.141474px 1.99499px 0px, white -0.832294px 1.81859px 0px, white -1.60229px 1.19694px 0px, white -1.97998px 0.28224px 0px, white -1.87291px -0.701566px 0px, white -1.30729px -1.5136px 0px, white -0.421592px -1.95506px 0px, white 0.567324px -1.91785px 0px, white 1.41734px -1.41108px 0px, white 1.92034px -0.558831px 0px; }
  .cy_haisansongcau_header .hotline-container .wrapper {
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 7px;
    color: #202ca8;
    font-size: 16px;
    float: right;
    margin-right: -70px;
    font-weight: 600;
    position: relative;
    z-index: 0;
    padding: 12px 7px; }
    .cy_haisansongcau_header .hotline-container .wrapper:after {
      content: "";
      position: absolute;
      z-index: -1;
      top: -7px;
      left: -7px;
      right: 0;
      bottom: 0;
      background-color: rgba(255, 255, 255, 0.58);
      -moz-transform: skewX(-22deg);
      -webkit-transform: skewX(-22deg);
      -o-transform: skewX(-22deg);
      -ms-transform: skewX(-22deg);
      transform: skewX(-22deg); }
    .cy_haisansongcau_header .hotline-container .wrapper:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: -7px;
      bottom: -7px;
      background-color: rgba(255, 255, 255, 0.58);
      -moz-transform: skewX(-22deg);
      -webkit-transform: skewX(-22deg);
      -o-transform: skewX(-22deg);
      -ms-transform: skewX(-22deg);
      transform: skewX(-22deg); }
    .cy_haisansongcau_header .hotline-container .wrapper .item {
      padding-left: 10px;
      line-height: 1; }
      .cy_haisansongcau_header .hotline-container .wrapper .item + .item {
        padding-left: 0;
        margin-top: 10px; }
      .cy_haisansongcau_header .hotline-container .wrapper .item a {
        color: inherit;
        line-height: 1;
        -webkit-transition: color 0.3s ease;
        -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        transition: color 0.3s ease; }
        .cy_haisansongcau_header .hotline-container .wrapper .item a.tel {
          color: #ff1010; }
        .cy_haisansongcau_header .hotline-container .wrapper .item a:hover {
          color: #f00303; }
  .cy_haisansongcau_header .form-search {
    width: 220px;
    flex-shrink: 0;
    padding: 7px 0; }
  .cy_haisansongcau_header .search-box {
    position: relative; }
    .cy_haisansongcau_header .search-box button {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 40px;
      bottom: 0;
      -webkit-border-radius: 0 3px 3px 0;
      border-radius: 0 3px 3px 0;
      text-align: center;
      color: #fff;
      border: none;
      background-color: #ea0000; }
    .cy_haisansongcau_header .search-box input {
      width: 100%;
      height: 38px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      border: none;
      font-size: 16px;
      font-weight: 300;
      padding: 0 15px;
      padding-right: 60px;
      border: none; }
  .cy_haisansongcau_header .nav-container {
    background-color: #203489;
    max-width: 1920px;
    margin: 0 auto; }
    .cy_haisansongcau_header .nav-container .flex-container {
      display: -webkit-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .cy_haisansongcau_header .nav-container .flex-container .nav-wrapper {
        flex-grow: 1; }
        .cy_haisansongcau_header .nav-container .flex-container .nav-wrapper nav > ul {
          display: -webkit-flex;
          display: -ms-flex;
          display: -moz-flex;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .cy_haisansongcau_header .nav-container .flex-container .nav-wrapper nav > ul > li {
            flex-grow: 1; }
        .cy_haisansongcau_header .nav-container .flex-container .nav-wrapper nav > ul > li > a:hover, .cy_haisansongcau_header .nav-container .flex-container .nav-wrapper nav > ul > li.current-menu-item > a {
          background-color: #be0c11; }
        .cy_haisansongcau_header .nav-container .flex-container .nav-wrapper nav > ul > li > a {
          text-align: center;
          color: #fff;
          text-transform: uppercase;
          font-size: 15px;
          line-height: 24px;
          -webkit-transition: color 0.3s ease, background-color 0.3s ease;
          -moz-transition: color 0.3s ease, background-color 0.3s ease;
          -ms-transition: color 0.3s ease, background-color 0.3s ease;
          -o-transition: color 0.3s ease, background-color 0.3s ease;
          transition: color 0.3s ease, background-color 0.3s ease;
          padding: 14px 15px;
          display: block; }
        .cy_haisansongcau_header .nav-container .flex-container .nav-wrapper nav > ul li.menu-item-has-children {
          position: relative; }
          .cy_haisansongcau_header .nav-container .flex-container .nav-wrapper nav > ul li.menu-item-has-children > a:after {
            content: "\f107";
            font-family: 'FontAwesome';
            padding-left: 5px; }
          .cy_haisansongcau_header .nav-container .flex-container .nav-wrapper nav > ul li.menu-item-has-children > ul {
            position: absolute;
            z-index: 20;
            top: 120%;
            left: 0;
            width: 200px;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            .cy_haisansongcau_header .nav-container .flex-container .nav-wrapper nav > ul li.menu-item-has-children > ul li.menu-item-has-children > a:after {
              content: "\f105";
              font-family: 'FontAwesome';
              float: right; }
            .cy_haisansongcau_header .nav-container .flex-container .nav-wrapper nav > ul li.menu-item-has-children > ul li a {
              display: block;
              background-color: #fff;
              color: #333;
              padding: 4px 10px;
              font-size: 15px;
              line-height: 22px;
              -webkit-transition: color 0.3s ease;
              -moz-transition: color 0.3s ease;
              -ms-transition: color 0.3s ease;
              -o-transition: color 0.3s ease;
              transition: color 0.3s ease; }
              .cy_haisansongcau_header .nav-container .flex-container .nav-wrapper nav > ul li.menu-item-has-children > ul li a:hover {
                color: #202ca8; }
            .cy_haisansongcau_header .nav-container .flex-container .nav-wrapper nav > ul li.menu-item-has-children > ul li + li {
              border-top: 1px solid #202ca8; }
            .cy_haisansongcau_header .nav-container .flex-container .nav-wrapper nav > ul li.menu-item-has-children > ul li ul {
              position: absolute;
              z-index: 20;
              top: 0;
              left: 120%;
              padding-left: 5px;
              opacity: 0;
              visibility: hidden;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -ms-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
            .cy_haisansongcau_header .nav-container .flex-container .nav-wrapper nav > ul li.menu-item-has-children > ul li:hover > ul {
              opacity: 1;
              visibility: visible;
              left: 100%; }
        .cy_haisansongcau_header .nav-container .flex-container .nav-wrapper nav > ul > li:hover > ul {
          opacity: 1;
          visibility: visible;
          opacity: 1;
          top: 100%; }
      .cy_haisansongcau_header .nav-container .flex-container .search-box {
        flex-shrink: 0;
        padding-left: 20px; }
      .cy_haisansongcau_header .nav-container .flex-container .cart {
        flex-shrink: 0;
        padding-left: 20px; }
        .cy_haisansongcau_header .nav-container .flex-container .cart a {
          display: -webkit-flex;
          display: -ms-flex;
          display: -moz-flex;
          display: flex;
          align-items: center;
          color: #fff;
          -webkit-transition: color 0.3s ease;
          -moz-transition: color 0.3s ease;
          -ms-transition: color 0.3s ease;
          -o-transition: color 0.3s ease;
          transition: color 0.3s ease; }
          .cy_haisansongcau_header .nav-container .flex-container .cart a:hover {
            color: #ff0019; }
  .cy_haisansongcau_header .mob-container {
    background: #0082ff;
    background: -moz-linear-gradient(top, #0082ff 0%, #0067ff 100%);
    background: -webkit-linear-gradient(top, #0082ff 0%, #0067ff 100%);
    background: linear-gradient(to bottom, #0082ff 0%, #0067ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0082ff', endColorstr='#0067ff',GradientType=0 ); }
    .cy_haisansongcau_header .mob-container .wrapper {
      display: -webkit-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .cy_haisansongcau_header .mob-container .wrapper .box-right {
        flex-grow: 1; }
        .cy_haisansongcau_header .mob-container .wrapper .box-right .box-right-container {
          display: -webkit-flex;
          display: -ms-flex;
          display: -moz-flex;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
    .cy_haisansongcau_header .mob-container .btn-cart {
      width: 41px;
      height: 41px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      margin-left: 10px;
      line-height: 31px;
      text-align: center;
      background-color: #fff;
      padding: 5px;
      color: #0056e0; }
      .cy_haisansongcau_header .mob-container .btn-cart img {
        max-height: 25px;
        vertical-align: middle; }
    .cy_haisansongcau_header .mob-container .search-container {
      margin-left: 10px;
      position: relative; }
      .cy_haisansongcau_header .mob-container .search-container .btn-search {
        cursor: pointer;
        background-color: transparent;
        color: #0056e0;
        border: none;
        font-size: 16px;
        width: 41px;
        height: 41px;
        padding: 0;
        text-align: center;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #fff;
        -webkit-transition: color 0.3s ease;
        -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        transition: color 0.3s ease; }
      .cy_haisansongcau_header .mob-container .search-container .form-container {
        position: absolute;
        top: 100%;
        right: 0;
        width: 250px;
        display: none; }
        .cy_haisansongcau_header .mob-container .search-container .form-container input {
          width: 100%;
          height: 41px;
          -webkit-border-radius: 22px;
          border-radius: 22px;
          border: none;
          -webkit-box-shadow: 0px 5px 7px 0px rgba(255, 255, 255, 0.54);
          box-shadow: 0px 5px 7px 0px rgba(255, 255, 255, 0.54);
          font-size: 15px;
          padding: 0 50px 0 15px;
          background-color: rgba(0, 0, 0, 0.5);
          color: #fff; }
          .cy_haisansongcau_header .mob-container .search-container .form-container input::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: #dcdcdc; }
          .cy_haisansongcau_header .mob-container .search-container .form-container input::-moz-placeholder {
            /* Firefox 19+ */
            color: #dcdcdc; }
          .cy_haisansongcau_header .mob-container .search-container .form-container input:-ms-input-placeholder {
            /* IE 10+ */
            color: #dcdcdc; }
          .cy_haisansongcau_header .mob-container .search-container .form-container input:-moz-placeholder {
            /* Firefox 18- */
            color: #dcdcdc; }
        .cy_haisansongcau_header .mob-container .search-container .form-container button {
          cursor: pointer;
          background-color: transparent;
          position: absolute;
          top: 0;
          right: 0;
          height: 41px;
          padding: 0 15px 0 10px;
          font-size: 14px;
          border: none;
          z-index: 10;
          color: #fff;
          text-transform: uppercase;
          -webkit-transition: color 0.3s ease;
          -moz-transition: color 0.3s ease;
          -ms-transition: color 0.3s ease;
          -o-transition: color 0.3s ease;
          transition: color 0.3s ease; }
          .cy_haisansongcau_header .mob-container .search-container .form-container button:hover {
            color: #de0000; }
  @media (max-width: 1365px) {
    .cy_haisansongcau_header .hotline-container .wrapper {
      float: none;
      margin-right: 0; }
      .cy_haisansongcau_header .hotline-container .wrapper .item span {
        display: none; }
    .cy_haisansongcau_header .hotline-container .wrapper img {
      margin-right: 2px; }
    .cy_haisansongcau_header .info-container .name {
      font-size: 35px; }
    .cy_haisansongcau_header .info-container .address {
      font-size: 15px; } }
  @media (max-width: 1199px) {
    .cy_haisansongcau_header .hotline-container .wrapper img {
      width: 50px; }
    .cy_haisansongcau_header .hotline-container .wrapper .title {
      font-size: 17px; }
    .cy_haisansongcau_header .info-container .name {
      font-size: 27px; }
    .cy_haisansongcau_header .info-container .slogan {
      font-size: 25px; }
    .cy_haisansongcau_header .nav-container .flex-container .nav-wrapper nav ul > li > a {
      font-size: 15px;
      padding: 8px 13px; }
    .cy_haisansongcau_header .nav-container .flex-container .nav-wrapper nav > ul li.menu-item-has-children > ul li a {
      font-size: 14px; }
    .cy_haisansongcau_header .form-search {
      padding: 5px 0; }
      .cy_haisansongcau_header .form-search .search-box input {
        height: 30px;
        font-size: 14px; } }
  @media (max-width: 991px) {
    .cy_haisansongcau_header .form-search {
      flex-grow: 1;
      padding-right: 20px; }
    .cy_haisansongcau_header .top-container .logo-container {
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      align-items: center;
      justify-content: space-between; }
      .cy_haisansongcau_header .top-container .logo-container img {
        max-height: 60px;
        margin: 0 auto; } }

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