* {
  padding: 0;
  margin: 0; }
img {
  max-width: 100%; }

.mobile_header {
  width: 100%;
  height: 95px;
  position: relative;
  z-index: 999; }

.m_menu_header {
  width: 100%;
  position: relative;
  height: 95px;
  BACKGROUND: url(../img/bg.logo.1.png) #004dc1 center center no-repeat;
  z-index: 101; }

.m_menu_header > .m_header {
  DISPLAY: block;
  WIDTH: 95px;
  HEIGHT: 95px;
  BACKGROUND: url(../img/bg.menu.1.png) center center no-repeat;
  CURSOR: pointer; }

.mobile_header > .m_menu {
  width: 100%;
  background-image: url(../img/bg.menu.2.png);
  height: 95px;
  position: absolute;
  z-index: 30;
  top: 0;
  left: 0;
  color: #fff;
  overflow: scroll;
  overflow-y: hidden;
  transition: all .5s ease;
  scrollBar-face-color: transparent;
  scrollBar-hightLight-color: transparent;
  scrollBar-3dLight-color: transparent;
  scrollBar-darkshadow-color: transparent;
  scrollBar-shadow-color: transparent;
  scrollBar-arrow-color: transparent;
  scrollBar-track-color: transparent;
  scrollBar-base-color: transparent; }

.mobile_header > .m_menu > ul {
  list-style-type: none;
  /*overflow: hidden;*/
  width: 1600px; }

.mobile_header > .m_menu > ul > li {
  float: left;
  font-size: 32px;
  WIDTH: 140px;
  HEIGHT: 96px;
  LINE-HEIGHT: 96px;
  TEXT-ALIGN: center; }

.mobile_header > .m_menu.show {
  overflow: auto;
  z-index: 101; }

.mobile_header > .m_menu > ul > li > a {
  color: #fff;
  font-size: 28px; }

.mobile_header > .m_menu > ul > li > a:hover, .mobile_header > .m_menu > ul > li > a:active, .mobile_header > .m_menu > ul > li > a:link, .mobile_header > .m_menu > ul > li > a:visited {
  text-decoration: none; }

.mobile_header > .m_menu_header > .close {
  BACKGROUND: url(../img/bg.menu.1c.png) center center no-repeat;
  float: left;
  opacity: 1; }

.mobile_part {
  width: 100%; }

.mobile_part > .mobile_container {
  width: 100%;
  border: 1px solid red; }

#homekv DIV.container {
  WIDTH: 750px;
  HEIGHT: 596px;
  POSITION: relative;
  OVERFLOW: hidden; }

#homekv DIV.container DIV.scroller {
  POSITION: absolute;
  TOP: 0px;
  LEFT: 0px;
  Z-INDEX: 100; }

#homekv DIV.container DIV.scroller LI {
  WIDTH: 750px;
  FLOAT: left;
  POSITION: relative; }

.t_hidden_lg {
  display: none; }

