@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}


@font-face {
    font-family: 'Alibaba-PuHuiTi-Regular';
    src: url('Alibaba-PuHuiTi-Regular.ttf');   
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
  margin: 0;
  font-family: Alibaba-PuHuiTi-Regular,'Microsoft YaHei','微软雅黑',Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.25;
  color: var(--bs-body-color);
  text-align: left;
  background-color: #ffffff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #595757;
  text-decoration: none;
}
a:hover {
  color: #595757;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

img,
svg {
  vertical-align: middle;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}



::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}


iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

.font-100 {
    font-size: 5.2vw;
  }

  .font-80 {
    font-size: 4.166vw;
  }

  .font-72 {
    font-size: 3.75vw;
  }


  .font-64 {
    font-size: 3.33vw;
  }

  .font-60 {
    font-size: 3.125vw;
  }

   .font-50 {
    font-size: 2.6vw;
    }

  .font-40 {
    font-size: 2.08vw;
  }

  .font-38 {
    font-size: 2.375rem;
  }

  .font-36 {
    font-size: 1.97vw;
  }

  .font-34 {
    font-size: 1.77vw;
  }
  
  .font-32 {
    font-size: 1.666vw;
  }

  .font-30 {
    font-size: 1.56vw;
  }

  .font-28 {
    font-size: 1.48vw;
  }
  .font-25 {
    font-size: 1.3vw;
  }
  
  .font-24 {
    font-size: 1.25vw;
  }
  
  .font-18 {
    font-size: 0.9375vw;
  }
  
  .font-20 {
    font-size: 1.04vw;
  }
  
  .font-16 {
    font-size: 0.833vw;
  }
  
  .font-14 {
    font-size: 14px;
  }





@media only screen and (max-width: 768px) {
  
  .font-100 {
    font-size: 13vw;
  }

  .font-80 {
    font-size: 10.4vw;
  }

  .font-72 {
    font-size: 9.375vw;
  }


  .font-64 {
    font-size: calc(8.33vw) !important;
  }

  .font-60 {
    font-size: 7.8125vw;
  }

   .font-50 {
    font-size: 6.51vw;
    }

  .font-40 {
    font-size: calc(5.2vw) !important;
  }

  .font-38 {
    font-size: 4.948vw;
  }

  .font-36 {
    font-size: 4.6875vw;
  }
  
  .font-34 {
    font-size: calc(4.427vw) !important;
  }

  .font-32 {
    font-size: calc(4.166vw) !important;
  }

  .font-30 {
    font-size: 3.9vw;
  }

  .font-28 {
    font-size: calc(3.646vw) !important;
  }
  .font-25 {
    font-size: calc(3.255vw);
  }
  .font-24 {
    font-size: calc(3.125vw) !important;
  }
  
  .font-20 {
    font-size: calc(2.6vw);
  }
  
  .font-18 {
    font-size: calc(2.34375vw);
  }
  
  .font-16 {
    font-size: calc(2.08vw);
  }
  
  .font-14 {
    font-size: 14px;
  }
  
}

#back-to-top{ 
	position:fixed;
	z-index: 9999; 
	bottom:50px; 
	right:10px; 
}

