/*  PC手机分开 || 当前PC端 || rem为单位，根元素100px || 100px=1rem || 16px=0.16rem */
/* 整体样式 */
html,
body {
  width: 100%;
  height: auto;
  font-size: 0.16rem;
  color: #000000;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  -webkit-tap-highlight-color: transparent; /*把高亮颜色设置为透明，也可以使用rgba的形式*/
}
@media (max-width:1366px) {
   html {
        font-size:70px !important;
        min-width:1366px !important;
    }
}
.map  {
    width:100%;
    height:5rem !important;
}
.map * {
    width:100%;
    height:100%;
}
.flatpickr-month {
    color:#666 !important;
    fill:#666 !important;
}
.cur_month {
    color:#666 !important;
}
span.flatpickr-weekday {
    color:#666 !important;
}
.flatpickr-day.today {
    border-color:#666 !important;
}
.flatpickr-day {
    color:#666 !important;
}
.flatpickr-calendar {
    background: #fff !important;
    border: 1px solid #666 !important;
}
.flatpickr-day.prevMonthDay {
    color: #666 !important;
    opacity: .6 !important;
}
    #editing-view-port > div {
        color: #666 !important;
    }
/* 样式重置 */
* {
    margin: 0;
    padding: 0;
}
ul,
ol,
span,
p {
  margin: 0;
  padding: 0;
}
ul li,
ol li {
  list-style-type: none;
}
a,
a:focus,
a:hover {
  color: #000000;
  text-decoration: none;
}
i,
s,
em {
  font-style: normal;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
img {
  vertical-align: middle;
}

/* 0.左右填充 */
.inside {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 0 3.04rem /* 152px -> 1.52rem */;
}

.inside-swiper {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 0 0.76rem; /* 76px -> 0.76rem */
}

.inside-fea {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 0 4.3rem; /* 430px -> 4.3rem */
}

.inside-wms {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 0 2.4rem; /* 240px -> 2.4rem */
}

.inside-wms-un {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  /* 240px -> 2.4rem */ /* 34px -> 0.34rem */
  padding: 0 2.4rem 0 0.34rem;
}

.inside-fill {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  /* 64px -> 0.64rem */ /* 152px -> 1.52rem */
  padding: 0.64rem 1.52rem;
}

.inside-lg-un {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  /* 348px -> 3.48rem */ /* 304px -> 3.04rem */
  padding: 0 3.48rem 0 3.04rem;
}

.inside-lg-un-set {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  /* 348px -> 3.48rem */ /* 280px -> 2.8rem */
  padding: 0 2.8rem 0 3.04rem;
}

.inside-lg-sa {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  /* 348px -> 3.48rem */ /* 304px -> 3.04rem */
  padding: 0 3.04rem 0 3.04rem;
}

.inside-md {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  /* 260px -> 2.6rem */
  padding: 0 2.6rem;
}

.dis-top-first {
  margin-top: 1.48rem /* 148px -> 1.48rem */;
}

.dis-top-first-lg {
  margin-top: 1.55rem /* 155px -> 1.55rem */;
}

.dis-top-last {
  margin-bottom: 1.12rem /* 112px -> 1.12rem */;
}

.dis-top {
  margin-top: 1.12rem /* 112px -> 1.12rem */;
}

.dis-db {
  margin: 1.12rem /* 112px -> 1.12rem */ 0;
}

.dis-top-sm {
  margin-top: 0.6rem /* 60px -> 0.6rem */;
}

.dis-top-ss {
  margin-top: 0.55rem /* 55px -> 0.55rem */;
}

/* 盒子阴影 */
.box-shadow {
  box-shadow: 0.02rem /* 2px -> 0.02rem */ 0.06rem /* 6px -> 0.06rem */ 0.24rem
    /* 24px -> 0.24rem */ 0.04rem /* 4px -> 0.04rem */ rgba(0, 24, 108, 0.15);
}

/* 模块阴影 */
.li-shadow {
  box-shadow: 0px 0.1rem /* 10px -> 0.1rem */ 0.24rem /* 24px -> 0.24rem */
    0.04rem /* 4px -> 0.04rem */ rgba(0, 24, 108, 0.08);
}

/* 按钮阴影 */
.btn-shadow {
  box-shadow: 0px 0.04rem /* 4px -> 0.04rem */ 0.06rem /* 6px -> 0.06rem */ 0px
    rgba(0, 24, 108, 0.15);
}

/* 背景颜色 */
.bg-blue {
  background-color: #f8f9ff;
}

.img img,
.icon img,
.pic img {
  width: 100%;
  height: 100%;
}

/* ============================================================================================================================ */
/*  PC手机分开 || 当前PC端 || rem为单位，根元素100px || 100px=1rem || 16px=0.16rem */
/* 1.页头 */
header {
  z-index: 200;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.8rem /* 80px -> 0.8rem */;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0.04rem /* 4px -> 0.04rem */ 0.1rem /* 10px -> 0.1rem */ 0px
    rgba(56, 83, 179, 0.1);
}

.header-fixed {
  /*height: 0.5rem*/ /* 50px -> 0.5rem *//*;*/
  background-color: #ffffff;
}

header .inside {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .logo {
  display: block;
  width: 1.92rem /* 192px -> 1.92rem */;
  height: 0.32rem /* 32px -> 0.32rem */;
}

/*.header-fixed .logo {
  width: 1.38rem*/ /* 138px -> 1.38rem *//*;
  height: 0.23rem*/ /* 23px -> 0.23rem *//*;
}*/ 

header .logo img {
  width: 100%;
  height: 100%;
}

header .right {
  line-height: 0.8rem /* 80px -> 0.8rem */;
}

.header-fixed .right {
  line-height: 0.5rem /* 50px -> 0.5rem */;
}

header .login {
  float: right;
}

header .login a {
  display: inline-block;
  text-align: center;
  height: 0.4rem /* 40px -> 0.4rem */;
  line-height: 0.4rem /* 40px -> 0.4rem */;
  border-radius: 0.32rem /* 32px -> 0.32rem */;
}

header .login a:first-child {
  color: #ffffff;
  margin-right: 0.16rem /* 16px -> 0.16rem */;
  width: 1.2rem /* 120px -> 1.2rem */;
  background: #1890ff;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

header .login a:first-child:hover,
header .login a:first-child:focus {
  transform: scale(1.02, 1);
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

header .login a:last-child {
  width: 0.8rem /* 80px -> 0.8rem */;
  background: #ffffff;
  border: 0.01rem /* 1px -> 0.01rem */ solid #d9d9d9;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

header .login a:last-child:hover {
  color: #1890ff;
  border: 0.01rem /* 1px -> 0.01rem */ solid #1890ff;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

header .lang {
  float: left;
  width: 0.5rem /* 50px -> 0.5rem */;
  text-align: center;
  position: relative;
  color: #888888;
  margin-right: 0.3rem /* 30px -> 0.3rem */;
}

header .lang img {
  width: 0.13rem /* 13px -> 0.13rem */;
  height: 0.09rem /* 9px -> 0.09rem */;
  margin-left: 0.05rem /* 5px -> 0.05rem */;
}

header .lang .lan-pull {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

header .lang .lan-drop {
  display: none;
  position: absolute;
  top: 0.6rem /* 60px -> 0.6rem */;
  left: 50%;
  transform: translateX(-50%);
  width: 0.95rem /* 95px -> 0.95rem */;
  height: auto;
  padding: 0.1rem /* 10px -> 0.1rem */ 0;
  background-color: #ffffff;
  border-radius: 0.05rem /* 5px -> 0.05rem */;
  /* 阴影 */
  box-shadow: 0.03rem /* 3px -> 0.03rem */ 0.05rem /* 5px -> 0.05rem */ 0.13rem
    /* 13px -> 0.13rem */ 0 rgba(0, 0, 0, 0.08);
}

.header-fixed .lang .lan-drop {
  top: 0.43rem /* 43px -> 0.43rem */;
}

header .lang .lan-drop a {
  display: block;
  text-align: left;
  color: #888888;
  z-index: 210;
  line-height: 0.37rem /* 37px -> 0.37rem */;
  font-size: 0.14rem /* 14px -> 0.14rem */;
  padding: 0 0.15rem /* 15px -> 0.15rem */;
}

header .lang .lan-drop a:hover {
  background-color: #ebf0ff;
}

header .gation {
  width: 6.8rem /* 680px -> 6.8rem */;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .gation li {
  position: relative;
  cursor: pointer;
  padding:.3rem 0;
}

header .gation li .pull a {
  display: inline-block;
  color: #888888;
  font-size: 0.17rem /* 17px -> 0.17rem */;
  position: relative;
}

header .gation li .pull a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.07rem /* -7px -> -0.07rem */;
  left: 50%;
  transform: translateX(-50%);
  width: 0.16rem /* 16px -> 0.16rem */;
  height: 0.04rem /* 4px -> 0.04rem */;
  background: #1890ff;
  border-radius: 0.06rem /* 6px -> 0.06rem */;
  opacity: 0;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

header .gation li.active .pull a,
header .gation li:hover .pull a {
  color: #1890ff;
}

header .gation li.active .pull a::before,
header .gation li:hover .pull a::before {
  opacity: 1;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

header .gation li .pull .row {
  display: inline-block;
  width: 0.13rem /* 13px -> 0.13rem */;
  height: 0.09rem /* 9px -> 0.09rem */;
  margin-left: 0.07rem /* 7px -> 0.07rem */;
}

header .gation li .pull .row img {
  width: 100%;
  height: 100%;
}

header .gation li .pull .row img:first-child {
  display: block;
}

header .gation li .pull .row img:last-child {
  display: none;
}

header .gation li.active .pull .row img:first-child,
header .gation li:hover .pull .row img:first-child {
  display: none;
}

header .gation li.active .pull .row img:last-child,
header .gation li:hover .pull .row img:last-child {
  display: block;
}

header .gation li .drop {
  display: none;
  position: absolute;
  top: 0.8rem /* 45px -> 0.45rem */;
  left: 50%;
  transform: translateX(-50%);
  z-index: 210;
}

header .gation li .drop-set-box::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.01rem /* 1px -> 0.01rem */;
  height: 4rem /* 400px -> 4rem */;
  background-color: #f5f5f5;
}

header .gation li .drop-tool {
  box-sizing: border-box;
  padding: 0.16rem /* 16px -> 0.16rem */;
  border-radius: 0.15rem /* 15px -> 0.15rem */;
  background-color: #ffffff;
  /* 阴影 */
  box-shadow: 0.03rem /* 3px -> 0.03rem */ 0.05rem /* 5px -> 0.05rem */ 0.13rem
    /* 13px -> 0.13rem */ 0 rgba(0, 0, 0, 0.08);
  border: 0.01rem /* 1px -> 0.01rem */ solid #d5d5d5;
  width: auto;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

header .gation li .drop-tool::before {
  display: block;
  content: "";
  z-index: 12;
  box-sizing: content-box;
  width: 0px;
  height: 0px;
  position: absolute;
  top: -0.28rem /* -30px -> -0.3rem */;
  right: 47.5%;
  transform: translateX(-50%);
  padding: 0;
  border-bottom: 0.15rem /* 15px -> 0.15rem */ solid #ffffff;
  border-top: 0.15rem /* 15px -> 0.15rem */ solid transparent;
  border-left: 0.15rem /* 15px -> 0.15rem */ solid transparent;
  border-right: 0.15rem /* 15px -> 0.15rem */ solid transparent;
}

header .gation li .drop-tool::after {
  display: block;
  content: "";
  z-index: 10;
  box-sizing: content-box;
  width: 0px;
  height: 0px;
  position: absolute;
  top: -0.32rem /* -32px -> -0.32rem */;
  right: calc(47.5% - 0.02rem) /* 2px -> 0.02rem */;
  transform: translateX(-50%);
  padding: 0;
  border-bottom: 0.16rem /* 16px -> 0.16rem */ solid #d5d5d5;
  border-top: 0.16rem /* 16px -> 0.16rem */ solid transparent;
  border-left: 0.16rem /* 16px -> 0.16rem */ solid transparent;
  border-right: 0.16rem /* 16px -> 0.16rem */ solid transparent;
}

header .gation li .drop-tool a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0.24rem /* 24px -> 0.24rem */;
  border-radius: 0.15rem /* 15px -> 0.15rem */;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  /* background-color: #ebf0ff; */
}

header .gation li .drop-tool a:hover {
  background-color: #ebf0ff;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

header .gation li .drop-tool a .icon {
  width: 0.78rem /* 78px -> 0.78rem */;
  height: 0.78rem /* 78px -> 0.78rem */;
  border-radius: 50%;
}

header .gation li .drop-tool a .txt {
  width: calc(100% - 1rem); /* 100px -> 1rem */
}

header .gation li .drop-tool a .txt p {
  font-size: 0.23rem /* 23px -> 0.23rem */;
}

header .gation li .drop-tool a .txt span {
  display: block;
  color: #888888;
  margin-top: 0.07rem /* 7px -> 0.07rem */;
}

header .gation li .drop-set {
  width: 10rem /* 1000px -> 10rem */;
}

header .gation li .drop-set a {
  width: calc(50% - 0.16rem); /* 16px -> 0.16rem */
}

header .gation li .drop-set a:nth-child(1):hover {
  background-color: #ebf0ff;
}
header .gation li .drop-set a:nth-child(2):hover {
  background-color: #fff8ec;
}
header .gation li .drop-set a:nth-child(3):hover {
  background-color: #e3f5ff;
}
header .gation li .drop-set a:nth-child(4):hover {
  background-color: #f5f1f0;
}
header .gation li .drop-set a:nth-child(5):hover {
  background-color: #daffff;
}
header .gation li .drop-set a:nth-child(6):hover {
  background-color: #fff2f2;
}
header .gation li .drop-set a:nth-child(7):hover {
  background-color: #e1fff6;
}
header .gation li .drop-set a:nth-child(8):hover {
  background-color: #f6f6f6;
}

header .gation li .drop-set a:nth-child(n + 3) {
  margin-top: 0.16rem /* 16px -> 0.16rem */;
}

header .gation li .drop-plan {
  width: 5.4rem /* 540px -> 5.4rem */;
}

header .gation li .drop-plan a {
  width: 100%; /* 16px -> 0.16rem */
}

header .gation li .drop-plan a:nth-child(n + 2) {
  margin-top: 0.16rem /* 16px -> 0.16rem */;
}

/* 2.页脚 */
footer {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #2b3244;
}

footer .inside {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

footer .copy {
  width: 100%;
  height: auto;
  text-align: center;
  box-sizing: border-box;
  /* 16px -> 0.16rem */ /* 152px -> 1.52rem */
  padding: 0.16rem 1.52rem;
  box-sizing: border-box;
  /* 1px -> 0.01rem */
  border-top: 0.01rem solid rgba(255, 255, 255, 0.3);
}

    footer .copy a {
        color: #fff;
    }

/*footer .copy a:hover {
  text-decoration: underline;
}*/
    footer .copy .en-copy {
        text-decoration: underline;
    }

footer .copy span {
    display: block;
    color: #ffffff;
    opacity: 0.7;
    line-height: 0.22rem /* 32px -> 0.32rem */;
}

footer .logo {
  display: block;
  width: 2.4rem /* 240px -> 2.4rem */;
  height: 0.4rem /* 40px -> 0.4rem */;
  margin-top: 0.4rem /* 48px -> 0.48rem */;
}

footer .logo img {
  width: 100%;
  height: 100%;
}

footer .bom {
  width: 100%;
  height: auto;
  margin-top: 0.32rem /* 50px -> 0.5rem */;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 0.32rem /* 66px -> 0.66rem */;
}

footer .code li {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  width: 1.39rem /* 156px -> 1.56rem */;
  height: auto;
}

footer .code li:first-child {
  margin-right: 0.56rem /* 56px -> 0.56rem */;
}

footer .code li img {
  display: block;
  width: 1.39rem /* 156px -> 1.56rem */;
  height: 1.39rem /* 156px -> 1.56rem */;
  margin-bottom: 0.05rem /* 10px -> 0.1rem */;
}

footer .info {
  width: 11rem /* 1100px -> 11rem */;
  height: 100%;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

footer .info li:nth-child(-n + 2) {
  width: 50%;
}

footer .info li:last-child {
  width: 100%;
  margin-top: 0.32rem /* 43px -> 0.43rem */;
}

footer .info li p {
  font-size: 0.2rem /* 20px -> 0.2rem */;
  line-height: 0.32rem /* 32px -> 0.32rem */;
  position: relative;
  margin-top: 0.03rem /* 3px -> 0.03rem */;
}

footer .info li em {
  display: block;
  font-size: 0.18rem /* 18px -> 0.18rem */;
  opacity: 0.6;
  line-height: 0.27rem /* 27px -> 0.27rem */;
}

footer .info li i {
  display: block;
  font-size: 0.15rem /* 15px -> 0.15rem */;
  opacity: 0.6;
  position: absolute;
  top: 50%;
  left: -0.23rem /* -23px -> -0.23rem */;
  transform: translateY(-50%);
}

footer .info li span {
  display: block;
}

/* 3.标题 */
.title {
  text-align: center;
  font-size: 0.45rem /* 45px -> 0.45rem */;
  line-height: 0.45rem /* 45px -> 0.45rem */;
  color: #222222;
  margin-bottom: 0.56rem /* 56px -> 0.56rem */;
}

.tits {
  text-align: center;
  margin-bottom: 0.56rem /* 56px -> 0.56rem */;
}

.tits h3 {
  font-size: 0.4rem /* 40px -> 0.4rem */;
  line-height: 0.45rem /* 45px -> 0.45rem */;
  color: #222222;
  font-weight: bold;
}

.tits h3 s {
  color: #1890ff;
}

.tits em {
  display: block;
  margin-top: 0.13rem /* 13px -> 0.13rem */;
  color: #555555;
  font-size: 0.24rem /* 24px -> 0.24rem */;
  line-height: 0.32rem /* 32px -> 0.32rem */;
}

/* 4.底部开启 */
.open {
  color: #ffffff;
  padding: 0.5rem /* 50px -> 0.5rem */ 0;
}

.open .inside-lg-un {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.open-green {
  background: url(../image/open-g.png) no-repeat center/cover;
}

.open-blue {
  background: url(../image/open-b.png) no-repeat center/cover;
}

.open a {
  display: block;
  width: 1.9rem /* 190px -> 1.9rem */;
  height: 0.7rem /* 70px -> 0.7rem */;
}

.open a img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.open .txt h2 {
  font-size: 0.3rem /* 30px -> 0.3rem */;
  line-height: 0.43rem /* 43px -> 0.43rem */;
}

.open .txt p {
  margin-top: 0.1rem /* 10px -> 0.1rem */;
  font-size: 0.18rem /* 18px -> 0.18rem */;
  line-height: 0.32rem /* 32px -> 0.32rem */;
}

.open .txt p img {
  width: 0.16rem /* 16px -> 0.16rem */;
  height: 0.16rem /* 16px -> 0.16rem */;
  margin-right: 0.03rem /* 3px -> 0.03rem */;
}

.open .txt p s {
  display: inline-block;
  margin: 0 0.14rem /* 14px -> 0.14rem */;
}

/* 5.位置 */
.crumbs {
  line-height: 0.32rem /* 32px -> 0.32rem */;
  font-size: 0.2rem /* 20px -> 0.2rem */;
  margin-top: 0.36rem /* 36px -> 0.36rem */;
  margin-bottom: 0.52rem /* 52px -> 0.52rem */;
}

.crumbs a {
  color: #1890ff;
}

.crumbs i {
  color: #000000;
  display: inline-block;
  margin-left: 0.18rem /* 18px -> 0.18rem */;
  margin-right: 0.18rem /* 18px -> 0.18rem */;
}

.crumbs s {
  color: #555555;
  cursor: pointer;
}

/* 6.顶部图 */
.banner {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  margin-top: 0.8rem /* 80px -> 0.8rem */;
}

.banner .img {
  width: 100%;
  height: 100%;
}

.banner .sub {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  /* background-color: rgba(0, 0, 0, 0.5); */
}

.banner .sub .inside {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.banner-center .sub .inside {
  align-items: center;
}

.banner .sub h2 {
  font-size: 0.64rem /* 64px -> 0.64rem */;
  font-weight: 800;
  color: #ffffff;
  line-height: 0.85rem /* 85px -> 0.85rem */;
  /* 2px -> 0.02rem */ /* 4px -> 0.04rem */
  text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.5);
}

.banner .sub h3 {
  font-size: 0.56rem /* 56px -> 0.56rem */;
  font-weight: bold;
  color: #222222;
  line-height: 0.66rem /* 66px -> 0.66rem */;
  position: relative;
  padding-bottom: 0.1rem /* 10px -> 0.1rem */;
}

.banner .sub h3 img {
  width: 0.64rem /* 64px -> 0.64rem */;
  height: 0.64rem /* 64px -> 0.64rem */;
}

.banner .sub h3::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.24rem /* 24px -> 0.24rem */;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  border-radius: 0.59rem /* 59px -> 0.59rem */;
}

.banner .sub em {
  display: block;
  margin-top: 0.24rem /* 24px -> 0.24rem */;
  font-size: 0.32rem /* 32px -> 0.32rem */;
  font-weight: 500;
  color: #222222;
  line-height: 0.38rem /* 38px -> 0.38rem */;
}

.banner .sub h4 {
  font-size: 0.48rem /* 48px -> 0.48rem */;
  font-weight: 700;
  color: #ffffff;
  position: relative;
  padding-bottom: 0.1rem /* 10px -> 0.1rem */;
}

.banner .sub h4::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.24rem /* 24px -> 0.24rem */;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0) 94.2%
  );
  border-radius: 0.59rem /* 59px -> 0.59rem */;
}

.center {
    padding:0 1.52rem;
}
.copy span:nth-child(1) a:last-child,
.copy span:nth-child(2) a {
    text-decoration: underline;
    color: #fff;
}