h1, h2, h3, h4 {
 color: #343434;
 font-weight: 400;
 margin: 6px 0
}

h1 {
 font-size: 1.8em
}

.containerPage {
 padding: 0 20px 30px;
 background-color: #fff
}

@media only screen and (max-width:767px) {
 .containerPage {
  padding: 60px 10px 20px;
  background-color: #fff
 }
}

a .news-item:hover {
 border: 1px solid #00897b
}

ul {
 list-style: none;
 padding: 0;
 margin: 0
}

.img-responsive {
 height: auto;
 max-width: 100%;
 text-align: center
}

header {
 color: #fff;
 width: 100%;
 position: -webkit-sticky;
 position: sticky;
 top: 0;
 z-index: 1000;
 background-color: #006064
}

 header > div {
  position: relative
 }

 header > div, header > nav > ul {
  width: 1170px;
  margin: 0 auto
 }

  header > nav > ul > li:last-child > ul > li:first-child, header > nav > ul > li:last-child > ul > li:nth-child(2), header > nav > ul > li:last-child > ul > li:nth-child(3), header > nav > ul > li:last-child > ul > li:nth-child(4) {
   display: none
  }

  header > nav > ul > li:last-child > ul > li:nth-child(5) > a {
   border-color: #fff
  }

  header > nav > ul > li:nth-child(8) > ul {
   left: auto;
   right: 0
  }

   header > nav > ul > li:nth-child(8) > ul > li > ul {
    top: 0;
    left: -100%
   }

  header > nav > ul > li:nth-child(9) > ul {
   left: auto;
   right: 0
  }

  header > nav > ul > li > ul > li > ul > li > ul {
   display: none
  }

@media only screen and (min-width:992px) and (max-width:1199px) {
 header > div, header > nav > ul {
  width: 960px
 }

  header > nav > ul > li:last-child > ul > li:first-child, header > nav > ul > li:nth-child(8) > ul > li:first-child {
   display: none
  }

  header > nav > ul > li:last-child > ul > li:nth-child(2), header > nav > ul > li:last-child > ul > li:nth-child(3), header > nav > ul > li:last-child > ul > li:nth-child(4), header > nav > ul > li:nth-child(8) > ul > li:nth-child(2), header > nav > ul > li:nth-child(8) > ul > li:nth-child(3), header > nav > ul > li:nth-child(8) > ul > li:nth-child(4) {
   display: block
  }

   header > nav > ul > li:last-child > ul > li:nth-child(2) > a, header > nav > ul > li:nth-child(8) > ul > li:nth-child(2) > a {
    border-color: #fff
   }

  header > nav > ul > li:last-child > ul > li > ul, header > nav > ul > li:nth-child(8) > ul > li > ul {
   top: 0;
   left: -100%
  }

  header > nav > ul > li:nth-child(7), header > nav > ul > li:nth-child(8), header > nav > ul > li:nth-child(9) {
   display: none
  }
}

@media only screen and (max-width:991px) {
 header > div {
  width: 100%
 }

 header.fixed, header > nav {
  width: 100vw
 }

 header > nav {
  left: -100vw
 }
}