.row {
  display: flex;
  flex-wrap: wrap;
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.row-cols-7 > * {
  flex: 0 0 auto;
  width: 14.2857142857%;
}

.row-cols-8 > * {
  flex: 0 0 auto;
  width: 12.5%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-6 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-6 {
  margin-top: 4rem !important;
}

.mt-7 {
  margin-top: 5rem !important;
}

.mt-05w {
  margin-top: 0.4vw !important;
}
.mt-1w {
  margin-top: 0.7vw !important;
}
.mt-2w {
  margin-top: 1.2vw !important;
}
.mt-3w {
  margin-top: 1.6vw !important;
}





.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-6 {
  margin-bottom: 4rem !important;
}

.mb-7 {
  margin-bottom: 5rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-1w {
  margin-left:0.7vw;
}

.ms-2w {
  margin-left:1.35vw;
}
.ms-3w {
  margin-left:2.5vw;
}
.ms-4w {
  margin-left:3.5vw;
}
.ms-6w {
  margin-left:5.5vw;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pt-6 {
  padding-top: 3.5rem !important;
}

.pt-1w {
  padding-top: 0.3vw;
}

.pt-2w {
  padding-top: 0.75vw;
}

.pt-3w {
  padding-top: 1.25vw;
}
.pt-4w {
  padding-top: 1.75vw;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pe-2w {
  padding-right: 2vw !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.fs-0 {
  font-size: calc(1.375rem + 1.6vw) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1.2rem !important;
}

.fs-7 {
  font-size: 1.5rem !important;
}

.fs-8 {
  font-size: calc(1rem + 0.3vw) !important;
}

.font-38 {
  font-size: calc(1.98vw);
}

.fc-f8 {
  color: #fff;
}

.fc-lv {
	color:#00c8cd;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}
.lh-11 {
  line-height: 1.1 !important;
}

.lh-12 {
  line-height: 1.2 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}
.lh-25 {
  line-height: 2.5 !important;
}

@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.75rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}


.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.inline-display {
  display: inline-block;
}

.none-display {
  display: none;
}

.clear:before,
.clear:after
 {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after {
    clear: both;
}
.anil1,.anil2,.anil3,.anil4,.anil5 {
  -webkit-transform:translate3d(-100px,0,0);
  -moz-transform:translate3d(-100px,0,0);
  transform:translate3d(-100px,0,0);
  opacity:0;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -o-transition:all 1s ease;
  transition:all 1s ease
}
.ani1,.ani2,.ani3,.ani4,.ani5 {
  -webkit-transform:translate3d(0,100px,0);
  -moz-transform:translate3d(0,100px,0);
  transform:translate3d(0,100px,0);
  opacity:0;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -o-transition:all 1s ease;
  transition:all 1s ease;
}

.ani1 {
  -webkit-transition-delay:0s !important;
  -moz-transition-delay:0s !important;
  -o-transition-delay:0s !important;
  transition-delay:0s !important
}
.ani2 {
  -webkit-transition-delay:0.2s !important;
  -moz-transition-delay:0.2s !important;
  -o-transition-delay:0.2s !important;
  transition-delay:0.2s !important
}
.ani3 {
  -webkit-transition-delay:0.4s !important;
  -moz-transition-delay:0.4s !important;
  -o-transition-delay:0.4s !important;
  transition-delay:0.4s !important
}
.ani4 {
  -webkit-transition-delay:0.6s !important;
  -moz-transition-delay:0.6s !important;
  -o-transition-delay:0.6s !important;
  transition-delay:0.6s !important
}
.ani5 {
  -webkit-transition-delay:0.8s !important;
  -moz-transition-delay:0.8s !important;
  -o-transition-delay:0.8s !important;
  transition-delay:0.8s !important
}
.anil1 {
  -webkit-transition-delay:0s !important;
  -moz-transition-delay:0s !important;
  -o-transition-delay:0s !important;
  transition-delay:0s !important
}
.anil2 {
  -webkit-transition-delay:0.2s !important;
  -moz-transition-delay:0.2s !important;
  -o-transition-delay:0.2s !important;
  transition-delay:0.2s !important
}
.anil3 {
  -webkit-transition-delay:0.4s !important;
  -moz-transition-delay:0.4s !important;
  -o-transition-delay:0.4s !important;
  transition-delay:0.4s !important
}
.anil4 {
  -webkit-transition-delay:0.6s !important;
  -moz-transition-delay:0.6s !important;
  -o-transition-delay:0.6s !important;
  transition-delay:0.6s !important
}
.anil5 {
  -webkit-transition-delay:0.8s !important;
  -moz-transition-delay:0.8s !important;
  -o-transition-delay:0.8s !important;
  transition-delay:0.8s !important
}
.animated .ani1,.animated .ani2,.animated .ani3,.animated .ani4,.animated .ani5,
.animated .anil1,.animated .anil2,.animated .anil3,.animated .anil4,.animated .anil5
 {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  opacity:1
}

.anio1,.anio2,.anio3,.anio4,.anio5,.anio6,.anio7 {
  opacity:0;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -o-transition:all 1s ease;
  transition:all 1s ease
}

.anio1 {
  -webkit-transition-delay:0s !important;
  -moz-transition-delay:0s !important;
  -o-transition-delay:0s !important;
  transition-delay:0s !important
}
.anio2 {
  -webkit-transition-delay:0.2s !important;
  -moz-transition-delay:0.2s !important;
  -o-transition-delay:0.2s !important;
  transition-delay:0.2s !important
}
.anio3 {
  -webkit-transition-delay:0.4s !important;
  -moz-transition-delay:0.4s !important;
  -o-transition-delay:0.4s !important;
  transition-delay:0.4s !important
}
.anio4 {
  -webkit-transition-delay:0.6s !important;
  -moz-transition-delay:0.6s !important;
  -o-transition-delay:0.6s !important;
  transition-delay:0.6s !important
}
.anio5 {
  -webkit-transition-delay:0.8s !important;
  -moz-transition-delay:0.8s !important;
  -o-transition-delay:0.8s !important;
  transition-delay:0.8s !important
}
.anio6 {
  -webkit-transition-delay:1s !important;
  -moz-transition-delay:1s !important;
  -o-transition-delay:1s !important;
  transition-delay:1s !important
}
.anio7 {
  -webkit-transition-delay:1.2s !important;
  -moz-transition-delay:1.2s !important;
  -o-transition-delay:1.2s !important;
  transition-delay:1.2s !important
}
.animated .anio1,.animated .anio2,.animated .anio3,.animated .anio4,.animated .anio5,.animated .anio6,.animated .anio7 {
  opacity:1
}

.ani51,.ani52,.ani53,.ani54,.ani55 {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5) ;
  transform: scale(0.5);
  z-index: 0;
  opacity:0;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -o-transition:all 1s ease;
  transition:all 1s ease
}

.ani51 {
  -webkit-transition-delay:0s !important;
  -moz-transition-delay:0s !important;
  -o-transition-delay:0s !important;
  transition-delay:0s !important
}
.ani52,.ani54 {
  -webkit-transition-delay:0.2s !important;
  -moz-transition-delay:0.2s !important;
  -o-transition-delay:0.2s !important;
  transition-delay:0.2s !important
}
.ani53,.ani55 {
  -webkit-transition-delay:0.4s !important;
  -moz-transition-delay:0.4s !important;
  -o-transition-delay:0.4s !important;
  transition-delay:0.4s !important
}

.animated .ani51,.animated .ani52,.animated .ani53,.animated .ani54,.animated .ani55 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  z-index: 2;
  opacity:1;
}

.anis1,.anis2,.anis3,.anis4,.anis5,.anis6,.anis7,.anis8 {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5) ;
  transform: scale(0.5);
  z-index: 0;
  opacity:0;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -o-transition:all 1s ease;
  transition:all 1s ease
}

.anis1 {
  -webkit-transition-delay:0s !important;
  -moz-transition-delay:0s !important;
  -o-transition-delay:0s !important;
  transition-delay:0s !important
}
.anis2 {
  -webkit-transition-delay:0.2s !important;
  -moz-transition-delay:0.2s !important;
  -o-transition-delay:0.2s !important;
  transition-delay:0.2s !important
}
.anis3 {
  -webkit-transition-delay:0.4s !important;
  -moz-transition-delay:0.4s !important;
  -o-transition-delay:0.4s !important;
  transition-delay:0.4s !important
}
.anis4 {
  -webkit-transition-delay:0.6s !important;
  -moz-transition-delay:0.6s !important;
  -o-transition-delay:0.6s !important;
  transition-delay:0.6s !important
}
.anis5 {
  -webkit-transition-delay:0.8s !important;
  -moz-transition-delay:0.8s !important;
  -o-transition-delay:0.8s !important;
  transition-delay:0.8s !important
}
.anis6 {
  -webkit-transition-delay:1s !important;
  -moz-transition-delay:1s !important;
  -o-transition-delay:1s !important;
  transition-delay:1s !important
}
.anis7 {
  -webkit-transition-delay:1.2s !important;
  -moz-transition-delay:1.2s !important;
  -o-transition-delay:1.2s !important;
  transition-delay:1.2s !important
}
.anis8 {
  -webkit-transition-delay:1.4s !important;
  -moz-transition-delay:1.4s !important;
  -o-transition-delay:1.4s !important;
  transition-delay:1.4s !important
}

.animated .anis1,.animated .anis2,.animated .anis3,.animated .anis4,
.animated .anis5,.animated .anis6,.animated .anis7,.animated .anis8 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  z-index: 2;
  opacity:1;
}


.ani01,.ani02,.ani03,.ani04,.ani05 {
  -webkit-transform:translate3d(-50px,0,0);
  -moz-transform:translate3d(-50px,0,0);
  transform:translate3d(-50px,0,0);
  z-index: 3;
  opacity:0;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -o-transition:all 1s ease;
  transition:all 1s ease
}

.ani01 {
  -webkit-transition-delay:0s !important;
  -moz-transition-delay:0s !important;
  -o-transition-delay:0s !important;
  transition-delay:0s !important
}
.ani02,.ani04 {
  -webkit-transition-delay:0.2s !important;
  -moz-transition-delay:0.2s !important;
  -o-transition-delay:0.2s !important;
  transition-delay:0.2s !important
}
.ani03 {
  -webkit-transition-delay:0.4s !important;
  -moz-transition-delay:0.4s !important;
  -o-transition-delay:0.4s !important;
  transition-delay:0.4s !important
}
.ani04 {
  -webkit-transition-delay:0.6s !important;
  -moz-transition-delay:0.6s !important;
  -o-transition-delay:0.6s !important;
  transition-delay:0.6s !important
}
.ani05 {
  -webkit-transition-delay:0.8s !important;
  -moz-transition-delay:0.8s !important;
  -o-transition-delay:0.8s !important;
  transition-delay:0.8s !important
}

.animated .ani01,.animated .ani02,.animated .ani03,.animated .ani04,.animated .ani05 {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  z-index: 3;
  opacity:1;
}

.aniz1 {
  -webkit-transform:translate3d(-10.42vw,0,0);
  -moz-transform:translate3d(-10.42vw,0,0);
  transform:translate3d(-10.42vw,0,0);
  -webkit-transition:all 1s linear;
  -moz-transition:all 1s linear;
  -o-transition:all 1s linear;
  transition:all 1s linear;
}
.aniz1 {
  -webkit-transition-delay:0s !important;
  -moz-transition-delay:0s !important;
  -o-transition-delay:0s !important;
  transition-delay:0s !important
}
.animated .aniz1 {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

.pos-re {
   position: relative;
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}




#sw1 .swiper-container {
    width: 100%;
    overflow: hidden;

}

#sw1 .swiper-container .swiper-wrapper .swiper-slide {
    text-align: center;
    font-size: 0.9375vw;
    background: #fff;

}

#sw1 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, #sw1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,0.42vw);
}

#sw1 .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,0.78vw));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,0.78vw));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}

#sw1 .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background-color: #1f418f;
}
#sw1 .swiper-container .swiper-wrapper .swiper-slide-active { height:auto}
#sw1 .swiper-container .swiper-wrapper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
}



