@charset "UTF-8";
body {
  font-family: "微软正黑体";
  -webkit-text-size-adjust: 100%; }

.lang-en header nav a {
  font-size: 95%; }

.page-container {
  position: relative;
  padding: 0;
  overflow: hidden;
  clear: both;
  width: 100%;
  margin-top: 125px;
  padding-bottom: 40px; }
  .page-container .wrap-inner {
    width: 1200px; }

header, footer {
  position: relative;
  width: 100%; }

.wrap {
  position: relative;
  margin: 0 auto;
  padding: 0 30px;
  overflow: hidden;
  width: 100%; }

.wrap-inner {
  position: relative;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  width: 1540px;
  }

/*==========================================
Header
==========================================*/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background-color: #fff;
  /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); */
  height: 110px;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  border-bottom: 5px solid #009498;
  }
  header .main-logo {
    transition: 0.4s;
    -webkit-transition: 0.4s;
    width: 127px;
    margin: 0;
    }
  header nav {
    /*background-color:#eaeaea;*/
    width: 100%;
    text-align: center;
    margin-top: 20px; }
    header nav > div {
      position: relative;
      display: inline-block;
      vertical-align: top;
      padding-bottom: 21px;}
      header nav > div.selected:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: calc(50% - 130px);
        width: 260px;
        height: 3px;
        background-color: #348628; }
      header nav > div:hover:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: calc(50% - 130px);
        width: 260px;
        height: 3px;
        background-color: #fe4e00; }
/*      header nav > div:hover ul, header nav > div:focus ul {
        display: block; }*/
        header nav > div.nav-hover ul {
            display:block;
        }
        header nav > div.nav-hover:before {
            background-color: #fe4e00;
        }
/*      header nav > div:hover:before, header nav > div:focus:before {
        background-color: #fe4e00; }*/
      header nav > div > a {
        position: relative;
        display: block;
        padding: 8px 25px;
        border-radius: 5px;
        /*padding-bottom:25px;*/
        font-size: calc(18rem / 16);
        line-height: 24px;
        color: #000; }
        header nav > div > a:hover, header nav > div > a:focus {
          font-weight: 600; }
      header nav > div .btn-toggle {
        display: none;
        position: absolute;
        top: 2px;
        right: 0;
        width: 40px;
        height: 40px;
        cursor: pointer; }
        header nav > div .btn-toggle:after {
          content: "";
          position: absolute;
          top: 13px;
          left: 13px;
          width: 14px;
          height: 14px;
          background: url("../image/icon_plus02.png") no-repeat top center; }
      header nav > div > ul {
        display: none;
        position: absolute;
        top: 61px;
        left: calc(50% - 130px);
        width: 260px;
        background-color: #fff;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); }
      header nav > div ul {
        z-index: 2; }
        header nav > div ul > li {
          /*width:calc(100% / 5);*/
          /*float:left;*/
          position: relative;
          width: 100%;
          /*border-bottom:1px solid #ccc;*/ }
          header nav > div ul > li:nth-last-child(1) {
            border-bottom: 0; }
          header nav > div ul > li > a {
            position: relative;
            display: block;
            font-size: calc(16rem / 16);
            line-height: calc(24rem / 16);
            padding: 10px 20px;
            color: #000;
            text-align: left; }
            header nav > div ul > li > a:hover, header nav > div ul > li > a:focus {
              background-color: #FECD00;
              font-weight: 600; }
          header nav > div ul > li.has-ol > a {
            background-image: url("../image/icon_arrow02.png");
            background-repeat: no-repeat;
            background-position: right 12px center;
            background-size: 8px; }
          header nav > div ul > li.has-ol:hover ol {
            display: block; }
            header nav > div ul > li.has-ol.nav-hover ol {
                display:block;
            }
          header nav > div ul > li ol {
            display: none;
            position: absolute;
            width: 260px;
            top: 0;
            left: 100%;
            /*padding:10px 0;*/
            text-align: left;
            background-color: #fff;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); }
            header nav > div ul > li ol li {
              width: 100%;
              overflow: hidden;
              /*border-bottom:1px solid #ccc;*/ }
              header nav > div ul > li ol li a {
                display: block;
                font-size: calc(16rem / 16);
                line-height: calc(24rem / 16);
                color: #000;
                padding: 10px 20px; }
                header nav > div ul > li ol li a:hover, header nav > div ul > li ol li a:focus {
                  background-color: #FECD00;
                  font-weight: 600; }
                header nav > div ul > li ol li a.ol-more {
                  background-color: #348628;
                  color: #fff;
                  text-align: right;
                  padding: 5px 20px; }
                  header nav > div ul > li ol li a.ol-more:hover, header nav > div ul > li ol li a.ol-more:focus {
                    background-color: #fe4e00;
                    color: #fff; }
      header nav > div:nth-last-of-type(2) ul > li.has-ol > a {
        background-image: url("../image/icon_arrow02L2.png"); }
      header nav > div:nth-last-of-type(2) ul > li.has-ol:hover ol {
        left: auto;
        right: 100%; }
    header nav #nav-line {
      position: absolute;
      bottom: 0px;
      left: 0;
      width: 100px;
      height: 2px;
      background-color: #FECD00;
      transition: 0.4s;
      -webkit-transition: 0.4s; }
  header #header-right {
    width: calc(100% - 240px);
    margin-top: 18px;
    }
  header #header-mini-nav {
    /*margin-top:10px;*/ }
    header #header-mini-nav > ul > li {
      position: relative;
      float: left;
      font-size: 14px;
      line-height: 24px;
      color: #000;
      margin: 0 0 0 15px; }
      header #header-mini-nav > ul > li > a {
        position: relative;
        color: #000;
        margin-top: 10px;
        padding-left: 24px;
        height: 24px;
        display: block;
        background-size: 24px !important;
        }
        header #header-mini-nav > ul > li > a:hover, header #header-mini-nav > ul > li > a.selected {
          color: #fe4e00; }
        header #header-mini-nav > ul > li > a.icon-search {
          background: url("../image/btn_search01.png") no-repeat left top; }
          header #header-mini-nav > ul > li > a.icon-search:hover, header #header-mini-nav > ul > li > a.icon-search:focus {
            background-position: left bottom; }
        header #header-mini-nav > ul > li > a.icon-lang {
          background: url("../image/btn_lang01.png") no-repeat left top; }
          header #header-mini-nav > ul > li > a.icon-lang:hover, header #header-mini-nav > ul > li > a.icon-lang:focus {
            background-position: left bottom; }
        header #header-mini-nav > ul > li > a.icon-font {
          background: url("../image/btn_font01.png") no-repeat left top; }
          header #header-mini-nav > ul > li > a.icon-font:hover, header #header-mini-nav > ul > li > a.icon-font:focus {
            background-position: left bottom; }
        header #header-mini-nav > ul > li > a.icon-fb {
          background: url("../image/btn_fb01.png") no-repeat left top; }
          header #header-mini-nav > ul > li > a.icon-fb:hover, header #header-mini-nav > ul > li > a.icon-fb:focus {
            background-position: left bottom; }
        header #header-mini-nav > ul > li > a.icon-ig {
          background: url("../image/btn_ig01.png") no-repeat left top; }
          header #header-mini-nav > ul > li > a.icon-ig:hover, header #header-mini-nav > ul > li > a.icon-ig:focus {
            background-position: left bottom; }
        header #header-mini-nav > ul > li > a.icon-yt {
          background: url("../image/btn_yt01.png") no-repeat left top; }
          header #header-mini-nav > ul > li > a.icon-yt:hover, header #header-mini-nav > ul > li > a.icon-yt:focus {
            background-position: left bottom; }
        header #header-mini-nav > ul > li > a.icon-link {
          background: url("../image/btn_link01.png") no-repeat left top; }
          header #header-mini-nav > ul > li > a.icon-link:hover, header #header-mini-nav > ul > li > a.icon-link:focus {
            background-position: left bottom; }
        header #header-mini-nav > ul > li > a.icon-share {
          background: url("../image/btn_share01.png") no-repeat left top;
          float: left;
          }
          header #header-mini-nav > ul > li > a.icon-share:hover, header #header-mini-nav > ul > li > a.icon-share:focus {
            background-position: left bottom; }
    header #header-mini-nav .btn-more {
      padding: 2px 10px;
      color: #fff;
      background: #348628 !important;
      /*border:1px solid #666;*/ }
  header .header-submenu {
    display: none;
    position: absolute;
    width: 75px;
    top: 30px;
    right: 0;
    /*padding:25px 5px 5px 5px;*/
    padding: 5px 5px 5px 5px;
    border: 1px solid #348628;
    background-color: #fff;
    z-index: 2; }
    header .header-submenu.show {
      display: block; }
    header .header-submenu ol {
      width: 100%; }
    header .header-submenu li {
      float: left;
      font-size: 16px;
      line-height: 24px;
      margin: 0 2px;
      /*text-align:center;*/ }
      header .header-submenu li a {
        color: #000; }
        header .header-submenu li a:hover, header .header-submenu li a:focus, header .header-submenu li a.selected {
          color: #348628; }
    header .header-submenu .btn-close {
      display: none;
      position: absolute;
      right: 0;
      top: 0;
      margin: 0; }
  header #lang-bar {
    width: 100px; }
  header #header-share {
    width: 145px;
    /*height:50px;*/ }
    header #header-share > div {
      /*float:left;*/
      /*height:27px;*/ }
    header #header-share .sharethis-inline-share-buttons > div {
      display: inline-block !important;
      height: 32px;
      line-height: 32px;
      width: 32px;
      padding: 0; }
      header #header-share .sharethis-inline-share-buttons > div img {
        top: 7px; }
  header #head-link {
    background-image: url("../image/icon_login.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
    font-size: 16px;
    line-height: 30px;
    color: #bdbdbd; }
    header #head-link a {
      color: #000;
      margin: 0 5px;
      /*        &.icon-login {
                  background-image:url('../image/icon_login.png');
              }
              &.icon-sign {
                  background-image:url('../images/icons/icon_sign.png');
              }*/ }
      header #head-link a:hover, header #head-link a:focus {
        color: #ff0000; }
  header #search-bar {
    /*display:none;*/
    position: absolute;
    opacity: 0;
    top: 0;
    right: 140px;
    width: 400px;
    clear: both;
    z-index: -1;
    background-color: #fff;
    transition: 0.4s;
    -webkit-transition: 0.4s; }
    header #search-bar.show {
      /*display:block;*/
      opacity: 1;
      right: 110px;
      z-index: 2; }
    header #search-bar input {
      float: left;
      width: calc(100% - 120px);
      height: 30px;
      /*border-radius:10px;*/
      border: 0;
      padding: 0 60px 0 10px;
      border: 1px solid #cacaca; }
      header #search-bar input:focus {
        border-color: #348628; }
    header #search-bar .btn-search {
      /*position:absolute;*/
      float: left;
      top: 0px;
      right: 0px;
      width: 50px;
      height: 30px;
      font-size: 14px;
      color: #fff;
      background-color: #348628; }
  header .font-list {
    width: 100%;
    overflow: hidden;
    padding: 5px 0; }
    header .font-list:nth-of-type(2) {
      padding-bottom: 0;
      border-bottom: 0; }
      header .font-list:nth-of-type(2) li {
        width: calc(100% - 10px); }
  header #lang-bar.font-list {
    border-bottom: 1px solid #ccc; }
  header .btn-close {
    float: right;
    padding-left: 20px;
    height: 20px;
    background: url("../image/icon_close01.png") no-repeat;
    /*border: 1px solid transparent;*/
    font-size:14px;
    line-height:20px;
    color:#000;
    margin: 5px; }
/*    header .btn-close:hover, header .btn-close:focus {
      border-color: #348628; }*/
  header #head-mid {
    display: inline-block;
    padding: 10px 0 0 0;
    width: 100%;
    }
    header #head-mid .wrap-inner {
      overflow: visible; }

#header-anchor {
  position: absolute;
  top: 135px;
  left: 0; }

/*==========================================
Common
==========================================*/
.home-section {
  padding: 80px 0; }
  .home-section h2 {
    /*font-weight:600;*/ }
  .home-section.bg-section {
    background-size: cover; }
    .home-section.bg-section h2 {
      color: #fe4e00; }
      .home-section.bg-section h2:before {
        /*background:url('../images/icons/icon_nosmoke3.png');*/ }
  .home-section h2 {
    /*        &:before {
                display:inline-block;
                content:"";
                width:48px;
                height:48px;
                background:url('../image/icon_nosmoke.png');
                position:relative;
                top:9px;
                margin-right:10px;
            }*/ }

#page-dot {
  position: fixed;
  right: 30px;
  top: 0;
  height: 100%;
  width: 10px;
  z-index: 2; }
  #page-dot .dot-box {
    display: inline-block; }
    #page-dot .dot-box > div {
      position: relative;
      margin-bottom: 25px; }
      #page-dot .dot-box > div span {
        opacity: 0;
        position: absolute;
        right: 20px;
        top: calc(50% - 18px);
        /*width:150px;*/
        white-space: nowrap;
        display: inline-block;
        background-color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        padding: 5px 10px;
        font-size: calc(16rem / 16);
        line-height: calc(24rem / 16);
        color: #000;
        /*border:1px solid $color-green01;*/
        text-align: right;
        transition: 0.4s;
        -webkit-transition: 0.4s; }
      #page-dot .dot-box > div a:hover + span, #page-dot .dot-box > div a:focus + span {
        opacity: 1; }
      #page-dot .dot-box > div.selected a, #page-dot .dot-box > div a:focus {
        opacity: 1; }
  #page-dot a {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    /*border:1px solid $color-orange01;*/
    background-color: #fe4e00;
    opacity: 0.5; }
    #page-dot a:hover, #page-dot a.selected {
      opacity: 1; }

