@charset "UTF-8";

html {
  line-height: 1.15;

  -webkit-text-size-adjust: 100%;

  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;

  margin: 0.67em 0;
}

hr {
  -webkit-box-sizing: content-box;

  box-sizing: content-box;

  height: 0;

  overflow: visible;
}

pre {
  font-family: monospace, monospace;

  font-size: 1em;
}

a {
  background-color: transparent;

  display: block;

  cursor: pointer;
}

a:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

abbr[title] {
  border-bottom: none;

  text-decoration: underline;

  -webkit-text-decoration: underline dotted;

  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;

  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  vertical-align: middle;

  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;

  font-size: 100%;

  line-height: 1.15;

  margin: 0;
}

button,
input {
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}

button,
select {
  text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;

  padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  color: inherit;

  display: table;

  max-width: 100%;

  padding: 0;

  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;

  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;

  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

ol,
ul,
li {
  margin: 0;

  padding: 0;
}

li {
  list-style-type: none;
}

a {
  text-decoration: none;
}

p,
h2,
h3,
h4 {
  margin: 0;
}

a:hover {
  -webkit-tap-highlight-color: transparent;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.por {
  position: relative;
}

.poa {
  position: absolute;
}

.clearfix:after {
  display: block;

  clear: both;

  content: "";

  visibility: hidden;

  height: 0;
}

.clearfix {
  zoom: 1;
}

.tac {
  text-align: center;
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="reset"],
input[type="submit"],
input[type="button"],
input[type="tel"],
button,
textarea {
  -webkit-appearance: none;

  outline: none;
}

figure {
  margin: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 9999s;

  -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}

sub {
  bottom: -0.05em;
}

a {
  -webkit-transition: all 0.22s ease-in-out;

  transition: all 0.22s ease-in-out;
}

input {
  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border: 0;

  outline: none;

  padding: 0;
}

.top-container {
  width: calc(100% - 20px);

  max-width: 1340px;

  margin: 0 auto;
}

.container {
  width: calc(100% - 40px);

  max-width: 1340px;

  margin: 0 auto;
}

.header .header-top {
  height: 64px;

  justify-content: space-between;

  background-color: #1e8094;

  color: #ffffff;
}

.header .top-container {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  height: 100%;

  z-index: 999;
}

.header .header-top .top-container > div {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  height: 100%;

  align-items: center;
}

.header .headertop-lt > span {
  margin-right: 2rem;
}

.header .headertop-lt .headertop-tel {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;
}

.header .headertop-lt .headertop-tel span {
  margin-left: 8px;
}

.header .header-rt ul,
.header .header-rt li,
.header .header-rt li a {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;
}

.header .header-rt li a {
  background-color: rgba(255, 255, 255, 0.2);

  border-radius: 7px;

  height: 37px;

  margin-right: 10px;

  cursor: pointer;

  transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;
}

.header .header-rt li:not(.hrt-search) a {
  padding: 0 2.02rem;
}

.header .header-rt li.hrt-search {
  padding: 6px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;
}

.header .header-rt li a span,
.header .header-rt li span {
  margin-left: 5px;

  color: #ffffff;
}

.header .header-rt li:hover a {
  background-color: rgba(255, 255, 255, 0.4);
}

.header .header-rt .bgy-en {
  padding: 0 1.5625rem;

  min-height: 22px;

  border-left: 1px solid rgba(255, 255, 255, 0.2);

  border-right: 1px solid rgba(255, 255, 255, 0.2);

  margin: 0 2.03125rem 0 0.9025rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
}

.header .header-rt .bgy-en a {
  color: #ffffff;

  font-size: 14px;

  font-weight: 400;

  line-height: 22px;

  display: block;

  min-width: fit-content;
}

.header .header-rt .bgy-en a::after {
  display: block;

  content: attr(title);

  font-weight: bold;

  height: 0;

  overflow: hidden;

  visibility: hidden;
}

.header .header-rt .hrt-btn {
  height: 36px;

  width: 70px;
}

.header .header-rt .hrt-btn a {
  width: 100%;

  height: 100%;

  display: block;

  line-height: 36px;

  text-align: center;

  font-size: 16px;

  font-weight: bold;

  background-color: #ffffff;

  color: #1e8094;

  border-radius: 0.5rem;

  transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;
}

.header .header-rt .hrt-btn:hover a {
  background-color: #1e8094;

  color: #ffffff;
}

.header {
  width: 100%;

  z-index: 999;
}

.header .header-content {
  width: 100%;

  height: 100px;

  background-color: #ffffff;
}

.header .header-content.navFix {
  position: fixed;

  top: 0;

  left: 0;

  z-index: 999;

  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.header .header-nav ul {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;

  height: 100%;

  position: relative;
}

.header .header-nav ul > li {
  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  cursor: pointer;
}

.header .header-nav ul > li > a {
  font-size: 18px;

  font-weight: bold;

  color: #1a1a1a;

  padding: 0 1.5625rem;

  display: block;

  transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

  position: relative;
}

.header .header-nav ul > li.on > a,
.header .header-nav ul > li:hover > a {
  color: #1222b5;
}

.header .header-nav ul > li a::after {
  content: "";

  position: absolute;

  top: calc(100% + 10px);

  left: 50%;

  transform: translateX(-50%);

  -o-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  width: 0;

  height: 6px;

  background: #1222b5;

  transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;
}

.header .header-nav ul > li.on > a::after,
.header .header-nav ul > li:hover > a::after {
  width: calc(100% - 1rem);
}

.header .header-nav ul > li.has-childnav {
  position: relative;
}

.header .header-nav ul > li.has-childnav > a::after {
  content: "";

  display: block;

  background: url(../images/xia.png) no-repeat;

  background-size: 100% 100%;

  width: 10px;

  height: 6px;

  color: #1e8094;

  position: absolute;

  right: 0.625rem;

  top: 50%;

  transform: translateY(-50%);

  -o-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);
}

.header .header-nav ul > li.has-childnav:hover ol {
  display: flow-root;
}

.header .header-nav .has-childnav > ol {
  margin: 0;

  padding: 1rem 0;

  list-style: none;

  display: none;

  /* box-shadow: 7px 7px 40px 0px rgba(55,95,188,0.3); */

  position: absolute;

  top: 100%;

  left: 50%;

  transform: translateX(-50%);

  -o-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  width: auto;

  border-radius: 4px;

  z-index: 100;
}

.header .header-nav .has-childnav > ol div,
.header .header-nav ol li.has-childnav:hover > ol {
  padding: 1rem 0;

  background-color: #ffffff;

  box-shadow: 7px 7px 40px 0px rgba(55, 95, 188, 0.3);

  border-radius: 4px;
}

.header .header-nav .has-childnav li {
  float: none;

  position: relative;

  display: block;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease;
}

.header .header-nav .has-childnav li a {
  display: block;

  float: none;

  text-decoration: none;

  outline: none;

  text-transform: uppercase;

  padding: 0.75rem 1rem;

  /* border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid; */

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease;

  position: relative;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;
}

.header .header-nav .has-childnav li.has-childnav > a::after {
  /* content: '➣'; */

  content: "";

  position: absolute;

  right: 14px;

  top: 50%;

  transform: translateY(-50%);

  -o-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  width: 0.5rem;

  height: 0.6rem;

  background: url(../images/nav_xia.svg) no-repeat;

  background-size: 0.5rem 0.6rem;
}

.header .header-nav .has-childnav .has-childnav > ol {
  top: 0;

  left: 100%;
}

.header .header-nav ol a {
  display: block;

  color: #001941;

  font-size: 1rem;

  padding: 0.5rem 0;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  font-family: PingFang;
}

.header .header-nav ol li:hover > a {
  background-color: #eef3ff;
}

.header .header-nav li.has-childnav:hover > ol {
  display: block;
}

.header .header-logo {
  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;
}

.header .header-logo a {
  display: block;

  height: 100%;
}

.header .header-logo img {
  max-height: 100%;
}

.header-rt,
.header-rt a figure {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: center;

  flex-direction: column;
}

.header-rt a {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-direction: row;

  color: #1a1a1a;

  font-size: 20px;

  font-weight: bold;
}

.header-rt a figure img {
  max-height: 100%;

  object-fit: cover;

  transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;
}

.header-rt a p {
  display: inline-block;

  margin-left: 12px;

  transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;
}

.header-rt span {
  margin-top: 0.5rem;

  font-size: 14px;

  font-weight: 400;

  line-height: 1rem;
}

.header-rt a:hover p {
  color: #1222b5;
}

a.underline {
  position: relative;
}

a.underline::after {
  content: "";

  display: block;

  width: 0;

  height: 1px;

  background-color: #ffffff;

  position: absolute;

  left: 0;

  bottom: -2px;

  transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;
}

a.underline:hover::after {
  width: 50%;
}

.ft-top .ftlt-contact span {
  color: #ffffff;

  display: block;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  flex-direction: row;

  margin-bottom: 1.5rem;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.25rem;
}

.ft-top .ftlt-contact a,
.ft-top a {
  color: #ffffff;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.25rem;
}

.ft-top .ft-rt {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;
}

.ft-top .ft-rt > div {
  margin-right: 4rem;
}

.ft-top .ft-rt > div:last-child {
  margin-right: 0;
}

.ft-top .ft-rt img {
  max-width: 100%;
}

.ft-bt {
  background-color: #177184;

  padding: 1.5rem 0;

  text-align: center;
}

.ft-bt a {
  display: inline-block;
}

.ft-bt a,
.ft-bt span {
  color: #ffffff;

  font-size: 1rem;

  font-weight: 400;

  line-height: 2rem;
}

.menu-btn {
  display: none;

  z-index: 9999;

  position: absolute;

  top: 50%;

  right: 6%;

  margin-top: -16px;

  height: 32px;

  text-align: center;
}

.menu-btn span {
  position: relative;

  margin-top: 15px;

  width: 2rem;

  height: 0.2rem;

  display: inline-block;

  background: #1222b5;
}

.menu-btn i {
  position: absolute;

  left: 0;

  width: 2rem;

  height: 0.2rem;

  display: block;

  background: #1222b5;

  transition-duration: 0.3s, 0.3s;

  -webkit-transition-duration: 0.3s, 0.3s;

  transition-delay: 0.3s, 0s;

  -webkit-transition-delay: 0.3s, 0s;
}

.menu-btn i.menu-btn-top {
  top: -0.7rem;

  -webkit-transition-property: top, -webkit-transform;

  transition-property: top, -webkit-transform;

  transition-property: top, transform;

  transition-property: top, transform, -webkit-transform;

  -webkit-transition-property: top, transform;
}

.menu-btn i.menu-btn-bottom {
  bottom: -0.7rem;

  -webkit-transition-property: bottom, -webkit-transform;

  transition-property: bottom, -webkit-transform;

  transition-property: bottom, transform;

  transition-property: bottom, transform, -webkit-transform;

  -webkit-transition-property: bottom, transform;
}

.menu-btn.menu-btn-on span {
  background-color: transparent;
}

.menu-btn.menu-btn-on i.menu-btn-top {
  top: 0;

  transform: rotate(45deg);

  -o-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -webkit-transform: rotate(45deg);
}

.menu-btn.menu-btn-on i.menu-btn-bottom {
  bottom: 0;

  transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -webkit-transform: rotate(-45deg);
}

.menu-btn.menu-btn-on i.menu-btn-top,
.menu-btn.menu-btn-on i.menu-btn-bottom {
  background: #1222b5;

  transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;
}

.nav-mb {
  z-index: 9999;

  position: fixed;

  width: 100%;

  display: none;

  overflow: hidden;

  top: 60px;

  left: 0;

  background: transparent;

  transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;
}

.nav-mb ul {
  display: none;

  margin: 0;

  padding: 0;

  list-style: none;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  outline: 0;

  overflow-y: scroll;

  overflow-x: hidden;

  height: calc(100vh - 60px);
}

.nav-mb ul li {
  width: 100%;

  display: block;

  position: relative;
}

.nav-mb ul > li > a > span {
  display: none;
}

.nav-mb a {
  overflow: hidden;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  white-space: nowrap;

  width: 100%;

  background-color: #4162b6;

  border-bottom: solid 1px #3b424d;

  border-bottom-color: #3053aa;

  padding: 14px 22px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  text-decoration: none;

  color: #f0f0f0;

  font-size: 13px;

  position: relative;

  -o-transition: color 0.2s linear, background 0.2s linear;

  -moz-transition: color 0.2s linear, background 0.2s linear;

  -webkit-transition: color 0.2s linear, background 0.2s linear;

  transition: color 0.2s linear, background 0.2s linear;
}

.nav-mb ul > li.on > a,
.nav-mb ul > li:hover > a {
  background: #3053aa;

  color: #ffffff;
}

.nav-mb a.on:after {
  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);
}

.nav-mb a.has-childnav:after {
  display: block;

  position: absolute;

  top: 0.5rem;

  right: 4%;

  font-size: 22px;

  content: "+";

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

  background: transparent !important;
}

.nav-mb ol {
  display: none;

  background-color: #4162b6;
}

.nav-mb ol a {
  font-size: 11px;

  background: #001941;

  border-left: solid 6px transparent;

  -o-transition: border 0.2s linear;

  -moz-transition: border 0.2s linear;

  -webkit-transition: border 0.2s linear;

  transition: border 0.2s linear;

  border-bottom: unset;
}

.nav-mb ol li.on > a,
.nav-mb ol li:hover > a {
  border-left-color: #ffffff;
}

.nav-mb ol li .nav-two-sub {
  display: none;
}

.nav-mb ol li .nav-two-sub a {
  padding-left: 2rem;
}

.nav-scroll {
  margin-top: 100px;
}

/* 移动端.menu-btn end*/

.nav-scroll {
  margin-top: 80px;
}

.index-banner {
  position: relative;

  display: block;

  /* height: calc(100vh - 100px); */
}

.index-banner .swiper {
  width: 100%;

  height: 100%;
}

.index-banner img {
  width: 100%;
}

.index-banner .banner-pic-wrap {
  width: 100%;
}

.index-banner .container {
  z-index: 99;

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  height: 100%;

  display: flex;

  align-items: center;

  color: #fff;
}

.index-banner .container .banner-title {
  font-size: 1.5rem;

  margin-bottom: 2rem;

  display: block;
}

.index-banner .container .banner-logo {
  font-size: 3rem;

  line-height: 4rem;

  font-weight: bold;
}

.index-banner .container .banner-icon-list {
  display: flex;

  flex-wrap: wrap;
}

.index-banner .container .banner-icon-list li {
  width: calc(100% / 4);

  display: flex;

  align-items: center;

  margin-top: 2.5rem;
}

.index-banner .container .banner-icon-list li i {
  width: 28px;

  height: 23px;

  background: url(../images/banner-icon.png) no-repeat;

  background-size: 100%;

  display: inline-block;
}

.index-banner .container .banner-icon-list li p {
  display: inline-block;

  font-size: 1rem;

  padding-left: 4px;
}

.banner-button {
  width: 13.75rem;

  height: 4.5rem;

  display: flex;

  justify-content: center;

  -moz-box-pack: center;

  -webkit--moz-box-pack: center;

  box-pack: center;

  box-align: center;

  align-items: center;

  background: linear-gradient(to right, #3b74f5 0, #6fe9ae 50%, #3b74f5 100%);

  background-size: 200%;

  font-size: 1.15rem;

  color: #1a4272;

  font-weight: bold;

  border-top-right-radius: 2.5rem;

  border-bottom-left-radius: 2.5rem;

  margin-top: 2.5rem;

  color: #ffffff;

  transition: all 0.3s;
}

.banner-button i {
  width: 10px;

  height: 15px;

  background: url(../images/banner-rt.png) no-repeat;

  background-size: 100%;

  margin-left: 10px;
}

.banner-button:hover {
  /* background: linear-gradient(to left, #3B74F5, #6FE9AE); */

  background-position-x: -100%;
}

.page-banner-pagination,
.index-banner .index-banner-pagination {
  display: flex;
  justify-content: center;
  bottom: 1.875rem;
  position: absolute;
  z-index: 9;
}

.page-banner-pagination .swiper-pagination-bullet,
.index-banner .index-banner-pagination .swiper-pagination-bullet {
  position: relative;
  margin: 0 6px;
  width: 19px;
  height: 19px;
  opacity: 1;
  border: 1px solid transparent;
  background-color: transparent;
  transition: 0.2s;
}

.page-banner-pagination  .swiper-pagination-bullet::after,
.index-banner .index-banner-pagination .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #fff;
}

.page-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.index-banner
  .index-banner-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: #fff;
}