#sw2 .swiper-container {
    width: 100%;
    overflow: hidden;
	position:relative;

}
#sw2 .swiper-container .swiper-wrapper .swiper-slide {
    text-align: center;
    font-size: 0.9375vw;
    background: #fff;

}

#sw2 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, #sw2 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,0.42vw);
}

#sw2 .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,0.78vw));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,0.78vw));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}

#sw2 .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background-color: #1f418f;
}
#sw2 .swiper-container .swiper-wrapper .swiper-slide-active { height:auto}
#sw2 .swiper-container .swiper-wrapper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
}

#sw2 .swiper-container .swiper-button-next, #sw2 .swiper-container .swiper-button-prev {
  color: #00c8cd;
}


#sw3 .swiper-container {
    width: 100%;
    overflow: hidden;
	position:relative;

}
#sw3 .swiper-container .swiper-wrapper .swiper-slide {
    text-align: center;
    font-size: 0.9375vw;
    background: #fff;

}

#sw3 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, #sw3 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,0.42vw);
}

#sw3 .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,0.78vw));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,0.78vw));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}

#sw3 .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background-color: #1f418f;
}
#sw3 .swiper-container .swiper-wrapper .swiper-slide-active { height:auto}
#sw3 .swiper-container .swiper-wrapper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
}

#sw3 .swiper-container .swiper-button-next, #sw3 .swiper-container .swiper-button-prev {
  color: #00c8cd;
}

.border-img-lv img {
	border:solid 1px #00c8cd;
}

.dmenu {
  width: 90%;
  position: absolute;
  left: 5%;
  top: 0;
  z-index: 999;
}

.logo {
  width: 30.65%;
  float: left;
  padding-top: 3.9vw;
}
.logo img {
  width: 100%;
}

.menu {
  padding-left: 8.8%;
  padding-top: 6.96vw;
  float: left;
}

.menu .mitem {
  float: left;
  padding-right: 4.16vw;
}

.menu .mitem a {
  color: #ffffff;
}

.search {
  width: 40%;
  float: right;
  padding-top: 6.96vw;
}

.search-l {
  float: right;
  width: 18.77vw;
}

.search-r {
  float: right;
  width: 5.03vw;
  padding-left: 1vw;
}

.search-r input[type="image"] {
  width: 100%;
}

.search-l1 {
  float: right;
  width: 58.77vw;
}

.search-r1 {
  float: right;
  width: 8.03vw;
  padding-left: 1vw;
}

.search-r1 input[type="image"] {
  width: 100%;
}

.sangan {
  float: right;
  width: 6.03vw;
  padding-left: 1vw;
}

.sangan img {
	width:100%;
}

.txtsearch {
  border: solid 1px #ffffff;
  border-radius: 10px;
  background-color: transparent;
  width: 100%;
}

.txtsearch:focus {
  outline: solid 1px #ffffff;
}


#nav{position:fixed;z-index:10000;top:0;left:0;overflow:hidden;width:100%;height:0;padding:0 0.5rem;background-color:rgba(6,173,171,0.9)}

#nav.move{overflow-y:scroll;height:100%;padding-top:2.96vw;}
#nav dl{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}
#nav dl:last-child{border:0 none}
#nav.move dl{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
#nav.move dl:nth-child(7){-webkit-transition-delay:0.1s;transition-delay:0.1s}
#nav.move dl:nth-child(6){-webkit-transition-delay:0.15s;transition-delay:0.15s}
#nav.move dl:nth-child(5){-webkit-transition-delay:0.2s;transition-delay:0.2s}
#nav.move dl:nth-child(4){-webkit-transition-delay:0.25s;transition-delay:0.25s}
#nav.move dl:nth-child(3){-webkit-transition-delay:0.3s;transition-delay:0.3s}
#nav.move dl:nth-child(2){-webkit-transition-delay:0.35s;transition-delay:0.35s}
#nav.move dl:nth-child(1){-webkit-transition-delay:0.4s;transition-delay:0.4s}
#nav dl:nth-child(1){border:0 none}
#nav dt a{color: white;
  /*border-bottom: 1px solid silver;*/
  font-size: 8vw;
  height: 11vw;
  line-height: 11vw;
  position:relative;display:block;letter-spacing:1px}