#home-banner {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto; }
  #home-banner .swiper-slide {
    width: 100%;
    height: calc(640vw / 19.2);
    min-height: 300px;
    text-align: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
    #home-banner .swiper-slide .wrap-inner {
      width: 1400px;
      height: 100%;
      text-align: left; }
      #home-banner .swiper-slide .wrap-inner > div {
        background-color: rgba(255, 255, 255, 0);
        /*padding:calc(25vw / 19.2);*/
        max-width: 600px;
        /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
        /*border:1px solid $color-orange01;*/
        /*max-width:30%;*/ }
    #home-banner .swiper-slide img {
      display: block; }
    #home-banner .swiper-slide h2 {
      font-size: calc(48vw / 19.2);
      line-height: calc(60vw / 19.2);
      color: #fe4e00;
      margin-bottom: 10px;
      font-weight: 600; }
    #home-banner .swiper-slide p {
      line-height: calc(30vw / 19.2);
      font-size: calc(20vw / 19.2);
      font-weight: 600;
      text-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
    #home-banner .swiper-slide .btn-quit {
      display: inline-block;
      width: 200px;
      height: calc(40vw / 19.2);
      line-height: calc(40vw / 19.2);
      font-size: calc(18vw / 19.2); }
  #home-banner .swiper-button-prev, #home-banner .swiper-button-next {
    width: 24px;
    height: 44px;
    background: url("../image/btn_arrow01.png");
    z-index: 9; }
  #home-banner .swiper-button-prev {
    left: 5%;
    background-position: top left; }
    #home-banner .swiper-button-prev:hover, #home-banner .swiper-button-prev:focus {
      background-position: bottom left; }
  #home-banner .swiper-button-next {
    right: 5%;
    background-position: top right; }
    #home-banner .swiper-button-next:hover, #home-banner .swiper-button-next:focus {
      background-position: bottom right; }
  #home-banner .swiper-pagination {
    bottom: 25px; }
  #home-banner .swiper-pagination-bullet {
    background-color: #fff;
    width: 10px;
    height: 10px;
    opacity: 1;
    border: 1px solid #fe4e00; }
    #home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #fe4e00; }

#home-banner-text-m {
  padding: 20px 0 40px 0; }

.btn-quit {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: calc(18rem / 19.2);
  border-radius: 5px;
  background-color: #00B0FE;
  color: #000;
  text-align: center;
  font-weight: 600; }
  .btn-quit:hover, .btn-quit:focus {
    background-color: #5BC94B; }

.h2-line {
  width: 100%;
  text-align: center;
  /*margin:0 0 20px 0;*/
  /*    background:url('../image/icon_nosmoke.png') no-repeat;*/ }
  .h2-line:before, .h2-line:after {
    position: relative;
    bottom: 24px;
    content: "";
    display: inline-block;
    width: calc(50% - 85px);
    height: 1px;
    background-color: #d8d8d8;
    margin: 0 30px; }

#home-feature {
  width: 100%; }
  #home-feature #home-feature-left {
    padding-right: 20px; }
    #home-feature #home-feature-left .font-xl {
      font-size: calc(36rem / 16);
      line-height: calc(48rem / 16); }
  #home-feature #home-feature-right {
    padding-left: 20px;
    /*background:url('../images/feature01.webp') no-repeat center;*/
    /*background-size:cover;*/ }
    #home-feature #home-feature-right iframe {
      width: 100%;
      height: calc(350vw / 19.2);
      min-height: 300px; }

.event-date {
  /*padding-left:30px;*/
  /*background:url('../image/icon_date01.png') no-repeat left center;*/
  font-size: 16px;
  line-height: 24px;
  color: #348628;
  margin-bottom: 10px; }

#home-news {
  /*background-color:#eeeeee;*/
  background: url("../image/bg02d.jpg") no-repeat center;
  /*background:url('../images/bg02a.jpg');*/
  background-size: cover; }

#news-top-list {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 0 60px; }
  #news-top-list .swiper-container {
    padding: 10px; }
  #news-top-list .swiper-button-prev, #news-top-list .swiper-button-next {
    width: 24px;
    height: 44px;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(328deg) brightness(1000%) contrast(1000%);
    background: url("../image/btn_arrow03.png"); }
  #news-top-list .swiper-button-prev {
    background-position: top left; }
    #news-top-list .swiper-button-prev:hover, #news-top-list .swiper-button-prev:focus {
      background-position: bottom left; }
  #news-top-list .swiper-button-next {
    background-position: top right; }
    #news-top-list .swiper-button-next:hover, #news-top-list .swiper-button-next:focus {
      background-position: bottom right; }