..page-banner-pagination 
  .swiper-pagination-bullet.swiper-pagination-bullet-active::after,
.index-banner
  .index-banner-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background-color: #fff;
}

.title-module {
  text-align: center;

  padding: 4.25rem 2.5rem 1.5rem;

  font-family: "Source Han Sans";
}

.title-module .title-module-en {
  font-size: 50px;

  font-weight: bold;

  color: #1a1a1a;

  opacity: 0.1;

  text-transform: uppercase;
}

.title-module .title-module-title {
  font-size: 40px;

  font-weight: bold;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 0.5rem;
}

.title-module .title-module-title h3 {
  padding: 0 1.5625rem;

  display: inline-block;
}

.title-module .title-module-title i {
  width: 34.93px;

  height: 47.27px;

  display: inline-block;

  background: url(../images/brief-title-icon.png) no-repeat;

  background-size: 100%;
}

.title-module .title-module-desc {
  font-size: 18px;

  line-height: 28px;

  color: rgba(0, 0, 0, 0.5);

  margin-top: 2.625rem;
}

.title-module .title-module-list {
  margin-top: 2.625rem;
}

.title-module .title-module-list .title-module-tab {
  display: flex;

  align-items: center;

  justify-content: center;
}

.title-module .title-module-list .title-module-item {
  margin: 0 4.53125rem;

  position: relative;

  padding-bottom: 1.625rem;

  cursor: pointer;
}

