html {
  color: #666666;
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection {
  text-shadow: none; }

::selection {
  text-shadow: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

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

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
body {
  font: 16px/28px Helvetica, Helvetica Neue, Arial;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  height: 100%; }

img {
  width: 100%;
  max-width: 100%; }

.wrapper {
  width: 90%;
  margin: 0 5%; }

.wrapper01 {
  width: 90%;
  margin: 0 5%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: space-between; }

.main {
  padding: 30px 0; }

.main article h1 {
  font-size: 2em; }

.header-container {
  height: 60px;
  border-bottom: 1px solid #e3e3e3;
  width: 100%; }
  .header-container header {
    height: 60px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    background: #fff; }

.openx {
  transform: translateY(0); }

.close {
  transform: translateY(-100vh); }

.main-container {
  display: flex;
  flex-direction: column;
  flex: 1; }

table td {
  vertical-align: middle;
  text-align: center; }

#pagenav {
  width: 100%; }

.padding {
  padding: 40px 0; }

.homepage {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  flex: 1; }
  .homepage a,
  .homepage div {
    flex: 1;
    display: flex;
    align-items: center; }

.logo {
  background: url(../img/logo.jpg) no-repeat;
  width: 110px;
  height: 31px;
  -webkit-background-size: 110px 31px;
  -moz-background-size: 110px 31px;
  background-size: 110px 31px;
  background-position: center;
  display: block; }

.pagenav {
  background: url(../img/icon-1.png) no-repeat;
  width: 144px;
  height: 119px;
  -webkit-background-size: 144px 119px;
  -moz-background-size: 144px 119px;
  background-size: 144px 119px;
  background-position: center;
  margin: 0 auto;
  flex: 1; }

.pagenav2 {
  background: url(../img/icon-2.png) no-repeat;
  width: 144px;
  height: 119px;
  -webkit-background-size: 144px 119px;
  -moz-background-size: 144px 119px;
  background-size: 144px 119px;
  background-position: center;
  margin: 0 auto;
  flex: 1; }

.bb {
  border-bottom: 1px solid #dddddd; }

.nav-p {
  background: url(../img/nav_1.jpg) no-repeat;
  width: 111px;
  height: 21px;
  -webkit-background-size: 111px 21px;
  -moz-background-size: 111px 21px;
  background-size: 111px 21px;
  background-position: center;
  background-position: initial; }

.nav-a {
  background: url(../img/nav_2.jpg) no-repeat;
  width: 111px;
  height: 21px;
  -webkit-background-size: 111px 21px;
  -moz-background-size: 111px 21px;
  background-size: 111px 21px;
  background-position: center;
  background-position: initial; }

.nav-c {
  background: url(../img/nav_3.jpg) no-repeat;
  width: 111px;
  height: 21px;
  -webkit-background-size: 111px 21px;
  -moz-background-size: 111px 21px;
  background-size: 111px 21px;
  background-position: center;
  background-position: initial; }

.pagenav3 {
  background: url(../img/icon-3.png) no-repeat;
  width: 144px;
  height: 119px;
  -webkit-background-size: 144px 119px;
  -moz-background-size: 144px 119px;
  background-size: 144px 119px;
  background-position: center;
  margin: 0 auto;
  flex: 1; }

.aboutnav {
  background: url(../img/a-1.png) no-repeat;
  width: 265px;
  height: 44px;
  -webkit-background-size: 265px 44px;
  -moz-background-size: 265px 44px;
  background-size: 265px 44px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.aboutnav2 {
  background: url(../img/a-2.png) no-repeat;
  width: 265px;
  height: 44px;
  -webkit-background-size: 265px 44px;
  -moz-background-size: 265px 44px;
  background-size: 265px 44px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.aboutnav3 {
  background: url(../img/a-3.png) no-repeat;
  width: 265px;
  height: 44px;
  -webkit-background-size: 265px 44px;
  -moz-background-size: 265px 44px;
  background-size: 265px 44px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.cnav {
  background: url(../img/c-1.png) no-repeat;
  width: 265px;
  height: 44px;
  -webkit-background-size: 265px 44px;
  -moz-background-size: 265px 44px;
  background-size: 265px 44px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.cnav2 {
  background: url(../img/c-2.png) no-repeat;
  width: 265px;
  height: 44px;
  -webkit-background-size: 265px 44px;
  -moz-background-size: 265px 44px;
  background-size: 265px 44px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.cnav3 {
  background: url(../img/c-3.png) no-repeat;
  width: 265px;
  height: 44px;
  -webkit-background-size: 265px 44px;
  -moz-background-size: 265px 44px;
  background-size: 265px 44px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.cnav4 {
  background: url(../img/c-4.png) no-repeat;
  width: 265px;
  height: 44px;
  -webkit-background-size: 265px 44px;
  -moz-background-size: 265px 44px;
  background-size: 265px 44px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.cnav5 {
  background: url(../img/c-5.png) no-repeat;
  width: 265px;
  height: 44px;
  -webkit-background-size: 265px 44px;
  -moz-background-size: 265px 44px;
  background-size: 265px 44px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.pnav {
  background: url(../img/p-1.png) no-repeat;
  width: 265px;
  height: 44px;
  -webkit-background-size: 265px 44px;
  -moz-background-size: 265px 44px;
  background-size: 265px 44px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.pnav2 {
  background: url(../img/p-2.png) no-repeat;
  width: 265px;
  height: 44px;
  -webkit-background-size: 265px 44px;
  -moz-background-size: 265px 44px;
  background-size: 265px 44px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.pnav3 {
  background: url(../img/p-3.png) no-repeat;
  width: 265px;
  height: 44px;
  -webkit-background-size: 265px 44px;
  -moz-background-size: 265px 44px;
  background-size: 265px 44px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.pnav4 {
  background: url(../img/product/pnav4.png) no-repeat;
  width: 210px;
  height: 22px;
  -webkit-background-size: 210px 22px;
  -moz-background-size: 210px 22px;
  background-size: 210px 22px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.pnav5 {
  background: url(../img/product/pnav5.png) no-repeat;
  width: 210px;
  height: 22px;
  -webkit-background-size: 210px 22px;
  -moz-background-size: 210px 22px;
  background-size: 210px 22px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.pnav6 {
  background: url(../img/product/pnav6.png) no-repeat;
  width: 210px;
  height: 22px;
  -webkit-background-size: 210px 22px;
  -moz-background-size: 210px 22px;
  background-size: 210px 22px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.pnav7 {
  background: url(../img/product/pnav7.png) no-repeat;
  width: 210px;
  height: 22px;
  -webkit-background-size: 210px 22px;
  -moz-background-size: 210px 22px;
  background-size: 210px 22px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.pnav8 {
  background: url(../img/product/pnav8.png) no-repeat;
  width: 210px;
  height: 22px;
  -webkit-background-size: 210px 22px;
  -moz-background-size: 210px 22px;
  background-size: 210px 22px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.pnav9 {
  background: url(../img/product/pnav9.png) no-repeat;
  width: 210px;
  height: 22px;
  -webkit-background-size: 210px 22px;
  -moz-background-size: 210px 22px;
  background-size: 210px 22px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.header-but {
  height: 20px;
  width: 25px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between; }
  .header-but span {
    transition: all 500ms ease;
    display: block;
    height: 3px;
    width: 25px;
    background: #3f3a39; }
    .header-but span:nth-child(2) {
      opacity: 1; }

.openS span:nth-child(1) {
  transform-origin: left top;
  transform: rotate(45deg); }
.openS span:nth-child(2) {
  transform: translateX(10px);
  opacity: 0; }
.openS span:nth-child(3) {
  transform-origin: left bottom;
  transform: rotate(-45deg); }

.accordion {
  width: 100%;
  background: #FFF;
  flex: 1;
  display: flex;
  flex-direction: column; }

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 0 15px 0;
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: #fbfbfb; }

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px; }

.accordion li.open .link {
  color: #4D4D4D; }
  .accordion li.open .link .nav_on {
    background-image: url("../img/off.png"); }

.accordion li.open i {
  color: #b63b4d; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.submenu {
  display: none; }

.submenu li {
  border-bottom: 1px solid #eae9ec; }

.submenu a {
  display: block;
  text-decoration: none;
  color: #888888;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease; }

.submenu a:hover {
  background: #b63b4d;
  color: #888888; }

.nav_1 {
  background: url(../img/about/nav_1.png) no-repeat;
  width: 170px;
  height: 21px;
  -webkit-background-size: 170px 21px;
  -moz-background-size: 170px 21px;
  background-size: 170px 21px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.nav_2 {
  background: url(../img/about/nav_2.png) no-repeat;
  width: 170px;
  height: 21px;
  -webkit-background-size: 170px 21px;
  -moz-background-size: 170px 21px;
  background-size: 170px 21px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.nav_3 {
  background: url(../img/about/nav_3.png) no-repeat;
  width: 170px;
  height: 21px;
  -webkit-background-size: 170px 21px;
  -moz-background-size: 170px 21px;
  background-size: 170px 21px;
  background-position: center;
  background-position: initial;
  flex: 1; }

.nav_on {
  background: url(../img/on.png) no-repeat;
  width: 22px;
  height: 22px;
  -webkit-background-size: 22px 22px;
  -moz-background-size: 22px 22px;
  background-size: 22px 22px;
  background-position: center;
  background-position: center; }

.navbox {
  width: 100%;
  position: absolute;
  height: calc(100vh - 61px);
  background: #fff;
  top: 61px;
  transition: transform 500ms ease;
  z-index: 50; }
  .navbox div {
    display: flex;
    height: 100%; }
  .navbox ul {
    width: 100%;
    display: flex;
    flex-direction: column; }
  .navbox ul li {
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
    .navbox ul li:last-child {
      border-bottom: none; }
    .navbox ul li span {
      margin-left: 35px;
      margin-top: .57em;
      margin-bottom: .57em; }
      @media only screen and (min-width: 320px) {
        .navbox ul li span {
          margin-top: .37em;
          margin-bottom: .37em;
          font-size: 12px;
          line-height: 20px; } }
      @media only screen and (min-width: 375px) {
        .navbox ul li span {
          margin-top: .17em;
          margin-bottom: .17em;
          font-size: 14px;
          line-height: 22px; } }
      @media only screen and (min-width: 414px) {
        .navbox ul li span {
          margin-top: .17em;
          margin-bottom: .17em;
          font-size: 14px;
          line-height: 22px; } }
      .navbox ul li span a {
        color: #737373;
        text-decoration: none;
        width: 100%;
        display: block; }

.content {
  background: #fff;
  padding: 5% 0; }

.imgbox {
  margin: 40px 0; }

.mg-top {
  margin-top: 5%; }

.navrow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1; }
  .navrow .yd {
    font-size: 24px;
    color: #113c69; }
  .navrow .title {
    margin-left: 5px;
    font-size: 18px; }

.sm-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .sm-title .num {
    background: #113d6a;
    width: 25px;
    height: 25px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center; }
  .sm-title .bt {
    color: #113d6a;
    border-bottom: 1px solid #113c69;
    margin-left: 5px;
    margin-top: -5px; }

.message-t {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0; }
  .message-t span {
    color: #1c68b4; }

.question-1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: .87em; }
  .question-1 .active {
    background: #1c68b4;
    color: #fff; }
  .question-1 li {
    width: 28vw;
    border: 1px solid #cccccc;
    background: #f7f7f7;
    height: 11vw;
    display: flex;
    justify-content: center;
    align-items: center; }

.message-box {
  padding-bottom: 1.87em; }
  .message-box input {
    border: 1px solid #cccccc;
    width: 100%;
    height: 42px;
    background: #fff;
    padding: 5px 12px;
    line-height: 42px;
    color: #898989;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    margin-bottom: .57em; }
    .message-box input:last-child {
      margin-bottom: 0; }
  .message-box textarea {
    width: 100%;
    height: 155px;
    border: none;
    background: #fff;
    padding: 6px 12px;
    margin-bottom: .57em;
    overflow: hidden;
    color: #898989;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    outline: none;
    display: block; }
  .message-box h4 {
    margin-top: 0;
    margin-bottom: .87em; }

.question-row {
  margin-top: 1.5em; }

.question-2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: .87em; }
  .question-2 .active {
    background: #1c68b4;
    color: #fff; }
  .question-2 li {
    width: 40vw;
    border: 1px solid #cccccc;
    background: #f7f7f7;
    height: 11vw;
    display: flex;
    justify-content: center;
    align-items: center; }
  .question-2 .active {
    background: #1c68b4; }

.sendbtn {
  color: #fff;
  font-size: 1em;
  height: 11vw;
  text-align: center;
  display: block;
  margin-bottom: .57em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  background: #1c68b4;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center; }

.divbgcolor {
  background: #f7f7f7; }

.zp-ms,
.zp-yq {
  background: #f7f7f7;
  padding: 5% 0;
  margin-bottom: 1em; }
  .zp-ms h5,
  .zp-yq h5 {
    margin: 0; }

.zp-jj {
  background: #f7f7f7;
  padding: 5% 0; }

.zp-yx h4 {
  margin-bottom: 0; }
.zp-yx p {
  margin-top: 0.47em; }

.gz-add {
  background: #1c68b4;
  padding: 5px 12px;
  float: left;
  color: #fff;
  margin-top: .87em; }

.t-linebox {
  background-image: url("../img/about/x.jpg");
  background-position: 10px 1em;
  background-repeat: repeat-y;
  width: 100%;
  display: flex;
  justify-content: flex-end; }
  .t-linebox div {
    width: 92%; }
    .t-linebox div p {
      position: relative; }
      .t-linebox div p .yd {
        background: url(../img/about/d.png) no-repeat;
        width: 20px;
        height: 20px;
        -webkit-background-size: 20px 20px;
        -moz-background-size: 20px 20px;
        background-size: 20px 20px;
        background-position: center;
        background-position: initial;
        display: block;
        position: absolute;
        top: 4px;
        left: -8.3%; }

.span-c {
  color: #103d69; }

.tablebox td {
  text-align: left;
  vertical-align: top; }

.tablebox1 td {
  text-align: left;
  color: #103d69;
  vertical-align: middle; }

.m-top {
  margin-top: 2em; }

.m-top-1 {
  margin-top: 2em; }

.form-control:focus {
  border-color: #000;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(22, 22, 22, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(22, 22, 22, 0.6); }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #141414;
  border-color: #141414; }

.layui-m-layercont {
  padding: 20px 30px;
  font-size: 16px;
  line-height: 25px; }

.layui-m-layerbtn span[yes] {
  color: #333; }

.newlist td {
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #dddddd;
  padding-bottom: .87em; }
  .newlist td p {
    line-height: 24px;
    margin: 0; }
  .newlist td span {
    font-size: 14px; }

.events_box {
  background: #FFF;
  padding-bottom: .87em;
  margin-bottom: 17px;
  border-bottom: 1px solid #dddddd; }
  .events_box a {
    text-decoration: none; }

.events_box .ev_t {
  font-size: 1em;
  margin: 0.57em; }

.events_box span {
  color: #acacac;
  font-size: .67em;
  margin: .57em .57em 0 .97em;
  line-height: normal;
  display: block; }

.icon-add {
  background: url(../img/about/add.png) no-repeat;
  width: 24px;
  height: 24px;
  -webkit-background-size: 24px 24px;
  -moz-background-size: 24px 24px;
  background-size: 24px 24px;
  background-position: center; }

.icon-tel {
  background: url(../img/about/tel.png) no-repeat;
  width: 24px;
  height: 24px;
  -webkit-background-size: 24px 24px;
  -moz-background-size: 24px 24px;
  background-size: 24px 24px;
  background-position: center; }

.icon-mail {
  background: url(../img/about/add.png) no-repeat;
  width: 24px;
  height: 24px;
  -webkit-background-size: 24px 24px;
  -moz-background-size: 24px 24px;
  background-size: 24px 24px;
  background-position: center; }

.lxfsbox {
  width: 90%;
  margin: 1em auto 2em auto; }
  .lxfsbox h3 {
    margin-bottom: .57em;
    margin-top: .57em; }
  .lxfsbox td {
    text-align: left;
    height: 40px; }
    .lxfsbox td p {
      margin: 0;
      margin-top: 0px;
      padding: 0; }

.p-t {
  text-align: center;
  color: #000; }

.i-box {
  border: 1px solid #000;
  width: 100%;
  padding: 0px 12px;
  color: #898989;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  margin-bottom: 1em;
  border-radius: 5px; }
  .i-box div {
    display: flex;
    align-content: space-between;
    justify-content: space-between;
    height: 100%;
    padding: 6px 0;
    color: #898989;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    width: 100%; }
  .i-box span {
    color: #000;
    margin-left: 12px;
    flex: 2; }
  .i-box input {
    text-align: left;
    border: none;
    outline: none;
    background-color: #fff;
    flex: 3; }
  .i-box select {
    border: none;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    text-align: left;
    background-color: #fff;
    flex: 3; }
  .i-box .b {
    display: block;
    padding: 6px 0px; }
  .i-box textarea {
    padding: 0px;
    margin: 0px 12px;
    border: none;
    outline: none;
    width: 90%; }

.ibg {
  background: url("../img/jt.png") no-repeat 100% 50%;
  background-size: 18px 12px; }

.p-btn {
  background: #2d2d2f;
  margin: 2rem auto; }

.i-img {
  width: 22.6667vw;
  height: 22.6667vw;
  border-radius: 5px;
  border: 1px solid #000;
  margin-right: 15px;
  background: url("../img/on.png") no-repeat 50% 50%;
  background-size: 45px 45px;
  position: relative;
  overflow: hidden; }

.filebox {
  display: flex;
  flex-direction: row; }

.ctclose {
  width: 4.8vw;
  height: 4.8vw;
  position: absolute;
  right: 1vw;
  top: 1vw;
  z-index: 2;
  display: none; }
  .ctclose img {
    width: 100%;
    vertical-align: initial; }

.item {
  width: 22.6667vw;
  height: 22.6667vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

.c-file {
  width: 22.6667vw;
  height: 22.6667vw; }

.ctimgbox {
  width: 22.4vw;
  height: 22.4vw;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0; }

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