@charset "UTF-8";
@import url(swiper.min.css);
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu,
a {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th {
  text-align: left;
  font-weight: normal;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
i,
cite,
em,
var,
address,
dfn {
  font-style: normal;
}
[hidefocus],
summary {
  outline: 0;
}
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
small {
  font-size: 100%;
  font-weight: normal;
}
sup,
sub {
  font-size: 83%;
}
pre,
code,
kbd,
samp {
  font-family: inherit;
}
q:before,
q:after {
  content: none;
}
textarea {
  overflow: auto;
  resize: none;
}
label,
summary {
  cursor: default;
}
a,
button {
  cursor: pointer;
}
del,
ins,
u,
s,
a,
a:hover {
  text-decoration: none;
}
body,
textarea,
input,
button,
select,
keygen,
legend {
  /* font: 14px/24px "BlueSkyStandard", "Microsoft YaHei", "微软雅黑", \5FAE\8F6F\96C5\9ED1, arial, sans-serif, \5b8b\4f53; */
  font: 14px/24px "R", "-apple-system", "BlinkMacSystemFont", "PingFang SC", "Helvetica", "Microsoft YaHei", arial, sans-serif, \5b8b\4f53;
  color: #333;
  outline: 0;
}
body {
  background-color: #FFF;
  /* position: relative; */
  width: 100%;
  margin: 0 auto;
  /* min-width: 1200px; */
  /* overflow-x: hidden; */
  max-width: 1920px;
  left: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body.body_ie {
  height: auto !important;
}
.skrollr {
  overflow: hidden;
}
html {
  scroll-behavior: smooth;
}
img {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  border: 0;
  vertical-align: middle;
}
p {
  text-align: justify;
  color: #565656;
  color: rgba(77, 77, 89, 0.6);
  line-height: 24px;
  font-size: 15px;
}
.no_margin {
  margin-bottom: 0 !important;
}
strong {
  display: block;
}
a {
  color: inherit;
  text-decoration: none;
  display: inline-block;
  outline: none;
  -moz-outline-style: none;
}
div,
li {
  box-sizing: border-box;
}
.le {
  float: left;
}
.ri {
  float: right;
}
.swiper {
  overflow: hidden;
}
.swiper .swiper-slide .ani {
  display: none;
}
.swiper .swiper-slide.swiper-slide-active .ani {
  display: block;
}
@font-face {
  font-family: 'Beckman-FREE';
  src: url('../font/BeckmanFREE.eot');
  src: url('../font/BeckmanFREE.eot?#iefix') format('embedded-opentype'), url('../font/BeckmanFREE.woff2') format('woff2'), url('../font/BeckmanFREE.woff') format('woff'), url('../font/BeckmanFREE.ttf') format('truetype'), url('../font/BeckmanFREE.svg#BeckmanFREE') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
input,
button {
  border: none;
  background-color: transparent;
  box-sizing: border-box;
  outline: none;
}
input[type="checkbox"] {
  vertical-align: -2px;
  margin-right: 4px;
}
input::-webkit-input-placeholder {
  color: #aaaaa8;
}
input:-moz-placeholder {
  color: #aaaaa8;
}
input::-moz-placeholder {
  color: #aaaaa8;
}
input:-ms-input-placeholder {
  color: #aaaaa8;
}
textarea::-webkit-input-placeholder {
  color: #aaaaa8;
}
textarea:-moz-placeholder {
  color: #aaaaa8;
}
textarea::-moz-placeholder {
  color: #aaaaa8;
}
textarea:-ms-input-placeholder {
  color: #aaaaa8;
}
body::-webkit-scrollbar,
html::-webkit-scrollbar {
  width: 3px;
  border-radius: 1.5px;
}
body::-webkit-scrollbar-button,
html::-webkit-scrollbar-button {
  display: none;
}
body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
  background-color: #eee;
}
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
  background-color: #eee;
}
::-webkit-scrollbar {
  width: 2px;
  height: 5px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 0;
}
::-webkit-scrollbar-thumb {
  background-color: #008bd5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 0;
}
.clear-float::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  clear: both;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.clearfix:after,
.clearfix:before {
  content: " ";
  display: table;
}
input,
textarea {
  resize: none;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-appearance: none;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.f_direction_column {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.f_direction_row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.f_direction_row_reverse {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.f_column {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.f_column_right {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.f_row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.f_row_right {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.j_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.j_end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.j_start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.j_justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.j_around {
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.a_start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.a_end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.a_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.a_baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.a_stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.dh {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.flex_wrap {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.letterBig {
  text-transform: uppercase;
}
.pb {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.ab {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
  background: no-repeat center;
  background-size: cover;
  -webkit-transition: transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s;
}
.ab img {
  opacity: 0;
}
.abImg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.xzx {
  transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.xzy {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.w1800 {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 60px;
}
.w1680 {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
}
.w1600 {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.w1560 {
  width: 100%;
  max-width: 1560px;
  margin: 0 auto;
}
.w1440 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.w1400,
.wrap {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.w1350,
.wrap {
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
}
.w1280 {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.w1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.font440 {
  font-size: 440px;
}
@media (max-width:1600px) {
  .font440 {
    font-size: 280px;
  }
}
@media (max-width:1560px) {
  .font440 {
    font-size: 260px;
  }
}
@media (max-width:1470px) {
  .font440 {
    font-size: 240px;
  }
}
@media (max-width:1366px) {
  .font440 {
    font-size: 220px;
  }
}
@media (max-width:1200px) {
  .font440 {
    font-size: 200px;
  }
}
@media (max-width:1024px) {
  .font440 {
    font-size: 180px;
  }
}
@media (max-width:768px) {
  .font440 {
    font-size: 160px;
  }
}
@media (max-width:480px) {
  .font440 {
    font-size: 140px;
  }
}
@media (max-width:360px) {
  .font440 {
    font-size: 120px;
  }
}
.font300 {
  font-size: 300px;
}
@media (max-width:1600px) {
  .font300 {
    font-size: 280px;
  }
}
@media (max-width:1560px) {
  .font300 {
    font-size: 260px;
  }
}
@media (max-width:1470px) {
  .font300 {
    font-size: 240px;
  }
}
@media (max-width:1366px) {
  .font300 {
    font-size: 220px;
  }
}
@media (max-width:1200px) {
  .font300 {
    font-size: 200px;
  }
}
@media (max-width:1024px) {
  .font300 {
    font-size: 180px;
  }
}
@media (max-width:768px) {
  .font300 {
    font-size: 160px;
  }
}
@media (max-width:480px) {
  .font300 {
    font-size: 140px;
  }
}
@media (max-width:360px) {
  .font300 {
    font-size: 120px;
  }
}
.font150 {
  font-size: 150px;
}
@media (max-width:1600px) {
  .font150 {
    font-size: 140px;
  }
}
@media (max-width:1560px) {
  .font150 {
    font-size: 130px;
  }
}
@media (max-width:1470px) {
  .font150 {
    font-size: 120px;
  }
}
@media (max-width:1366px) {
  .font150 {
    font-size: 110px;
  }
}
@media (max-width:1200px) {
  .font150 {
    font-size: 100px;
  }
}
@media (max-width:1024px) {
  .font150 {
    font-size: 90px;
  }
}
@media (max-width:768px) {
  .font150 {
    font-size: 64px;
  }
}
@media (max-width:480px) {
  .font150 {
    font-size: 50px;
  }
}
@media (max-width:360px) {
  .font150 {
    font-size: 40px;
  }
}
.font140 {
  font-size: 140px;
}
@media (max-width:1600px) {
  .font140 {
    font-size: 130px;
  }
}
@media (max-width:1560px) {
  .font140 {
    font-size: 120px;
  }
}
@media (max-width:1470px) {
  .font140 {
    font-size: 110px;
  }
}
@media (max-width:1366px) {
  .font140 {
    font-size: 100px;
  }
}
@media (max-width:1200px) {
  .font140 {
    font-size: 90px;
  }
}
@media (max-width:1024px) {
  .font140 {
    font-size: 80px;
  }
}
@media (max-width:768px) {
  .font140 {
    font-size: 54px;
  }
}
@media (max-width:480px) {
  .font140 {
    font-size: 40px;
  }
}
@media (max-width:360px) {
  .font140 {
    font-size: 30px;
  }
}
.font100 {
  font-size: 100px;
}
@media (max-width:1600px) {
  .font100 {
    font-size: 90px;
  }
}
@media (max-width:1560px) {
  .font100 {
    font-size: 80px;
  }
}
@media (max-width:1470px) {
  .font100 {
    font-size: 70px;
  }
}
@media (max-width:1366px) {
  .font100 {
    font-size: 60px;
  }
}
@media (max-width:1200px) {
  .font100 {
    font-size: 50px;
  }
}
@media (max-width:1024px) {
  .font100 {
    font-size: 40px;
  }
}
@media (max-width:768px) {
  .font100 {
    font-size: 35px;
  }
}
.font80 {
  font-size: 80px;
}
@media (max-width:1600px) {
  .font80 {
    font-size: 62px;
  }
}
@media (max-width:1470px) {
  .font80 {
    font-size: 52px;
  }
}
@media (max-width:1024px) {
  .font80 {
    font-size: 42px;
  }
}
@media (max-width:768px) {
  .font80 {
    font-size: 32px;
  }
}
.font72 {
  font-size: 72px;
}
@media (max-width:1600px) {
  .font72 {
    font-size: 62px;
  }
}
@media (max-width:1470px) {
  .font72 {
    font-size: 52px;
  }
}
@media (max-width:1024px) {
  .font72 {
    font-size: 42px;
  }
}
@media (max-width:768px) {
  .font72 {
    font-size: 32px;
  }
}
.font62 {
  font-size: 62px;
}
@media (max-width:1600px) {
  .font62 {
    font-size: 42px;
  }
}
@media (max-width:1470px) {
  .font62 {
    font-size: 40px;
  }
}
@media (max-width:1024px) {
  .font62 {
    font-size: 38px;
  }
}
@media (max-width:768px) {
  .font62 {
    font-size: 28px;
  }
}
.font60 {
  font-size: 60px;
}
@media (max-width:1600px) {
  .font60 {
    font-size: 40px;
  }
}
@media (max-width:1470px) {
  .font60 {
    font-size: 38px;
  }
}
@media (max-width:1024px) {
  .font60 {
    font-size: 36px;
  }
}
@media (max-width:768px) {
  .font60 {
    font-size: 28px;
  }
}
.font50 {
  font-size: 50px;
}
@media (max-width:1600px) {
  .font50 {
    font-size: 46px;
  }
}
@media (max-width:1470px) {
  .font50 {
    font-size: 39px;
  }
}
@media (max-width:1024px) {
  .font50 {
    font-size: 33px;
  }
}
@media (max-width:768px) {
  .font50 {
    font-size: 27px;
  }
}
.font48 {
  font-size: 48px;
}
@media (max-width:1600px) {
  .font48 {
    font-size: 40px;
  }
}
@media (max-width:1470px) {
  .font48 {
    font-size: 39px;
  }
}
@media (max-width:1024px) {
  .font48 {
    font-size: 33px;
  }
}
@media (max-width:768px) {
  .font48 {
    font-size: 25px;
  }
}
.font46 {
  font-size: 46px;
}
@media (max-width:1600px) {
  .font46 {
    font-size: 43px;
  }
}
@media (max-width:1470px) {
  .font46 {
    font-size: 36px;
  }
}
@media (max-width:1024px) {
  .font46 {
    font-size: 30px;
  }
}
@media (max-width:768px) {
  .font46 {
    font-size: 27px;
  }
}
.font44 {
  font-size: 44px;
}
@media (max-width:1600px) {
  .font44 {
    font-size: 42px;
  }
}
@media (max-width:1470px) {
  .font44 {
    font-size: 38px;
  }
}
@media (max-width:1024px) {
  .font44 {
    font-size: 32px;
  }
}
@media (max-width:768px) {
  .font44 {
    font-size: 26px;
  }
}
.font42 {
  font-size: 42px;
}
@media (max-width:1600px) {
  .font42 {
    font-size: 40px;
  }
}
@media (max-width:1470px) {
  .font42 {
    font-size: 36px;
  }
}
@media (max-width:1024px) {
  .font42 {
    font-size: 30px;
  }
}
@media (max-width:768px) {
  .font42 {
    font-size: 24px;
  }
}
.font40 {
  font-size: 40px;
}
@media (max-width:1600px) {
  .font40 {
    font-size: 38px;
  }
}
@media (max-width:1470px) {
  .font40 {
    font-size: 33px;
  }
}
@media (max-width:1024px) {
  .font40 {
    font-size: 29px;
  }
}
@media (max-width:768px) {
  .font40 {
    font-size: 24px;
  }
}
.font36 {
  font-size: 36px;
}
@media (max-width:1600px) {
  .font36 {
    font-size: 32px;
  }
}
@media (max-width:1470px) {
  .font36 {
    font-size: 28px;
  }
}
@media (max-width:1024px) {
  .font36 {
    font-size: 24px;
  }
}
@media (max-width:768px) {
  .font36 {
    font-size: 20px;
  }
}
.font32 {
  font-size: 32px;
}
@media (max-width:1600px) {
  .font32 {
    font-size: 24px;
  }
}
@media (max-width:1470px) {
  .font32 {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .font32 {
    font-size: 22px;
  }
}
@media (max-width:768px) {
  .font32 {
    font-size: 20px;
  }
}
.font30 {
  font-size: 30px;
}
@media (max-width:1600px) {
  .font30 {
    font-size: 26px;
  }
}
@media (max-width:1470px) {
  .font30 {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .font30 {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .font30 {
    font-size: 18px;
  }
}
.font28 {
  font-size: 28px;
}
@media (max-width:1600px) {
  .font28 {
    font-size: 24px;
  }
}
@media (max-width:1470px) {
  .font28 {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .font28 {
    font-size: 18px;
  }
}
.font26 {
  font-size: 26px;
}
@media (max-width:1600px) {
  .font26 {
    font-size: 23px;
  }
}
@media (max-width:1470px) {
  .font26 {
    font-size: 21px;
  }
}
@media (max-width:1024px) {
  .font26 {
    font-size: 18px;
  }
}
.font24 {
  font-size: 24px;
}
@media (max-width:1600px) {
  .font24 {
    font-size: 22px;
  }
}
@media (max-width:1470px) {
  .font24 {
    font-size: 16px;
  }
}
.font22 {
  font-size: 22px;
}
@media (max-width:1600px) {
  .font22 {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  .font22 {
    font-size: 16px;
  }
}
.font20 {
  font-size: 20px;
}
@media (max-width:1600px) {
  .font20 {
    font-size: 18px;
  }
}
@media (max-width:1470px) {
  .font20 {
    font-size: 16px;
  }
}
.font18 {
  font-size: 18px;
}
@media (max-width:1600px) {
  .font18 {
    font-size: 16px;
  }
}
@media (max-width:1470px) {
  .font18 {
    font-size: 15px;
  }
}
.font16 {
  font-size: 16px;
}
@media (max-width:1600px) {
  .font16 {
    font-size: 14px;
  }
}
.font15 {
  font-size: 15px;
}
.font14 {
  font-size: 14px;
}
.font12 {
  font-size: 12px;
}
.paddingx-5 {
  padding: 0 min(2.91666667vw, 56px) 0 min(2.91666667vw, 56px);
}
@media (max-width:1024px) {
  .paddingx-5 {
    padding: 0 28px 0 28px;
  }
}
@media (max-width:1200px) {
  .paddingx-5 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width:768px) {
  .paddingx-5 {
    padding-left: 17.5px;
    padding-right: 17.5px;
  }
}
/* ------------------------------  内外边距 */
@media (max-width:1800px) {
  .w1680 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1720px) {
  .w1600 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1680px) {
  .w1560 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1560px) {
  .w1440 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1520px) {
  .w1400,
  .wrap {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1470px) {
  .w1350,
  .wrap {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1400px) {
  .w1280 {
    padding: 0 60px;
  }
}
@media (max-width:1320px) {
  .w1200 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1024px) {
  .w1800,
  .w1680,
  .w1560,
  .w1400,
  .w1350,
  .wrap,
  .w1440,
  .w1600,
  .w1280,
  .w1200 {
    padding: 0 30px;
  }
}
@media (max-width:990px) {
  .w1800,
  .w1680,
  .w1560,
  .w1400,
  .w1350,
  .wrap,
  .w1440,
  .w1600,
  .w1280,
  .w1200 {
    padding: 0 20px;
  }
  .pc {
    display: none !important;
  }
  .wap,
  .mobile {
    display: block !important;
  }
}
.content {
  width: 1300px;
  margin: 0 auto;
}
@media (max-width:1400px) {
  .content {
    width: auto !important;
    padding: 0 40px;
    margin: 0 auto;
  }
}
@media (max-width:768px) {
  .content {
    padding: 0 17.5px;
  }
}
.pc {
  display: block;
}
.wap,
.mobile {
  display: none;
}
.radius_16 {
  -webkit-border-radius: 16px;
  border-radius: 16px;
}
@media (max-width:1600px) {
  .radius_16 {
    -webkit-border-radius: 14px;
    border-radius: 14px;
  }
}
@media (max-width:1366px) {
  .radius_16 {
    -webkit-border-radius: 12px;
    border-radius: 12px;
  }
}
@media (max-width:1024px) {
  .radius_16 {
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
}
@media (max-width:768px) {
  .radius_16 {
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
}
.pagination {
  text-align: center;
  position: relative;
  margin-top: 10px;
}
.spage-number {
  display: inline-block;
}
.spage-number button {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  width: 34px;
  height: 46px;
  line-height: 46px;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
  outline: none;
  user-select: none;
  color: #000000;
  font-size: 16px;
  margin: 0 5px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.spage-number button:first-child {
  width: 120px;
  text-align: right;
  padding: 0 20px;
  margin-right: 40px;
  background: url(../images/support/pagination-prev.png) no-repeat 18px center #fff;
}
.spage-number button:last-child {
  width: 120px;
  text-align: left;
  padding: 0 20px;
  margin-left: 40px;
  background: url(../images/support/pagination-next.png) no-repeat right 18px center #fff;
}
.spage-number button.active {
  color: #fff;
  background-color: #008bd5;
  z-index: 3;
}
.spage-number button.active:hover {
  z-index: 3;
}
.spage-number button:hover:first-child {
  background-image: url(../images/support/-pagination-prev.png);
}
.spage-number button:hover:last-child {
  background-image: url(../images/support/-pagination-next.png);
}
.spage-number button:hover {
  color: #fff;
  background-color: #008bd5;
}
.spage-number button.button-disabled {
  cursor: not-allowed;
}
.spage-number .spage-after,
.spage-before {
  width: 50px;
}
.spage-skip {
  display: inline-block;
  display: none;
  margin-left: 20px;
  line-height: 50px;
  color: #262424;
  font-size: 14px;
}
.spage-skip input {
  box-sizing: border-box;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  text-align: center;
  vertical-align: top;
  outline: none;
  transition: all 0.2s;
}
.spage-skip button {
  display: inline-block;
  width: 100px;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  vertical-align: top;
  color: #262424;
  margin-left: 24px;
  cursor: pointer;
  transition: all 0.2s;
  outline: none;
  user-select: none;
}
.spage-skip button:hover {
  color: #fff;
  background-color: #008bd5;
}
.mySelect {
  position: relative;
  width: 100%;
  height: 60px;
  line-height: 60px;
  z-index: 1;
}
.mySelect .show {
  z-index: 1;
  position: relative;
  padding-left: 55px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  cursor: pointer;
  font-size: 14px;
  color: #aaaaa8;
  background-color: #f4f4f4;
  transition-duration: 0.4s;
}
.mySelect .show.on,
.mySelect .show:hover {
  background-color: #ededed;
}
.mySelect .show:before {
  content: '';
  position: absolute;
  top: 0;
  right: 12px;
  z-index: 2;
  width: 14px;
  height: 100%;
  background: url(../images/arrow_down.png) no-repeat center;
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
.mySelect .show.on:before {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
}
.mySelect .drapList {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  overflow: auto;
  width: 100%;
  background-color: #f2f2f2;
}
.mySelect .drapList ul {
  overflow: hidden;
  overflow-y: auto;
  max-height: 200px;
}
.mySelect .drapList li {
  padding: 0 40px;
  line-height: 40px;
  font-size: 14px;
  color: #aaaaa8;
  cursor: pointer;
}
.mySelect .drapList li:hover {
  background-color: #ededed;
  color: #0053ca;
}
.mySelect .drapList::-webkit-scrollbar {
  display: none;
}
/* animated*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp10 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp10 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes icon-video {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes icon-video {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes h_schedule {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes h_schedule {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes upico {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: -50%;
    opacity: 0;
  }
  65% {
    top: 50%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@-webkit-keyframes upico {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: -50%;
    opacity: 0;
  }
  65% {
    top: 50%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@keyframes h-clip {
  0% {
    -webkit-clip-path: circle(0 at 100% 100%);
    clip-path: circle(0 at 100% 100%);
  }
  100% {
    -webkit-clip-path: circle(100% at 100% 75%);
    clip-path: circle(100% at 100% 75%);
  }
}
@-webkit-keyframes h-clip {
  0% {
    -webkit-clip-path: circle(0 at 100% 100%);
    clip-path: circle(0 at 100% 100%);
  }
  100% {
    -webkit-clip-path: circle(100% at 100% 75%);
    clip-path: circle(100% at 100% 75%);
  }
}
@keyframes h-color-w {
  0% {
    color: #000;
  }
  100% {
    color: #fff;
  }
}
@-webkit-keyframes h-color-w {
  0% {
    color: #000;
  }
  100% {
    color: #fff;
  }
}
@keyframes h-color-w2 {
  0% {
    color: #000;
    color: rgba(0, 0, 0, 0.6);
  }
  100% {
    color: #fff;
  }
}
@-webkit-keyframes h-color-w2 {
  0% {
    color: #000;
    color: rgba(0, 0, 0, 0.6);
  }
  100% {
    color: #fff;
  }
}
@-webkit-keyframes icon_video {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes icon_video {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes h-line {
  0% {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    opacity: 1;
  }
  20% {
    transform: scale(1, 0.01);
    -webkit-transform: scale(1, 0.01);
    -ms-transform: scale(1, 0.01);
    -moz-transform: scale(1, 0.01);
    -o-transform: scale(1, 0.01);
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    opacity: 1;
  }
  30% {
    transform: scale(1, 0.01);
    -webkit-transform: scale(1, 0.01);
    -ms-transform: scale(1, 0.01);
    -moz-transform: scale(1, 0.01);
    -o-transform: scale(1, 0.01);
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    opacity: 0;
  }
  31% {
    transform: scale(1, 0.01);
    -webkit-transform: scale(1, 0.01);
    -ms-transform: scale(1, 0.01);
    -moz-transform: scale(1, 0.01);
    -o-transform: scale(1, 0.01);
    transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    opacity: 0;
  }
  50% {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    opacity: 1;
  }
}
@keyframes h-line {
  0% {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    opacity: 1;
  }
  20% {
    transform: scale(1, 0.01);
    -webkit-transform: scale(1, 0.01);
    -ms-transform: scale(1, 0.01);
    -moz-transform: scale(1, 0.01);
    -o-transform: scale(1, 0.01);
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    opacity: 1;
  }
  30% {
    transform: scale(1, 0.01);
    -webkit-transform: scale(1, 0.01);
    -ms-transform: scale(1, 0.01);
    -moz-transform: scale(1, 0.01);
    -o-transform: scale(1, 0.01);
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    opacity: 0;
  }
  31% {
    transform: scale(1, 0.01);
    -webkit-transform: scale(1, 0.01);
    -ms-transform: scale(1, 0.01);
    -moz-transform: scale(1, 0.01);
    -o-transform: scale(1, 0.01);
    transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    opacity: 0;
  }
  50% {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes run {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes run2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes tran_run {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes tran_run2 {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@keyframes tran_boost {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0.3;
  }
}
@-webkit-keyframes arrow-movement {
  0% {
    bottom: 12px;
  }
  70% {
    bottom: 0;
  }
  to {
    bottom: 12px;
  }
}
@keyframes arrow-movement {
  0% {
    bottom: 12px;
  }
  70% {
    bottom: 0;
  }
  to {
    bottom: 12px;
  }
}
.wow {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
}
.animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.fadeInUp10 {
  -webkit-animation-name: fadeInUp10;
  animation-name: fadeInUp10;
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.icon-video {
  -webkit-animation-name: icon-video;
  animation-name: icon-video;
}
.h_schedule {
  -webkit-animation-name: h_schedule;
  animation-name: h_schedule;
}
.upico {
  -webkit-animation-name: upico;
  animation-name: upico;
}
.h-clip {
  -webkit-animation-name: h-clip;
  animation-name: h-clip;
}
.h-color-w {
  -webkit-animation-name: h-color-w;
  animation-name: h-color-w;
}
.h-color-w2 {
  -webkit-animation-name: h-color-w2;
  animation-name: h-color-w2;
}
.icon_video {
  -webkit-animation-name: icon_video;
  animation-name: icon_video;
}
.h-line {
  -webkit-animation-name: h-line;
  animation-name: h-line;
}
.scale {
  -webkit-animation-name: scale;
  animation-name: scale;
}
.arrow-movement {
  -webkit-animation-name: arrow-movement;
  animation-name: arrow-movement;
}
/*  --------------------------------------  首页默认样式*/
.idx_title .title {
  font-size: 48px;
  color: #000;
  line-height: 1;
}
@media (max-width:1600px) {
  .idx_title .title {
    font-size: 40px;
  }
}
@media (max-width:1470px) {
  .idx_title .title {
    font-size: 39px;
  }
}
@media (max-width:1024px) {
  .idx_title .title {
    font-size: 33px;
  }
}
@media (max-width:768px) {
  .idx_title .title {
    font-size: 25px;
  }
}
.idx_title .subtitle {
  font-size: 24px;
  color: #000;
  margin-top: min(3.38541667vw, 65px);
  margin-bottom: min(2.08333333vw, 40px);
}
@media (max-width:1600px) {
  .idx_title .subtitle {
    font-size: 22px;
  }
}
@media (max-width:1470px) {
  .idx_title .subtitle {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .idx_title .subtitle {
    margin-top: 32.5px;
  }
}
@media (max-width:1024px) {
  .idx_title .subtitle {
    margin-bottom: 20px;
  }
}
.idx_title .content {
  font-size: 16px;
  line-height: 1.875;
  color: #666666;
}
@media (max-width:1600px) {
  .idx_title .content {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .idx_title .subtitle {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
  }
}
/* --------------------------------------   按钮公共样式 */
.pushButton {
  width: 96px;
  height: 47px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  border: 1px solid #000000;
  font-size: 14px;
  color: #333333;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.pushButton i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: 29px;
  width: 11px;
  height: 100%;
  background: url(../images/index/more-ico.png) no-repeat center;
  background-size: 11px 12px;
}
@media (max-width:990px) {
  .pushButton {
    width: 75px !important;
    height: 38px !important;
  }
  .pushButton i {
    width: 9px;
    background-size: 9px 10px;
    margin-left: 15px;
  }
}
/* --------------------------------------   按钮公共样式 end */
.ppp {
  width: 100%;
  height: 0;
  position: relative;
  top: -100px;
}
@media (max-width:1200px) {
  .ppp {
    top: -135px;
  }
}
.svg-container {
  position: absolute;
  z-index: 2;
  top: 0;
  right: -908px;
  width: 1540px;
  height: 100vh;
  bottom: 0;
  margin: auto;
  margin-right: 50%;
}
.svg-container .icon-sun {
  width: 100%;
  height: 100%;
}
.svg-container .icon-sun line {
  stroke: #848484;
  stroke-width: 1px;
}
.svg-container .icon-sun line:nth-child(n + 10) {
  stroke: #020d20;
}
.md {
  width: 100%;
  height: 0;
  position: relative;
  top: -85px;
}
@media (max-width:1200px) {
  .md {
    top: -65px;
  }
}
.pagemorean {
  width: 32px;
  height: 32px;
  border: 1px solid #000000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: url(../images/contact/tria.png) no-repeat;
  background-position: 50% 50%;
  background-size: 9px 8px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin: auto;
}
.pagemorean::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.pagemorean:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.pagemorean:hover {
  border: 1px solid #0f5ccf;
  background: url(../images/contact/triaon.png) no-repeat;
  background-position: 50% 50%;
  background-size: 9px 8px;
}
.clear::after {
  content: '';
  clear: both;
  display: block;
}
.pagenav .box {
  padding: min(5.98958333vw, 115px) 0 min(5.98958333vw, 115px);
  padding-left: min(2.60416667vw, 50px);
  padding-right: min(3.22916667vw, 62px);
}
@media (max-width:1024px) {
  .pagenav .box {
    padding: 57.5px 0 57.5px 0;
  }
}
@media (max-width:1024px) {
  .pagenav .box {
    padding-left: 25px;
  }
}
@media (max-width:1024px) {
  .pagenav .box {
    padding-right: 31px;
  }
}
.pagenav .box .boxcon,
.pagenav .box .li {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pagenav .box .ul-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.pagenav .box .ul-box h1 {
  font-size: 30px;
}
@media (max-width:1600px) {
  .pagenav .box .ul-box h1 {
    font-size: 26px;
  }
}
@media (max-width:1470px) {
  .pagenav .box .ul-box h1 {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .pagenav .box .ul-box h1 {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .pagenav .box .ul-box h1 {
    font-size: 18px;
  }
}
.pagenav .box .ul {
  display: none;
}
.pagenav .box .ul .li {
  margin: min(1.82291667vw, 35px) 0 min(1.82291667vw, 35px);
  margin-left: min(1.5625vw, 30px);
  margin-right: min(1.5625vw, 30px);
  position: relative;
}
@media (max-width:1024px) {
  .pagenav .box .ul .li {
    margin: 17.5px 0 17.5px;
  }
}
@media (max-width:1024px) {
  .pagenav .box .ul .li {
    margin-left: 15px;
  }
}
@media (max-width:1024px) {
  .pagenav .box .ul .li {
    margin-right: 15px;
  }
}
.pagenav .box .ul .li .morean {
  pointer-events: none;
  opacity: 0;
}
.pagenav .box h1 {
  color: #333333;
  font-size: 42px;
}
@media (max-width:1600px) {
  .pagenav .box h1 {
    font-size: 40px;
  }
}
@media (max-width:1470px) {
  .pagenav .box h1 {
    font-size: 36px;
  }
}
@media (max-width:1024px) {
  .pagenav .box h1 {
    font-size: 30px;
  }
}
@media (max-width:768px) {
  .pagenav .box h1 {
    font-size: 24px;
  }
}
.pagenav .box .h2 {
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  margin: auto;
  color: #000000;
  line-height: 1;
  text-transform: uppercase;
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pagenav .box .h2::after {
  content: '';
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8));
  position: absolute;
  top: 65%;
  left: 0;
  height: 100%;
  width: 100%;
}
.pagenav .box .h2 i {
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 0;
  top: -6px;
  bottom: 0;
  margin: auto;
}
.pagenav .box .h2 i::before {
  content: '';
  width: 100%;
  left: 0;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: -2px;
}
.pagenav .box .h2 i::after {
  content: '';
  width: 100%;
  height: 1px;
  left: 0;
  background: #fff;
  position: absolute;
  bottom: -4px;
}
.pagenav .box .morean {
  width: 75px;
  height: 75px;
  border: 1px solid #000000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: url(../images/contact/tria.png) no-repeat;
  background-position: 50% 50%;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.pagenav .box .morean::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.pagenav .box .morean:hover {
  border: 1px solid #0f5ccf;
  background: url(../images/contact/triaon.png) no-repeat center;
}
.pagenav .box .morean.on {
  background: url(../images/contact/triaon-up-block.png) no-repeat center;
}
.pagenav .box .morean.on:hover {
  background: url(../images/contact/triaon-up-white.png) no-repeat center;
  background-position: 50% 50%;
}
.pagenav .box .morean:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
@media (max-width:1200px) {
  .pagenav .box {
    padding: 50px 40px;
  }
  .pagenav .box .h2 {
    display: none;
  }
}
.page-ban {
  position: relative;
}
.page-ban::after {
  content: '';
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-ban .content {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.page-ban .content h1 {
  color: #fff;
  line-height: 1.6;
}
.page-ban .content h2 {
  line-height: 36px;
  color: #fff;
  margin-top: 40px;
}
.contact .page-ban .text-box {
  width: 46%;
}
@media (max-width:1200px) {
  .contact .page-ban .text-box {
    width: 100%;
  }
}
@media (max-width:768px) {
  .contact .page-ban h1 {
    font-size: 16px;
  }
  .contact .page-ban h2 {
    font-size: 14px;
    line-height: 20px !important;
    margin-top: 5px !important;
  }
}
.contact .cont-npm1 {
  display: flex;
  justify-content: space-between;
  padding: min(10.3125vw, 200px) 50px min(10.41666667vw, 200px) 50px;
}
.contact .cont-npm1 .item {
  transition: all 0.5s;
  position: relative;
  top: 0;
}
.contact .cont-npm1 .item:hover {
  top: -10px;
}
.contact .cont-npm1 .item:hover p {
  color: #002b82;
}
.contact .cont-npm1 .item .i {
  text-align: center;
  height: 26px;
}
.contact .cont-npm1 .item p {
  margin-top: 85px;
  line-height: 1.9;
  text-align: center;
  color: #333333;
  transition: all 0.5s;
}
@media (max-width:1200px) {
  .contact .cont-npm1 .item:hover {
    top: 0;
  }
}
.contact #Bai_Map {
  height: min(47.9vw, 920px);
}
.contact #Bai_Map img {
  display: inline-block;
  max-width: none;
}
.contact #Bai_Map .BMap_scaleCtrl {
  display: none;
}
.contact #Bai_Map .BMapLabel {
  border: none !important;
}
.contact #Bai_Map .bMap-posTit:after {
  content: "";
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top: 6px solid #FFF;
  position: absolute;
  bottom: -9px;
  left: 0;
  right: 0;
  margin: auto;
}
.contact #Bai_Map .bMap-posTit {
  width: 230px;
  height: 56px;
  background-color: #FFF;
  text-align: center;
  line-height: 56px;
  color: #666666;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  position: absolute;
  left: -106px;
  top: -63px;
  box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media (max-width:768px) {
  .contact #Bai_Map .bMap-posTit {
    width: 155px;
    height: 50px;
    line-height: 50px;
    left: -69px;
    top: -57px;
  }
}
@media (max-width:768px) {
  .contact #Bai_Map {
    height: 300px;
  }
}
.news .Tips {
  font-size: 24px;
  padding: min(3.64583333vw, 70px) 0 min(3.64583333vw, 70px);
}
@media (max-width:1600px) {
  .news .Tips {
    font-size: 22px;
  }
}
@media (max-width:1470px) {
  .news .Tips {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .news .Tips {
    padding: 35px 0 35px 0;
  }
}
.news .Tips em {
  color: #0f5ccf;
}
.news .tophref {
  text-align: center;
  margin-top: 40px;
}
.news .tophref a {
  color: #999999;
  margin: 0 15px;
}
.news .tophref a.on {
  color: #333333;
}
@media (max-width:768px) {
  .news .tophref a {
    font-size: 14px;
  }
}
.news .slide1 {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.news .slide1 .swiper-slide {
  overflow: hidden;
}
.news .slide1 .swiper-slide a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: #f7f7f7;
}
.news .slide1 .swiper-slide a .img {
  width: 57.5%;
  overflow: hidden;
  order: 2;
}
.news .slide1 .swiper-slide a .img .pb {
  padding-bottom: 57.6%;
}
.news .slide1 .swiper-slide a .slide-ri {
  width: 42.5%;
  padding: 0 min(2.60416667vw, 50px) 0 min(2.60416667vw, 50px);
  padding-top: min(1.77083333vw, 34px);
  padding-bottom: min(1.04166667vw, 20px);
}
@media (max-width:1024px) {
  .news .slide1 .swiper-slide a .slide-ri {
    padding: 0 25px 0 25px;
  }
}
@media (max-width:1024px) {
  .news .slide1 .swiper-slide a .slide-ri {
    padding-top: 17px;
  }
}
@media (max-width:1024px) {
  .news .slide1 .swiper-slide a .slide-ri {
    padding-bottom: 10px;
  }
}
.news .slide1 .swiper-slide a .slide-ri .name {
  font-size: 22px;
  color: #333333;
  line-height: 1.4;
  margin: min(2.08333333vw, 40px) 0 min(1.30208333vw, 25px);
  max-width: 94%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
@media (max-width:1600px) {
  .news .slide1 .swiper-slide a .slide-ri .name {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  .news .slide1 .swiper-slide a .slide-ri .name {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .news .slide1 .swiper-slide a .slide-ri .name {
    margin: 20px 0 12.5px;
  }
}
.news .slide1 .swiper-slide a .slide-ri .date h3 {
  color: #333333;
  margin-bottom: 10px;
}
.news .slide1 .swiper-slide a .slide-ri .date h4 {
  color: #333333;
  line-height: 1;
}
.news .slide1 .swiper-slide a .slide-ri .text {
  font-size: 14px;
  color: #333333;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news .slide1 .swiper-slide a:hover .img .pb .ab {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.news .slide1 .swiper-slide a:hover .img .pb img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.news .slide1 .swiper-slide a:hover .slide-ri .name {
  color: #0f5ccf;
}
.news .slide1 .slide-btn-box {
  position: absolute;
  left: 0;
  z-index: 5;
  bottom: 0;
  margin-left: min(2.60416667vw, 50px);
  margin-bottom: min(2.34375vw, 45px);
}
@media (max-width:1024px) {
  .news .slide1 .slide-btn-box {
    margin-left: 25px;
  }
}
@media (max-width:1024px) {
  .news .slide1 .slide-btn-box {
    margin-bottom: 22.5px;
  }
}
.news .slide1 .slide-btn-box .slide-btn {
  position: relative;
  float: right;
  width: 37px;
  height: 37px;
  margin-top: 0;
  background: no-repeat center;
  border: 1px solid #000000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  left: auto;
  right: auto;
}
.news .slide1 .slide-btn-box .slide-btn::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.news .slide1 .slide-btn-box .slide-btn:hover {
  border: 1px solid #0f5ccf;
}
.news .slide1 .slide-btn-box .slide-btn:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.news .slide1 .slide-btn-box .slide-btn:hover.swiper-button-prev i {
  background: url(../images/prevon.png) no-repeat center;
  background-size: 9px 10px;
}
.news .slide1 .slide-btn-box .slide-btn:hover.swiper-button-next i {
  background: url(../images/nexton.png) no-repeat center;
  background-size: 9px 10px;
}
.news .slide1 .slide-btn-box .slide-btn.swiper-button-prev {
  margin-right: 20px;
}
.news .slide1 .slide-btn-box .slide-btn.swiper-button-prev i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 9px;
  height: 100%;
  background: url(../images/prev.png) no-repeat center;
  background-size: 9px 10px;
  margin: auto;
}
.news .slide1 .slide-btn-box .slide-btn.swiper-button-next i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 9px;
  height: 100%;
  background: url(../images/next.png) no-repeat center;
  background-size: 9px 10px;
  margin: auto;
}
.news .slide1 .swiper-pagination {
  position: absolute;
  z-index: 10;
  bottom: 20px;
  opacity: 0;
}
.news .slide1 .swiper-pagination span {
  display: inline-block;
  height: 12px;
  width: 12px;
  margin: 0 6px !important;
  background-color: #bebebe;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.news .slide1 .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #0f5ccf;
}
@media (max-width:990px) {
  .news .slide1 {
    padding-bottom: 40px;
  }
  .news .slide1 .swiper-slide a {
    display: block;
  }
  .news .slide1 .swiper-slide a .img {
    width: 100%;
  }
  .news .slide1 .swiper-slide a .slide-ri {
    padding: 20px 12px;
    width: 100%;
  }
  .news .slide1 .slide-btn-box {
    display: none;
  }
  .news .slide1 .swiper-pagination {
    opacity: 1;
    bottom: 0;
  }
}
@media (max-width:768px) {
  .news .slide1 .swiper-slide a .slide-ri .date h3 {
    font-size: 18px;
    margin-bottom: 0;
  }
  .news .slide1 .swiper-slide a .slide-ri .date h4 {
    font-size: 14px;
    margin-bottom: 6px;
  }
  .news .slide1 .swiper-slide a .slide-ri .name {
    margin: 6px 0 10px;
  }
}
.news .news-npm1 {
  padding-bottom: min(3.38541667vw, 65px);
}
@media (max-width:1024px) {
  .news .news-npm1 {
    padding-bottom: 32.5px;
  }
}
.news .news-npm1 .topsea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: min(4.16vw, 80px) 0;
}
.news .news-npm1 .topsea::before {
  content: '';
}
.news .news-npm1 .topsea .header-search-button {
  width: 27px;
  height: 27px;
  background: url(../images/search-ico.png) no-repeat center;
  background-size: 27px 27px;
  cursor: pointer;
  position: relative;
  z-index: 999;
}
.news .news-npm1 .topsea h1 {
  color: #000000;
}
.news .news-npm1 ul {
  margin-bottom: 40px;
}
.news .news-npm1 ul li {
  margin-bottom: 20px;
  transition: all 0.5s;
}
.news .news-npm1 ul li:hover {
  box-shadow: 0 4px 16px 2px rgba(23, 109, 185, 0.14);
}
.news .news-npm1 ul li a {
  display: flex;
}
.news .news-npm1 ul li a:hover .le img {
  transform: scale(1.1);
}
.news .news-npm1 ul li a:hover .ri .text .ten h1 {
  color: #002b82;
}
.news .news-npm1 ul li a .le {
  width: 42.5%;
  overflow: hidden;
}
.news .news-npm1 ul li a .le img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.news .news-npm1 ul li a .ri {
  width: 57.5%;
  background: #f7f7f7;
  padding: 0 50px;
  display: flex;
  align-items: center;
}
.news .news-npm1 ul li a .ri .text {
  width: 100%;
}
.news .news-npm1 ul li a .ri .text .ten {
  float: left;
  width: 74.1%;
}
.news .news-npm1 ul li a .ri .text .ten h1 {
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1;
  transition: all 0.5s;
}
.news .news-npm1 ul li a .ri .text .ten p {
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  margin-top: 30px;
  transition: all 0.5s;
}
.news .news-npm1 ul li a .ri .text .date {
  float: right;
  width: 8%;
}
.news .news-npm1 ul li a .ri .text .date h3 {
  color: #333333;
  margin-bottom: 10px;
}
.news .news-npm1 ul li a .ri .text .date h4 {
  color: #333333;
  margin-bottom: 67px;
}
@media (max-width:1200px) {
  .news .news-npm1 {
    padding: 50px 0;
  }
  .news .news-npm1 ul {
    margin-bottom: 50px;
  }
}
.newsdata .news-npm1 {
  padding-top: 30px;
}
.newsdata .news-npm1 .content {
  width: 1382px;
}
@media (max-width:1440px) {
  .newsdata .news-npm1 .content {
    width: auto;
    padding: 0 40px;
  }
}
@media (max-width:768px) {
  .newsdata .news-npm1 .content {
    width: auto;
    padding: 0 17.5px;
  }
}
.newsdata .news-npm1 .susp {
  position: sticky;
  width: 100%;
  top: 140px;
  right: 0;
  margin-left: min(4.79166667vw, 92px);
  z-index: 12;
}
@media (max-width:1024px) {
  .newsdata .news-npm1 .susp {
    margin-left: 46px;
  }
}
@media (max-width:1680px) {
  .newsdata .news-npm1 .susp {
    margin: 0;
  }
}
.newsdata .news-npm1 .susp .date {
  float: left;
}
.newsdata .news-npm1 .susp .date h3 {
  margin: 8px 0 25px;
}
.newsdata .news-npm1 .susp .ri {
  text-align: center;
  cursor: pointer;
}
.newsdata .news-npm1 .susp .ri .pagemorean {
  width: 43px;
  height: 43px;
  background: url(../images/prev.png) no-repeat center;
  background-size: 10px 11px;
}
.newsdata .news-npm1 .susp .ri .pagemorean:hover {
  background: url(../images/prevon.png) no-repeat center;
  background-size: 10px 11px;
}
.newsdata .news-npm1 .susp .ri h5 {
  margin-top: min(2.34375vw, 45px);
}
@media (max-width:1024px) {
  .newsdata .news-npm1 .susp .ri h5 {
    margin-top: 22.5px;
  }
}
.newsdata .news-npm1 .susp .ri .text {
  font-size: 22px;
  color: #333333;
  line-height: 1.2;
  margin-top: min(1.5625vw, 30px);
}
@media (max-width:1600px) {
  .newsdata .news-npm1 .susp .ri .text {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  .newsdata .news-npm1 .susp .ri .text {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .newsdata .news-npm1 .susp .ri .text {
    margin-top: 15px;
  }
}
.newsdata .news-npm1 .contetxt {
  position: relative;
  z-index: 10;
}
@media (max-width:1680px) {
  .newsdata .news-npm1 .contetxt {
    padding-right: 100px;
  }
}
@media (max-width:1200px) {
  .newsdata .news-npm1 .contetxt {
    padding-right: 0;
  }
}
.newsdata .news-npm1 .contetxt .top-til h1 {
  float: left;
  width: 85%;
}
.newsdata .news-npm1 .contetxt .top-til .title {
  font-size: 42px;
  color: #333333;
  line-height: 1.4;
}
@media (max-width:1600px) {
  .newsdata .news-npm1 .contetxt .top-til .title {
    font-size: 40px;
  }
}
@media (max-width:1470px) {
  .newsdata .news-npm1 .contetxt .top-til .title {
    font-size: 36px;
  }
}
@media (max-width:1024px) {
  .newsdata .news-npm1 .contetxt .top-til .title {
    font-size: 30px;
  }
}
@media (max-width:768px) {
  .newsdata .news-npm1 .contetxt .top-til .title {
    font-size: 24px;
  }
}
.newsdata .news-npm1 .contetxt .top-til .date {
  font-size: 20px;
  color: #333333;
  line-height: 1;
  margin-top: min(0.52083333vw, 10px);
}
@media (max-width:1600px) {
  .newsdata .news-npm1 .contetxt .top-til .date {
    font-size: 18px;
  }
}
@media (max-width:1470px) {
  .newsdata .news-npm1 .contetxt .top-til .date {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .newsdata .news-npm1 .contetxt .top-til .date {
    margin-top: 5px;
  }
}
.newsdata .news-npm1 .contetxt .top-til .bshare-custom {
  float: right;
}
.newsdata .news-npm1 .contetxt .top-til .bshare-custom .bshare-weixin {
  background: url(../images/news/bsPromo2.png);
  width: 24px;
  height: 33px;
}
.newsdata .news-npm1 .bot-con {
  margin-top: 45px;
}
.newsdata .news-npm1 .bot-con p {
  color: #333333;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
}
.newsdata .news-npm1 .bot-con p img {
  margin: 20px auto;
}
.newsdata .news-npm1 .nextnews {
  padding: 22px 0;
  margin-top: 120px;
  background: #000000;
}
.newsdata .news-npm1 .nextnews .text {
  max-width: 957px;
  margin: auto;
}
.newsdata .news-npm1 .nextnews .text .text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}
.newsdata .news-npm1 .nextnews .text .le {
  float: none;
  color: #fff;
  flex: 1;
  margin-right: 30px;
  align-items: center;
  display: flex;
}
.newsdata .news-npm1 .nextnews .text .ri {
  display: flex;
  align-items: center;
}
.newsdata .news-npm1 .nextnews .text .ri h1 {
  color: #fff;
  margin-right: 30px;
}
.newsdata .news-npm1 .nextnews .text .ri .pagemorean {
  border: 1px solid #fff;
  background: url(../images/nexton.png) no-repeat center;
  background-size: 10px 11px;
}
@media (max-width:768px) {
  .newsdata .news-npm1 .contetxt .top-til h1 {
    font-size: 20px;
    line-height: 1.4;
  }
}
@media (max-width:768px) {
  .research .page-ban h1 {
    font-size: 16px;
  }
}
.research .rese-npm1 {
  padding: min(4.9vw, 95px) 0 min(8.3vw, 160px);
}
.research .rese-npm1 .text {
  margin-top: 35px;
  display: flex;
  justify-content: space-between;
}
.research .rese-npm1 .text input {
  width: 49%;
  background: #f4f4f4;
  line-height: 88px;
  max-width: 629px;
  padding-left: 20px;
}
.research .rese-npm1 .text input::placeholder {
  font-size: 16px;
  color: #666666;
}
.research .calculate {
  color: #fff;
  background: #0f5ccf;
  line-height: 88px;
  text-align: center;
  margin-top: 30px;
  cursor: pointer;
}
.research .results {
  color: #666666;
  margin-top: 25px;
}
.opportun .page-ban .text-box {
  width: 46%;
}
@media (max-width:1200px) {
  .opportun .page-ban .text-box {
    width: 100%;
  }
}
.opportun .oppo-npm1 {
  padding: min(7vw, 135px) 0 min(3.38vw, 65px);
}
.opportun .oppo-npm1 li {
  background: #f7f7f7;
  padding: 50px 52px;
  padding: 0 min(2.60416667vw, 50px) 0 min(2.60416667vw, 50px);
  padding-top: min(2.70833333vw, 52px);
  padding-bottom: min(2.70833333vw, 52px);
  margin-bottom: 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width:1024px) {
  .opportun .oppo-npm1 li {
    padding: 0 25px 0 25px;
  }
}
@media (max-width:1024px) {
  .opportun .oppo-npm1 li {
    padding-top: 26px;
  }
}
@media (max-width:1024px) {
  .opportun .oppo-npm1 li {
    padding-bottom: 26px;
  }
}
.opportun .oppo-npm1 li:hover {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.opportun .oppo-npm1 li:last-child {
  margin-bottom: 40px;
}
.opportun .oppo-npm1 li.on .ri img {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.opportun .oppo-npm1 li .top-txt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.opportun .oppo-npm1 li .top-txt .position .ico {
  display: flex;
  margin-top: 38px;
  margin-top: min(1.97916667vw, 38px);
}
@media (max-width:1024px) {
  .opportun .oppo-npm1 li .top-txt .position .ico {
    margin-top: 19px;
  }
}
.opportun .oppo-npm1 li .top-txt .position .ico div {
  margin-right: 40px;
  margin-right: min(2.08333333vw, 40px);
  padding-left: 20px;
}
@media (max-width:1024px) {
  .opportun .oppo-npm1 li .top-txt .position .ico div {
    margin-right: 20px;
  }
}
.opportun .oppo-npm1 li .top-txt .position .ico .address {
  background: url(../images/contact/ico5.png) no-repeat;
  background-position: left 50%;
  background-size: 10px 14px;
}
.opportun .oppo-npm1 li .top-txt .position .ico .person {
  background: url(../images/contact/ico6.png) no-repeat;
  background-position: left 50%;
  background-size: 11px 13px;
}
.opportun .oppo-npm1 li .top-txt .ri h4 {
  margin: 10px 0 65px;
}
.opportun .oppo-npm1 li .top-txt .ri img {
  transition: all 0.5s;
}
.opportun .oppo-npm1 li .bot-txt {
  margin-top: 45px;
  margin-top: min(2.34375vw, 45px);
  position: relative;
  display: none;
}
@media (max-width:1024px) {
  .opportun .oppo-npm1 li .bot-txt {
    margin-top: 22.5px;
  }
}
.opportun .oppo-npm1 li .bot-txt p {
  font-size: 14px;
  color: #333333;
  line-height: 22px;
}
.opportun .oppo-npm1 li .bot-txt h5 {
  font-size: 14px;
  color: #333333;
  margin: 17px 0;
}
.opportun .oppo-npm1 li .bot-txt h6 {
  font-size: 14px;
  color: #0f5ccf;
  margin-top: 17px;
}
.opportun .oppo-npm1 li .bot-txt .resume {
  background: #0f5ccf;
  border-radius: 99px;
  color: #fff;
  line-height: 47px;
  padding: 0 34px 0 14px;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
}
.opportun .oppo-npm1 li .bot-txt .resume::before {
  content: '';
  width: 11px;
  height: 100%;
  background: url(../images/nexton.png) no-repeat center;
  background-size: 11px 12px;
  position: absolute;
  right: 14px;
  top: 0;
}
.opportun .oppo-npm1 li .bot-txt .resume input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media (max-width:1200px) {
  .opportun .oppo-npm1 {
    padding: 50px 0;
  }
  .opportun .oppo-npm1 .pagemorean {
    margin-top: 50px;
  }
}
@media (max-width:990px) {
  .opportun .oppo-npm1 li .bot-txt .resume {
    background: #0f5ccf;
  }
}
.applica .appl-npm1 li {
  position: relative;
  margin-bottom: 50px;
  overflow: hidden;
}
.applica .appl-npm1 li.on::before {
  opacity: 1;
}
.applica .appl-npm1 li img {
  transition: all 1s;
}
.applica .appl-npm1 li:hover img {
  transform: scale(1.1);
}
.applica .appl-npm1 li::before {
  content: '';
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  transition: all 0.5s;
  background-image: radial-gradient(circle at 88% 28%, #000000, black 30%, rgba(0, 0, 0, 0));
}
.applica .appl-npm1 li::after {
  content: '';
  width: 100%;
  bottom: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.64), #000);
  position: absolute;
}
.applica .appl-npm1 li .share {
  position: absolute;
  right: 45px;
  top: 50px;
  z-index: 5;
}
.applica .appl-npm1 li .share .i {
  width: 24px;
  height: 33px;
  background: url(../images/news/bsPromo2on.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s;
}
.applica .appl-npm1 li .share .gb {
  background: url(../images/news/close.png) no-repeat;
  background-size: 100%;
}
.applica .appl-npm1 li .share .box {
  position: relative;
  top: 50px;
  display: none;
}
.applica .appl-npm1 li .share .box a {
  color: #fff;
  font-size: 14px;
  display: block;
}
.applica .appl-npm1 li .text {
  position: absolute;
  left: 50px;
  bottom: 60px;
  z-index: 3;
  width: calc(100% - 100px);
}
.applica .appl-npm1 li .text .time {
  color: #fff;
  background: url(../images/news/ico1.png) no-repeat;
  background-position: 0 50%;
  padding-left: 28px;
}
.applica .appl-npm1 li .text h2 {
  color: #fff;
  margin-top: 40px;
}
.applica .appl-npm1 li .text p {
  color: #fff;
  font-size: 14px;
  margin-top: 25px;
}
.applica .appl-npm1 li:nth-child(1) .time {
  position: absolute;
  right: 0;
  bottom: 0;
}
.applica .appl-npm1 li:nth-child(1) h2,
.applica .appl-npm1 li:nth-child(1) p {
  width: 85%;
}
.applica .appl-npm1 li:nth-child(n + 2) {
  width: 48%;
  max-width: 622px;
}
.applica .appl-npm1 .li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.applica .appl-npm1 .li li {
  width: 48%;
  max-width: 622px;
}
.applica .appl-npm1 .li li::after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), #000);
}
.applica .appl-npm1 .li li:first-child .time {
  position: static;
}
.applica .appl-npm2 {
  position: relative;
}
.applica .appl-npm2::after {
  content: '';
  width: 100%;
  bottom: 0;
  left: 0;
  height: 50%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.64), #000);
  position: absolute;
  pointer-events: none;
}
.applica .appl-npm2 .more {
  width: 151px;
  line-height: 72px;
  border: 1px solid #fff;
  -webkit-border-radius: 37px;
  border-radius: 37px;
  padding-left: 30px;
  background: url(../images/nexton.png) no-repeat;
  background-position: 105px 50%;
  position: relative;
}
.applica .appl-npm2 .more::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.applica .appl-npm2 .more:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.applica .appl-npm2 .content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
.applica .appl-npm2 .content h1 {
  color: #fff;
}
.applica .appl-npm2 .content .more {
  color: #fff;
  margin: 50px auto 0;
  overflow: hidden;
  position: relative;
  display: table;
}
.applica .appl-npm2 .content .more:hover {
  border: 1px solid #0f5ccf;
}
.applica .appl-npm3 {
  padding-top: 30px;
  padding-bottom: min(3.38541667vw, 65px);
}
@media (max-width:1024px) {
  .applica .appl-npm3 {
    padding-bottom: 32.5px;
  }
}
.applica .appl-npm3 .sba {
  border-top: 1px solid #e0e0e0;
  position: relative;
}
.applica .appl-npm3 .sba a {
  font-size: 14px;
  color: #999999;
  margin-right: 32px;
  margin-right: min(1.66666667vw, 32px);
  position: relative;
  padding: 44px 0 45px;
  padding: min(2.29166667vw, 44px) 0 min(2.34375vw, 45px);
}
@media (max-width:1024px) {
  .applica .appl-npm3 .sba a {
    margin-right: 16px;
  }
}
@media (max-width:1024px) {
  .applica .appl-npm3 .sba a {
    padding: 22px 0 22.5px 0;
  }
}
.applica .appl-npm3 .sba a.on {
  color: #0f5ccf;
}
.applica .appl-npm3 .sba a.on::before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #0f5ccf;
  position: absolute;
  top: 0;
  left: 0;
}
.applica .appl-npm3 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-left: -11px;
  margin-right: -11px;
}
.applica .appl-npm3 ul li {
  width: 33.33333%;
  padding: 0 11px;
  margin-bottom: 56px;
  margin-bottom: min(2.91666667vw, 56px);
}
@media (max-width:1024px) {
  .applica .appl-npm3 ul li {
    margin-bottom: 28px;
  }
}
.applica .appl-npm3 ul li .item {
  display: block;
  height: 100%;
  cursor: pointer;
}
.applica .appl-npm3 ul li .img {
  overflow: hidden;
}
.applica .appl-npm3 ul li .img .pb {
  padding-bottom: 62%;
}
.applica .appl-npm3 ul li .text-box {
  margin-top: 26px;
  margin-top: min(1.35416667vw, 26px);
}
@media (max-width:1024px) {
  .applica .appl-npm3 ul li .text-box {
    margin-top: 13px;
  }
}
.applica .appl-npm3 ul li .text-box .name {
  font-size: 20px;
  color: #000000;
  line-height: 1.4;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: relative;
  padding-right: 20px;
}
@media (max-width:1600px) {
  .applica .appl-npm3 ul li .text-box .name {
    font-size: 18px;
  }
}
@media (max-width:1470px) {
  .applica .appl-npm3 ul li .text-box .name {
    font-size: 16px;
  }
}
.applica .appl-npm3 ul li .text-box .name::before {
  content: '';
  width: 11px;
  height: 100%;
  background: url(../images/index/more-ico.png) no-repeat center;
  background-size: 11px 12px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.applica .appl-npm3 ul li .text-box .date {
  font-size: 20px;
  color: #333333;
  line-height: 1;
  margin-top: 14px;
  margin-top: min(0.72916667vw, 14px);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width:1600px) {
  .applica .appl-npm3 ul li .text-box .date {
    font-size: 18px;
  }
}
@media (max-width:1470px) {
  .applica .appl-npm3 ul li .text-box .date {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .applica .appl-npm3 ul li .text-box .date {
    margin-top: 7px;
  }
}
.applica .appl-npm3 ul li .text {
  padding: 26px 0 60px;
  padding: min(1.35416667vw, 26px) 0 min(3.125vw, 60px);
}
@media (max-width:1024px) {
  .applica .appl-npm3 ul li .text {
    padding: 13px 0 30px 0;
  }
}
.applica .appl-npm3 ul li .text .le {
  width: 66%;
}
.applica .appl-npm3 ul li .text .le h1 {
  transition: all 0.5s;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1;
}
.applica .appl-npm3 ul li .text .le p {
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  margin-top: 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: all 0.5s;
}
.applica .appl-npm3 ul li .text .ri h4 {
  margin: 10px 0 15px;
}
.applica .appl-npm3 ul li:hover .img .pb .ab {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.applica .appl-npm3 ul li:hover .text-box .name,
.applica .appl-npm3 ul li:hover .text-box .date {
  color: #0f5ccf;
}
.applica .appl-npm3 ul li:hover .text-box .name::before {
  background: url(../images/index/more-icobul.png) no-repeat center;
  background-size: 11px 12px;
}
@media (max-width:1200px) {
  .applica .appl-npm3 {
    padding: 30px 0 50px;
  }
  .applica .appl-npm3 ul {
    margin-left: -7px;
    margin-right: -7px;
  }
  .applica .appl-npm3 ul li {
    padding: 0 7px;
  }
  .applica .appl-npm3 ul li .text-box .name {
    font-size: 14px;
  }
  .applica .appl-npm3 ul li .text-box .date {
    font-size: 14px;
  }
  .applica .appl-npm3 ul li .text {
    padding: 50px 0;
  }
}
.bsBox {
  box-sizing: content-box;
}
@media (max-width:1280px) {
  .newsdata .news-npm1 .susp {
    display: none;
  }
}
@media (max-width:768px) {
  .pagenav .box {
    padding: 30px 17.5px;
  }
  .pagenav .box .boxcon,
  .pagenav .box .li {
    align-items: center;
  }
  .pagenav .box .morean {
    width: 35px;
    min-width: 35px;
    height: 35px;
    background-size: 11px 10px;
  }
  .pagenav .box .morean:hover {
    background-size: 11px 10px;
  }
  .pagenav .box .morean.on:hover {
    background-size: 11px 10px;
  }
  .pagenav .box h1 {
    line-height: 1;
    font-size: 16px;
  }
  .pagenav .box .h2 {
    line-height: 1;
    font-size: 16px;
  }
  .pagenav .box .ul-box .li {
    width: 50%;
    padding: 0 10px;
    margin: 14px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .pagenav .box .ul-box .li h1 {
    font-size: 14px;
  }
  .page-ban .content h2 {
    margin-top: 15px;
    line-height: 1.2;
  }
  .contact .cont-npm1 {
    flex-wrap: wrap;
    padding: 20px 0;
  }
  .contact .cont-npm1 .item {
    width: 49%;
    margin-bottom: 20px;
  }
  .contact .cont-npm1 .item p {
    margin-top: 6px;
    line-height: 24px;
    font-size: 14px;
  }
  .opportun .oppo-npm1 li {
    padding: 22px 12px;
    margin-bottom: 15px;
  }
  .opportun .oppo-npm1 li .top-txt .position .ico {
    margin-top: 6px;
  }
  .opportun .oppo-npm1 li .top-txt .le {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-right: min(1.04166667vw, 20px);
  }
  .opportun .oppo-npm1 li .top-txt .le h1 {
    font-size: 16px;
  }
  .opportun .oppo-npm1 li .top-txt .ri {
    line-height: 1;
  }
  .opportun .oppo-npm1 li .top-txt .ri h3 {
    font-size: 18px;
  }
  .opportun .oppo-npm1 li .top-txt .ri h4 {
    font-size: 14px;
    margin: 0px 0 6px;
  }
  .opportun .oppo-npm1 li .top-txt .ri img {
    width: 9px;
  }
  .opportun .oppo-npm1 li .bot-txt h5 {
    margin: 10px 0;
  }
  .opportun .oppo-npm1 li .bot-txt h6 {
    margin-top: 10px;
  }
  .opportun .oppo-npm1 li .bot-txt .resume {
    margin-top: 25px;
    color: #fff;
    line-height: 35px;
    position: relative;
  }
  .opportun .oppo-npm1 li:last-child {
    margin-bottom: 20px;
  }
  .news .slide1 .swiper-slide .text {
    left: 12px;
    bottom: 10px;
    width: calc(100% - 24px);
  }
  .news .slide1 .swiper-slide .text h1 {
    font-size: 16px;
  }
  .news .slide1 .swiper-slide .text p {
    font-size: 12px;
    margin-top: 6px;
    line-height: 1.4;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .news .news-npm1 ul li a .le {
    width: 100%;
    float: none;
  }
  .news .news-npm1 ul li a {
    display: block;
  }
  .news .news-npm1 ul li a .ri {
    width: 100%;
    float: none;
    padding: 20px 12px;
  }
  .news .news-npm1 ul li a .ri .text .ten h1 {
    font-size: 16px;
  }
  .news .news-npm1 ul li a .ri .text .ten p {
    margin-top: 6px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .news .news-npm1 ul li a .ri .text .date {
    width: 10%;
    line-height: 1;
  }
  .news .news-npm1 ul li a .ri .text .date h3 {
    font-size: 18px;
    margin: 0;
  }
  .news .news-npm1 ul li a .ri .text .date h4 {
    font-size: 14px;
    margin-bottom: 6px;
  }
  .news .news-npm1 ul li a .ri .text .date img {
    width: 9px;
  }
  .newsdata .news-npm1 .susp {
    display: none;
  }
  .newsdata .news-npm1 {
    padding-top: 35px;
  }
  .newsdata .news-npm1 .contetxt .top-til .bshare-custom .bshare-weixin {
    width: 18px;
    height: 26px;
    background-size: 100%;
  }
  .newsdata .news-npm1 .bot-con {
    margin-top: 25px;
  }
  .newsdata .news-npm1 .bot-con p {
    margin-bottom: 10px;
  }
  .newsdata .news-npm1 .nextnews {
    margin-top: 50px;
    padding: 15px 17.5px;
  }
  .newsdata .news-npm1 .nextnews .le {
    font-size: 14px;
    line-height: 22px;
  }
  .newsdata .news-npm1 .nextnews .ri h1 {
    font-size: 14px;
    margin-right: 10px !important;
  }
  .newsdata .news-npm1 .nextnews .text .ri .pagemorean {
    margin: 0;
  }
  .research .rese-npm1 .text {
    margin-top: 20px;
    display: block;
  }
  .research .rese-npm1 .text input {
    width: 100%;
    line-height: 50px;
    margin-bottom: 15px;
    padding-left: 10px;
  }
  .research .rese-npm1 .text input::placeholder {
    font-size: 14px;
  }
  .research .calculate {
    line-height: 50px;
    margin-top: 10px;
  }
  .applica .appl-npm1 li {
    height: 250px;
    margin-bottom: 20px;
  }
  .applica .appl-npm1 li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .applica .appl-npm1 li .text {
    left: 15px;
    bottom: 10px;
    width: calc(100% - 30px);
  }
  .applica .appl-npm1 li .text p {
    margin-top: 5px;
  }
  .applica .appl-npm1 .li li {
    width: 100%;
    max-width: 750px;
  }
  .applica .appl-npm1 li .text .time {
    display: none;
  }
  .applica .appl-npm1 li h2 {
    font-size: 16px;
  }
  .applica .appl-npm1 li p {
    font-size: 14px;
    line-height: 20px;
  }
  .applica .appl-npm1 li:nth-child(1) h2,
  .applica .appl-npm1 li:nth-child(1) p {
    width: 100%;
  }
  .applica .appl-npm1 li .share .i {
    width: 18px;
    height: 25px;
  }
  .applica .appl-npm1 li .share {
    right: 10px;
    top: 10px;
  }
  .applica .appl-npm1 li .share .box {
    top: 30px;
  }
  .applica .appl-npm2 {
    height: 250px;
  }
  .applica .appl-npm2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .applica .appl-npm2 h1 {
    font-size: 18px;
  }
  .applica .appl-npm2 .content .more {
    margin: 20px auto 0;
    width: 100px;
    line-height: 45px;
    padding-left: 20px;
    background-position: 70px 50%;
    background-size: 11px;
  }
  .applica .appl-npm3 ul li {
    width: 100%;
    margin-bottom: 30px;
  }
  .applica .appl-npm3 ul li .text {
    padding: 20px 0;
  }
  .applica .appl-npm3 ul li .text .le {
    width: 80%;
  }
  .applica .appl-npm3 ul li .text .le h1 {
    font-size: 16px;
  }
  .applica .appl-npm3 ul li .text .le p {
    margin-top: 5px;
  }
  .applica .appl-npm3 ul li .text .ri {
    line-height: 1;
  }
  .applica .appl-npm3 ul li .text .ri h3 {
    font-size: 18px;
  }
  .applica .appl-npm3 ul li .text .ri h4 {
    margin: 0 0 6px;
    font-size: 14px;
  }
  .applica .appl-npm3 ul li .text .ri img {
    width: 9px;
  }
}
@media (max-width:768px) and (max-width:768px) {
  .opportun .page-ban h1 {
    font-size: 16px;
  }
  .opportun .page-ban h2 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
  }
}
@media (max-width:768px) and (max-width:1024px) {
  .opportun .oppo-npm1 li .top-txt .le {
    margin-right: 10px;
  }
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 85px;
  z-index: 999;
  margin: auto;
  /* 侧边 */
}
#header .header-pc {
  position: relative;
  z-index: 1;
  background-color: white;
  text-align: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#header .header-pc .header-wrap {
  position: relative;
  margin: auto;
  padding: 0 56px 0 48px;
  height: 85px;
  border: 1px solid rgba(102, 102, 102, 0.2);
  text-align: center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#header .header-pc .header-wrap .logo {
  float: left;
  width: 200px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#header .header-pc .header-wrap .head-right {
  display: inline-block;
  line-height: 85px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#header .header-pc .header-wrap .head-right .nav {
  position: relative;
  float: left;
}
#header .header-pc .header-wrap .head-right .nav dl {
  float: left;
  margin: 0 50px;
  margin: 0 min(2.60416667vw, 50px) 0 min(2.60416667vw, 50px);
  position: relative;
  z-index: 10;
}
@media (max-width:1024px) {
  #header .header-pc .header-wrap .head-right .nav dl {
    margin: 0 25px 0 25px;
  }
}
#header .header-pc .header-wrap .head-right .nav dl:last-child {
  margin-right: 0;
}
#header .header-pc .header-wrap .head-right .nav dl:hover {
  z-index: 20;
}
#header .header-pc .header-wrap .head-right .nav dl.on dt a {
  color: #0f5ccf;
  font-weight: bold;
}
#header .header-pc .header-wrap .head-right .nav dl.on dt a::before {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #0f5ccf;
  position: absolute;
  left: 0;
  bottom: 0;
}
#header .header-pc .header-wrap .head-right .nav dt a {
  font-size: 16px;
  color: #000;
  position: relative;
  z-index: 1;
}
@media (max-width:1600px) {
  #header .header-pc .header-wrap .head-right .nav dt a {
    font-size: 14px;
  }
}
#header .header-pc .header-wrap .head-right .nav dt a.on {
  color: #0f5ccf;
}
#header .header-pc .header-wrap .head-right .nav dt a.on::before {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #0f5ccf;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
#header .header-pc .header-wrap .head-right .nav dd {
  display: none;
  width: 140px;
  background-color: #fff;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 84px;
  margin-left: -70px;
  font-size: 0;
}
#header .header-pc .header-wrap .head-right .nav dd .ovs {
  height: 100%;
}
#header .header-pc .header-wrap .head-right .nav dd .ovs a {
  display: block;
  font-size: 16px;
  color: #333333;
  line-height: 1.5em;
  margin-bottom: 27px;
  text-align: center;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
}
@media (max-width:1600px) {
  #header .header-pc .header-wrap .head-right .nav dd .ovs a {
    font-size: 14px;
  }
}
#header .header-pc .header-wrap .head-right .nav dd .ovs a:hover {
  color: #0f5ccf;
}
#header .header-pc .header-wrap .head-right .nav dd.nav-open {
  width: 100%;
  position: fixed;
  left: 0;
  margin-left: 0;
  padding: 0 55px 0 48px;
  background: url(../images/bbb.jpg) no-repeat center top;
  background-size: cover;
}
#header .header-pc .header-wrap .head-right .nav dd.nav-open .container-custom {
  max-width: 1400px;
  margin: auto;
}
#header .header-pc .header-wrap .head-right .nav dd.nav-open .container-custom .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#header .header-pc .header-wrap .head-right .nav dd.nav-open .container-custom .ovs {
  flex: 1;
  padding-bottom: 70px;
}
#header .header-pc .header-wrap .head-right .nav dd.nav-open .container-custom .ovs h3 {
  margin-top: 60px;
  margin-bottom: 32px;
}
#header .header-pc .header-wrap .head-right .nav dd.nav-open .container-custom .ovs h3 a {
  font-size: 16px;
  color: #333333;
  margin-bottom: 6px;
}
@media (max-width:1600px) {
  #header .header-pc .header-wrap .head-right .nav dd.nav-open .container-custom .ovs h3 a {
    font-size: 14px;
  }
}
#header .header-pc .header-wrap .head-right .nav dd.nav-open .container-custom .ovs h3 a i {
  width: 9px;
  height: 9px;
  background: url(../images/sb.png) no-repeat center;
  background-size: 9px 9px;
  display: inline-block;
  margin-left: 20px;
  margin-left: min(1.04166667vw, 20px);
}
@media (max-width:1024px) {
  #header .header-pc .header-wrap .head-right .nav dd.nav-open .container-custom .ovs h3 a i {
    margin-left: 10px;
  }
}
#header .header-pc .header-wrap .head-right .nav dd.nav-open .container-custom .ovs h3 a:hover {
  color: #0f5ccf;
}
#header .header-pc .header-wrap .head-right .nav dd.nav-open .container-custom .ovs h3 a:hover i {
  background: url(../images/dsb.png) no-repeat center;
  background-size: 9px 9px;
}
#header .header-pc .header-wrap .head-right .nav dd.nav-open .container-custom .ovs a {
  text-align: left;
}
#header .header-pc .header-wrap .head-right .nav dd.nav-open .container-custom .ovs a em {
  display: block;
  font-size: 14px;
}
#header .header-pc .header-wrap .dsb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  float: right;
  align-items: center;
}
#header .header-pc .header-wrap .dsb a {
  height: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 16px;
  color: #000;
  position: relative;
}
@media (max-width:1600px) {
  #header .header-pc .header-wrap .dsb a {
    font-size: 14px;
  }
}
#header .header-pc .header-wrap .dsb a.on {
  color: #0f5ccf;
}
#header .header-pc .header-wrap .dsb a.on::before {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #0f5ccf;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
#header .header-pc .header-wrap .dsb a:last-child {
  font-size: 22px;
}
@media (max-width:1600px) {
  #header .header-pc .header-wrap .dsb a:last-child {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  #header .header-pc .header-wrap .dsb a:last-child {
    font-size: 16px;
  }
}
#header .header-pc .header-wrap .dsb .header-search-button {
  width: 27px;
  height: 85px;
  background: url(../images/search-ico.png) no-repeat center;
  background-size: 19px 19px;
  cursor: pointer;
  position: relative;
  z-index: 999;
  margin: 0 30px 0 50px;
  margin: 0 min(1.5625vw, 30px) 0 min(2.60416667vw, 50px);
}
@media (max-width:1024px) {
  #header .header-pc .header-wrap .dsb .header-search-button {
    margin: 0 15px 0 25px;
  }
}
#header .header-pc .header-wrap .nav-but-wrap {
  margin: 31px 0 0 30px;
  position: relative;
  display: inline-block;
  float: right;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#header .header-pc .header-wrap .nav-but-wrap .menu-icon {
  height: 18px;
  width: 24px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: block;
}
#header .header-pc .header-wrap .nav-but-wrap .menu-icon .menu-icon-line {
  height: 2px;
  width: 24px;
  display: block;
  background-color: #fff;
  margin-bottom: 6px;
  cursor: pointer;
  -webkit-transition: background-color 0.5s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.5s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, background-color 0.5s ease;
  transition: transform 0.2s ease, background-color 0.5s ease, -webkit-transform 0.2s ease;
}
#header .header-pc .header-wrap .nav-but-wrap .menu-icon:hover .menu-icon-line {
  background-color: #0f5ccf;
}
#header .mask-bg {
  position: fixed;
  width: 100%;
  height: 100vh;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
}
#header .mask-bg.show {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  background-image: url(../images/mask.png);
  visibility: visible;
}
#header .tool-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: fixed;
  right: -300px;
  bottom: 40px;
  z-index: 9;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