.title-module .title-module-list .title-module-item::after {
  content: "";

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 0;

  height: 6px;

  background-color: #e60013;

  transform: translateX(-50%);

  transition: all 0.3s;
}

.title-module .title-module-list .title-module-item:hover:after,
.title-module .title-module-list .title-module-item.on::after {
  width: 90%;
}

.index-recommend-list {
  display: flex;
}

.index-recommend-list .recommend-list-lt {
  width: 20%;

  padding: 2rem;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  background: linear-gradient(to right, #1222b5, #3142e0);

  color: #ffffff;

  /* min-width: 600px; */
}

.index-recommend-list .recommend-list-title span {
  font-size: 80px;

  font-weight: bold;

  opacity: 0.1;

  height: 50px;

  display: block;
}

.index-recommend-list .recommend-list-title p {
  font-size: 36px;

  font-weight: bold;

  text-align: center;

  display: block;
}

.index-recommend-list .recommend-list-title-rt {
  margin-top: 3.4375rem;
}

.index-recommend-list .recommend-list-title-rt li {
  background-color: rgba(17, 137, 247, 0.5);

  margin-bottom: 12px;

  padding: 1.25rem 6px;

  text-align: center;

  box-sizing: border-box;

  cursor: pointer;

  transition: all 0.23s ease;
}

.index-recommend-list .recommend-list-title-rt li.on,
.index-recommend-list .recommend-list-title-rt li:hover {
  border-left: 10px solid #ffffff;

  background: #4789f7;
}

.index-recommend-list .recommend-list-rt {
  width: 80%;

  flex: 1;

  position: relative;
}

.index-recommend-list .recommend-list-rt figure {
  width: 100%;

  height: 0;

  padding-bottom: 54.62%;
}

.index-recommend-list .recommend-list-rt figure img {
  position: absolute;

  z-index: 10;

  top: 0;

  left: 0;

  height: 100%;

  max-width: 100%;

  width: 100%;

  object-fit: cover;
}

.index-recommend-list .recommend-list-rt figure video {
  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 10;

  object-fit: cover;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;
}

.index-recommend-list .recommend-list-rt .recommend-itme-mask {
  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: flex-end;

  z-index: 100;
}

.recommend-itme-mask .recommend-list-rt-title {
  /* background: rgba(255, 255, 255, 0.1);

    backdrop-filter: blur(6px); */

  background: linear-gradient(
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.1) 10%,
    rgba(0, 0, 0, 0.7)
  );

  position: relative;

  width: 100%;

  box-sizing: border-box;

  padding: 2rem 5%;

  font-family: "Source Han Sans";

  color: #ffffff;
}

.recommend-itme-mask .recommend-list-rt-title div {
  display: block;
}

.recommend-itme-mask .recommend-list-rt-title .recommend-item-title {
  font-size: 40px;

  font-weight: bold;
}

.recommend-itme-mask .recommend-list-rt-title .recommend-item-desc {
  font-size: 18px;

  margin: 15px 0 1.15rem;

  display: block;
}

.recommend-itme-mask .recommend-list-rt-title .recommend-item-btn {
  margin-top: 0;
}

.recommend-rt-piclist {
  height: 86%;

  position: absolute;

  right: 40px;

  bottom: 60px;

  width: 100%;

  max-width: 320px;

  z-index: 100;
}

.recommend-rt-swiperlist {
  height: 100%;

  padding-top: 88px;

  position: relative;
}

.recommend-rt-swiper {
  height: calc(100% - 68px);
}

.recommend-rt-swiper-box {
  height: calc(100% - 68px);

  display: block;
}

.recommend-rt-piclist .recommend-rt-swiper-item {
  height: calc((100% - 36px) / 3);

  position: relative;
}

.recommend-rt-piclist .recommend-rt-swiper-item {
  margin-bottom: 12px;
}

.recommend-rt-piclist .recommend-rt-swiper-item img {
  max-height: 100%;

  width: 100%;

  height: 100%;

  object-fit: cover;
}

.recommend-rt-piclist .recommend-rt-swiper-item video {
  position: absolute;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: all 0.2s;

  display: block;
}

.recommend-rt-piclist .recommend-rt-item-rt {
  top: 40px;
}

.recommend-rt-piclist .recommend-rt-item-lt {
  top: 0;
}

.recommend-rt-piclist .recommend-rt-item-rt,
.recommend-rt-piclist .recommend-rt-item-lt {
  height: 38px;

  width: 100%;

  text-align: center;

  background: rgba(0, 0, 0, 0.2);

  margin-bottom: 10px;

  line-height: 38px;

  cursor: pointer;

  left: unset;

  right: unset;

  z-index: 999;

  position: absolute;

  margin: 0;
}

.recommend-rt-piclist .recommend-rt-item-rt::after,
.recommend-rt-piclist .recommend-rt-item-lt::after {
  content: "";
}

.recommend-rt-piclist .recommend-rt-item-rt.swiper-button-disabled,
.recommend-rt-piclist .recommend-rt-item-lt.swiper-button-disabled {
  /* display: none; */

  opacity: 0.4;

  cursor: not-allowed;
}

.recommend-rt-piclist .recommend-rt-swiper-item .recommend-item-mask-pic,
.recommend-rt-piclist .recommend-rt-swiper-item .recommend-item-mask-video {
  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 10;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;
}

.recommend-rt-piclist .recommend-rt-swiper-item:hover .recommend-item-mask-pic,
.recommend-rt-piclist .recommend-rt-swiper-item.on .recommend-item-mask-pic {
  border: 8px solid #ffffff;

  transition: all 0.2s;
}

.recommend-rt-piclist
  .recommend-rt-swiper-item
  .recommend-item-mask-video::after {
  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 38px;

  height: 38px;

  max-width: 38px;

  max-height: 38px;

  background: url(../images/video-btn.png) no-repeat;

  background-size: 100%;

  opacity: 0;

  transition: all 0.3s;
}

.recommend-rt-piclist
  .recommend-rt-swiper-item:hover
  .recommend-item-mask-video,
.recommend-rt-piclist .recommend-rt-swiper-item.on .recommend-item-mask-video {
  background: rgba(0, 0, 0, 0.7);
}

.recommend-rt-piclist
  .recommend-rt-swiper-item:hover
  .recommend-item-mask-video::after,
.recommend-rt-piclist
  .recommend-rt-swiper-item.on
  .recommend-item-mask-video::after {
  opacity: 1;
}

.index-company-brief {
  display: flex;

  flex-wrap: wrap;
}

.index-company-brief .index-company-brief-lt,
.index-company-brief .index-company-brief-rt {
  width: 50%;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;
}

.index-company-brief .index-company-brief-title {
  max-width: 760px;

  width: calc(100% - 20px);
}

.index-company-brief .index-company-brief-rt > img {
  max-height: 58px;
}

.index-company-brief .index-company-brief-rt h3 {
  font-size: 36px;

  font-weight: bold;

  margin: 2rem 0 0;
}

.index-company-brief .index-company-brief-rt h6 {
  font-size: 1rem;

  margin-top: 12px;

  color: rgba(0, 0, 0, 0.5);
}

.index-company-brief .index-company-brief-rt .index-company-brief-title > p {
  font-size: 1rem;

  line-height: 48px;

  margin-top: 55px;

  text-indent: 2em;
}

.index-company-brief .index-company-brief-lt {
  padding-right: 75px;
}

.index-company-brief-lt .index-company-item {
  max-width: 760px;
}

.index-company-brief-lt .index-company-item img {
  max-width: 100%;

  object-fit: cover;
}

.popup-mask-video{
  position: relative;
}