.home-list-block {
  /*width:calc((100% - 60px) / 3);*/
  /*margin-right:30px;*/
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  overflow: hidden; }
  .home-list-block:nth-child(3n) {
    margin-right: 0; }
  .home-list-block .news-date {
    width: 100px;
    padding: 20px 0;
    float: left;
    font-size: calc(14rem / 16);
    line-height: calc(24rem / 16);
    text-align: center;
    border-right: 1px solid #e8e8e8;
    background-color: #fff; }
    .home-list-block .news-date span {
      font-size: calc(36rem / 16);
      line-height: calc(36rem / 16);
      display: block;
      font-weight: 300; }
  .home-list-block .img-thumb {
    width: 100%;
    border-bottom: 3px solid #fe4e00; }
  .home-list-block .news-title {
    float: right;
    width: calc(100% - 100px);
    padding: 15px;
    background-color: #fff; }
  .home-list-block h4 {
    min-height: 120px; }
    .home-list-block h4 a {
      color: #000; }
      .home-list-block h4 a:hover, .home-list-block h4 a:focus {
        color: #348628;
        text-decoration: underline; }
  .home-list-block .btn-pdf {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    padding: 10px 20px 10px 40px;
    background-color: #00B0FE;
    color: #000;
    background-image: url("../image/icon_pdf.png");
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 24px;
    border-radius: 5px;
    font-weight: 600; }
    .home-list-block .btn-pdf:nth-of-type(2) {
      margin-top: 10px;
      background-color: #8ddcff; }
    .home-list-block .btn-pdf:hover, .home-list-block .btn-pdf:focus {
      background-color: #5BC94B; }
.news-list.quiz-list li {
  width: calc((100% - 40px) / 3);
  margin-right: 20px;
  margin-bottom: 20px; }
  .news-list.quiz-list li .home-list-block > .flex {
    height: auto; }
  .news-list.quiz-list li .home-list-block .news-title {
    width: 100%; }
    .news-list.quiz-list li .home-list-block .news-title h4 {
      min-height: 0;
      margin: 0; }

.btn-mc-back, .btn-mc-next {
  position: relative;
  line-height: 26px;
  font-size: calc(16rem / 16);
  color: #348628; }
  .btn-mc-back:before, .btn-mc-next:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    background: url("../image/btn_arrow02.png") no-repeat;
    background-size: 52px; }

.btn-mc-back {
  padding-left: 35px; }
  .btn-mc-back:before {
    left: 0;
    background-position: left top; }
  .btn-mc-back:hover, .btn-mc-back:focus {
    color: #fe4e00; }
    .btn-mc-back:hover:before, .btn-mc-back:focus:before {
      background-position: left bottom; }

.btn-mc-next {
  padding-right: 35px; }
  .btn-mc-next:before {
    right: 0;
    background-position: right top; }
  .btn-mc-next:hover, .btn-mc-next:focus {
    color: #fe4e00; }
    .btn-mc-next:hover:before, .btn-mc-next:focus:before {
      background-position: right bottom; }

.quiz-video {
  width: 100%;
  height: 350px; }

.quiz-mc {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px; }
  .quiz-mc li label {
    padding: 0;
    background: none;
    color: #000; }

.news-more {
  /*float:right;*/
  display: inline-block;
  text-align: left;
  padding: 0 40px 0 20px;
  line-height: 32px;
  height: 32px;
  border-radius: 20px;
  font-size: calc(16rem / 16);
  color: #fff;
  background-color: #888888;
  background-image: url("../image/icon_arrow01.png");
  background-position: right 15px center;
  background-repeat: no-repeat; }
  .news-more:hover, .news-more:focus {
    background-color: #fe4e00; }

.news-list {
  width: 100%;
  overflow: hidden;
  padding: 5px; }
  .news-list li {
    float: left;
    width: calc((100% - 80px) / 3);
    margin-right: 40px;
    margin-bottom: 40px;
    position: relative; }
    .news-list li:nth-child(3n) {
      margin-right: 0; }
  .news-list .home-list-block {
    height: 100%; }
    .news-list .home-list-block > .flex {
      height: 100%; }
  .news-list.gallery-list .img-thumb {
    height: 220px; }
    .news-list.gallery-list .img-thumb a {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      background-position: center;
      background-size: cover; }
      .news-list.gallery-list .img-thumb a.video-frame:after {
        opacity: 0.8;
        content: "";
        position: absolute;
        top: calc(50% - 20px);
        left: calc(50% - 20px);
        width: 40px;
        height: 40px;
        background: url("../image/icon_play.png");
        transition: 0.4s;
        -webkit-transition: 0.4s; }
      .news-list.gallery-list .img-thumb a.video-frame:hover:after, .news-list.gallery-list .img-thumb a.video-frame:focus:after {
        opacity: 1;
        transform: scale(1.2);
        -webkit-transform: scale(1.2); }
  .news-list.gallery-list .news-title {
    width: 100%; }
    .news-list.gallery-list .news-title h4 {
      min-height: 0;
      margin: 0; }
  .news-list.gallery-list .news-caption {
    width: 100%;
    padding: 0 15px 10px 15px; }
    .news-list.gallery-list .news-caption p {
      /*margin:0;*/ }

.nav-list {
  width: 100%;
  overflow: hidden;
  padding: 5px; }
  .nav-list li {
    float: left;
    width: calc((100% - 90px) / 4);
    margin-right: 30px;
    margin-bottom: 30px;
    position: relative; }
    .nav-list li:nth-child(4n) {
      margin-right: 0; }
    .nav-list li .news-title {
      width: 100%;
      text-align: center; }
      .nav-list li .news-title p {
        margin: 0; }
        .nav-list li .news-title p a {
          color: #000;
          text-decoration: none;
          font-weight: 600; }
          .nav-list li .news-title p a:hover {
            color: #348628;
            text-decoration: underline; }
    .nav-list li .img-thumb {
      /*padding:15px;*/ }
    .nav-list li:nth-child(4n) {
      margin-right: 0; }
  .nav-list .btn-more.btn-icon {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    padding: 5px 20px 5px 40px;
    background-color: #00B0FE;
    color: #000;
    border-radius: 5px;
    font-weight: 600; }
    .nav-list .btn-more.btn-icon:before {
      position: absolute;
      top: 10px;
      left: 15px; }
    .nav-list .btn-more.btn-icon:hover, .nav-list .btn-more.btn-icon:focus {
      background-color: #5BC94B; }
  .nav-list .home-list-block {
    height: 100%; }

.detail-page {
  padding-bottom: 60px; }
  .detail-page .wrap-more {
    max-width: 1200px;
    margin: 0 auto; }
  .detail-page .news-date {
    width: 100%;
    overflow: hidden;
    margin: 20px 0; }
    .detail-page .news-date > div {
      font-size: calc(20rem / 16);
      line-height: calc(30rem / 16);
      color: #000; }

.news-related {
  /*padding:40px 0 0 0;*/ }

.video-list {
  padding: 5px; }
  .video-list > li {
    float: left;
    width: calc((100% - 60px) / 3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /*padding:15px;*/
    margin: 0 30px 30px 0;
    text-align: center;
    /*        &:nth-child(2) {
                margin-right:0;
            }*/
    /*        &:nth-child(1) {
                width:100%;    
                > div {
                    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
                    height:100%;                
                }
                a {
                    display:block;
                    width:65%;
                    float:left;
                    height:500px;                
                    background-size:cover;
                    background-position:center;
                }
                .video-caption {
                    width:35%;
                    height:100%;
                    float:right;
                    padding:20px;
                    background-color:#fff;
                    text-align:left;
                    border:0;                
                    h4 {
                        font-size:$h3-size;
                        line-height:$h3-lineheight;
                        margin:0 0 10px 0;
                    }
                    p {
                        display:block;
                    }
                }
            }*/ }
    .video-list > li:nth-child(3n) {
      margin-right: 0; }
    .video-list > li > a {
      position: relative;
      display: block;
      width: 100%;
      height: 210px;
      background-size: cover;
      background-position: center; }
      .video-list > li > a:after {
        opacity: 0.8;
        content: "";
        position: absolute;
        top: calc(50% - 20px);
        left: calc(50% - 20px);
        width: 40px;
        height: 40px;
        background: url("../image/icon_play.png");
        transition: 0.4s;
        -webkit-transition: 0.4s; }
      .video-list > li > a:hover:after, .video-list > li > a:focus:after {
        opacity: 1;
        transform: scale(1.2);
        -webkit-transform: scale(1.2); }
    .video-list > li .video-caption {
      padding: 15px 20px;
      border-top: 2px solid #fe4e00; }
      .video-list > li .video-caption h4 {
        margin: 0; }
        .video-list > li .video-caption h4 a {
          color: #000; }
          .video-list > li .video-caption h4 a:hover {
            color: #348628;
            text-decoration: underline; }
      .video-list > li .video-caption p {
        display: none;
        margin: 0; }

.video-popup {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  /*background-color:#fff;*/
  text-align: center;
  padding-top: 40px; }
  .video-popup iframe {
    width: 800px;
    max-width: 100%;
    height: 500px; }
  .video-popup .video-caption {
    background-color: #fff;
    padding: 30px;
    border-top: 2px solid #fe4e00; }
    .video-popup .video-caption p {
      margin: 0; }
  .video-popup .mfp-close {
    background-color: #fff;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    opacity: 1; }

#video-big {
  width: 100%;
  height: 500px;
  margin-bottom: 30px;
  padding: 5px; }
  #video-big > div {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    height: 100%; }
  #video-big a {
    width: 65%;
    float: left;
    height: 100%;
    background-size: cover;
    background-position: center; }
  #video-big .video-big-caption {
    width: 35%;
    height: 100%;
    float: right;
    padding: 30px;
    background-color: #fff; }

.page-submenu {
  width: 100%;
  /*width:calc(100% - 6px);*/
  /*margin:0 3px;*/
  overflow: hidden;
  margin-bottom: 20px;
  /*padding:0 0 15px 0;*/
  background-color: #fff;
  /*box-shadow:0 0 10px rgba(0, 0, 0, 0.2);*/
  /*border-top:1px solid $color-orange01;*/
  /*border-bottom:1px solid $color-orange01;*/ }
  .page-submenu > div {
    /*padding:10px 25px;*/ }
    .page-submenu > div span {
      margin-right: 10px;
      font-size: calc(16rem / 16);
      line-height: 32px;
      font-weight: 600;
      /*color:$color-orange01;*/ }
    .page-submenu > div select {
      height: 32px;
      padding: 0 5px;
      border: 1px solid #348628;
      background-color: #fff;
      /*            option:focus {
                      background-color:$color-yellow01;
                  }*/ }
  .page-submenu .line {
    display: inline-block;
    float: left;
    width: 1px;
    height: 32px;
    margin: 0 25px;
    background-color: #ccc; }

.inner-banner {
  position: relative;
  width: 100%;
  height: 300px;
  background: url("../image/banner_i.jpg");
  background-size: cover;
  background-position: right center !important;
  /*box-shadow: inset 0 -2px 5px rgba(0,0,0, .2);*/ }
  .inner-banner h1 {
    color: #000; }

.breadcrumb {
  padding-left: 30px;
  background: url("../image/icon_home01.png") no-repeat left top; }
  .breadcrumb a {
    font-size: calc(16rem / 16);
    line-height: calc(24rem / 16);
    color: #000; }
    .breadcrumb a:hover, .breadcrumb a.selected {
      color: #fe4e00; }

.sidebar {
  float: left;
  width: 280px;
  padding-top: 10px;
  /*margin-bottom:40px;*/
  /*background-color:#f9f9f9;*/
  /*padding:0 20px;*/ }
  .sidebar ul li {
    /*border-bottom:1px solid #d3d3d3;*/
    /*margin-bottom:10px;*/
    border-left: 2px solid #fe4e00; }
    .sidebar ul li:nth-last-child(1) {
      border-bottom: 0; }
    .sidebar ul li > a {
      display: block;
      font-size: 16px;
      line-height: 24px;
      color: #000;
      padding: 8px 0;
      padding-left: 20px; }
      .sidebar ul li > a:hover, .sidebar ul li > a.selected {
        color: #348628; }
      .sidebar ul li > a.selected {
        color: #348628;
        background: url("../image/icon_arrow02.png") no-repeat right 20px center;
        background-size: 8px; }
    .sidebar ul li ol {
      padding-left: 20px;
      margin: 0 0 20px 0; }
      .sidebar ul li ol li {
        list-style-type: disc;
        margin-bottom: 5px;
        border: 0; }
        .sidebar ul li ol li a {
          font-size: 14px;
          color: #000;
          padding: 0; }
          .sidebar ul li ol li a:hover, .sidebar ul li ol li a.selected {
            color: #FECD00; }
  .sidebar .sidebar-title {
    font-size: calc(24rem / 16);
    line-height: calc(24rem / 16);
    color: #fe4e00;
    padding: 10px;
    padding-left: 40px;
    font-weight: 600;
    background: url("../image/icon_nosmoke.png") no-repeat left center;
    background-size: 32px;
    margin-bottom: 10px;
    /*border-bottom:1px solid #ececec;*/ }

.sidebar-toggle {
  margin-bottom: 20px; }

.news-year {
  float: left; }
  .news-year select {
    height: 24px;
    width: 120px; }
  .news-year p {
    margin: 0 10px 0 0; }

.page-top {
  margin: 20px 0; }

.page-tab {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #cecece;
  margin-bottom: 20px; }
  .page-tab .btn-more {
    margin-bottom: 10px;
    width: 100%; }
  .page-tab .page-top-box a {
    margin: 0 10px;
    display: inline-block;
    padding: 0;
    padding-bottom: 10px;
    font-size: calc(18rem / 16);
    line-height: calc(24rem / 16);
    border-bottom: 2px solid transparent;
    color: #000; }
    .page-tab .page-top-box a:hover, .page-tab .page-top-box a:focus {
      border-color: #348628;
      color: #348628; }

.inner-content {
  min-height: 400px;
  width: 100%;
  /*margin-bottom:40px;*/ }
  .inner-content.fl-right {
    width: calc(100% - 280px);
    padding-left: 30px;
    border-left: 1px solid #d8d8d8; }
  .inner-content.detail-page {
    padding-bottom: 30px; }

.pdf-list {
  padding: 5px;
  margin-top: 10px; }
  .pdf-list li {
    width: 100%;
    overflow: hidden;
    padding: 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 25px;
    text-align: justify; }
    .pdf-list li:nth-child(2n) {
      background-color: #f9f9f9; }
    .pdf-list li > .fl-left {
      width: calc(100% - 200px);
      float: left;
      padding: 5px 25px 5px 0;
      border-right: 1px solid #ccc; }
    .pdf-list li > .fl-right {
      width: 200px;
      /*padding-top:15px;*/
      text-align: center; }
    .pdf-list li h4 {
      padding-left: 30px;
      margin-top: 0; }
      .pdf-list li h4 a {
        color: #000;
        /*margin-left:5px;*/ }
        .pdf-list li h4 a:hover {
          color: #348628;
          text-decoration: underline; }
    .pdf-list li span {
      position: absolute;
      float: left;
      font-size: calc(18rem / 16);
      line-height: calc(30rem / 16);
      color: #fe4e00;
      font-weight: 600;
      margin-right: 5px;
      margin-top: 0; }
    .pdf-list li .btn-pdf {
      display: inline-block;
      padding: 10px 20px 10px 40px;
      background-color: #00B0FE;
      color: #000;
      background-image: url("../image/icon_pdf.png");
      background-repeat: no-repeat;
      background-position: left 10px center;
      background-size: 24px;
      border-radius: 5px;
      font-weight: 600; }
      .pdf-list li .btn-pdf:nth-of-type(2) {
        margin-top: 10px;
        background-color: #8ddcff; }
      .pdf-list li .btn-pdf:hover, .pdf-list li .btn-pdf:focus {
        background-color: #5BC94B; }
    .pdf-list li p {
      margin: 0;
      padding-left: 30px; }
    .pdf-list li:hover {
      background-color: #efefef; }

.event-list {
  width: 100%;
  overflow: hidden;
  padding: 10px; }
  .event-list li {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
    .event-list li .img-thumb {
      float: left;
      width: 300px;
      border-radius: 10px; }
      .event-list li .img-thumb img {
        width: 100%;
        transition: 0.4s;
        -webkit-transition: 0.4s; }
        .event-list li .img-thumb img:hover, .event-list li .img-thumb img:focus {
          transform: scale(1.1);
          -webkit-transform: scale(1.1); }
    .event-list li figcaption {
      float: left;
      width: calc(100% - 300px);
      height: 100%;
      padding-left: 30px; }
      .event-list li figcaption h3 {
        color: #000;
        margin-bottom: 10px; }
        .event-list li figcaption h3 a {
          color: #fe4e00; }
          .event-list li figcaption h3 a:hover {
            color: #fe4e00;
            text-decoration: underline; }

#home-partner {
  width: 100%;
  padding-top: 0;
  /*background-color:$color-green01;*/ }

#home-article {
  background-color: #e8e8e8;
  padding-bottom: 40px; }
  #home-article .btn-pdf {
    display: inline-block;
    /*width:100%;*/
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #00B0FE;
    color: #000;
    border-radius: 5px;
    font-weight: 600; }
    #home-article .btn-pdf:before {
      position: relative;
      top: 2px;
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      background-image: url("../image/icon_plus02.png");
      background-position: left 15px top;
      /*background-size:auto 14px;*/
      margin-right: 10px; }
    #home-article .btn-pdf:hover:before {
      transition: 0.2s;
      -webkit-transition: 0.2s;
      transform: scale(1.1);
      -webkit-transform: scale(1.1); }
    #home-article .btn-pdf:nth-of-type(2) {
      display: none;
      margin-top: 10px;
      background-color: #8ddcff; }
    #home-article .btn-pdf:hover, #home-article .btn-pdf:focus {
      background-color: #5BC94B; }

.article-list li {
  width: 100%;
  overflow: hidden;
  margin-bottom: 40px; }
  .article-list li:nth-last-child(1) {
    margin-bottom: 0; }
  .article-list li > div {
    width: 50%; }

.thumb-left iframe {
  display: block;
  width: 100%;
  height: calc(500vw / 19.2);
  margin: 0 auto; }

.thumb-right-text {
  /*width:calc(100 - 5px);*/
  height: 100%;
  padding: 20px 5%;
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
  /*border:1px solid #ccc;*/ }

.flex-fl-right .thumb-right-text {
  padding-left: 0; }

.flex-fl-left .thumb-right-text {
  padding-right: 0; }

#home-media {
  background-color: #f5f5f5;
  padding: 40px 0; }

#home-media-left {
  width: 400px; }

#home-media-right {
  width: calc(100% - 400px);
  text-align: center; }

.thumb-right-tabs {
  display: inline-block;
  /*width:100%;*/
  overflow: hidden; }
  .thumb-right-tabs li {
    float: left;
    width: 140px;
    padding: 0 10px;
    /*        &:nth-child(1) a:before {
                background-image:url('../images/icons/icon_tab_video.png');
            }
            &:nth-child(2) a:before {
                background-image:url('../images/icons/icon_tab_event.png');
            }
            &:nth-child(3) a:before {
                background-image:url('../images/icons/icon_tab_report.png');
            }
            &:nth-child(4) a:before {
                background-image:url('../images/icons/icon_tab_press.png');
            }
            &:nth-child(5) a:before {
                background-image:url('../images/icons/icon_tab_mail.png');
            }
            &:nth-child(6) a:before {
                background-image:url('../images/icons/icon_tab_pen.png');
            }*/ }
    .thumb-right-tabs li a {
      position: relative;
      display: block;
      width: 100%;
      font-size: calc(16rem / 16);
      line-height: calc(36rem / 16);
      text-align: center;
      color: #000;
      font-weight: 600; }
      .thumb-right-tabs li a .tabs-icon {
        display: inline-block;
        width: 80px;
        height: 80px;
        /*                path {
                            stroke:#fff;
                            fill:#fff;
                        }*/ }
      .thumb-right-tabs li a span {
        display: block; }
      .thumb-right-tabs li a:hover, .thumb-right-tabs li a:focus {
        color: #348628;
        /*color:#fff;*/ }

#home-contact {
  width: 100%;
  background: url("../image/bg01.jpg") no-repeat center;
  background-size: cover; }

#home-subscribe {
  background-color: #fffce7; }

#contact-info {
  text-align: left; }
  #contact-info .table-tr {
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: left top; }
    #contact-info .table-tr > div {
      font-size: calc(16rem / 16);
      line-height: 30px;
      padding-left: 40px; }
      #contact-info .table-tr > div a {
        color: #348628;
        text-decoration: underline; }
      #contact-info .table-tr > div:nth-of-type(1) {
        width: 140px;
        font-weight: 600; }
      #contact-info .table-tr > div:nth-of-type(2) {
        width: calc(100% - 140px); }
    #contact-info .table-tr.icon-map {
      background-image: url("../image/icon_contact_map.png"); }
      #contact-info .table-tr.icon-map > div:nth-of-type(2) {
        /*padding-right:30px;*/ }
    #contact-info .table-tr.icon-tel {
      background-image: url("../image/icon_contact_tel.png"); }
    #contact-info .table-tr.icon-fax {
      background-image: url("../image/icon_contact_fax.png"); }
    #contact-info .table-tr.icon-email {
      background-image: url("../image/icon_contact_email.png"); }
    #contact-info .table-tr.icon-hours {
      background-image: url("../image/icon_contact_hours.png"); }

#contact-map {
  border: 1px solid #ffd597; }
  #contact-map iframe {
    width: 100%;
    height: 450px; }

.newsletter-list {
  width: 100%;
  overflow: hidden;
  /*margin-bottom:30px;*/ }
  .newsletter-list li {
    width: calc(50% - 30px);
    margin: 0 30px 30px 0;
    /*padding:30px;*/
    float: left;
    /*border:1px solid #ccc;*/
    /*border-radius:10px;*/ }
    .newsletter-list li:nth-child(2n) {
      margin-right: 0; }
    .newsletter-list li .img-thumb {
      margin-bottom: 10px; }
      .newsletter-list li .img-thumb img {
        transition: 0.4s;
        -webkit-transition: 0.4s; }
      .newsletter-list li .img-thumb:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1); }
    .newsletter-list li p {
      text-align: center;
      margin-bottom: 0; }

.photo-gallery-list li {
  width: calc((100% / 3) - 15px);
  margin: 0 20px 30px 0;
  /*padding:30px;*/
  float: left;
  /*border:1px solid #ccc;*/
  /*border-radius:10px;*/ }
  .photo-gallery-list li:nth-child(3n) {
    margin-right: 0; }
  .photo-gallery-list li .img-thumb {
    margin-bottom: 10px; }
    .photo-gallery-list li .img-thumb img {
      transition: 0.4s;
      -webkit-transition: 0.4s; }
    .photo-gallery-list li .img-thumb:hover img {
      transform: scale(1.1);
      -webkit-transform: scale(1.1); }
  .photo-gallery-list li p {
    margin-bottom: 0; }

.fc-view-container {
  background-color: #fff;
  /*margin-bottom:30px;*/ }
  .fc-view-container .fc-widget-header {
    background-color: #4d4d4d !important; }
    .fc-view-container .fc-widget-header a {
      color: #fff;
      text-decoration: none;
      line-height: calc(24rem / 16);
      cursor: default; }
    .fc-view-container .fc-widget-header span {
      color: #fff; }
  .fc-view-container .fc-day-header {
    padding: 5px 0; }
    .fc-view-container .fc-day-header.fc-sun {
      background-color: #ff4949 !important; }
  .fc-view-container .fc-axis.fc-time.fc-widget-content {
    background-color: #fffced;
    /*padding:0 10px;*/ }
  .fc-view-container .fc-event {
    background-color: #fffced;
    border-color: #fff3e8; }
  .fc-view-container .fc-time-grid .fc-slats td {
    height: 40px; }
  .fc-view-container .fc-head {
    padding: 3px 3px 0 3px;
    font-size: calc(14rem / 16);
    color: #a26e4a; }
  .fc-view-container .fc-list-item-title .fc-head {
    padding: 0 10px 0 0;
    float: left;
    font-size: calc(16rem / 16); }
  .fc-view-container .fc-list-item-title .fc-function {
    float: right;
    padding: 0;
    margin: 0; }
    .fc-view-container .fc-list-item-title .fc-function hr {
      display: none; }
    .fc-view-container .fc-list-item-title .fc-function .fc-book {
      margin-left: 20px; }
  .fc-view-container .fc-list-item-marker {
    display: none !important; }
  .fc-view-container .fc-time-grid-event .fc-time, .fc-view-container .fc-day-grid-event .fc-time {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 3px;
    background-color: #787878; }
  .fc-view-container .fc-time-grid-event .fc-title, .fc-view-container .fc-day-grid-event .fc-title {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 3px;
    font-size: calc(13rem / 16);
    line-height: calc(16rem / 16);
    color: #000; }
  .fc-view-container .fc-function {
    padding: 5px 3px 0 3px;
    /*border-top:1px solid #e0ded4;*/ }
    .fc-view-container .fc-function hr {
      margin: 3px 0; }
    .fc-view-container .fc-function p {
      font-size: calc(13rem / 16);
      line-height: 15px;
      color: #000; }
  .fc-view-container .fc-book {
    display: inline-block;
    background-color: #f3c309;
    padding: 2px 6px;
    border-radius: 2px;
    color: #fff;
    margin-bottom: 3px; }
    .fc-view-container .fc-book:hover, .fc-view-container .fc-book:focus {
      background-color: #ffd945; }
  .fc-view-container .fc th {
    color: #fff !important; }

.fc-day-grid-event .fc-content {
  white-space: normal; }

.fc-datepicker input.input-dob {
  width: 200px;
  height: 34px;
  margin-bottom: 0;
  background-color: #fff; }

.fc-button {
  background-image: none !important;
  box-shadow: none;
  background-color: #f3c309;
  border: 0;
  box-shadow: none;
  text-shadow: none;
  color: #fff;
  height: 34px !important; }
  .fc-button:hover, .fc-button:focus {
    background-color: #f4ca27; }

.fc-button-group button {
  border-left: 1px solid #d4c573; }
  .fc-button-group button:nth-of-type(1) {
    border: 0; }
  .fc-button-group button .fc-button-active {
    background-color: #fa9d26; }

#subscribe-box {
  max-width: 800px;
  width: 100%;
  margin: 20px auto 0 auto; }
  #subscribe-box > input {
    width: calc(100% - 220px);
    height: 40px;
    /*border:0;*/
    float: left; }
  #subscribe-box .btn-large {
    float: right; }

#gallery-slider-left {
  position: relative;
  width: 40%;
  padding: 0 40px 0 0;
  margin-bottom: 35px;
  /*    .swiper-button-prev, .swiper-button-next {
          width: 21px;
          height: 36px;
          background: url("../image/btn_arrow02.png");
      }
  
      .swiper-button-prev {
          background-position: top left;
          left: 0;
  
          &:hover, &:focus {
              background-position: bottom left;
          }
      }
  
      .swiper-button-next {
          background-position: top right;
          right: 0;
  
          &:hover, &:focus {
              background-position: bottom right;
          }
      }*/ }
  #gallery-slider-left .swiper-container {
    padding-bottom: 35px; }
  #gallery-slider-left .swiper-slide {
    background-size: cover;
    opacity: 0.7;
    cursor: pointer; }
    #gallery-slider-left .swiper-slide:hover, #gallery-slider-left .swiper-slide:focus {
      opacity: 1; }
    #gallery-slider-left .swiper-slide img {
      opacity: 0; }
  #gallery-slider-left .swiper-pagination {
    bottom: 0; }
  #gallery-slider-left .swiper-pagination-bullet {
    background-color: #fff;
    width: 10px;
    height: 10px;
    opacity: 1;
    border: 1px solid #fe4e00; }
    #gallery-slider-left .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #fe4e00; }

#gallery-slider-right {
  width: 60%;
  margin-bottom: 40px; }
  #gallery-slider-right .swiper-slide {
    background-color: #fff; }
    #gallery-slider-right .swiper-slide img {
      display: block;
      margin: 0 auto; }
  #gallery-slider-right .swiper-button-prev, #gallery-slider-right .swiper-button-next {
    display: none; }

#org-slider {
  position: relative;
  padding: 0 60px; }
  #org-slider .swiper-button-prev, #org-slider .swiper-button-next {
    width: 24px;
    height: 44px;
    background: url("../image/btn_arrow03.png"); }
  #org-slider .swiper-button-prev {
    background-position: top left; }
    #org-slider .swiper-button-prev:hover, #org-slider .swiper-button-prev:focus {
      background-position: bottom left; }
  #org-slider .swiper-button-next {
    background-position: top right; }
    #org-slider .swiper-button-next:hover, #org-slider .swiper-button-next:focus {
      background-position: bottom right; }
  #org-slider .swiper-slide a img {
    transition: 0.4s;
    -webkit-transition: 0.4s; }
  #org-slider .swiper-slide a:hover img, #org-slider .swiper-slide a:focus img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2); }

.collapse-block {
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
  padding: 10px 20px;
  border: 1px solid #ddd;
  margin-bottom: 20px; }
  .collapse-block .collapse-title {
    position: relative;
    cursor: pointer; }
    .collapse-block .collapse-title:after {
      content: "";
      position: absolute;
      right: 0;
      top: 8px;
      width: 16px;
      height: 16px;
      background: url("../image/icon_more.svg") no-repeat;
      background-size: 100%;
      transition: 0.4s;
      -webkit-transition: 0.4s; }
  .collapse-block .collapse-content {
    display: none;
    border-top: 1px solid #ccc;
    padding: 15px 0 0 0;
    margin-top: 10px; }
    .collapse-block .collapse-content p {
      text-align: justify; }
  .collapse-block.active {
    border-color: #f3c309; }
    .collapse-block.active .collapse-content {
      display: block; }
    .collapse-block.active .collapse-title:after {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg); }

#member-list > .clear {
  position: relative; }
  #member-list > .clear > .member-anchor {
    position: absolute;
    top: -150px; }

.about-past-list {
  width: 100%;
  overflow: hidden;
  border: 1px solid #c5c5c5;
  border-radius: 10px;
  padding: 30px; }
  .about-past-list li {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #c5c5c5; }
    .about-past-list li:nth-of-type(1) {
      padding-top: 0; }
    .about-past-list li:nth-last-of-type(1) {
      padding-bottom: 0;
      border-bottom: 0; }
    .about-past-list li .table-tr {
      font-size: 18px;
      line-height: 30px; }
      .about-past-list li .table-tr > div:nth-of-type(1) {
        width: 160px;
        font-weight: 600; }
      .about-past-list li .table-tr > div:nth-of-type(2) {
        width: calc(100% - 160px); }

.contact-list {
  width: 100%;
  overflow: hidden; }
  .contact-list li {
    position: relative;
    padding-left: 80px;
    /*padding-top:10px;*/
    margin-bottom: 30px;
    min-height: 60px; }
    .contact-list li a {
      color: #000;
      text-decoration: underline; }
      .contact-list li a:hover, .contact-list li a:focus {
        color: #f3c309; }
    .contact-list li > div {
      min-height: 60px; }
    .contact-list li:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 60px;
      height: 60px;
      border-radius: 60px;
      border: 1px solid #ccc; }
    .contact-list li:nth-child(1):before {
      background: url("../image/icon_contact_map.png") no-repeat center; }
    .contact-list li:nth-child(2):before {
      background: url("../image/icon_contact_tel.png") no-repeat center; }
    .contact-list li:nth-child(3):before {
      background: url("../image/icon_contact_fax.png") no-repeat center; }
    .contact-list li:nth-child(4):before {
      background: url("../image/icon_contact_email.png") no-repeat center; }

.structure-title {
  position: relative;
  /*margin-bottom:15px;*/ }
  .structure-title h4 {
    float: left; }
  .structure-title h3 {
    width: auto;
    margin-top: 0; }
  .structure-title .faq-head {
    position: relative;
    padding-left: 40px; }
    .structure-title .faq-head > span {
      position: absolute;
      top: 0;
      left: 0;
      /*content:"?";*/
      margin-right: 5px;
      width: 32px;
      height: 32px;
      line-height: 30px;
      color: #fff;
      font-size: 20px;
      text-align: center;
      background-color: #fe4e00;
      border-radius: 100%;
      text-align: center; }
  .structure-title .btn-toggle {
    position: relative;
    display: inline-block;
    float: right;
    font-size: calc(16rem / 16);
    line-height: calc(24rem / 16);
    padding-left: 20px;
    margin-bottom: 15px;
    color: #000;
    cursor: pointer; }
    .structure-title .btn-toggle:before {
      content: "";
      position: absolute;
      top: calc(50% - 7rem / 16);
      left: 0;
      width: 14px;
      height: 14px;
      background: url("../image/icon_plus02.png") no-repeat left top; }
    .structure-title .btn-toggle span.open {
      display: block; }
    .structure-title .btn-toggle span.close {
      display: none; }
    .structure-title .btn-toggle.active:before {
      background-position: left bottom; }
    .structure-title .btn-toggle.active span.open {
      display: none; }
    .structure-title .btn-toggle.active span.close {
      display: block; }

.structure-list {
  position: relative;
  display: none;
  width: calc(100% - 20px);
  margin: 0 10px;
  overflow: hidden;
  margin-bottom: 30px;
  padding: 0 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
  .structure-list.show {
    display: block; }
  .structure-list .table-tr {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #e0e0e0;
    /*padding-bottom:15px;*/ }
    .structure-list .table-tr:nth-last-of-type(1) {
      border-bottom: 0; }
    .structure-list .table-tr > div {
      font-size: calc(16rem / 16);
      line-height: calc(24rem / 16);
      padding: 15px 0; }
      .structure-list .table-tr > div:nth-of-type(1) {
        width: 200px;
        font-weight: 600; }
      .structure-list .table-tr > div:nth-of-type(2) {
        width: calc(100% - 200px); }
      .structure-list .table-tr > div > ul {
        width: 100%;
        overflow: hidden;
        margin: 0 0 -10px 0;
        padding: 0; }
        .structure-list .table-tr > div > ul li {
          list-style-type: none;
          margin-bottom: 10px; }
  .structure-list .structure-chairman {
    /*        font-weight:600;
            color:$color-orange01;*/ }

.structure-anchor {
  position: absolute;
  top: -200px; }

#inner-slider {
  margin: 20px 0;
  text-align: center; }
  #inner-slider .swiper-slide img {
    width: 100%; }
  .swiper-pagination {
    bottom: 15px; }
    swiper-pagination .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      background-color: #ccc;
      opacity: 1; }
      .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #fe4e00; }

#search .inner ol li {
  padding: 20px 0 0px 45px;
  margin: 0;
  border-bottom: 1px solid #ececec; }
  #search .inner ol li:before {
    top: 20px; }