#nav dt a i{font-size: 7vw;line-height:20px;position:absolute;top:50%;right:2vw;width:20px;height:20px;text-align:center;color:white;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#nav dt a i.skew{margin-top:-8px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}
#nav dd{overflow:hidden;height:0}
#nav dd.show{height:auto;padding-bottom:10px}
#nav dd a{font-size: 5vw;line-height:34px;display:block;height:34px;padding-left:15px;-webkit-transform:translateX(-100px);transform:translateX(-100px);letter-spacing:1px;color:white}
#nav dd.show a{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
#nav dd.show a:nth-child(1){-webkit-transition-delay:0.06s;transition-delay:0.06s}
#nav dd.show a:nth-child(2){-webkit-transition-delay:0.12s;transition-delay:0.12s}
#nav dd.show a:nth-child(3){-webkit-transition-delay:0.18s;transition-delay:0.18s}
#nav dd.show a:nth-child(4){-webkit-transition-delay:0.24s;transition-delay:0.24s}
#nav dd.show a:nth-child(5){-webkit-transition-delay:0.3s;transition-delay:0.3s}
#nav dd.show a:nth-child(6){-webkit-transition-delay:0.36s;transition-delay:0.36s}
#nav dd.show a:nth-child(7){-webkit-transition-delay:0.42s;transition-delay:0.42s}
#nav dd.show a:nth-child(8){-webkit-transition-delay:0.48s;transition-delay:0.48s}
#nav dd.show a:nth-child(9){-webkit-transition-delay:0.54s;transition-delay:0.54s}
#nav dd.show a:nth-child(10){-webkit-transition-delay:0.6s;transition-delay:0.6s}

#nav .info  {
  display: inline-block;
  padding: 0 5px;
  height: 2rem;
  font-family: PoppinsRegular;
}

#sw1 .swiper-container .swiper-wrapper .swiper-slide .sw-title {
  position: absolute;
  top: 35.7%;
  left: 5.2%;
  width: 29.5%;
  text-align: left;
  color: #ffffff;
  font-size: 3.23vw;
}


.sw-title {
  -webkit-transform:translate3d(350px,0px,0);
  -moz-transform:translate3d(350px,0px,0);
  transform:translate3d(350px,0px,0);
  opacity:0;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -o-transition:all 1s ease;
  transition:all 1s ease;
}
.sw-title {
  -webkit-transition-delay:0.3s !important;
  -moz-transition-delay:0.3s !important;
  -o-transition-delay:0.3s !important;
  transition-delay:0.3s !important
}
.swiper-slide-active .sw-title {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  color: #ffffff;
  opacity:1

}

#sw1 .swiper-container .swiper-wrapper .swiper-slide .sw-desc {
  position: absolute;
  top: 45.7%;
  left: 5.2%;
  width: 59.5%;
  text-align: left;
  color: #ffffff;
}


.sw-desc {
  -webkit-transform:translate3d(350px,0px,0);
  -moz-transform:translate3d(350px,0px,0);
  transform:translate3d(350px,0px,0);
  opacity:0;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -o-transition:all 1s ease;
  transition:all 1s ease;
}
.sw-desc {
  -webkit-transition-delay:0.6s !important;
  -moz-transition-delay:0.6s !important;
  -o-transition-delay:0.6s !important;
  transition-delay:0.6s !important
}
.swiper-slide-active .sw-desc {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  color: #ffffff;
  opacity:1
}

#sw1 .swiper-container .swiper-wrapper .swiper-slide .sw-btn {
  position: absolute;
  top: 59.7%;
  left: 5.2%;
  width: 10.67%;
  text-align: left;
  color: #ffffff;
}

.sw-btn img {
  width: 100%;
}


.sw-btn {
  -webkit-transform:translate3d(350px,0px,0);
  -moz-transform:translate3d(350px,0px,0);
  transform:translate3d(350px,0px,0);
  opacity:0;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -o-transition:all 1s ease;
  transition:all 1s ease;
}
.sw-btn {
  -webkit-transition-delay:0.9s !important;
  -moz-transition-delay:0.9s !important;
  -o-transition-delay:0.9s !important;
  transition-delay:0.9s !important
}
.swiper-slide-active .sw-btn {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  color: #ffffff;
  opacity:1
}

.ibg1 {
  /*background-image: url('../images/ibg1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  /*height: 32.34vw;*/
}

.iabout {
  padding-top: 5.5vw;
  width: 90%;
  margin: 0 auto;
}

.iabout-l {
  width: 100%;
  float: left;
  
}

.iabout-r {
  width: 100%;
  float: left;
  padding-left: 2vw;
}

.iabout-r-i {
  width: 100%;
  padding-bottom:2vw;
}

.iabout-r-i img {
  width: 100%;
}
.iabout-t {
  color: #00c8cd;
  text-align:left;
}
.iabout-d {
  padding-top: 1vw;
  padding-right: 3vw;
}

.iabout-b {
  padding-top: 1vw;
}

.iabout-btn {
  background-color: #00c8cd;
  color: #fefefe;
  border-radius: 5vw;
  padding-top: 2vw;
  padding-bottom: 2vw;
  width: 50vw;
      margin: 2vw auto;
	  text-align:center;
	  
}

.bgb {
  background-image: url('../images/bgb.jpg');
  background-repeat:no-repeat;
  width: 100%;
  /*height: 15.125vw;*/
}

.contain-bp {
  width: 90%;
  margin: 0 auto;
  padding-top: 2.6vw;
  display: flex;
  justify-content:space-between;
}

.bp-item {
  width: 30%;
}

.bp-l {
  /*float: left;*/
  width: 100%;
  text-align:center;
}

.bp-l img {
	width:40%;
}

.bp-r {
  /*float: left;*/
  width: 100%;
  padding-top: 1vw;
   padding-bottom: 1vw;
  /*padding-left: 1.7vw;*/
  color: #ffffff;
  text-align:center;
}

.ibg2 {
  /*background-image: url('../images/ibg2.jpg');
  background-size: cover;
  width: 100%;
  height: 35.9vw;*/

}

.iprod-t {
  color: #00c8cd;
  padding-top: 4.5vw;
  padding-bottom: 2.6vw;
  text-align: center;
}

.iprods {
  display: flex;
  justify-content:space-between;
  align-self: center;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
  padding-bottom:3vw;
}
.iprod-i {
  width: 45%;
}

.iprod-img img {
  width: 100%;
}