@media only screen and (max-width: 768px) {
  body {
    max-width: 768px;
    overflow: hidden;
    overflow-y: auto; }

  /*.pv_index_title DIV.text {
    width: 100%; }*/

  .pv_index_product {
    width: 100%; }
    .pv_index_product > div.item {
      width: 33.33%;
      margin: 0; }
      .pv_index_product > div.item > p.image > a > img {
        max-width: none; }

  .t_hidden_lg {
    display: block; }

  .t_hidden_xs {
    display: none; }

  .pv_index_activity {
    width: 100%; }
    .pv_index_activity > div.item {
      margin: 5px auto;
      width: 95%;
      float: none;
      display: block; }
      .pv_index_activity > div.item > P.image {
        text-align: center; }

  .pv_index_otherlink {
    height: auto;
    padding: 10px 0; }
    .pv_index_otherlink > DIV.container {
      width: 100%;
      position: static;
      MARGIN-LEFT: 0; }
      .pv_index_otherlink > DIV.container > div.item {
        width: 30% !important;
        float: left; }
        .pv_index_otherlink > DIV.container > div.item > DIV.text P {
          padding: 5px 10px; }
        .pv_index_otherlink > DIV.container > div.item > A.link {
          width: 100%; }
        .pv_index_otherlink > DIV.container > div.item > DIV.text H4 {
          font-size: 18px;
          HEIGHT: auto;
          line-height: normal; }

  .pv_index_healthcare {
    height: auto; }
    .pv_index_healthcare > DIV.container {
      top: 10px;
      width: 100%;
      MARGIN-LEFT: -320px; }
      .pv_index_healthcare > DIV.container > H4 {
        font-size: 16px !important;
        padding-top: 0px;
        LINE-HEIGHT: 1.5em; }

  .pv_index_news a {
    max-width: 28em;
    font-size: 18px; }
  .pv_index_news > DIV.container {
    width: 100%;
    BACKGROUND: none;
    padding-left: 20px; }
  .pv_index_news > DIV.container P.more {
    box-sizing: border-box;
    padding: 10px 10px 40px;
    width: 90%;
    text-align: right; }

  #copyright DIV.container {
    width: 100%;
    text-align: center; }
    #copyright DIV.container > .text {
      display: inline-block!important;
      float: none;
      margin-bottom: 10px;
      font-size: 16px; }
    #copyright DIV.container > P.copy {
      WIDTH: auto;
      FLOAT: none;
      DISPLAY: inline-block;
      TEXT-ALIGN: center;
      margin-top: 20px; }

  .product_list_container {
    margin: 20px 25px;}

  .product_list_container ul li {
    width: 49%; }

  .gift_main {
    padding: 70px 20px 10px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%); }

  .gift_main > ul > li {
    width: 49%; }

  .gift_main > ul > li:nth-child(2n) + li {
    margin-left: 0; }

  .confirm_page > .gift_confirm_box {
    width: 90%;
    height: auto; }

  #article_list {
    width: 100%; }
    #article_list > li > div {
      margin: 10px 0;
      max-width: none;
      width: 100%; }

  .container {
    width: 100%; }

  .banner_white {
    transform: translateY(-100%);
    opacity: 1; }

  .pv_company_container DIV.menu {
    height: auto;
    overflow-x: auto; }

  .company_nav_box {
    height: 70px; }

  .company_nav.fixed {
    position: fixed;
    top: 0;
    left: 0; }

  .company_nav {
    WIDTH: 100%;
    HEIGHT: 70px;
    Z-INDEX: 1000;
    background-color: #0187ce;
    margin: auto;
    overflow-y: auto; }
    .company_nav > ul {
      width: 1200px !important;
      max-width: none !important;
      height: 70px; }
      .company_nav > ul > li {
        MARGIN-BOTTOM: 1px;
        POSITION: relative;
        float: left;
        height: 70px !important;
        line-height: 70px !important;
        width: 170px !important; }
        .company_nav > ul > li > a {
          font-size: 28px !important;
          width: 100%;
          COLOR: #b5d8eb;
          TEXT-ALIGN: center;
          Z-INDEX: 100; }
          .company_nav > ul > li > a > .arrow_left {
            width: 14px;
            height: 24px;
            display: inline-block;
            margin-left: 2px;
            background-position-y: 1px;
            background-image: url(../img/arrowleft.png);
            background-repeat: no-repeat;
            background-size: 100% 100%; }
        .company_nav > ul > li > .submenu {
          width: 400% !important;
          top: 70px  !important;
          left: 0 !important;
          right: auto !important;
          POSITION: absolute;
          Z-INDEX: 100;
          DISPLAY: none;
          text-align: center; }
          .company_nav > ul > li > .submenu > li {
            width: 24% !important;
            line-height: 70px !important;
            height: 70px !important;
            float: left !important;
            MARGIN-BOTTOM: 0px;
            MARGIN-RIGHT: 1px;
            background-color: #FFFFFF;
            color: #FFf; }
            .company_nav > ul > li > .submenu > li > a {
              font-size: 28px !important;
              color: #1776d4;
              background-color: #FFFFFF; }
      .company_nav > ul > li:hover > a.active {
        color: #1776d4;
        background-color: #FFFFFF; }
        .company_nav > ul > li:hover > a.active > .arrow_left {
          width: 22px !important;
          height: 13px !important;
          background-image: url(../img/down_arrow.png); }

  .cprodut_box {
    margin: 2em auto !important;
    width: 95% !important; }

  .rat_back > .cmain > .rat_main > .rat_text .img_box {
    margin: 2em auto;
    width: 95%; }

  .company_container {
    padding-bottom: 0; }
    .company_container > .cmain {
      padding-bottom: 20px; }
      .company_container > .cmain > .ctitle_second {
        font-size: 1.5em;
        padding: 1em 3em;
        display: inline-flex; }
      .company_container > .cmain > .ctext_detail {
        font-size: 20px;
        display: inline-block;
        width: auto;
        margin: 2em 1em; }

  .index_back > .cmain > .csummary > li > div:nth-child(2) {
    font-size: 20px; }

  .index_back > .cmain > .area_select_box {
    font-size: 20px; }

  .index_back > .cmain .area_detail > ul > li > div:nth-child(2) {
    font-size: 1.1em; }

  .rat_back > .cmain > .rat_main {
    width: auto;
    font-size: 18px;
    display: inline-block;
    margin: auto 3em; }

  .environmental_policy_back > .cmain > .ctext_detail > .ctitle {
    font-size: 20px; }

  .environmental_policy_back > .cmain > .ctitle {
    font-size: 2.5em; }

  .font_14 {
    font-size: 14px; }

  .environmental_policy_back > .cmain > .ctext_detail > .text_main {
    font-size: 14px;
    width: auto;
    display: inline-block; }

  .environmental_policy_back > .cmain > .ctext_detail > .text_main > div:nth-child(1) {
    font-size: 20px; }

  .environmental_policy_back > .cmain > .ctext_detail > .text_main > div:nth-child(2) {
    font-size: 20px; }

  .job_offers_back > .cmain {
    font-size: 20px; }

  .job_offers_back > .cmain > .offers_box > ul > li > div:nth-child(1) {
    padding-left: 1em; }

  .news_back > .cmain > .news_box > ul > li > div {
    padding: 0.5em 1em; }

  .news_back > .cmain {
    font-size: 20px; }

  .ps_back > .cmain > .ctext_detail > ul.psul > li > div:nth-child(2) {
    padding-left: 20px; } 
  .mobile_header > .m_menu{
    height: auto;
  }
  .mobile_header > .m_menu > ul{
    width: auto;
    padding: 20px 100px;
  }
  .mobile_header > .m_menu > ul > li{
    float: none;
    width: auto;
    height: auto;
    line-height: 38px;
    text-align: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
  }
  .product_nav > li>a>img{
    width: 25px;
    margin-right: 5px;
  }
  .mobile_header > .m_menu > ul > li > ul a{
    font-size: 22px;
  }
  .mobile_header > .m_menu > ul > li  a{
    font-size: 24px;
    color: #fff;
  }
  .mobile_header > .m_menu > ul > li > a:hover, a:focus{
    color: rgba(255, 255, 255, 0.7);
  }
  .mobile_header > .m_menu > ul > li > span >input{
    background: transparent;
    border: transparent;
    width: 100%;
    height: 1.8em;
    padding:0px 10px 0px 50px;
    font-size: 24px;
    background:url(../img/ip_search.png) 10px center no-repeat;
    color: #fff;
  }
  ::-webkit-input-placeholder { /* WebKit browsers */  
        color:    #fff; 
        opacity:  0.5; 
    }  
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
       color:    #fff;  
       opacity:  0.5;  
    }  
    ::-moz-placeholder { /* Mozilla Firefox 19+ */  
       color:    #fff;  
       opacity:  0.5;  
    }  
    :-ms-input-placeholder { /* Internet Explorer 10+ */  
       color:    #fff;  
       opacity:  0.5;
    }  
    .product_nav>li>ul{
      margin-left: 30px;
    }
    
    #copyright DIV.container > .text>div{
      font-size: 16px;
    }

  }

/*# sourceMappingURL=mobile_webstyle.css.map */