.popup-mask-video::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.5);
}
.popup-mask-video .play-video-btn:hover{
  transform: scale(1.06);
}
.popup-mask-video .play-video-btn {
  position: absolute;
  content: "";
  width: 5rem;
  height: 5rem;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  left: 0;
  background: url('../images/icon_bo.svg') no-repeat;
  background-size: cover;
  cursor: pointer;
  transition: .3s;
}

.index-brand {
  text-align: center;

  padding-top: 130px;

  padding-bottom: 1rem;
}

.index-brand .index-title h3 {
  font-size: 40px;

  font-weight: bold;
}

.index-brand .index-title span {
  font-size: 18px;

  color: #9a9a9a;

  line-height: 22px;

  margin-top: 26px;

  display: block;
}

.index-brand .index-brand-list {
  margin-top: 50px;
}

.index-brand .index-brand-list ul {
  display: flex;

  align-items: center;
}

.index-brand .index-brand-list li {
  width: calc((100% - 75px) / 6);

  margin-right: 15px;

  padding: 10px 4px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  background-color: #ffffff;

  transition: all 0.3s;
}

.index-brand .index-brand-list li:nth-child(6n) {
  margin-right: 0;
}

.index-brand .index-brand-list li img {
  max-width: 100%;

  max-height: 100%;

  object-fit: cover;
}

.index-brand .index-brand-list li:hover {
  animation: headShake;

  animation-duration: 1s;
}

.index-news .index-news-list {
  display: flex;

  justify-content: space-between;
}

.index-news .index-news-lt,
.index-news .index-news-rt {
  width: calc((100% - 80px) / 2);

  position: relative;

  left: 0;

  display: inline-block;
}

.index-news .index-news-item a {
  overflow: hidden;

  display: flex;

  padding: 2rem 0;

  border-bottom: 1px solid #d1d1d1;
}

.index-news .index-news-item a:hover {
  background-color: #eff7f3;
}

.index-news .index-news-item .index-news-data {
  padding-right: 2rem;

  white-space: nowrap;
}

.index-news-item .index-news-data span {
  font-size: 1.5rem;

  line-height: 2rem;

  font-weight: bold;

  color: #1a1a1a;
}

.index-news-item .index-news-data p {
  font-size: 1rem;

  line-height: 1.25rem;

  padding: 7px 0 0 12px;

  color: #999999;
}

.index-news .index-news-item .index-news-content {
  flex: 1;

  overflow: hidden;
}

.index-news .index-news-item .index-news-content h4 {
  font-size: 1.5rem;

  line-height: 2rem;

  font-weight: bold;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  color: #1a1a1a;
}

.index-news .index-news-item .index-news-content p {
  font-size: 1rem;

  line-height: 1.5rem;

  color: #999999;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;
}

.index-news-lt .index-news-item {
  flex-direction: column;

  padding: 0;

  background-color: #eff7f3;

  border-bottom: unset;
}

.index-news-lt .index-news-item figure {
  overflow: hidden;

  width: 100%;
}

.index-news-lt .index-news-item img {
  width: 100%;

  object-fit: cover;

  transition: all 0.3s;
}

.index-news-lt .index-news-item .index-news-title a {
  padding: 30px 45px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  flex-direction: column;
}

.index-news-lt .index-news-item .index-news-data {
  display: flex;

  align-items: center;

  margin-bottom: 14px;
}

.index-news-lt .index-news-item:hover img {
  transform: scale(1.1);
}

.index-news .index-news-item a:hover {
  color: #1222b5;
}

.index-product-nav {
  display: flex;

  justify-content: center;

  background-color: #fafafa;

  padding: 22px 0 42px;
}

.index-product-nav li {
  padding: 0 2.25rem;

  position: relative;

  cursor: pointer;

  font-weight: bold;

  text-align: center;
}

.index-product-nav li::before {
  content: "|";

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  color: rgba(0, 0, 0, 0.3);
}

.index-product-nav li:last-child::before {
  content: "";
}

.index-product-nav li:hover::after,
.index-product-nav li.on::after {
  content: "";

  width: 29px;

  height: 12px;

  background: url(../images/product-index-on.png) no-repeat;

  background-size: 100%;

  position: absolute;

  left: 50%;

  bottom: -22px;

  transform: translateX(-50%);
}

.index-product-nav-item {
  display: flex;
}

.index-product-nav-item figure {
  width: 59%;
}

.index-product-nav-item figure span {
  width: 100%;

  height: 100%;

  padding-bottom: 0;
}

.index-product-nav-item figure img {
  max-width: 100%;

  height: 100%;

  object-fit: cover;
}

.index-product-nav-item .index-product-rt {
  width: 41%;

  background: linear-gradient(to right, #1222b5, #3142e0);

  color: #ffffff;

  padding: 70px;

  box-sizing: border-box;
}

.index-product-nav-item .index-product-rt img {
  max-height: 65px;
}

.index-product-nav-item .index-product-rt h4 {
  font-size: 36px;

  line-height: 48px;

  font-weight: bold;

  margin-top: 25px;
}

.index-product-nav-item .index-product-rt span {
  font-size: 1.5rem;

  font-weight: bold;

  margin-top: 64px;

  display: block;
}

.index-product-nav-item .index-product-rt > p {
  font-size: 16px;

  line-height: 28px;

  color: rgba(255, 255, 255, 0.8);

  margin-top: 2rem;
}

.index-news {
  padding-bottom: 82px;
}

footer {
  background: linear-gradient(#ffffff, #f2f3f9);
}

footer > .container {
  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  padding: 1.38rem 0 2.38rem;
}

footer .ft-content-item .ft-title span {
  font-size: 1rem;

  color: rgba(0, 0, 0, 0.1);

  display: block;
}

footer .ft-content-item .ft-title h4 {
  font-size: 1.5rem;

  font-weight: bold;

  line-height: 1;

  text-transform: uppercase;

  padding: 4px 0 15px;

  display: inline-block;

  border-bottom: 6px solid #1222b5;
}

footer .ft-logo {
  margin-bottom: 1.25rem;

  max-height: 125px;

  object-fit: cover;
}

.n a,
.p a {
  font-size: 0 !important;
}

.ft-product {
  width: 250px;
}

.ft-product .ft-product-list {
  display: flex;

  flex-wrap: wrap;
}

.ft-product .ft-product-list li {
  width: 50%;
}

.ft-product .ft-product-list a {
  font-size: 1rem;

  line-height: 1.8;

  padding-top: 1.2rem;

  display: block;

  color: #000000;
}

.ft-product .ft-product-list a:hover {
  color: #1222b5;
}

.ft-info {
  width: 26.875rem;

  line-height: 1.8;
}

.ft-info .ft-icon {
  padding-bottom: 0.75rem;
}

.ft-info .ft-location {
  padding-top: 1.375rem;

  padding-bottom: 1.375rem;
}

.ft-info .ft-email .ft-email-content-item {
  display: flex;

  align-items: center;
}

.ft-info .ft-email .ft-email-content span {
  display: block;

  width: 70px;
}

.footer-form {
  max-width: 29.19rem;

  width: 100%;

  margin-top: 1.15rem;
}

.footer-form input + * {
  margin-top: 0.688rem;
}

.footer-form input {
  box-sizing: border-box;

  padding: 0 1.25rem;

  width: 100%;

  font-size: 1rem;

  height: 3.75rem;

  line-height: 3.75rem;

  background-color: #fff;
}

.footer-form .ft-submit {
  display: block;

  height: 3.75rem;

  line-height: 3.75rem;

  background-color: #1222b5;

  color: #fff;

  font-size: 1.125rem;

  transition: all 0.23s ease;

  cursor: pointer;

  text-align: center;
}

.footer-form .ft-submit:hover {
  background-color: #3747d8;
}

.footer-form .ft-form-tips {
  opacity: 0.4;

  padding-top: 10px;
}

.ft-mail-address {
  max-width: 320px;
}

.ft-mail-address .ft-mail-address-item {
  display: flex;

  margin-top: 12px;

  align-items: flex-start;
}

.ft-mail-address .ft-mail-address-item figure {
  display: flex;

  align-items: center;
}

.ft-mail-address .ft-mail-address-item figure img {
  height: 11px;

  max-width: 100%;
}

.ft-mail-address .ft-mail-address-item figure span {
  margin-left: 7px;

  color: #000000;

  font-size: 14px;
}

.ft-mail-address .ft-mail-address-item p {
  font-size: 14px;

  color: #1a1a1a;

  flex: 1;
}

.footer-bottom {
  border-top: 1px solid #ededed;
}

.footer-bottom .container {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;
}

.footer-bottom a {
  margin: 10px auto;

  display: inline-block;
}

.footer-bottom a span {
  font-size: 14px;

  font-weight: 400px;

  line-height: 28px;

  color: #999999;
}

.page-bg-img {
  position: relative;
}

.ft-f-link {
  margin-bottom: 20px;
}

.ft-f-link span,
.ft-f-link a {
  font-size: 14px;

  color: #1a1a1a;
}

.ft-f-link a:hover {
  color: #1222b5;
}

.ft-f-link a {
  margin-left: 10px;
}

.page-bg-img .page-banner-title {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  max-width: 1200px;

  width: calc(100% - 40px);

  color: #ffffff;

  font-family: "Source Han Sans";

  display: none;
}

.page-bg-img .page-banner-title h3 {
  font-size: 60px;

  line-height: 64px;

  font-weight: bold;

  margin-bottom: 20px;

  opacity: 0.1;

  text-transform: uppercase;
}

.page-bg-img .page-banner-title span {
  font-size: 3.5rem;

  font-weight: bold;

  margin-bottom: 7px;

  display: inline-block;

  padding-bottom: 0.8rem;

  position: relative;
}

.page-bg-img .page-banner-title span::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 96px;

  height: 4px;

  background-color: #ffffff;
}

.page-bg-img .page-banner-title strong {
  font-size: 1rem;

  font-weight: bold;

  color: #ffffff;

  display: block;

  text-transform: uppercase;
}

.page-bg-img figure {
  position: relative;
}

.page-bg-img figure img {
  height: 100%;

  width: 100%;

  object-fit: cover;
}

.page-content {
  padding: 25px 0;
}

.page-title {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;
}

.page-title .page-title-lt,
.page-title .page-title-rt {
  display: inline-block;
}

.page-title span {
  font-size: 60px;

  font-weight: bold;

  font-family: "Source Han Sans";

  opacity: 0.06;

  padding-bottom: 2.25rem;

  display: block;

  text-transform: uppercase;
}

.page-title h5 {
  font-size: 2.25rem;

  font-weight: bold;

  margin: 0;

  padding-top: 28px;

  position: relative;
}

.page-title h5::after {
  content: "";

  width: 248px;

  height: 8px;

  background-color: #1222b5;

  position: absolute;

  left: 0;

  top: 0;
}

.page-title .page-title-rt {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;
}

.page-title .page-title-rt img {
  max-height: 132px;
}

.page-contact .container {
  max-width: 1200px;

  width: calc(100% - 40px);

  margin: 30px auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;
}

.page-contact-title,
.page-contact-map {
  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;
}

.page-contact-title {
  width: 46%;

  padding-right: 4%;
}

.page-contact-title h3 {
  font-size: 34px;

  line-height: 46px;

  font-weight: bold;

  padding: 1rem 0 38px;

  position: relative;
}

.page-contact-title h3::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 72px;

  height: 6px;

  background: #1222b5;
}