@media only screen and (min-width:992px) {
 header > div {
  position: relative
 }

  header > div > ul {
   margin: 0;
   padding: 0;
   width: 100%;
   list-style: none;
   display: flex;
   justify-content: flex-end
  }

   header > div > ul > li, header > div > ul > li > a {
    position: relative;
    line-height: 30px
   }

    header > div > ul > li > a {
     display: block;
     font-family: Lato,sans-serif;
     color: #fff;
     padding: 0 11px;
     height: 30px;
     text-decoration: none
    }

     header > div > ul > li > a:hover {
      text-decoration: none;
      color: #00897b
     }

    header > div > ul > li:first-child > ul {
     width: 200px
    }

    header > div > ul > li > ul {
     display: none;
     width: 200px;
     list-style: none;
     margin: 0;
     padding: 0;
     position: absolute;
     top: 25px;
     left: auto;
     right: 0;
     background-color: #fff;
     box-shadow: 0 3px 12px 0 rgba(0,0,0,.2);
     z-index: 9999
    }

     header > div > ul > li > ul > li {
      padding: 0 10px
     }

      header > div > ul > li > ul > li > a {
       display: block;
       height: 50px;
       line-height: 50px;
       padding: 0 15px;
       border-top: 1px solid #d2d2d2;
       text-decoration: none;
       background-color: #fff;
       color: #212121
      }

      header > div > ul > li > ul > li:first-child > a {
       border-top: #fff
      }

      header > div > ul > li > ul > li:hover {
       background-color: #00897b
      }

       header > div > ul > li > ul > li:hover > a {
        text-decoration: none;
        background-color: #00897b;
        border-color: #00897b;
        color: #fff
       }

       header > div > ul > li > ul > li:hover + li > a {
        border-color: #fff
       }

    header > div > ul > li:hover > ul {
     display: block
    }

  header > div > div {
   position: absolute;
   width: 250px;
   height: 88px;
   background-image: linear-gradient(180deg,#00897b 0,#00897b 100%);
   box-shadow: 0 3px 12px 0 rgba(0,0,0,.2);
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   z-index: 999;
   top: 0;
   left: 0;
   padding-left: 8px;
   display: flex
  }

   header > div > div > button {
    display: none
   }

   header > div > div > a img {
    width: 90px
   }

 header > nav {
  height: 50px;
  line-height: 50px;
  color: #fff
 }

  header > nav > ul > li:first-child, header > nav > ul > li:nth-child(n+10) {
   display: none
  }

  header > nav > ul > li:last-child {
   display: block
  }

   header > nav > ul > li:last-child > a i {
    margin-top: 18px
   }

  header > nav > ul > li > ul > li.arrow:before {
   content: "";
   display: block;
   width: 10px;
   height: 10px;
   border-top: 2px solid #707070;
   border-right: 2px solid #707070;
   transform: rotate(45deg);
   position: absolute;
   top: 18px;
   right: 16px
  }

  header > nav > ul > li > ul > li:hover.arrow:before {
   border-color: #fff
  }

  header > nav > ul {
   display: flex;
   list-style: none;
   justify-content: flex-start;
   padding-left: 260px
  }

   header > nav > ul > li {
    position: relative
   }

    header > nav > ul > li > a {
     font-family: Helvetica,sans-serif;
     display: block;
     height: 50px;
     line-height: 49px;
     color: #fff;
     text-decoration: none;
     font-size: 14px;
     font-weight: 700;
     padding: 0 24px
    }

    header > nav > ul > li.active > a, header > nav > ul > li:hover > a {
     color: #fff;
     text-decoration: none;
     background-color: #00897b
    }

    header > nav > ul > li > ul {
     position: absolute;
     list-style: none;
     display: none;
     margin: 0;
     padding: 0;
     top: 50px;
     left: 0;
     width: 300px;
     z-index: 9999;
     box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
    }

     header > nav > ul > li > ul:hover {
      display: block
     }

     header > nav > ul > li > ul > li {
      position: relative;
      width: 100%;
      padding: 0 15px;
      background-color: #fff
     }

      header > nav > ul > li > ul > li:hover {
       background-color: #00897b
      }

       header > nav > ul > li > ul > li:hover > a {
        color: #fff
       }

      header > nav > ul > li > ul > li > a {
       display: block;
       height: 50px;
       font-family: Helvetica,sans-serif;
       border-top: 1px solid #fff;
       text-decoration: none;
       color: #212121
      }

       header > nav > ul > li > ul > li > a:hover {
        color: #fff;
        text-decoration: none
       }

      header > nav > ul > li > ul > li:first-child:hover > a {
       border-color: #00897b
      }

      header > nav > ul > li > ul > li:first-child:hover + li > a {
       border-color: #fff
      }

      header > nav > ul > li > ul > li:nth-child(n+2) > a {
       border-top: 1px solid #d2d2d2
      }

      header > nav > ul > li > ul > li:nth-child(n+2):hover > a {
       border-color: #00897b
      }

      header > nav > ul > li > ul > li:nth-child(n+2):hover + li > a {
       border-color: #fff
      }

      header > nav > ul > li > ul > li > ul {
       position: absolute;
       left: 100%;
       top: 0;
       display: none;
       list-style: none;
       margin: 0;
       padding: 0;
       z-index: 9999;
       box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
      }

       header > nav > ul > li > ul > li > ul > li {
        width: 300px;
        display: block;
        background-color: #fff;
        padding: 0 15px
       }

        header > nav > ul > li > ul > li > ul > li > a {
         display: block;
         height: 50px;
         line-height: 50px;
         text-decoration: none;
         color: #212121
        }

        header > nav > ul > li > ul > li > ul > li:hover {
         background-color: #00897b
        }

         header > nav > ul > li > ul > li > ul > li:hover > a {
          color: #fff;
          text-decoration: none
         }

         header > nav > ul > li > ul > li > ul > li:hover + li > a {
          border-color: #fff
         }

        header > nav > ul > li > ul > li > ul > li:nth-child(n+2) > a {
         border-top: 1px solid #d2d2d2
        }

        header > nav > ul > li > ul > li > ul > li:nth-child(n+2):hover > a {
         border-color: #00897b
        }

        header > nav > ul > li > ul > li > ul > li:nth-child(n+2):hover + li > a {
         border-color: #fff
        }

      header > nav > ul > li:hover > ul, header > nav > ul > li > ul > li:hover > ul {
       display: block
      }

    header > nav > ul > li:last-child > ul {
     left: auto;
     right: 0
    }

 header.fixed {
  position: fixed;
  z-index: 1000;
  height: 60px
 }
}

@media only screen and (max-width:991px) {
 header {
  position: fixed;
  width: 100%;
  z-index: 9999
 }

  header > div:first-child > ul {
   display: none
  }

  header > div:first-child > div {
   width: 100%;
   display: flex
  }

   header > div:first-child > div > button {
    width: 50px;
    height: 50px;
    background-color: #006064;
    border: none;
    outline: 0
   }

    header > div:first-child > div > button i {
     color: #fff;
     font-size: 17px
    }

   header > div:first-child > div > a img {
    width: 90px;
    height: 50px
   }

  header > nav {
   position: fixed;
   top: 50px;
   transition: all 1s cubic-bezier(.075,.82,.165,1);
   z-index: 9999
  }

   header > nav ul {
    overflow-x: hidden
   }

    header > nav ul li {
     position: relative
    }

     header > nav ul li.arrow:before {
      transition: all 1s;
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      border-width: 0 2px 2px 0;
      border-style: solid;
      transform: rotate(45deg);
      position: absolute;
      top: 18px;
      right: 21px
     }

     header > nav ul li.open.arrow:before {
      transform: rotate(225deg);
      border-color: #fff
     }

   header > nav > ul {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0
   }

    header > nav > ul > li {
     background-color: #fff;
     color: #212121;
     max-height: 50px;
     transition: all 1s;
     overflow: hidden
    }

     header > nav > ul > li:first-child {
      display: block
     }

     header > nav > ul > li.arrow:before {
      border-color: #00897b
     }

     header > nav > ul > li:hover {
      background-color: #00897b
     }

      header > nav > ul > li:hover.arrow:before {
       border-color: #fff
      }

      header > nav > ul > li:hover > a {
       color: #fff;
       text-decoration: none
      }

     header > nav > ul > li.open {
      max-height: 1000px;
      background-color: #00897b
     }

      header > nav > ul > li.open > a {
       color: #fff
      }

     header > nav > ul > li > a {
      display: block;
      font-family: Helvetica,sans-serif;
      color: #212121;
      text-decoration: none;
      height: 50px;
      line-height: 50px;
      margin: 0 20px
     }

     header > nav > ul > li:nth-child(n+2) {
      border-top: 1px solid #d2d2d2
     }

     header > nav > ul > li > ul {
      list-style: none;
      margin: 0;
      padding: 0
     }

      header > nav > ul > li > ul > li {
       background-color: #00897b;
       max-height: 50px;
       overflow: hidden;
       transition: all 1s
      }

       header > nav > ul > li > ul > li.arrow:before {
        border-color: #fff
       }

       header > nav > ul > li > ul > li > a {
        display: block;
        height: 50px;
        line-height: 50px;
        color: #fff;
        text-decoration: none;
        margin-left: 20px;
        padding: 0 0 0 20px;
        font-size: 16px
       }

       header > nav > ul > li > ul > li:nth-child(n) > a {
        border-top: 1px solid #d2d2d2
       }

       header > nav > ul > li > ul > li:hover {
        background-color: #a30000
       }

        header > nav > ul > li > ul > li:hover > a {
         color: #fff;
         text-decoration: none
        }

       header > nav > ul > li > ul > li.open {
        max-height: 300px
       }

        header > nav > ul > li > ul > li.open:hover {
         background-color: #00897b
        }

       header > nav > ul > li > ul > li > ul {
        list-style: none;
        margin: 0;
        padding: 0;
        z-index: 10000
       }

        header > nav > ul > li > ul > li > ul > li {
         height: 50px;
         line-height: 50px
        }

         header > nav > ul > li > ul > li > ul > li > a {
          display: block;
          height: 50px;
          line-height: 50px;
          margin-left: 40px;
          color: #fff;
          padding-left: 20px
         }

         header > nav > ul > li > ul > li > ul > li:nth-child(n+2) > a {
          border-top: 1px solid #d2d2d2
         }

         header > nav > ul > li > ul > li > ul > li:hover {
          background-color: #9d0202
         }

          header > nav > ul > li > ul > li > ul > li:hover a {
           color: #fff
          }

   header > nav.open {
    left: 0
   }
}

@media only screen and (max-width:1024px) and (min-width:992px) {
 header nav ul li ul {
  width: 250px
 }
}

ul.sidebar {
 list-style: none;
 margin: 0;
 padding: 0;
 width: 270px;
 position: fixed;
 top: 110px
}

 ul.sidebar + div {
  margin-left: 300px;
  width: calc(100% - 300px)
 }

 ul.sidebar.fixed {
  position: absolute;
  z-index: 999
 }

  ul.sidebar.fixed.top {
   top: 560px
  }

  ul.sidebar.fixed.bottom {
   top: auto !important;
   bottom: 30px
  }

 ul.sidebar > li {
  display: block;
  background-color: #f3f3f3;
  position: relative
 }

  ul.sidebar > li.arrow > a:before {
   position: absolute;
   width: 10px;
   height: 10px;
   border-right: 2px solid #212121;
   border-bottom: 2px solid #212121;
   transform: rotate(-45deg);
   top: 19px;
   left: 16px;
   transition: all 1s cubic-bezier(.075,.82,.165,1);
   z-index: 999;
   content: "";
   display: block
  }

  ul.sidebar > li > a {
   display: block;
   padding: 0 35px;
   height: 50px;
   line-height: 50px;
   font-family: Helvetica,sans-serif;
   font-weight: 700;
   font-size: 14px;
   color: #212121;
   text-decoration: none;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap
  }

   ul.sidebar > li > a:hover {
    background-color: #ddd;
    color: #212121;
    text-decoration: none
   }

  ul.sidebar > li > ul {
   list-style: none;
   max-height: 0;
   overflow: hidden;
   margin: 0;
   padding: 0;
   transition: max-height 1s cubic-bezier(.445,.05,.55,.95)
  }

   ul.sidebar > li > ul > li {
    background-color: #fff
   }

    ul.sidebar > li > ul > li > a {
     display: block;
     color: #212121;
     height: 50px;
     line-height: 50px;
     padding: 0 35px;
     text-decoration: none;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     font-size: 14px
    }

     ul.sidebar > li > ul > li.active > a, ul.sidebar > li > ul > li > a:hover {
      color: #00897b;
      text-decoration: none
     }

  ul.sidebar > li:hover {
   background-color: #ddd
  }

   ul.sidebar > li:hover > a {
    color: #212121
   }

   ul.sidebar > li:hover.arrow > a:before {
    border-color: #212121
   }

  ul.sidebar > li.active {
   background-color: #00897b
  }

   ul.sidebar > li.active > a {
    color: #fff;
    background-color: #00897b;
    text-decoration: none
   }

    ul.sidebar > li.active > a:before {
     border-color: #fff
    }

    ul.sidebar > li.active > a:hover {
     background-color: #00897b
    }

     ul.sidebar > li.active > a:hover:before {
      border-color: #fff
     }

   ul.sidebar > li.active.open.arrow > a:before {
    transform: rotate(45deg)
   }

   ul.sidebar > li.active.open.arrow:hover > a:before {
    border-color: #fff
   }

  ul.sidebar > li.open > ul {
   max-height: 1000px
  }

  ul.sidebar > li.open.arrow > a:before {
   transform: rotate(45deg)
  }

  ul.sidebar > li:last-child:hover, ul.sidebar > li:last-child:hover a {
   background-color: #f3f3f3
  }

@media only screen and (max-width:1199px) {
 ul.sidebar {
  display: none
 }

  ul.sidebar + div {
   width: 100%;
   margin-left: 0
  }
}

#footer .col-md-12 {
 padding: 0
}