#resultList li:before {
  display: none; }
#resultList li .search-num {
  position: absolute;
  top: 15px;
  left: 0;
  content: counter(counter);
  background-color: #fe4e00;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  line-height: 32px;
  color: #000;
  text-align: center;
  margin: 0px; }
#resultList li p {
  margin-bottom: 20px; }
#resultList .paging-nav ul {
  text-align: center;
  display: inline-block; }
  #resultList .paging-nav ul li {
    float: left;
    display: block;
    width: 26px;
    line-height: 26px;
    margin-right: 5px;
    padding: 0;
    text-align: center;
    font-size: 18px;
    color: #000;
    border-bottom: 5px solid transparent; }
    #resultList .paging-nav ul li:nth-last-child(1) {
      margin-right: 0; }
    #resultList .paging-nav ul li a {
      display: block;
      color: #000;
      height: 34px;
      line-height: 26px; }
      #resultList .paging-nav ul li a:hover, #resultList .paging-nav ul li a.selected {
        color: #348628; }
      #resultList .paging-nav ul li a.selected {
        border-bottom: 3px solid #348628; }
      #resultList .paging-nav ul li a.paging-prev, #resultList .paging-nav ul li a.paging-next {
        border-bottom: 0 !important; }
  #resultList .paging-nav ul .paging-prev, #resultList .paging-nav ul .paging-next {
    width: 26px;
    height: 26px;
    background: url("../image/btn_arrow02.png");
    border: 0;
    padding: 0; }
  #resultList .paging-nav ul .paging-prev {
    background-position: left top; }
    #resultList .paging-nav ul .paging-prev:hover, #resultList .paging-nav ul .paging-prev:focus {
      background-position: left bottom; }
  #resultList .paging-nav ul .paging-next {
    background-position: right top; }
    #resultList .paging-nav ul .paging-next:hover, #resultList .paging-nav ul .paging-next:focus {
      background-position: right bottom; }