.page-contact-title span {
  padding: 11px 0 63px;

  font-size: 1rem;

  line-height: 28px;

  display: block;
}

.page-contact-title li {
  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  margin-bottom: 20px;
}

.page-contact-title li figure {
  margin-right: 1rem;

  max-width: 36px;
}

.page-contact-title figure img {
  width: 100%;

  object-fit: cover;
}

.page-contact-title li p {
  font-size: 14px;

  line-height: 22px;

  font-weight: 400;

  flex: 1;
}

.page-contact-map {
  width: 54%;

  padding: 25px;
}

/*翻页样式*/

.paging {
  text-align: center;

  padding: 45px 0 65px;

  font-size: 12px;

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;
}

.pading-border li a {
  border: 1px solid #b5b5b5;
}

.pading-bg-transparent li a {
  background-color: transparent;
}

.paging li {
  display: inline-block;

  line-height: 1;

  text-align: center;

  font-size: 12px;
}

.paging li a {
  display: inline-block;

  color: #000;

  width: 31px;

  height: 31px;

  line-height: 31px;

  margin-right: 8px;

  font-size: 12px;

  color: #000;

  vertical-align: middle;

  transition: all 0.5s;
}

.paging li.thisclass a,
.paging li:hover a {
  background: #1222b5;

  color: #fff;

  border-color: #1222b5;
}

.pageinfo {
  letter-spacing: 1px;
}

.pageinfo strong {
  font-family: "Arial";

  font-weight: normal;

  font-size: 14px;
}

.paging li.i a {
  text-indent: -9999px;

  background: url(../images/paging_btn.png) 7px center no-repeat;
}

.paging li a.e {
  background: url(../images/paging_btn.png) -152px center no-repeat;
}

.paging li.e a {
  background: url(../images/paging_btn.png) -152px center no-repeat;
}

.paging li.n a,
.paging li.p a {
  background: url(../images/paging_btn.png) -31px center no-repeat;
}

.paging li.n a {
  background: url(../images/paging_btn.png) -97px center no-repeat;
}

.paging li.i:hover a {
  background: url(../images/paging_btn_hover.png) 7px center no-repeat #1222b5;
}

.paging li:hover a.e {
  background: url(../images/paging_btn_hover.png) -152px center no-repeat #1222b5;
}

.paging li.e:hover a {
  background: url(../images/paging_btn_hover.png) -152px center no-repeat #1222b5;
}

.paging li.p:hover a {
  background: url(../images/paging_btn_hover.png) -31px center no-repeat #1222b5;
}

.paging li.n:hover a {
  background: url(../images/paging_btn_hover.png) -97px center no-repeat #1222b5;
}

.paging .paging-to {
  font-size: 16px;

  line-height: 33px;

  vertical-align: middle;

  color: #000;
}

.paging .paging-number input {
  width: 31px;

  height: 29px;

  line-height: 29px;

  font-size: 14px;

  text-align: center;

  vertical-align: middle;

  color: #b6b6b6;

  border-radius: 4px;

  border: 1px solid #b5b5b5;
}

.paging .paging-left {
  margin-left: 14px;
}

.paging .paging-go {
  margin-left: 10px;
}

.paging .paging-go a {
  display: inline-block;

  width: 52px;

  height: 33px;

  background-color: #1222b5;

  color: #fff;

  text-align: center;

  line-height: 33px;

  font-size: 16px;

  font-weight: normal;

  border: 0;

  border-radius: 3px;
}

@media screen and (max-width: 640px) {
  .paging {
    padding: 35px 0 45px;
  }

  .paging li a {
    width: 24px;

    height: 24px;

    line-height: 24px;
  }

  .paging li.p a {
    background-position-x: -33px;
  }

  .paging li.n a {
    background-position-x: -100px;
  }

  .paging .paging-to {
    line-height: 24px;

    font-size: 14px;

    color: #b6b6b6;
  }

  .paging .paging-number input {
    width: 26px;

    height: 24px;

    line-height: 24px;

    padding: 0;
  }

  .paging .paging-go {
    margin-left: 16px;
  }

  .paging .paging-go a {
    height: 26px;

    line-height: 26px;

    font-size: 14px;
  }
}

/* 翻页end */

.page-news-list {
  margin-top: 62px;

  font-family: "Source Han Sans";
}

.page-news-item {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;
}

.page-news-list .page-news-first-item {
  width: 45%;

  display: inline-block;
}

.page-news-list .page-news-four-item {
  width: 55%;

  display: inline-block;
}

.page-news-first-item {
  padding-right: 5%;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;
}

.page-news-first-item figure {
  max-height: 409px;

  overflow: hidden;
}

.page-news-first-item figure img {
  width: 100%;

  object-fit: cover;

  max-height: 409px;

  transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;
}

.page-news-time {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: space-between;

  padding-top: 25px;
}

.page-news-time span {
  font-size: 36px;

  font-weight: bold;

  color: #1a1a1a;

  padding-bottom: 6.5px;

  border-bottom: 1px solid #cccccc;
}

.page-news-time a {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;
}

.page-news-time i {
  width: 26.23px;

  height: 19.46px;

  background: url(../images/case-rt.png);

  display: block;
}

.page-news-time a:hover i {
  animation: headShake 1s infinite;
}

.page-news-day span {
  padding-top: 6.5px;

  padding-bottom: 21px;

  padding-right: 1rem;

  border-bottom: 6px solid #1222b5;

  display: inline-block;

  font-size: 1rem;

  color: #999999;
}

.page-news-first-item a {
  padding: 13px 0;

  display: block;

  font-size: 24px;

  color: #1a1a1a;
}

.page-news-first-item a h5 {
  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;
}

.page-news-first-item p {
  color: #999999;

  font-size: 1rem;

  font-weight: 400;

  line-height: 30px;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;
}

.page-news-four-item li {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  margin-bottom: 36px;
}

.page-news-four-item a {
  display: block;

  font-size: 24px;

  font-weight: bold;

  line-height: 30px;

  color: #1a1a1a;

  padding-bottom: 18px;

  position: relative;
}