#footer .site-map {
 border-top: 8px solid #a1a1a1;
 width: 100%;
 padding: 60px 0 20px;
 background: #006064
}

 #footer .site-map ul {
  list-style: none
 }

  #footer .site-map ul li.big {
   padding-bottom: 9px
  }

   #footer .site-map ul li.big a {
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    font-family: Helvetica,Courier New,Courier,monospace;
    color: #212121;
    opacity: 1;
    text-decoration: none
   }

  #footer .site-map ul li {
   list-style: none
  }

   #footer .site-map ul li.normal a {
    opacity: 1;
    text-decoration: none
   }

 #footer .site-map .center-content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto
 }

 #footer .site-map .site-map-pc {
  display: block;
  max-width: 1200px;
  max-height: 565px
 }

  #footer .site-map .site-map-pc .pc {
   display: block
  }

   #footer .site-map .site-map-pc .pc li.normal:hover a {
    text-decoration: underline;
    color: #00897b
   }

  #footer .site-map .site-map-pc .mobile {
   display: none
  }

  #footer .site-map .site-map-pc .block {
   float: left;
   padding-left: 15px
  }

   #footer .site-map .site-map-pc .block .list1 {
    float: left;
    width: 195px;
    padding-left: 0;
    margin-bottom: 0
   }

  #footer .site-map .site-map-pc .block2 {
   float: left;
   margin-top: 10px;
   padding-left: 15px
  }

   #footer .site-map .site-map-pc .block2 .list2 {
    float: left;
    padding-left: 0;
    margin-bottom: 0
   }

   #footer .site-map .site-map-pc .block2 ul.list2 li.big {
    font-weight: 700;
    line-height: 17px;
    font-family: Helvetica,Courier New,Courier,monospace;
    color: #fff;
    opacity: 1;
    text-decoration: none
   }

   #footer .site-map .site-map-pc .block2 ul.list2 li.normal {
    color: wheat;
    opacity: 1;
    text-decoration: none;
    padding-right: 10px
   }

    #footer .site-map .site-map-pc .block2 ul.list2 li.normal .btn {
     display: flex;
     justify-content: center;
     align-items: center;
     background: #00897b;
     border: 0;
     border-radius: 0;
     opacity: .9;
     width: 105px;
     height: 40px;
     float: right;
     margin-right: calc(100% - 352px)
    }

     #footer .site-map .site-map-pc .block2 ul.list2 li.normal .btn span {
      color: #fff;
      font-size: 14px
     }

    #footer .site-map .site-map-pc .block2 ul.list2 li.normal .input_tin {
     font-size: 14px;
     line-height: 28px;
     width: 352px;
     height: 40px;
     margin-bottom: 10px;
     padding: 4px 15px;
     border: 1px solid #ccc;
     -webkit-appearance: none;
     border-radius: 0
    }

    #footer .site-map .site-map-pc .block2 ul.list2 li.normal select {
     width: 352px;
     height: 40px;
     padding: 4px 15px;
     border: 1px solid #ccc;
     border-radius: 0;
     margin-bottom: 10px;
     background-color: #fff
    }

   #footer .site-map .site-map-pc .block2 .list3 {
    float: left;
    width: 390px;
    padding-left: 0;
    margin-bottom: 0
   }

   #footer .site-map .site-map-pc .block2 ul.list3 li.normal {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    font-family: Helvetica,Courier New,Courier,monospace;
    color: #212121;
    opacity: 1;
    text-decoration: none
   }

    #footer .site-map .site-map-pc .block2 ul.list3 li.normal .b-hotline {
     font-size: 18px;
     color: #00897b
    }

    #footer .site-map .site-map-pc .block2 ul.list3 li.normal .a-mailto {
     color: #00897b;
     text-decoration: underline;
     font-size: 14px;
     line-height: 20px
    }

   #footer .site-map .site-map-pc .block2 ul.list3 li.big {
    font-size: 16px;
    font-weight: 700;
    line-height: 17px;
    color: #fff;
    opacity: 1;
    text-decoration: none
   }

  #footer .site-map .site-map-pc .block3 {
   float: left;
   background-color: #fff;
   height: 40px;
   width: 1200px;
   margin-top: 43px
  }

   #footer .site-map .site-map-pc .block3 .textcopy {
    font-size: 14px;
    line-height: 40px;
    margin-left: 15px;
    color: #212121;
    font-family: Helvetica,Courier New,Courier,monospace;
    display: inline-block
   }

  #footer .site-map .site-map-pc .bottom .right {
   float: right
  }

   #footer .site-map .site-map-pc .bottom .right p {
    line-height: 40px;
    margin-bottom: 0;
    color: #212121;
    font-family: Helvetica,Courier New,Courier,monospace;
    display: inline-block
   }

   #footer .site-map .site-map-pc .bottom .right a {
    display: inline-block;
    margin-left: 9px;
    margin-right: 21px
   }

    #footer .site-map .site-map-pc .bottom .right a img {
     display: inline-block
    }

 #footer .site-map form label.error {
  color: #ff6767
 }

 #footer .site-map form .message {
  text-align: center
 }

  #footer .site-map form .message.error {
   color: #ff6767
  }

  #footer .site-map form .message.success {
   color: #15ce13
  }