#header .tool-bar a {
  width: 42px;
  height: 42px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-left: 10px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#header .tool-bar a i.iconfont {
  display: block;
  width: 29px;
  height: 28px;
  margin: 0 auto;
  background: no-repeat center;
  background-size: 15px 14px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#header .tool-bar a i.iconfont.icon-shangqiao {
  background-image: url(../images/icon-shangqiao.png);
}
#header .tool-bar a i.iconfont.icon-weChat {
  background-image: url(../images/icon-weChats.png);
}
#header .tool-bar a i.iconfont.icon-top {
  background-image: url(../images/icon-top.png);
}
#header .tool-bar a .wrap-box {
  display: none;
  position: absolute;
  right: 50%;
  bottom: 100%;
  width: 235px;
  height: 160px;
  background-color: #fff;
  margin-right: -117px;
  margin-bottom: 18px;
}
#header .tool-bar a .wrap-box::before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
}
#header .tool-bar a .wrap-box .text {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#header .tool-bar a .wrap-box img {
  width: 117px;
}
#header .tool-bar a .wrap-box .h5 {
  font-size: 28px;
  color: #0f5ccf;
  text-align: center;
}
@media (max-width:1600px) {
  #header .tool-bar a .wrap-box .h5 {
    font-size: 24px;
  }
}
@media (max-width:1470px) {
  #header .tool-bar a .wrap-box .h5 {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  #header .tool-bar a .wrap-box .h5 {
    font-size: 18px;
  }
}
#header .tool-bar a .wrap-box .p {
  font-size: 14px;
  color: #333333;
  text-align: center;
}
#header .tool-bar.on {
  right: 56px;
}
@media (max-width:1200px) {
  #header .tool-bar {
    display: block;
  }
  #header .tool-bar a {
    margin-top: 10px;
    margin-left: 0;
  }
  #header .tool-bar a.weChat {
    display: none;
  }
  #header .tool-bar.on {
    right: 17.5px;
  }
}
@media (max-width:768px) {
  #header .tool-bar {
    bottom: 3px;
  }
  #header .tool-bar.on {
    right: 10px;
  }
}
#header .ai-serve {
  margin: 0 30px;
  font-size: 16px;
  color: #000;
  cursor: pointer;
}
#header .ai-serve img {
  width: 20px;
  margin-right: 10px;
}
#header .header-mobile {
  display: none;
  background-color: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#header .header-mobile .header {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  height: 65px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header .header-mobile .header .logo {
  width: 200px;
  height: 100%;
  float: left;
  margin-left: 17.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#header .header-mobile .header .other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