.timeline {
  position: relative;
  margin-bottom: 40px; }
  .timeline .timeline-mid {
    position: absolute;
    top: 0;
    left: 50%;
    background-color: #ccc;
    width: 1px;
    height: 100%; }
  .timeline .timeline-event {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2;
    padding: 5px;
    padding-bottom: 60px; }
    .timeline .timeline-event:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: calc(50% - 16px);
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 17px 16px 0 16px;
      border-color: #348628 transparent transparent transparent; }
    .timeline .timeline-event > li {
      position: relative;
      float: left;
      width: 50%;
      padding-right: 30px;
      clear: both;
      margin-bottom: -40px; }
      .timeline .timeline-event > li:before {
        content: "";
        position: absolute;
        right: -4.5px;
        top: 50%;
        width: 8px;
        height: 8px;
        background-color: #348628;
        border-radius: 100%;
        z-index: 2; }
      .timeline .timeline-event > li:after {
        content: "";
        position: absolute;
        right: 0;
        top: calc(50% + 4px);
        width: 100%;
        height: 1px;
        background-color: #ccc; }
      .timeline .timeline-event > li .timeline-block {
        position: relative;
        padding: 15px;
        background-color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        overflow: hidden;
        z-index: 2; }
        .timeline .timeline-event > li .timeline-block.no-photo .img-thumb {
          display: none; }
        .timeline .timeline-event > li .timeline-block.no-photo .timeline-event-caption {
          padding: 0 !important;
          width: 100% !important; }
      .timeline .timeline-event > li .img-thumb {
        float: right;
        width: 35%; }
      .timeline .timeline-event > li .timeline-event-caption {
        float: left;
        width: 65%;
        padding-right: 20px; }
        .timeline .timeline-event > li .timeline-event-caption p {
          text-align: left;
          display: none; }
          .timeline .timeline-event > li .timeline-event-caption p.show {
            display: block; }
      .timeline .timeline-event > li .timeline-event-date {
        display: block;
        font-size: calc(24rem / 16);
        line-height: calc(24rem / 16);
        margin-bottom: 5px; }
      .timeline .timeline-event > li h4 {
        color: #fe4e00; }
        .timeline .timeline-event > li h4 .btn-toggle {
          display: inline-block;
          width: 24px;
          height: 24px;
          background-color: #fe4e00;
          background-position: top left;
          background-repeat: no-repeat;
          background-image: url("../image/btn_plus01.png");
          position: relative;
          border-radius: 5px;
          top: 5px;
          margin-left: 10px; }
          .timeline .timeline-event > li h4 .btn-toggle:hover {
            background-color: #348628; }
          .timeline .timeline-event > li h4 .btn-toggle.active {
            background-position: bottom left; }
      .timeline .timeline-event > li:nth-child(even) {
        float: right;
        padding: 0 0 0 30px; }
        .timeline .timeline-event > li:nth-child(even):before {
          right: auto;
          left: -4px; }
        .timeline .timeline-event > li:nth-child(even) .img-thumb {
          float: right; }
        .timeline .timeline-event > li:nth-child(even) .timeline-event-caption {
          float: left;
          padding: 0 20px 0 0; }
          .timeline .timeline-event > li:nth-child(even) .timeline-event-caption p {
            text-align: justify; }

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block; }

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0 3px 0 0; }

.resp-sharing-button {
  border-radius: 8px;
  transition: 25ms ease-out;
  /* padding: 5px; */
  height: 30px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  width: 30px;
  }

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top; }

.resp-sharing-button__icon img {
  width: 30px;
  height: 30px;
  }

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle;
  transform: scale(1.5);
  -webkit-transform: scale(1.5); }

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none; }

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none; }