.page-news-four-item li:nth-child(4n) {
  margin-bottom: 0;
}

.page-news-four-item {
  width: 100%;
}

.page-news-four-item .news-item-lt {
  width: 42.8%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;
}

.news-item-lt figure,
.news-item-lt .news-item-hour {
  width: 50%;
}

.news-item-lt figure {
  max-height: 124px;

  overflow: hidden;
}

.news-item-lt figure img {
  width: 100%;

  object-fit: cover;

  transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;
}

.page-news-four-item .news-item-hour {
  padding-left: 22px;

  box-sizing: border-box;
}

.page-news-four-item .news-item-rt {
  width: 57.2%;
}

.news-item-lt .news-time {
  display: block;

  font-size: 28px;

  font-weight: bold;

  line-height: 30px;

  margin-bottom: 18px;
}

.news-item-lt .news-day {
  font-size: 1rem;

  font-weight: 400;

  color: #999999;
}

.news-item-rt h5 {
  position: relative;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;
}

.news-item-first {
  display: block;

  font-size: 24px;

  font-weight: bold;

  line-height: 30px;

  color: #1a1a1a;

  padding-bottom: 18px;
}

.news-item-first a {
  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  flex-direction: row-reverse;

  justify-content: space-between;

  border-bottom: 1px solid #dedede;
}

.news-item-first a h5 {
  /* padding-bottom: 18px;  */
}

.news-item-first .news-item-rt h5::after {
  content: "";

  width: 50px;

  height: 6px;

  position: absolute;

  left: 0;

  bottom: 0;

  background-color: #1222b5;

  display: none;
}

.news-item-first:hover .news-item-rt h5::after {
  display: none;
}

.news-item-rt a::after {
  content: "";

  width: 50px;

  height: 6px;

  position: absolute;

  left: 0;

  bottom: 0;

  background-color: #1222b5;
}

.news-item-rt p {
  margin-top: 1rem;

  font-size: 1rem;

  font-weight: 400;

  color: #999999;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;
}

.page-news-first-item a:hover h5,
.news-item-rt a:hover h5 {
  color: #1222b5;
}

.page-news-first-item:hover figure img,
.page-news-four-item li:hover figure img {
  transform: scale(1.1);

  -o-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -webkit-transform: scale(1.1);
}

.page-news .container {
  max-width: 1200px;
}

.page-news .page-news-four-item li:nth-child(4n) {
  margin-bottom: 36px;
}

.page-news .news-item-lt figure {
  max-height: unset;
}

.page-news .page-news-four-item .news-item-hour {
  padding-left: 14.5%;
}

.news-tab-list {
  margin-bottom: 80px;

  display: flex;

  justify-content: center;
}

.news-tab-list a {
  font-size: 18px;

  line-height: 30px;

  color: #1a1a1a;

  display: inline-block;

  margin-right: 30px;

  padding: 1.25rem 2rem;

  background-color: #f2f3f9;

  border-radius: 36px;

  display: flex;

  align-items: center;

  font-weight: bold;
}

.news-tab-list a i {
  width: 22px;

  height: 24px;

  display: block;

  position: relative;

  background: url(../images/news-tab-icon.png) no-repeat;

  background-size: 100%;

  margin-right: 12px;
}

.news-tab-list a:last-child {
  margin-right: 0;
}

.news-tab-list a.on,
.news-tab-list a:hover {
  color: #ffffff;

  background-color: #1222b5;
}

.news-tab-list a:hover i,
.news-tab-list a.on i {
  background: url(../images/news-tab-icon-on.png) no-repeat;

  background-size: 100%;
}

.news-item-first .news-item-lt {
  width: 21.5%;
}

.news-item-first:hover .news-item-lt {
  width: 37%;
}

.news-item-first .news-item-lt figure {
  width: 92%;
}

.news-item-first .news-item-rt {
  width: 58.5%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-direction: row;

  justify-content: center;

  transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;
}

.news-item-first:hover .news-item-rt {
  width: 63%;

  flex-direction: column;
}

.news-item-first .news-item-rt .news-time {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  flex-direction: column;
}

.news-item-rt .news-item-rlt {
  width: 21.5%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: flex-start;
}

.news-item-rt .news-item-rlt .news-title {
  padding-top: 13px;

  padding-bottom: 13px;

  display: none;
}

.news-item-first:hover .news-item-rlt {
  justify-content: space-between;

  align-items: flex-start;

  width: 100%;
}

.news-item-first:hover .news-item-rlt .news-title {
  display: block;
}

.news-item-first:hover .news-item-rlt .news-time {
  flex-direction: row-reverse;

  justify-content: space-between;
}

.news-item-r-rt {
  width: 78.5%;
}

.news-item-first:hover .news-item-rrt {
  width: 100%;
}

.news-item-first .news-item-rt .news-time .news-date {
  font-size: 28px;

  font-weight: bold;

  padding-bottom: 6.5px;
}

.news-item-first:hover .news-date {
  font-size: 36px;

  border-bottom: 1px solid #eaeaea;
}

.news-item-first .news-item-rt .news-time a::after {
  display: none;
}

.news-item-first .news-item-rt .news-time a {
  padding-bottom: 0;

  padding-right: 2rem;
}

.news-item-first .news-item-rt i {
  width: 27px;

  height: 20px;

  background: url(../images/case-rt.png) no-repeat;

  background-size: 100% 100%;

  display: block;
}

.news-item-first:hover .news-item-rt i {
  display: block;
}

.news-item-first .news-item-rt .news-day {
  font-size: 1rem;

  line-height: 30px;

  font-weight: 400;

  padding: 8px 14px 8px 0;

  display: inline-block;

  max-width: 52px;
}

.news-item-first:hover .news-day {
  border-bottom: 6px solid #1222b5;
}

/* .news-item-first .news-item-rt h5{

    padding-top: 13px;

    padding-bottom: 13px;

} */

.news-item-first:hover .news-item-rt h5 {
  margin-top: 13px;

  margin-bottom: 13px;
}

.news-item-first:hover .news-item-rrt h5 {
  display: none;
}

.news-item-first .news-item-rt > a::after {
  display: none;
}

.news-item-first .news-item-rt > p {
  margin-top: 0;

  color: #999999;
}

.page-news .paging li a,
.product-list .paging li a {
  color: #000000;
}

.page-news .paging li.thisclass a,
.page-news .paging li:hover a,
.product-list .paging li.thisclass a,
.product-list .paging li:hover a {
  color: #1222b5;

  /* background: #1222B5; */

  color: #ffffff;
}

.news-next-title {
  padding-bottom: 25px;

  border-bottom: 1px solid #f4f4f4;
}

.news-next-title span,
.news-next-title a {
  display: inline-block;

  font-size: 1rem;

  line-height: 30px;

  font-weight: 400;

  color: #1a1a1a;
}

.news-next-title span {
  padding-right: 8px;
}

.news-next-title a:hover {
  color: #1222b5;
}

.news-show-content {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;
}

.news-show-content .news-show-lt {
  width: calc(100% / 6);
}

.news-show-content .news-show-lt a {
  display: block;
}

.news-show-content .news-show-lt i {
  width: 27px;

  height: 20px;

  background: url(../images/case-lt.png) no-repeat;

  background-size: 100%;

  display: block;
}

.news-show-content .news-show-rt {
  width: 100%;

  margin-bottom: 30px;
}

.news-show-content .news-show-rt h3 {
  text-align: center;

  font-size: 28px;

  line-height: 30px;

  font-weight: bold;

  margin-bottom: 8px;
}

.news-show-content .news-show-rt > span {
  color: #999999;

  font-size: 1rem;

  line-height: 30px;

  font-weight: 400;

  text-align: center;

  display: block;

  margin-bottom: 40px;
}

.news-show-content .news-show-rt img {
  max-width: 100%;

  /* width: 100%; */

  object-fit: cover;
}

.news-show-content .news-show-rt p {
  font-size: 1rem;

  line-height: 30px;

  font-weight: 400;

  margin-top: 28px;

  color: #999999;

  text-indent: 2em;
}

.news-item-first:hover .news-item-rlt {
  flex-direction: column;
}

.news-item-first:hover .news-item-rt .news-time .news-date,
.news-item-first:hover .news-day {
  color: #999999;

  font-size: 1rem;

  padding: 0;

  border: unset;

  font-weight: 400;
}

.news-item-first:hover .news-day::after {
  content: "-";

  color: #999999;

  font-size: 1rem;
}

.news-item-first .news-item-btn {
  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 1.65rem;

  border: 1px solid #dedede;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  max-width: 170px;

  max-height: 50px;

  line-height: 50px;

  margin-top: 1.75rem;
}