#header .header-mobile .header .other .ai-serve {
  margin: 0 10px;
}
#header .header-mobile .header .other .ai-serve img {
  width: 22px;
}
#header .header-mobile .header .ham {
  float: right;
  position: relative;
  width: 45px;
  height: 45px;
  background-color: #000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 0 17.5px 0 0;
}
#header .header-mobile .header .ham span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 0;
  margin-left: -8px;
  width: 16px;
  height: 3px;
  background-color: white;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#header .header-mobile .header .ham span:first-child {
  transform: translateY(-6px);
}
#header .header-mobile .header .ham span:last-child {
  transform: translateY(6px);
}
#header .header-mobile .header .ham.on span:first-child {
  transform: rotate(135deg);
}
#header .header-mobile .header .ham.on span:nth-child(2) {
  transform: scale(0);
}
#header .header-mobile .header .ham.on span:last-child {
  transform: rotate(-135deg);
}
#header .header-mobile .m-login-menu {
  width: 100vw;
  display: flex;
  overflow: hidden;
  opacity: 0;
  flex-direction: column;
  position: fixed;
  top: 65px;
  left: 0;
  justify-content: flex-start;
  background: #fff;
  border-top: 1px solid rgba(0, 139, 213, 0.2);
  transition: all 0.1s ease-in-out;
  max-height: calc(100% - 1.45rem);
  overflow: auto;
  z-index: -1;
  padding-bottom: 0.2rem;
  box-sizing: border-box;
  display: none;
}
#header .header-mobile .m-login-menu .menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  line-height: 80px;
  font-size: 14px;
  color: #888888;
}
#header .header-mobile .m-login-menu .menu-item a {
  flex: 1;
  text-align: center;
}
#header .header-mobile .m-login-menu.visible {
  opacity: 1;
  z-index: 99;
  display: block;
}
#header .header-mobile .navBox {
  width: 100%;
  height: calc(100vh - 65px);
  background: #f7f7f7;
  display: none;
  overflow: hidden;
}
#header .header-mobile .navBox .menu_info {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: 30px;
}
#header .header-mobile .navBox .nav-ri {
  width: 100%;
  height: auto;
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
  padding: 20px 40px 30px;
}
#header .header-mobile .navBox .menu_form {
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding: 0 40px;
  overflow: hidden;
}
#header .header-mobile .navBox .menu_form .center {
  width: 100%;
  height: 50px;
  background: #fff;
  overflow: hidden;
}
#header .header-mobile .navBox .menu_form .center form {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
#header .header-mobile .navBox .menu_form .center form input {
  flex: 1;
  height: 100%;
  padding: 0 15px;
  font-size: 14px;
  color: #282f36;
  border: 0;
}
#header .header-mobile .navBox .menu_form .center form button {
  width: 70px;
  height: 100%;
  background: url(../images/ico_search.png) no-repeat center #0f5ccf;
  background-size: 18px 18px;
}
#header .header-mobile .navBox .menu_lang {
  width: 100%;
  height: auto;
  margin-top: 40px;
  padding: 0 40px;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
#header .header-mobile .navBox .menu_lang .one {
  width: auto;
  height: 36px;
  margin-right: 10px;
  overflow: hidden;
}
#header .header-mobile .navBox .menu_lang .one a {
  width: 100%;
  height: 100%;
  padding: 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 12px;
  color: #282f36;
}
#header .header-mobile .navBox .menu_lang .one a.active {
  background: #0f5ccf;
  color: #fff;
}
#header .header-mobile .navBox a {
  display: block;
}
#header .header-mobile .navBox li {
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
#header .header-mobile .navBox li.on dt .ico {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
#header .header-mobile .navBox li a.on {
  color: #0f5ccf;
}
#header .header-mobile .navBox dt {
  position: relative;
  font-size: 16px;
  color: #282f36;
}
#header .header-mobile .navBox dt .ico {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: url(../images/ico-nav.png) no-repeat center;
  background-size: 8px 14px;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#header .header-mobile .navBox dd {
  display: none;
  padding-top: 10px;
  margin-top: 10px;
  line-height: 34px;
  font-size: 14px;
  color: #333;
  border-top: 1px solid #0f5ccf;
}
#header .header-mobile .navBox dd a {
  padding: 0 0 0 20px;
  position: relative;
}
#header .header-mobile .navBox dd a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  background: url(../images/ico-nav.png) no-repeat center;
  background-size: 6px 10px;
}
#header .header-mobile .navBox .ul_box .ul_nei_nav {
  display: none;
}
@media (max-width:768px) {
  #header .header-mobile .navBox .nav-ri {
    padding: 17.5px;
  }
  #header .header-mobile .navBox .menu_form {
    padding: 0 17.5px;
  }
  #header .header-mobile .navBox .menu_lang {
    padding: 0 17.5px;
  }
}
#header.bottom {
  top: -85px;
}
#header.top {
  top: 0;
}
@media (max-width:1200px) {
  #header {
    top: 0 !important;
  }
  #header .header-pc {
    display: none;
  }
  #header .header-mobile {
    display: block;
  }
}
.onsb .header-mobile {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.onsb .tool-bar a:hover .wrap-box {
  display: block !important;
  -webkit-animation: fadeInUp10 0.4s linear 1 forwards;
  animation: fadeInUp10 0.4s linear 1 forwards;
}
.skrollr #header .header-pc .header-search-button {
  background: url(../images/icon_close-sb.png) no-repeat center !important;
  background-size: 19px 19px;
}
#footer {
  padding: 0 min(2.91666667vw, 56px) 0 min(2.91666667vw, 56px);
  padding-top: min(3.125vw, 60px);
  padding-bottom: min(9.47916667vw, 182px);
  background-color: #333333;
  position: relative;
  z-index: 1;
}
@media (max-width:1024px) {
  #footer {
    padding: 0 28px 0 28px;
  }
}
@media (max-width:1200px) {
  #footer {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width:768px) {
  #footer {
    padding-left: 17.5px;
    padding-right: 17.5px;
  }
}
@media (max-width:1024px) {
  #footer {
    padding-top: 30px;
  }
}
@media (max-width:1024px) {
  #footer {
    padding-bottom: 91px;
  }
}
#footer a[href='javascript:;'] {
  cursor: default;
}
#footer .wrap-box {
  width: 1400px;
  margin: auto;
}
@media (max-width:1440px) {
  #footer .wrap-box {
    width: auto;
    padding: 0 40px;
  }
}
@media (max-width:768px) {
  #footer .wrap-box {
    padding: 0 17.5px;
  }
}
#footer .foot-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
#footer .foot-nav img {
  margin: 20px 0;
}
#footer .foot-nav .dl {
  display: inline-block;
}
#footer .foot-nav .dl .dt {
  font-size: 15px;
  color: #fff;
  transition: all 0.5s ease;
  margin-bottom: 16px;
}
#footer .foot-nav .dl .dt:hover {
  color: #0f5ccf;
}
#footer .foot-nav .dl .dd {
  font-size: 14px;
  color: #fff;
  line-height: 36px;
  display: block;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  position: relative;
  left: 0;
  cursor: pointer;
}
#footer .foot-nav .dl .dd::after {
  content: '';
  width: 9px;
  height: 10px;
  left: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../images/nexton.png) no-repeat;
  background-size: 100%;
  position: absolute;
  opacity: 0;
  transition: all 0.5s ease;
}
#footer .foot-nav .dl .dd:hover {
  left: 10px;
  color: #0f5ccf;
}
#footer .foot-nav .dl .dd:hover::after {
  opacity: 1;
}
#footer .foot-nav .dl .ds {
  font-size: 15px;
  color: #fff;
  display: block;
}
#footer .foot-nav .dl .ds em {
  line-height: 1;
  margin-top: 18px;
}
#footer .socials_wrap {
  display: inline-block;
  vertical-align: top;
  margin: min(0.83333333vw, 16px) 0 min(2.60416667vw, 50px);
}
@media (max-width:1024px) {
  #footer .socials_wrap {
    margin: 8px 0 25px;
  }
}
#footer .socials_wrap a {
  float: left;
  position: relative;
  margin-right: 20px;
}
#footer .socials_wrap a .social_icon {
  position: relative;
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  background: no-repeat center;
  background-size: cover;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#footer .socials_wrap a .social_icon.social_icon_wechat {
  background-image: url(../images/icon_wechat.svg);
}
#footer .socials_wrap a .social_icon.social_icon_blog {
  background-image: url(../images/icon_blog.svg);
}
#footer .socials_wrap a .social_icon .weChat_img {
  position: absolute;
  top: 50px;
  left: -37.5px;
  width: 107px;
  height: 107px;
  background-color: #fff;
  z-index: 99;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-filter: alpha(opacity=0);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  will-change: opacity;
  transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  -webkit-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  -moz-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  -ms-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  -o-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}
