@media screen and (min-width: 1020px) and (max-width: 1440px) {
  header {
    min-height: 100px; }
    header .wrapper {
      width: 100%;
      padding-bottom: 28px; }
    header .fl {
      position: absolute;
      left: 23px;
      top: 20px; }
      header .fl img.logo {
        width: 68px; }
    header .fr {
      margin-right: 12px; }
      header .fr .bottom > ul li a {
        font-size: 16px;
        padding: 0px 30px; }
        header .fr .bottom > ul li a:last-child {
          padding: 0px 0px 0px 30px; }

  body {
    background: #fff; }

  section, header, footer {
    margin: 0px 29px; }

  .wrapper {
    width: 85%; }

  div.search div.left select {
    max-width: 125px; }
    div.search div.left select:first-child {
      max-width: 100px !important; }
  div.search div.right select {
    max-width: 165px; }

  section.career table.career th:first-child {
    min-width: 170px; }
  section.career table.career th span {
    right: 10px; }
  section.career div.qualification-top div.col-right a {
    padding: 16px 40px; }

  section.about .wrapper {
    width: 100%; }
  section.about div.basket img.bg {
    width: 70%;
    float: right;
    margin-right: 51px;
    margin-top: -2px; }
  section.about div.basket img.img-basket {
    width: 56%;
    top: -45%;
    left: 5%; }
  section.about .about-content h1 {
    margin-top: 0px;
    font-size: 33px; }
    section.about .about-content h1::after {
      top: 100px; }
  section.about .about-content p {
    font-size: 16px;
    line-height: 24px; }

  section.projects .item .content h4 {
    font-size: 38px !important;
    width: 100% !important; }
  section.projects .item .content a {
    font-size: 16px !important;
    padding: 18px 16px !important; }

  section.news {
    padding-top: 86px; }
    section.news .wrapper {
      width: 100%; }
    section.news .half:first-child {
      padding-left: 50px; }
    section.news .half:last-child {
      padding-right: 50px; }
    section.news .half .news-content .title-container p.title {
      font-size: 16px; }
    section.news .half .news-content .title-container p.description {
      font-size: 14px; }

  section.company .wrapper {
    width: 100%; }
  section.company div.three h5 {
    font-size: 20px; }
  section.company div.three:first-child {
    padding-left: 13px; }
    section.company div.three:first-child div {
      margin-right: 50px; }
      section.company div.three:first-child div a.abs-link {
        margin-right: 0px; }
  section.company div.three:last-child {
    padding-right: 13px; }
  section.company div.three div {
    margin-left: 20px; }
    section.company div.three div.image {
      padding: 15px 19px 40px 0px; }
    section.company div.three div.title-container p.title {
      font-size: 17px; }
  section.company div.three a.abs-link {
    margin-right: 15px; }

  section.banner div.wrapper {
    width: 85%;
    margin: 0 auto; }
  section.banner div.banner-bg h1 {
    font-size: 48px;
    margin-top: 13.4%; }
    section.banner div.banner-bg h1::before {
      left: 0px; }

  section.investor aside {
    max-width: 260px !important; }
  section.investor article {
    margin-left: 290px !important; }
    section.investor article table {
      zoom: 0.8 !important; }

  section.sidebar-layout .wrapper {
    width: 85%; }
  section.sidebar-layout aside {
    max-width: 301px; }
    section.sidebar-layout aside div.address p {
      font-size: 14px; }
  section.sidebar-layout article {
    margin-left: 330px;
    max-width: 100%;
    min-width: 300px; }
    section.sidebar-layout article.product div.col-three {
      width: 49.5%; }
    section.sidebar-layout article .thumb {
      float: left !important; }
    section.sidebar-layout article.prod_det div.box-product .col-three {
      width: 50%; }
    section.sidebar-layout article.prod_det .product-det-img .thumb .list {
      width: 25%;
      float: left;
      padding: 3px; }
    section.sidebar-layout article.csr .content-left {
      padding-right: 180px; }
    section.sidebar-layout article.csr .content-pdf {
      width: 160px; }
    section.sidebar-layout article.report-annual div.col-three {
      padding: 8px; }
    section.sidebar-layout article.report-annual table {
      zoom: 0.9; }
  section.sidebar-layout div.vision p {
    font-size: 16px !important; }
  section.sidebar-layout div.vision img.vision {
    top: 351px;
    width: 40%; }
  section.sidebar-layout div.mission div.col-three {
    margin-top: 43px; }
    section.sidebar-layout div.mission div.col-three p {
      font-size: 14px !important; }
  section.sidebar-layout div.corporate-board div.title-container {
    min-height: 70px;
    padding: 8px 0px !important;
    bottom: -30px; }
    section.sidebar-layout div.corporate-board div.title-container p.title {
      font-size: 16px;
      line-height: 16px; }
    section.sidebar-layout div.corporate-board div.title-container p.role {
      font-size: 12px !important;
      line-height: 10px; }
  section.sidebar-layout div.corporate-board div.desc-container p {
    font-size: 14px;
    margin-bottom: 19px;
    line-height: 18px; }
  section.sidebar-layout div.pdf-list-2 {
    padding: 0px 0px 44px 0px !important; }

  section.contact .wrapper {
    width: 85%; }
  section.contact div.img-right, section.contact div.map {
    height: 265px; }
  section.contact div.four {
    width: 50% !important; }

  footer .wrapper {
    width: 100%; }
  footer .company-title {
    padding-left: 123px !important; }
    footer .company-title::before {
      left: 23px !important; }
  footer .company-contact {
    padding-right: 23px !important; } }

/*# sourceMappingURL=style-desktop.css.map */