.resp-sharing-button--twitter {
  background-color: #55acee; }

.resp-sharing-button--twitter:hover {
  background-color: #2795e9; }

.resp-sharing-button--pinterest {
  background-color: #bd081c; }

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615; }

.resp-sharing-button--facebook {
  background-color: #3b5998; }

.resp-sharing-button--facebook:hover {
  background-color: #2d4373; }

.resp-sharing-button--tumblr {
  background-color: #35465C; }

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c; }

.resp-sharing-button--reddit {
  background-color: #5f99cf; }

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1; }

.resp-sharing-button--google {
  background-color: #dd4b39; }

.resp-sharing-button--google:hover {
  background-color: #c23321; }

.resp-sharing-button--linkedin {
  background-color: #0077b5; }

.resp-sharing-button--linkedin:hover {
  background-color: #046293; }

.resp-sharing-button--email {
  background-color: #777; }

.resp-sharing-button--email:hover {
  background-color: #5e5e5e; }

.resp-sharing-button--xing {
  background-color: #1a7576; }

.resp-sharing-button--xing:hover {
  background-color: #114c4c; }

.resp-sharing-button--whatsapp {
  background-color: #25D366; }

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851; }

.resp-sharing-button--hackernews {
  background-color: #FF6600; }

.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {
  background-color: #FB6200; }

.resp-sharing-button--vk {
  background-color: #507299; }

.resp-sharing-button--vk:hover {
  background-color: #43648c; }

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998; }

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373; }

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777; }

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e; }

.resp-sharing-button--whatsapp {
  background-color: #25D366;
  border-color: #25D366; }

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
  background-color: #1DA851;
  border-color: #1DA851; }

#org-chart {
  text-align: center; }
  #org-chart table {
    display: inline-block;
    border-spacing: 0;
    /*width:100%;*/ }
    #org-chart table tbody {
      /*width:100%;*/ }
    #org-chart table td {
      width: 25px;
      padding: 6px;
      border-radius: 0;
      font-size: calc(16rem / 16);
      line-height: calc(24rem / 16);
      vertical-align: middle; }
      #org-chart table td.google-visualization-orgchart-node {
        background: -webkit-gradient(linear, left top, left bottom, from(#dea981), to(#da9f73));
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
        border: 3px solid #fff; }
        #org-chart table td.google-visualization-orgchart-node:hover {
          background: -webkit-gradient(linear, left top, left bottom, from(#5BC94B), to(#348628)); }
      #org-chart table td.google-visualization-orgchart-nodesel {
        border: 3px solid #fff; }
      #org-chart table td.google-visualization-orgchart-lineleft, #org-chart table td.google-visualization-orgchart-linebottom, #org-chart table td.google-visualization-orgchart-lineright {
        border-color: #ccc; }
      #org-chart table td a {
        display: block;
        /*width:170px;*/
        color: #fff; }

.ui-tabs-nav {
  width: 100%;
  text-align: center;
  /*border-bottom:1px solid #cecece;*/
  /*margin-bottom:30px;*/
  background-color: #e6e6e6; }
  .ui-tabs-nav li {
    margin: 0 5px;
    padding-top: 10px;
    display: inline-block; }
    .ui-tabs-nav li a {
      display: block;
      padding: 10px 20px;
      font-size: calc(18rem / 16);
      line-height: calc(24rem / 16);
      border-bottom: 1px solid #e6e6e6;
      background-color: #fff;
      color: #000; }
      .ui-tabs-nav li a:hover, .ui-tabs-nav li a:focus {
        border-color: transparent;
        color: #348628;
        font-weight: 600; }
    .ui-tabs-nav li.ui-tabs-active a {
      border-color: transparent;
      color: #348628;
      font-weight: 600; }

.tab-box {
  width: calc(100% - 20px);
  margin: 0 10px;
  /*padding:20px;*/
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.tab-content {
  padding: 30px; }

.paging-nav {
  margin: 0 0 25px 0;
  width: 100%;
  overflow: hidden; }
  .paging-nav li {
    float: left;
    display: block;
    width: 26px;
    line-height: 26px;
    margin-right: 5px;
    text-align: center;
    font-size: 18px;
    color: #000;
    border-bottom: 5px solid transparent; }
    .paging-nav li:nth-last-child(1) {
      margin-right: 0; }
    .paging-nav li a {
      display: block;
      color: #000;
      height: 34px;
      line-height: 26px; }
      .paging-nav li a:hover, .paging-nav li a.selected {
        color: #348628; }
      .paging-nav li a.selected {
        border-bottom: 3px solid #348628; }
      .paging-nav li a.paging-prev, .paging-nav li a.paging-next {
        border-bottom: 0 !important; }
  .paging-nav .paging-prev, .paging-nav .paging-next {
    width: 26px;
    height: 26px;
    background: url("../image/btn_arrow02.png");
    border: 0;
    padding: 0; }
  .paging-nav .paging-prev {
    background-position: left top; }
    .paging-nav .paging-prev:hover, .paging-nav .paging-prev:focus {
      background-position: left bottom; }
  .paging-nav .paging-next {
    background-position: right top; }
    .paging-nav .paging-next:hover, .paging-nav .paging-next:focus {
      background-position: right bottom; }

.social-nav {
  /*margin-top:10px;*/
  overflow: hidden;
  width: 100%; }
  .social-nav li {
    float: left;
    margin-right: 3px; }
    .social-nav li:nth-last-child(1) {
      margin-right: 0; }
    .social-nav li a {
      display: block;
      width: 30px;
      height: 30px;
      background: url("../image/btn_social.png");
      background-size: auto 60px; }
      .social-nav li a:hover, .social-nav li a:focus {
        background-position-y: 100%; }
      .social-nav li a.social-fb {
        background-position-x: calc(100% / 1 * 0); }
      .social-nav li a.social-yt {
        background-position-x: calc(100% / 1 * 1); }
      .social-nav li a.social-ig {
        background-position-x: calc(100% / 1 * 2); }

.test-list {
  margin-bottom: 30px;
  /*box-shadow:0 0 10px rgba(0,0,0, .2);*/
  /*padding:25px;*/ }
  .test-list li {
    width: 100%;
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px solid #e2e2e2; }

.test-choice-list {
  width: 100%;
  overflow: hidden;
  padding: 10px 0; }
  .test-choice-list label {
    /*padding:10px 0;*/
    height: auto;
    float: left;
    margin-right: 25px;
    margin-bottom: 10px; }
    .test-choice-list label.is-checked span {
      color: #348628; }
  .test-choice-list .test-alert {
    display: none;
    margin: 0; }

.poll-list {
  width: 800px;
  margin: 0 auto 30px auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
  .poll-list .poll-title {
    padding: 10px 20px;
    background-color: #348628; }
    .poll-list .poll-title h4 {
      margin: 0px;
      background: none;
      color: #fff; }
  .poll-list .test-choice-list {
    padding: 20px; }
    .poll-list .test-choice-list label {
      width: 100%;
      margin: 0 0 10px 0; }

.poll-past-list {
  border: 1px solid #ccc;
  padding: 10px 20px; }
  .poll-past-list li {
    border-bottom: 1px solid #ccc;
    padding: 10px 0; }
    .poll-past-list li:nth-last-child(1) {
      border-bottom: 0; }
    .poll-past-list li p {
      margin: 0; }

.popup-box {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  background-color: #fff;
  /* border-radius: 15px; */
  padding: 20px;
  border-radius: 10px; }

.popup-box .btn-close {
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  background: url(../image/btn_close.png) no-repeat;
  background-size: 100%;
  opacity: 1; }

.popup-box img {
  max-width: 760px;
  width: 100%; }

h3.popup-title {
  font-size: calc(24rem / 16);
  line-height: calc(40rem / 16);
  margin: 0 0 10px 0;
  color: #fe4e00;
  font-weight: 600; }

.popup-content p {
  font-size: calc(16rem / 16);
  line-height: calc(24rem / 16);
  margin: 0 0 20px 0;
  text-align: justify; }

.mdl-radio__inner-circle, .mdl-radio__ripple-container .mdl-ripple {
  background-color: #348628; }

.mdl-radio.is-checked .mdl-radio__outer-circle {
  border-color: #348628; }

#result-block {
  margin-top: 30px;
  display: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: calc(100% - 10px);
  margin: 0 10px;
  padding: 30px;
  text-align: center; }
  #result-block h3 {
    color: #348628; }
  #result-block p {
    /*margin:0;*/ }

.sitemap-inner a {
  color: #fe4e00;
  font-size: 19px;
  font-weight: 600;
  margin: 0;
  line-height: 20px; }
.sitemap-inner ul li a {
  color: #000;
  font-size: calc(18rem / 16);
  font-weight: 600; }
  .sitemap-inner ul li a:hover {
    color: #fe4e00; }
.sitemap-inner li ol li a {
  font-size: calc(16rem / 16);
  font-weight: 400; }

.sitemap-inner {
  width: 100%;
  overflow: hidden; }

.sitemap-list-item {
  width: calc((100% / 3) - 40px);
  float: left;
  margin-bottom: 40px; }
  .sitemap-list-item > a {
    display: inline-block;
    font-size: calc(24rem / 16);
    line-height: calc(36rem / 16);
    margin-bottom: 10px; }
  .sitemap-list-item ul {
    width: 100%;
    overflow: hidden; }
    .sitemap-list-item ul > li {
      position: relative;
      list-style-type: none;
      padding: 5px 0;
      padding-left: 30px;
      margin-bottom: 10px; }
      .sitemap-list-item ul > li:before {
        content: "";
        position: absolute;
        top: 12px;
        left: 6px;
        width: 6px;
        height: 6px;
        background-color: #fe4e00;
        border-radius: 100%;
        box-shadow: 0 0 3px 3px rgba(254, 78, 0, 0.2); }
  .sitemap-list-item ol {
    padding-left: 0;
    list-style: none;
    margin-top: 10px;
    counter-reset: counter; }
    .sitemap-list-item ol > li {
      position: relative;
      counter-increment: counter;
      position: relative;
      padding: 5px 0;
      padding-left: 45px;
      font-size: calc(16rem / 16);
      line-height: calc(24rem / 16);
      margin-top: 10px; }
      .sitemap-list-item ol > li::marker {
        display: none; }
      .sitemap-list-item ol > li::before {
        position: absolute;
        top: 0;
        left: 0;
        content: counter(counter);
        background-color: #fe4e00;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        display: inline-block;
        line-height: 32px;
        color: #000;
        text-align: center;
        margin-right: 10px; }
  .sitemap-list-item ul li {
    float: none;
    width: 100%;
    clear: initial; }

.chairman-quote {
  position: relative;
  /*padding:40px 0;*/ }
  .chairman-quote:before, .chairman-quote:after {
    display: none; }
  .chairman-quote:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 30px;
    background: url("../image/icon_quote01.png") no-repeat center; }
  .chairman-quote:after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    background: url("../image/icon_quote01.png") no-repeat center;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg); }

#about-chairman {
  /*width:calc(100% - 20px);*/
  /*margin:0 10px;*/
  width: 100%;
  overflow: hidden;
  /*padding:30px;*/
  /*box-shadow: 0 0 10px rgba(0,0,0, .2);*/ }

.e-form {
  width: 100%; }
  .e-form label {
    font-size: calc(16rem / 16);
    line-height: 30px;
    color: #ff0000;
    margin-top: 5px;
    padding-left: 20px;
    background: url("../image/icon_wrong.png") no-repeat left center; }
  .e-form .e-form-block {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    width: calc(100% - 20px);
    margin: 0 auto 30px auto; }
  .e-form .e-form-title {
    padding: 10px 20px;
    background-color: #348628; }
    .e-form .e-form-title h3 {
      margin-bottom: 0px;
      background: none;
      color: #fff;
      /*font-weight:400;*/ }
  .e-form .e-form-content {
    padding: 20px 20px 10px 20px; }
    .e-form .e-form-content.e-form-full .table-tr > div {
      width: 300px;
      max-width: 100%; }
  .e-form .table-tr {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px; }
    .e-form .table-tr.tr-col-2 > div {
      width: calc((100% - 20px) / 2);
      margin-right: 20px; }
      .e-form .table-tr.tr-col-2 > div:nth-child(even) {
        margin: 0; }
      .e-form .table-tr.tr-col-2 > div > .tr-col-2 {
        margin-bottom: 0; }
    .e-form .table-tr.tr-col-3 > div {
      width: calc((100% - 40px) / 3);
      margin-right: 20px; }
      .e-form .table-tr.tr-col-3 > div:nth-child(3n) {
        margin: 0; }
      .e-form .table-tr.tr-col-3 > div > .tr-col-2 {
        margin-bottom: 0; }
    .e-form .table-tr h4 {
      margin-bottom: 5px; }
    .e-form .table-tr input[type="text"], .e-form .table-tr input[type="email"], .e-form .table-tr input[type="password"], .e-form .table-tr select {
      width: 100%;
      height: 30px;
      border: 1px solid #cacaca; }
      .e-form .table-tr input[type="text"]:focus, .e-form .table-tr input[type="email"]:focus, .e-form .table-tr input[type="password"]:focus {
        border-color: #348628; }
    .e-form .table-tr .col-date > div {
      width: calc(50% - 30px);
      margin: 0; }
      .e-form .table-tr .col-date > div input[type="text"] {
        width: 100%;
        padding-right: 40px;
        background: url("../image/icon_date01.png") no-repeat right 10px center; }
    .e-form .table-tr .col-date span {
      float: left;
      width: 60px;
      font-size: calc(16rem / 16);
      line-height: 30px;
      text-align: center; }
  .e-form.e-form-sm {
    width: 500px;
    max-width: 100%;
    margin: 0 auto; }
    .e-form.e-form-sm .table-tr > div {
      width: 100%; }
    .e-form.e-form-sm #remember-check label {
      background: none;
      padding: 0;
      color: #000; }

/* mobile */
.mobile-icon {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  height: 36px;
  width: 36px;
  background-color: #fff;
  padding: 8px;
  border: 2px solid #fff;
  border-radius: 5px;
  z-index: 999; }
  .mobile-icon span {
    margin: 0 auto;
    display: block;
    width: 17px;
    height: 2px;
    background-color: #fe4e00;
    margin-bottom: 5px;
    transition: 0.5s;
    -webkit-transition: 0.5s; }
    .mobile-icon span:nth-last-of-type(1) {
      margin-bottom: 0; }
  .mobile-icon.opened {
    padding: 3px 8px; }
    .mobile-icon.opened span:nth-of-type(1) {
      transform: translate(0px, 13px) rotate(-45deg) scalex(1.3);
      -webkit-transform: translate(0px, 13px) rotate(-45deg) scalex(1.3);
      margin-bottom: 0; }
    .mobile-icon.opened span:nth-of-type(2) {
      display: none; }
    .mobile-icon.opened span:nth-last-of-type(1) {
      -webkit-transform: translate(0px, 11px) rotate(45deg) scalex(1.3);
      transform: translate(0px, 11px) rotate(45deg) scalex(1.3); }

/*==========================================
Footer
==========================================*/
.mobile-footer {
  display: none;
  width: 100%;
  text-align: center; }
  .mobile-footer .btn-toggle {
    display: block;
    padding: 10px;
    font-size: calc(16rem / 16);
    line-height: 30px;
    background-color: #00B0FE;
    color: #000;
    font-weight: 600;
    cursor: pointer; }

footer {
  background-color: #f1fcff;
  padding: 40px 0;
  border-top: 5px solid #ffc5ab; }
  footer .btn-close {
    display: none; }
  footer #footer-nav {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 0 0 30px 0; }
    footer #footer-nav .btn-toggle {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      width: 20px;
      height: 20px;
      cursor: pointer; }
    footer #footer-nav ul {
      display: inline-block; }
    footer #footer-nav li {
      position: relative;
      float: left;
      padding: 0 15px;
      border-right: 1px solid #ccc; }
      footer #footer-nav li:nth-child(1) {
        padding-left: 0;
        border-left: 0; }
      footer #footer-nav li:nth-last-child(1) {
        padding-right: 0;
        border-right: 0; }
      footer #footer-nav li > a {
        width: 100%;
        font-size: calc(16rem / 16);
        line-height: calc(24rem / 16);
        color: #000; }
        footer #footer-nav li > a:hover, footer #footer-nav li > a:focus {
          color: #f08200;
          text-decoration: underline; }
  footer h3 {
    margin-bottom: 10px; }

.footer-contact-nav {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px; }
  .footer-contact-nav li {
    float: left;
    padding-left: 30px;
    font-size: calc(16rem / 16);
    line-height: calc(24rem / 16);
    padding: 8px 0;
    margin-bottom: 15px;
    color: #000;
    width: calc(100% / 3);
    background-repeat: no-repeat;
    background-position: left center;
    /*background-size:30px;*/
    padding-left: 40px; }
    .footer-contact-nav li.long {
      width: 100%; }
    .footer-contact-nav li a {
      color: #000;
      /*text-decoration: underline;*/ }
      .footer-contact-nav li a:hover, .footer-contact-nav li a:focus {
        color: #f08200;
        text-decoration: underline; }
  .footer-contact-nav .icon-tel {
    background-image: url("../image/icon_footer_tel.png"); }
  .footer-contact-nav .icon-fax {
    background-image: url("../image/icon_footer_fax.png"); }
  .footer-contact-nav .icon-email {
    background-image: url("../image/icon_footer_email.png"); }
  .footer-contact-nav .icon-fb {
    background-image: url("../image/icon_footer_fb.png"); }
  .footer-contact-nav .icon-map {
    background-image: url("../image/icon_footer_map.png"); }
  .footer-contact-nav .icon-time {
    background-image: url("../image/icon_footer_time.png"); }

#footer-subscribe {
  margin-bottom: 30px; }
  #footer-subscribe input {
    width: calc(100% - 120px);
    height: 40px; }
  #footer-subscribe .btn-more {
    background-color: #348628;
    color: #fff;
    font-weight: 300; }
    #footer-subscribe .btn-more:hover, #footer-subscribe .btn-more:focus {
      background-color: #fe4e00; }
    footer h2 {
  font-size: calc(24rem / 16);
  line-height: calc(36rem / 16);
  margin: 10px 0;
  color: #000;
  font-weight: 600;
  width: 100%; }

.iframe-page #header-mini-nav .mobile-show {
  display: block !important; }

.copyright {
  font-size: 13px;
  line-height: 18px;
  color: #000;
  margin: 0; }
  .copyright a {
    color: #000;
    text-decoration: none; }

.iframe-page {
  height: calc(100% - 110px);
  overflow: hidden; }
  .iframe-page header, .iframe-page header.scrolled {
    height: 60px; }
    .iframe-page header .wrap, .iframe-page header .wrap-inner, .iframe-page header.scrolled .wrap, .iframe-page header.scrolled .wrap-inner {
      width: 100%;
      padding: 0 20px; }
    .iframe-page header #head-top, .iframe-page header.scrolled #head-top {
      padding: 0; }
    .iframe-page header.show-menu #header-right, .iframe-page header.scrolled.show-menu #header-right {
      right: 0; }
    .iframe-page header #head-mid, .iframe-page header.scrolled #head-mid {
      padding: 4px 0; }
      .iframe-page header #head-mid #header-mini-nav, .iframe-page header.scrolled #head-mid #header-mini-nav {
        position: absolute;
        bottom: 0;
        z-index: 2;
        display: block;
        width: 100%;
        padding: 10px 20px;
        border-bottom: 1px solid #ccc;
        background-color: #f7f7f7; }
        .iframe-page header #head-mid #header-mini-nav > ul, .iframe-page header.scrolled #head-mid #header-mini-nav > ul {
          float: right;
          margin-bottom: 10px; }
          .iframe-page header #head-mid #header-mini-nav > ul li, .iframe-page header.scrolled #head-mid #header-mini-nav > ul li {
            position: static; }
          .iframe-page header #head-mid #header-mini-nav > ul > li:nth-child(1), .iframe-page header.scrolled #head-mid #header-mini-nav > ul > li:nth-child(1) {
            display: none; }
        .iframe-page header #head-mid #header-mini-nav #search-bar, .iframe-page header #head-mid #header-mini-nav #search-bar.show, .iframe-page header.scrolled #head-mid #header-mini-nav #search-bar, .iframe-page header.scrolled #head-mid #header-mini-nav #search-bar.show {
          display: block;
          position: relative;
          opacity: 1;
          width: 100%;
          top: 0;
          right: 0;
          margin-top: 15px;
          z-index: 2; }
          .iframe-page header #head-mid #header-mini-nav #search-bar input, .iframe-page header #head-mid #header-mini-nav #search-bar.show input, .iframe-page header.scrolled #head-mid #header-mini-nav #search-bar input, .iframe-page header.scrolled #head-mid #header-mini-nav #search-bar.show input {
            width: 100%; }
          .iframe-page header #head-mid #header-mini-nav #search-bar .btn-search, .iframe-page header #head-mid #header-mini-nav #search-bar.show .btn-search, .iframe-page header.scrolled #head-mid #header-mini-nav #search-bar .btn-search, .iframe-page header.scrolled #head-mid #header-mini-nav #search-bar.show .btn-search {
            position: absolute; }
          .iframe-page header #head-mid #header-mini-nav #search-bar .btn-close, .iframe-page header #head-mid #header-mini-nav #search-bar.show .btn-close, .iframe-page header.scrolled #head-mid #header-mini-nav #search-bar .btn-close, .iframe-page header.scrolled #head-mid #header-mini-nav #search-bar.show .btn-close {
            display: none; }
        .iframe-page header #head-mid #header-mini-nav .header-submenu, .iframe-page header.scrolled #head-mid #header-mini-nav .header-submenu {
          position: fixed;
          bottom: 10px;
          top: auto;
          left: auto;
          right: 10px;
          width: auto;
          padding: 5px;
          z-index: 3;
          width: calc(100% - 20px); }
          .iframe-page header #head-mid #header-mini-nav .header-submenu li, .iframe-page header.scrolled #head-mid #header-mini-nav .header-submenu li {
            margin: 0 5px;
            float: left; }
    .iframe-page header #header-right, .iframe-page header.scrolled #header-right {
      position: fixed;
      right: -300px;
      width: 300px;
      background-color: #fff;
      height: calc(100% - 60px);
      /*padding:0 20px;*/
      transition: 0.4s;
      -webkit-transition: 0.4s;
      top: 60px; }
      .iframe-page header #header-right .lang-bar, .iframe-page header.scrolled #header-right .lang-bar {
        width: 100%; }
        .iframe-page header #header-right .lang-bar a, .iframe-page header.scrolled #header-right .lang-bar a {
          margin-bottom: 10px; }
      .iframe-page header #header-right .search-bar, .iframe-page header.scrolled #header-right .search-bar {
        width: 100%; }
        .iframe-page header #header-right .search-bar input, .iframe-page header.scrolled #header-right .search-bar input {
          width: 100%;
          float: none; }
    .iframe-page header nav, .iframe-page header.scrolled nav {
      position: absolute;
      top: 0;
      left: 0;
      border-top: 1px solid #dddddd;
      display: block !important;
      width: 100%;
      background-color: #fff;
      height: calc(100% - 30px);
      overflow-y: auto;
      display: block;
      margin: 0; }
      .iframe-page header nav > div, .iframe-page header.scrolled nav > div {
        display: block;
        border-bottom: 1px solid #dddddd;
        padding: 0; }
        .iframe-page header nav > div:before, .iframe-page header.scrolled nav > div:before {
          display: none; }
        .iframe-page header nav > div:hover ul, .iframe-page header.scrolled nav > div:hover ul {
          display: none; }
        .iframe-page header nav > div.active > .btn-toggle:after, .iframe-page header.scrolled nav > div.active > .btn-toggle:after {
          background-position: bottom center; }
        .iframe-page header nav > div.active ul, .iframe-page header.scrolled nav > div.active ul {
          display: block !important;
          padding: 0;
          width: 100%; }
          .iframe-page header nav > div.active ul > li:hover, .iframe-page header.scrolled nav > div.active ul > li:hover {
            background-color: #FECD00 !important; }
          .iframe-page header nav > div.active ul > li > a, .iframe-page header.scrolled nav > div.active ul > li > a {
            padding: 10px 0 10px 20px;
            width: calc(100% - 30px);
            background: none !important; }
          .iframe-page header nav > div.active ul > li.has-ol:hover ol, .iframe-page header.scrolled nav > div.active ul > li.has-ol:hover ol {
            display: none; }
          .iframe-page header nav > div.active ul > li.active ol, .iframe-page header.scrolled nav > div.active ul > li.active ol {
            display: block !important; }
          .iframe-page header nav > div.active ul ol, .iframe-page header.scrolled nav > div.active ul ol {
            display: none;
            position: static;
            width: 100%;
            box-shadow: none;
            padding: 0; }
            .iframe-page header nav > div.active ul ol li, .iframe-page header.scrolled nav > div.active ul ol li {
              padding: 0 35px; }
              .iframe-page header nav > div.active ul ol li:hover, .iframe-page header.scrolled nav > div.active ul ol li:hover {
                background-color: #FECD00 !important; }
            .iframe-page header nav > div.active ul ol li a, .iframe-page header.scrolled nav > div.active ul ol li a {
              padding: 10px 0; }
        .iframe-page header nav > div > a, .iframe-page header.scrolled nav > div > a {
          width: calc(100% - 40px);
          padding: 10px 0 10px 20px;
          text-align: left;
          color: #fe4e00;
          font-weight: 600; }
        .iframe-page header nav > div .btn-toggle, .iframe-page header.scrolled nav > div .btn-toggle {
          display: block; }
        .iframe-page header nav > div ul, .iframe-page header.scrolled nav > div ul {
          position: static;
          padding: 0 0 0 10px;
          box-shadow: none; }
          .iframe-page header nav > div ul li, .iframe-page header.scrolled nav > div ul li {
            border: 0; }
            .iframe-page header nav > div ul li a, .iframe-page header.scrolled nav > div ul li a {
              width: 100%;
              padding: 5px 0;
              text-align: left; }
            .iframe-page header nav > div ul li.has-ol.active .btn-toggle:after, .iframe-page header.scrolled nav > div ul li.has-ol.active .btn-toggle:after {
              background-position: bottom center; }
    .iframe-page header #nav-line, .iframe-page header.scrolled #nav-line {
      display: none; }
    .iframe-page header .main-logo, .iframe-page header.scrolled .main-logo {
      margin-top: 0;
      width: 90px; }
  .iframe-page header .mobile-icon {
    display: block; }
  .iframe-page .page-container {
    margin-top: 60px; }
  .iframe-page #site-frame {
    width: 100%;
    /*height:calc(955vw / 19.2);*/
    border: 0; }
  .iframe-page .mobile-footer {
    display: block; }
  .iframe-page footer {
    display: none; }
    .iframe-page footer.show {
      display: block;
      position: fixed;
      bottom: 20px;
      background-color: #fff;
      border-top: 0;
      border: 1px solid #ccc;
      left: 20px;
      height: auto;
      max-width: calc(100% - 40px);
      max-height: calc(100% - 40px);
      overflow: hidden;
      overflow-y: auto;
      z-index: 9999;
      padding: 20px 0; }
      .iframe-page footer.show #footer-subscribe, .iframe-page footer.show #footer-nav {
        display: none; }
      .iframe-page footer.show .footer-contact-nav li {
        padding: 3px 0;
        padding-left: 40px; }
      .iframe-page footer.show h3 {
        display: inline-block;
        text-align: left; }
      .iframe-page footer.show .social-nav {
        display: block !important; }
      .iframe-page footer.show .col-xl-6 > .fl-left {
        width: 50%;
        float: left; }
      .iframe-page footer.show .col-xl-6 > .fl-right {
        display: none; }
      .iframe-page footer.show #back-top {
        display: none !important; }
      .iframe-page footer.show .btn-close {
        position: absolute;
        top: 20px;
        right: 20px;
        display: inline-block;
        font-size: 0;
        width: 20px;
        height: 20px;
        background: url("../image/icon_close01.png");
        z-index: 9;
        /*                padding:5px;
                        color:$color-green01;
                        border-radius:3px;
                        border:1px solid $color-green01;
                        font-size:calc(16rem / 16);*/ }