#footer .socials_wrap a .social_icon .weChat_img img {
  width: 100%;
  height: 100%;
}
#footer .socials_wrap a .social_icon .weChat_img:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #0f5ccf transparent;
  position: absolute;
  top: -7px;
  left: 0;
  right: 0;
  margin: auto;
}
#footer .socials_wrap a .social_icon .weChat_img::after {
  content: '';
  width: 100%;
  width: -moz-calc(94%);
  width: -webkit-calc(94%);
  width: calc(100% - 6px);
  height: 100%;
  height: -moz-calc(94%);
  height: -webkit-calc(94%);
  height: calc(100% - 6px);
  border: 3px solid #0f5ccf;
  position: absolute;
  top: 0;
  left: 0;
}
#footer .socials_wrap a .social_icon.social_icon_tiktok .weChat_img {
  left: auto;
  right: 0;
}
#footer .socials_wrap a .social_icon.social_icon_tiktok .weChat_img:before {
  left: auto;
  right: 12px;
}
#footer .socials_wrap a:hover .weChat_img {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -webkit-filter: alpha(opacity=100);
}
@media (max-width:1200px) {
  #footer {
    padding: 50px 40px;
  }
  #footer .foot-nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  #footer .foot-nav .dl {
    display: none;
  }
  #footer .foot-nav .dl .dt {
    margin-bottom: 0px;
  }
  #footer .foot-nav .dl:last-child {
    display: block;
  }
}
@media (max-width:768px) {
  #footer {
    padding: 30px 17.5px;
  }
  #footer .foot-nav .dl .dt,
  #footer .foot-nav .dl .ds {
    font-size: 14px;
    line-height: 18px;
  }
}
.pop {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}
.pop .bg {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.8;
}
.pop .pop-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 0 40px;
  transform: translate(-50%, -50%);
}
.pop .cont {
  padding: 30px;
  background-color: #fff;
  max-height: 80vh;
  overflow: auto;
}
.pop .cont p {
  margin-bottom: 24px;
  color: #777777;
  opacity: 0.8;
}
.pop .cont p:last-child {
  margin-bottom: 0;
}
.pop .close {
  position: absolute;
  right: 40px;
  top: -40px;
  z-index: 6;
  width: 20px;
  cursor: pointer;
}
@media (max-width:1280px) {
  .pop .pop-wrap {
    width: 100%;
  }
}
@media (max-width:768px) {
  .pop .close {
    right: 17.5px;
  }
  .pop .pop-wrap {
    padding: 0 17.5px !important;
  }
}
.pop.pop-video .cont {
  padding: 0;
  max-height: initial;
  background-color: transparent;
}
.pop.pop-video .cont video {
  height: 520px;
  object-fit: cover;
}
@media (max-width:1280px) {
  .pop.pop-video .cont video {
    width: 100%;
    height: auto;
  }
}
.search-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  transition: all 600ms ease-in-out;
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -ms-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-filter: alpha(opacity=0);
  visibility: hidden;
}
.search-popup .form-block {
  background-color: white;
  padding: 215px 0 135px;
}
.search-popup .form-block .dsb {
  width: 740px;
  margin: auto;
}
.search-popup .form-block .title {
  font-size: 32px;
  color: #0f5ccf;
  margin-bottom: 6px;
}
@media (max-width:1600px) {
  .search-popup .form-block .title {
    font-size: 24px;
  }
}
@media (max-width:1470px) {
  .search-popup .form-block .title {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .search-popup .form-block .title {
    font-size: 22px;
  }
}
@media (max-width:768px) {
  .search-popup .form-block .title {
    font-size: 20px;
  }
}
.search-popup .form-block .searchform {
  position: relative;
  border: 1px solid #cccccc;
  border-radius: 30px;
  /* max-width: 1280px;*/
  background: none;
  color: inherit;
  margin-top: 70px;
}
.search-popup .form-block .searchform .input {
  height: 60px;
  font-size: 14px;
  color: #000;
  font-style: normal;
  text-transform: uppercase;
  width: 100%;
  padding: 0 150px 0 26px;
}
.search-popup .form-block .searchform .input::-webkit-input-placeholder {
  color: #000;
}
.search-popup .form-block .searchform .input:-moz-placeholder {
  color: #000;
}
.search-popup .form-block .searchform .input::-moz-placeholder {
  color: #000;
}
.search-popup .form-block .searchform .input:-ms-input-placeholder {
  color: #000;
}
.search-popup .form-block .searchform .searchsubmit {
  width: 52px;
  height: 52px;
  background-color: #f5f5f5;
  border-radius: 50%;
  font-size: 14px;
  color: #000000;
  position: absolute;
  right: 4.5px;
  bottom: 4.5px;
}
.search-popup .form-block .searchform .searchsubmit::before {
  content: '';
  width: 1px;
  height: 9px;
  background-color: #cccccc;
  position: absolute;
  left: -50px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.search-popup.active {
  opacity: 1;
  visibility: visible;
}
.slogan {
  overflow: hidden;
}
.slogan .h1 {
  font-size: 42px;
  color: #383837;
  line-height: 1.2;
  font-weight: 300;
  padding: min(3.4375vw, 66px) 0 min(3.4375vw, 66px);
  position: relative;
}
@media (max-width:1600px) {
  .slogan .h1 {
    font-size: 40px;
  }
}
@media (max-width:1470px) {
  .slogan .h1 {
    font-size: 36px;
  }
}
@media (max-width:1024px) {
  .slogan .h1 {
    font-size: 30px;
  }
}
@media (max-width:768px) {
  .slogan .h1 {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .slogan .h1 {
    padding: 33px 0 33px 0;
  }
}
.slogan .h1::before {
  content: '';
  width: 1px;
  height: 270px;
  background: #0f5ccf;
  position: absolute;
  top: 70px;
  left: -60px;
  animation: h-line 3s 0.3s linear both infinite;
  -webkit-animation: h-line 3s 0.3s linear both infinite;
}
@media (max-width:1600px) {
  .slogan .h1 {
    font-size: 36px;
  }
}
@media (max-width:1600px) and (max-width:1600px) {
  .slogan .h1 {
    font-size: 32px;
  }
}
@media (max-width:1600px) and (max-width:1470px) {
  .slogan .h1 {
    font-size: 28px;
  }
}
@media (max-width:1600px) and (max-width:1024px) {
  .slogan .h1 {
    font-size: 24px;
  }
}
@media (max-width:1600px) and (max-width:768px) {
  .slogan .h1 {
    font-size: 20px;
  }
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.page-ban {
  position: relative;
  overflow: hidden;
}
.page-ban .img {
  overflow: hidden;
}
.page-ban .img img {
  -webkit-animation: scale 12s linear infinite;
  animation: scale 12s linear infinite;
}
.page-ban .content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 2;
}
.page-ban .content .tab-name {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  font-size: 0;
  position: absolute;
  left: 0;
  bottom: 38px;
}
.page-ban .content .tab-name a {
  position: relative;
  font-size: 14px;
  color: #fff;
  line-height: 48px;
  display: inline-block;
  padding: 0 min(1.82291667vw, 35px) 0 min(1.82291667vw, 35px);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
@media (max-width:1024px) {
  .page-ban .content .tab-name a {
    padding: 0 17.5px 0 17.5px;
  }
}
.page-ban .content .tab-name a.on {
  background-color: #0f5ccf;
  color: #fff;
}
.page-ban .content .tab-name::before {
  content: '';
  width: 100%;
  width: -moz-calc(98%);
  width: -webkit-calc(98%);
  width: calc(100% - 2px);
  height: 100%;
  height: -moz-calc(98%);
  height: -webkit-calc(98%);
  height: calc(100% - 2px);
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media (max-width:768px) {
  @keyframes scale {
    0% {
      transform: scale(1) translateY(-50%);
    }
    50% {
      transform: scale(1.1) translateY(-50%);
    }
    100% {
      transform: scale(1) translateY(-50%);
    }
  }
  .page-ban .img {
    height: 200px;
  }
  .page-ban .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    object-fit: cover;
    object-position: 50% 50%;
  }
}
.page-title {
  position: relative;
}
.page-title .name {
  font-size: 32px;
  color: #333333;
  line-height: 1.4;
}
@media (max-width:1600px) {
  .page-title .name {
    font-size: 24px;
  }
}
@media (max-width:1470px) {
  .page-title .name {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .page-title .name {
    font-size: 22px;
  }
}
@media (max-width:768px) {
  .page-title .name {
    font-size: 20px;
  }
}
.page-title .sub-name {
  font-size: 32px;
  color: #000000;
  line-height: 1.4;
}
@media (max-width:1600px) {
  .page-title .sub-name {
    font-size: 24px;
  }
}
@media (max-width:1470px) {
  .page-title .sub-name {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .page-title .sub-name {
    font-size: 22px;
  }
}
@media (max-width:768px) {
  .page-title .sub-name {
    font-size: 20px;
  }
}
.page-title .text {
  font-size: 26px;
  color: #000;
  line-height: 1.6;
}
@media (max-width:1600px) {
  .page-title .text {
    font-size: 23px;
  }
}
@media (max-width:1470px) {
  .page-title .text {
    font-size: 21px;
  }
}
@media (max-width:1024px) {
  .page-title .text {
    font-size: 18px;
  }
}
.page-title .sub-text {
  font-size: 22px;
  color: #333333;
  line-height: 1.4;
  margin-top: min(0.625vw, 12px);
}
@media (max-width:1600px) {
  .page-title .sub-text {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  .page-title .sub-text {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .page-title .sub-text {
    margin-top: 6px;
  }
}
.page-title .en {
  font-size: 80px;
  color: #000000;
  line-height: 1;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1), #000 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width:1600px) {
  .page-title .en {
    font-size: 62px;
  }
}
@media (max-width:1470px) {
  .page-title .en {
    font-size: 52px;
  }
}
@media (max-width:1024px) {
  .page-title .en {
    font-size: 42px;
  }
}
@media (max-width:768px) {
  .page-title .en {
    font-size: 32px;
  }
}
.page-title .en i {
  font-size: 80px;
  color: transparent;
  line-height: 1;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: url(../images/en-line.png) repeat-x left center;
  background-clip: text;
  -webkit-background-clip: text;
}
@media (max-width:1600px) {
  .page-title .en i {
    font-size: 62px;
  }
}
@media (max-width:1470px) {
  .page-title .en i {
    font-size: 52px;
  }
}
@media (max-width:1024px) {
  .page-title .en i {
    font-size: 42px;
  }
}
@media (max-width:768px) {
  .page-title .en i {
    font-size: 32px;
  }
}
@media (max-width:768px) {
  .page-title .en {
    position: relative;
    margin: 0;
    display: inline-block;
  }
}
.pagenav2 {
  padding: 40px 56px 45px 48px;
}
.pagenav2 .up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pagenav2 .up .kong {
  opacity: 0;
  pointer-events: none;
}
.pagenav2 .up .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.pagenav2 .up .list a {
  font-size: 16px;
  color: #999999;
  height: 52px;
  border: 1px solid transparent;
  border-radius: 26px;
  padding: 0 20px;
  margin: 0 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width:1600px) {
  .pagenav2 .up .list a {
    font-size: 14px;
  }
}
.pagenav2 .up .list a.on {
  border-color: #0f5ccf;
  color: #0f5ccf;
}
.pagenav2 .up .list2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 39.2%;
}
.pagenav2 .up .list2 .item {
  width: 50%;
  padding: 0 2%;
}
.pagenav2 .up .list3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 70%;
}
.pagenav2 .up .list3 .item {
  width: 25%;
  padding: 0 2%;
}
.pagenav2 .up .tip-nav .tip-box a {
  position: relative;
  font-size: 16px;
  color: #666666;
  padding-right: 14px;
  margin-right: 10px;
}
@media (max-width:1600px) {
  .pagenav2 .up .tip-nav .tip-box a {
    font-size: 14px;
  }
}
.pagenav2 .up .tip-nav .tip-box a:last-child {
  padding-right: 0;
  margin-right: 0;
}
.pagenav2 .up .tip-nav .tip-box a:last-child::before {
  display: none;
}
.pagenav2 .up .tip-nav .tip-box a::before {
  content: '';
  width: 5px;
  height: 100%;
  background: url(../images/a.png) no-repeat center;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.pagenav2 .c_down {
  position: relative;
  height: 52px;
  cursor: pointer;
}
.pagenav2 .c_down span {
  position: relative;
  display: block;
  height: 50px;
  line-height: 50px;
  border: 1px solid #cccccc;
  color: #999999;
  font-size: 16px;
  padding: 0 min(2.08333333vw, 40px) 0 min(1.875vw, 36px);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 26px;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  -ms-border-radius: 26px;
  -o-border-radius: 26px;
}
@media (max-width:1600px) {
  .pagenav2 .c_down span {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .pagenav2 .c_down span {
    padding: 0 20px 0 18px;
  }
}
.pagenav2 .c_down span::before {
  content: '';
  width: 12px;
  height: 100%;
  background: url(../images/sb2.png) no-repeat center;
  background-size: 12px 11px;
  position: absolute;
  right: 28px;
  top: 0;
}
.pagenav2 .c_down ul {
  display: none;
  z-index: 9;
  position: absolute;
  top: 52px;
  background-color: #fff;
  padding: 20px;
  max-height: 119px;
  overflow-y: auto;
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.pagenav2 .c_down ul li {
  font-size: 14px;
  color: #888888;
  height: 30px;
  line-height: 30px;
}
.pagenav2 .c_down.on span,
.pagenav2 .c_down:hover span {
  color: #0f5ccf;
  border-color: #0f5ccf;
}
.pagenav2 .c_down.on span::before,
.pagenav2 .c_down:hover span::before {
  background: url(../images/dsb.png) no-repeat center;
  background-size: 12px 11px;
}
@media (max-width:1200px) {
  .pagenav2 .c_down {
    height: 36px;
  }
  .pagenav2 .c_down span {
    height: 34px;
    line-height: 34px;
    padding: 0 20px 0 12px;
  }
  .pagenav2 .c_down span::before {
    width: 9px;
    background-size: 9px 8px;
    right: 8px;
  }
  .pagenav2 .c_down ul {
    top: 36px;
  }
}
@media (max-width:1200px) {
  .pagenav2 {
    padding: 0;
  }
  .pagenav2 .up {
    display: block;
  }
  .pagenav2 .up .tip-nav {
    display: none;
  }
  .pagenav2 .up .list {
    display: none;
  }
  .pagenav2 .up .list2 {
    width: auto;
    padding: 20px 40px;
    margin-left: -2%;
    margin-right: -2%;
  }
  .pagenav2 .up .list3 {
    width: auto;
    padding: 20px 40px;
    margin-left: -2%;
    margin-right: -2%;
  }
  .pagenav2 .up .kong {
    display: none;
  }
}
@media (max-width:768px) {
  .pagenav2 .up .list2 {
    padding: 20px 17.5px;
  }
  .pagenav2 .up .list3 {
    padding: 20px 17.5px;
  }
  .pagenav2 .up .list3 .item {
    width: 50%;
    margin-bottom: 10px;
  }
}
.wrapper {
  margin-top: 85px;
  overflow: hidden;
}
.wrapper.news-d {
  overflow: visible;
}
@media (max-width:1200px) {
  .wrapper {
    margin-top: 65px;
  }
  .wrapper.news-d {
    overflow: hidden;
  }
}
.wrapper .page-form-block {
  padding: min(3.64583333vw, 70px) 0 min(3.85416667vw, 74px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
@media (max-width:1024px) {
  .wrapper .page-form-block {
    padding: 35px 0 37px 0;
  }
}
.wrapper .page-form-block .float-btn {
  width: 28px;
  height: 28px;
  background: url(../images/search-ico.png) no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  margin: auto;
  z-index: 2;
  cursor: pointer;
}
.wrapper .page-form-block .title {
  font-size: 22px;
  color: #000000;
  line-height: 1.4;
  margin-left: 20px;
}
@media (max-width:1600px) {
  .wrapper .page-form-block .title {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  .wrapper .page-form-block .title {
    font-size: 16px;
  }
}
.wrapper .page-form-block .searchform {
  width: 0;
  padding-bottom: 4px;
  position: relative;
  border: none;
  border-bottom: 2px solid #000;
  background: none;
  color: inherit;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.wrapper .page-form-block .searchform .input {
  font-size: 18px;
  color: #000;
  font-style: normal;
  text-transform: uppercase;
  width: 100%;
  padding: 0 55px 0 0;
}
@media (max-width:1600px) {
  .wrapper .page-form-block .searchform .input {
    font-size: 16px;
  }
}
@media (max-width:1470px) {
  .wrapper .page-form-block .searchform .input {
    font-size: 15px;
  }
}
.wrapper .page-form-block .searchform .input::-webkit-input-placeholder {
  color: #000;
}
.wrapper .page-form-block .searchform .input:-moz-placeholder {
  color: #000;
}
.wrapper .page-form-block .searchform .input::-moz-placeholder {
  color: #000;
}
.wrapper .page-form-block .searchform .input:-ms-input-placeholder {
  color: #000;
}
.wrapper .page-form-block .searchform .searchsubmit {
  width: 28px;
  height: 28px;
  background: url(../images/search-ico.png) no-repeat;
  position: absolute;
  right: 0;
  bottom: 4px;
}
.wrapper .page-form-block .searchform:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 2px;
  background: #0f5ccf;
  transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
}
.wrapper .page-form-block .searchform.focus:before {
  width: 100%;
}
.wrapper .page-form-block.on .searchform {
  width: 100%;
  flex: 1;
  overflow: visible;
}
.wrapper .page-form-block.on .float-btn {
  display: none;
}
@media (max-width:1200px) {
  .wrapper .page-form-block {
    display: none;
  }
}
.index .index-swiper {
  position: relative;
  height: 690px;
  overflow: hidden;
  background-color: #f9f9f9;
}
.index .index-swiper .swiper-wrapper::after {
  content: '';
  width: 1562px;
  height: 1562px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: -1700px;
  pointer-events: none;
  z-index: -2;
  margin-right: 50%;
  margin-top: -781px;
}
.index .index-swiper .swiper-slide {
  height: 690px;
  z-index: 5;
  position: relative;
}
.index .index-swiper .swiper-slide .bg {
  position: absolute;
  z-index: 5;
  top: 0;
  height: 100%;
  width: 1562px;
  right: -1700px;
  margin-right: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index .index-swiper .swiper-slide .bg img {
  width: 25.3vw;
}
.index .index-swiper .swiper-slide .pc-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: no-repeat center;
  background-size: cover;
}
.index .index-swiper .swiper-slide .m-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: no-repeat center;
  background-size: cover;
  opacity: 0;
}
.index .index-swiper .videoBox {
  position: relative;
  width: 100%;
  height: 100%;
}
.index .index-swiper .videoBox:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-filter: alpha(opacity=40);
}
.index .index-swiper .videoBox video {
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
}
.index .index-swiper .slide-box {
  max-width: 1400px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 9;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index .index-swiper .slide-box .ani .title {
  font-size: 42px;
  color: #000;
  line-height: 1.4;
}
@media (max-width:1600px) {
  .index .index-swiper .slide-box .ani .title {
    font-size: 40px;
  }
}
@media (max-width:1470px) {
  .index .index-swiper .slide-box .ani .title {
    font-size: 36px;
  }
}
@media (max-width:1024px) {
  .index .index-swiper .slide-box .ani .title {
    font-size: 30px;
  }
}
@media (max-width:768px) {
  .index .index-swiper .slide-box .ani .title {
    font-size: 24px;
  }
}
.index .index-swiper .slide-box .ani ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-top: 60px;
  margin-top: min(3.125vw, 60px);
}
@media (max-width:1024px) {
  .index .index-swiper .slide-box .ani ul {
    margin-top: 30px;
  }
}
.index .index-swiper .slide-box .ani ul li {
  color: #000000;
  margin-right: 50px;
  margin-right: min(2.60416667vw, 50px);
  margin-bottom: 5px;
}
@media (max-width:1024px) {
  .index .index-swiper .slide-box .ani ul li {
    margin-right: 25px;
  }
}
.index .index-swiper .slide-box .ani ul li:last-child {
  margin-right: 0;
}
.index .index-swiper .slide-box .ani ul li em {
  font-size: 26px;
  line-height: 1;
  display: block;
  margin-bottom: 8px;
}
@media (max-width:1600px) {
  .index .index-swiper .slide-box .ani ul li em {
    font-size: 23px;
  }
}
@media (max-width:1470px) {
  .index .index-swiper .slide-box .ani ul li em {
    font-size: 21px;
  }
}
@media (max-width:1024px) {
  .index .index-swiper .slide-box .ani ul li em {
    font-size: 18px;
  }
}
.index .index-swiper .slide-box .ani ul li p {
  font-size: 14px;
  color: #333333;
}
.index .index-swiper .slide-box .ani .text {
  font-size: 26px;
  color: #333333;
  line-height: 1.4;
}
@media (max-width:1600px) {
  .index .index-swiper .slide-box .ani .text {
    font-size: 23px;
  }
}
@media (max-width:1470px) {
  .index .index-swiper .slide-box .ani .text {
    font-size: 21px;
  }
}
@media (max-width:1024px) {
  .index .index-swiper .slide-box .ani .text {
    font-size: 18px;
  }
}
.index .index-swiper .slide-box .ani .more {
  margin-top: min(2.08333333vw, 40px);
  width: 96px;
  height: 47px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  border: 1px solid #000000;
  font-size: 14px;
  color: #333333;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 1s;
  transition: all 1s;
}
@media (max-width:1024px) {
  .index .index-swiper .slide-box .ani .more {
    margin-top: 20px;
  }
}
.index .index-swiper .slide-box .ani .more i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: 29px;
  width: 11px;
  height: 100%;
  background: url(../images/index/more-ico.png) no-repeat center;
  background-size: 11px 12px;
}
@media (max-width:990px) {
  .index .index-swiper .slide-box .ani .more {
    width: 75px !important;
    height: 38px !important;
  }
  .index .index-swiper .slide-box .ani .more i {
    width: 9px;
    background-size: 9px 10px;
    margin-left: 15px;
  }
}
.index .index-swiper .slide-box .ani .more::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.index .index-swiper .slide-box .ani .more i {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.index .index-swiper .slide-box .ani .more:hover {
  color: white;
  border-color: #0f5ccf;
}
.index .index-swiper .slide-box .ani .more:hover i {
  background: url(../images/index/-more-ico.png) no-repeat center;
  background-size: 11px 12px;
}
.index .index-swiper .slide-box .ani .more:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.index .index-swiper .slibox {
  max-width: 1400px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 5;
  bottom: 0;
  margin: auto;
  margin-bottom: min(3.38541667vw, 65px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
@media (max-width:1024px) {
  .index .index-swiper .slibox {
    margin-bottom: 32.5px;
  }
}
.index .index-swiper .slibox .slide-btn {
  position: relative;
  width: 32px;
  height: 32px;
  margin-top: 0;
  margin-right: 5px;
  background: no-repeat center;
  border: 1px solid #000000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  left: auto;
  right: auto;
}
.index .index-swiper .slibox .slide-btn::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.index .index-swiper .slibox .slide-btn:last-child {
  margin-right: 0;
}
.index .index-swiper .slibox .slide-btn:hover {
  border: 1px solid #0f5ccf;
}
.index .index-swiper .slibox .slide-btn:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.index .index-swiper .slibox .slide-btn:hover.swiper-button-prev i {
  background: url(../images/prevon.png) no-repeat center;
  background-size: 9px 10px;
}
.index .index-swiper .slibox .slide-btn:hover.swiper-button-next i {
  background: url(../images/nexton.png) no-repeat center;
  background-size: 9px 10px;
}
.index .index-swiper .slibox .slide-btn.swiper-button-prev i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 9px;
  height: 100%;
  background: url(../images/prev.png) no-repeat center;
  background-size: 9px 10px;
  margin: auto;
}
.index .index-swiper .slibox .slide-btn.swiper-button-next i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 9px;
  height: 100%;
  background: url(../images/next.png) no-repeat center;
  background-size: 9px 10px;
  margin: auto;
}
.index .index-swiper .swiper-pagination {
  height: 0;
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 40px;
  margin: auto;
}
.index .index-swiper .swiper-pagination span {
  width: 60px;
  height: 2px;
  -webkit-border-radius: 0;
  border-radius: 0;
  opacity: 1;
  position: relative;
  background: transparent;
  margin: 0 4px !important;
}
.index .index-swiper .swiper-pagination span::before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.4;
}
.index .index-swiper .swiper-pagination span.swiper-pagination-bullet-active::after {
  content: '';
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  animation: h_schedule 4s 1 linear forwards;
  -webkit-animation: h_schedule 4s 1 linear forwards;
}
.index .index-swiper .slide-num {
  position: absolute;
  right: 50%;
  bottom: 50px;
  z-index: 9;
  color: white;
  font-size: 20px;
  line-height: 1;
}
@media (max-width:1600px) {
  .index .index-swiper .slide-num {
    font-size: 18px;
  }
}
@media (max-width:1470px) {
  .index .index-swiper .slide-num {
    font-size: 16px;
  }
}
.index .index-swiper .slide-num .all {
  font-size: 50px;
}
@media (max-width:1600px) {
  .index .index-swiper .slide-num .all {
    font-size: 46px;
  }
}
@media (max-width:1470px) {
  .index .index-swiper .slide-num .all {
    font-size: 39px;
  }
}
@media (max-width:1024px) {
  .index .index-swiper .slide-num .all {
    font-size: 33px;
  }
}
@media (max-width:768px) {
  .index .index-swiper .slide-num .all {
    font-size: 27px;
  }
}
@media (max-width:1440px) {
  .index .index-swiper .slide-box {
    max-width: 100%;
    padding: 0 40px;
  }
  .index .index-swiper .slibox {
    max-width: 100%;
    padding: 0 40px;
  }
}
@media (max-width:1280px) {
  .index .index-swiper .content .ani {
    padding: 0 40px;
  }
  .index .index-swiper .slide-btn {
    display: none;
  }
}
@media (max-width:1200px) {
  .index .index-swiper {
    height: 520px;
  }
  .index .index-swiper .swiper-slide {
    height: 520px;
  }
  .index .index-swiper .svg-container {
    height: 700px;
  }
}
@media (max-width:768px) {
  .index .index-swiper {
    height: 100vh;
    height: -moz-calc(35vh);
    height: -webkit-calc(35vh);
    height: calc(100vh - 65px);
  }
  .index .index-swiper .swiper-wrapper::after {
    right: -781px;
    margin-top: 0;
    top: 50%;
  }
  .index .index-swiper .svg-container {
    bottom: auto;
    right: -770px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .index .index-swiper .swiper-slide {
    height: 100vh;
    height: -moz-calc(35vh);
    height: -webkit-calc(35vh);
    height: calc(100vh - 65px);
  }
  .index .index-swiper .swiper-slide .slide-box {
    padding: 0 17.5px;
    display: block;
  }
  .index .index-swiper .swiper-slide .slide-box .ani {
    top: 60px;
    width: 100%;
    text-align: center;
    position: relative;
  }
  .index .index-swiper .swiper-slide .slide-box .ani .title {
    font-size: 24px;
  }
  .index .index-swiper .swiper-slide .slide-box .ani ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .index .index-swiper .swiper-slide .slide-box .ani .text {
    font-size: 18px;
  }
  .index .index-swiper .swiper-slide .slide-box .ani .more {
    margin: auto;
    margin-top: 20px;
    background-color: #000;
    color: white;
  }
  .index .index-swiper .swiper-slide .slide-box .ani .more i {
    background: url(../images/index/-more-ico.png) no-repeat center;
    background-size: 9px 10px;
  }
  .index .index-swiper .swiper-slide .bg {
    right: 0;
    width: 100%;
    margin-right: 0;
    height: auto;
    bottom: 10%;
    top: auto;
  }
  .index .index-swiper .swiper-slide .bg img {
    width: 86%;
    margin: auto;
  }
  .index .index-swiper .swiper-slide .pc-bg {
    opacity: 0;
  }
  .index .index-swiper .swiper-slide .m-bg {
    opacity: 1;
  }
  .index .index-swiper .svg-container {
    height: 400px;
  }
  .index .index-swiper .svg-container .icon-sun {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .index .index-swiper .content .ani {
    padding: 0 17.5px;
  }
  .index .index-swiper .slibox {
    left: auto;
    right: 17.5px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    padding: 0;
  }
  .index .index-swiper .slibox .slide-btn {
    border: 1px solid white;
  }
  .index .index-swiper .slibox .slide-btn i {
    background-size: 9px 10px !important;
  }
  .index .index-swiper .slibox .slide-btn.swiper-button-prev i {
    background: url(../images/prevon.png) no-repeat center;
  }
  .index .index-swiper .slibox .slide-btn.swiper-button-next i {
    background: url(../images/nexton.png) no-repeat center;
  }
  .index .index-swiper .slibox.on {
    opacity: 0;
  }
}
.index .index-box1 {
  padding: 145px 0 98px;
  padding: min(7.55208333vw, 145px) 0 min(5.10416667vw, 98px);
  background: url(../images/index/index-box1-bg.jpg) no-repeat center;
  background-size: cover;
}
@media (max-width:1024px) {
  .index .index-box1 {
    padding: 72.5px 0 49px 0;
  }
}
.index .index-box1 .page-title .name {
  color: #000000;
}
.index .index-box1 .wrap-box .index-slide {
  position: relative;
  padding-bottom: 40px;
}
.index .index-box1 .wrap-box .index-slide .slibox {
  position: absolute;
  right: 0;
  z-index: 5;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.index .index-box1 .wrap-box .index-slide .slibox .slide-btn {
  position: relative;
  width: 32px;
  height: 32px;
  margin-top: 0;
  margin-right: 5px;
  background: no-repeat center;
  border: 1px solid #000000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  left: auto;
  right: auto;
}
.index .index-box1 .wrap-box .index-slide .slibox .slide-btn::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.index .index-box1 .wrap-box .index-slide .slibox .slide-btn:last-child {
  margin-right: 0;
}
.index .index-box1 .wrap-box .index-slide .slibox .slide-btn:hover {
  border: 1px solid #0f5ccf;
}
.index .index-box1 .wrap-box .index-slide .slibox .slide-btn:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.index .index-box1 .wrap-box .index-slide .slibox .slide-btn:hover.swiper-button-prev i {
  background: url(../images/prevon.png) no-repeat center;
  background-size: 8px 9px;
}
.index .index-box1 .wrap-box .index-slide .slibox .slide-btn:hover.swiper-button-next i {
  background: url(../images/nexton.png) no-repeat center;
  background-size: 8px 9px;
}
.index .index-box1 .wrap-box .index-slide .slibox .slide-btn.swiper-button-prev {
  margin-left: 10px;
}
.index .index-box1 .wrap-box .index-slide .slibox .slide-btn.swiper-button-prev i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 8px;
  height: 100%;
  background: url(../images/prev.png) no-repeat center;
  background-size: 8px 9px;
  margin: auto;
}
.index .index-box1 .wrap-box .index-slide .slibox .slide-btn.swiper-button-next i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 8px;
  height: 100%;
  background: url(../images/next.png) no-repeat center;
  background-size: 8px 9px;
  margin: auto;
}
.index .index-box1 .wrap-box .index-slide .beer-slider {
  max-width: 1000px;
  margin: auto;
  display: block;
}
.index .index-box1 .wrap-box .index-slide .tishi {
  text-align: center;
  font-size: 12px;
  color: #000;
  margin-top: 5px;
}
.index .index-box1 .wrap-box .index-slide .slide-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 34px;
}
.index .index-box1 .wrap-box .index-slide .slide-box .slide-le {
  width: 31.3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index .index-box1 .wrap-box .index-slide .slide-box .slide-le .name {
  font-size: 32px;
  color: #333333;
  line-height: 1.4;
}
@media (max-width:1600px) {
  .index .index-box1 .wrap-box .index-slide .slide-box .slide-le .name {
    font-size: 24px;
  }
}
@media (max-width:1470px) {
  .index .index-box1 .wrap-box .index-slide .slide-box .slide-le .name {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .index .index-box1 .wrap-box .index-slide .slide-box .slide-le .name {
    font-size: 22px;
  }
}
@media (max-width:768px) {
  .index .index-box1 .wrap-box .index-slide .slide-box .slide-le .name {
    font-size: 20px;
  }
}
.index .index-box1 .wrap-box .index-slide .slide-box .slide-le .text {
  font-size: 22px;
  color: #666666;
  line-height: 1.9;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  margin-top: min(0.72916667vw, 14px);
}
@media (max-width:1600px) {
  .index .index-box1 .wrap-box .index-slide .slide-box .slide-le .text {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  .index .index-box1 .wrap-box .index-slide .slide-box .slide-le .text {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .index .index-box1 .wrap-box .index-slide .slide-box .slide-le .text {
    margin-top: 7px;
  }
}
.index .index-box1 .wrap-box .index-slide .slide-box .slide-le .more {
  margin-top: min(1.77083333vw, 34px);
  width: 96px;
  height: 47px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  border: 1px solid #000000;
  font-size: 14px;
  color: #333333;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 1s;
  transition: all 1s;
}
@media (max-width:1024px) {
  .index .index-box1 .wrap-box .index-slide .slide-box .slide-le .more {
    margin-top: 17px;
  }
}
.index .index-box1 .wrap-box .index-slide .slide-box .slide-le .more i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: 29px;
  width: 11px;
  height: 100%;
  background: url(../images/index/more-ico.png) no-repeat center;
  background-size: 11px 12px;
}
@media (max-width:990px) {
  .index .index-box1 .wrap-box .index-slide .slide-box .slide-le .more {
    width: 75px !important;
    height: 38px !important;
  }
  .index .index-box1 .wrap-box .index-slide .slide-box .slide-le .more i {
    width: 9px;
    background-size: 9px 10px;
    margin-left: 15px;
  }
}
.index .index-box1 .wrap-box .index-slide .slide-box .slide-le .more::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.index .index-box1 .wrap-box .index-slide .slide-box .slide-le .more i {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.index .index-box1 .wrap-box .index-slide .slide-box .slide-le .more:hover {
  color: white;
  border-color: #0f5ccf;
}
.index .index-box1 .wrap-box .index-slide .slide-box .slide-le .more:hover i {
  background: url(../images/index/-more-ico.png) no-repeat center;
  background-size: 11px 12px;
}
.index .index-box1 .wrap-box .index-slide .slide-box .slide-le .more:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.index .index-box1 .wrap-box .index-slide .slide-box .slide-img {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index .index-box1 .wrap-box .index-slide .slide-box .slide-img img {
  height: 346px;
  object-fit: contain;
}
.index .index-box1 .wrap-box .index-slide .text-box .text-le {
  font-size: 50px;
  color: #000000;
  line-height: 1.4;
  width: 40%;
  max-width: 94%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width:1600px) {
  .index .index-box1 .wrap-box .index-slide .text-box .text-le {
    font-size: 46px;
  }
}
@media (max-width:1470px) {
  .index .index-box1 .wrap-box .index-slide .text-box .text-le {
    font-size: 39px;
  }
}
@media (max-width:1024px) {
  .index .index-box1 .wrap-box .index-slide .text-box .text-le {
    font-size: 33px;
  }
}
@media (max-width:768px) {
  .index .index-box1 .wrap-box .index-slide .text-box .text-le {
    font-size: 27px;
  }
}
.index .index-box1 .wrap-box .index-slide .text-box .text-ri {
  width: 54.5%;
}
.index .index-box1 .wrap-box .index-slide .text-box .text-ri ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.index .index-box1 .wrap-box .index-slide .text-box .text-ri ul li {
  color: #000000;
}
.index .index-box1 .wrap-box .index-slide .text-box .text-ri ul li em {
  font-size: 40px;
  line-height: 1;
}
@media (max-width:1600px) {
  .index .index-box1 .wrap-box .index-slide .text-box .text-ri ul li em {
    font-size: 38px;
  }
}
@media (max-width:1470px) {
  .index .index-box1 .wrap-box .index-slide .text-box .text-ri ul li em {
    font-size: 33px;
  }
}
@media (max-width:1024px) {
  .index .index-box1 .wrap-box .index-slide .text-box .text-ri ul li em {
    font-size: 29px;
  }
}
@media (max-width:768px) {
  .index .index-box1 .wrap-box .index-slide .text-box .text-ri ul li em {
    font-size: 24px;
  }
}
.index .index-box1 .wrap-box .index-slide .text-box .text-ri ul li p {
  font-size: 22px;
  color: #000000;
}
@media (max-width:1600px) {
  .index .index-box1 .wrap-box .index-slide .text-box .text-ri ul li p {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  .index .index-box1 .wrap-box .index-slide .text-box .text-ri ul li p {
    font-size: 16px;
  }
}
.index .index-box1 .wrap-box .index-slide .text-box .text-ri .more {
  width: 96px;
  height: 47px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  border: 1px solid #000000;
  font-size: 14px;
  color: #333333;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 1s;
  transition: all 1s;
  color: white;
  background-color: #0f5ccf;
  border-color: #0f5ccf;
  margin-top: min(4.0625vw, 78px);
}
.index .index-box1 .wrap-box .index-slide .text-box .text-ri .more i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: 29px;
  width: 11px;
  height: 100%;
  background: url(../images/index/more-ico.png) no-repeat center;
  background-size: 11px 12px;
}
@media (max-width:990px) {
  .index .index-box1 .wrap-box .index-slide .text-box .text-ri .more {
    width: 75px !important;
    height: 38px !important;
  }
  .index .index-box1 .wrap-box .index-slide .text-box .text-ri .more i {
    width: 9px;
    background-size: 9px 10px;
    margin-left: 15px;
  }
}
@media (max-width:1024px) {
  .index .index-box1 .wrap-box .index-slide .text-box .text-ri .more {
    margin-top: 39px;
  }
}
.index .index-box1 .wrap-box .index-slide .text-box .text-ri .more::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.index .index-box1 .wrap-box .index-slide .text-box .text-ri .more i {
  background: url(../images/index/-more-ico.png) no-repeat center;
  background-size: 15px 16px;
  -webkit-transition: all 1s;
  transition: all 1s;
}
@media (max-width:1600px) {
  .index .index-box1 .wrap-box .index-slide .slide-box .slide-img img {
    height: 300px;
  }
}
@media (max-width:1200px) {
  .index .index-box1 {
    padding: 50px 0;
  }
  .index .index-box1 .wrap-box .index-slide .tishi {
    display: none;
  }
  .index .index-box1 .wrap-box .index-slide .slide-box .slide-le {
    width: 42%;
  }
  .index .index-box1 .wrap-box .index-slide .slide-box .slide-le .name {
    font-size: 18px;
  }
  .index .index-box1 .wrap-box .index-slide .slide-box .slide-le .text {
    font-size: 14px;
    line-height: 1.4;
  }
  .index .index-box1 .wrap-box .index-slide .text-box .text-le {
    font-size: 18px;
  }
  .index .index-box1 .wrap-box .index-slide .text-box .text-ri ul li em {
    font-size: 16px;
  }
  .index .index-box1 .wrap-box .index-slide .text-box .text-ri ul li p {
    font-size: 14px;
  }
  .index .index-box1 .beer-handle {
    display: none;
  }
  .index .index-box1 .beer-reveal {
    display: none;
  }
}
@media (max-width:990px) {
  .index .index-box1 .wrap-box .index-slide .text-box .text-ri .more i {
    background-size: 9px 10px;
  }
  .index .index-box1 .wrap-box .index-slide .slide-box .slide-img img {
    height: 200px;
  }
}
@media (max-width:768px) {
  .index .index-box1 .wrap-box .index-slide .slide-box {
    display: block;
  }
  .index .index-box1 .wrap-box .index-slide .slide-box .slide-le {
    width: 100%;
    display: block;
  }
  .index .index-box1 .wrap-box .index-slide .slide-box .slide-img {
    width: 100%;
    margin-top: 20px;
  }
  .index .index-box1 .wrap-box .index-slide .text-box {
    display: block;
  }
  .index .index-box1 .wrap-box .index-slide .text-box .text-le {
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
  }
  .index .index-box1 .wrap-box .index-slide .text-box .text-ri {
    width: 100%;
  }
  .index .index-box1 .wrap-box .index-slide .text-box .text-ri ul {
    display: block;
  }
  .index .index-box1 .wrap-box .index-slide .text-box .text-ri ul li {
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5;
  }
  .index .index-box1 .wrap-box .index-slide .text-box .text-ri .more {
    margin-top: 40px;
  }
  .index .index-box1 .wrap-box .index-slide .slibox {
    clear: both;
    transition: all 1.6s;
    -webkit-transition: all 1.6s;
    opacity: 0;
  }
  .index .index-box1 .wrap-box .index-slide .slibox .slide-btn i {
    background-size: 9px 10px !important;
  }
  .index .index-box1 .wrap-box .index-slide .slibox.on {
    opacity: 1;
  }
}
.index .index-box2 {
  background: url(../images/index/index2-bg.jpg) no-repeat center;
  background-size: cover;
  padding: min(17.1875vw, 330px) 0 min(17.1875vw, 330px);
  text-align: center;
  position: relative;
  overflow: hidden;
}
@media (max-width:1024px) {
  .index .index-box2 {
    padding: 165px 0 165px 0;
  }
}
.index .index-box2 .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.index .index-box2 .video::before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0.5;
}
.index .index-box2 .video .videoio {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  z-index: 1;
}
.index .index-box2 .wrap-box {
  padding: 0 40px;
  position: relative;
  z-index: 3;
}
.index .index-box2 .wrap-box .page-title .ico {
  width: 5.8vw;
  margin: auto;
}
.index .index-box2 .wrap-box .page-title .name {
  color: white;
  margin: min(2.29166667vw, 44px) 0 min(0.52083333vw, 10px);
}
@media (max-width:1024px) {
  .index .index-box2 .wrap-box .page-title .name {
    margin: 22px 0 5px;
  }
}
.index .index-box2 .wrap-box .page-title .text {
  color: white;
}
.index .index-box2 .wrap-box .page-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: min(3.64583333vw, 70px);
}
@media (max-width:1024px) {
  .index .index-box2 .wrap-box .page-btn {
    margin-top: 35px;
  }
}
.index .index-box2 .wrap-box .page-btn .more {
  width: 96px;
  height: 47px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  border: 1px solid #000000;
  font-size: 14px;
  color: #333333;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 150px;
  height: 75px;
  border-radius: 38px;
  -webkit-transition: all 1s;
  transition: all 1s;
  border-color: white;
  color: white;
}
.index .index-box2 .wrap-box .page-btn .more i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: 29px;
  width: 11px;
  height: 100%;
  background: url(../images/index/more-ico.png) no-repeat center;
  background-size: 11px 12px;
}
@media (max-width:990px) {
  .index .index-box2 .wrap-box .page-btn .more {
    width: 75px !important;
    height: 38px !important;
  }
  .index .index-box2 .wrap-box .page-btn .more i {
    width: 9px;
    background-size: 9px 10px;
    margin-left: 15px;
  }
}
.index .index-box2 .wrap-box .page-btn .more i {
  width: 21px;
  background: url(../images/index/index2-xz.png) no-repeat center;
  background-size: 21px 20px;
  margin-left: 10px;
}
.index .index-box2 .wrap-box .page-btn .more:last-child {
  margin-left: 30px;
}
.index .index-box2 .wrap-box .page-btn .more:last-child i {
  width: 23px;
  background: url(../images/index/index2-video.png) no-repeat center;
  background-size: 23px 18px;
  margin-left: 10px;
}
.index .index-box2 .wrap-box .page-btn .more::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.index .index-box2 .wrap-box .page-btn .more:hover {
  color: white;
  border-color: #0f5ccf;
}
.index .index-box2 .wrap-box .page-btn .more:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
@media (max-width:1200px) {
  .index .index-box2 .wrap-box {
    padding: 0 20px;
  }
}
@media (max-width:990px) {
  .index .index-box2 .wrap-box .page-btn .more i {
    display: none;
  }
}
@media (max-width:768px) {
  .index .index-box2 .wrap-box .page-title .ico {
    width: 45px;
  }
  .index .index-box2 .wrap-box .text {
    font-size: 14px;
    line-height: 24px;
  }
  .index .index-box2 .wrap-box .page-btn .more:last-child {
    margin-left: 10px;
  }
}
.index .index-box3 {
  padding-top: min(5.20833333vw, 100px);
  padding-bottom: min(10.41666667vw, 200px);
  overflow: hidden;
}
@media (max-width:1024px) {
  .index .index-box3 {
    padding-top: 50px;
  }
}
@media (max-width:1024px) {
  .index .index-box3 {
    padding-bottom: 100px;
  }
}
.index .index-box3 .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-left: -26px;
  margin-right: -26px;
}
.index .index-box3 .list .item {
  width: 50%;
  padding: 0 26px;
}
.index .index-box3 .list .item .item-box {
  background-color: #fff;
  box-shadow: 0 0 84px rgba(0, 0, 0, 0.1);
  display: block;
  height: 100%;
  position: relative;
}
.index .index-box3 .list .item .item-box .img {
  overflow: hidden;
}
.index .index-box3 .list .item .item-box .img .pb {
  padding-bottom: 67%;
}
.index .index-box3 .list .item .item-box .img .pb img {
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.index .index-box3 .list .item .item-box .text-box {
  padding: 0 min(2.08333333vw, 40px) 0 min(1.51041667vw, 29px);
  padding-top: min(1.875vw, 36px);
  padding-bottom: min(2.08333333vw, 40px);
}
@media (max-width:1024px) {
  .index .index-box3 .list .item .item-box .text-box {
    padding: 0 20px 0 14.5px;
  }
}
@media (max-width:1024px) {
  .index .index-box3 .list .item .item-box .text-box {
    padding-top: 18px;
  }
}
@media (max-width:1024px) {
  .index .index-box3 .list .item .item-box .text-box {
    padding-bottom: 20px;
  }
}
.index .index-box3 .list .item .item-box .text-box .name {
  font-size: 20px;
  color: #333333;
  line-height: 1.4;
  max-width: 94%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
@media (max-width:1600px) {
  .index .index-box3 .list .item .item-box .text-box .name {
    font-size: 18px;
  }
}
@media (max-width:1470px) {
  .index .index-box3 .list .item .item-box .text-box .name {
    font-size: 16px;
  }
}
.index .index-box3 .list .item .item-box .text-box .date {
  font-size: 16px;
  color: #333333;
  line-height: 1;
  margin: min(0.83333333vw, 16px) 0 min(1.25vw, 24px);
}
@media (max-width:1600px) {
  .index .index-box3 .list .item .item-box .text-box .date {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .index .index-box3 .list .item .item-box .text-box .date {
    margin: 8px 0 12px;
  }
}
.index .index-box3 .list .item .item-box .text-box .text {
  font-size: 14px;
  color: #333333;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.index .index-box3 .list .item .item-box .text-box .more {
  width: 96px;
  height: 47px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  border: 1px solid #000000;
  font-size: 14px;
  color: #333333;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: min(5vw, 96px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.index .index-box3 .list .item .item-box .text-box .more i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: 29px;
  width: 11px;
  height: 100%;
  background: url(../images/index/more-ico.png) no-repeat center;
  background-size: 11px 12px;
}
@media (max-width:990px) {
  .index .index-box3 .list .item .item-box .text-box .more {
    width: 75px !important;
    height: 38px !important;
  }
  .index .index-box3 .list .item .item-box .text-box .more i {
    width: 9px;
    background-size: 9px 10px;
    margin-left: 15px;
  }
}
@media (max-width:1024px) {
  .index .index-box3 .list .item .item-box .text-box .more {
    margin-top: 48px;
  }
}
.index .index-box3 .list .item .item-box .text-box .more::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.index .index-box3 .list .item .item-box .a-box {
  display: block;
  margin-bottom: min(1.5625vw, 30px);
}
@media (max-width:1024px) {
  .index .index-box3 .list .item .item-box .a-box {
    margin-bottom: 15px;
  }
}
.index .index-box3 .list .item .item-box .a-box:last-child {
  margin-bottom: 0;
}
.index .index-box3 .list .item .item-box .a-box .name {
  font-size: 20px;
  color: #666666;
  line-height: 1.4;
  max-width: 94%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width:1600px) {
  .index .index-box3 .list .item .item-box .a-box .name {
    font-size: 18px;
  }
}
@media (max-width:1470px) {
  .index .index-box3 .list .item .item-box .a-box .name {
    font-size: 16px;
  }
}
.index .index-box3 .list .item .item-box .a-box .date {
  font-size: 16px;
  color: #333333;
  line-height: 1;
  margin-top: min(0.625vw, 12px);
}
@media (max-width:1600px) {
  .index .index-box3 .list .item .item-box .a-box .date {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .index .index-box3 .list .item .item-box .a-box .date {
    margin-top: 6px;
  }
}
.index .index-box3 .list .item .item-box .a-box .text {
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.index .index-box3 .list .item .item-box .a-box:hover .name {
  color: #0f5ccf;
}
.index .index-box3 .list .item .item-box .page-more {
  width: 30px;
  height: 30px;
  border: 1px solid #000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: min(1.25vw, 24px) 0 min(2.1875vw, 42px);
}
@media (max-width:1024px) {
  .index .index-box3 .list .item .item-box .page-more {
    margin: 12px 0 21px;
  }
}
.index .index-box3 .list .item .item-box .page-more i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 8px;
  height: 100%;
  background: url(../images/index/more-ico.png) no-repeat center;
  background-size: 8px 9px;
  margin: auto;
}
.index .index-box3 .list .item:focus .item-box,
.index .index-box3 .list .item:hover .item-box {
  background-color: #0f5ccf;
}
.index .index-box3 .list .item:focus .item-box .img .pb .ab,
.index .index-box3 .list .item:hover .item-box .img .pb .ab {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.index .index-box3 .list .item:focus .item-box .img .pb img,
.index .index-box3 .list .item:hover .item-box .img .pb img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.index .index-box3 .list .item:focus .item-box .text-box .name,
.index .index-box3 .list .item:hover .item-box .text-box .name,
.index .index-box3 .list .item:focus .item-box .text-box .date,
.index .index-box3 .list .item:hover .item-box .text-box .date,
.index .index-box3 .list .item:focus .item-box .text-box .text,
.index .index-box3 .list .item:hover .item-box .text-box .text {
  color: white;
}
.index .index-box3 .list .item:focus .item-box .text-box .more,
.index .index-box3 .list .item:hover .item-box .text-box .more {
  border-color: white;
  background-color: white;
}
.index .index-box3 .list .item:last-child .item-box {
  padding: 0 min(1.5625vw, 30px) 0 min(1.5625vw, 30px);
  padding-top: min(1.25vw, 24px);
  background: url(../images/index/index3-item-bg.png) no-repeat center top;
  background-size: cover;
}
@media (max-width:1024px) {
  .index .index-box3 .list .item:last-child .item-box {
    padding: 0 15px 0 15px;
  }
}
@media (max-width:1024px) {
  .index .index-box3 .list .item:last-child .item-box {
    padding-top: 12px;
  }
}
.index .index-box3 .list .item:last-child .item-box .page-title .name {
  font-size: 30px;
}
@media (max-width:1600px) {
  .index .index-box3 .list .item:last-child .item-box .page-title .name {
    font-size: 26px;
  }
}
@media (max-width:1470px) {
  .index .index-box3 .list .item:last-child .item-box .page-title .name {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .index .index-box3 .list .item:last-child .item-box .page-title .name {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .index .index-box3 .list .item:last-child .item-box .page-title .name {
    font-size: 18px;
  }
}
.index .index-box3 .list .item:last-child .item-box .page-title .sub-text {
  font-size: 20px;
  margin-top: min(0.41666667vw, 8px);
}
@media (max-width:1600px) {
  .index .index-box3 .list .item:last-child .item-box .page-title .sub-text {
    font-size: 18px;
  }
}
@media (max-width:1470px) {
  .index .index-box3 .list .item:last-child .item-box .page-title .sub-text {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .index .index-box3 .list .item:last-child .item-box .page-title .sub-text {
    margin-top: 4px;
  }
}
.index .index-box3 .list .item:last-child:hover .item-box {
  background-color: white;
}
@media (max-width:1600px) {
  .index .index-box3 .list {
    margin-left: -15px;
    margin-right: -15px;
  }
  .index .index-box3 .list .item {
    padding: 0 15px;
  }
}
@media (max-width:1200px) {
  .index .index-box3 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .index .index-box3 .list {
    margin-left: -7px;
    margin-right: -7px;
  }
  .index .index-box3 .list .item {
    padding: 0 7px;
  }
  .index .index-box3 .list .item .item-box {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width:1024px) {
  .index .index-box3 .list .item:first-child {
    width: 50%;
  }
  .index .index-box3 .list .item:nth-child(2) {
    width: 50%;
  }
  .index .index-box3 .list .item:last-child {
    width: 100%;
    margin-top: 14px;
  }
  .index .index-box3 .list .item:last-child .item-box {
    padding: 20px 12px;
  }
}
@media (max-width:768px) {
  .index .index-box3 .list .item {
    width: 100% !important;
    margin-bottom: 14px;
  }
  .index .index-box3 .list .item .item-box .text-box {
    padding: 20px 14px;
  }
  .index .index-box3 .list .item .item-box .text-box .name {
    font-size: 16px;
  }
  .index .index-box3 .list .item:last-child .item-box .a-box .name {
    font-size: 16px;
  }
}
.index .num-box {
  padding: 0 min(2.91666667vw, 56px) 0 min(2.91666667vw, 56px);
}
@media (max-width:1024px) {
  .index .num-box {
    padding: 0 28px 0 28px;
  }
}
@media (max-width:1200px) {
  .index .num-box {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width:768px) {
  .index .num-box {
    padding-left: 17.5px;
    padding-right: 17.5px;
  }
}
.index .num-box .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 min(2.34375vw, 45px) 0 min(2.34375vw, 45px);
}
@media (max-width:1024px) {
  .index .num-box .num {
    padding: 0 22.5px 0 22.5px;
  }
}
.index .num-box .num .top {
  color: #333333;
  font-size: 22px;
  line-height: 1;
}
@media (max-width:1600px) {
  .index .num-box .num .top {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  .index .num-box .num .top {
    font-size: 16px;
  }
}
.index .num-box .num .top span {
  font-family: 'Beckman-FREE';
  font-size: 150px;
  line-height: 1;
  font-weight: 100;
}
@media (max-width:1600px) {
  .index .num-box .num .top span {
    font-size: 140px;
  }
}
@media (max-width:1560px) {
  .index .num-box .num .top span {
    font-size: 130px;
  }
}
@media (max-width:1470px) {
  .index .num-box .num .top span {
    font-size: 120px;
  }
}
@media (max-width:1366px) {
  .index .num-box .num .top span {
    font-size: 110px;
  }
}
@media (max-width:1200px) {
  .index .num-box .num .top span {
    font-size: 100px;
  }
}
@media (max-width:1024px) {
  .index .num-box .num .top span {
    font-size: 90px;
  }
}
@media (max-width:768px) {
  .index .num-box .num .top span {
    font-size: 64px;
  }
}
@media (max-width:480px) {
  .index .num-box .num .top span {
    font-size: 50px;
  }
}
@media (max-width:360px) {
  .index .num-box .num .top span {
    font-size: 40px;
  }
}
.index .num-box .num .bot {
  font-size: 22px;
  color: #333333;
  line-height: 1;
  margin-top: 4px;
}
@media (max-width:1600px) {
  .index .num-box .num .bot {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  .index .num-box .num .bot {
    font-size: 16px;
  }
}
@media (max-width:1200px) {
  .index .num-box .num {
    padding: 0;
  }
}
@media (max-width:768px) {
  .index .num-box .num .top span {
    font-size: 34px;
  }
  .index .num-box .num .bot {
    font-size: 14px;
  }
}
.index .index-box4 {
  padding-right: 13%;
  overflow: hidden;
}
.index .index-box4 .item {
  margin-bottom: min(6.77083333vw, 130px);
}
@media (max-width:1024px) {
  .index .index-box4 .item {
    margin-bottom: 65px;
  }
}
.index .index-box4 .item .item-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.index .index-box4 .item .item-box .img {
  width: 70.6%;
  overflow: hidden;
}
.index .index-box4 .item .item-box .img .pb {
  padding-bottom: 59.1%;
}
.index .index-box4 .item .item-box .img .pb img {
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.index .index-box4 .item .item-box .img:hover .ab {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.index .index-box4 .item .item-box .img:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.index .index-box4 .item .item-box .item-ri {
  width: 26%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index .index-box4 .item .item-box .item-ri .name {
  font-size: 32px;
  color: #333333;
  line-height: 1.4;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: min(1.45833333vw, 28px);
}
@media (max-width:1600px) {
  .index .index-box4 .item .item-box .item-ri .name {
    font-size: 24px;
  }
}
@media (max-width:1470px) {
  .index .index-box4 .item .item-box .item-ri .name {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .index .index-box4 .item .item-box .item-ri .name {
    font-size: 22px;
  }
}
@media (max-width:768px) {
  .index .index-box4 .item .item-box .item-ri .name {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .index .index-box4 .item .item-box .item-ri .name {
    margin-bottom: 14px;
  }
}
.index .index-box4 .item .item-box .item-ri .name em {
  display: block;
}
.index .index-box4 .item .item-box .item-ri .text {
  font-size: 22px;
  color: #666666;
  line-height: 1.9;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  margin-bottom: min(2.08333333vw, 40px);
}
@media (max-width:1600px) {
  .index .index-box4 .item .item-box .item-ri .text {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  .index .index-box4 .item .item-box .item-ri .text {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .index .index-box4 .item .item-box .item-ri .text {
    margin-bottom: 20px;
  }
}
.index .index-box4 .item .item-box .item-ri .more {
  width: 96px;
  height: 47px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  border: 1px solid #000000;
  font-size: 14px;
  color: #333333;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.index .index-box4 .item .item-box .item-ri .more i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: 29px;
  width: 11px;
  height: 100%;
  background: url(../images/index/more-ico.png) no-repeat center;
  background-size: 11px 12px;
}
@media (max-width:990px) {
  .index .index-box4 .item .item-box .item-ri .more {
    width: 75px !important;
    height: 38px !important;
  }
  .index .index-box4 .item .item-box .item-ri .more i {
    width: 9px;
    background-size: 9px 10px;
    margin-left: 15px;
  }
}
.index .index-box4 .item .item-box .item-ri .more::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.index .index-box4 .item .item-box .item-ri .more i {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.index .index-box4 .item .item-box .item-ri .more:hover {
  color: white;
  border-color: #0f5ccf;
}
.index .index-box4 .item .item-box .item-ri .more:hover i {
  background: url(../images/index/-more-ico.png) no-repeat center;
  background-size: 11px 12px;
}
.index .index-box4 .item .item-box .item-ri .more:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.index .index-box4 .item .item-box:hover .item-ri .name {
  color: #0f5ccf;
}
@media (max-width:1200px) {
  .index .index-box4 {
    padding-right: 40px;
  }
  .index .index-box4 .item {
    margin-bottom: 50px;
  }
}
@media (max-width:768px) {
  .index .index-box4 {
    padding-right: 0;
  }
  .index .index-box4 .item .item-box {
    display: block;
  }
  .index .index-box4 .item .item-box .img {
    width: 100%;
  }
  .index .index-box4 .item .item-box .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    object-fit: cover;
    object-position: 50% 50%;
    -webkit-animation: scale 12s linear infinite;
    animation: scale 12s linear infinite;
  }
  .index .index-box4 .item .item-box .item-ri {
    padding: 0 17.5px;
    width: 100%;
    display: block;
    margin-top: 20px;
  }
  .index .index-box4 .item .item-box .item-ri .name {
    font-size: 16px;
  }
  .index .index-box4 .item .item-box .item-ri .text {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.index .content {
  width: 1400px;
}
@media (max-width:1440px) {
  .index .content {
    width: auto;
    padding: 0 40px;
  }
}
@media (max-width:768px) {
  .index .content {
    padding: 0 17.5px;
  }
}
.product {
  padding: 0 !important;
  padding-bottom: min(3.38541667vw, 65px);
}
.product .pagenav2 .down {
  margin-top: 50px;
  margin-top: min(2.60416667vw, 50px);
}
@media (max-width:1024px) {
  .product .pagenav2 .down {
    margin-top: 25px;
  }
}
.product .pagenav2 .down .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-left: -3.1%;
  margin-right: -3.1%;
}
.product .pagenav2 .down .list .item {
  width: 25%;
  padding: 0 3.1%;
}
@media (max-width:1200px) {
  .product .pagenav2 .down {
    margin: 0;
    padding: 20px 40px;
  }
  .product .pagenav2 .down .list {
    margin-left: -2%;
    margin-right: -2%;
  }
  .product .pagenav2 .down .list .item {
    padding: 0 2%;
  }
}
@media (max-width:768px) {
  .product .pagenav2 .down {
    padding: 20px 17.5px;
  }
  .product .pagenav2 .down .list .item {
    width: 50%;
    margin-bottom: 10px;
  }
}
@media (max-width:1024px) {
  .product {
    padding-bottom: 32.5px;
  }
}
.product .index-swiper {
  position: relative;
  height: 35.9375vw;
  overflow: hidden;
  background-color: #e2e2e2;
}
.product .index-swiper .swiper-slide {
  height: 35.9375vw;
  z-index: 5;
  position: relative;
}
.product .index-swiper .swiper-slide .bg {
  position: absolute;
  z-index: 5;
  top: 0;
  height: 100%;
  width: 25.21%;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-right: min(6.25vw, 120px);
}
@media (max-width:1024px) {
  .product .index-swiper .swiper-slide .bg {
    margin-right: 60px;
  }
}
.product .index-swiper .swiper-slide .pc-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: no-repeat center;
  background-size: cover;
}
.product .index-swiper .swiper-slide .m-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: no-repeat center;
  background-size: cover;
  opacity: 0;
}
.product .index-swiper .videoBox {
  position: relative;
  width: 100%;
  height: 100%;
}
.product .index-swiper .videoBox:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-filter: alpha(opacity=40);
}
.product .index-swiper .videoBox video {
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
}
.product .index-swiper .slide-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 9;
  margin: auto;
  margin-left: min(6.25vw, 120px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width:1024px) {
  .product .index-swiper .slide-box {
    margin-left: 60px;
  }
}
.product .index-swiper .slide-box .ani .title {
  font-size: 42px;
  color: #000;
  line-height: 1.4;
}
@media (max-width:1600px) {
  .product .index-swiper .slide-box .ani .title {
    font-size: 40px;
  }
}
@media (max-width:1470px) {
  .product .index-swiper .slide-box .ani .title {
    font-size: 36px;
  }
}
@media (max-width:1024px) {
  .product .index-swiper .slide-box .ani .title {
    font-size: 30px;
  }
}
@media (max-width:768px) {
  .product .index-swiper .slide-box .ani .title {
    font-size: 24px;
  }
}
.product .index-swiper .slide-box .ani ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-top: 60px;
  margin-top: min(3.125vw, 60px);
}
@media (max-width:1024px) {
  .product .index-swiper .slide-box .ani ul {
    margin-top: 30px;
  }
}
.product .index-swiper .slide-box .ani ul li {
  color: #000000;
  margin-right: 50px;
  margin-right: min(2.60416667vw, 50px);
  margin-bottom: 5px;
}
@media (max-width:1024px) {
  .product .index-swiper .slide-box .ani ul li {
    margin-right: 25px;
  }
}
.product .index-swiper .slide-box .ani ul li:last-child {
  margin-right: 0;
}
.product .index-swiper .slide-box .ani ul li em {
  font-size: 26px;
  line-height: 1;
  display: block;
  margin-bottom: 8px;
}
@media (max-width:1600px) {
  .product .index-swiper .slide-box .ani ul li em {
    font-size: 23px;
  }
}
@media (max-width:1470px) {
  .product .index-swiper .slide-box .ani ul li em {
    font-size: 21px;
  }
}
@media (max-width:1024px) {
  .product .index-swiper .slide-box .ani ul li em {
    font-size: 18px;
  }
}
.product .index-swiper .slide-box .ani ul li p {
  font-size: 14px;
  color: #333333;
}
.product .index-swiper .slide-box .ani .text {
  font-size: 26px;
  color: #333333;
  line-height: 1.4;
}
@media (max-width:1600px) {
  .product .index-swiper .slide-box .ani .text {
    font-size: 23px;
  }
}
@media (max-width:1470px) {
  .product .index-swiper .slide-box .ani .text {
    font-size: 21px;
  }
}
@media (max-width:1024px) {
  .product .index-swiper .slide-box .ani .text {
    font-size: 18px;
  }
}
.product .index-swiper .slide-box .ani .more {
  margin-top: min(2.08333333vw, 40px);
  width: 96px;
  height: 47px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  border: 1px solid #000000;
  font-size: 14px;
  color: #333333;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 1s;
  transition: all 1s;
}
@media (max-width:1024px) {
  .product .index-swiper .slide-box .ani .more {
    margin-top: 20px;
  }
}
.product .index-swiper .slide-box .ani .more i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: 29px;
  width: 11px;
  height: 100%;
  background: url(../images/index/more-ico.png) no-repeat center;
  background-size: 11px 12px;
}
@media (max-width:990px) {
  .product .index-swiper .slide-box .ani .more {
    width: 75px !important;
    height: 38px !important;
  }
  .product .index-swiper .slide-box .ani .more i {
    width: 9px;
    background-size: 9px 10px;
    margin-left: 15px;
  }
}
.product .index-swiper .slide-box .ani .more::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
  pointer-events: none;
}
.product .index-swiper .slide-box .ani .more i {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.product .index-swiper .slide-box .ani .more:hover {
  color: white;
  border-color: #0f5ccf;
}
.product .index-swiper .slide-box .ani .more:hover i {
  background: url(../images/index/-more-ico.png) no-repeat center;
  background-size: 11px 12px;
}
.product .index-swiper .slide-box .ani .more:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.product .index-swiper .slibox {
  position: absolute;
  left: 55px;
  z-index: 5;
  bottom: 0;
  margin-bottom: min(3.38541667vw, 65px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media (max-width:1024px) {
  .product .index-swiper .slibox {
    margin-bottom: 32.5px;
  }
}
.product .index-swiper .slibox .slide-btn {
  position: relative;
  width: 74px;
  height: 74px;
  margin-top: 0;
  margin-right: 10px;
  background: no-repeat center;
  border: 1px solid #000000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  left: auto;
  right: auto;
}
.product .index-swiper .slibox .slide-btn::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.product .index-swiper .slibox .slide-btn:last-child {
  margin-right: 0;
}
.product .index-swiper .slibox .slide-btn:hover {
  border: 1px solid #0f5ccf;
}
.product .index-swiper .slibox .slide-btn:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.product .index-swiper .slibox .slide-btn:hover.swiper-button-prev i {
  background: url(../images/prevon.png) no-repeat center;
  background-size: 15px 16px;
}
.product .index-swiper .slibox .slide-btn:hover.swiper-button-next i {
  background: url(../images/nexton.png) no-repeat center;
  background-size: 15px 16px;
}
.product .index-swiper .slibox .slide-btn.swiper-button-prev i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 15px;
  height: 100%;
  background: url(../images/prev.png) no-repeat center;
  background-size: 15px 16px;
  margin: auto;
}
.product .index-swiper .slibox .slide-btn.swiper-button-next i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 15px;
  height: 100%;
  background: url(../images/next.png) no-repeat center;
  background-size: 15px 16px;
  margin: auto;
}
.product .index-swiper .swiper-pagination {
  height: 0;
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 40px;
  margin: auto;
}
.product .index-swiper .swiper-pagination span {
  width: 60px;
  height: 2px;
  -webkit-border-radius: 0;
  border-radius: 0;
  opacity: 1;
  position: relative;
  background: transparent;
  margin: 0 4px !important;
}
.product .index-swiper .swiper-pagination span::before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.4;
}
.product .index-swiper .swiper-pagination span.swiper-pagination-bullet-active::after {
  content: '';
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  animation: h_schedule 4s 1 linear forwards;
  -webkit-animation: h_schedule 4s 1 linear forwards;
}
.product .index-swiper .slide-num {
  position: absolute;
  right: 50%;
  bottom: 50px;
  z-index: 9;
  color: white;
  font-size: 20px;
  line-height: 1;
}
@media (max-width:1600px) {
  .product .index-swiper .slide-num {
    font-size: 18px;
  }
}
@media (max-width:1470px) {
  .product .index-swiper .slide-num {
    font-size: 16px;
  }
}
.product .index-swiper .slide-num .all {
  font-size: 50px;
}
@media (max-width:1600px) {
  .product .index-swiper .slide-num .all {
    font-size: 46px;
  }
}
@media (max-width:1470px) {
  .product .index-swiper .slide-num .all {
    font-size: 39px;
  }
}
@media (max-width:1024px) {
  .product .index-swiper .slide-num .all {
    font-size: 33px;
  }
}
@media (max-width:768px) {
  .product .index-swiper .slide-num .all {
    font-size: 27px;
  }
}
@media (max-width:1600px) {
  .product .index-swiper .slibox .slide-btn {
    width: 60px;
    height: 60px;
  }
}
@media (max-width:1280px) {
  .product .index-swiper .content .ani {
    padding: 0 40px;
  }
  .product .index-swiper .slide-btn {
    display: none;
  }
}
@media (max-width:1200px) {
  .product .index-swiper {
    height: 520px;
  }
  .product .index-swiper .swiper-slide {
    height: 520px;
  }
  .product .index-swiper .svg-container {
    height: 700px;
  }
}
@media (max-width:768px) {
  .product .index-swiper {
    height: 400px;
  }
  .product .index-swiper .swiper-wrapper::after {
    right: -1590px;
  }
  .product .index-swiper .svg-container {
    right: -798px;
  }
  .product .index-swiper .swiper-slide {
    height: 400px;
  }
  .product .index-swiper .swiper-slide .slide-box {
    margin-left: 0;
    padding: 0 17.5px;
  }
  .product .index-swiper .swiper-slide .slide-box .ani {
    top: 60px;
    width: 62%;
  }
  .product .index-swiper .swiper-slide .slide-box .ani .title {
    font-size: 24px;
  }
  .product .index-swiper .swiper-slide .slide-box .ani .text {
    font-size: 18px;
  }
  .product .index-swiper .swiper-slide .slide-box .ani .more {
    margin-top: 20px;
  }
  .product .index-swiper .swiper-slide .bg {
    margin-right: 17.5px;
    width: 32%;
  }
  .product .index-swiper .swiper-slide .pc-bg {
    opacity: 0;
  }
  .product .index-swiper .swiper-slide .m-bg {
    opacity: 1;
  }
  .product .index-swiper .svg-container {
    height: 400px;
  }
  .product .index-swiper .content .ani {
    padding: 0 17.5px;
  }
  .product .index-swiper .slibox {
    left: 17.5px;
  }
  .product .index-swiper .slibox .slide-btn {
    width: 45px;
    height: 45px;
  }
  .product .index-swiper .slibox .slide-btn i {
    background-size: 9px 10px !important;
  }
}
.product .wrap-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-color: #fbfbfb;
  padding-right: min(6.25vw, 120px);
  padding-top: min(5.20833333vw, 100px);
  padding-bottom: min(4.16666667vw, 80px);
}
@media (max-width:1024px) {
  .product .wrap-box {
    padding-right: 60px;
  }
}
@media (max-width:1024px) {
  .product .wrap-box {
    padding-top: 50px;
  }
}
@media (max-width:1024px) {
  .product .wrap-box {
    padding-bottom: 40px;
  }
}
.product .wrap-box .wrap-le {
  width: 16.33%;
  background-color: #fff;
}
.product .wrap-box .wrap-le .nav a {
  display: block;
}
.product .wrap-box .wrap-le .nav li {
  cursor: pointer;
  margin-bottom: 3px;
}
.product .wrap-box .wrap-le .nav li dt {
  position: relative;
  font-size: 16px;
  color: #333333;
  padding: 44px 40px 44px 48px;
  padding: min(2.29166667vw, 44px) 0 min(2.29166667vw, 44px);
  padding-left: 22px;
  padding-right: 22px;
  background-color: #f2f2f2;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width:1600px) {
  .product .wrap-box .wrap-le .nav li dt {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product .wrap-box .wrap-le .nav li dt {
    padding: 22px 0 22px 0;
  }
}
.product .wrap-box .wrap-le .nav li dd {
  display: none;
  line-height: 1.4;
  font-size: 14px;
  color: #c9dffd;
  background-color: #0f66dd;
  padding: 0 22px 50px 22px;
  padding-bottom: min(2.60416667vw, 50px);
}
@media (max-width:1024px) {
  .product .wrap-box .wrap-le .nav li dd {
    padding-bottom: 25px;
  }
}
.product .wrap-box .wrap-le .nav li dd a {
  position: relative;
  border-bottom: 1px solid #cccccc;
  padding: 32px 0;
  padding: min(1.66666667vw, 32px) 0 min(1.66666667vw, 32px);
  padding-right: 16px;
}
@media (max-width:1024px) {
  .product .wrap-box .wrap-le .nav li dd a {
    padding: 16px 0 16px 0;
  }
}
.product .wrap-box .wrap-le .nav li dd a::before {
  content: '';
  width: 8px;
  height: 9px;
  background: url(../images/nexton.png) no-repeat center;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0.5;
}
.product .wrap-box .wrap-le .nav li dd a em {
  display: block;
}
.product .wrap-box .wrap-le .nav li dd a.active {
  color: white;
  font-weight: bold;
}
.product .wrap-box .wrap-le .nav li dd a.active::before {
  opacity: 1;
}
.product .wrap-box .wrap-le .nav li.on dt {
  background-color: #005cd9;
  color: white;
  font-weight: bold;
}
.product .wrap-box .wrap-le .nav li:last-child {
  margin-bottom: 0;
}
.product .wrap-box .wrap-ri {
  width: 76.8%;
}
@media (max-width:1200px) {
  .product .wrap-box {
    padding-left: 20px;
    padding-right: 20px;
  }
  .product .wrap-box .wrap-le {
    display: none;
  }
  .product .wrap-box .wrap-ri {
    width: 100%;
  }
}
@media (max-width:1024px) {
  .product .wrap-box {
    padding-right: 40px;
  }
}
@media (max-width:768px) {
  .product .wrap-box {
    padding-left: 17.5px;
    padding-right: 17.5px;
  }
  .product .wrap-box .wrap-le {
    display: none;
  }
  .product .wrap-box .wrap-ri {
    width: 100%;
  }
}
.product .product-list {
  margin-bottom: 40px;
}
.product .product-list .item {
  padding: 0 min(4.79166667vw, 92px) 0 min(8.33333333vw, 160px);
  padding: 0 min(4.16666667vw, 80px) 0 min(4.16666667vw, 80px);
  padding-top: min(4.16666667vw, 80px);
  padding-bottom: min(4.16666667vw, 80px);
  background-color: white;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 30px;
}
@media (max-width:1024px) {
  .product .product-list .item {
    padding: 0 46px 0 80px;
  }
}
@media (max-width:1024px) {
  .product .product-list .item {
    padding: 0 40px 0 40px;
  }
}
@media (max-width:1024px) {
  .product .product-list .item {
    padding-top: 40px;
  }
}
@media (max-width:1024px) {
  .product .product-list .item {
    padding-bottom: 40px;
  }
}
.product .product-list .item .text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.product .product-list .item .text-box .text-le {
  width: 34.5%;
  height: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.product .product-list .item .text-box .text-le img {
  max-width: 80%;
}
.product .product-list .item .text-box .text-ri {
  width: 50%;
  width: 58%;
}
.product .product-list .item .text-box .text-ri .name {
  font-size: 22px;
  color: #000000;
  line-height: 1.4;
  max-width: 94%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: min(1.97916667vw, 38px);
}
@media (max-width:1600px) {
  .product .product-list .item .text-box .text-ri .name {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  .product .product-list .item .text-box .text-ri .name {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .product .product-list .item .text-box .text-ri .name {
    margin-bottom: 19px;
  }
}
.product .product-list .item .text-box .text-ri ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
.product .product-list .item .text-box .text-ri ul li {
  color: #000000;
  margin-bottom: 5px;
}
.product .product-list .item .text-box .text-ri ul li em {
  font-size: 16px;
  line-height: 1.4;
  display: block;
  margin-bottom: 8px;
}
.product .product-list .item .text-box .text-ri ul li p {
  font-size: 14px;
  color: #333333;
}
.product .product-list .item .text-box .text-ri .more {
  width: 96px;
  height: 47px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  border: 1px solid #000000;
  font-size: 14px;
  color: #333333;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 1s;
  transition: all 1s;
  margin-top: min(2.29166667vw, 44px);
}
.product .product-list .item .text-box .text-ri .more i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: 29px;
  width: 11px;
  height: 100%;
  background: url(../images/index/more-ico.png) no-repeat center;
  background-size: 11px 12px;
}
@media (max-width:990px) {
  .product .product-list .item .text-box .text-ri .more {
    width: 75px !important;
    height: 38px !important;
  }
  .product .product-list .item .text-box .text-ri .more i {
    width: 9px;
    background-size: 9px 10px;
    margin-left: 15px;
  }
}
@media (max-width:1024px) {
  .product .product-list .item .text-box .text-ri .more {
    margin-top: 22px;
  }
}
.product .product-list .item .text-box .text-ri .more::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
  pointer-events: none;
}
.product .product-list .item .text-box .text-ri .more:hover {
  color: white;
  border-color: #0f5ccf;
}
.product .product-list .item .text-box .text-ri .more:hover i {
  background: url(../images/index/-more-ico.png) no-repeat center;
  background-size: 11px 12px;
}
.product .product-list .item .text-box .text-ri .more:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.product .product-list .item:hover {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
@media (max-width:1200px) {
  .product .product-list .item .text-box .text-ri .nem {
    font-size: 18px;
  }
  .product .product-list .item .text-box .text-ri ul li em {
    font-size: 16px;
  }
  .product .product-list .item .text-box .text-ri ul li p {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product .product-list .item {
    padding: 30px;
  }
}
@media (max-width:768px) {
  .product .product-list .item {
    padding: 20px;
    display: block;
  }
  .product .product-list .item .text-box {
    display: block;
  }
  .product .product-list .item .text-box .text-le {
    width: 80%;
    margin: auto;
    margin-bottom: 20px;
  }
  .product .product-list .item .text-box .text-ri {
    width: 100%;
  }
  .product .product-list .item .text-box .text-ri .name {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .product .product-list .item .text-box .text-ri ul {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }
  .product .product-list .item .text-box .text-ri .more {
    margin-top: 20px;
  }
}
.product .page-btn .page-more {
  position: relative;
  width: 32px;
  height: 32px;
  margin: auto;
  background: no-repeat center;
  border: 1px solid #000000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.product .page-btn .page-more i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 9px;
  height: 100%;
  background: url(../images/icon-down.png) no-repeat center;
  background-size: 9px 8px;
  margin: auto;
}
.product .page-btn .page-more::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.product .page-btn .page-more:hover {
  border: 1px solid #0f5ccf;
}
.product .page-btn .page-more:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.product .page-btn .page-more:hover i {
  background: url(../images/icon-downon.png) no-repeat center;
  background-size: 9px 8px;
}
.product-d {
  overflow: visible;
}
.product-d .wrap-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-right: min(6.25vw, 120px);
}
@media (max-width:1024px) {
  .product-d .wrap-box {
    padding-right: 60px;
  }
}
.product-d .wrap-box .wrap-le {
  width: 16.33%;
  background-color: #fbfbfb;
}
.product-d .wrap-box .wrap-le .nav a {
  display: block;
}
.product-d .wrap-box .wrap-le .nav li {
  cursor: pointer;
  margin-bottom: 3px;
}
.product-d .wrap-box .wrap-le .nav li dt {
  position: relative;
  font-size: 16px;
  color: #333333;
  padding: 44px 40px 44px 48px;
  padding: min(2.29166667vw, 44px) 0 min(2.29166667vw, 44px);
  padding-left: 22px;
  padding-right: 22px;
  background-color: #f2f2f2;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width:1600px) {
  .product-d .wrap-box .wrap-le .nav li dt {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product-d .wrap-box .wrap-le .nav li dt {
    padding: 22px 0 22px 0;
  }
}
.product-d .wrap-box .wrap-le .nav li dd {
  display: none;
  line-height: 1.4;
  font-size: 16px;
  color: #c9dffd;
  background-color: #0f66dd;
  padding: 0 22px 50px 22px;
  padding-bottom: min(2.60416667vw, 50px);
}
@media (max-width:1600px) {
  .product-d .wrap-box .wrap-le .nav li dd {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product-d .wrap-box .wrap-le .nav li dd {
    padding-bottom: 25px;
  }
}
.product-d .wrap-box .wrap-le .nav li dd a {
  position: relative;
  border-bottom: 1px solid #cccccc;
  padding: 32px 0;
  padding: min(1.66666667vw, 32px) 0 min(1.66666667vw, 32px);
  padding-right: 16px;
}
@media (max-width:1024px) {
  .product-d .wrap-box .wrap-le .nav li dd a {
    padding: 16px 0 16px 0;
  }
}
.product-d .wrap-box .wrap-le .nav li dd a::before {
  content: '';
  width: 8px;
  height: 9px;
  background: url(../images/nexton.png) no-repeat center;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0.5;
}
.product-d .wrap-box .wrap-le .nav li dd a em {
  display: block;
}
.product-d .wrap-box .wrap-le .nav li dd a.active {
  color: white;
  font-weight: bold;
}
.product-d .wrap-box .wrap-le .nav li dd a.active::before {
  opacity: 1;
}
.product-d .wrap-box .wrap-le .nav li.on dt {
  background-color: #005cd9;
  color: white;
  font-weight: bold;
}
.product-d .wrap-box .wrap-le .nav li:last-child {
  margin-bottom: 0;
}
.product-d .wrap-box .wrap-ri {
  width: 76.8%;
  position: relative;
}
.product-d .wrap-box .wrap-ri .sb {
  border-top: 1px solid #e0e0e0;
  position: relative;
  margin-top: min(2.60416667vw, 50px);
}
@media (max-width:1024px) {
  .product-d .wrap-box .wrap-ri .sb {
    margin-top: 25px;
  }
}
.product-d .wrap-box .wrap-ri .sb .sba {
  background-color: white;
  z-index: 9;
}
.product-d .wrap-box .wrap-ri .sb .sba a {
  font-size: 16px;
  color: #999999;
  margin-right: 32px;
  margin-right: min(1.66666667vw, 32px);
  position: relative;
  line-height: 70px;
}
@media (max-width:1600px) {
  .product-d .wrap-box .wrap-ri .sb .sba a {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product-d .wrap-box .wrap-ri .sb .sba a {
    margin-right: 16px;
  }
}
.product-d .wrap-box .wrap-ri .sb .sba a.on {
  color: #0f5ccf;
}
.product-d .wrap-box .wrap-ri .sb .sba a.on::before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #0f5ccf;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width:768px) {
  .product-d .wrap-box .wrap-ri .sb .sba {
    margin-bottom: 20px;
  }
  .product-d .wrap-box .wrap-ri .sb .sba a {
    line-height: 40px;
  }
}
.product-d .wrap-box .wrap-ri .sb .list-p {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0px 33px;
}
.product-d .wrap-box .wrap-ri .sb .list-p .item .item-box {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.product-d .wrap-box .wrap-ri .sb .list-p .item .item-box .img {
  border: 1px solid #cccccc;
}
.product-d .wrap-box .wrap-ri .sb .list-p .item .item-box .img .pb {
  padding-bottom: 70%;
}
.product-d .wrap-box .wrap-ri .sb .list-p .item .item-box .img .ab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.product-d .wrap-box .wrap-ri .sb .list-p .item .item-box .img .ab img {
  opacity: 1;
  max-width: 80%;
  max-height: 80%;
  cursor: pointer;
}
.product-d .wrap-box .wrap-ri .sb .list-p .item .item-box .title {
  font-size: 16px;
  color: #666666;
  line-height: 1.6em;
  padding: min(1.04166667vw, 20px) 0 min(2.08333333vw, 40px);
}
@media (max-width:1600px) {
  .product-d .wrap-box .wrap-ri .sb .list-p .item .item-box .title {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product-d .wrap-box .wrap-ri .sb .list-p .item .item-box .title {
    padding: 10px 0 20px 0;
  }
}
@media (max-width:768px) {
  .product-d .wrap-box .wrap-ri .sb .list-p {
    grid-template-columns: repeat(1, 1fr);
  }
  .product-d .wrap-box .wrap-ri .sb .list-p .item .item-box .title {
    font-size: 14px;
    line-height: 24px;
    padding: 10px 0 20px;
  }
}
@media (max-width:1200px) {
  .product-d .wrap-box .wrap-ri .sb .sba {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: scroll;
    white-space: nowrap;
  }
  .product-d .wrap-box .wrap-ri .sb .sba::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #ededed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
    display: none;
  }
  .product-d .wrap-box .wrap-ri .sb .sba::-webkit-scrollbar-thumb {
    background-color: #0f5ccf;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
    display: none;
  }
  .product-d .wrap-box .wrap-ri .sb .sba a {
    font-size: 14px;
    margin-right: 24px;
    display: inline-block;
  }
}
.product-d .wrap-box .tab-wrap video {
  width: auto;
  max-width: 100%;
  height: auto!important;
  display: block;
  margin: 0 auto;
}
@media (max-width:1200px) {
  .product-d .wrap-box {
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .product-d .wrap-box .wrap-le {
    display: none;
  }
  .product-d .wrap-box .wrap-ri {
    width: 100%;
    overflow: hidden;
  }
}
@media (max-width:768px) {
  .product-d .wrap-box {
    padding: 50px 17.5px 0;
  }
  .product-d .wrap-box .wrap-le {
    display: none;
  }
  .product-d .wrap-box .wrap-ri {
    width: 100%;
    overflow: hidden;
  }
}
.product-d .page-return {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  text-align: center;
}
.product-d .page-return .page-more {
  position: relative;
  width: 48px;
  height: 48px;
  margin: auto;
  background: no-repeat center;
  border: 1px solid #000000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.product-d .page-return .page-more i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 11px;
  height: 100%;
  background: url(../images/prev.png) no-repeat center;
  background-size: 11px 13px;
  margin: auto;
}
.product-d .page-return .page-more::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.product-d .page-return .page-more:hover {
  border: 1px solid #0f5ccf;
}
.product-d .page-return .page-more:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.product-d .page-return .page-more:hover i {
  background: url(../images/prevon.png) no-repeat center;
  background-size: 11px 13px;
}
.product-d .page-return .text {
  font-size: 32px;
  color: #333333;
  line-height: 1.4;
  margin-top: min(1.875vw, 36px);
}
@media (max-width:1600px) {
  .product-d .page-return .text {
    font-size: 24px;
  }
}
@media (max-width:1470px) {
  .product-d .page-return .text {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .product-d .page-return .text {
    font-size: 22px;
  }
}
@media (max-width:768px) {
  .product-d .page-return .text {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .product-d .page-return .text {
    margin-top: 18px;
  }
}
@media (max-width:1200px) {
  .product-d .page-return {
    display: none;
  }
  .product-d .page-return .text {
    margin-top: 8px;
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .product-d .page-return .page-more {
    width: 45px;
    height: 45px;
  }
  .product-d .page-return .page-more i {
    background-size: 11px 10px !important;
  }
}
.product-d .index-swiper {
  position: relative;
  overflow: hidden;
}
.product-d .index-swiper .swiper-slide {
  z-index: 5;
  position: relative;
}
.product-d .index-swiper .swiper-slide .bg {
  position: absolute;
  top: 0;
  height: 100%;
  width: 45%;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.product-d .index-swiper .videoBox {
  position: relative;
  width: 100%;
  height: 100%;
}
.product-d .index-swiper .videoBox:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-filter: alpha(opacity=40);
}
.product-d .index-swiper .videoBox video {
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
}
.product-d .index-swiper .slide-box {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.product-d .index-swiper .slide-box .ani {
  width: 100%;
  padding-bottom: 104px;
}
.product-d .index-swiper .slide-box .ani .title,
.product-d .index-swiper .slide-box .ani .text,
.product-d .index-swiper .slide-box .ani .text-body {
  width: 50%;
}
.product-d .index-swiper .slide-box .ani .title {
  font-size: 60px;
  color: #000;
  line-height: 1.4;
}
@media (max-width:1600px) {
  .product-d .index-swiper .slide-box .ani .title {
    font-size: 40px;
  }
}
@media (max-width:1470px) {
  .product-d .index-swiper .slide-box .ani .title {
    font-size: 38px;
  }
}
@media (max-width:1024px) {
  .product-d .index-swiper .slide-box .ani .title {
    font-size: 36px;
  }
}
@media (max-width:768px) {
  .product-d .index-swiper .slide-box .ani .title {
    font-size: 28px;
  }
}
.product-d .index-swiper .slide-box .ani .text {
  font-size: 28px;
  color: #333333;
  line-height: 1.4;
}
@media (max-width:1600px) {
  .product-d .index-swiper .slide-box .ani .text {
    font-size: 24px;
  }
}
@media (max-width:1470px) {
  .product-d .index-swiper .slide-box .ani .text {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .product-d .index-swiper .slide-box .ani .text {
    font-size: 18px;
  }
}
.product-d .index-swiper .slide-box .ani .text-body {
  margin-top: 30px;
}
.product-d .index-swiper .slide-box .ani .text-body p {
  position: relative;
  font-size: 16px;
  color: #666666;
  line-height: 1.91;
  padding-left: 14px;
}
@media (max-width:1600px) {
  .product-d .index-swiper .slide-box .ani .text-body p {
    font-size: 14px;
  }
}
.product-d .index-swiper .slide-box .ani .text-body p::before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: #0f5ccf;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.product-d .index-swiper .slide-box .ani .more-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  animation: arrow-movement 3s ease-in-out infinite;
  -webkit-animation: arrow-movement 3s ease-in-out infinite;
}
.product-d .index-swiper .slide-box .ani .more {
  height: 42px;
  border-radius: 99px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #0f5ccf;
  color: white;
  border-color: #0f5ccf;
  padding: 0 min(0.9375vw, 18px) 0 min(0.78125vw, 15px);
}
@media (max-width:1024px) {
  .product-d .index-swiper .slide-box .ani .more {
    padding: 0 9px 0 7.5px;
  }
}
.product-d .index-swiper .slide-box .ani .more i {
  width: 17px;
  height: 17px;
  background: url(../images/product/xiazai-ico.png) no-repeat center;
  background-size: 17px 17px;
  margin-left: min(0.98958333vw, 19px);
}
@media (max-width:1024px) {
  .product-d .index-swiper .slide-box .ani .more i {
    margin-left: 9.5px;
  }
}
.product-d .index-swiper .slibox {
  position: absolute;
  left: 55px;
  z-index: 5;
  bottom: 0;
  margin-bottom: min(3.38541667vw, 65px);
}
@media (max-width:1024px) {
  .product-d .index-swiper .slibox {
    margin-bottom: 32.5px;
  }
}
.product-d .index-swiper .slibox .slide-btn {
  position: relative;
  float: right;
  width: 74px;
  height: 74px;
  margin-top: 0;
  background: no-repeat center;
  border: 1px solid #000000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  left: auto;
  right: auto;
}
.product-d .index-swiper .slibox .slide-btn::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.product-d .index-swiper .slibox .slide-btn:hover {
  border: 1px solid #0f5ccf;
}
.product-d .index-swiper .slibox .slide-btn:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.product-d .index-swiper .slibox .slide-btn:hover.swiper-button-prev i {
  background: url(../images/prevon.png) no-repeat center;
  background-size: 15px 16px;
}
.product-d .index-swiper .slibox .slide-btn:hover.swiper-button-next i {
  background: url(../images/nexton.png) no-repeat center;
  background-size: 15px 16px;
}
.product-d .index-swiper .slibox .slide-btn.swiper-button-prev {
  margin-left: 10px;
}
.product-d .index-swiper .slibox .slide-btn.swiper-button-prev i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 15px;
  height: 100%;
  background: url(../images/prev.png) no-repeat center;
  background-size: 15px 16px;
  margin: auto;
}
.product-d .index-swiper .slibox .slide-btn.swiper-button-next i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 15px;
  height: 100%;
  background: url(../images/next.png) no-repeat center;
  background-size: 15px 16px;
  margin: auto;
}
.product-d .index-swiper .swiper-pagination {
  height: 0;
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 40px;
  margin: auto;
}
.product-d .index-swiper .swiper-pagination span {
  width: 60px;
  height: 2px;
  -webkit-border-radius: 0;
  border-radius: 0;
  opacity: 1;
  position: relative;
  background: transparent;
  margin: 0 4px !important;
}
.product-d .index-swiper .swiper-pagination span::before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.4;
}
.product-d .index-swiper .swiper-pagination span.swiper-pagination-bullet-active::after {
  content: '';
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  animation: h_schedule 4s 1 linear forwards;
  -webkit-animation: h_schedule 4s 1 linear forwards;
}
.product-d .index-swiper .slide-num {
  position: absolute;
  right: 50%;
  bottom: 50px;
  z-index: 9;
  color: white;
  font-size: 20px;
  line-height: 1;
}
@media (max-width:1600px) {
  .product-d .index-swiper .slide-num {
    font-size: 18px;
  }
}
@media (max-width:1470px) {
  .product-d .index-swiper .slide-num {
    font-size: 16px;
  }
}
.product-d .index-swiper .slide-num .all {
  font-size: 50px;
}
@media (max-width:1600px) {
  .product-d .index-swiper .slide-num .all {
    font-size: 46px;
  }
}
@media (max-width:1470px) {
  .product-d .index-swiper .slide-num .all {
    font-size: 39px;
  }
}
@media (max-width:1024px) {
  .product-d .index-swiper .slide-num .all {
    font-size: 33px;
  }
}
@media (max-width:768px) {
  .product-d .index-swiper .slide-num .all {
    font-size: 27px;
  }
}
@media (max-width:1600px) {
  .product-d .index-swiper .slibox .slide-btn {
    width: 60px;
    height: 60px;
  }
}
@media (max-width:1400px) {
  .product-d .index-swiper .slide-box {
    padding: 0;
  }
}
@media (max-width:1280px) {
  .product-d .index-swiper .slide-btn {
    display: none;
  }
}
@media (max-width:990px) {
  .product-d .index-swiper .slide-box .ani .more-box {
    position: relative;
  }
  .product-d .index-swiper .slide-box .ani .more {
    height: 38px;
    padding: 0 14px;
    position: relative;
    max-width: 100px;
    margin-top: 30px;
  }
  .product-d .index-swiper .slide-box .ani .more i {
    display: none;
  }
}
@media (max-width:768px) {
  .product-d .index-swiper .swiper-wrapper::after {
    right: -1590px;
  }
  .product-d .index-swiper .svg-container {
    right: -542px;
  }
  .product-d .index-swiper .swiper-slide .slide-box {
    display: block;
  }
  .product-d .index-swiper .swiper-slide .slide-box .ani {
    padding: 0;
    top: 60px;
    width: 62%;
  }
  .product-d .index-swiper .swiper-slide .slide-box .ani .title,
  .product-d .index-swiper .swiper-slide .slide-box .ani .text,
  .product-d .index-swiper .swiper-slide .slide-box .ani .text-body {
    width: 100%;
  }
  .product-d .index-swiper .swiper-slide .slide-box .ani .title {
    font-size: 24px;
  }
  .product-d .index-swiper .swiper-slide .slide-box .ani .text {
    font-size: 18px;
  }
  .product-d .index-swiper .swiper-slide .slide-box .ani .more-box {
    margin-top: 20px;
  }
  .product-d .index-swiper .swiper-slide .bg {
    width: 70%;
    position: relative;
    margin-bottom: 30px;
  }
  .product-d .index-swiper .svg-container {
    height: 400px;
  }
  .product-d .index-swiper .content .ani {
    width: 100% !important;
    padding: 0 17.5px;
  }
  .product-d .index-swiper .content .ani .text-body {
    margin-top: 15px;
  }
  .product-d .index-swiper .content .ani .text-body p {
    font-size: 14px;
  }
  .product-d .index-swiper .content .ani .text-body p::before {
    top: 10px;
    bottom: auto;
  }
  .product-d .index-swiper .slibox {
    left: 17.5px;
  }
  .product-d .index-swiper .slibox .slide-btn {
    width: 45px;
    height: 45px;
  }
  .product-d .index-swiper .slibox .slide-btn i {
    background-size: 9px 10px !important;
  }
}
.product-d .product-d-box1 .up {
  padding: 80px 50px 85px 50px;
  padding: 0 min(2.60416667vw, 50px) 0 min(2.60416667vw, 50px);
  padding-top: min(4.16666667vw, 80px);
  padding-bottom: min(4.42708333vw, 85px);
}
@media (max-width:1024px) {
  .product-d .product-d-box1 .up {
    padding: 0 25px 0 25px;
  }
}
@media (max-width:1024px) {
  .product-d .product-d-box1 .up {
    padding-top: 40px;
  }
}
@media (max-width:1024px) {
  .product-d .product-d-box1 .up {
    padding-bottom: 42.5px;
  }
}
.product-d .product-d-box1 .text p {
  font-size: 16px;
  color: #666666;
  line-height: 1.6em;
}
@media (max-width:1600px) {
  .product-d .product-d-box1 .text p {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .product-d .product-d-box1 .up {
    padding: 20px 12px;
  }
  .product-d .product-d-box1 .text p {
    font-size: 14px;
    line-height: 24px;
  }
}
.product-d .product-d-box2 .text {
  overflow: auto;
}
.product-d .product-d-box2 table {
  min-width: 1000px;
  width: 100% !important;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  border-collapse: collapse;
}
.product-d .product-d-box2 table p {
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.product-d .product-d-box2 tr td:first-child {
  padding-left: 20px !important;
  text-align: left;
}
.product-d .product-d-box2 tr td:first-child * {
  text-align: left !important;
}
.product-d .product-d-box2 tr:first-child {
  color: #000;
}
.product-d .product-d-box2 tr:nth-child(2n-1) {
  background-color: #f4f4f4;
}
.product-d .product-d-box2 td {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
  word-break: break-all;
}
@media (max-width:1200px) {
  .product-d .product-d-box2 table {
    font-size: 12px;
  }
  .product-d .product-d-box2 table p {
    font-size: 12px;
  }
  .product-d .product-d-box2 table,
  .product-d .product-d-box2 th,
  .product-d .product-d-box2 td {
    border: 1px solid #e2ebeb;
  }
  .product-d .product-d-box2 tr td:first-child {
    padding-left: 6px !important;
  }
  .product-d .product-d-box2 td {
    padding: 10px 6px !important;
  }
}
.product-d-box3 {
  padding: min(3.64583333vw, 70px) 0 min(1.5625vw, 30px);
}
@media (max-width:1024px) {
  .product-d-box3 {
    padding: 35px 0 15px 0;
  }
}
.product-d-box3 .slide-box {
  margin-top: min(2.60416667vw, 50px);
}
@media (max-width:1024px) {
  .product-d-box3 .slide-box {
    margin-top: 25px;
  }
}
.product-d-box3 .slide-box .product-slide {
  padding-bottom: 60px;
  overflow: visible;
}
.product-d-box3 .slide-box .product-slide .swiper-slide {
  height: auto;
}
.product-d-box3 .slide-box .product-slide .swiper-slide .item-box {
  height: 100%;
  display: block;
  background-color: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  padding: 0 min(1.45833333vw, 28px) 0 min(1.45833333vw, 28px);
  padding-top: min(3.125vw, 60px);
  padding-bottom: min(3.125vw, 60px);
  position: relative;
}
@media (max-width:1024px) {
  .product-d-box3 .slide-box .product-slide .swiper-slide .item-box {
    padding: 0 14px 0 14px;
  }
}
@media (max-width:1024px) {
  .product-d-box3 .slide-box .product-slide .swiper-slide .item-box {
    padding-top: 30px;
  }
}
@media (max-width:1024px) {
  .product-d-box3 .slide-box .product-slide .swiper-slide .item-box {
    padding-bottom: 30px;
  }
}
.product-d-box3 .slide-box .product-slide .swiper-slide .item-box::before {
  content: '';
  width: 100%;
  height: 0%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0f5ccf;
  background: -webkit-linear-gradient(180deg, #0f5ccf 0%, transparent 74%);
  background: -moz-linear-gradient(180deg, #0f5ccf 0%, transparent 74%);
  background: -o-linear-gradient(180deg, #0f5ccf 0%, transparent 74%);
  background: -ms-linear-gradient(180deg, #0f5ccf 0%, transparent 74%);
  background: linear-gradient(180deg, #0f5ccf 0%, transparent 74%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.product-d-box3 .slide-box .product-slide .swiper-slide .item-box .img {
  width: 89%;
  overflow: hidden;
  margin: auto;
}
.product-d-box3 .slide-box .product-slide .swiper-slide .item-box .text-box {
  margin-bottom: min(3.64583333vw, 70px);
}
@media (max-width:1024px) {
  .product-d-box3 .slide-box .product-slide .swiper-slide .item-box .text-box {
    margin-bottom: 35px;
  }
}
.product-d-box3 .slide-box .product-slide .swiper-slide .item-box .text-box .name {
  font-size: 22px;
  color: #333333;
  line-height: 1.4;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-width: 94%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
@media (max-width:1600px) {
  .product-d-box3 .slide-box .product-slide .swiper-slide .item-box .text-box .name {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  .product-d-box3 .slide-box .product-slide .swiper-slide .item-box .text-box .name {
    font-size: 16px;
  }
}
.product-d-box3 .slide-box .product-slide .swiper-slide .item-box .text-box .text {
  margin: 28px 0 52px;
  margin: min(1.45833333vw, 28px) 0 min(2.70833333vw, 52px);
  font-size: 14px;
  min-height: calc(4em * 1.4);
  max-height: calc(4em * 1.4);
  overflow: auto;
  position: relative;
  z-index: 1;
}
@media (max-width:1024px) {
  .product-d-box3 .slide-box .product-slide .swiper-slide .item-box .text-box .text {
    margin: 14px 0 26px;
  }
}
.product-d-box3 .slide-box .product-slide .swiper-slide .item-box .text-box .text p {
  font-size: 14px;
  color: #666666;
  line-height: 1.4;
}
.product-d-box3 .slide-box .product-slide .swiper-slide .item-box .text-box .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 86px;
  height: 42px;
  padding: 0 9px;
  border: 1px solid #000000;
  border-radius: 21px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.product-d-box3 .slide-box .product-slide .swiper-slide .item-box .text-box .more i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 10px;
  height: 100%;
  background: url(../images/index/more-ico.png) no-repeat center;
  background-size: 10px 11px;
}
.product-d-box3 .slide-box .product-slide .swiper-slide .item-box .text-box .more::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
  pointer-events: none;
}
.product-d-box3 .slide-box .product-slide .swiper-slide .item-box .text-box .more:hover {
  color: white;
  border-color: #0f5ccf;
}
.product-d-box3 .slide-box .product-slide .swiper-slide .item-box .text-box .more:hover i {
  background: url(../images/index/-more-ico.png) no-repeat center;
  background-size: 10px 11px;
}
.product-d-box3 .slide-box .product-slide .swiper-slide .item-box .text-box .more:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.product-d-box3 .slide-box .product-slide .swiper-slide .item-box .text-box .more.xz {
  color: white;
  background-color: #0f5ccf;
  border-color: #0f5ccf;
  margin-bottom: 0;
}
.product-d-box3 .slide-box .product-slide .swiper-slide .item-box .text-box .more.xz i {
  width: 17px;
  background: url(../images/product/xiazai-ico.png) no-repeat center;
  background-size: 17px 17px;
}
.product-d-box3 .slide-box .product-slide .swiper-slide:hover .item-box {
  background-color: #edf1f6;
}
.product-d-box3 .slide-box .product-slide .swiper-slide:hover .item-box::before {
  height: 100%;
}
.product-d-box3 .slide-box .product-slide .swiper-slide:hover .item-box .more {
  border-color: white;
  color: white;
}
.product-d-box3 .slide-box .product-slide .swiper-slide:hover .item-box .more i {
  background: url(../images/index/-more-ico.png) no-repeat center;
  background-size: 10px 11px;
}
.product-d-box3 .slide-box .product-slide .swiper-slide:hover .item-box .more.xz {
  color: #0f5ccf;
  background-color: white;
  border-color: white;
}
.product-d-box3 .slide-box .product-slide .swiper-slide:hover .item-box .more.xz i {
  background: url(../images/product/xiazai-ico-blue.png) no-repeat center;
  background-size: 17px 17px;
}
.product-d-box3 .slide-box .product-slide .swiper-slide:hover .item-box .more.xz::after {
  display: none;
}
.product-d-box3 .slide-box .product-slide .swiper-slide:hover .item-box .text-box .name {
  color: white;
}
.product-d-box3 .slide-box .product-slide .swiper-slide:hover .item-box .text-box .text p {
  color: white;
}
.product-d-box3 .slide-box .product-slide .swiper-pagination {
  position: absolute;
  z-index: 10;
  bottom: 20px;
  opacity: 0;
}
.product-d-box3 .slide-box .product-slide .swiper-pagination span {
  display: inline-block;
  height: 12px;
  width: 12px;
  margin: 0 6px !important;
  background-color: #bebebe;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.product-d-box3 .slide-box .product-slide .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #0f5ccf;
}
@media (max-width:1200px) {
  .product-d-box3 .slide-box .product-slide .swiper-pagination {
    opacity: 1;
  }
}
@media (max-width:768px) {
  .product-d-box3 .slide-box .product-slide .swiper-slide .item-box .text-box .name {
    font-size: 16px;
  }
}
.about .about-ban {
  position: relative;
}
.about .about-ban .img {
  position: relative;
  overflow: hidden;
}
.about .about-ban .img::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/about/banner-bg.png) no-repeat center bottom;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.about .about-ban .img img {
  -webkit-animation: scale 12s linear infinite;
  animation: scale 12s linear infinite;
}
.about .about-ban .content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.about .about-ban .text-box .name {
  font-size: 42px;
  color: white;
  line-height: 1.6;
}
@media (max-width:1600px) {
  .about .about-ban .text-box .name {
    font-size: 40px;
  }
}
@media (max-width:1470px) {
  .about .about-ban .text-box .name {
    font-size: 36px;
  }
}
@media (max-width:1024px) {
  .about .about-ban .text-box .name {
    font-size: 30px;
  }
}
@media (max-width:768px) {
  .about .about-ban .text-box .name {
    font-size: 24px;
  }
}
.about .about-ban .text-box .text {
  width: 61%;
  margin-top: min(1.14583333vw, 22px);
}
@media (max-width:1024px) {
  .about .about-ban .text-box .text {
    margin-top: 11px;
  }
}
.about .about-ban .text-box .text p {
  font-size: 22px;
  color: #ffffff;
  line-height: 1.95em;
}
@media (max-width:1600px) {
  .about .about-ban .text-box .text p {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  .about .about-ban .text-box .text p {
    font-size: 16px;
  }
}
@media (max-width:1200px) {
  .about .about-ban .content {
    position: static;
  }
  .about .about-ban .text-box {
    margin-top: 20px;
  }
  .about .about-ban .text-box .name {
    color: #333;
    line-height: 1.4;
  }
  .about .about-ban .text-box .text {
    width: 100%;
  }
  .about .about-ban .text-box .text p {
    color: #333;
  }
}
@media (max-width:768px) {
  .about .about-ban .img {
    height: 200px;
  }
  .about .about-ban .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    object-fit: cover;
    object-position: 50% 50%;
  }
  .about .about-ban .text-box .name {
    font-size: 20px;
  }
  .about .about-ban .text-box .text p {
    font-size: 14px;
    line-height: 24px;
  }
}
.about .num-box {
  padding: min(9.375vw, 180px) 0 min(10.3125vw, 198px);
}
@media (max-width:1024px) {
  .about .num-box {
    padding: 90px 0 99px 0;
  }
}
.about .num-box .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.about .num-box .num .top {
  color: #333333;
  font-size: 22px;
  line-height: 1;
}
@media (max-width:1600px) {
  .about .num-box .num .top {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  .about .num-box .num .top {
    font-size: 16px;
  }
}
.about .num-box .num .top span {
  font-family: 'Beckman-FREE';
  font-size: 150px;
  line-height: 1;
  font-weight: 100;
}
@media (max-width:1600px) {
  .about .num-box .num .top span {
    font-size: 140px;
  }
}
@media (max-width:1560px) {
  .about .num-box .num .top span {
    font-size: 130px;
  }
}
@media (max-width:1470px) {
  .about .num-box .num .top span {
    font-size: 120px;
  }
}
@media (max-width:1366px) {
  .about .num-box .num .top span {
    font-size: 110px;
  }
}
@media (max-width:1200px) {
  .about .num-box .num .top span {
    font-size: 100px;
  }
}
@media (max-width:1024px) {
  .about .num-box .num .top span {
    font-size: 90px;
  }
}
@media (max-width:768px) {
  .about .num-box .num .top span {
    font-size: 64px;
  }
}
@media (max-width:480px) {
  .about .num-box .num .top span {
    font-size: 50px;
  }
}
@media (max-width:360px) {
  .about .num-box .num .top span {
    font-size: 40px;
  }
}
.about .num-box .num .bot {
  font-size: 22px;
  color: #333333;
  line-height: 1;
  margin-top: 4px;
}
@media (max-width:1600px) {
  .about .num-box .num .bot {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  .about .num-box .num .bot {
    font-size: 16px;
  }
}
@media (max-width:1200px) {
  .about .num-box {
    padding: 50px 0;
  }
}
@media (max-width:768px) {
  .about .num-box .num .top span {
    font-size: 34px;
  }
  .about .num-box .num .bot {
    font-size: 14px;
  }
}
.about .about-box1 {
  padding: min(5.05208333vw, 97px) 0 min(5.20833333vw, 100px);
  position: relative;
}
@media (max-width:1024px) {
  .about .about-box1 {
    padding: 48.5px 0 50px 0;
  }
}
.about .about-box1 .page-title .en {
  color: white;
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1), #fff 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.about .about-box1 .page-title .en i {
  background: url(../images/en-line2.png) repeat-x left center;
  background-clip: text;
  -webkit-background-clip: text;
}
.about .about-box1 .tab-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  z-index: 9;
}
.about .about-box1 .tab-name li {
  cursor: pointer;
  font-size: 30px;
  color: #333333;
  line-height: 1.4;
  margin-right: min(5.625vw, 108px);
}
@media (max-width:1600px) {
  .about .about-box1 .tab-name li {
    font-size: 26px;
  }
}
@media (max-width:1470px) {
  .about .about-box1 .tab-name li {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .about .about-box1 .tab-name li {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .about .about-box1 .tab-name li {
    font-size: 18px;
  }
}
@media (max-width:1024px) {
  .about .about-box1 .tab-name li {
    margin-right: 54px;
  }
}
.about .about-box1 .tab-name li:last-child {
  margin-right: 0;
}
.about .about-box1 .tab-name li.active {
  color: #0f5ccf;
}
.about .about-box1 .slide-box {
  position: relative;
  width: 100%;
  background: url(../images/about/about-box1-bg.jpg) no-repeat center;
  background-size: cover;
  margin-top: min(2.34375vw, 45px);
  padding: 0 min(2.60416667vw, 50px) 0 min(2.60416667vw, 50px);
  padding-top: min(2.1875vw, 42px);
  overflow: hidden;
  height: 600px;
}
@media (max-width:1024px) {
  .about .about-box1 .slide-box {
    margin-top: 22.5px;
  }
}
@media (max-width:1024px) {
  .about .about-box1 .slide-box {
    padding: 0 25px 0 25px;
  }
}
@media (max-width:1024px) {
  .about .about-box1 .slide-box {
    padding-top: 21px;
  }
}
.about .about-box1 .slide-box .about-slide {
  width: 100%;
  position: relative;
}
.about .about-box1 .slide-box .about-slide .item-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.about .about-box1 .slide-box .about-slide .item-box .num {
  font-size: 440px;
  text-align: center;
  color: rgba(0, 0, 0, 0.1);
  line-height: 1;
  font-weight: lighter;
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1), transparent 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width:1600px) {
  .about .about-box1 .slide-box .about-slide .item-box .num {
    font-size: 280px;
  }
}
@media (max-width:1560px) {
  .about .about-box1 .slide-box .about-slide .item-box .num {
    font-size: 260px;
  }
}
@media (max-width:1470px) {
  .about .about-box1 .slide-box .about-slide .item-box .num {
    font-size: 240px;
  }
}
@media (max-width:1366px) {
  .about .about-box1 .slide-box .about-slide .item-box .num {
    font-size: 220px;
  }
}
@media (max-width:1200px) {
  .about .about-box1 .slide-box .about-slide .item-box .num {
    font-size: 200px;
  }
}
@media (max-width:1024px) {
  .about .about-box1 .slide-box .about-slide .item-box .num {
    font-size: 180px;
  }
}
@media (max-width:768px) {
  .about .about-box1 .slide-box .about-slide .item-box .num {
    font-size: 160px;
  }
}
@media (max-width:480px) {
  .about .about-box1 .slide-box .about-slide .item-box .num {
    font-size: 140px;
  }
}
@media (max-width:360px) {
  .about .about-box1 .slide-box .about-slide .item-box .num {
    font-size: 120px;
  }
}
.about .about-box1 .slide-box .sss {
  margin-bottom: -200px;
}
.about .about-box1 .slide-box .tab-wrap {
  margin-top: 50px;
}
.about .about-box1 .slide-box .tab-wrap .text p {
  font-size: 32px;
  color: #333333;
  line-height: 1.6;
}
@media (max-width:1600px) {
  .about .about-box1 .slide-box .tab-wrap .text p {
    font-size: 24px;
  }
}
@media (max-width:1470px) {
  .about .about-box1 .slide-box .tab-wrap .text p {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .about .about-box1 .slide-box .tab-wrap .text p {
    font-size: 22px;
  }
}
@media (max-width:768px) {
  .about .about-box1 .slide-box .tab-wrap .text p {
    font-size: 20px;
  }
}
.about .about-box1 .slide-box .tab-wrap .tab-box + .tab-box {
  display: none;
}
@media (max-width:1600px) {
  .about .about-box1 .slide-box .sss {
    margin-bottom: -100px;
  }
}
@media (max-width:1200px) {
  .about .about-box1 {
    padding: 50px 0;
  }
  .about .about-box1 .page-title {
    margin: 0;
  }
  .about .about-box1 .slide-box .sss {
    margin-bottom: -70px;
  }
  .about .about-box1 .slide-box .tab-wrap .text p {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .about .about-box1 .tab-name li {
    margin-right: 20px;
  }
  .about .about-box1 .slide-box {
    height: 300px;
  }
  .about .about-box1 .slide-box .tab-wrap {
    margin: 20px 0;
  }
}
.about .d-bg {
  background: url(../images/about/bbb.jpg) no-repeat center;
  background-size: cover;
}
.about .about-box2 {
  background: url(../images/about/about-box2-bg.jpg) no-repeat center bottom;
  background-size: cover;
  padding-bottom: min(5.72916667vw, 110px);
}
@media (max-width:1024px) {
  .about .about-box2 {
    padding-bottom: 55px;
  }
}
.about .about-box2 .page-btn {
  margin: min(5.20833333vw, 100px) 0 min(5.72916667vw, 110px);
}
@media (max-width:1024px) {
  .about .about-box2 .page-btn {
    margin: 50px 0 55px;
  }
}
.about .about-box2 .page-btn .page-more {
  position: relative;
  width: 74px;
  height: 74px;
  margin: auto;
  background: no-repeat center;
  border: 1px solid #000000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
}
.about .about-box2 .page-btn .page-more i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 16px;
  height: 100%;
  background: url(../images/icon-down.png) no-repeat center;
  background-size: 15px 16px;
  margin: auto;
}
.about .about-box2 .page-btn .page-more::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.about .about-box2 .page-btn .page-more:hover {
  border: 1px solid #0f5ccf;
}
.about .about-box2 .page-btn .page-more:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.about .about-box2 .page-btn .page-more:hover i {
  background: url(../images/icon-downon.png) no-repeat center;
  background-size: 16px 15px;
}
@media (max-width:1600px) {
  .about .about-box2 .page-btn .page-more {
    width: 60px;
    height: 60px;
  }
}
@media (max-width:1200px) {
  .about .about-box2 .page-btn {
    margin: 50px 0;
  }
}
@media (max-width:768px) {
  .about .about-box2 .page-btn .page-more {
    width: 45px;
    height: 45px;
  }
  .about .about-box2 .page-btn .page-more i {
    background-size: 11px 10px !important;
  }
}
.about .about-box2 .page-title .ico {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
}
.about .about-box2 .wrap-box {
  margin-top: min(13.02083333vw, 250px);
}
@media (max-width:1024px) {
  .about .about-box2 .wrap-box {
    margin-top: 125px;
  }
}
.about .about-box2 .wrap-box .up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.about .about-box2 .wrap-box .up .item-box {
  width: 224px;
}
.about .about-box2 .wrap-box .up .item-box .item {
  position: relative;
  width: 100%;
  height: 106px;
  background-color: white;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  font-size: 22px;
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width:1600px) {
  .about .about-box2 .wrap-box .up .item-box .item {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  .about .about-box2 .wrap-box .up .item-box .item {
    font-size: 16px;
  }
}
.about .about-box2 .wrap-box .down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.about .about-box2 .wrap-box .down .item-box {
  width: 224px;
}
.about .about-box2 .wrap-box .down .item-box .item {
  position: relative;
  width: 100%;
  height: 72px;
  background-color: white;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 22px;
  color: #333333;
}
@media (max-width:1600px) {
  .about .about-box2 .wrap-box .down .item-box .item {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  .about .about-box2 .wrap-box .down .item-box .item {
    font-size: 16px;
  }
}
.about .about-box2 .wrap-box .down .item-box .item:nth-child(1) {
  height: 106px;
  margin-bottom: 44px;
}
.about .about-box2 .wrap-box .down .item-box .item:nth-child(1)::before {
  content: '';
  width: 16px;
  height: 44px;
  background: url(../images/icon-down.png) no-repeat center;
  background-size: 16px 15px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
}
.about .about-box2 .wrap-box .line {
  width: 83%;
  height: 33px;
  position: relative;
  border: 1px solid #000000;
  border-bottom: none;
  margin: auto;
  margin-top: 50px;
  opacity: 0.35;
}
.about .about-box2 .wrap-box .line::before {
  content: '';
  width: 1px;
  height: 100%;
  height: -moz-calc(150%);
  height: -webkit-calc(150%);
  height: calc(100% + 50px);
  background-color: #000;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width:1200px) {
  .about .about-box2 {
    padding-bottom: 50px;
  }
  .about .about-box2 .wrap-box {
    margin-top: 50px;
  }
  .about .about-box2 .wrap-box .up .item-box {
    width: 179px;
  }
  .about .about-box2 .wrap-box .up .item-box .item {
    height: 60px;
  }
  .about .about-box2 .wrap-box .down .item-box {
    width: 179px;
  }
  .about .about-box2 .wrap-box .down .item-box .item {
    height: 40px;
  }
  .about .about-box2 .wrap-box .down .item-box .item:nth-child(1) {
    height: 60px;
  }
}
@media (max-width:768px) {
  .about .about-box2 .page-title .ico {
    display: none;
  }
  .about .about-box2 .wrap-box .up .item-box {
    width: 88px;
  }
  .about .about-box2 .wrap-box .up .item-box .item {
    height: 50px;
  }
  .about .about-box2 .wrap-box .down .item-box {
    width: 88px;
  }
  .about .about-box2 .wrap-box .down .item-box .item {
    height: 35px;
    font-size: 12px;
  }
  .about .about-box2 .wrap-box .down .item-box .item:nth-child(1) {
    height: 50px;
    font-size: 13px;
    margin-bottom: 26px;
  }
  .about .about-box2 .wrap-box .down .item-box .item:nth-child(1)::before {
    height: 26px;
    background-size: 11px 10px !important;
  }
  .about .about-box2 .wrap-box .line {
    width: 76%;
    height: 16px;
    margin-top: 30px;
  }
  .about .about-box2 .wrap-box .line::before {
    height: 100%;
    height: -moz-calc(130%);
    height: -webkit-calc(130%);
    height: calc(100% + 30px);
  }
}
.about .about-box3 {
  padding-bottom: 170px;
  padding-bottom: min(8.85416667vw, 170px);
}
@media (max-width:1024px) {
  .about .about-box3 {
    padding-bottom: 85px;
  }
}
.about .about-box3 .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-left: -11px;
  margin-right: -11px;
  margin-top: 50px;
  margin-top: min(2.60416667vw, 50px);
}
@media (max-width:1024px) {
  .about .about-box3 .list {
    margin-top: 25px;
  }
}
.about .about-box3 .list .item {
  width: 33.33333%;
  padding: 0 11px;
  margin-bottom: 20px;
  margin-bottom: min(1.04166667vw, 20px);
}
@media (max-width:1024px) {
  .about .about-box3 .list .item {
    margin-bottom: 10px;
  }
}
.about .about-box3 .list .item:last-child .item-box .text-box .name {
  color: white;
}
.about .about-box3 .list .item:last-child .item-box .text-box .text p {
  color: rgba(254, 254, 254, 0.5);
}
.about .about-box3 .list .item .item-box {
  overflow: hidden;
  position: relative;
  display: block;
  background: no-repeat center;
  background-size: cover;
  height: 100%;
  padding: 105px 30px 404px;
  padding: 0 min(1.5625vw, 30px) 0 min(1.5625vw, 30px);
  padding-top: min(5.46875vw, 105px);
  padding-bottom: min(21.04166667vw, 404px);
}
@media (max-width:1024px) {
  .about .about-box3 .list .item .item-box {
    padding: 0 15px 0 15px;
  }
}
@media (max-width:1024px) {
  .about .about-box3 .list .item .item-box {
    padding-top: 52.5px;
  }
}
@media (max-width:1024px) {
  .about .about-box3 .list .item .item-box {
    padding-bottom: 202px;
  }
}
.about .about-box3 .list .item .item-box .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: no-repeat center;
  background-size: cover;
  -webkit-transition: transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s;
  z-index: -1;
}
.about .about-box3 .list .item .item-box .text-box {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.about .about-box3 .list .item .item-box .text-box .name {
  font-size: 26px;
  color: #000;
  line-height: 1.4;
  margin-bottom: min(0.625vw, 12px);
}
@media (max-width:1600px) {
  .about .about-box3 .list .item .item-box .text-box .name {
    font-size: 23px;
  }
}
@media (max-width:1470px) {
  .about .about-box3 .list .item .item-box .text-box .name {
    font-size: 21px;
  }
}
@media (max-width:1024px) {
  .about .about-box3 .list .item .item-box .text-box .name {
    font-size: 18px;
  }
}
@media (max-width:1024px) {
  .about .about-box3 .list .item .item-box .text-box .name {
    margin-bottom: 6px;
  }
}
.about .about-box3 .list .item .item-box .text-box .text p {
  font-size: 18px;
  color: #666666;
  line-height: 1.4;
}
@media (max-width:1600px) {
  .about .about-box3 .list .item .item-box .text-box .text p {
    font-size: 16px;
  }
}
@media (max-width:1470px) {
  .about .about-box3 .list .item .item-box .text-box .text p {
    font-size: 15px;
  }
}
.about .about-box3 .list .item .item-box .text-box .text p em {
  display: inline-block;
  margin-right: 12px;
}
.about .about-box3 .list .item:hover .item-box .bg {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.about .about-box3 .list .item:hover .item-box .text-box {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}
.about .about-box3 .slide-box {
  position: relative;
  width: 100%;
  padding-bottom: min(6.97916667vw, 134px);
  margin-top: min(8.33333333vw, 160px);
}
@media (max-width:1024px) {
  .about .about-box3 .slide-box {
    padding-bottom: 67px;
  }
}
@media (max-width:1024px) {
  .about .about-box3 .slide-box {
    margin-top: 80px;
  }
}
.about .about-box3 .slide-box::before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: white;
  position: absolute;
  right: 100%;
  top: 0;
  z-index: 2;
}
.about .about-box3 .slide-box .about-slide2 {
  overflow: visible;
}
.about .about-box3 .slide-box .about-slide2 .swiper-slide {
  width: auto;
  overflow: hidden;
}
.about .about-box3 .slide-box .about-slide2 .swiper-slide:hover img {
  transform: scale(1.05);
}
.about .about-box3 .slide-box .about-slide2 .swiper-slide img {
  width: 57.3vw;
  transition: all 0.5s;
}
.about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box .ani {
  display: block;
  animation-duration: 2.2s;
}
.about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box .text-box {
  margin-left: min(8.07291667vw, 155px);
  margin-top: min(-6.25vw, -120px);
}
@media (max-width:1024px) {
  .about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box .text-box {
    margin-left: 77.5px;
  }
}
@media (max-width:1024px) {
  .about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box .text-box {
    margin-top: -60px;
  }
}
.about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box .text-box .name {
  font-size: 42px;
  color: #000;
  line-height: 1.4;
  margin-bottom: min(0.72916667vw, 14px);
}
@media (max-width:1600px) {
  .about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box .text-box .name {
    font-size: 40px;
  }
}
@media (max-width:1470px) {
  .about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box .text-box .name {
    font-size: 36px;
  }
}
@media (max-width:1024px) {
  .about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box .text-box .name {
    font-size: 30px;
  }
}
@media (max-width:768px) {
  .about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box .text-box .name {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box .text-box .name {
    margin-bottom: 7px;
  }
}
.about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box .text-box .text p {
  font-size: 22px;
  color: #000;
  line-height: 1.4;
}
@media (max-width:1600px) {
  .about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box .text-box .text p {
    font-size: 20px;
  }
}
@media (max-width:1470px) {
  .about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box .text-box .text p {
    font-size: 16px;
  }
}
.about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box .text-box .text p em {
  display: inline-block;
  margin-right: 12px;
}
.about .about-box3 .slide-box .slibox {
  position: absolute;
  left: 0;
  z-index: 5;
  bottom: 0;
}
.about .about-box3 .slide-box .slibox .slide-btn {
  position: relative;
  float: right;
  width: 74px;
  height: 74px;
  margin-top: 0;
  background: no-repeat center;
  border: 1px solid #000000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  left: auto;
  right: auto;
}
.about .about-box3 .slide-box .slibox .slide-btn::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.about .about-box3 .slide-box .slibox .slide-btn:hover {
  border: 1px solid #0f5ccf;
}
.about .about-box3 .slide-box .slibox .slide-btn:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.about .about-box3 .slide-box .slibox .slide-btn:hover.swiper-button-prev i {
  background: url(../images/prevon.png) no-repeat center;
  background-size: 15px 16px;
}
.about .about-box3 .slide-box .slibox .slide-btn:hover.swiper-button-next i {
  background: url(../images/nexton.png) no-repeat center;
  background-size: 15px 16px;
}
.about .about-box3 .slide-box .slibox .slide-btn.swiper-button-prev {
  margin-left: 10px;
}
.about .about-box3 .slide-box .slibox .slide-btn.swiper-button-prev i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 15px;
  height: 100%;
  background: url(../images/prev.png) no-repeat center;
  background-size: 15px 16px;
  margin: auto;
}
.about .about-box3 .slide-box .slibox .slide-btn.swiper-button-next i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 15px;
  height: 100%;
  background: url(../images/next.png) no-repeat center;
  background-size: 15px 16px;
  margin: auto;
}
@media (max-width:1600px) {
  .about .about-box3 .slide-box .slibox .slide-btn {
    width: 60px;
    height: 60px;
  }
}
@media (max-width:1200px) {
  .about .about-box3 {
    padding: 0 0 50px;
  }
  .about .about-box3 .slide-box {
    padding-bottom: 80px;
    margin-top: 50px;
  }
  .about .about-box3 .slide-box .about-slide2 .swiper-slide {
    width: 70vw;
  }
  .about .about-box3 .list {
    margin-left: -7px;
    margin-right: -7px;
  }
  .about .about-box3 .list .item {
    padding: 0 7px;
    margin-bottom: 10px;
  }
  .about .about-box3 .list .item .item-box .text-box .name {
    font-size: 16px;
  }
  .about .about-box3 .list .item .item-box .text-box .text p {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .about .about-box3 .slide-box {
    padding-bottom: 60px;
    margin-top: 30px;
  }
  .about .about-box3 .slide-box .about-slide2 .swiper-slide {
    width: 260px;
    height: 200px;
  }
  .about .about-box3 .slide-box .about-slide2 .swiper-slide img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    object-fit: cover;
    object-position: 50% 50%;
  }
  .about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box .text-box {
    margin-left: 12px;
  }
  .about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box .text-box .name {
    font-size: 16px;
  }
  .about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box .text-box .text p {
    font-size: 14px;
  }
  .about .about-box3 .slide-box .about-slide2 .swiper-slide .item-box .text-box .text p em {
    margin-right: 6px;
  }
  .about .about-box3 .slide-box .about-slide2 .swiper-slide:hover img {
    transform: translateY(-50%) scale(1.05);
    -webkit-transform: translateY(-50%) scale(1.05);
    -moz-transform: translateY(-50%) scale(1.05);
    -ms-transform: translateY(-50%) scale(1.05);
    -o-transform: translateY(-50%) scale(1.05);
  }
  .about .about-box3 .slide-box .slibox .slide-btn {
    width: 45px;
    height: 45px;
  }
  .about .about-box3 .slide-box .slibox .slide-btn i {
    background-size: 9px 10px !important;
  }
  .about .about-box3 .list .item {
    width: 100%;
  }
}
.about .about-box4 {
  background: url(../images/about/about-box4-bg.jpg) no-repeat center;
  background-size: cover;
  padding: min(5.46875vw, 105px) 0 min(3.125vw, 60px);
}
@media (max-width:1024px) {
  .about .about-box4 {
    padding: 52.5px 0 30px 0;
  }
}
.about .about-box4 .about-box4-sb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.about .about-box4 .about-box4-sb .slibox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.about .about-box4 .about-box4-sb .slibox .slide-btn {
  position: relative;
  width: 32px;
  height: 32px;
  margin-top: 0;
  margin-right: 5px;
  background: no-repeat center;
  border: 1px solid #000000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  left: auto;
  right: auto;
}
.about .about-box4 .about-box4-sb .slibox .slide-btn::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.about .about-box4 .about-box4-sb .slibox .slide-btn:last-child {
  margin-right: 0;
}
.about .about-box4 .about-box4-sb .slibox .slide-btn:hover {
  border: 1px solid #0f5ccf;
}
.about .about-box4 .about-box4-sb .slibox .slide-btn:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.about .about-box4 .about-box4-sb .slibox .slide-btn:hover.swiper-button-prev i {
  background: url(../images/prevon.png) no-repeat center;
  background-size: 9px 10px;
}
.about .about-box4 .about-box4-sb .slibox .slide-btn:hover.swiper-button-next i {
  background: url(../images/nexton.png) no-repeat center;
  background-size: 9px 10px;
}
.about .about-box4 .about-box4-sb .slibox .slide-btn.swiper-button-prev i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 9px;
  height: 100%;
  background: url(../images/prev.png) no-repeat center;
  background-size: 9px 10px;
  margin: auto;
}
.about .about-box4 .about-box4-sb .slibox .slide-btn.swiper-button-next i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 9px;
  height: 100%;
  background: url(../images/next.png) no-repeat center;
  background-size: 9px 10px;
  margin: auto;
}
.about .about-box4 .page-title .name {
  color: white;
}
.about .about-box4 .page-title .en {
  color: white;
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1), #fff 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.about .about-box4 .page-title .en i {
  background: url(../images/en-line2.png) repeat-x left center;
  background-clip: text;
  -webkit-background-clip: text;
}
.about .about-box4 .slide-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 80px;
  padding-top: min(4.16666667vw, 80px);
}
@media (max-width:1024px) {
  .about .about-box4 .slide-box {
    padding-top: 40px;
  }
}
.about .about-box4 .slide-box .about-slide3 {
  padding-bottom: 40px;
}
.about .about-box4 .slide-box .about-slide3 .swiper-slide {
  height: auto;
}
.about .about-box4 .slide-box .about-slide3 .swiper-slide .item-box {
  height: 100%;
  background-color: #fbfbfb;
  background: -webkit-linear-gradient(180deg, #fbfbfb, #e7e7e7 100%);
  background: -moz-linear-gradient(180deg, #fbfbfb, #e7e7e7 100%);
  background: -o-linear-gradient(180deg, #fbfbfb, #e7e7e7 100%);
  background: -ms-linear-gradient(180deg, #fbfbfb, #e7e7e7 100%);
  background: linear-gradient(180deg, #fbfbfb, #e7e7e7 100%);
  text-align: center;
  padding-top: min(3.75vw, 72px);
}
@media (max-width:1024px) {
  .about .about-box4 .slide-box .about-slide3 .swiper-slide .item-box {
    padding-top: 36px;
  }
}
.about .about-box4 .slide-box .about-slide3 .swiper-slide .item-box::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/about/sb.png) no-repeat center bottom;
  background-size: cover;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.about .about-box4 .slide-box .about-slide3 .swiper-slide .item-box .img {
  width: 62.4%;
  margin: auto;
  overflow: hidden;
  transition: all 0.5s;
}
.about .about-box4 .slide-box .about-slide3 .swiper-slide .item-box .img .pb {
  padding-bottom: 142%;
}
.about .about-box4 .slide-box .about-slide3 .swiper-slide .item-box .text-box {
  padding: 0 12px;
  margin: min(4.27083333vw, 82px) 0 min(4.27083333vw, 82px);
  position: relative;
}
@media (max-width:1024px) {
  .about .about-box4 .slide-box .about-slide3 .swiper-slide .item-box .text-box {
    margin: 41px 0 41px;
  }
}
.about .about-box4 .slide-box .about-slide3 .swiper-slide .item-box .text-box .name {
  font-size: 26px;
  color: #000000;
  line-height: 1.4;
  transition: all 0.5s;
}
@media (max-width:1600px) {
  .about .about-box4 .slide-box .about-slide3 .swiper-slide .item-box .text-box .name {
    font-size: 23px;
  }
}
@media (max-width:1470px) {
  .about .about-box4 .slide-box .about-slide3 .swiper-slide .item-box .text-box .name {
    font-size: 21px;
  }
}
@media (max-width:1024px) {
  .about .about-box4 .slide-box .about-slide3 .swiper-slide .item-box .text-box .name {
    font-size: 18px;
  }
}
.about .about-box4 .slide-box .about-slide3 .swiper-slide .item-box:hover::before {
  opacity: 1;
}
.about .about-box4 .slide-box .about-slide3 .swiper-slide .item-box:hover .img {
  transform: scale(1.1);
}
.about .about-box4 .slide-box .about-slide3 .swiper-slide .item-box:hover .name {
  color: white;
}
.about .about-box4 .slide-box .about-slide3 .swiper-pagination {
  position: absolute;
  z-index: 10;
  bottom: 0;
  opacity: 0;
}
.about .about-box4 .slide-box .about-slide3 .swiper-pagination span {
  display: inline-block;
  height: 12px;
  width: 12px;
  margin: 0 6px !important;
  background-color: #bebebe;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.about .about-box4 .slide-box .about-slide3 .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #0f5ccf;
}
@media (max-width:1600px) {
  .about .about-box4 {
    padding-top: min(8.33333333vw, 160px);
  }
}
@media (max-width:1600px) and (max-width:1024px) {
  .about .about-box4 {
    padding-top: 80px;
  }
}
@media (max-width:1200px) {
  .about .about-box4 {
    padding: 50px 0;
  }
  .about .about-box4 .about-box4-sb .slibox {
    display: none;
  }
  .about .about-box4 .slide-box .about-slide3 .swiper-pagination {
    opacity: 1;
  }
}
@media (max-width:768px) {
  .about .about-box4 .slide-box .about-slide3 .swiper-slide .item-box {
    padding-top: 20px;
  }
  .about .about-box4 .slide-box .about-slide3 .swiper-slide .item-box .text-box {
    margin: 18px 0;
  }
  .about .about-box4 .slide-box .about-slide3 .swiper-slide .item-box .text-box .name {
    font-size: 14px;
  }
  .about .about-box4 .slide-box .slibox .slide-btn {
    width: 45px;
    height: 45px;
  }
  .about .about-box4 .slide-box .slibox .slide-btn i {
    background-size: 9px 10px !important;
  }
}
.about .about-box5 {
  margin-top: min(-11.66666667vw, -224px);
  padding-bottom: min(20.83333333vw, 400px);
  background-color: white;
}
@media (max-width:1024px) {
  .about .about-box5 {
    margin-top: -112px;
  }
}
@media (max-width:1024px) {
  .about .about-box5 {
    padding-bottom: 200px;
  }
}
@media (max-width:1200px) {
  .about .about-box5 {
    height: 240px;
    padding-bottom: 0;
    margin-top: -200px;
  }
}
@media (max-width:768px) {
  .about .about-box5 {
    height: 160px;
    margin-top: -160px;
  }
}
.support {
  padding-bottom: min(3.38541667vw, 65px);
}
@media (max-width:1024px) {
  .support {
    padding-bottom: 32.5px;
  }
}
.support .page-btn .page-more {
  position: relative;
  width: 32px;
  height: 32px;
  margin: auto;
  background: no-repeat center;
  border: 1px solid #000000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.support .page-btn .page-more i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 9px;
  height: 100%;
  background: url(../images/icon-down.png) no-repeat center;
  background-size: 9px 8px;
  margin: auto;
}
.support .page-btn .page-more::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.support .page-btn .page-more:hover {
  border: 1px solid #0f5ccf;
}
.support .page-btn .page-more:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.support .page-btn .page-more:hover i {
  background: url(../images/icon-downon.png) no-repeat center;
  background-size: 9px 8px;
}
@media (max-width:1200px) {
  .support {
    padding-bottom: 50px;
  }
}
.support-information .support-ban {
  position: relative;
}
.support-information .support-ban .img {
  position: relative;
  overflow: hidden;
}
.support-information .support-ban .img img {
  -webkit-animation: scale 12s linear infinite;
  animation: scale 12s linear infinite;
}
.support-information .support-ban .img::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/support/banner-bg.png) no-repeat center bottom;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.support-information .support-ban .content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.support-information .support-ban .text-box .name {
  font-size: 32px;
  color: white;
  line-height: 1.6;
}
@media (max-width:1600px) {
  .support-information .support-ban .text-box .name {
    font-size: 24px;
  }
}
@media (max-width:1470px) {
  .support-information .support-ban .text-box .name {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .support-information .support-ban .text-box .name {
    font-size: 22px;
  }
}
@media (max-width:768px) {
  .support-information .support-ban .text-box .name {
    font-size: 20px;
  }
}
.support-information .support-ban .text-box .text {
  margin-top: min(1.14583333vw, 22px);
}
@media (max-width:1024px) {
  .support-information .support-ban .text-box .text {
    margin-top: 11px;
  }
}
.support-information .support-ban .text-box .text p {
  font-size: 14px;
  color: white;
  line-height: 1.4;
}
.support-information .support-ban .support-ban-more {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 74px;
  height: 74px;
  margin-right: min(3.90625vw, 75px);
  margin-bottom: min(4.27083333vw, 82px);
  background: no-repeat center;
  border: 1px solid #000000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width:1024px) {
  .support-information .support-ban .support-ban-more {
    margin-right: 37.5px;
  }
}
@media (max-width:1024px) {
  .support-information .support-ban .support-ban-more {
    margin-bottom: 41px;
  }
}
.support-information .support-ban .support-ban-more i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 15px;
  height: 100%;
  background: url(../images/next.png) no-repeat center;
  background-size: 15px 16px;
  margin: auto;
}
.support-information .support-ban .support-ban-more::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0f5ccf;
  transform: translateY(100%);
  -webkit-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  transition: all 0.3s;
  z-index: -1;
}
.support-information .support-ban .support-ban-more:hover {
  border: 1px solid #0f5ccf;
}
.support-information .support-ban .support-ban-more:hover::after {
  transform: translateY(0);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.support-information .support-ban .support-ban-more:hover i {
  background: url(../images/nexton.png) no-repeat center;
  background-size: 15px 16px;
}
@media (max-width:1600px) {
  .support-information .support-ban .support-ban-more {
    width: 60px;
    height: 60px;
  }
}
@media (max-width:768px) {
  .support-information .support-ban .support-ban-more {
    width: 45px;
    height: 45px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .support-information .support-ban .support-ban-more i {
    background-size: 11px 10px !important;
  }
}
@media (max-width:768px) {
  .support-information .support-ban {
    height: 200px;
  }
  .support-information .support-ban .img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .support-information .support-ban .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    object-fit: cover;
    object-position: 50% 50%;
  }
  .support-information .support-ban .text-box .name {
    font-size: 16px;
  }
  .support-information .support-ban .text-box .text {
    margin-top: 5px;
  }
  .support-information .support-ban .text-box .text p {
    font-size: 14px;
    line-height: 20px;
  }
}
.support-information .support-list {
  margin-bottom: 40px;
}
.support-information .support-list .item {
  display: block;
  padding: min(2.08333333vw, 40px) 0 min(2.60416667vw, 50px);
  padding-left: min(2.60416667vw, 50px);
  padding-right: min(2.60416667vw, 50px);
  background-color: #f7f7f7;
  margin-bottom: min(1.04166667vw, 20px);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width:1024px) {
  .support-information .support-list .item {
    padding: 20px 0 25px 0;
  }
}
@media (max-width:1024px) {
  .support-information .support-list .item {
    padding-left: 25px;
  }
}
@media (max-width:1024px) {
  .support-information .support-list .item {
    padding-right: 25px;
  }
}
@media (max-width:1024px) {
  .support-information .support-list .item {
    margin-bottom: 10px;
  }
}
.support-information .support-list .item:hover {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.support-information .support-list .item .text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.support-information .support-list .item .text-box .text-le {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-right: min(1.5625vw, 30px);
}
@media (max-width:1024px) {
  .support-information .support-list .item .text-box .text-le {
    margin-right: 15px;
  }
}
.support-information .support-list .item .text-box .text-le .name {
  font-size: 20px;
  color: #333333;
  line-height: 1.4;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width:1600px) {
  .support-information .support-list .item .text-box .text-le .name {
    font-size: 18px;
  }
}
@media (max-width:1470px) {
  .support-information .support-list .item .text-box .text-le .name {
    font-size: 16px;
  }
}
.support-information .support-list .item .text-box .text-ri {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.support-information .support-list .item .text-box .text-ri .date {
  font-size: 20px;
  color: #333333;
  text-transform: capitalize;
}
@media (max-width:1600px) {
  .support-information .support-list .item .text-box .text-ri .date {
    font-size: 18px;
  }
}
@media (max-width:1470px) {
  .support-information .support-list .item .text-box .text-ri .date {
    font-size: 16px;
  }
}
.support-information .support-list .item .text-box .text-ri .more {
  width: 18px;
  height: 19px;
  background: url(../images/date-icon.png) no-repeat center;
  background-size: 18px 19px;
  margin-left: min(1.45833333vw, 28px);
}
@media (max-width:1024px) {
  .support-information .support-list .item .text-box .text-ri .more {
    margin-left: 14px;
  }
}
.support-information .support-list .item:hover .text-box .text-le .name {
  color: #0f5ccf;
}
.support-information .support-list .item:hover .text-box .text-ri .more {
  background: url(../images/date-icon-b.png) no-repeat center;
  background-size: 18px 19px;
}
@media (max-width:1200px) {
  .support-information .support-list {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .support-information .support-list .item {
    padding: 30px;
  }
}
@media (max-width:768px) {
  .support-information .support-list .item {
    padding: 20px 12px;
  }
  .support-information .support-list .item .text-box .text-le .name {
    font-size: 14px;
  }
  .support-information .support-list .item .text-box .text-ri .date {
    font-size: 14px;
  }
  .support-information .support-list .item .text-box .text-ri .date em {
    font-size: 18px;
  }
}
.support-video .support-video-ban {
  position: relative;
  cursor: pointer;
}
.support-video .support-video-ban .img {
  position: relative;
}
.support-video .support-video-ban .img::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/support/banner-bg.png) no-repeat center bottom;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.support-video .support-video-ban .content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  padding-bottom: min(2.60416667vw, 50px);
}
@media (max-width:1024px) {
  .support-video .support-video-ban .content {
    padding-bottom: 25px;
  }
}
.support-video .support-video-ban .down {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.support-video .support-video-ban .text-box {
  margin-right: min(1.5625vw, 30px);
  flex: 1;
}
@media (max-width:1024px) {
  .support-video .support-video-ban .text-box {
    margin-right: 15px;
  }
}
.support-video .support-video-ban .text-box .name {
  font-size: 32px;
  color: white;
  line-height: 1.6;
  max-width: 94%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width:1600px) {
  .support-video .support-video-ban .text-box .name {
    font-size: 24px;
  }
}
@media (max-width:1470px) {
  .support-video .support-video-ban .text-box .name {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .support-video .support-video-ban .text-box .name {
    font-size: 22px;
  }
}
@media (max-width:768px) {
  .support-video .support-video-ban .text-box .name {
    font-size: 20px;
  }
}
.support-video .support-video-ban .text-box .text {
  margin-top: min(1.14583333vw, 22px);
}
@media (max-width:1024px) {
  .support-video .support-video-ban .text-box .text {
    margin-top: 11px;
  }
}
.support-video .support-video-ban .text-box .text p {
  font-size: 14px;
  color: white;
  line-height: 1.4;
}
.support-video .support-video-ban .play-btn {
  width: 35px;
  height: 35px;
  background: no-repeat center;
  overflow: hidden;
  cursor: pointer;
  background-image: url(../images/support/play-ico.png);
  background-size: 35px 35px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  margin: auto;
  z-index: 9;
}
.support-video .support-video-ban .support-ban-more {
  width: 35px;
  height: 35px;
  background: no-repeat center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  background-image: url(../images/product/xiazai-ico.png);
  background-size: 35px 35px;
}
@media (max-width:1200px) {
  .support-video .support-video-ban .support-ban-more {
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
}
@media (max-width:1200px) {
  .support-video .support-video-ban .content {
    padding-bottom: 20px;
  }
  .support-video .support-video-ban .down {
    display: block;
  }
  .support-video .support-video-ban .text-box {
    margin-right: 0;
  }
  .support-video .support-video-ban .text-box .text {
    display: none;
  }
  .support-video .support-video-ban .support-ban-more {
    display: none;
  }
}
@media (max-width:768px) {
  .support-video .support-video-ban {
    height: 200px;
  }
  .support-video .support-video-ban .content {
    padding-bottom: 12px;
  }
  .support-video .support-video-ban .img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .support-video .support-video-ban .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    object-fit: cover;
    object-position: 50% 50%;
  }
  .support-video .support-video-ban .text-box .name {
    font-size: 16px;
  }
  .support-video .support-video-ban .text-box .text {
    margin-top: 5px;
  }
  .support-video .support-video-ban .text-box .text p {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-ban-nav {
  position: relative;
  margin-top: min(1.82291667vw, 35px);
}
@media (max-width:1024px) {
  .page-ban-nav {
    margin-top: 17.5px;
  }
}
.page-ban-nav .list-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-top: 1px solid #e0e0e0;
}
.page-ban-nav .list-nav a {
  font-size: var(--font18);
  color: #999999;
  position: relative;
  padding-top: min(2.44791667vw, 47px);
  margin-right: min(1.14583333vw, 22px);
}
@media (max-width:1024px) {
  .page-ban-nav .list-nav a {
    padding-top: 23.5px;
  }
}
@media (max-width:1024px) {
  .page-ban-nav .list-nav a {
    margin-right: 11px;
  }
}
.page-ban-nav .list-nav a.active {
  color: #0f5ccf;
}
.page-ban-nav .list-nav a.active::before {
  width: 100%;
}
.page-ban-nav .list-nav a::before {
  content: '';
  width: 0;
  height: 1px;
  background-color: #0f5ccf;
  position: absolute;
  left: 0;
  top: -1px;
}
.contact-box {
  padding: min(2.76041667vw, 53px) 0 min(4.16666667vw, 80px);
}
@media (max-width:1024px) {
  .contact-box {
    padding: 26.5px 0 40px 0;
  }
}
.contact-box .caption {
  font-size: 21px;
  color: #0d1010;
  margin-bottom: 24px;
  line-height: 30px;
  font-weight: 700;
}
.contact-box .caption img {
  width: 22px;
  margin-right: 18px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.contact-box .box-1 {
  margin-bottom: 40px;
}
.contact-box .box-1 .caption img {
  width: 15px;
}
.contact-box .box-1 ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.contact-box .box-1 li {
  width: 30.59%;
  margin-right: 4.115%;
  background-color: #ece9e8;
  border-radius: 18px;
  padding: 12px 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-top: 20px;
  line-height: 28px;
}
.contact-box .box-1 .pic {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 8px;
}
.contact-box .box-1 .pic img {
  display: block;
  width: 100%;
}
.contact-box .box-1 .info {
  flex: 1;
  overflow: hidden;
  font-weight: 700;
}
.contact-box .box-1 .name,
.contact-box .box-1 p {
  font-size: 15px;
  color: #0d1010;
  text-align: left;
}
@media (min-width: 1024px) {
  .contact-box .box-1 li:nth-child(-n+3) {
    margin-top: 0;
  }
  .contact-box .box-1 li:nth-child(3n),
  .contact-box .box-1 li:last-child {
    margin-right: 0;
  }
}
@media (max-width:990px) {
  .contact-box .box-1 li {
    width: 100%;
    margin-right: 0;
    border-radius: 12px;
    margin-top: 0;
    line-height: 24px;
    margin-bottom: 17.5px;
  }
  .contact-box .box-1 li:last-child {
    margin-bottom: 0;
  }
  .contact-box .box-1 .pic {
    width: 60px;
    height: 60px;
    margin-right: 15px;
  }
  .contact-box .box-1 .name,
  .contact-box .box-1 p {
    font-size: 14px;
  }
}
.contact-box .box-2 {
  margin-bottom: 56px;
}
.contact-box .box-2 .caption {
  font-size: 18px;
  margin-bottom: 37px;
}
@media (max-width:990px) {
  .contact-box .box-2 {
    margin-bottom: 48px;
  }
  .contact-box .box-2 .caption {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
.contact-box .map {
  position: relative;
  height: 480px;
  overflow: hidden;
}
.contact-box .map > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-box .box-3 .caption img {
  margin-right: 16px;
}
.contact-box .form {
  background-color: #ece9e8;
  border-radius: 35px;
  padding: 60px 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact-box .group {
  width: 47.48%;
  margin-bottom: 46px;
}
.contact-box .group.max {
  width: 100%;
}
.contact-box .group ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a1b4b8;
  font-size: 21px;
}
.contact-box .group ::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a1b4b8;
  font-size: 21px;
}
.contact-box .group ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a1b4b8;
  font-size: 21px;
}
.contact-box .group ::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a1b4b8;
  font-size: 21px;
}
.contact-box .text,
.contact-box .msg {
  width: 100%;
  background-color: #fff;
  border: solid 1px #a1b4b8;
  line-height: 24px;
  padding-left: 28px;
  padding-right: 28px;
  font-size: 21px;
  color: #333;
  transition: all 0.4s ease;
}
.contact-box .text:focus,
.contact-box .msg:focus {
  border-color: rgba(15, 92, 207, 0.5);
}
.contact-box .text {
  line-height: 62px;
  height: 64px;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-radius: 20px;
}
.contact-box .msg {
  height: 159px;
  resize: none;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 25px;
}
.contact-box .submit {
  width: 225px;
  height: 56px;
  line-height: 56px;
  background-color: #0f5ccf;
  border-radius: 25px;
  border: solid 1px #a1b4b8;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  display: block;
  font-size: 23px;
  transition: all 0.4s ease;
}
.contact-box .submit:hover {
  background-color: rgba(15, 92, 207, 0.7);
}
@media (max-width:990px) {
  .contact-box .caption {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .contact-box .caption img {
    width: 20px;
    margin-right: 12px;
  }
  .contact-box .map {
    height: 300px;
  }
  .contact-box .form {
    border-radius: 15px;
    padding: 30px 20px 40px;
  }
  .contact-box .group {
    width: 100%;
    margin-bottom: 17.5px;
  }
  .contact-box .group ::-webkit-input-placeholder {
    font-size: 16px;
  }
  .contact-box .group ::-moz-placeholder {
    font-size: 16px;
  }
  .contact-box .group ::-moz-placeholder {
    font-size: 16px;
  }
  .contact-box .group ::-ms-input-placeholder {
    font-size: 16px;
  }
  .contact-box .text,
  .contact-box .msg {
    line-height: 26px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
  }
  .contact-box .text {
    line-height: 48px;
    height: 52px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-radius: 10px;
  }
  .contact-box .msg {
    height: 150px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
  }
  .contact-box .submit {
    width: 50%;
    height: 48px;
    line-height: 46px;
    border-radius: 25px;
    font-size: 18px;
  }
}
/* 文字超出隐藏 */
.texts {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 动画 */
.dh {
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.news-box {
  padding: min(2.86458333vw, 55px) 0 min(3.38541667vw, 65px);
}
@media (max-width:1024px) {
  .news-box {
    padding: 27.5px 0 32.5px 0;
  }
}
.news-box .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px 23px;
  margin-bottom: 40px;
}
.news-box .list .item-box {
  display: block;
  height: 100%;
  background-color: #F1F6FD;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.news-box .list .item-box:hover {
  background-color: #e5eefa;
}
.news-box .list .item-box:hover .img img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.news-box .list .item-box:hover .text-box .title {
  color: #0f5ccf;
}
.news-box .list .item-box:hover .text-box .text-body {
  color: #000;
}
.news-box .list .item-box:hover .text-box .date {
  color: #000;
}
.news-box .list .item-box .text-box {
  padding: 29px 33px 34px;
  padding: 0 min(1.71875vw, 33px) 0 min(1.71875vw, 33px);
  padding-top: min(1.51041667vw, 29px);
  padding-bottom: min(1.77083333vw, 34px);
}
@media (max-width:1024px) {
  .news-box .list .item-box .text-box {
    padding: 0 16.5px 0 16.5px;
  }
}
@media (max-width:1024px) {
  .news-box .list .item-box .text-box {
    padding-top: 14.5px;
  }
}
@media (max-width:1024px) {
  .news-box .list .item-box .text-box {
    padding-bottom: 17px;
  }
}
.news-box .list .item-box .text-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-top: 1px solid #cccccc;
  padding-top: min(1.5625vw, 30px);
}
@media (max-width:1024px) {
  .news-box .list .item-box .text-down {
    padding-top: 15px;
  }
}
.news-box .list .item-box .type {
  font-size: 18px;
  color: #0f5ccf;
  line-height: 1;
  position: relative;
  padding-right: 17px;
  margin-right: 10px;
}
@media (max-width:1600px) {
  .news-box .list .item-box .type {
    font-size: 16px;
  }
}
@media (max-width:1470px) {
  .news-box .list .item-box .type {
    font-size: 15px;
  }
}
.news-box .list .item-box .type::before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: #b5bfc6;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.news-box .list .item-box .date {
  font-size: 20px;
  color: #333333;
  line-height: 1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width:1600px) {
  .news-box .list .item-box .date {
    font-size: 18px;
  }
}
@media (max-width:1470px) {
  .news-box .list .item-box .date {
    font-size: 16px;
  }
}
.news-box .list .item-box .title {
  font-size: 20px;
  color: #000000;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width:1600px) {
  .news-box .list .item-box .title {
    font-size: 18px;
  }
}
@media (max-width:1470px) {
  .news-box .list .item-box .title {
    font-size: 16px;
  }
}
.news-box .list .item-box .text-body {
  font-size: var(--font16);
  color: #585858;
  line-height: 1.75;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin: min(1.25vw, 24px) 0 min(3.90625vw, 75px);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  min-height: calc(3em * 1.75);
  overflow: auto;
}
@media (max-width:1024px) {
  .news-box .list .item-box .text-body {
    margin: 12px 0 37.5px;
  }
}
.news-box .list .item-box .img {
  overflow: hidden;
}
.news-box .list .item-box .img .pb {
  padding-bottom: 62%;
}
.news-box .list .item-box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
}
@media (max-width:768px) {
  .news-box {
    padding: 50px 0;
  }
  .news-box .list {
    grid-template-columns: repeat(1, 1fr);
  }
  .news-box .list .item-box .text-body {
    min-height: auto;
  }
}
.fancybox-enabled {
  overflow: hidden;
}
.fancybox-enabled body {
  overflow: visible;
  height: 100%;
}
.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.fancybox-container ~ .fancybox-container {
  z-index: 99992;
}
.fancybox-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f0f11;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.fancybox-container--ready .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  z-index: 99994;
  transition: opacity 0.2s;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  direction: ltr;
}
.fancybox-show-controls .fancybox-controls {
  opacity: 1;
}
.fancybox-infobar {
  display: none;
}
.fancybox-show-infobar .fancybox-infobar {
  display: inline-block;
  pointer-events: all;
}
.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
}
.fancybox-buttons {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  pointer-events: all;
}
.fancybox-show-buttons .fancybox-buttons {
  display: block;
}
.fancybox-slider-wrap {
  overflow: hidden;
  direction: ltr;
}
.fancybox-slider,
.fancybox-slider-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
}
.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
}
.fancybox-slide:before {
  content: "";
  height: 100%;
  width: 0;
}
.fancybox-slide:before,
.fancybox-slide > * {
  display: inline-block;
  vertical-align: middle;
}
.fancybox-slide > * {
  position: relative;
  padding: 24px;
  margin: 44px 0;
  border-width: 0;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box;
}
.fancybox-slide--image {
  overflow: hidden;
}
.fancybox-slide--image:before {
  display: none;
}
.fancybox-content {
  display: inline-block;
  position: relative;
  margin: 44px auto;
  padding: 0;
  border: 0;
  width: 80%;
  height: calc(100% - 88px);
  vertical-align: middle;
  line-height: normal;
  text-align: left;
  white-space: normal;
  outline: none;
  font-size: 16px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
}
.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
  background: transparent;
}
.fancybox-placeholder {
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.fancybox-image,
.fancybox-placeholder,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.fancybox-image,
.fancybox-spaceball {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  background: transparent;
  background-size: 100% 100%;
}
.fancybox-controls--canzoomOut .fancybox-placeholder {
  cursor: zoom-out;
}
.fancybox-controls--canzoomIn .fancybox-placeholder {
  cursor: zoom-in;
}
.fancybox-controls--canGrab .fancybox-placeholder {
  cursor: -webkit-grab;
  cursor: grab;
}
.fancybox-controls--isGrabbing .fancybox-placeholder {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.fancybox-spaceball {
  z-index: 1;
}
.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}
.fancybox-error {
  position: absolute;
  margin: 0;
  padding: 40px;
  top: 50%;
  left: 50%;
  width: 380px;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  cursor: default;
}
.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif;
}
.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer;
}
.fancybox-close-small:after {
  content: "×";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background: #fff;
  transition: background 0.2s;
  box-sizing: border-box;
  z-index: 2;
}
.fancybox-close-small:focus:after {
  outline: 1px dotted #888;
}
.fancybox-slide--video .fancybox-close-small {
  top: -36px;
  right: -36px;
  background: transparent;
}
.fancybox-close-small:hover:after {
  color: #555;
  background: #eee;
}
.fancybox-caption-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0;
  z-index: 99998;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
}
.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
}
.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid hsla(0, 0%, 100%, 0.4);
  font-size: 14px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none;
}
.fancybox-caption a,
.fancybox-caption button {
  pointer-events: all;
}
.fancybox-caption a {
  color: #fff;
  text-decoration: underline;
}
.fancybox-button {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  background: transparent;
  color: #fff;
  box-sizing: border-box;
  vertical-align: top;
  outline: none;
}
.fancybox-button--disabled {
  cursor: default;
  pointer-events: none;
}
.fancybox-button,
.fancybox-infobar__body {
  background: rgba(30, 30, 30, 0.6);
}
.fancybox-button:hover {
  background: rgba(0, 0, 0, 0.8);
}
.fancybox-button:after,
.fancybox-button:before {
  content: "";
  pointer-events: none;
  position: absolute;
  border-color: #fff;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  box-sizing: border-box;
  display: inline-block;
}
.fancybox-button--disabled:after,
.fancybox-button--disabled:before {
  opacity: 0.5;
}
.fancybox-button--left:after {
  left: 20px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.fancybox-button--left:after,
.fancybox-button--right:after {
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}
.fancybox-button--right:after {
  right: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fancybox-button--left {
  border-bottom-left-radius: 5px;
}
.fancybox-button--right {
  border-bottom-right-radius: 5px;
}
.fancybox-button--close {
  float: right;
}
.fancybox-button--close:after,
.fancybox-button--close:before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px);
}
.fancybox-button--close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fancybox-button--close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.fancybox-loading {
  border: 6px solid hsla(0, 0%, 39%, 0.4);
  border-top: 6px solid hsla(0, 0%, 100%, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: a 0.8s infinite linear;
  animation: a 0.8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999;
}
@-webkit-keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@media (max-width: 800px) {
  .fancybox-controls {
    text-align: left;
  }
  .fancybox-button--left,
  .fancybox-button--right,
  .fancybox-buttons button:not(.fancybox-button--close) {
    display: none !important;
  }
  .fancybox-caption {
    padding: 20px 0;
    margin: 0;
  }
}
.fancybox-button--fullscreen:before {
  width: 15px;
  height: 11px;
  left: 15px;
  top: 16px;
  border: 2px solid;
  background: none;
}
.fancybox-button--play:before {
  top: 16px;
  left: 18px;
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
  background: transparent;
}
.fancybox-button--pause:before {
  top: 16px;
  left: 18px;
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px;
  background: transparent;
}
.fancybox-button--thumbs span {
  font-size: 23px;
}
.fancybox-button--thumbs:before {
  top: 20px;
  left: 21px;
  width: 3px;
  height: 3px;
  box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
}
.fancybox-container--thumbs .fancybox-caption-wrap,
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap {
  right: 220px;
}
.fancybox-thumbs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 220px;
  margin: 0;
  padding: 5px 5px 0 0;
  background: #fff;
  z-index: 99993;
  word-break: normal;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}
.fancybox-thumbs > ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0;
}
.fancybox-thumbs > ul > li {
  float: left;
  overflow: hidden;
  max-width: 50%;
  padding: 0;
  margin: 0;
  width: 105px;
  height: 75px;
  position: relative;
  cursor: pointer;
  outline: none;
  border: 5px solid #fff;
  border-top-width: 0;
  border-right-width: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
}
li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1);
}
.fancybox-thumbs > ul > li > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fancybox-thumbs > ul > li:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
  opacity: 1;
}
@media (max-width: 800px) {
  .fancybox-thumbs {
    display: none !important;
  }
  .fancybox-container--thumbs .fancybox-caption-wrap,
  .fancybox-container--thumbs .fancybox-controls,
  .fancybox-container--thumbs .fancybox-slider-wrap {
    right: 0;
  }
}
.iframe-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  width: 450px;
  height: 650px;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  resize: both;
  display: none;
  flex-direction: column;
  background: #fff;
}
.iframe-container iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 10px;
  flex-grow: 1;
}
.drag-handle {
  background: #007bff;
  color: #fff;
  padding: 8px;
  cursor: grab;
  text-align: center;
  font-size: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.dragging {
  opacity: 0.7;
}
@media (max-width: 800px) {
  .iframe-container {
    bottom: 0;
    right: 0;
    width: 100%;
    height: 70vh;
  }
}