@media only screen and (max-width:1200px) {
 #footer .site-map .site-map-pc .block {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-left: 0
 }

  #footer .site-map .site-map-pc .block .list1 {
   float: left;
   width: calc((100% - 20px)/ 6);
   padding-left: 0;
   margin-bottom: 0
  }

 #footer .site-map .site-map-pc .block2 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 40px;
  padding-left: 0
 }

  #footer .site-map .site-map-pc .block2 ul.list2 li.normal {
   padding-right: 10px
  }

   #footer .site-map .site-map-pc .block2 ul.list2 li.normal .input_tin {
    width: 100%;
    height: 40px
   }

   #footer .site-map .site-map-pc .block2 ul.list2 li.normal .btn {
    margin-right: 0
   }

   #footer .site-map .site-map-pc .block2 ul.list2 li.normal select {
    width: 100%
   }

  #footer .site-map .site-map-pc .block2 ul.list2 li.form {
   padding-right: 50px
  }

  #footer .site-map .site-map-pc .block2 .list2 {
   width: calc((100% - 20px)/ 3)
  }

  #footer .site-map .site-map-pc .block2 ul.list2 li.normal {
   width: 100%
  }

  #footer .site-map .site-map-pc .block2 .list3 {
   width: calc((100% - 20px)/ 3)
  }

 #footer .site-map .site-map-pc .block3 {
  width: 100%;
  margin-top: 33px
 }
}