.news-item-first .news-item-btn p {
  margin-top: 0;

  color: #1a1a1a;
}

.news-item-first .news-item-btn i {
  width: auto;

  height: auto;

  margin-left: 10px;
}

.news-item-first:hover .news-item-rt {
  justify-content: space-between;
}

.news-item-first .nwes-item-r-rt {
  flex: 1;
}

.news-item-first:hover a {
  flex-direction: row;

  border-bottom: unset;
}

.case-list-box {
  display: flex;

  flex-wrap: wrap;
}

.case-list-box .case-item {
  width: calc((100% - 90px) / 4);

  margin-right: 30px;

  margin-top: 50px;

  box-sizing: border-box;

  border: 1px solid #e8e8e8;
}

.case-list-box .case-item:nth-child(4n) {
  margin-right: 0;
}

.case-list-box .case-item figure {
  position: relative;

  width: 100%;

  height: 0;

  padding-bottom: 58.0645%;

  overflow: hidden;
}

.case-list-box .case-item figure img {
  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  display: block;

  max-width: 100%;

  width: 100%;

  object-fit: cover;

  transition: all 0.3s;
}

.case-list-box .case-content {
  width: 100%;

  padding: 1.5rem 2rem;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;
}

.case-list-box .case-content h4 {
  font-size: 18px;
}

.case-list-box .case-content span {
  font-size: 14px;

  line-height: 1.5rem;

  color: #999999;

  display: block;

  margin-top: 6px;

  width: 100%;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;
}

.case-list-box .banner-button {
  border-radius: 25px;

  /* background: #FFFFFF; */

  border: 1px solid #dedede;

  color: #1a1a1a;

  max-width: 170px;

  max-height: 50px;

  line-height: 50px;

  margin-top: 1rem;

  font-weight: 400;

  font-size: 1rem;

  background: linear-gradient(
    to right,
    #fff 0%,
    #fff 50%,
    #3b74f5 50.1%,
    #6fe9ae 100%
  );

  background-size: 200%;

  transition: 0.24s ease-in-out;
}

.case-list-box .banner-button i {
  filter: invert(100%);

  width: 7.85px;

  height: 12.62px;
}

.case-list-box .banner-button:hover {
  background-position-x: -100%;

  color: #ffffff;
}

.case-list-box .banner-button:hover i {
  filter: invert(0);
}

.case-list-box .case-item:hover img {
  transform: scale(1.1);
}

.page-case-show-content .case-show-title-box {
  width: 100%;

  position: relative;
}

.page-case-show-content .case-show-title-box img {
  width: 100%;

  object-fit: cover;
}

.page-case-show-content .case-show-title-box .case-tp-title {
  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  padding: 2rem 0;

  background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.7));

  text-align: center;
}

.page-case-show-content .case-show-title-box .case-tp-title h3 {
  font-size: 46px;

  line-height: 64px;

  font-weight: bold;

  color: #ffffff;
}

.case-title-module {
  padding: 4rem 2.5rem;
}

.case-title-module .title-module-title {
  font-size: 2rem;

  line-height: 42px;
}

.case-show-content {
  width: 100%;

  border: 1px solid #d1d1d1;

  padding: 2rem 0;

  display: block;

  overflow: hidden;

  position: relative;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;
}

.case-show-content .case-show-list {
  max-width: 1082px;

  margin: 0 auto;
}

.case-show-list .case-show-item {
  margin-bottom: 3.875rem;
}

.case-show-list .case-show-item:last-child {
  margin-bottom: 0;
}

.case-show-list .case-show-item i {
  font-size: 60px;

  font-weight: bold;

  opacity: 0.1;

  color: #1a1a1a;

  height: 30px;

  display: block;
}

.case-show-list .case-show-item h4 {
  font-size: 24px;

  color: #1a1a1a;
}

.case-show-list .case-show-item p {
  font-size: 1rem;

  margin-top: 1rem;
}

.case-show-list .case-show-item a {
  color: #1222b5;
}

.page-nav {
  padding-top: 25px;
}

.page-plan-hot-title {
  text-align: center;

  padding-top: 100px;

  padding-bottom: 50px;
}

.page-plan-hot-title span {
  font-size: 40px;

  font-weight: bold;

  line-height: 53px;
}

.page-plan-hot-title p {
  font-size: 18px;

  font-weight: 400;

  color: rgba(0, 0, 0, 0.5);

  margin-top: 2rem;

  line-height: 28px;
}

.page-plan-hot-swiper {
  margin: 0 auto;

  max-width: 1450px;

  width: calc(100% - 80px);
}

.page-plan-hot-swiper .page-plan-hot-list {
  display: flex;
}

.page-plan-hot-list .page-plan-hot-item {
  width: calc((100% - 50px) / 2);

  margin-right: 50px;

  position: relative;

  box-sizing: border-box;

  transition: all 0.3s;
}

.page-plan-hot-list .page-plan-hot-item:nth-child(2n) {
  margin-right: 0;
}

.page-plan-hot-list .page-plan-hot-item figure {
  width: 100%;

  overflow: hidden;
}

.page-plan-hot-list .page-plan-hot-item figure img {
  width: 100%;

  object-fit: cover;
}

.page-plan-hot-list .page-plan-hot-item .page-plan-hot-item-title {
  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  color: #ffffff;

  background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.7));

  display: flex;

  align-items: flex-end;

  justify-content: center;
}

.page-plan-hot-item-title h4 {
  padding: 2rem 0;

  font-size: 30px;

  line-height: 40px;

  font-weight: bold;
}

.page-plan-hot-box {
  position: relative;

  margin: 0 auto;

  max-width: 1600px;
}

.plan-pag-btn {
  width: 52px;

  height: 52px;

  background-color: #1222b5;
}

.plan-pag-btn::after {
  content: "";

  height: 15.56px;

  width: 7.78px;
}

.plan-lt::after {
  background: url(../images/w-lt.png) no-repeat;

  background-size: 100%;
}

.plan-rt::after {
  background: url(../images/w-rt.png) no-repeat;

  background-size: 100%;
}

.page-product-plan .title-module .title-module-list .title-module-item::after {
  background-color: #1222b5;
}

.page-plan-list {
  display: flex;

  flex-wrap: wrap;
}

.page-plan-list .page-plan-item {
  width: calc((100% - 90px) / 4);

  margin-right: 30px;

  margin-top: 30px;

  text-align: center;
}

.page-plan-list .page-plan-item:nth-child(4n) {
  margin-right: 0;
}

.page-plan-list .page-plan-item figure {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.page-plan-list .page-plan-item figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

  transition: all 0.3s;
}

.page-plan-list .page-plan-item:hover img {
  transform: scale(1.1);
}

.page-plan-list .page-plan-item h4 {
  font-size: 1.5rem;

  line-height: 2rem;

  font-weight: bold;

  padding: 22px 0 0;
  margin-bottom: 12px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;
}

.page-plan-list .page-plan-item > .page-plan-item-content > p {
  font-size: 1rem;

  color: #999999;

  line-height: 20px;

  height: 40px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  text-align: justify;
}

.page-plan-list .page-plan-item .banner-button {
  margin: 2rem auto 0;

  opacity: 0.5;
}

.page-plan-list .page-plan-item:hover .banner-button {
  opacity: 1;
}

.plan-show-content p {
  font-size: 1rem;

  color: #999999;

  line-height: 2rem;

  text-indent: 2em;
}

.plan-tab-list-click {
  margin-bottom: 80px;

  display: flex;

  justify-content: center;
}

.plan-tab-list-click a {
  font-size: 18px;

  line-height: 30px;

  color: #1a1a1a;

  display: inline-block;

  margin-right: 30px;

  padding: 1.25rem 2rem;

  background-color: #f2f3f9;

  border-radius: 36px;

  display: flex;

  align-items: center;

  font-weight: bold;
}

.plan-tab-list-click a i {
  width: 22px;

  height: 24px;

  display: block;

  position: relative;

  background: url(../images/plan-tab-icon.png) no-repeat;

  background-size: 100%;

  margin-right: 12px;
}

.plan-tab-list-click a:last-child {
  margin-right: 0;
}

.plan-tab-list-click a.on,
.plan-tab-list-click a:hover {
  color: #ffffff;

  background-color: #1222b5;
}

.plan-tab-list-click a:hover i,
.plan-tab-list-click a.on i {
  background: url(../images/plan-tab-icon-on.png) no-repeat;

  background-size: 100%;
}

.planshow-pic figure {
  position: relative;
}

.planshow-pic figure::after {
  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-color: #1a1a1a;

  opacity: 0.7;

  z-index: 10;

  transition: all 0.2s;
}