.iframe-page header #head-mid #header-mini-nav .header-submenu,
.iframe-page header.scrolled #head-mid #header-mini-nav .header-submenu {
  max-width: 280px; }

.swiper-pause {
    position:absolute;
    bottom:20px;
    left:20px;
    padding-left:30px;
    height:24px;
    background:url('../image/btn_pause.png') no-repeat left top;
    background-size:24px;
    z-index:11;
    font-size:calc(16rem / 16);
    line-height:24px;
    color:#fe4e00;
}
.swiper-pause.stopped {
    background-position:left bottom;
}

.undoreset h4 a {
  position: relative;
  top: -200px; }

/*Top btn*/
#back-top {
  display: none;
  position: fixed;
  z-index: 98;
  bottom: 30px;
  right: 30px; }
  #back-top a {
    display: block;
    width: 36px;
    height: 36px;
    background: url("../image/btn_top.png") no-repeat left top;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }
    #back-top a:hover, #back-top a:focus {
      background-position: left bottom; }

/*
#back-top {
  display: block;
  z-index: 999;
  a {
    display: inline-block;
    width: 46px;
    height: 46px;
    background: url('../image/btn_top.png') no-repeat left top;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    &:hover, &:focus {
      background-position: left bottom;
    }
  }
}
*/

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



.e-form-profile .table-tr > div{
    width: 100%;
}