@media only screen and (max-width:768px) {
 #footer .site-map {
  width: 100%;
  padding: 5px 0 0;
  background: #006064
 }

  #footer .site-map ul {
   list-style: none
  }

   #footer .site-map ul li.big {
    padding-bottom: 9px
   }

    #footer .site-map ul li.big a {
     font-size: 14px;
     font-weight: 700;
     line-height: 17px;
     font-family: Helvetica,Courier New,Courier,monospace;
     color: wheat;
     opacity: 1;
     text-decoration: none
    }

   #footer .site-map ul li {
    list-style: none
   }

    #footer .site-map ul li.normal a {
     font-weight: 400;
     line-height: 28px;
     font-family: Helvetica,Courier New,Courier,monospace;
     color: wheat;
     opacity: 1;
     text-decoration: none
    }

  #footer .site-map .center-content {
   width: 100%;
   max-width: 768px;
   margin: 0 auto
  }

  #footer .site-map .site-map-pc {
   display: block;
   max-width: 768px
  }

   #footer .site-map .site-map-pc .pc {
    display: none
   }

   #footer .site-map .site-map-pc .mobile {
    display: block
   }

    #footer .site-map .site-map-pc .mobile .not-border {
     border-top: none !important
    }

    #footer .site-map .site-map-pc .mobile .link {
     display: flex;
     flex-direction: row;
     max-width: 768px;
     height: 45px;
     background-color: #f3f3f3;
     align-items: center;
     transition: .4s;
     position: relative;
     border-top: 1px solid #d2d2d2;
     font-size: 14px;
     font-weight: 700;
     line-height: 17px;
     font-family: Helvetica,Courier New,Courier,monospace;
     color: #212121;
     opacity: 1;
     text-decoration: none
    }

     #footer .site-map .site-map-pc .mobile .link a {
      display: block;
      width: 100%;
      height: 100%;
      line-height: 45px;
      padding-left: 16px;
      color: #212121;
      text-decoration: none
     }

    #footer .site-map .site-map-pc .mobile .button {
     display: flex;
     flex-direction: row;
     max-width: 768px;
     height: 45px;
     background-color: #f3f3f3;
     align-items: center;
     transition: .4s;
     position: relative;
     border-top: 1px solid #d2d2d2;
     padding-left: 16px;
     font-size: 14px;
     font-weight: 700;
     line-height: 17px;
     font-family: Helvetica,Courier New,Courier,monospace;
     color: #212121;
     opacity: 1;
     text-decoration: none
    }

     #footer .site-map .site-map-pc .mobile .button:before {
      position: absolute;
      width: 10px;
      height: 10px;
      border-right: 2px solid #00897b;
      border-bottom: 2px solid #00897b;
      transform: rotate(45deg);
      top: 15px;
      left: calc(100% - 30px);
      transition: all 1s cubic-bezier(.075,.82,.165,1);
      z-index: 999;
      content: "";
      display: block
     }

    #footer .site-map .site-map-pc .mobile .active:before {
     transform: rotate(225deg)
    }

    #footer .site-map .site-map-pc .mobile .panel {
     max-height: 0;
     overflow: hidden;
     transition: max-height .2s ease-out
    }

     #footer .site-map .site-map-pc .mobile .panel li:active a, #footer .site-map .site-map-pc .mobile .panel li:hover a {
      background-color: #00897b;
      color: #fff
     }

     #footer .site-map .site-map-pc .mobile .panel li a {
      float: none;
      display: flex;
      align-items: center;
      padding-left: 16px;
      text-align: left;
      width: 100%;
      height: 40px
     }

      #footer .site-map .site-map-pc .mobile .panel li a:active, #footer .site-map .site-map-pc .mobile .panel li a:hover {
       background-color: #00897b;
       color: #fff
      }

   #footer .site-map .site-map-pc .block {
    float: left;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
    display: block;
    padding-left: 0
   }

    #footer .site-map .site-map-pc .block .list1 {
     float: left;
     width: 100% !important;
     padding-left: 0;
     margin-bottom: 0
    }

   #footer .site-map .site-map-pc .block2 {
    float: left;
    width: 100%;
    display: block;
    padding-left: 0;
    margin-top: 0
   }

    #footer .site-map .site-map-pc .block2 .list2 {
     float: left;
     width: 100%;
     padding-bottom: 10px;
     padding-left: 0;
     margin-bottom: 0;
     margin-top: 20px;
     border-bottom: 1px solid #d2d2d2
    }

    #footer .site-map .site-map-pc .block2 ul.list2 li.big {
     font-weight: 700;
     line-height: 17px;
     padding-left: 16px;
     padding-bottom: 14px;
     font-family: Helvetica,Courier New,Courier,monospace;
     color: #fff;
     opacity: 1;
     text-decoration: none
    }

    #footer .site-map .site-map-pc .block2 ul.list2 li.form {
     padding-right: 0
    }

    #footer .site-map .site-map-pc .block2 ul.list2 li.normal {
     font-weight: 400;
     line-height: 28px;
     padding-left: 16px;
     padding-right: 0;
     font-family: Helvetica,Courier New,Courier,monospace;
     color: wheat;
     opacity: 1;
     text-decoration: none
    }

     #footer .site-map .site-map-pc .block2 ul.list2 li.normal .btn {
      background: #00897b;
      color: #fff;
      border: 0;
      border-radius: 0;
      opacity: .9;
      width: 105px;
      height: 40px;
      font-size: 14px;
      float: left
     }

     #footer .site-map .site-map-pc .block2 ul.list2 li.normal .input_tin, #footer .site-map .site-map-pc .block2 ul.list2 li.normal select {
      width: calc(100% - 16px);
      height: 40px;
      margin-bottom: 10px;
      -webkit-appearance: none;
      border-radius: 0
     }

    #footer .site-map .site-map-pc .block2 .list3 {
     float: left;
     width: 100%;
     padding-left: 0;
     margin-bottom: 0;
     padding-bottom: 10px;
     margin-top: 19px;
     border-bottom: 1px solid #d2d2d2
    }

    #footer .site-map .site-map-pc .block2 ul.list3 li.normal {
     font-size: 14px;
     font-weight: 400;
     line-height: 28px;
     font-family: Helvetica,Courier New,Courier,monospace;
     color: #212121;
     opacity: 1;
     padding-left: 16px;
     text-decoration: none
    }

     #footer .site-map .site-map-pc .block2 ul.list3 li.normal .b-hotline {
      font-size: 18px;
      color: #00897b
     }

      #footer .site-map .site-map-pc .block2 ul.list3 li.normal .b-hotline a {
       color: #00897b;
       font-size: 18px;
       font-weight: bolder
      }

    #footer .site-map .site-map-pc .block2 ul.list3 li.big {
     opacity: 1;
     padding-left: 16px;
     text-decoration: none
    }

   #footer .site-map .site-map-pc .block3 {
    float: left;
    background-color: #fff;
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 0
   }

    #footer .site-map .site-map-pc .block3 .textcopy {
     font-size: 14px;
     line-height: 40px;
     margin-left: 0;
     color: #212121;
     font-family: Helvetica,Courier New,Courier,monospace
    }

   #footer .site-map .site-map-pc .bottom .right {
    float: none
   }

    #footer .site-map .site-map-pc .bottom .right p {
     line-height: 28px;
     color: #212121;
     font-family: Helvetica,Courier New,Courier,monospace;
     display: inline-block
    }

    #footer .site-map .site-map-pc .bottom .right a {
     line-height: 28px;
     margin-left: 0;
     margin-right: 0;
     text-decoration: underline;
     display: inline-block
    }

     #footer .site-map .site-map-pc .bottom .right a img {
      display: none
     }
}