.planshow-pic img {
  width: 100%;
}

.planshow-pic figure.swiper-slide-active::after {
  display: none;
}

.plan-show-tab-content {
  width: 100%;
}

.plan-show-item-rt {
  right: 11.5%;
}

.plan-show-item-rt::after {
  display: none;
}

.plan-show-tab-content h4 {
  font-size: 36px;

  font-weight: bold;

  line-height: 48px;

  padding: 48px 0 28px;

  text-align: center;
}

.plan-show-tab-content p {
  font-size: 1rem;

  line-height: 2rem;

  text-indent: 2em;
}

.page-plan-form {
  padding-bottom: 50px;

  background: url(../images/plan-bt-color.png) bottom no-repeat;

  background-size: 100%;
}

.plan-brief-list ul {
  display: flex;

  flex-wrap: wrap;
}

.plan-brief-list li:nth-child(5n) {
  margin-right: 0;
}

.plan-brief-list li {
  margin-top: 28px;

  width: calc((100% - 112px) / 5);

  margin-right: 28px;

  background: #f2f3f9;

  padding: 100px 2.5% 80px;

  box-sizing: border-box;

  display: flex;

  flex-direction: column;

  align-items: center;

  transition: all 0.3s;
}

/* .plan-brief-list li:last-child{

    margin-right: 0;

} */

.plan-brief-list li figure {
  height: 76px;

  width: 76px;
}

@media screen and (max-width: 767px) {
  .plan-brief-list li figure {
    height: 60px;

    width: 60px;
  }
}

.plan-brief-list li img {
  height: 100%;

  width: 100%;

  object-fit: cover;
}

.plan-brief-list li img.plan-item-on {
  display: none;
}

.plan-brief-list li h4 {
  font-size: 28px;

  line-height: 2rem;

  font-weight: bold;

  margin-top: 2rem;
}

.plan-brief-list li span {
  font-size: 1rem;

  margin-top: 25%;
}

.plan-brief-list li p {
  font-size: 1rem;

  line-height: 28px;

  margin-top: 14px;

  text-align: center;
}

.page-plan-brief .container,
.page-plan-route .container {
  max-width: 1750px;
}

.plan-brief-list li:hover {
  background: url(../images/plan-brief-bg.png) no-repeat;

  background-size: cover;

  color: #ffffff;

  box-shadow: 0 10px 10px rgba(0, 153, 68, 0.23);
}

.plan-brief-list li:hover img:not(.plan-item-on) {
  display: none;
}

.plan-brief-list li:hover img.plan-item-on {
  display: block;
}

.plan-route-content {
  display: flex;
}

.plan-route-content .plan-route-lt {
  width: 63.5%;
}

.plan-route-content .plan-route-rt {
  width: 36.5%;
}

.plan-route-rlt-item {
  width: 100%;

  box-sizing: border-box;

  position: relative;
}

.plan-route-rlt-item figure {
  width: 100%;

  overflow: hidden;
}

.plan-route-rlt-item figure img {
  max-width: 100%;

  width: 100%;

  object-fit: cover;
}

.plan-route-rlt-item .plan-route-pic-title {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.7));

  padding: 4.0625rem 5%;

  box-sizing: border-box;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  color: #ffffff;
}

.plan-route-rlt-item .plan-route-pic-title h4 {
  font-size: 40px;

  font-weight: bold;
}

.plan-route-rlt-item .plan-route-pic-title p {
  margin-top: 1rem;

  font-size: 18px;

  line-height: 2rem;
}

.plan-route-rt {
  padding-left: 26px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;
}

.plan-route-rt li {
  height: calc((100% - 60px) / 3);

  margin-bottom: 30px;
}

.plan-route-rt .plan-route-title-item {
  width: 100%;

  height: 100%;

  margin-bottom: 30px;

  background-color: #f8f8f8;

  padding: 0 35px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  display: flex;

  transition: all 0.2s;
}

.plan-route-rt .plan-route-title-item:last-child {
  margin-bottom: 0;
}

.plan-route-rt .plan-route-title-item .plan-route-title-rrt {
  padding-right: 14px;

  box-sizing: border-box;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;
}

.plan-route-rt .plan-route-title-item h4 {
  font-size: 28px;

  line-height: 2rem;

  font-weight: bold;
}

.plan-route-rt .plan-route-title-item span {
  font-size: 1rem;

  line-height: 28px;

  margin-top: 0.5rem;
}

.plan-route-rt .plan-route-title-item i {
  width: 67px;

  font-size: 60px;

  line-height: 67px;

  font-weight: bold;

  color: #1a1a1a;

  opacity: 0.1;

  margin-top: 5%;
}

.plan-route-rt .plan-route-title-item:hover {
  background-color: #1222b5;

  color: #ffffff;
}

.plan-route-rt .plan-route-title-item:hover i {
  color: #ffffff;
}

.page-product-plan {
  padding-bottom: 4rem;
}

.article-news-paging {
  padding-top: 2.25rem;
}

.article-news-paging a {
  font-size: 1rem;

  margin-bottom: 0.725rem;

  color: #1a1a1a;

  font-weight: bold;
}

.article-news-paging a:hover {
  color: #1222b5;
}

.header .header-nav ul > li.has-childnav:hover ol {
  display: flex;
}

/* 导航栏下拉 */

.overlay {
  z-index: 1;

  position: absolute;

  left: 0;

  width: 100vw;

  height: 100vh;

  background-color: rgba(29, 29, 29, 0.8);

  opacity: 0;

  visibility: hidden;

  transition: all 0.23s ease;
}

.header-nav-item.show .overlay {
  opacity: 1;

  visibility: visible;
}

.nav-pull-down {
  position: fixed;

  left: 0;

  top: 100px;

  width: 100%;

  z-index: 100;

  display: flex;

  flex-wrap: wrap;

  /* background-color: #fff;

padding: 2.625rem 0; */

  box-sizing: border-box;

  border-top: 1px solid #1222b5;

  cursor: default;

  display: none;
}

.pull-down-list {
  width: 100%;

  background-color: #fff;

  padding: 2.625rem 0;

  position: relative;

  z-index: 2;
}

.header-nav-item.show .nav-pull-down {
  display: block;
}

.nav-pull-down .container {
  display: flex;

  flex-wrap: wrap;
  align-items: flex-start;
  z-index: 2;

  position: relative;
}

.nav-pull-down-title {
  width: auto;

  /* flex: 1; */

  padding-right: 20px;

  box-sizing: border-box;

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  justify-content: center;

  width: 23.88%;
}

.nav-pull-down-title h4 {
  font-size: 1.25rem;

  color: #000;

  margin-bottom: 0.75rem;
}

.nav-pull-down-title h4 a {
  color: #1a1a1a;
}

.nav-pull-down-title h4:hover a {
  color: #1222b5;
}

.nav-pull-down-list {
  flex: 1;

  padding-bottom: 1rem;
}

.nav-pull-down ol {
  display: flex;
  flex-wrap: wrap;
  max-width: 1020px;
}

.nav-pull-down li {
  width: calc((100% - 80px) / 4);

  margin-right: 20px;
}

.nav-pull-down li:nth-child(4n) {
  margin-right: 0 !important;
}

.nav-pull-down figure {
  position: relative;

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-bottom: 66.667%;
}

.nav-pull-down figure img {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: all 0.3s;
}

.nav-pull-down li:hover img {
  transform: scale(1.1);
}

.nav-pull-down li p {
  margin-top: 1rem;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;
}

.header .header-nav .has-children li:hover > a {
  background-color: transparent;

  color: #1222b5;
}

.nav-pull-down-page {
  bottom: 0;
}

.close {
  position: absolute;

  top: -30px;

  right: 0;

  cursor: pointer;

  color: #333333;

  transition: 0.2s;
}

.close:hover {
  color: #000;
}

/* 导航栏下拉end */

@media screen and (max-width: 767px) {
  .index-recommend {
    overflow: hidden;
  }

  .recommend-rt-piclist .recommend-rt-swiper-item video {
    position: static;
  }

  .recommend-rt-piclist .recommend-rt-swiper-item {
    height: inherit;
  }
}


.video-pupup-wrap {
  z-index: 999999999999;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all .3s;
  opacity: 0;
  visibility: hidden;
}

.video-pupup-wrap.show {
  opacity: 1;
  visibility: visible;
}

.video-pupup-bg {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.video-pupup-wrap video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  z-index: 9;
  outline: none;
  max-width: 65%;
  width: calc(100% - 50px);
}

@media screen and (max-width: 780px) {
  .video-pupup-wrap video {
    width: 100%;
  }
}