/*=================================================*/
/*=================================================*/
/*================new index========================*/
@font-face{font-family:"微软正黑体";src:url(../font/微软正黑体.ttf);}
.hide{ display: none; }
.head_share{ margin-top:6px; margin-left:4px;}
.head_btn{background-color: #EFF9EE;border: 1px solid #0a9943;border-radius: 20px;width: 130px;height: 40px;line-height: 40px;display: block;text-align: center;}
.head_btn span{font-size: 18px;color: #0a9943;font-weight: bold;}
@media screen and (max-width: 1200px) {
  header #header-right{ margin-top: 0; }
  /*.head_btn{ margin-top: 10px; }*/

}

header #header-right {}

.swiper-button-next, .swiper-button-prev{color: #5BA838 !important;background: transparent;}

/*banner*/
#banner{margin-top: 110px;}
#banner .swiper-wrapper img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.swiper-container_pc{ display:block;}
.swiper-container_wap{ display:none;}
#banner .pagination {position: absolute;left: 0;text-align: center;bottom: 10px;width: 100%;z-index:999;}
#banner .swiper-pagination-bullet {display: inline-block;width: 12px;height: 12px;opacity:1;border-radius: 8px;background: #fff;margin: 0 6px;cursor: pointer;transition: width 0.3s ease-in-out;}
#banner .swiper-pagination-bullet-active{
    background-color: #5BA838;
}

@media(max-width:800px) {
.swiper-container_pc{ display:none; }
.swiper-container_wap{display:block;}

}

/*banner end*/
/*intro*/
.cosh_intro{
  background-color: #F9FFEB;
  padding: 40px;
  _1 {
  background-color: rgb(227, 96, 112);
  box-shadow: 0px 13px 0px 0px rgba(120, 144, 181, 0.004);
  position: absolute;
  left: 762px;
  top: 625px;
  width: 314px;
  height: 77px;
  z-index: 3;
};
  }
.cosh_intro .intro_txt{/* display: flex; */justify-content: space-between;float: left;width: calc(100% - 358px);}
.cosh_intro .intro_txt .intro_one{background-color:rgba(255,255,255,.38);/* border: 1px solid #79C2D2; */padding: 28px 50px 0 0;width: 100%;}
.cosh_intro .intro_txt .intro_one p{color: #2B2B2B;margin: 0;font-weight: bold;font-size: 18px;line-height: 32px;}
.cosh_intro .intro_txt .intro_two{
}
.intro_four{
    width: 493px;
}
.intro_four .intro_space{color: #2B2B2B;margin: 0;font-weight: bold;font-size: 18px;line-height: 32px;margin-right: 90px;}
.intro_four .intro_space:nth-child(2n){ margin-right:px;}
.intro_btn{/* width: 316px; */float: right;background-color: #FF7126;height: 80px;border-radius: 100px;box-shadow: 6px 10px 0px 0px rgba(165, 143, 133,1);margin-right:20px;text-align: center;line-height: 80px;margin-top: 5%;margin-bottom: 20px;display: inline-block;padding: 0 80px;}
.intro_btn em{color: #FCF9AC;font-size: 30px;font-weight: bold; font-style: normal;}
.intro_btn i{display: inline-block;margin-left: 32px;}


@media screen and (max-width: 1200px) {
  .cosh_intro{
    padding: 40px 0;
}
  .cosh_intro .intro_txt{float: none;width: 100%;display: block;}
.cosh_intro .intro_txt .intro_one{
    width: 100%;
    padding: 10px 2%;
}
.cosh_intro .intro_txt .intro_one p{
    font-size: 16px;
    line-height: 26px;
}
.cosh_intro .intro_txt .intro_two{margin-left: 0;}
.intro_btn{
    width: 82%;
    margin: 20px auto 20px auto;
    float: none;
    padding: 0 40px;
    height: 68px;
    line-height: 71px;
    display: block;
    box-shadow: 4px 7px 0px 0px rgba(120, 144, 181,1);
}
.intro_btn em{font-size: 24px;}
.intro_btn i { margin-left:8%;}
.intro_four{width: 100%;}
.intro_four .intro_space { display: block;font-size: 16px;
    line-height: 26px; }


}




/*sj*/
.sj_bg{background: url(../image/index_01.png) no-repeat center bottom;min-height: 418px;margin-top: 140px;}
.sj_bg .wrap-inner{ overflow:visible; }
.sj_bg .sj_main{background-color: #fff;text-align: center;width: 40%;padding: 60px 0 39px 0;margin-top: -40px;box-shadow: -23px -30px 30px rgba(0,0,0,.04);margin: -40px auto 0 auto;}
.sj_bg .sj_main span{color: #FF2D2D;display: block;font-size: 110px;font-family: Bahnschrift;font-weight: lighter;margin-bottom: 10px;}
.sj_bg .sj_main em{color: #313131;font-size: 28px;font-style: normal;}
.sj_bg .sj_main .sj_btn em{ color: #FCF9AC; }
.sj_bg .sj_main .intro_btn{float: none;margin: 40px auto 0 auto;/* width: 419px; */}

@media screen and (max-width: 1200px) {
  .sj_bg{
    margin-top: 90px;
    min-height: 375px;
    /* background-size: 210%; */
    background-position: center 30px;
}
.sj_bg .wrap-inner{ }
.sj_bg .sj_main{
    padding: 60px 0 50px 0;
    width: 98%;
}
.sj_bg .sj_main span{
    font-size: 74px;
    margin-bottom: 14px;
}
.sj_bg .sj_main em{
    font-size: 28px;
}
.sj_bg .sj_main .sj_btn em{
    font-size: 23px;
}
.sj_bg .sj_main .intro_btn{
    margin: 34px auto 0 auto;
}

}


/* help*/
.title{margin-top: 80px;}
.title h2{color: #4B9832;font-size: 54px;font-weight: bold;text-align: center;}
.help_main{
    display: flex;
    justify-content: space-between;
    margin: 60px  auto 40px  auto;
    flex-wrap: wrap;
}
.help_main .help_co{
    position: relative;
    margin-right: 20px;
    width: calc(33.33% - 20px);
    margin-bottom: 20px;
}
.help_main .help_co:nth-child(3n){
  margin-right: 0px;
}
.help_main .help_co .help_tit a{
    background-color: #6FBFF4;
    text-align: center;
    border-radius: 18px 18px 0 0 ;
    /*position: absolute;*/
    width: 100%;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    line-height: 70px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 70px;
    overflow: hidden;
}

.help_main .help_co img{
    border-radius: 0 0 34px 34px;
    /* border: 1px solid #CBCBCB; */
    width: 100%;
}
.help_btn{ text-align: center; }
.help_btn .intro_btn{float: none;margin-top: 0;margin-bottom: 80px;}
@media screen and (max-width: 1200px) {
  .title{ margin-top:50px;}
  .title h2{font-size: 35px;}
    .help_main{flex-wrap: wrap;margin: 40px auto 40px auto;}
.help_main .help_co{margin-right: 0;margin-bottom: 10px;}
.help_main .help_co:last-child{
}
.help_main .help_co .help_tit a{font-size: 22px;line-height: 60px;height: 60px;border-radius: 6px;}

.help_main .help_co img{border-radius: 10px;}
.help_btn .intro_btn{margin-bottom: 40px;}

}
@media screen and (max-width: 1020px) {
  .help_main .help_co{max-width: 492px;margin: 0 auto 20px auto;width: 100%;}
}
/* footer*/
footer{background-color: #B8E5FF;border-top: 10px solid #F08200;padding: 64px 0 40px 0;}
footer .wrap-inner{
    display: flex;
    justify-content: center;
}
footer .fo_logo{
    margin: 0 50px;
    width: 207px;
}
footer .fo_lx{
    margin: 0 10%;
}
footer .fo_lx>span{
    color: #1D3963;
    font-weight: bold;
    font-size: 18px;
    font-family: Segoe UI-MONOSPACE;
    margin-bottom: 20px;
    display: block;
}
footer .fo_lx ul li.lx_thr{width: 33.33%;float: left;}
footer .fo_lx ul li{color: #1D3963;line-height: 36px;display: flex;align-items: center;}

footer .fo_lx ul li i{
    display: flex;
    align-items: center;
    margin-right: 10px;
    width: 20px;
}
footer .fo_lx ul li span{font-size: 16px;}
footer .fo_share{
    margin: 0 50px;
}
footer .fo_share span{
    color: #1D3963;
    font-weight: bold;
    font-size: 18px;
    font-family: Segoe UI-MONOSPACE;
    margin-bottom: 20px;
    display: block;
}
footer .fo_share ul{
    display: flex;
}
footer .fo_share ul li{
    margin-right: 20px;
}
footer .ban{padding-top: 80px;}
footer .ban p{
    text-align: center;
    color: #1D3963;
    font-size: 16px;
}
footer .ban p a{
    color: #1D3963;
}
@media screen and (max-width: 1200px) {
  footer {
    display: block !important;
}
footer .wrap-inner{display: block;}
footer .fo_logo{}
footer .fo_logo img{
    margin: 0 auto;
    width: 204px;
    display: block;
}
footer .fo_lx{margin: 30px 10%;border-top: 1px solid rgba(255,255,255,.3);padding: 30px 0;border-bottom: 1px solid rgba(255,255,255,.3);}

footer .fo_lx ul li.lx_thr{
    width: 100%;
}
footer .fo_lx ul li{
    margin-bottom: 14px;
}

footer .fo_lx ul li span{
    line-height: 20px;
}

footer .ban p{font-size: 14px;}
}

/*==========================*/
/*==========================*/
/*==========================*/
/*in*/
.inmain_bg{background-color: #F8F8F8;margin-top: 100px;}
.inmain_bg .in_bg_ico{margin-top: 10px;position: absolute;}
.inmain_bg .in_bg_ico02{margin-top: 60px;position: absolute;right: 0;}
.inmain_bg .suc_txt{max-width: 790px;text-align: center;margin: 120px auto 0 auto;}
.inmain_bg .suc_txt h3{font-size: 36px;color: #FF7126;}
.inmain_bg .suc_txt p{text-align: center;font-size: 24px;width: 634px;margin: 30px auto 30px auto;line-height: 32px;}
.inmain_bg .suc_txt .suc_img{margin-right: -20px;}
.inmain_bg .suc_txt .suc_btn{display: flex;justify-content: center;}
.inmain_bg .suc_txt .suc_btn .intro_btn{width: 210px;height: 65px;padding: 0;line-height: 65px;box-shadow: 6px 10px 0px 0px rgba(165, 143, 133,1);}
.inmain_bg .suc_txt .suc_btn .intro_btn em{font-size: 20px;}
.inmain_bg .inshare_bg{background: url(../image/in/share_bg.png) no-repeat;text-align: center;padding: 60px 0 100px 0;margin-top: 70px;}
.inmain_bg .inshare_bg span{font-size: 36px;font-weight: bold;}
.inmain_bg .inshare_bg ul{display: flex;justify-content: center;margin-top: 40px;flex-wrap: wrap;}
.inmain_bg .inshare_bg ul li{margin: 0 12px;}
.inmain_bg .inshare_bg ul li a{  }

@media screen and (max-width: 1200px) {
  .inmain_bg{ margin-top: 60px; }
  .inmain_bg .in_bg_ico{width: 80px;}
  .inmain_bg .in_bg_ico02{margin-top: 13px;}
  .inmain_bg .suc_txt{margin: 50px auto 0 auto;width: 96%;}
  .inmain_bg .suc_txt h3{line-height:40px;font-size: 28px;}
  .inmain_bg .suc_txt p{width: 100%;font-size: 18px;line-height: 28px;margin: 10px auto 20px auto;}
  .inmain_bg .suc_txt .suc_btn .intro_btn{
    height: 48px;
    line-height: 48px;
    margin-right: 20px;
    box-shadow: 4px 5px 0px 0px rgba(165, 143, 133,1);
}
  .inmain_bg .suc_txt .suc_btn .intro_btn:nth-child(2){ margin-right:0;}
.inmain_bg .suc_txt .suc_btn .intro_btn em{ font-size:16px;}
.inmain_bg .inshare_bg{margin-top:40px;padding: 40px 0 40px 0;background-size: cover;}
.inmain_bg .inshare_bg span{ font-size: 30px; }
/*.inmain_bg .inshare_bg ul li{width: calc(20% - 24px);margin: 0 12px 12px 12px;}*/
.inmain_bg .inshare_bg ul li{margin: 0 12px 12px 12px;}
.inmain_bg .inshare_bg ul{ margin-top: 30px; }
}

/*support*/
a { outline: none; }
.support_form{background: url(../image/in/support_bg.png) no-repeat 100% 98%;}

.supt_main{width: 78%;margin: 0 auto; }
.supt_main .supt_stit{position: relative;}
.supt_main .supt_stit .error{left: 179px;width: 232px;top: 50px;padding: 4px 20px 4px 12px;}
.supt_main .supt_stit p{font-size: 24px;font-weight: bold;margin-top: 80px;color: #000;margin-bottom: 30px;}
.supt_main .supt_item>span{font-size: 20px;font-weight: bold;display: inline-block;margin-left: 30px;color: #000;}



input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    font-size: 100%;
    visibility: hidden;
    position: absolute;
}


.supt_item{
    position: relative;
    margin-bottom: 20px;
}
.supt_item .checklable{
    display: block;
    width: 24px;
    height: 24px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer;
    top: -2px;
    position: absolute;
    z-index: 1;
    background: url(../image/in/check_off.png) no-repeat;
    background-size: 100%;

    }
.supt_item>input[type=checkbox]:checked + label {
    /*background: url(../image/in/check_on.png) no-repeat;*/
    background: url(../image/in/check1.png) no-repeat;
    background-size: 100%;
}
.supt_sname{margin-top: 20px;margin-left: 8px;}
.supt_sname span{background: url(../image/in/radio_off.png) no-repeat 10px center;display: inline-block;padding-left: 20px;border: 1px solid #E3E3E3;padding: 12px 40px;margin-bottom: 15px;font-size: 20px;}

.supt_sname input[type=checkbox]:checked + span{
    background: url(../image/in/radio_on.png) no-repeat 10px center;
    border-color: #22C58C;
    background-color: #ECFBED;
}
.supt_line{border-bottom: 1px dashed #F3BA76;margin: 40px 0 40px 0;}

.bot_box{width: 66%;margin: 0 auto 0 auto;padding-bottom: 120px;}
.bot_box .bot_tit{}
.bot_box .bot_tit h4{
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    color: #161616;
}
.bot_xx{width: 360px;background-color: #fff;border-radius: 100px;box-shadow: 0px 3px 6px rgba(0,0,0,.16);padding: 4px;margin: 40px auto 40px auto;}
.bot_xx ul{display: flex;justify-content: space-between;}
.bot_xx ul li{float: left; width: 40%;text-align: center;}
.bot_xx ul li:nth-child(2){width: 60%;}
.bot_xx ul li a{font-size: 20px;color: #333;font-weight: bold;padding: 20px 30px;display: inline-block;width: 100%;}
.bot_xx ul li.on a{border-radius: 100px;background-color: #5BA838;color: #fff;}
.bot_box .bot_main{}
.bot_box .bot_main .bot_co{
    display: flex;
    margin-bottom: 25px;
    position: relative;
}
.bot_box .bot_main .bot_co span{
    display: block;
    width: 200px;
    text-align: right;
    position: relative;
    color: #161616;
    font-size: 18px;
    line-height: 40px;
}
.bot_box .bot_main .bot_co span em{
    color: #FF1414;
    position: absolute;
    font-style: normal;
    top: -10px;
    font-size: 28px;
}
.bot_box .bot_main .bot_co .bot_rt{
    width: calc(100% - 230px);
    margin-left: 30px;
    position: relative;
}
.bot_box .bot_main .bot_co .bot_rt .bot_input{width: 164px;position: relative;}
.bot_box .bot_main .bot_co .bot_rt input{
    width:100%;
    line-height: 40px;
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    font-size: 16px;
}
.bot_box .bot_main .bot_co .bot_rt input:focus{outline: none;border: 1px solid #5BA838; }
.bot_box .bot_main .bot_co .bot_rt ul{
    display: flex;
}
.bot_box .bot_main .bot_co .bot_rt ul li{background-color: #fff;}
.bot_box .bot_main .bot_co .bot_rt ul li a{
    font-size: 16px;
    color: #161616;
    padding: 12px 15px;
    display: block;
    text-align: center;
}
.bot_box .bot_main .bot_co .bot_rt ul li.on a{border-radius: 100px !important;background-color: #5BA838;color: #fff;}
.bot_box .bot_main .bot_co .bot_rt ul li:first-child{ border-radius:50px 0 0 50px;}
.bot_box .bot_main .bot_co .bot_rt ul li:last-child{ border-radius:0 50px 50px 0;}
.bot_box .bot_main .bot_mail{
    margin-left: 200px;
    display: flex;
    margin-bottom: 13px;
}
.bot_box .bot_main .bot_mail input{}

.bot_box .bot_main .bot_mail span{background: url(../image/in/check02_off.png) no-repeat 0 4px;display: inline-block;padding-left: 20px;font-size: 16px;padding-left: 30px;line-height: 20px;}

.bot_box .bot_main .bot_mail input[type=checkbox]:checked + span{
    background: url(../image/in/check02_on.png) no-repeat 0 4px;
}
.bot_box .bot_text{
    margin-left: 250px;
    position: relative;
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    background: #fff;
    width: 52%;
}
.bot_box .bot_text .bot_em{padding: 5px 10px;}
.bot_box .bot_text .bot_em a{
    background-color: #EEF7FF;
    padding: 4px 6px;
    display: inline-block;
    border-radius: 100px;
    color: #161616;
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 5px;
}
.bot_box .bot_text .bot_em a em{
    background: url(../image/in/close-l.png);
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-left: 10px;
}
.bot_box .bot_text .bot_mail_input{
    border: none;
    width: 100%;
    line-height: 40px;
    border-radius: 5px;
    padding-left: 15px

}
.bot_box .bot_btn{margin-left: 250px;}
.bot_box .bot_btn button{
    width: 207px;
    height: 96px;
    background: url(../image/in/support_btn.png) no-repeat;
    margin: 30px 0 15px -7px;
}
.bot_box .bot_btn span{
    display: block;
    color: #898989;
    font-size: 14px;
}
.bot_box .bot_btn p{font-size: 14px;background-color: rgba(255,255,255,.6);padding: 10px 20px;margin: 10px 0;border-radius: 5px;color: #898989;width: 530px;}
input:-moz-placeholder{ color: #aaa; } 
input:-ms-input-placeholder{ color: #aaa; } 
input::-webkit-input-placeholder{ color: #aaa; }

.error{background-color: #FFF6F6;position: absolute;display: flex;padding: 6px 20px 6px 12px;right: -144px;top: 4px;font-size: 14px;border: 1px solid #ffeaea;border-radius: 4px;/* display: none; */}
.error i{width: 19px;height: 19px;display: inline-block;background: url(../image/in/error.png) no-repeat;margin-right: 10px;}
.error em{color: #FF1414;font-style: normal;line-height: 18px;}

@media screen and (max-width: 1200px) {
  .supt_main{width: 100%;}
.supt_main .supt_stit p{margin-top: 22px;margin-bottom: 40px;font-size: 20px;}
.supt_sname{ margin-top: 10px; }
.supt_sname span{margin-bottom: 5px;padding: 8px 31px;font-size: 16px;line-height: 22px;width: 100%;}
.supt_main .supt_stit .error{width: 100%;left: 0;top: auto;position: absolute;}
.supt_main .supt_item>span{ font-size: 18px; }

.bot_box{width: 100%;padding-bottom: 60px;}
.bot_xx{width: 100%;margin: 26px auto 26px auto;}
.bot_box .bot_main .bot_co{
    display: block;
    margin-bottom: 10px;
}
.bot_box .bot_main .bot_co span{width: auto;font-size: 15px;text-align: left;}
.bot_box .bot_main .bot_co .bot_rt{width: 100%;margin-left: 0;}
.bot_box .bot_main .bot_mail{ margin-left: 0; }
.bot_box .bot_text{margin-left: 0;width: 100%;}
.bot_box .bot_tit h4{ font-size: 24px; }
.bot_xx ul li a{padding: 15px 5px;font-size: 18px;}
.bot_box .bot_main .bot_co .bot_rt ul li a{padding: 12px 10px;min-width: 48px;font-size: 14px;}
.error{position: relative;left: 0;width: 100%;}
.bot_box .bot_main .bot_co .bot_rt .bot_input{ width: 100%; }
.bot_box .bot_main .bot_mail span{font-size: 14px;}
.bot_box .bot_btn{ margin-left: 0; }
.bot_box .bot_btn p{width: 100%;}
.support_form{ background-size: 60%; }
.bot_box .bot_main .bot_co span em{font-size: 20px;}
}

/*statement*/
.statement{padding-bottom: 80px;background: url(../image/in/statement_bg.png) no-repeat center 0;width: 73%;margin: 0 auto;}
.statement h4{font-size: 24px;color: #000;margin-top: 60px;font-weight: normal;}
.statement p{font-size: 16px;color: #000;line-height: 30px;margin: 14px 0 30px 0;}
/*name*/
.name_box{padding-bottom: 80px;background: url(../image/in/statement_bg.png) no-repeat center 300px;padding-top: 100px;text-align: center;}
.name_box .name_sj{}
.name_box .name_sj span{
    font-size: 58px;
    color: #FF2D2D;
    font-weight: bold;
}
.name_box .name_sj p{
    text-align: center;
    color: #FF7126;
    font-size: 30px;
    font-weight: bold;
    margin: 30px 0 0 0;
}
.name_box .bot_xx{
    width: 533px;
}

.name_box .bot_xx li{
    width: 30%;
}
.name_box .bot_xx ul li:nth-child(2){width: 30%;}
.name_box .bot_xx ul li:nth-child(3){width: 40%;}
.name_box .name_main{text-align: left;margin-bottom: 40px;}
.name_box .name_main span{
    font-size: 24px;
    color: #000;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 40px;
}
.name_box .name_main ul{
    display: flex;
    flex-wrap: wrap;
}
.name_box .name_main ul li{
    width: 8.33%;
    color: #000;
    font-size: 22px;
    margin-bottom: 36px;
}
.name_box .name_main.name_com ul li{
    width: 20%;
}

.name_page{/* width: 50%; */margin: 20px auto;}
.name_page ul{display: flex;justify-content: space-between;width: 35%;margin: 0 auto;background-color: #fff;border-radius: 100px;padding: 6px 18px;box-shadow: 0 5px 5px rgba(0,0,0,.03);}
.name_page ul li.on a{background-color: #5BA838;color: #fff;}
.name_page ul li:hover a{background-color: #5BA838;color: #fff;}
.name_page ul li a{padding: 10px 13px;display: inline-block;color: #4a4a4a;border-radius: 100px;}

@media screen and (max-width: 1200px) {
.statement{width: 100%;background-size: 70%;background-position: center 60px;padding-bottom: 40px;}
.statement h4{margin-top: 30px;font-size: 20px;}
.statement p{font-size: 16px;margin: 10px 0 30px 0;}

.name_box{padding-top: 60px;background-size: 60%;padding-bottom: 40px;}
.name_box .name_sj span{font-size: 50px;}
.name_box .name_sj p{font-size: 24px;margin: 16px 0 0 0;}
.name_box .bot_xx{ width: 100%; }
.name_box .name_main span{margin-bottom: 20px;padding-left: 5px;}

.name_box .name_main ul li{width: 20%;font-size: 15px;margin-bottom: 22px;padding: 0 5px;}
.name_box .name_main.name_com ul li{width:33.33%;padding: 0 5px;}
.name_page ul{width: 100%;padding: 6px 4px;}
.name_page ul li a{font-size:12px;padding: 10px 5px;}
.name_page ul li.on a{min-width: 32px;}
.name_box .name_main{ margin-bottom:20px;}



}