.app-breadscrumb {
 border-bottom: 1px solid #d2d2d2;
 padding: 24px 0 3px;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden
}

 .app-breadscrumb .app-parent {
  color: #00897b;
  font-size: 14px
 }

  .app-breadscrumb .app-parent:hover {
   text-decoration: none
  }

 .app-breadscrumb .app-current {
  color: #898989 !important;
  font-size: 14px
 }

 .app-breadscrumb .app-arrow {
  color: #898989;
  padding: 5px
 }

.container .wrap-map {
 position: relative;
 margin-right: -15px;
 margin-left: -15px
}

 .container .wrap-map #map {
  width: 100%;
  height: 769px
 }

  .container .wrap-map #map .detail-head {
   display: flex
  }

   .container .wrap-map #map .detail-head .wrap-content {
    display: flex;
    margin-left: 10px;
    flex-direction: column;
    max-width: 200px
   }

    .container .wrap-map #map .detail-head .wrap-content .name {
     font-weight: 500;
     font-size: 14px;
     margin-bottom: 10px
    }

    .container .wrap-map #map .detail-head .wrap-content .tel {
     margin-bottom: 5px
    }

.banner_custom {
 padding-bottom: 20px
}

 .banner_custom .carousel {
  height: 100%;
  border-bottom: 3px solid #00897b
 }

  .banner_custom .carousel .carousel-control-next, .banner_custom .carousel .carousel-control-prev {
   z-index: 20;
   top: unset;
   margin-bottom: -35px;
   width: unset;
   opacity: .9
  }

   .banner_custom .carousel .carousel-control-next:hover, .banner_custom .carousel .carousel-control-prev:hover {
    opacity: .5
   }

  .banner_custom .carousel .carousel-control-next-icon, .banner_custom .carousel .carousel-control-prev-icon {
   width: 24px;
   height: 24px
  }

  .banner_custom .carousel .carousel-control-prev-icon {
   background-image: url(https://hatinhaz.com/images/icon-prev.png)
  }

  .banner_custom .carousel .carousel-control-next-icon {
   background-image: url(https://hatinhaz.com/images/icon-next.png)
  }

  .banner_custom .carousel .carousel-indicators {
   bottom: 0;
   margin-bottom: -32px;
   position: absolute;
   left: 50%;
   z-index: 15;
   width: 60%;
   padding-left: 0;
   margin-left: -30%;
   text-align: center;
   list-style: none
  }

   .banner_custom .carousel .carousel-indicators li {
    display: inline-block;
    height: 100%;
    padding: 0 6px;
    width: unset
   }

    .banner_custom .carousel .carousel-indicators li:before {
     position: absolute;
     color: transparent;
     text-shadow: none;
     background-color: transparent;
     border: 0;
     border-radius: 50%;
     display: inline-block;
     width: 4px;
     height: 4px;
     background: #ccc;
     vertical-align: middle;
     cursor: pointer
    }

    .banner_custom .carousel .carousel-indicators li:hover:before {
     width: 8px;
     height: 8px;
     background: #cb0712;
     margin-top: -2px
    }

    .banner_custom .carousel .carousel-indicators li.active {
     background-color: hsla(0,0%,100%,.4);
     border: none
    }

     .banner_custom .carousel .carousel-indicators li.active:before {
      width: 8px;
      height: 8px;
      background: #cb0712;
      margin-top: -2px
     }

  .banner_custom .carousel .carousel-inner, .banner_custom .carousel .carousel-inner .carousel-item {
   height: 100%
  }

   .banner_custom .carousel .carousel-inner .carousel-item img {
    width: 100%;
    height: auto
   }

@media only screen and (max-width:991px) {
 .banner_custom {
  margin-top: 50px
 }

  .banner_custom .carousel .carousel-control-next, .banner_custom .carousel .carousel-control-prev {
   margin-bottom: -33px
  }

  .banner_custom .carousel .carousel-indicators {
   margin-bottom: -30px
  }
}

@media only screen and (max-width:575px) {
 .banner_custom {
  margin-top: 50px
 }

  .banner_custom .carousel .carousel-control-next, .banner_custom .carousel .carousel-control-prev {
   margin-bottom: -31px
  }

  .banner_custom .carousel .carousel-control-next-icon, .banner_custom .carousel .carousel-control-prev-icon {
   width: 20px;
   height: 20px
  }

  .banner_custom .carousel .carousel-indicators {
   margin-bottom: -30px
  }
}

.social-pc {
 margin-right: 15px;
 position: relative
}

 .social-pc .b-social .btn-social {
  display: flex;
  align-items: center;
  box-shadow: 2px 4px 12px rgba(0,0,0,.08);
  border-radius: 4px;
  padding: 5px 0;
  cursor: pointer
 }

  .social-pc .b-social .btn-social > a > img {
   display: block;
   width: 24px;
   height: auto;
   margin: 0 3.5px
  }

 .social-pc .b-social .social {
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
  left: 0;
  width: 290px;
  box-sizing: border-box;
  padding-top: 5px;
  display: none;
  z-index: 99999;
  transition: all .25s ease;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  -ms-transition: all .25s ease
 }

  .social-pc .b-social .social > div {
   border: 1px solid #bdbdbd;
   margin-bottom: 2px;
   overflow: hidden
  }

 .social-pc #btn-social-pc:hover .social {
  display: block
 }

.social-mobile {
 margin: 8px 0;
 position: relative;
 width: 100%
}

 .social-mobile .b-social .btn-social {
  display: flex;
  justify-content: flex-end;
  background-color: #fff;
  padding: 10px
 }

  .social-mobile .b-social .btn-social > img {
   display: block;
   width: 24px;
   height: auto;
   margin: 0 3.5px
  }

 .social-mobile .b-social .social {
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  transition: all .25s ease;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  -ms-transition: all .25s ease
 }

  .social-mobile .b-social .social > div {
   margin-top: 2px;
   overflow: hidden
  }

@media only screen and (max-width:991px) {
 header > nav {
  background-color: #f9f9f9;
  overflow-y: auto;
  max-height: calc(100vh - 50px)
 }
}

@media only screen and (min-width:992px) {
 header > div > ul {
  margin: 0;
  padding: 3px 0
 }

  header > div > ul > li {
   line-height: 38px
  }

   header > div > ul > li > a {
    height: 38px;
    line-height: 41px
   }

 .social-mobile {
  display: none
 }
}

@media only screen and (min-width:1400px) {
 header > div > ul {
  margin: 0 0 0 90px
 }
}

* {
 font-family: Helvetica,sans-serif
}

html {
 scroll-behavior: smooth
}

 html, html body {
  width: 100%;
  height: 100%
 }

  html body {
   background: #f4f8fa;
   overflow-x: hidden
  }

   html body > a.scroll-to-top {
    position: fixed;
    display: block;
    width: 40px;
    height: 40px;
    background-color: red;
    border-radius: 5px;
    bottom: 32px;
    right: 32px;
    left: auto;
    z-index: 10000
   }

    html body > a.scroll-to-top:hover {
     background-color: #00897b
    }

     html body > a.scroll-to-top:hover > div.inner:after {
      border-color: #fff
     }

    html body > a.scroll-to-top > div.inner {
     position: relative
    }

     html body > a.scroll-to-top > div.inner:after {
      position: absolute;
      top: 16px;
      left: 15px;
      width: 10px;
      height: 10px;
      content: "";
      display: block;
      border-top: 2px solid #f3f3f3;
      border-right: 2px solid #f3f3f3;
      transform: rotate(-45deg)
     }

   html body > div.container-fluid {
    overflow: hidden
   }

@media only screen and (max-width:991px) {
 html body a.scroll-to-top {
  display: none
 }
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
 border-top-right-radius: 4px;
 border-bottom-right-radius: 4px
}

.pagination > li > a, .pagination > li > span {
 position: relative;
 float: left;
 padding: 6px 12px;
 margin-left: -1px;
 line-height: 1.42857143;
 color: #337ab7;
 text-decoration: none;
 background-color: #fff;
 border: 1px solid #ddd
}

.pagination {
 display: inline-block;
 padding-left: 0;
 margin: 20px 0;
 border-radius: 4px
}

 .pagination > li {
  display: inline
 }

  .pagination > li > a, .pagination > li > span {
   position: relative;
   float: left;
   padding: 6px 12px;
   margin-left: -1px;
   line-height: 1.42857143;
   color: #337ab7;
   text-decoration: none;
   background-color: #fff;
   border: 1px solid #ddd
  }

  .pagination > li:first-child > a, .pagination > li:first-child > span {
   margin-left: 0;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px
  }

  .pagination > li:last-child > a, .pagination > li:last-child > span {
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px
  }

  .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
   z-index: 2;
   color: #23527c;
   background-color: #eee;
   border-color: #ddd
  }

 .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7
 }

 .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd
 }

.pagination-lg > li > a, .pagination-lg > li > span {
 padding: 10px 16px;
 font-size: 18px;
 line-height: 1.3333333
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
 border-top-left-radius: 6px;
 border-bottom-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
 border-top-right-radius: 6px;
 border-bottom-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
 padding: 5px 10px;
 line-height: 1.5
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
 border-top-left-radius: 3px;
 border-bottom-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
 border-top-right-radius: 3px;
 border-bottom-right-radius: 3px
}

@media only screen and (max-width:991px) {
 .name_site {
  padding-top: 10px !important;
  font-size: 19px !important
 }

 .title h1 {
  font-size: 1.25em;
  font-weight: 400
 }
}

.mainColor {
 color: #006064 !important
}