.iprod-title {
  padding-top: 1vw;
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

.iprod-i .pro-yun {
  height: 8.4vw;
  width: auto;
}

.iprod-i:hover .pro-yun {
  /*position: relative;*/
  /*background-image: url('../images/hyun.png');*/
  height: 8.4vw;
  width: auto;
  background-repeat: no-repeat;
  background-position: left; 
}

.iprod-i .pro-title {
  margin-top: 1.7vw;
  height: 5.7vw;
  text-align: center;
  padding-top: 0.8vw;
  padding-bottom: 0.8vw;
  padding-left: 2vw;
  padding-right: 2vw;
  white-space: nowrap;
  color: #414141;
}

.iprod-i:hover .pro-title {
  /*position: absolute;
  left: 0;
  bottom: 0;*/
  margin-top: 1.7vw;
  background-color: #ff4747;
  height: 5.7vw;
  border-radius: 0.8vw;
  text-align: center;
  padding-top: 0.8vw;
  padding-bottom: 0.8vw;
  padding-left: 2vw;
  padding-right: 2vw;
  white-space: nowrap;
  color: #ffffff;
  /*color: #414141;*/
}


.ibg-bp {
  /*height: 21.6vw;*/
  background-color: #efefef;
  padding-bottom:2vw;
}

.bg-bp {
  height: 95.6vw;
      margin-top: 3vw;
}

.ibg-bp1 {
  display: flex;
  justify-content:space-between;
  align-self: center;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
  padding-top: 5.4vw;
  padding-bottom: 5.4vw;
  background-color: #efefef;
  
}

.ibg-bp-i {
  width:28%;
  height: 16.3vw;
  vertical-align: middle;
  display:table-cell; 
}



.ibg-bp-i .ibg-bp-i1 {
  width: 60%;
  margin: 0 auto;
  line-height:6.3vw;
}

.ibg-bp-i .ibg-bp-i1 img {
  width: 100%;
}

.ibg-bp-s {
  height: 6.3vw;
  vertical-align: middle;
  display:none; 
  
}

.ibg-bp-s .ibg-bp-s1 {
  padding-top: 2.35vw;
}

.ibg-bp-sp {
  width: 3px;
  height: 1.6vw;
  background-color: #5d5b5c;
}

.ibg3 {
  /*background-image: url('../images/ibg3.jpg');
  height: 34.3vw;*/
  width: auto;
  background-repeat: no-repeat;
  background-position: left; 
  background-size: cover;
}

.inews {
	width:90%;
	margin:0 auto;
}

.ibg-bp2 {
  color: #5d5b5c;
  border: solid 2px #5d5b5c;
  border-radius: 2vw;
  width: 80vw;
  margin: 0 auto;
  margin-top: 3.6vw;
  margin-bottom: 5.6vw;
  padding-top: 0.5vw;
  padding-bottom: 0.5vw;
  
  text-align: center;
  white-space: nowrap;
}

.inew-t {
  color: #00c8cd;
  padding-top: 2.5vw;
  padding-bottom: 3.6vw;
  text-align: center;
}


.inews-l {
  /*margin-left: 12%;*/
  padding-top: 1vw;
  width: 100%;
  float: left;
}

.inews-l img {
  width: 100%;
}

.inews-r {
  /*margin-left: 3.5%;
  
  height: 25vw;
  background-image: url('../images/bg-vline.png');
  background-repeat: repeat-y;
  */
  width: 100%;
  float: left;
  margin-bottom: 3.5vw;
  overflow:hidden;
  
}

.inews-i {
  margin-bottom: 2vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
}

.inews-i:hover {
  padding-top: 1vw;
  padding-bottom: 1vw;
  background-color: #ff4747;
  border-radius: 1vw;
  background-image: url('../images/bg-vline.png');
  background-repeat: repeat-y;
}



.inews-i-l {
  width: 7%;
  float: left;
  padding-top: 5vw;
}

.inews-i-dot {
  width: 2vw;
  height: 2vw;
  border-radius: 1vw;
  background-color: #00c8cd;
  margin: 0 auto;
}

.inews-i:hover .inews-i-dot {
  width: 2vw;
  height: 2vw;
  border-radius: 1vw;
  background-color: #ffffff;
  margin: 0 auto;
}

.news-date span {
  color: #00c8cd;
}

.news-date {
  color: #757575;
}

.inews-i:hover .news-date {
  color: #e3e3e3;
}


.news-title {
  color: #757575;
}

.inews-i:hover .news-title {
  color: #e3e3e3;
}

.inews-i:hover .news-date span {
  color: #ffffff;
}

.inews-i:hover .news-date {
  color: #757575;
}

.inews-i:hover .news-date {
  color: #e3e3e3;
}



.inews-i-r {
  float: left;
  padding-right: 1vw;
  padding-top: 2vw;
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cban,.cban img {
  width: 100%;
}

.bgc1 {
  background-image: url('../images/bgc1.jpg');
  background-repeat: no-repeat;
  /*background-size: cover;
  height: 56.19vw;*/
}

.bgbr {
  background-image: url('../images/bg-blog.jpg');
  background-repeat: repeat-y;
  /*background-size: cover;*/
}

.bgp {
  background-color: #ffffff;
}

.contact-c {
  width: 90%;
  margin: 0 auto;
  color: #5c5c5c;
}

.cnav {
  padding-top: 4.354vw;
}

.cbg1 {
  width: 100%;
  background-color: #00c8cd;
  color: #ffffff;
  padding: 1.66vw;
  margin-top: 2.39vw;
}

.cbg1-1 {
  text-align: center;
}

.cbg1-s {
  width: 94%;
  margin: 0 auto;
  display: flex;
  justify-content:space-between;
  align-self: center;
  flex-wrap: wrap;
  padding-top: 0.39vw;
}
.cbg1-i {
	width:100%;
	padding-bottom:3vw;
}

.cbg1-i img {
	width:10%;
}

.cbg1-i,.cbg1-i1 {
  text-align: center;
  line-height: 1.6;
}

.cbg1-i span {
	font-weight:bolder;
}

.cbg1-i1 {
  width: 23vw;
}

.cbg2 {
  width: 100%;
  border: solid 1px #00c8cd;
  padding-left: 1.66vw;
  padding-right: 1.66vw;
  padding-top: 2.39vw;
  padding-bottom: 2.39vw;
  margin-top: 1.66vw;
}

.cbg2-1 {
  color: #00c8cd;
}

.cbg2-2 {
  padding-top: 0.5vw;
  display: flex;
  justify-content: flex-start;
  align-self: center;
}

.cbg2-i {
  width: 30%;
  line-height: 1.6;
}

.cbg3 {
  padding-top: 5.85vw;
  padding-bottom:5vw;
}

.cbg3-1 {
  background-color: #00c8cd;
  color: #ffffff;
  border-top-left-radius: 1vw;
  border-top-right-radius: 1vw;
  padding-left: 2.2vw;
  padding-right: 2.2vw;
  padding-top: 3vw;
  padding-bottom: 3vw;
}

.cbg3-2 {
  background-color: #ffffff;
  color: #5f5f5f;
  border-bottom-left-radius: 1vw;
  border-bottom-right-radius: 1vw;
  padding-left: 2.2vw;
  padding-right: 2.2vw;
  padding-top: 1.5vw;
  padding-bottom: 3vw;
}

.rban {
  position: relative;
}

.rmianji {
  position: absolute;
  left: 5%;
  top: 20.458vw;
  width: 90%;
  /*height: 45.26vw;*/
  padding:1vw;
  background-color: #02bbb6;
  margin: 0 auto;
}
.rmianji-t {
  padding-top: 1.385vw;
}
.rmianji-img {
  width: 92%;
  margin: 0 auto;
  padding-top: 3vw;

}
.rmianji-img img {
  width: 100%;
}

.rmianji-txt {
  padding-top: 1.1875vw;
  height:20vw;
  overflow:hidden;
}

.rcf-top {
  background-image: url('../images/r4.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100%;
  min-height: 27.6vw;
}
.rcf-t-1 {
  padding-top: 3.6vw;
}
.rcf-t-2 {
  padding-top: 1.45vw;
}

.rcf-t-3 {
  width:90%;
  margin: 0 auto;
  padding-top: 1vw;
  line-height: 1.5;
}

.rcf-m {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  background-color: #ffffff;
}
.rcf-m div {
  padding-top: 0.4vw;
  padding-bottom: 0.4vw;
  width: 49.7%;
}
.rcf-m div img {
  width: 100%;
}
.rcf-b {
  background-color: #19191a;
  height: 16.66vw;
}
.rcf-b .rcf-b-txt {
  width: 81%;
  margin: 0 auto;
  padding-top: 5.46vw;
}
.rzx-bg {
  background-image: url('../images/r7.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100%;
  min-height: 55vw;
  position: relative;
}
.rzx-txt {
  position: absolute;
  bottom: 5.177vw;
  width: 100%;
}
.rsys-bg {
  /*background-image: url('../images/r16m.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;*/
  width: 100%;
  background-color: #02bbb6;
}

.rsys-tps {
  padding-top: 6.82vw;
  padding-bottom: 6.82vw;
  margin: 0 auto;
  width: 88%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}

.rsys-tp {
  /*width: ;*/
}

.rsys-tp-t {
  height: 8.5vw;
}

.rsys-tp-i {
  width: 98%;
}
.rsys-tp-i img {
  width: 100%;
  /*height: 17.76vw;*/
}

.rsys-js{
  margin: 0 auto;
  margin-top: 5vw;
  width: 86%;
  /*background-image: url('../images/r17zhe.png');
  */
  background-color:#ffffff;
  height: 19.11vw;
  padding-top: 3.28125vw;
  padding-left: 4.5vw;
  padding-right: 4.5vw;
}

.rsys-js1 {
  margin: 0 auto;
  width: 86%;
  padding-top: 3vw;
  padding-left: 4.5vw;
  padding-right: 4.5vw;
}
.rsys-js-rzs {
  margin: 0 auto;
  width: 86%;
  margin-top: 3vw;
  height: 16.66vw;
  padding-left: 3.4vw ;
  padding-right: 3.5vw ;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;  
  
}
.rsys-js-rz-i {
  /*border: solid 1px #ff0000;*/
}

.rsys-rz-i-img img {
  width: 80%;

}
.rsys-rz-i-img {
  text-align: center;
}
.rsys-rz-i-txt {
  padding-top: 1vw;
  height: 5.5vw;
}

.rsjs-bg {
  background-image: url('../images/r23.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100%;
  min-height: 43vw;
  position: relative;
}

.rsjs-txt {
  background-image: url('../images/r23zhe1.png');
  width: 46vw;
  height: 9.9vw;
  padding-left: 4.6875vw;
  position: absolute;
  z-index: 0;
  top: 16vw;
  left: 0;
}

.rsjs-txt-cont {
  /*width: 35vw;*/
  height: 14.5vw;
  padding-left: 4.6875vw;
  position: absolute;
  z-index: 1;
  top: 18vw;
  left: 0;
}

.rsjs-txt-t {
  padding-top: 2vw;
}

.rtd {
  background-image: url('../images/r_bg.jpg');
  background-repeat: repeat;
  background-size: 100% auto;
  /*height: 58vw;*/
  
  padding-top: 1vw;
}
.rtd-cont {
  width: 92%;
  margin: 0 auto;
  /*height: 87.5vw;*/
  /*background-color: #011e1a;*/
  position: relative;
  padding: 0.78125vw;
}
.rtd-cont-t {
  height: 24.48vw;
  background-color: #ffffff;
  /*border: solid 1px #048c7f;*/
  overflow: hidden;
}
.rtd-cont-t-l {
  float: left;
  width: 34.5vw;
  padding-top: 2.7vw;
  padding-left: 3.5vw;
}

.rtd-cont-t-r {
  float: right;
  width: 43vw;
  padding-top: 1.75vw;
  padding-right: 1.35vw;
}
.rtd-cont-t-r img {
  width: 100%;
}

.pnav {
 padding-top: 2vw;
 display: flex;
 justify-content: space-between;
 width: 100%;
}

.pnav .pnav-i {
  width: 20%;
  padding-top: 1.7vw;
  padding-bottom: 1.7vw;
  text-align: center;
  
}

.pnav-i a {
  color: #ffffff;
}

.pnav .pnav-i:nth-child(5n+1) {
  background-color: #00c8cd;
}

.pnav .pnav-i:nth-child(5n+2) {
  background-color: #ffbc19;
}

.pnav .pnav-i:nth-child(5n+3) {
  background-color: #686ecd;
}

.pnav .pnav-i:nth-child(5n+4) {
  background-color: #ff4747;
}

.pnav .pnav-i:nth-child(5n) {
  background-color: #00c8cd;
}

.pnav1 {
 display: flex;
 justify-content: space-between;
 width: 100%;
}

.pnav1 .pnav-i {
  width: 20%;
  padding-top: 1.7vw;
  padding-bottom: 1.7vw;
  text-align: center;
  
}

.pnav1 .pnav-i:nth-child(5n+1) {
  background-color: #00c8cd;
}

.pnav1 .pnav-i:nth-child(5n+2) {
  background-color: #ffbc19;
}

.pnav1 .pnav-i:nth-child(5n+3) {
  background-color: #686ecd;
}

.pnav1 .pnav-i:nth-child(5n+4) {
  background-color: #ff4747;
}

.pnav1 .pnav-i:nth-child(5n) {
  background-color: #00c8cd;
}

.divprod {
  padding-top: 2vw;
}

.prods {
  display: flex;
  justify-content:space-between;
  align-self: center;
  flex-wrap: wrap;
}

.prods-i {
  width: 100%;
  border-radius: 2vw;
  border: solid 1px #b8b8b8;
  padding: 0.5vw;
  margin-bottom: 2vw;
}

.prods-i-i {
  /*border-radius: 2vw;
  border: solid 1px #ebebeb;*/
}
.prods-i-i img {
  border-radius: 1.5vw;
  border: solid 1px #ebebeb;
  width: 100%;
}

.prods-i-t {
  padding-top: 1vw;
  font-weight: bold;
  padding-left: 1vw;
  padding-right: 1vw;
}

.prods-i-d {
  padding-top: 2vw;
  padding-bottom: 1.5vw;
  line-height: 1.5;
  padding-left: 1vw;
  padding-right: 1vw;
}

.p-gb {
  background-color: #e6e6e6;
  padding-top: 0.7vw;
  padding-bottom: 4.5vw;
}

.cont-ins {
  display: flex;
  justify-content:space-between;
  align-self: center;
  flex-wrap: wrap;
  padding-top:5vw;
}

.cont-in {
  width: 100%;
  padding-bottom:5vw;
}

.inputtxt {
  width: 100%;
  padding: 0.625vw 1vw;
  margin: 0.42vw 0;
  box-sizing: border-box;
  border: 1px solid #eeeeee;
  background-color: #e6e6e6;
  color: #5f5f5f;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  border-radius: 1vw;
}

.inputtxtbox {
  width: 100%;
  padding: 0.625vw 1vw;
  margin: 0.42vw 0;
  height: 25vw;
  box-sizing: border-box;
  border: 1px solid #eeeeee;
  background-color: #e6e6e6;
  color: #5f5f5f;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  border-radius: 1vw;
}

.cont-btn {
	padding-top:4vw;
	padding-bottom:4vw;
}


.btntj {
  background-color: #ffbc19;
  color: #ffffff;
  border-radius: 1vw;
  border: none;
  padding-top: 0.5vw;
  padding-bottom: 0.5vw;
  padding-left: 2vw;
  padding-right: 2vw;
}

.btnreset {
  background-color: #ff4747;
  color: #ffffff;
  border-radius: 1vw;
  border: none;
  padding-top: 0.5vw;
  padding-bottom: 0.5vw;
  padding-left: 2vw;
  padding-right: 2vw;
}

.prod-d1 {
  padding-top: 3vw;
  clear: both;
}
.prod-d1-l {
  width: 100%;
  /*float: left;*/
  
}

.prod-d1-l img {
  width: 100%;
  border: solid 1px #00c8cd;
}

.prod-d1-r {
  /*
  padding-left: 4%;
   float: left
  */
  width: 100%;
  padding-top:3vw;
 ;
}

.prod-d1-r-d {
  line-height: 1.8;
}

.btn-p-xin {
  width: 58.5vw;
  padding-top: 2vw;
  padding-bottom: 2vw;
  text-align: center;
  border: solid 2px #00c8cd;
  color: #00c8cd;
  margin-top: 2.7vw;
}

.btn-p-email {
  width:100%;
  padding-top: 2vw;
  padding-bottom: 2vw;
  text-align: center;
  background-color: #ff4747;
  color: #ffffff;
  margin-top: 1vw;
}

.btn-p-email img  {
	width:8%;
}

.prod-d2 {
  padding-top: 3vw;
  clear: both;
  display:none;
}

.prod-d2-i {
  width: 23.5%;
  float: left;
  border: solid 1px #00c8cd;
}

.prod-d2-i img {
  width: 100%;
}

.prod-d2-i:nth-child(4n+1),.prod-d2-i:nth-child(4n+2),.prod-d2-i:nth-child(4n+3) {
  margin-right: 2%;
}
.prod-d2-i:nth-child(4n) {
  margin-right: 0;
}

.prod-d3 {
  width: 100%;
  border-bottom: solid 2px #00c8cd;
  padding-top: 2vw;
  clear: both;
}

.prod-d3-1 {
  background-image: url('../images/bg-pp0.jpg');
  background-repeat: no-repeat;
 /* background-size: contain;*/
  width:100%;
  padding-top: 2vw;
   padding-bottom: 1vw;
  padding-left: 2vw;
  color: #ffffff;
  
}

.prod-ds {
  color: #5f5f5f;
}

.prod-d5,.prod-d6 {
  padding-top: 1vw;
  clear: both;
}

.prod-d6 video {
	width:100%;
}

.prod-d5 img {
	width:100%;
}



.prod-d5-l {
  width: 49%;
  float: left;
  margin-right: 2%;
  background-color: #00c8cd;
  padding-right: 2px;
}
.prod-d5-r {
  width: 49%;
  float: left;
  background-color: #00c8cd;
  padding-right: 2px;
}

.prod-d5-i1 {
  width: 40%;
  float: left;
  color: #ffffff;
  padding-top: 26px;
  padding-bottom: 26px;
  padding-left: 34px;
}

.prod-d5-i2 {
  width: 60%;
  float: left;
  background-color: #ffffff;
  padding-top: 24px;
  padding-bottom: 26px;
  padding-left: 40px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.prod-d4 {
  padding-top: 1vw;
}

.prod-d7 {
  width: 100%;
  border-bottom: solid 2px #ffbc19;
  padding-top: 2vw;
  clear: both;
}

.prod-d7-1 {
  background-image: url('../images/bg-pp1.jpg');
  background-repeat: no-repeat;
  /*background-size: contain;*/
  width:100%;
  padding-top: 2vw;
   padding-bottom: 1vw;
  padding-left: 2vw;
  color: #ffffff;
}

.prod-d8 {
  height: 3vw;
}



.ifoot {
  /*height: 14vw;*/
  background-color: #00c8cd;
  color: #ffffff;
  position: relative;
}

.foot-mar {
	height:9vw;
}

.ifoot1 {
  /*height: 14vw;*/
  background-color: #00c8cd;
  color: #ffffff;
  position: relative;
  clear:both;
}
.ifoot1 .fd {
  display: none;
}

.ifoot2 {
  height: 14vw;
  background-color: #00c8cd;
  color: #ffffff;
  position: relative;
}

.fd {
  position: absolute;
  top: -11vw;
  width: 100%;
}

.fd-i {
  width: 19.4vw;
  margin: 0 auto;
}
.fd-i img {
  width: 100%;
}

.ifoot-c {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content:space-between;
  align-self: center;
  flex-wrap: wrap;
  padding-top: 3vw;
}

.ifoot-i {
  text-align: center;
  width: 100%;
  line-height: 1.6;
}

.ifoot-i-l {
	width:10%;
	float:left;
}
.ifoot-i-l img {
	width:100%;
}

.ifoot-i-r {
	margin-left:5%;
	width:85%;
	float:left;
	text-align:left;
}


.ifoot4-c {
  width: 52%;
  margin: 0 auto;
  display: flex;
  justify-content:space-between;
  align-self: center;
  padding-top: 1vw;
  padding-bottom: 3vw;
}

.ifoot4-i {
  text-align: center;
  width: 12%;
  line-height: 1.6;
}

.ifoot4-i img {
	width:100%;
}

#inews-img {
	border-top-right-radius:2vw;
	border-bottom-left-radius:2vw;
	border-bottom-right-radius:2vw;
}


.bgbrand {
	width:100%;
	margin:0 auto;
}

.brand-t {
	color:#00c8cd;
}

.prods-nav {
	width:100%;
	text-align:center;
}

.prods-nav .pagination {
	text-align:center;
}


 




.bor-brand {
	padding:2vw;
	background-color:#ffffff;
	/*box-shadow: 4px 4px 3px 3px rgba(197,216,216,0.5);*/
	box-shadow:15px 0px 15px -15px rgba(197,216,216,0.5),
    -15px 0px 15px -15px rgba(197,216,216,0.5),
	0px 20px 15px -15px rgba(197,216,216,0.5);
	margin-bottom:8vw;
}

.bor-brand img {
	width:100%;
}

.brand-q0 {
	color:#00c8cd;
	padding-top:0vw;
	font-weight:bold;
}

.brand-q {
	color:#00c8cd;
	padding-top:2vw;
	font-weight:bold;
}

.brand-a {
	padding-top:1vw;
}

.anews {
	padding-top:2vw;
}

.lnews-title {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-img,.news-img img {
	width:100%;
}

.news-ls-l {
	width:100%;
	/*float:left;
	*/
}

.news-ls-r {
	width:10%;
	float:left;
	text-align:right;
	display:none;
}
.news-ls {
	padding-bottom:3vw;
}

.newsdetail,.newsdetail img,.newsdetail p img {
	width:100%;
}




.pchildnav .pchildnav-i:nth-child(5n+1){
	width: 100%;
	margin: 20px auto;
	border: 1px solid #00c8cd;
	padding: 20px;
	border-radius: 10px;
	display:none;
}
.pchildnav .pchildnav-i:nth-child(5n+1) em,.pchildnav .pchildnav-i:nth-child(5n+1) span{
	display: block;
	/*width: 30px;*/
	height: 36px;
	font-size: 60px;
	overflow: hidden;
	_position: relative;
	margin-left: 8%;
}
.pchildnav .pchildnav-i:nth-child(5n+1) em{
	margin-top: -56px;
	color: #00c8cd;
	font-style: normal;
}

.pchildnav .pchildnav-i:nth-child(5n+1) a {
	color: #00c8cd;
}

.pchildnav .pchildnav-i:nth-child(5n+2){
	width: 100%;
	margin: 20px auto;
	border: 1px solid #ffbc19;
	padding: 20px;
	border-radius: 10px;
	display:none;
}
.pchildnav .pchildnav-i:nth-child(5n+2) em,.pchildnav .pchildnav-i:nth-child(5n+2) span{
	display: block;
	
	height: 36px;
	font-size: 60px;
	overflow: hidden;
	_position: relative;
	margin-left: 28%;
}
.pchildnav .pchildnav-i:nth-child(5n+2) em{
	margin-top: -56px;
	color: #ffbc19;
	font-style: normal;
}

.pchildnav .pchildnav-i:nth-child(5n+2) a {
	color: #ffbc19;
}

.pchildnav .pchildnav-i:nth-child(5n+3){
	width: 100%;
	margin: 20px auto;
	border: 1px solid #686ecd;
	padding: 20px;
	border-radius: 10px;
	display:none;
}
.pchildnav .pchildnav-i:nth-child(5n+3) em,.pchildnav .pchildnav-i:nth-child(5n+3) span{
	display: block;
	
	height: 36px;
	font-size: 60px;
	overflow: hidden;
	_position: relative;
	margin-left: 48%;
}
.pchildnav .pchildnav-i:nth-child(5n+3) em{
	margin-top: -56px;
	color: #686ecd;
	font-style: normal;
}

.pchildnav .pchildnav-i:nth-child(5n+3) a {
	color: #686ecd;
}

.pchildnav .pchildnav-i:nth-child(5n+4){
	width: 100%;
	margin: 20px auto;
	border: 1px solid #ff4747;
	padding: 20px;
	border-radius: 10px;
	display:none;
}
.pchildnav .pchildnav-i:nth-child(5n+4) em,.pchildnav .pchildnav-i:nth-child(5n+4) span{
	display: block;
	
	height: 36px;
	font-size: 60px;
	overflow: hidden;
	_position: relative;
	margin-left: 58%;
}
.pchildnav .pchildnav-i:nth-child(5n+4) em{
	margin-top: -56px;
	color: #ff4747;
	font-style: normal;
}
.pchildnav .pchildnav-i:nth-child(5n+4) a {
	color: #ff4747;
}

.pchildnav .pchildnav-i:nth-child(5n){
	width: 100%;
	margin: 20px auto;
	border: 1px solid #00c8cd;
	padding: 20px;
	border-radius: 10px;
	display:none;
}
.pchildnav .pchildnav-i:nth-child(5n) em,.pchildnav .pchildnav-i:nth-child(5n) span{
	display: block;
	
	height: 36px;
	font-size: 60px;
	overflow: hidden;
	_position: relative;
	margin-left: 82%;
}
.pchildnav .pchildnav-i:nth-child(5n) em{
	margin-top: -56px;
	color: #00c8cd;
	font-style: normal;
}
.pchildnav .pchildnav-i:nth-child(5n) a {
	color: #00c8cd;
}

.pchildnav .pchildnav-i span{
	margin-top: -34px;
	color: white;
	margin-bottom: 10px;
}







/*
 * thinkphp5分页样式
 */
.pagination {padding:10px 0; text-align:center;}  
.pagination li {border-radius:3px; border:1px solid #dfdfdf;display:inline-block;margin:0 2px;}  
.pagination .active {background:#09F; color:#FFF; border-color:#09F; margin:0 2px;}  
.pagination .disabled {color:#aaa;}
.pagination a { border-radius:3px;display:inline-block; padding:5px 12px;}
.pagination span {border-radius:3px;display:inline-block;padding:5px 12px;}









@media only screen and (max-width: 1400px) {

}

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 992px) {
}

@media only screen and (max-width: 768px) {
  
}

@media only screen and (max-width: 640px) {

}