@charset "UTF-8";
@font-face {
  font-family: "PingFang Bold";
  src: url("../fonts/PingFang Bold.ttf");
}
@font-face {
  font-family: "PingFang Regular";
  src: url("../fonts/PingFang Regular.ttf");
}
@font-face {
  font-family: "Rajdhani-Bold";
  src: url("../fonts/Rajdhani-Bold-4.ttf");
}
@font-face {
  font-family: "Rajdhani-SemiBold";
  src: url("../fonts/Rajdhani-SemiBold-5.ttf");
}
@font-face {
  font-family: "Rajdhani-medium";
  src: url("../fonts/Rajdhani-Medium-3.ttf");
}
@keyframes o-upfade-top {
  0% {
    opacity: 0;
    transform: translateY(0.4rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate(20%);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(0.4rem);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes o-scale-x {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
@media screen and (min-width: 1025px) {
  .wow {
    visibility: hidden;
  }
}
.top-header {
  background-color: #131419;
  position: relative;
  z-index: 10000;
}
.top-header .wrap-s {
  display: flex;
  justify-content: space-between;
}
.top-header .left-box .link {
  display: flex;
}
.top-header .left-box .link a {
  font-size: 0.12rem;
  line-height: 0.4rem;
  color: #fff;
  padding: 0 0.05rem;
  transition: all 0.3s ease;
}
.top-header .left-box .link a:hover {
  background-color: #003c98;
}
.top-header .right-box {
  display: flex;
  grid-gap: 0.4rem;
}
.top-header .right-box .l-box {
  position: relative;
}
.top-header .right-box .l-box .show {
  background-color: #003c98;
  padding: 0 0.2rem;
  height: 0.4rem;
  display: flex;
  align-items: center;
  grid-gap: 0.14rem;
  cursor: pointer;
}
.top-header .right-box .l-box .show span {
  font-size: 0.12rem;
  color: #fff;
}
.top-header .right-box .l-box .show:after {
  content: "";
  width: 0.08rem;
  height: 0.04rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/head-3.svg");
}
.top-header .right-box .l-box .hide {
  width: 2.8rem;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.1);
  border-radius: 0 0 5px 5px;
  padding: 0.2rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.top-header .right-box .l-box .box {
  position: relative;
  margin-top: 0.1rem;
}
.top-header .right-box .l-box .box:nth-of-type(1) {
  margin-top: 0;
}
.top-header .right-box .l-box .box .img {
  aspect-ratio: 3/1;
  border-radius: 3px;
  overflow: hidden;
}
.top-header .right-box .l-box .box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top-header .right-box .l-box .box .txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.2rem;
}
.top-header .right-box .l-box .box .txt a {
  position: absolute;
  right: 0.2rem;
  bottom: 0.2rem;
  font-size: 0.14rem;
  color: #003c98;
}
.top-header .right-box .l-box .box .tit {
  font-size: 0.14rem;
  color: #131419;
}
.top-header .right-box .l-box .tips {
  text-align: center;
  margin-top: 0.15rem;
  font-size: 0.14rem;
  color: #131419;
}
.top-header .right-box .l-box .tips a {
  color: #003c98;
}
.top-header .right-box .l-box:hover .hide {
  opacity: 1;
  visibility: visible;
}
.top-header .right-box .singlelink {
  font-size: 0.12rem;
  line-height: 0.4rem;
  color: #fff;
}
.top-header .right-box .lang {
  position: relative;
}
.top-header .right-box .lang .show {
  height: 0.4rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.top-header .right-box .lang .show span {
  font-size: 0.12rem;
  color: #fff;
  padding: 0 0.1rem;
}
.top-header .right-box .lang .show:before {
  content: "";
  width: 0.16rem;
  height: 0.16rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/head-4.svg");
}
.top-header .right-box .lang .show:after {
  content: "";
  width: 0.08rem;
  height: 0.04rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/head-3.svg");
}
.top-header .right-box .lang .hide {
  width: 100px;
  position: absolute;
  top: 100%;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.top-header .right-box .lang .box {
  background-color: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.top-header .right-box .lang .box a {
  display: block;
  font-size: 0.14rem;
  color: #333;
  line-height: 0.4rem;
  text-align: center;
}
.top-header .right-box .lang:hover .hide {
  opacity: 1;
  visibility: visible;
}

.bot-header {
  min-width: 1230px;
  position: fixed;
  top: 0.4rem;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .bot-header.down, .bot-header.active {
    background-color: #fff;
  }
  .bot-header.down .logo img.show, .bot-header.active .logo img.show {
    opacity: 0;
  }
  .bot-header.down .logo img.hide, .bot-header.active .logo img.hide {
    opacity: 1;
  }
  .bot-header.down .right-box .line, .bot-header.active .right-box .line {
    background-color: rgba(0, 0, 0, 0.2);
  }
  .bot-header.down li a.single, .bot-header.active li a.single {
    color: #202124;
  }
  .bot-header.down li a.single:after, .bot-header.active li a.single:after {
    background-color: #003c98;
  }
  .bot-header.down li:hover a.single, .bot-header.active li:hover a.single {
    color: #003c98;
  }
  .bot-header.down .search-btn, .bot-header.active .search-btn {
    background-image: url("../images/search-2.svg");
  }
  .bot-header.active {
    top: 0;
  }
  .bot-header.translate {
    transform: translateY(calc(-100% - 0.42rem));
  }
}
.bot-header .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bot-header .logo {
  width: 2rem;
  position: relative;
}
.bot-header .logo img {
  display: block;
  width: 100%;
  transition: opacity 0.3s ease;
}
.bot-header .logo img.hide {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.bot-header .right-box {
  display: flex;
  align-items: center;
}
.bot-header .right-box .line {
  width: 1px;
  height: 0.14rem;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 0 0.2rem;
}
.bot-header ul {
  display: flex;
  grid-gap: 0.2rem;
}
.bot-header li {
  position: relative;
}
.bot-header li a.single {
  display: block;
  font-size: 0.14rem;
  line-height: 0.8rem;
  color: #fff;
  transition: color 0.3s ease;
  position: relative;
}
.bot-header li a.single:after {
  content: "";
  width: 100%;
  height: 0.02rem;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.bot-header li .subnav {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -0.6rem;
  width: 1.2rem;
  padding-top: 0.04rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.2rem);
}
.bot-header li .subnav .box {
  border-radius: 0.08rem;
  background-color: #fff;
  padding: 0.1rem 0;
  box-shadow: 0 0 0.03rem rgba(0, 0, 0, 0.05);
}
.bot-header li .subnav a {
  display: block;
  font-size: 0.14rem;
  line-height: 0.3rem;
  color: #202124;
  text-align: center;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .bot-header li .subnav a:hover {
    background-color: #003c98;
    color: #fff;
  }
}
.bot-header li:hover a.single:after {
  opacity: 1;
}
.bot-header li:hover .subnav {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: all 0.3s ease;
}
.bot-header .search-btn {
  width: 0.18rem;
  height: 0.18rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/search-1.svg");
  margin-left: 0.2rem;
  cursor: pointer;
}

.fixed-search {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-image: linear-gradient(180deg, #e9eef7, #fff);
  padding: 0.3rem 0.3rem 0.4rem;
  border-radius: 9999;
  display: none;
}
.fixed-search .close {
  width: 0.22rem;
  height: 0.22rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/search-close.svg");
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
  cursor: pointer;
}
.fixed-search .label {
  font-size: 0.32rem;
  color: #202124;
  text-align: center;
}
.fixed-search .form {
  margin-top: 0.3rem;
  position: relative;
  height: 0.6rem;
  background-color: #d5dfef;
  border-radius: 0.3rem;
  padding-right: 1rem;
}
.fixed-search .form input {
  width: 100%;
  height: 100%;
  padding: 0 0.3rem;
  background-color: transparent;
  font-size: 0.18rem;
  color: #202124;
}
.fixed-search .form button {
  width: 0.4rem;
  height: 0.4rem;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/search-btn.png");
  cursor: pointer;
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
}
.fixed-search .tips {
  margin-top: 0.2rem;
  display: flex;
  grid-gap: 0.2rem;
}
.fixed-search .tips a {
  min-width: 1.2rem;
  height: 0.38rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 0.15rem;
}
.fixed-search .tips a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #fff;
  border-radius: 0.18rem;
  background-image: linear-gradient(180deg, #f0f4fd, #fff);
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.05);
  z-index: 1;
}
.fixed-search .tips a:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #003c98;
  border-radius: 0.18rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.fixed-search .tips a span {
  font-size: 0.14rem;
  color: #7a8799;
  position: relative;
  z-index: 3;
  transition: color 0.3s ease;
}
@media (any-hover: hover) {
  .fixed-search .tips a:hover:after {
    opacity: 1;
  }
  .fixed-search .tips a:hover span {
    color: #fff;
  }
}
.fixed-search .b-tit {
  margin-top: 0.3rem;
  display: flex;
  align-items: center;
  grid-gap: 0.16rem;
}
.fixed-search .b-tit:before {
  content: "";
  width: 0.04rem;
  height: 0.24rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(180deg, #cedefa, #88a3cf);
}
.fixed-search .b-tit span {
  font-size: 0.24rem;
  color: #202124;
  font-family: "PingFang Bold";
}
.fixed-search .items {
  margin-top: 0.2rem;
  display: flex;
  grid-gap: 0.2rem;
}
.fixed-search .item {
  flex: 1 1;
}
.fixed-search .item a {
  display: block;
  height: 100%;
  position: relative;
  border-radius: 0.1rem;
  overflow: hidden;
}
.fixed-search .item .img-box {
  aspect-ratio: 135/73;
  overflow: hidden;
}
.fixed-search .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
  transition: transform 0.3s ease;
}
.fixed-search .item .txt-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.fixed-search .item .tit {
  font-size: 0.18rem;
  color: #fff;
  font-family: "PingFang Bold";
  text-align: center;
}
@media (any-hover: hover) {
  .fixed-search .item:hover img {
    transform: scale(1.1);
  }
  .fixed-search .item:hover .txt-box {
    opacity: 1;
  }
}

.head-null {
  height: 0.8rem;
}

.fixed-right {
  position: fixed;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10000;
}
.fixed-right .online {
  display: block;
  position: relative;
  width: 0.9rem;
}
.fixed-right .online img {
  display: block;
  width: 100%;
}
.fixed-right .online span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0.72rem;
  margin: 0 auto;
  display: block;
  background-color: #003c98;
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.24rem;
  text-align: center;
  border-radius: 0.03rem;
}
.fixed-right .block {
  width: 0.72rem;
  margin: 0.2rem auto 0;
  border-radius: 0.05rem;
  background-color: #fff;
  box-shadow: 0 0 0.3rem rgba(0, 60, 152, 0.1);
}
.fixed-right .box {
  position: relative;
  display: block;
  cursor: pointer;
}
.fixed-right .box .show {
  padding: 0.15rem 0;
}
.fixed-right .box .show i {
  display: block;
  height: 0.18rem;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.fixed-right .box .show span {
  display: block;
  font-size: 0.12rem;
  color: #333333;
  margin-top: 0.08rem;
  text-align: center;
}
.fixed-right .box:before {
  content: "";
  width: 0.3rem;
  height: 1px;
  background-color: #e5e5e5;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.fixed-right .box .hide {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.fixed-right .box:not(.jshover):hover .hide {
  opacity: 1;
  pointer-events: auto;
}
.fixed-right .box.active .hide {
  opacity: 1;
  pointer-events: auto;
}
.fixed-right .totop {
  width: 0.72rem;
  height: 0.4rem;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/fixed-right-6.svg");
  background-size: auto 0.12rem;
  border-radius: 0.03rem;
  box-shadow: 0 0 0.3rem rgba(0, 60, 152, 0.1);
  margin: 0.1rem auto 0;
  cursor: pointer;
}
.fixed-right .hide-1 {
  padding-right: 0.24rem;
  position: absolute;
  top: 0;
  right: 100%;
}
.fixed-right .hide-1:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 0.04rem solid transparent;
  border-bottom: 0.04rem solid transparent;
  border-left: 0.08rem solid #fff;
  position: absolute;
  top: 0.34rem;
  right: 0.18rem;
}
.fixed-right .hide-1 .inner {
  width: 3.2rem;
  background-color: #fff;
  box-shadow: 0 0 0.3rem rgba(0, 60, 152, 0.1);
  border-radius: 0.06rem;
  padding: 0.3rem;
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 0.15rem;
}
.fixed-right .hide-1 .country {
  width: 25%;
}
.fixed-right .hide-1 .country .img-box {
  width: 0.4rem;
  height: 0.4rem;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0.03rem 0.1rem rgba(35, 76, 162, 0.2);
}
.fixed-right .hide-1 .country img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fixed-right .hide-1 .country span {
  display: block;
  font-size: 0.14rem;
  color: #7a8799;
  text-align: center;
  font-family: "PingFang Bold";
  margin-top: 0.1rem;
  transition: color 0.3s ease;
}
.fixed-right .hide-1 .country:hover span {
  color: #003c98;
}
.fixed-right .hide-2 {
  padding-right: 0.24rem;
  position: absolute;
  top: 0;
  right: 100%;
}
.fixed-right .hide-2:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 0.04rem solid transparent;
  border-bottom: 0.04rem solid transparent;
  border-left: 0.08rem solid #fff;
  position: absolute;
  top: 0.34rem;
  right: 0.18rem;
}
.fixed-right .hide-2 .inner {
  width: 3.2rem;
  background-color: #fff;
  box-shadow: 0 0 0.3rem rgba(0, 60, 152, 0.1);
  border-radius: 0.06rem;
  padding: 0.3rem;
}
.fixed-right .hide-2 .tit {
  font-size: 0.22rem;
  color: #333333;
  text-align: center;
  font-family: "PingFang Bold";
}
.fixed-right .hide-2 .cont {
  margin-top: 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 0.3rem;
}
.fixed-right .hide-2 .img-box {
  width: max(60px, 0.82rem);
}
.fixed-right .hide-2 .img-box img {
  display: block;
  width: 100%;
  height: 100%;
}
.fixed-right .hide-2 .tips p {
  padding-left: 0.24rem;
  position: relative;
  font-size: 0.14rem;
  color: #7a8799;
  margin-top: 0.1rem;
}
.fixed-right .hide-2 .tips p:before {
  content: "";
  width: 0.14rem;
  height: 0.14rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/r-10.png");
  position: absolute;
  left: 0;
  top: 0;
}
.fixed-right .hide-2 .tips p:nth-of-type(1) {
  margin-top: 0;
}
.fixed-right .hide-3 {
  padding-right: 0.24rem;
  position: absolute;
  top: -0.9rem;
  right: 100%;
}
.fixed-right .hide-3 .close {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0.15rem;
  right: 0.38rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/r-11.svg");
  cursor: pointer;
}
.fixed-right .hide-3:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 0.04rem solid transparent;
  border-bottom: 0.04rem solid transparent;
  border-left: 0rem solid #fff;
  position: absolute;
  top: 1.2rem;
  right: 0.18rem;
}
.fixed-right .hide-3 .inner {
  width: 3.2rem;
  background-color: #fff;
  box-shadow: 0 0 0.3rem rgba(0, 60, 152, 0.1);
  border-radius: 0.06rem;
  padding: 0.3rem;
}
.fixed-right .hide-3 .tit {
  font-size: 0.22rem;
  color: #333333;
  text-align: center;
  font-family: "PingFang Bold";
}
.fixed-right .hide-3 p {
  font-size: 0.14rem;
  color: #7a8799;
  text-align: center;
  margin-top: 0.1rem;
  font-family: "PingFang Bold";
}
.fixed-right .hide-3 .form {
  margin-top: 0.2rem;
}
.fixed-right .hide-3 .sbox {
  margin-top: 0.1rem;
  position: relative;
}
.fixed-right .hide-3 .sbox:nth-of-type(1) {
  margin-top: 0;
}
.fixed-right .hide-3 input {
  width: 100%;
  height: 0.4rem;
  border: 1px solid #eaeaea;
  border-radius: 0.05rem;
  padding: 0 0.15rem;
  font-size: 0.14rem;
  color: #999999;
}
.fixed-right .hide-3 button {
  width: 100%;
  height: 0.4rem;
  border-radius: 0.05rem;
  background-color: #003c98;
  font-size: 0.14rem;
  color: #ffffff;
  cursor: pointer;
}
.fixed-right .hide-3 .code {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.1rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.14rem;
  color: #003c98;
}
.fixed-right .hide-3 .agree {
  font-size: 0.14rem;
  color: #999999;
  display: flex;
  align-items: center;
  order: 2;
}
.fixed-right .hide-3 .agree a {
  color: #999999;
}
.fixed-right .hide-3 .layui-form-checkbox[lay-skin=primary]:hover > i {
  border-color: #003c98 !important;
}
.fixed-right .hide-3 .layui-form-checked[lay-skin=primary] > i {
  border-color: #003c98 !important;
  background-color: #003c98 !important;
}
.fixed-right .hide-4 {
  padding-right: 0.24rem;
  position: absolute;
  top: -1.8rem;
  right: 100%;
}
.fixed-right .hide-4 .close {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0.15rem;
  right: 0.38rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/r-11.svg");
  cursor: pointer;
}
.fixed-right .hide-4:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 0.04rem solid transparent;
  border-bottom: 0.04rem solid transparent;
  border-left: 0.08rem solid #fff;
  position: absolute;
  top: 2.1rem;
  right: 0.18rem;
}
.fixed-right .hide-4 .inner {
  width: 3.2rem;
  background-color: #fff;
  box-shadow: 0 0 0.3rem rgba(0, 60, 152, 0.1);
  border-radius: 0.06rem;
  padding: 0.3rem;
}
.fixed-right .hide-4 .tit {
  font-size: 0.22rem;
  color: #333333;
  text-align: center;
  font-family: "PingFang Bold";
}
.fixed-right .hide-4 p {
  font-size: 0.14rem;
  color: #7a8799;
  text-align: center;
  margin-top: 0.1rem;
  font-family: "PingFang Bold";
}
.fixed-right .hide-4 .form {
  margin-top: 0.2rem;
}
.fixed-right .hide-4 .sbox {
  margin-top: 0.1rem;
  position: relative;
}
.fixed-right .hide-4 .sbox:nth-of-type(1) {
  margin-top: 0;
}
.fixed-right .hide-4 input {
  width: 100%;
  height: 0.4rem;
  border: 1px solid #eaeaea;
  border-radius: 0.05rem;
  padding: 0 0.15rem;
  font-size: 0.14rem;
  color: #999999;
}
.fixed-right .hide-4 button {
  width: 100%;
  height: 0.4rem;
  border-radius: 0.05rem;
  background-color: #003c98;
  font-size: 0.14rem;
  color: #ffffff;
  cursor: pointer;
}
.fixed-right .hide-4 .code {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.1rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.14rem;
  color: #003c98;
}
.fixed-right .hide-4 .agree {
  font-size: 0.14rem;
  color: #999999;
  display: flex;
  align-items: center;
  order: 2;
}
.fixed-right .hide-4 .agree a {
  color: #999999;
}
.fixed-right .hide-4 .layui-form-checkbox[lay-skin=primary]:hover > i {
  border-color: #003c98 !important;
}
.fixed-right .hide-4 .layui-form-checked[lay-skin=primary] > i {
  border-color: #003c98 !important;
  background-color: #003c98 !important;
}

.footer {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/foot-1.jpg");
  overflow: hidden;
}
.footer .top-block {
  padding: 0.44rem 0 0.32rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .top-block .logo {
  width: 2rem;
}
.footer .top-block .logo img {
  display: block;
  width: 100%;
}
.footer .top-block .share {
  display: flex;
  grid-gap: 0.12rem;
}
.footer .top-block .share .box {
  position: relative;
}
.footer .top-block .share .box .show {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background-color: #434955;
  cursor: pointer;
}
.footer .top-block .share .box .show i {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 0.18rem;
  opacity: 0.6;
  transition: opacity 0.3s ease;
}
.footer .top-block .share .box .hide {
  position: absolute;
  top: 100%;
  left: 0;
  width: 1.2rem;
  padding-top: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.footer .top-block .share .box .hide:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  left: 0.24rem;
  top: 12px;
  margin-left: -5px;
}
.footer .top-block .share .box .hide .img-box {
  background-color: #fff;
  padding: 0.1rem;
}
.footer .top-block .share .box .hide img {
  display: block;
  width: 100%;
}
.footer .top-block .share .box:hover .show i {
  opacity: 1;
}
.footer .top-block .share .box:hover .hide {
  opacity: 1;
  visibility: visible;
}
.footer .mid-block {
  padding: 0.4rem 0 0.6rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer .mid-block .box {
  margin-top: 0.4rem;
}
.footer .mid-block .box:nth-of-type(1) {
  margin-top: 0;
}
.footer .mid-block .box .tit {
  font-size: 0.18rem;
  color: #fff;
}
.footer .mid-block .box .link {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.2rem;
  margin-top: 0.3rem;
}
.footer .mid-block .box .link a {
  font-size: 0.14rem;
  color: #7a8799;
  transition: color 0.3s ease;
}
.footer .mid-block .box .link a:hover {
  color: #fff;
}
.footer .bot-block {
  padding: 0.3rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.14rem;
  color: #7a8799;
  line-height: 0.24rem;
  text-align: center;
}
.footer .bot-block a {
  color: #7a8799;
}
.footer .totop {
  width: 0.9rem;
  height: 0.9rem;
  position: fixed;
  right: 0.2rem;
  bottom: 0.2rem;
  background: #003c98 url("../images/totop.svg") center center no-repeat;
  background-size: auto 12px;
  border-radius: 50%;
  z-index: 6;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.footer .totop svg {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  fill: none;
  stroke: #fff;
  stroke-width: 1px;
  stroke-dasharray: 268;
  stroke-dashoffset: 268;
  transform: rotate(-90deg);
}
.footer .totop.active {
  opacity: 1;
  visibility: visible;
}

body {
  min-width: 1230px;
}

.wrap-s {
  width: 80%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

.index-tit {
  position: relative;
}
.index-tit .label {
  display: flex;
  align-items: center;
  grid-gap: 0.16rem;
}
.index-tit .label:before {
  content: "";
  width: 0.04rem;
  height: 0.32rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(180deg, #cedefa, #88a3cf);
}
.index-tit .label span {
  font-size: 0.32rem;
  color: #333333;
  font-family: "PingFang Bold";
}
.index-tit .s-tips {
  font-size: 0.16rem;
  color: #7a8799;
  margin-top: 0.1rem;
}
.index-tit .more {
  position: absolute;
  top: 0.1rem;
  right: 0;
  font-size: 0.12rem;
  color: #7a8799;
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.index-tit .more:after {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/index/icon-2.png");
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 0.12rem;
}
.index-tit .more:hover {
  color: #003c98;
}
.index-tit .other {
  position: absolute;
  top: 0.1rem;
  right: 0;
  font-size: 0.14rem;
  color: #7a8799;
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.index-tit .other:after {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/index/icon-2.png");
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 0.12rem;
}
.index-tit .other:hover {
  color: #003c98;
}
.index-tit .tab-tit {
  position: absolute;
  right: 1rem;
  top: 0.03rem;
  display: flex;
}
.index-tit .tab-tit:after {
  content: "";
  width: 1px;
  height: 0.14rem;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  right: -0.15rem;
  top: calc(50% - 0.07rem);
}
.index-tit .tab-tit .box {
  font-size: 0.14rem;
  color: #7a8799;
  line-height: 0.3rem;
  padding: 0 0.15rem;
  border-radius: 0.15rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.index-tit .tab-tit .box.active {
  background-color: #003c98;
  color: #fff;
}
.index-tit .tab-tit .box:hover {
  background-color: #003c98;
  color: #fff;
}
.index-tit .tab-tit.nor {
  right: 0;
}
.index-tit .tab-tit.nor:after {
  display: none;
}
.index-tit .tab-tit.r-1 {
  right: 1.4rem;
}

.c-company {
  padding: 1.2rem 0 0.9rem;
}

.c-marketing {
  padding: 0.65rem 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/marketing-1.jpg");
}
.c-marketing .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-marketing .tit {
  font-size: 0.24rem;
  color: #fff;
  line-height: 1.34;
}
.c-marketing p {
  font-size: 0.14rem;
  color: rgba(255, 255, 255, 0.5);
}
.c-marketing p.mt {
  margin-top: 0.1rem;
}
.c-marketing .right-box {
  padding-left: 0.7rem;
  position: relative;
}
.c-marketing .icon {
  width: 0.6rem;
  height: 0.6rem;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.c-marketing .icon i {
  width: 0.48rem;
  height: 0.48rem;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  margin: -0.24rem 0 0 -0.24rem;
  background: #fff url("../images/marketing-2.svg") center center no-repeat;
  background-size: auto 0.2rem;
}
.c-marketing .tel {
  font-size: 0.4rem;
  font-family: "Rajdhani-Bold";
  color: #fff;
  line-height: 1;
}
.c-marketing .btns {
  margin-top: 0.2rem;
  display: flex;
}
.c-marketing .btns a {
  width: 1.2rem;
  height: 0.36rem;
  border-radius: 0.18rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.c-marketing .btns a span {
  font-size: 0.14rem;
  color: #fff;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .c-marketing .btns a:hover {
    background-color: #fff;
  }
  .c-marketing .btns a:hover span {
    color: #003c98;
  }
}

.index-s1 {
  position: relative;
  z-index: 1;
}
.index-s1 .swiper {
  height: 6rem;
}
.index-s1 .swiper .item {
  position: relative;
  height: 100%;
}
.index-s1 .swiper .item a {
  height: 100%;
  display: block;
}
.index-s1 .swiper .item .bg-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.index-s1 .swiper .item .bg-box .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.index-s1 .swiper .item .txt-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
}
.index-s1 .swiper .item .block {
  padding-left: 3.5rem;
}
.index-s1 .swiper .item .s-tit {
  font-size: 0.16rem;
  color: #fff;
  margin-bottom: 0.35rem;
}
.index-s1 .swiper .item .tit {
  font-size: 0.4rem;
  color: #fff;
}
.index-s1 .swiper .item .tips {
  margin-top: 0.15rem;
  font-size: 0.2rem;
  color: #fff;
}
.index-s1 .swiper .item .btns {
  margin-top: 0.6rem;
  display: flex;
}
.index-s1 .swiper .item .inner-btn {
  width: 1.8rem;
  height: 0.36rem;
  border-radius: 0.18rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.index-s1 .swiper .item .inner-btn span {
  font-size: 0.14rem;
  color: #fff;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .index-s1 .swiper .item .inner-btn:hover {
    background-color: #fff;
  }
  .index-s1 .swiper .item .inner-btn:hover span {
    color: #003c98;
  }
}
.index-s1 .pagination {
  position: absolute;
  bottom: 0.85rem;
  display: flex;
  justify-content: center;
  grid-gap: 0.1rem;
  z-index: 2;
}
.index-s1 .pagination span {
  width: 0.6rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-color: rgba(255, 255, 255, 0.2);
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.index-s1 .pagination span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 102%;
  will-change: transform;
  background-color: #003c98;
  transform-origin: left top;
  transform: scaleX(0);
}
.index-s1 .pagination span.active:before {
  animation: o-scale-x 5s linear forwards;
}
.index-s1 .button {
  position: absolute;
  top: calc(50% - 0.3rem);
  width: 0.6rem;
  height: 0.6rem;
  border: 0.02rem solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 0.13rem;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 2;
}
.index-s1 .button:hover {
  background-color: #003c98;
  border-color: #003c98;
}
.index-s1 .prev {
  left: 0.6rem;
  background-image: url("../images/channel/prev-1.png");
}
.index-s1 .next {
  right: 0.6rem;
  background-image: url("../images/channel/next-1.png");
}
.index-s1 .menu-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
}
.index-s1 .menu-block .wrap-s {
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 0.85rem;
}
.index-s1 .menu-block .cont-block {
  width: 100%;
  position: relative;
}
.index-s1 .menu-left {
  width: 2.88rem;
  padding: 0.1rem 0;
  border-radius: 0.08rem;
  border: 1px solid #fff;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.05);
  pointer-events: auto;
  position: relative;
  z-index: 2;
}
.index-s1 .menu-left:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 0.05rem;
}
.index-s1 .menu-left .items {
  position: relative;
  z-index: 2;
}
.index-s1 .menu-left .item {
  padding: 0.1rem 0.3rem;
  position: relative;
  cursor: pointer;
}
.index-s1 .menu-left .item .tit a {
  font-size: 0.16rem;
  color: #202124;
  display: inline-block;
}
.index-s1 .menu-left .item .link {
  margin-top: 0.08rem;
  display: flex;
}
.index-s1 .menu-left .item .link a {
  width: 25%;
  font-size: 0.12rem;
  color: #7a8799;
  transition: color 0.3s ease;
}
@media (any-hover: hover) {
  .index-s1 .menu-left .item .link a:hover {
    color: #003c98;
  }
}
.index-s1 .menu-left .item.active {
  background-color: rgba(255, 255, 255, 0.5);
}
.index-s1 .menu-left .item.active .tit a {
  color: #003c98;
}
.index-s1 .menu-left .item.active .link a {
  color: #003c98;
}
.index-s1 .menu-left.active {
  border-radius: 0.08rem 0 0 0.08rem;
}
.index-s1 .menu-left.active:before {
  border-radius: 0.05rem 0 0 0.05rem;
}
.index-s1 .menu-right {
  width: calc(100% - 2.88rem);
  height: 100%;
  position: absolute;
  top: 0;
  left: 2.88rem;
  z-index: 1;
}
.index-s1 .menu-right .child {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0 0.08rem 0.08rem 0;
  padding: 0 0.4rem;
  pointer-events: auto;
  opacity: 0;
  visibility: hidden;
}
.index-s1 .menu-right .child.active {
  opacity: 1;
  visibility: visible;
}
.index-s1 .menu-right .child.bg-1 {
  background-image: url("../images/menu-1.jpg");
}
.index-s1 .menu-right .child.bg-2 {
  background-image: url("../images/menu-2.jpg");
}
.index-s1 .menu-right .child.bg-3 {
  background-image: url("../images/menu-3.jpg");
}
.index-s1 .menu-right .child.bg-4 {
  background-image: url("../images/menu-4.jpg");
}
.index-s1 .menu-right .child.bg-5 {
  background-image: url("../images/menu-5.jpg");
}
.index-s1 .menu-right .child.bg-6 {
  background-image: url("../images/menu-6.jpg");
}
.index-s1 .menu-right .flex {
  height: 100%;
  display: flex;
  align-items: center;
}
.index-s1 .menu-right .item {
  margin-top: 0.15rem;
  padding-top: 0.15rem;
  border-top: 1px solid #f5f5f5;
}
.index-s1 .menu-right .item:nth-of-type(1) {
  margin-top: 0;
  padding-top: 0;
  border: none;
}
.index-s1 .menu-right .item .tit {
  display: flex;
}
.index-s1 .menu-right .item .tit a {
  display: flex;
  align-items: center;
  grid-gap: 0.1rem;
}
.index-s1 .menu-right .item .tit a span {
  font-size: 0.16rem;
  color: #333333;
  font-family: "PingFang Bold";
  transition: color 0.3s ease;
}
.index-s1 .menu-right .item .tit a:after {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/index/icon-2.png");
}
.index-s1 .menu-right .item .tit a:hover span {
  color: #003c98;
}
.index-s1 .menu-right .item .link {
  margin-top: 0.08rem;
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 0.45rem;
  grid-row-gap: 0.08rem;
}
.index-s1 .menu-right .item .link a {
  position: relative;
  font-size: 0.12rem;
  color: #777777;
  transition: color 0.3s ease;
}
.index-s1 .menu-right .item .link a .hot {
  width: 0.27rem;
  height: 0.14rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/menu-7.png");
  position: absolute;
  right: -0.27rem;
  bottom: 100%;
}
.index-s1 .menu-right .item .link a.curr {
  color: #003c98;
  font-family: "PingFang Bold";
}
.index-s1 .menu-right .item .link a:not(.curr):hover {
  color: #003c98;
}

.index-s2 {
  position: relative;
  margin-top: -0.45rem;
}
.index-s2 .items {
  display: flex;
  grid-gap: 0.16rem;
}
.index-s2 .item {
  flex: 1 1;
  transition: transform 0.3s ease;
}
.index-s2 .item a {
  display: block;
  height: 0.9rem;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 0.08rem;
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05);
  padding: 0 0.3rem;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
.index-s2 .item .icon {
  width: 0.38rem;
  height: 0.38rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-s2 .item .icon img {
  max-width: 100%;
  max-height: 100%;
}
.index-s2 .item .txt {
  width: calc(100% - 0.38rem);
  padding-left: 0.2rem;
}
.index-s2 .item .tit {
  font-size: 0.18rem;
  color: #333333;
}
.index-s2 .item .link {
  margin-top: 0.08rem;
  display: flex;
  align-items: center;
  grid-gap: 0.1rem;
}
.index-s2 .item .link span {
  font-size: 0.14rem;
  color: #7a8799;
}
.index-s2 .item .link:after {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/index/icon-2.png");
}
.index-s2 .item:hover {
  transform: translateY(-0.05rem);
}
.index-s2 .item:hover a {
  background-color: #fff;
}

.index-s3 {
  padding: 0.9rem 0 0;
}
.index-s3 .label {
  font-size: 0.32rem;
  color: #202124;
  text-align: center;
  font-family: "PingFang Bold";
}
.index-s3 .items {
  margin-top: 0.2rem;
  display: flex;
}
.index-s3 .item {
  flex: 1 1;
  position: relative;
  height: 1.2rem;
}
.index-s3 .item .bg-box {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.55rem 0 0 -0.55rem;
  width: 1.1rem;
  height: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  transition: opacity 0.3s ease;
}
.index-s3 .item .bg-box img {
  max-width: 100%;
  max-height: 100%;
}
.index-s3 .item .txt-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transform: translateY(-0.3rem);
  transition: transform 0.3s ease;
}
.index-s3 .item .icon {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.index-s3 .item .icon img {
  max-width: 100%;
  max-height: 100%;
}
.index-s3 .item .tit {
  text-align: center;
  font-size: 0.24rem;
  color: #003c98;
  margin-top: 0.1rem;
}
.index-s3 .item p {
  font-size: 0.16rem;
  color: #7a8799;
  text-align: center;
  margin-top: 0.05rem;
}
.index-s3 .item:hover .bg-box {
  opacity: 0;
}
.index-s3 .item:hover .txt-box {
  transform: none;
}
.index-s3 .item:hover .icon {
  opacity: 1;
}

.index-s4 {
  padding: 0.6rem 0 0.9rem;
}
.index-s4.pd-1 {
  padding: 0.9rem 0;
}
.index-s4.pd-2 {
  padding: 0 0 0.9rem;
}
.index-s4 .wrap-s {
  display: flex;
  align-items: flex-start;
}
.index-s4 .left-block {
  width: 74.66%;
}
.index-s4 .right-block {
  width: calc(25.34% - 0.15rem);
  margin-left: 0.15rem;
  position: relative;
  z-index: 2;
}
.index-s4 .swiper {
  margin: 0 -0.15rem;
  padding: 0.25rem 0.15rem 0;
}
.index-s4 .swiper .item {
  width: calc((100% - 0.32rem) / 3);
  margin-right: 0.16rem;
  transition: transform 0.3s ease;
}
.index-s4 .swiper .item:last-of-type {
  margin: 0;
}
.index-s4 .swiper .item a {
  position: relative;
  display: block;
  height: 100%;
  background-color: #fff;
  border-radius: 0.08rem;
  overflow: hidden;
  transition: all 0.3s ease;
}
.index-s4 .swiper .item .img-box {
  aspect-ratio: 288/211;
  overflow: hidden;
}
.index-s4 .swiper .item img {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
}
.index-s4 .swiper .item .tip {
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.24rem;
  padding: 0 0.06rem;
  border-radius: 0.03rem;
  position: absolute;
  top: 0.1rem;
  left: 0.1rem;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 2;
}
.index-s4 .swiper .item .txt-box {
  padding: 0.3rem;
  position: relative;
}
.index-s4 .swiper .item .txt-box:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/index/img-4.png") center top no-repeat;
  background-size: 100% auto;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.index-s4 .swiper .item .tit {
  font-size: 0.16rem;
  color: #333333;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
}
.index-s4 .swiper .item .info-box {
  margin-top: 0.25rem;
}
.index-s4 .swiper .item .info {
  margin-top: 0.1rem;
  display: flex;
  align-items: center;
  grid-gap: 0.1rem;
}
.index-s4 .swiper .item .info:nth-of-type(1) {
  margin-top: 0;
}
.index-s4 .swiper .item .info i {
  width: 0.12rem;
  height: 0.12rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.index-s4 .swiper .item .info i.date {
  background-image: url("../images/index/icon-5.png");
}
.index-s4 .swiper .item .info i.people {
  background-image: url("../images/index/icon-6.png");
}
.index-s4 .swiper .item .info span {
  font-size: 0.12rem;
  color: #7a8799;
}
.index-s4 .swiper .item:hover {
  transform: translateY(-0.1rem);
}
.index-s4 .swiper .item:hover a {
  box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.05);
}
.index-s4 .swiper .item:hover .txt-box:before {
  opacity: 1;
}
.index-s4 .swiper .item:hover .tit {
  text-shadow: 0 0 1px #333333;
}
.index-s4 .contblock {
  margin-top: 0.25rem;
  background-color: #fff;
  border-radius: 0.08rem;
  overflow: hidden;
  padding: 0.1rem 0.1rem 0;
  box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.05);
}
.index-s4 .singlelink a {
  display: block;
}
.index-s4 .singlelink .img-box {
  aspect-ratio: 268/151;
  border-radius: 0.03rem;
  overflow: hidden;
}
.index-s4 .singlelink img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.index-s4 .singlelink .tit {
  padding: 0.25rem 0.2rem 0;
  font-size: 0.16rem;
  color: #202124;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.3s ease;
}
.index-s4 .singlelink:hover .tit {
  color: #003c98;
}
.index-s4 .listbox {
  padding: 0.15rem 0.2rem 0.3rem;
}
.index-s4 .listbox a {
  display: block;
  font-size: 0.14rem;
  color: #7a8799;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.15rem;
}
.index-s4 .listbox a:nth-of-type(1) {
  margin-top: 0;
}
.index-s4 .listbox a:hover {
  color: #003c98;
}
.index-s4 .swiper-horizontal > .swiper-scrollbar {
  position: relative;
  bottom: auto;
  left: auto;
  width: 4.8rem;
  height: 1px;
  background-color: #e2e2e2;
  margin: 0.4rem auto 0;
}
.index-s4 .swiper-scrollbar-drag {
  background-color: #003c98;
  cursor: pointer;
  border-radius: 0;
}

.index-s5 {
  padding: 0.9rem 0 1.1rem;
  background-color: #f5f7fa;
}
.index-s5.bg-1 {
  background-color: #fff;
}
.index-s5 .cont-block {
  margin-top: 0.3rem;
  display: flex;
  grid-gap: 0.24rem;
  align-items: flex-start;
}
.index-s5 .left-block {
  width: 32%;
  background-color: #fff;
  padding-bottom: 0.4rem;
  border-radius: 0.08rem;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
}
.index-s5 .left-block .item {
  width: 100%;
}
.index-s5 .left-block .item a {
  position: relative;
  display: block;
  height: 100%;
}
.index-s5 .left-block .item .img-box {
  aspect-ratio: 384/281;
  overflow: hidden;
}
.index-s5 .left-block .item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
}
.index-s5 .left-block .item .tip {
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.24rem;
  padding: 0 0.06rem;
  border-radius: 0.03rem;
  position: absolute;
  top: 0.1rem;
  left: 0.1rem;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 2;
}
.index-s5 .left-block .item .txt-box {
  position: relative;
  overflow: hidden;
  mask: linear-gradient(180deg, #fff 80%, rgba(255, 255, 255, 0) 100%);
  margin-top: -2px;
}
.index-s5 .left-block .item .pic {
  position: absolute;
  top: 0;
  left: 1%;
  right: 1%;
  transform: rotateX(180deg);
  overflow: hidden;
}
.index-s5 .left-block .item .pic img {
  display: block;
  width: 100%;
  aspect-ratio: 384/281;
  object-fit: cover;
  backface-visibility: hidden;
  will-change: transform;
}
.index-s5 .left-block .item .txt {
  margin: 0 -0.1rem;
  padding: 0.3rem 0.4rem;
  position: relative;
  z-index: 2;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.7), #fff, #fff, #fff);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  overflow: hidden;
}
.index-s5 .left-block .item .tit {
  font-size: 0.16rem;
  color: #333333;
  line-height: 1.5;
  transition: all 0.3s ease;
}
.index-s5 .left-block .item .info-box {
  margin-top: 0.15rem;
}
.index-s5 .left-block .item .info {
  margin-top: 0.1rem;
  display: flex;
  align-items: center;
  grid-gap: 0.1rem;
}
.index-s5 .left-block .item .info:nth-of-type(1) {
  margin-top: 0;
}
.index-s5 .left-block .item .info i {
  width: 0.12rem;
  height: 0.12rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.index-s5 .left-block .item .info i.date {
  background-image: url("../images/index/icon-5.png");
}
.index-s5 .left-block .item .info span {
  font-size: 0.12rem;
  color: #7a8799;
}
.index-s5 .left-block .item:hover .tit {
  text-shadow: 0 0 1px #333333;
}
.index-s5 .left-block .pagination {
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  grid-gap: 0.14rem;
}
.index-s5 .left-block .pagination span {
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background-color: #e5e5e5;
  cursor: pointer;
  transition: all 0.3s ease;
}
.index-s5 .left-block .pagination span.active {
  background-color: #003c98;
}
.index-s5 .left-block:hover {
  transform: translateY(-0.1rem);
  box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.05);
}
.index-s5 .right-block {
  width: calc(68% - 0.24rem);
}
.index-s5 .right-block .child {
  display: none;
}
.index-s5 .right-block .child.active {
  display: block;
}
.index-s5 .right-block .items {
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 0.24rem;
}
.index-s5 .right-block .item {
  width: calc((100% - 0.24rem) / 2);
}
.index-s5 .right-block .item a {
  display: block;
  position: relative;
  padding: 0.18rem 0.3rem;
  border-bottom: 1px solid #dcdee1;
}
.index-s5 .right-block .item a:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #003c98;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left top;
  transition: transform 0.3s ease;
}
.index-s5 .right-block .item .tit {
  height: 0.48rem;
  overflow: hidden;
}
.index-s5 .right-block .item .tit span {
  display: block;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #202124;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
}
.index-s5 .right-block .item .info {
  margin-top: 0.15rem;
  display: flex;
  align-items: center;
  grid-gap: 0.15rem;
}
.index-s5 .right-block .item .line {
  width: 1px;
  height: 0.12rem;
  background-color: #c4c6c8;
}
.index-s5 .right-block .item .date {
  display: flex;
  align-items: center;
  grid-gap: 0.1rem;
}
.index-s5 .right-block .item .date i {
  width: 0.12rem;
  height: 0.12rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.index-s5 .right-block .item .date i.date {
  background-image: url("../images/index/icon-5.png");
}
.index-s5 .right-block .item .date span {
  font-size: 0.12rem;
  color: #7a8799;
}
.index-s5 .right-block .item .tip {
  font-size: 0.12rem;
  color: #7a8799;
}
.index-s5 .right-block .item:hover a:after {
  transform: scaleX(1);
}
.index-s5 .right-block .item:hover a .tit span {
  color: #003c98;
  text-shadow: 0 0 1px #003c98;
}

.index-s6 {
  padding: 0.9rem 0;
}
.index-s6.bg-1 {
  background-color: #f7f9fb;
}
.index-s6.bg-2 {
  background-color: none;
  background-image: linear-gradient(180deg, #f5f7fa, #fff);
}
.index-s6.pd-1 {
  padding: 0.9rem 0 0;
}
.index-s6 .top-block .cont-block {
  margin-top: 0.3rem;
  position: relative;
  padding-left: 3.04rem;
}
.index-s6 .top-block .tips {
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  width: 3.6rem;
  background-color: #fff;
  box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.05);
  border-radius: 0.08rem;
  padding: 0.4rem 0.6rem;
  z-index: 2;
}
.index-s6 .top-block .tips .tip {
  margin-top: 0.2rem;
  display: flex;
  grid-gap: 0.3rem;
  align-items: center;
}
.index-s6 .top-block .tips .tip:nth-of-type(1) {
  margin-top: 0.2rem;
}
.index-s6 .top-block .tips .tip .icon {
  width: 0.4rem;
  height: 0.4rem;
  border: 0.02rem solid #fff;
  border-radius: 50%;
  background-image: linear-gradient(180deg, #f0f2f5, #fff);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.1);
}
.index-s6 .top-block .tips .tip .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-s6 .top-block .tips .tip p {
  width: calc(100% - 0.7rem);
  font-size: 0.16rem;
  color: #202124;
}
.index-s6 .top-block .tab-cont {
  position: relative;
  z-index: 1;
}
.index-s6 .top-block .child {
  display: none;
}
.index-s6 .top-block .child.active {
  display: block;
}
.index-s6 .top-block .items {
  display: flex;
  grid-gap: 0.16rem;
}
.index-s6 .top-block .item {
  position: relative;
  width: 1.36rem;
  height: 4.34rem;
  border-radius: 0.08rem;
  overflow: hidden;
  transition: width 0.3s ease;
}
.index-s6 .top-block .item:nth-of-type(3n-2) {
  background-color: #e5ebf4;
}
.index-s6 .top-block .item:nth-of-type(3n-1) {
  background-color: #e6e6e6;
}
.index-s6 .top-block .item:nth-of-type(3n) {
  background-color: #ece6e1;
}
.index-s6 .top-block .item .box {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.index-s6 .top-block .item .box:before {
  content: "";
  width: 100%;
  height: 1.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.7));
  z-index: 2;
}
.index-s6 .top-block .item .img-box {
  position: absolute;
  top: 0.6rem;
  left: calc(50% - 2rem);
  width: 4rem;
  z-index: 1;
}
.index-s6 .top-block .item .img-box img {
  display: block;
  width: 100%;
}
.index-s6 .top-block .item .show {
  font-size: 0.24rem;
  color: #fff;
  position: absolute;
  right: 0.2rem;
  bottom: 0.2rem;
  z-index: 3;
  writing-mode: vertical-rl;
  transition: opacity 0.3s ease;
}
.index-s6 .top-block .item .hide {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 1.7rem 0.3rem 0.85rem;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.3s ease;
  transition-duration: 0.1s;
}
.index-s6 .top-block .item .tit {
  font-size: 0.24rem;
  color: #fff;
}
.index-s6 .top-block .item p {
  font-size: 0.14rem;
  color: #fff;
  opacity: 0.5;
  margin-top: 0.1rem;
}
.index-s6 .top-block .item .btns {
  position: absolute;
  bottom: 0.3rem;
  right: 0.3rem;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.index-s6 .top-block .item .btns a {
  display: block;
  width: 1.2rem;
  border-radius: 0.18rem;
  background-image: linear-gradient(180deg, #003c98, #003c98);
  font-size: 0.14rem;
  line-height: 0.36rem;
  text-align: center;
  color: #fff;
}
.index-s6 .top-block .item.active {
  width: calc(100% - 3.04rem);
}
.index-s6 .top-block .item.active .show {
  opacity: 0;
}
.index-s6 .top-block .item.active .hide {
  opacity: 1;
  transition-delay: 0.3s;
  transition-duration: 0.3s;
}
.index-s6 .top-block .item.active .btns {
  opacity: 1;
  pointer-events: auto;
}
.index-s6 .mid-block {
  margin-top: 0.6rem;
}
.index-s6 .mid-block .items {
  position: relative;
  /**padding-left: 2.44rem;**/
}
.index-s6 .mid-block .single-item {
  position: absolute;
  top: 0.4rem;
  left: 0;
  width: 2.2rem;
  height: 3.12rem;
  border-radius: 0.08rem;
  overflow: hidden;
  box-shadow: 0 0.12rem 0.12rem rgba(0, 0, 0, 0.05);
}
.index-s6 .mid-block .single-item .box {
  display: block;
  height: 100%;
}
.index-s6 .mid-block .single-item .img-box {
  height: 100%;
}
.index-s6 .mid-block .single-item img {
  display: block;
  width: 100%;
}
.index-s6 .mid-block .swiper {
  padding: 0.4rem 0.15rem 0.9rem;
  margin: 0 -0.15rem;
}
.index-s6 .mid-block .item {
  position: relative;
  width: calc((100% - 0.72rem) / 4);
  height: 3.12rem;
  margin-right: 0.24rem;
  border-radius: 0.08rem;
  overflow: hidden;
  box-shadow: 0 0.12rem 0.12rem rgba(0, 0, 0, 0.05);
}
.index-s6 .mid-block .item:last-of-type {
  margin-right: 0;
}
.index-s6 .mid-block .item .box {
  display: block;
  position: relative;
  height: 100%;
  z-index: 1;
}
.index-s6 .mid-block .item .img-box {
  background-color: #e5ebf4;
  padding-top: 0.24rem;
}
.index-s6 .mid-block .item .img-box img {
  display: block;
  width: 100%;
}
.index-s6 .mid-block .item .show {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 2;
  padding: 0.1rem 0 0;
  transition: opacity 0.3s ease;
}
.index-s6 .mid-block .item .show .tit {
  font-size: 0.2rem;
  color: #202124;
  text-align: center;
}
.index-s6 .mid-block .item .show p {
  text-align: center;
  font-size: 0.14rem;
  color: #7a8799;
  margin-top: 0.05rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-s6 .mid-block .item .show .tip {
  margin-top: 0.1rem;
  border-top: 1px solid #f4f5f7;
  padding: 0.1rem;
  font-size: 0.12rem;
  color: #7a8799;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-s6 .mid-block .item .hide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/about/img-5-1.png");
  background-size: 100% 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.index-s6 .mid-block .item .hide .tit {
  font-size: 0.18rem;
  color: #fff;
}
.index-s6 .mid-block .item .hide p {
  font-size: 0.12rem;
  color: #fff;
  margin-top: 0.05rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-s6 .mid-block .item .hide .tips {
  margin-top: 0.08rem;
  display: flex;
  grid-gap: 0.06rem;
}
.index-s6 .mid-block .item .hide .tips span {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0.03rem;
  font-size: 0.1rem;
  color: #ffffff;
  line-height: 0.18rem;
  padding: 0 0.1rem;
}
.index-s6 .mid-block .item .hide .para {
  margin-top: 0.1rem;
  font-size: 0.11rem;
  color: #fff;
  line-height: 0.18rem;
}
.index-s6 .mid-block .item .hide-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 0.2rem 0.7rem;
}
.index-s6 .mid-block .item .link {
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}
.index-s6 .mid-block .item .link a {
  width: 1.08rem;
  height: 0.3rem;
  border-radius: 0.15rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.index-s6 .mid-block .item .link a span {
  font-size: 0.14rem;
  color: #003c98;
}
.index-s6 .mid-block .item .link a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}
.index-s6 .mid-block .item:hover .show {
  opacity: 0;
}
.index-s6 .mid-block .item:hover .hide {
  opacity: 1;
}
.index-s6 .mid-block .item:hover .link {
  opacity: 1;
  visibility: visible;
}
.index-s6 .mid-block .button {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  border: 1px solid #003c98;
  position: absolute;
  top: calc(45% - 0.24rem);
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  cursor: pointer;
}
.index-s6 .mid-block .prev {
  background-image: url("../images/index/prev-1.png");
  left: -1rem;
}
.index-s6 .mid-block .prev:hover {
  background-image: url("../images/index/prev-2.png");
  background-color: #003c98;
}
.index-s6 .mid-block .next {
  background-image: url("../images/index/next-1.png");
  right: -1rem;
}
.index-s6 .mid-block .next:hover {
  background-image: url("../images/index/next-2.png");
  background-color: #003c98;
}
.index-s6 .bot-block {
  margin-top: 0.6rem;
}
.index-s6 .bot-block.nomt {
  margin-top: 0;
}
.index-s6 .bot-block.nomt .index-tit .label:before {
  height: 0.32rem;
}
.index-s6 .bot-block.nomt .index-tit .label span {
  font-size: 0.32rem;
}
.index-s6 .bot-block .index-tit .label:before {
  height: 0.24rem;
}
.index-s6 .bot-block .index-tit .label span {
  font-size: 0.24rem;
}
.index-s6 .bot-block .tab-cont .child {
  display: none;
}
.index-s6 .bot-block .tab-cont .child.active {
  display: block;
}
.index-s6 .bot-block .items {
  margin-top: 0.3rem;
  position: relative;
}
.index-s6 .bot-block .item {
  width: calc((100% - 1.6rem) / 5);
  margin-right: 0.4rem;
}
.index-s6 .bot-block .item:last-of-type {
  margin-right: 0;
}
.index-s6 .bot-block .item a {
  height: 100%;
  position: relative;
}
.index-s6 .bot-block .item .top-box {
  position: relative;
}
.index-s6 .bot-block .item .img-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1rem;
  overflow: hidden;
}
.index-s6 .bot-block .item .img-box img {
  display: block;
  width: 140%;
  margin-left: -20%;
}
.index-s6 .bot-block .item .clip-box {
  height: 2.3rem;
  -webkit-mask-image: url("../images/index/img-9.svg");
  -webkit-mask-position: center bottom;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.index-s6 .bot-block .item .clip-box .img {
  display: block;
  width: 140%;
  margin-left: -20%;
  position: relative;
  z-index: 2;
}
.index-s6 .bot-block .item .clip-box .svg {
  width: 100%;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
}
.index-s6 .bot-block .item .tit {
  font-size: 0.24rem;
  color: #202124;
  text-align: center;
  margin-top: 0.3rem;
}
.index-s6 .bot-block .item p {
  font-size: 0.14rem;
  color: #7a8799;
  text-align: center;
  margin-top: 0.05rem;
}
.index-s6 .bot-block .button {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  border: 1px solid #003c98;
  position: absolute;
  top: calc(50% - 0.24rem);
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  cursor: pointer;
}
.index-s6 .bot-block .prev {
  background-image: url("../images/index/prev-1.png");
  left: -1rem;
}
.index-s6 .bot-block .prev:hover {
  background-image: url("../images/index/prev-2.png");
  background-color: #003c98;
}
.index-s6 .bot-block .next {
  background-image: url("../images/index/next-1.png");
  right: -1rem;
}
.index-s6 .bot-block .next:hover {
  background-image: url("../images/index/next-2.png");
  background-color: #003c98;
}

.index-s7 {
  padding: 0.9rem 0 0;
  position: relative;
}
.index-s7:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), 20%, #fff);
  z-index: 2;
}
.index-s7 .bg-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.index-s7 .tab-cont {
  margin-top: 0.3rem;
}
.index-s7 .child {
  display: none;
}
.index-s7 .child.active {
  display: block;
}
.index-s7 .items {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.16rem;
}
.index-s7 .item {
  width: calc((100% - 0.32rem) / 3);
  position: relative;
  z-index: 1;
}
.index-s7 .item .box {
  display: block;
  position: relative;
  height: 100%;
  z-index: 1;
}
.index-s7 .item .show {
  height: 2.2rem;
  padding: 0.3rem;
  border: 1px solid #fff;
  border-radius: 0.08rem;
  background-image: linear-gradient(180deg, #e9eef7, #fff, #fff);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: opacity 0.3s ease;
}
.index-s7 .item .show .num {
  font-size: 0.36rem;
  line-height: 1;
  color: #cacfd6;
  font-family: "Rajdhani-Bold";
}
.index-s7 .item .show .tit {
  font-size: 0.2rem;
  color: #202124;
}
.index-s7 .item .show p {
  height: 0.48rem;
  font-size: 0.14rem;
  color: #7a8799;
  line-height: 0.24rem;
  margin-top: 0.1rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-s7 .item .hide {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #2c5ba9;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
  border-radius: 0.08rem;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}
.index-s7 .item .hide .num {
  font-size: 3rem;
  color: #fff;
  opacity: 0.05;
  line-height: 1;
  font-family: "Rajdhani-Bold";
  position: absolute;
  right: 0.2rem;
  bottom: -1.3rem;
  z-index: 1;
}
.index-s7 .item .hide .txt-box {
  height: 100%;
  padding: 0.3rem;
  position: relative;
  z-index: 2;
}
.index-s7 .item .hide .tit {
  font-size: 0.24rem;
  color: #fff;
}
.index-s7 .item .hide .para {
  margin-top: 0.1rem;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-s7 .item .hide p {
  font-size: 0.12rem;
  color: #fff;
  opacity: 0.5;
  line-height: 2;
}
.index-s7 .item .btns {
  position: absolute;
  bottom: 0.1rem;
  left: 0.3rem;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}
.index-s7 .item .btns a {
  display: block;
  font-size: 0.14rem;
  color: #fff;
  width: 1.6rem;
  line-height: 0.36rem;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0.18rem;
  transition: all 0.3s ease;
}
.index-s7 .item .btns a:hover {
  background-color: #fff;
  color: #003c98;
}
.index-s7 .item:hover {
  z-index: 2;
}
.index-s7 .item:hover .show {
  opacity: 0;
}
.index-s7 .item:hover .hide {
  top: -0.2rem;
  bottom: -0.2rem;
  opacity: 1;
  pointer-events: auto;
}
.index-s7 .item:hover .btns {
  opacity: 1;
  pointer-events: auto;
}
.index-s7 .link-box {
  margin-top: 1rem;
  position: relative;
}
.index-s7 .link-box .box .img-box {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 auto;
  border: 0.02rem solid #fff;
  border-radius: 50%;
  background-image: linear-gradient(180deg, #ebf2fd, #fff);
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05);
}
.index-s7 .link-box .box .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-s7 .link-box .box .tit {
  font-size: 0.14rem;
  color: #202124;
  text-align: center;
  margin-top: 0.2rem;
}
.index-s7 .link-box .button {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  border: 1px solid #003c98;
  position: absolute;
  top: 0.4rem;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  cursor: pointer;
}
.index-s7 .link-box .prev {
  background-image: url("../images/index/prev-1.png");
  left: -1rem;
}
.index-s7 .link-box .prev:hover {
  background-image: url("../images/index/prev-2.png");
  background-color: #003c98;
}
.index-s7 .link-box .next {
  background-image: url("../images/index/next-1.png");
  right: -1rem;
}
.index-s7 .link-box .next:hover {
  background-image: url("../images/index/next-2.png");
  background-color: #003c98;
}

.index-s8 {
  padding: 0.9rem 0 0;
  overflow: hidden;
}
.index-s8 .bot-block {
  margin-top: 0.3rem;
  background-color: #f5f7fa;
}
.index-s8 .child {
  display: none;
}
.index-s8 .child.active {
  display: flex;
}
.index-s8 .left-block {
  position: relative;
  width: 3.9rem;
  padding-top: 0.6rem;
}
.index-s8 .left-block .bg-box {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: calc(-50vw + 600px);
  overflow: hidden;
  z-index: 1;
  background-color: #003c98;
}
.index-s8 .left-block .bg-box .bg {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.index-s8 .left-block .label {
  font-size: 0.24rem;
  color: #fff;
  text-align: right;
  padding-right: 0.6rem;
  position: relative;
  z-index: 2;
}
.index-s8 .left-block .swiper {
  margin-top: 0.25rem;
  height: 5.2rem;
}
.index-s8 .left-block .item {
  position: relative;
  height: 1.3rem;
  overflow: hidden;
}
.index-s8 .left-block .item:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/index/img-14.png") center top no-repeat;
  background-size: 100% 100%;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.index-s8 .left-block .item:after {
  content: "";
  width: 100%;
  height: 102%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/index/img-14.png") center top no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.index-s8 .left-block .item .box {
  height: 100%;
  position: relative;
  text-align: right;
  padding: 0 0.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 2;
}
.index-s8 .left-block .item .tit {
  font-size: 0.2rem;
  color: #fff;
}
.index-s8 .left-block .item p {
  font-size: 0.12rem;
  color: #fff;
  opacity: 0.3;
}
.index-s8 .left-block .item .tips {
  margin-top: 0.15rem;
  font-size: 0.12rem;
  color: #fff;
}
.index-s8 .left-block .item:hover:before {
  opacity: 0;
}
.index-s8 .left-block .item:hover:after {
  opacity: 1;
}
.index-s8 .left-block .pagination {
  top: auto;
  right: 0;
  transform: none;
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  grid-gap: 0.14rem;
  padding-right: 0.6rem;
  z-index: 2;
}
.index-s8 .left-block .pagination span {
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  opacity: 0.1;
  transition: all 0.3s ease;
}
.index-s8 .left-block .pagination span.active {
  opacity: 1;
}
.index-s8 .right-block {
  width: calc(100% - 3.9rem);
  padding: 0.6rem 0 0.7rem 0.6rem;
}
.index-s8 .right-block .label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.index-s8 .right-block .label span {
  font-size: 0.24rem;
  color: #202124;
}
.index-s8 .right-block .label .more {
  font-size: 0.12rem;
  color: #7a8799;
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.index-s8 .right-block .label .more:after {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/index/icon-2.png");
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 0.12rem;
}
.index-s8 .right-block .label .more:hover {
  color: #003c98;
}
.index-s8 .right-block .items {
  margin-top: 0.25rem;
  display: flex;
  grid-gap: 0.16rem;
}
.index-s8 .right-block .item {
  width: calc((100% - 0.16rem) / 2);
  height: 2.8rem;
  border-radius: 0.08rem;
  border: 1px solid #fff;
  background-image: linear-gradient(180deg, #e9eef7, #fff);
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.05);
}
.index-s8 .right-block .item .box {
  display: block;
  height: 100%;
  position: relative;
  padding: 0.3rem;
}
.index-s8 .right-block .item .tit {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: 3202124;
  letter-spacing: 0.02rem;
  transition: color 0.3s ease;
}
.index-s8 .right-block .item p {
  font-size: 0.12rem;
  color: #7a8799;
  line-height: 0.24rem;
  height: 0.72rem;
  margin-top: 0.16rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-s8 .right-block .item .date {
  position: absolute;
  bottom: 0;
  left: 0.3rem;
  right: 0.3rem;
  font-size: 0.12rem;
  color: #7a8799;
  line-height: 0.6rem;
  border-top: 1px solid #e3e3e4;
  padding-left: 0.22rem;
}
.index-s8 .right-block .item .date:before {
  content: "";
  width: 0.12rem;
  height: 0.12rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/index/icon-5.png");
  position: absolute;
  left: 0;
  top: calc(50% - 0.06rem);
}
.index-s8 .right-block .item .date:after {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/index/icon-2.png");
  position: absolute;
  right: 0;
  top: calc(50% - 0.04rem);
}
.index-s8 .right-block .item:hover .tit {
  color: #003c98;
}
.index-s8 .right-block .subject {
  margin-top: 0.6rem;
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 0.16rem;
  grid-row-gap: 0.5rem;
}
.index-s8 .right-block .subject .box {
  width: calc((100% - 0.48rem) / 4);
  position: relative;
  padding-left: 0.36rem;
}
.index-s8 .right-block .subject .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.26rem;
  height: 0.26rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-s8 .right-block .subject .icon img {
  max-width: 100%;
  max-height: 100%;
}
.index-s8 .right-block .subject .tit {
  font-size: 0.2rem;
  color: #202124;
  line-height: 0.26rem;
}
.index-s8 .right-block .subject p {
  font-size: 0.12rem;
  line-height: 0.16rem;
  height: 0.32rem;
  color: #7a8799;
  margin-top: 0.1rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-s9 {
  padding: 0.9rem 0 0;
}
.index-s9 .wrap-s {
  display: flex;
  align-items: flex-start;
}
.index-s9 .left-block {
  width: 66.25%;
}
.index-s9 .left-block .tab-cont {
  margin-top: 0.3rem;
}
.index-s9 .left-block .child {
  display: none;
}
.index-s9 .left-block .child.active {
  display: block;
}
.index-s9 .left-block .items {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.16rem;
}
.index-s9 .left-block .item {
  width: calc((100% - 0.16rem) / 2);
  transition: all 0.3s ease;
}
.index-s9 .left-block .item .box {
  display: block;
  position: relative;
  height: 100%;
  padding-bottom: 0.9rem;
  border-radius: 0.08rem;
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}
.index-s9 .left-block .item .tips {
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.24rem;
  padding: 0 0.06rem;
  border-radius: 0.03rem;
  position: absolute;
  top: 0.1rem;
  left: 0.1rem;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 2;
}
.index-s9 .left-block .item .img-box {
  aspect-ratio: 389/285;
  border-radius: 0.08rem 0.08rem 0 0;
  overflow: hidden;
}
.index-s9 .left-block .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-s9 .left-block .item .txt-box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.7), #fff, #fff);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 0.08rem;
  padding: 0.24rem 0.3rem;
  transition: all 0.3s ease;
}
.index-s9 .left-block .item .tit {
  font-size: 0.16rem;
  color: #202124;
  line-height: 1.5;
  transition: all 0.3s ease;
}
.index-s9 .left-block .item p {
  font-size: 0.12rem;
  color: #7a8799;
  line-height: 0.24rem;
  height: 0.48rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  bottom: 0.24rem;
  opacity: 0;
}
.index-s9 .left-block .item:hover {
  transform: translateY(-0.1rem);
}
.index-s9 .left-block .item:hover .box {
  box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.05);
}
.index-s9 .left-block .item:hover .txt-box {
  padding-bottom: 0.92rem;
}
.index-s9 .left-block .item:hover .tit {
  text-shadow: 0 0 1px #333333;
}
.index-s9 .left-block .item:hover p {
  display: block;
  animation: fadeInUp 0.5s ease forwards;
}
.index-s9 .right-block {
  width: calc(33.75% - 0.16rem);
  margin-left: 0.16rem;
}
.index-s9 .right-block .mid-block {
  margin-top: 0.3rem;
}
.index-s9 .right-block .mid-block .box {
  display: block;
}
.index-s9 .right-block .mid-block .img-box {
  border-radius: 0.08rem;
  overflow: hidden;
  transition: all 0.3s ease;
}
.index-s9 .right-block .mid-block .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-s9 .right-block .mid-block .img-box:hover {
  transform: translateY(-0.1rem);
  box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.05);
}
.index-s9 .right-block .bot-block {
  margin-top: 0.3rem;
}
.index-s9 .right-block .bot-block {
  margin-top: 0.16rem;
  position: relative;
}
.index-s9 .right-block .bot-block a.more {
  width: 0.05rem;
  height: 0.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/index/icon-2.png);
  position: absolute;
  right: 0;
  top: 0.1rem;
}
.index-s9 .right-block .bot-block .tab-tit {
  display: flex;
}
.index-s9 .right-block .bot-block .tab-tit:after {
  content: "";
  width: 1px;
  height: 0.14rem;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  right: -0.15rem;
  top: calc(50% - 0.07rem);
}
.index-s9 .right-block .bot-block .tab-tit .box {
  font-size: 0.14rem;
  color: #7a8799;
  line-height: 0.3rem;
  padding: 0 0.15rem;
  border-radius: 0.15rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.index-s9 .right-block .bot-block .tab-tit .box.active {
  background-color: #003c98;
  color: #fff;
}
.index-s9 .right-block .bot-block .tab-tit .box:hover {
  background-color: #003c98;
  color: #fff;
}
.index-s9 .right-block .bot-block .tab-tit.nor {
  right: 0;
}
.index-s9 .right-block .bot-block .tab-tit.nor:after {
  display: none;
}
.index-s9 .right-block .bot-block .tab-tit.r-1 {
  right: 1.4rem;
}
.index-s9 .right-block .bot-block .tab-cont {
  margin-top: 0.16rem;
}
.index-s9 .right-block .bot-block .child {
  display: none;
}
.index-s9 .right-block .bot-block .child.active {
  display: block;
}
.index-s9 .right-block .bot-block .item {
  position: relative;
  height: 0.68rem;
  cursor: pointer;
  transition: height 0.3s ease;
  overflow: hidden;
}
.index-s9 .right-block .bot-block .item .show {
  height: 0.68rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.3rem;
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5;
}
.index-s9 .right-block .bot-block .item .show .tit {
  width: calc(100% - 0.3rem);
  font-size: 0.16rem;
  color: #333333;
}
.index-s9 .right-block .bot-block .item .show:after {
  content: "";
  width: 0.08rem;
  height: 0.05rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/index/icon-9.png");
}
.index-s9 .right-block .bot-block .item .hide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.46rem;
  border-radius: 0.08rem;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}
.index-s9 .right-block .bot-block .item .img-box {
  width: 100%;
  height: 100%;
}
.index-s9 .right-block .bot-block .item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-s9 .right-block .bot-block .item .box {
  padding: 0 0.3rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.index-s9 .right-block .bot-block .item .box .tit {
  font-size: 0.16rem;
  color: #333333;
}
.index-s9 .right-block .bot-block .item .box p {
  font-size: 0.12rem;
  color: #7a8799;
  margin-top: 0.05rem;
}
.index-s9 .right-block .bot-block .item .btns {
  margin-top: 0.2rem;
  display: flex;
  grid-gap: 0.1rem;
}
.index-s9 .right-block .bot-block .item .btns a {
  width: 1.2rem;
  height: 0.36rem;
  background-color: #003c98;
  border-radius: 0.18rem;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.index-s9 .right-block .bot-block .item .btns a span {
  font-size: 0.14rem;
  color: #fff;
  transition: color 0.3s ease;
}
.index-s9 .right-block .bot-block .item .btns a:nth-of-type(2) {
  background-color: transparent;
  border-color: #003c98;
}
.index-s9 .right-block .bot-block .item .btns a:nth-of-type(2) span {
  color: #003c98;
}
.index-s9 .right-block .bot-block .item .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
  background-color: #003c98;
}
.index-s9 .right-block .bot-block .item .btns a:hover span {
  color: #fff;
}
.index-s9 .right-block .bot-block .item.active {
  height: 1.46rem;
}
.index-s9 .right-block .bot-block .item.active .show {
  opacity: 0;
}
.index-s9 .right-block .bot-block .item.active .hide {
  opacity: 1;
  visibility: visible;
}

.index-s10 {
  padding: 0.9rem 0 0;
}
.index-s10 .items {
  margin-top: 0.3rem;
  position: relative;
}
.index-s10 .swiper {
  margin: 0 -0.1rem;
  padding: 0 0.1rem 0.4rem;
}
.index-s10 .item {
  position: relative;
  width: calc((100% - 0.48rem) / 4);
  height: auto;
  border: 1px solid #fff;
  border-radius: 0.08rem;
  background-image: linear-gradient(180deg, #eceff5, #fff, #fff);
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.05);
  margin-right: 0.16rem;
}
.index-s10 .item:last-of-type {
  margin-right: 0;
}
.index-s10 .item:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ba0404;
  border-radius: 0.08rem;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.index-s10 .item .box {
  display: block;
  height: 100%;
  padding: 0.3rem;
  position: relative;
  z-index: 2;
}
.index-s10 .item .top-box {
  display: flex;
  align-items: center;
}
.index-s10 .item .top-box span {
  width: calc(100% - 0.6rem);
  padding-left: 0.2rem;
  font-size: 0.24rem;
  color: #181315;
  transition: color 0.3s ease;
}
.index-s10 .item .img-box {
  width: 0.6rem;
  height: 0.6rem;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-s10 .item .img-box img {
  max-width: 80%;
  max-height: 80%;
  mix-blend-mode: darken;
}
.index-s10 .item p {
  margin-top: 0.24rem;
  font-size: 0.16rem;
  color: #202124;
  height: 0.72rem;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.3s ease;
}
.index-s10 .item .info-box {
  margin-top: 0.3rem;
}
.index-s10 .item .info {
  margin-top: 0.15rem;
  display: flex;
  align-items: baseline;
}
.index-s10 .item .info:nth-of-type(1) {
  margin-top: 0;
}
.index-s10 .item .info span {
  font-size: 0.12rem;
  color: #7a8799;
  transition: color 0.3s ease;
}
.index-s10 .item .info span:nth-of-type(1) {
  white-space: nowrap;
  width: 0.6rem;
}
.index-s10 .item .info span:nth-of-type(2) {
  margin-right: 0.1rem;
}
.index-s10 .item .info span:nth-of-type(3) {
  max-width: calc(100% - 0.72rem);
  word-wrap: break-word;
}
.index-s10 .item:hover:before {
  opacity: 1;
}
.index-s10 .item:hover .top-box span {
  color: #fff;
}
.index-s10 .item:hover p {
  color: #fdd45e;
}
.index-s10 .item:hover .info-box span {
  color: #fff;
}
.index-s10 .swiper-horizontal > .swiper-scrollbar {
  width: 3.6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
.index-s10 .swiper-scrollbar-drag {
  background-color: #003c98;
  cursor: pointer;
  border-radius: 0;
}
.index-s10 .button {
  width: 8px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -6px;
  cursor: pointer;
  z-index: 2;
}
.index-s10 .prev {
  right: calc(50% + 2.12rem);
  background-image: url("../images/index/prev.png");
}
.index-s10 .next {
  left: calc(50% + 2.12rem);
  background-image: url("../images/index/next.png");
}

.inner-s1 {
  position: relative;
}
.inner-s1 .item {
  height: 6rem;
  position: relative;
}
.inner-s1 .item a {
  height: 100%;
  display: block;
  position: relative;
}
.inner-s1 .item .img-box {
  height: 100%;
}
.inner-s1 .item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s1 .item .bg-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.inner-s1 .item .bg-box:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/channel/img-1.png") center bottom no-repeat;
  background-size: 100% auto;
}
.inner-s1 .item .txt-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 1.8rem;
  z-index: 3;
}
.inner-s1 .item .s-tit {
  font-size: 0.32rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05rem;
  margin-bottom: 0.2rem;
}
.inner-s1 .item .tit {
  font-size: 0.6rem;
  color: #fff;
  font-family: "PingFang Bold";
  letter-spacing: 0.24rem;
  text-align: center;
}
.inner-s1 .item p {
  font-size: 0.24rem;
  color: #fff;
  margin-top: 0.1rem;
  text-align: center;
}
.inner-s1 .item .btns {
  margin-top: 0.6rem;
  display: flex;
  justify-content: center;
}
.inner-s1 .item .btns .box {
  height: 0.6rem;
  padding: 0 0.54rem;
  border-radius: 0.3rem;
  background-color: #003c98;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s1 .item .btns .box span {
  font-size: 0.24rem;
  color: #fff;
}
.inner-s1 .item .btns .box:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}
.inner-s1 .pagination {
  position: absolute;
  bottom: 0.6rem;
  display: flex;
  justify-content: center;
  grid-gap: 0.1rem;
  z-index: 2;
}
.inner-s1 .pagination span {
  width: 0.6rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-color: rgba(255, 255, 255, 0.2);
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.inner-s1 .pagination span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 102%;
  will-change: transform;
  background-color: #003c98;
  transform-origin: left top;
  transform: scaleX(0);
}
.inner-s1 .pagination span.active:before {
  animation: o-scale-x 5s linear forwards;
}
.inner-s1 .button {
  position: absolute;
  top: calc(50% - 0.3rem);
  width: 0.6rem;
  height: 0.6rem;
  border: 0.02rem solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 0.13rem;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 2;
}
.inner-s1 .button:hover {
  background-color: #003c98;
  border-color: #003c98;
}
.inner-s1 .prev {
  left: 0.6rem;
  background-image: url("../images/channel/prev-1.png");
}
.inner-s1 .next {
  right: 0.6rem;
  background-image: url("../images/channel/next-1.png");
}

.inner-s2 {
  padding: 0.4rem 0;
}
.inner-s2 .flex {
  display: flex;
  grid-gap: 0.24rem;
}
.inner-s2 .left-box {
  width: 23.5%;
  aspect-ratio: 282/212;
  border-radius: 0.08rem;
  overflow: hidden;
  transition: all 0.3s ease;
}
.inner-s2 .left-box a {
  display: block;
  height: 100%;
}
.inner-s2 .left-box .img-box {
  height: 100%;
}
.inner-s2 .left-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s2 .left-box:hover {
  transform: translateY(-0.1rem);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.1);
}
.inner-s2 .center-box {
  width: 35.25%;
  aspect-ratio: 435/212;
  border-radius: 0.08rem;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
}
.inner-s2 .center-box a {
  display: block;
  height: 100%;
}
.inner-s2 .center-box .img-box {
  height: 100%;
  position: relative;
}
.inner-s2 .center-box .img-box:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/channel/img-3.png") center bottom no-repeat;
  background-size: 100% auto;
}
.inner-s2 .center-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s2 .center-box .tit {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.2rem 0.3rem;
  font-size: 0.16rem;
  color: #fff;
  z-index: 3;
}
.inner-s2 .center-box:hover {
  transform: translateY(-0.1rem);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.1);
}
.inner-s2 .right-box {
  width: calc(41.25% - 0.48rem);
  position: relative;
}
.inner-s2 .right-box .box {
  display: block;
  padding: 0.1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.inner-s2 .right-box .box .tit {
  font-size: 0.16rem;
  color: #202124;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.3s ease;
}
.inner-s2 .right-box .box .date {
  font-size: 0.14rem;
  color: #7a8799;
  margin-top: 0.05rem;
}
.inner-s2 .right-box .box:hover .tit {
  color: #003c98;
}
.inner-s2 .right-box a.more {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.12rem;
  color: #7a8799;
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.inner-s2 .right-box a.more:after {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/index/icon-2.png");
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 0.12rem;
}
.inner-s2 .right-box a.more:hover {
  color: #003c98;
}

.inner-s3 {
  padding: 0.9rem 0 0;
  background-color: #f5f7fa;
}
.inner-s3 .index-tit .label {
  justify-content: center;
  padding-bottom: 0.2rem;
  position: relative;
}
.inner-s3 .index-tit .label:before {
  display: none;
}
.inner-s3 .index-tit .label:after {
  content: "";
  width: 0.32rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(-90deg, #cedefa, #88a3cf);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s3 .cont-block {
  margin-top: 0.2rem;
  display: flex;
  grid-gap: 0.24rem;
}
.inner-s3 .item {
  width: calc((100% - 0.72rem) / 4);
  border-radius: 0.08rem;
  transition: all 0.3s ease;
}
.inner-s3 .item:hover {
  transform: translateY(-0.1rem);
}
.inner-s3 .item-1 {
  padding: 0.3rem 0.24rem;
  min-height: 3.6rem;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.inner-s3 .item-1 .tit {
  font-size: 0.24rem;
  color: #fff;
  letter-spacing: -1px;
  white-space: nowrap;
}
.inner-s3 .item-1 .tips {
  margin-top: 0.3rem;
}
.inner-s3 .item-1 .tips p {
  margin-top: 0.15rem;
  font-size: 0.14rem;
  position: relative;
  color: #fff;
  padding-left: 0.15rem;
}
.inner-s3 .item-1 .tips p:nth-of-type(1) {
  margin-top: 0;
}
.inner-s3 .item-1 .tips p:before {
  content: "";
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0.05rem;
}
.inner-s3 .item-2 {
  position: relative;
  padding: 0.3rem;
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05);
}
.inner-s3 .item-2:nth-of-type(2) {
  background-image: linear-gradient(180deg, #cde3f8, #fff, #fff);
}
.inner-s3 .item-2:nth-of-type(3) {
  background-image: linear-gradient(180deg, #d8e0fb, #fff, #fff);
}
.inner-s3 .item-2:nth-of-type(4) {
  background-image: linear-gradient(180deg, #f6e5ee, #fff, #fff);
}
.inner-s3 .item-2 .tit {
  font-size: 0.24rem;
  color: #202124;
}
.inner-s3 .item-2 .para {
  font-size: 0.14rem;
  line-height: 0.2rem;
  height: 0.4rem;
  color: #7a8799;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.05rem;
}
.inner-s3 .item-2 .s-tit {
  margin-top: 0.28rem;
  padding-top: 0.28rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 0.16rem;
  color: #202124;
}
.inner-s3 .item-2 .link {
  margin-top: 0.12rem;
}
.inner-s3 .item-2 .link a {
  display: block;
  font-size: 0.14rem;
  color: #7a8799;
  margin-top: 0.08rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.3s ease;
}
.inner-s3 .item-2 .link a:nth-of-type(1) {
  margin-top: 0;
}
.inner-s3 .item-2 .link a:hover {
  color: #003c98;
}
.inner-s3 .item-2 .btns {
  position: absolute;
  bottom: 0.3rem;
  left: 0.3rem;
  font-size: 0.14rem;
  color: #003c98;
}
.inner-s3 .item-2 .btns:after {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/channel/icon-1.png");
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 0.1rem;
  transition: all 0.3s ease;
}
.inner-s3 .item-2 .btns:hover:after {
  transform: translateX(3px);
}

.inner-s4 {
  padding: 0.9rem 0 0;
  background-color: #f5f7fa;
  overflow: hidden;
}
.inner-s4 .cont-block {
  position: relative;
  margin-top: 0.4rem;
}
.inner-s4 .bg-box {
  height: 100%;
  position: absolute;
  top: 0;
  right: 3.6rem;
  left: calc(-50vw + 600px);
  border-radius: 0 0.08rem 0.08rem 0;
  transform-origin: top right;
  transform: skewX(-12deg);
  overflow: hidden;
  z-index: 1;
  background-color: #003c98;
}
.inner-s4 .bg-box .bg {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform-origin: top right;
  transform: skewX(12deg);
}
.inner-s4 .tab-cont {
  position: relative;
  padding: 0.6rem 0;
  z-index: 2;
}
.inner-s4 .tab-cont .child {
  width: 100%;
  position: absolute;
  top: 0.6rem;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.inner-s4 .tab-cont .child:nth-of-type(1) {
  position: static;
}
.inner-s4 .tab-cont .child.active {
  opacity: 1;
  pointer-events: auto;
}
.inner-s4 .flex {
  display: flex;
}
.inner-s4 .left-block {
  width: 2.8rem;
  position: relative;
  padding: 0.3rem 0;
}
.inner-s4 .left-block .tit {
  font-size: 0.24rem;
  color: #fff;
}
.inner-s4 .left-block .tips {
  font-size: 0.14rem;
  color: #fff;
  margin-top: 0.05rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inner-s4 .left-block a.more {
  position: absolute;
  left: 0;
  bottom: 0.3rem;
  padding: 0 0.3rem;
  line-height: 0.36rem;
  font-size: 0.14rem;
  color: #003c98;
  border-radius: 0.18rem;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 0.1rem 0.3rem rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease;
}
.inner-s4 .left-block a.more:hover {
  transform: translateY(-3px);
}
.inner-s4 .s-tab-tit {
  margin-top: 0.3rem;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.inner-s4 .s-tab-tit .box {
  height: 0.6rem;
  display: flex;
  align-items: center;
  padding: 0 0.4rem;
  position: relative;
  cursor: pointer;
  border-radius: 0 0.03rem 0.03rem 0;
  transition: all 0.3s ease;
}
.inner-s4 .s-tab-tit .box:before {
  content: "";
  width: 0.04rem;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.inner-s4 .s-tab-tit .box span {
  font-size: 0.14rem;
  color: #fff;
}
.inner-s4 .s-tab-tit .box.active {
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.inner-s4 .s-tab-tit .box.active:before {
  opacity: 1;
}
.inner-s4 .s-tab-tit .box:hover {
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.inner-s4 .s-tab-tit .box:hover:before {
  opacity: 1;
}
.inner-s4 .right-block {
  width: calc(100% - 2.8rem - 0.24rem);
  margin-left: 0.24rem;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0.08rem;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  padding: 0.3rem;
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05);
}
.inner-s4 .s-child {
  display: flex;
  align-items: center;
  width: calc(100% - 0.6rem);
  position: absolute;
  top: 0.3rem;
  left: 0.3rem;
  opacity: 0;
  pointer-events: none;
}
.inner-s4 .s-child:nth-of-type(1) {
  position: static;
  width: 100%;
}
.inner-s4 .s-child.active {
  opacity: 1;
  pointer-events: auto;
}
.inner-s4 .left-box {
  width: calc(100% - 2.7rem);
  padding-right: 0.3rem;
}
.inner-s4 .left-box .para-box {
  margin-top: 0.16rem;
  padding-top: 0.16rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.inner-s4 .left-box .para-box:nth-of-type(1) {
  margin-top: 0;
  padding-top: 0;
  border: none;
}
.inner-s4 .left-box .para-box:last-of-type {
  padding-bottom: 0;
}
.inner-s4 .left-box .tit {
  font-size: 0.16rem;
  color: #202124;
  font-family: "PingFang Bold";
}
.inner-s4 .left-box .para {
  font-size: 0.14rem;
  color: #7a8799;
  margin-top: 0.05rem;
  line-height: 0.2rem;
}
.inner-s4 .right-box {
  width: 2.7rem;
  height: 3.6rem;
  border-radius: 0.05rem;
  overflow: hidden;
}
.inner-s4 .right-box a {
  display: block;
  height: 100%;
}
.inner-s4 .right-box .img-box {
  height: 100%;
}
.inner-s4 .right-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-s5 {
  padding: 0.9rem 0;
  background-color: #f5f7fa;
}
.inner-s5.bg-1 {
  background-color: #fff;
}
.inner-s5.nopb {
  padding-bottom: 0;
}
.inner-s5 .tab-cont.mt {
  margin-top: 0.4rem;
}
.inner-s5 .child {
  position: relative;
  display: none;
}
.inner-s5 .child.active {
  display: block;
}
.inner-s5 .swiper {
  margin: 0 -0.12rem;
  padding: 0.4rem 0.12rem 0.4rem;
}
.inner-s5 .items {
  display: flex;
}
.inner-s5 .items .item {
  width: calc((100% - 0.24rem) / 2);
}
.inner-s5 .item {
  width: calc((100% - 0.48rem) / 3);
  height: auto;
  margin-right: 0.24rem;
}
.inner-s5 .item:last-of-type {
  margin-right: 0;
}
.inner-s5 .item a {
  position: relative;
  display: block;
  height: 100%;
  border-radius: 0.08rem;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 0.1rem 0.12rem rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}
.inner-s5 .item .img-box {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.inner-s5 .item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  will-change: transform;
}
.inner-s5 .item .txt-box {
  position: relative;
  overflow: hidden;
  margin-top: -0.1rem;
  border-radius: 0.08rem 0.08rem 0 0;
}
.inner-s5 .item .pic {
  position: absolute;
  left: 1%;
  right: 1%;
  transform: rotateX(180deg);
  mask: linear-gradient(180deg, rgba(255, 255, 255, 0) calc(100% - 1.7rem), #fff calc(100% - 0.7rem));
}
.inner-s5 .item .pic img {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  transform: translateY(0.1rem);
}
.inner-s5 .item .txt {
  padding: 0.3rem 0.3rem 0.6rem;
  position: relative;
  z-index: 2;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.7), #fff, #fff, #fff);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 0.1rem 0.1rem 0 0;
  overflow: hidden;
}
.inner-s5 .item .tit {
  font-size: 0.24rem;
  color: #202124;
}
.inner-s5 .item p {
  margin-top: 0.1rem;
  font-size: 0.14rem;
  color: #7a8799;
  line-height: 0.2rem;
  min-height: 0.4rem;
}
.inner-s5 .item .tips {
  position: absolute;
  bottom: 0.3rem;
  left: 0.3rem;
  display: flex;
  grid-gap: 0.06rem;
  z-index: 3;
}
.inner-s5 .item .tips span {
  padding: 0 0.06rem;
  line-height: 0.18rem;
  font-size: 0.12rem;
  color: #7a8799;
  border: 1px solid #dde2e9;
  border-radius: 0.03rem;
}
.inner-s5 .item .link {
  position: absolute;
  bottom: 0.3rem;
  left: 0.3rem;
  z-index: 3;
}
.inner-s5 .item .link span {
  font-size: 0.16rem;
  color: #003c98;
  font-family: "PingFang Bold";
}
.inner-s5 .item .link span:after {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/channel/icon-1.png");
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 0.1rem;
  transition: all 0.3s ease;
}
.inner-s5 .item .link span:hover:after {
  transform: translateX(3px);
}
.inner-s5 .item:hover a {
  transform: translateY(-0.1rem);
}
.inner-s5 .swiper-horizontal > .swiper-scrollbar {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s5 .swiper-scrollbar-drag {
  height: 3px;
  top: -1px;
  background-color: #003c98;
  cursor: pointer;
  border-radius: 0;
}
.inner-s5 .btns {
  margin-top: 0.4rem;
  display: flex;
  justify-content: center;
}
.inner-s5 .btns a {
  width: 1.8rem;
  height: 0.36rem;
  background-color: #003c98;
  border-radius: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s5 .btns a span {
  font-size: 0.14rem;
  color: #fff;
}
.inner-s5 .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}
.inner-s5 .button {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  border: 1px solid #003c98;
  position: absolute;
  top: calc(50% - 0.24rem);
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  cursor: pointer;
}
.inner-s5 .prev {
  background-image: url("../images/index/prev-1.png");
  left: -1rem;
}
.inner-s5 .prev:hover {
  background-image: url("../images/index/prev-2.png");
  background-color: #003c98;
}
.inner-s5 .next {
  background-image: url("../images/index/next-1.png");
  right: -1rem;
}
.inner-s5 .next:hover {
  background-image: url("../images/index/next-2.png");
  background-color: #003c98;
}

.inner-s6 {
  padding: 0.9rem 0 0;
  position: relative;
}
.inner-s6.style-1 .swiper {
  padding: 0.6rem 0.1rem;
}
.inner-s6.style-1:after {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 80%);
}
.inner-s6:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.5rem;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), 20%, #fff);
  z-index: 2;
}
.inner-s6 .bg-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  z-index: 1;
}
.inner-s6 .index-tit .label {
  justify-content: center;
  padding-bottom: 0.2rem;
  position: relative;
}
.inner-s6 .index-tit .label span {
  color: #fff;
}
.inner-s6 .index-tit .label:before {
  display: none;
}
.inner-s6 .index-tit .label:after {
  content: "";
  width: 0.32rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(-90deg, #fff, #fff);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s6 .tab-tit {
  margin-top: 0.3rem;
  display: flex;
  justify-content: center;
  grid-gap: 0.1rem;
}
.inner-s6 .tab-tit .box {
  width: 1.5rem;
  height: 0.48rem;
  border-radius: 0.24rem;
  display: flex;
  background-color: #fff;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  cursor: pointer;
}
.inner-s6 .tab-tit .box span {
  font-size: 0.2rem;
  color: #003c98;
  transition: color 0.3s ease;
}
.inner-s6 .tab-tit .box.active {
  background-color: #003c98;
}
.inner-s6 .tab-tit .box.active span {
  color: #fff;
}
.inner-s6 .tab-tit .box:hover {
  background-color: #003c98;
}
.inner-s6 .tab-tit .box:hover span {
  color: #fff;
}
.inner-s6 .tab-cont .swiper {
  padding-top: 0.48rem;
}
.inner-s6 .child {
  display: none;
}
.inner-s6 .child.active {
  display: block;
}
.inner-s6 .items {
  position: relative;
}
.inner-s6 .items.color-1 .item:nth-of-type(4n-3) .box {
  background-image: linear-gradient(180deg, #f4e6db, #fff, #fff);
}
.inner-s6 .items.color-1 .item:nth-of-type(4n-3) .logo {
  background-image: linear-gradient(180deg, #ebd1bd, #fff, #fff);
}
.inner-s6 .items.color-1 .item:nth-of-type(4n-2) .box {
  background-image: linear-gradient(180deg, #f2d6da, #fff, #fff);
}
.inner-s6 .items.color-1 .item:nth-of-type(4n-2) .logo {
  background-image: linear-gradient(180deg, #e7b3ba, #fff, #fff);
}
.inner-s6 .items.color-1 .item:nth-of-type(4n-1) .box {
  background-image: linear-gradient(180deg, #c0cbdd, #fff, #fff);
}
.inner-s6 .items.color-1 .item:nth-of-type(4n-1) .logo {
  background-image: linear-gradient(180deg, #e9eef7, #fff, #fff);
}
.inner-s6 .items.color-1 .item:nth-of-type(4n) .box {
  background-image: linear-gradient(180deg, #e1c7cc, #fff, #fff);
}
.inner-s6 .items.color-1 .item:nth-of-type(4n) .logo {
  background-image: linear-gradient(180deg, #c898a2, #fff, #fff);
}
.inner-s6 .items.color-2 .item:nth-of-type(4n-3) .box {
  background-image: linear-gradient(180deg, #fbdad9, #fff, #fff);
}
.inner-s6 .items.color-2 .item:nth-of-type(4n-3) .logo {
  background-image: linear-gradient(180deg, #fbdbda, #fff, #fff);
}
.inner-s6 .items.color-2 .item:nth-of-type(4n-2) .box {
  background-image: linear-gradient(180deg, #d5e3f5, #fff, #fff);
}
.inner-s6 .items.color-2 .item:nth-of-type(4n-2) .logo {
  background-image: linear-gradient(180deg, #d8e5f6, #fff, #fff);
}
.inner-s6 .items.color-2 .item:nth-of-type(4n-1) .box {
  background-image: linear-gradient(180deg, #abcdf0, #fff, #fff);
}
.inner-s6 .items.color-2 .item:nth-of-type(4n-1) .logo {
  background-image: linear-gradient(180deg, #bbd6f3, #fff, #fff);
}
.inner-s6 .items.color-2 .item:nth-of-type(4n) .box {
  background-image: linear-gradient(180deg, #fcedce, #fff, #fff);
}
.inner-s6 .items.color-2 .item:nth-of-type(4n) .logo {
  background-image: linear-gradient(180deg, #fcedcf, #fff, #fff);
}
.inner-s6 .items.color-3 .item:nth-of-type(4n-3) .box {
  background-image: linear-gradient(180deg, #f4e4e3, #fff, #fff);
}
.inner-s6 .items.color-3 .item:nth-of-type(4n-3) .logo {
  background-image: linear-gradient(180deg, #f5e6e5, #fff, #fff);
}
.inner-s6 .items.color-3 .item:nth-of-type(4n-2) .box {
  background-image: linear-gradient(180deg, #d4def7, #fff, #fff);
}
.inner-s6 .items.color-3 .item:nth-of-type(4n-2) .logo {
  background-image: linear-gradient(180deg, #dde7ff, #fff, #fff);
}
.inner-s6 .items.color-3 .item:nth-of-type(4n-1) .box {
  background-image: linear-gradient(180deg, #c0cbdd, #fff, #fff);
}
.inner-s6 .items.color-3 .item:nth-of-type(4n-1) .logo {
  background-image: linear-gradient(180deg, #e9eef7, #fff, #fff);
}
.inner-s6 .items.color-3 .item:nth-of-type(4n) .box {
  background-image: linear-gradient(180deg, #f0d3d9, #fff, #fff);
}
.inner-s6 .items.color-3 .item:nth-of-type(4n) .logo {
  background-image: linear-gradient(180deg, #f0d4db, #fff, #fff);
}
.inner-s6 .items.color-4 .item:nth-of-type(4n-3) .box {
  background-image: linear-gradient(180deg, #b0c7ec, #fff, #fff);
}
.inner-s6 .items.color-4 .item:nth-of-type(4n-3) .logo {
  background-image: linear-gradient(180deg, #bfd1ef, #fff, #fff);
}
.inner-s6 .items.color-4 .item:nth-of-type(4n-2) .box {
  background-image: linear-gradient(180deg, #f2dbc3, #fff, #fff);
}
.inner-s6 .items.color-4 .item:nth-of-type(4n-2) .logo {
  background-image: linear-gradient(180deg, #f3ddc6, #fff, #fff);
}
.inner-s6 .items.color-4 .item:nth-of-type(4n-1) .box {
  background-image: linear-gradient(180deg, #b2c7f2, #fff, #fff);
}
.inner-s6 .items.color-4 .item:nth-of-type(4n-1) .logo {
  background-image: linear-gradient(180deg, #bfcff4, #fff, #fff);
}
.inner-s6 .items.color-4 .item:nth-of-type(4n) .box {
  background-image: linear-gradient(180deg, #f1dd9f, #fff, #fff);
}
.inner-s6 .items.color-4 .item:nth-of-type(4n) .logo {
  background-image: linear-gradient(180deg, #f2dfa8, #fff, #fff);
}
.inner-s6 .items.color-5 .item:nth-of-type(4n-3) .box {
  background-image: linear-gradient(180deg, #fff2c2, #fff, #fff);
}
.inner-s6 .items.color-5 .item:nth-of-type(4n-3) .logo {
  background-image: linear-gradient(180deg, #fff4c8, #fff, #fff);
}
.inner-s6 .items.color-5 .item:nth-of-type(4n-2) .box {
  background-image: linear-gradient(180deg, #d1ebdf, #fff, #fff);
}
.inner-s6 .items.color-5 .item:nth-of-type(4n-2) .logo {
  background-image: linear-gradient(180deg, #d5ede2, #fff, #fff);
}
.inner-s6 .items.color-5 .item:nth-of-type(4n-1) .box {
  background-image: linear-gradient(180deg, #bedff5, #fff, #fff);
}
.inner-s6 .items.color-5 .item:nth-of-type(4n-1) .logo {
  background-image: linear-gradient(180deg, #c6e2f6, #fff, #fff);
}
.inner-s6 .items.color-5 .item:nth-of-type(4n) .box {
  background-image: linear-gradient(180deg, #d6d2f9, #fff, #fff);
}
.inner-s6 .items.color-5 .item:nth-of-type(4n) .logo {
  background-image: linear-gradient(180deg, #dfdbfa, #fff, #fff);
}
.inner-s6 .items.color-6 .item:nth-of-type(4n-3) .box {
  background-image: linear-gradient(180deg, #c9e8fe, #fff, #fff);
}
.inner-s6 .items.color-6 .item:nth-of-type(4n-3) .logo {
  background-image: linear-gradient(180deg, #d0ebfe, #fff, #fff);
}
.inner-s6 .items.color-6 .item:nth-of-type(4n-2) .box {
  background-image: linear-gradient(180deg, #b2dcf8, #fff, #fff);
}
.inner-s6 .items.color-6 .item:nth-of-type(4n-2) .logo {
  background-image: linear-gradient(180deg, #c8e6f9, #fff, #fff);
}
.inner-s6 .items.color-6 .item:nth-of-type(4n-1) .box {
  background-image: linear-gradient(180deg, #d6def1, #fff, #fff);
}
.inner-s6 .items.color-6 .item:nth-of-type(4n-1) .logo {
  background-image: linear-gradient(180deg, #dde4f3, #fff, #fff);
}
.inner-s6 .items.color-6 .item:nth-of-type(4n) .box {
  background-image: linear-gradient(180deg, #fce3e8, #fff, #fff);
}
.inner-s6 .items.color-6 .item:nth-of-type(4n) .logo {
  background-image: linear-gradient(180deg, #fdebee, #fff, #fff);
}
.inner-s6 .swiper {
  margin: 0 -0.1rem;
  padding: 1.2rem 0.1rem 0.6rem;
}
.inner-s6 .item {
  position: relative;
  width: calc((100% - 0.48rem) / 4);
  height: auto;
  margin-right: 0.16rem;
  border: 1px solid #fff;
  border-radius: 0.08rem;
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: all 0.3s ease;
}
.inner-s6 .item:last-of-type {
  margin-right: 0;
}
.inner-s6 .item .box {
  display: block;
  height: 100%;
  padding: 0.3rem;
}
.inner-s6 .item .logo {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 auto;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.05);
}
.inner-s6 .item .logo img {
  max-width: 70%;
  max-height: 70%;
  mix-blend-mode: darken;
}
.inner-s6 .item .tit {
  font-size: 0.24rem;
  color: #181315;
  text-align: center;
  margin-top: 0.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inner-s6 .item .en {
  font-size: 0.12rem;
  color: #7a8799;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.05rem;
}
.inner-s6 .item .info-box {
  margin-top: 0.4rem;
}
.inner-s6 .item .info {
  font-size: 0.14rem;
  color: #7a8799;
  margin-top: 0.1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inner-s6 .item .info:nth-of-type(1) {
  margin-top: 0;
}
.inner-s6 .item a.link {
  position: absolute;
  bottom: calc(0.3rem + 1px);
  left: 1rem;
  font-size: 0.14rem;
  color: #003c98;
  z-index: 2;
}
.inner-s6 .item a.link:after {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/channel/icon-1.png");
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 0.1rem;
  transition: all 0.3s ease;
}
.inner-s6 .item a.link:hover:after {
  transform: translateX(3px);
}
.inner-s6 .item:hover {
  transform: translateY(-0.1rem);
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.15);
}
.inner-s6 .pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  grid-gap: 0.06rem;
}
.inner-s6 .pagination span {
  width: 0.24rem;
  height: 0.24rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/channel/icon-3-1.png");
  cursor: pointer;
  transition: all 0.3s ease;
}
.inner-s6 .pagination span.active {
  background-image: url("../images/channel/icon-3-2.png");
}
.inner-s6 .btns {
  margin-top: 0.3rem;
  display: flex;
  justify-content: center;
}
.inner-s6 .btns a {
  width: 1.8rem;
  height: 0.36rem;
  background-color: #003c98;
  border-radius: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s6 .btns a span {
  font-size: 0.14rem;
  color: #fff;
}
.inner-s6 .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}

.inner-s7 {
  padding: 1.2rem 0 0;
}
.inner-s7 .tab-cont {
  margin-top: 0.4rem;
  border-radius: 0.08rem;
  background-image: linear-gradient(180deg, #f2f3f8, #fff);
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05);
  border: 0.02rem solid #fff;
  padding: 0.3rem;
}
.inner-s7 .child {
  display: none;
}
.inner-s7 .child.active {
  display: block;
}
.inner-s7 .s-child {
  display: none;
}
.inner-s7 .s-child.active {
  display: block;
}
.inner-s7 .flex {
  display: flex;
  align-items: flex-start;
}
.inner-s7 .left-block {
  width: 2.5rem;
}
.inner-s7 .right-block {
  width: calc(100% - 2.5rem);
  padding-left: 0.24rem;
}
.inner-s7 .s-tab-tit .box {
  position: relative;
  width: 2.2rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.05);
  padding: 0.16rem 0 0.16rem 0.5rem;
  display: flex;
  align-items: flex-start;
  grid-gap: 0.1rem;
  margin-top: 0.1rem;
  cursor: pointer;
}
.inner-s7 .s-tab-tit .box:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.02rem solid #fff;
  border-radius: 0.05rem;
  background-image: linear-gradient(90deg, #f2f3f8, #fff);
  box-sizing: border-box;
  z-index: 1;
  transition: opacity 0.3s ease;
}
.inner-s7 .s-tab-tit .box:after {
  content: "";
  width: 2.5rem;
  height: 0.48rem;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/channel/img-15.png");
  background-size: 99% 100%;
  border-radius: 0.05rem 0 0 0.05rem;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.inner-s7 .s-tab-tit .box:nth-of-type(1) {
  margin-top: 0;
}
.inner-s7 .s-tab-tit .box .icon {
  width: 0.16rem;
  height: 0.16rem;
  position: relative;
  z-index: 2;
}
.inner-s7 .s-tab-tit .box i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.3s ease;
}
.inner-s7 .s-tab-tit .box i.hide {
  opacity: 0;
}
.inner-s7 .s-tab-tit .box span {
  width: 1.2rem;
  font-size: 0.14rem;
  line-height: 0.16rem;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.3s ease;
  position: relative;
  z-index: 2;
}
.inner-s7 .s-tab-tit .box.active:before {
  opacity: 0;
}
.inner-s7 .s-tab-tit .box.active:after {
  opacity: 1;
}
.inner-s7 .s-tab-tit .box.active i.show {
  opacity: 0;
}
.inner-s7 .s-tab-tit .box.active i.hide {
  opacity: 1;
}
.inner-s7 .s-tab-tit .box.active span {
  color: #fff;
}
.inner-s7 .top-box .tit {
  font-size: 0.2rem;
  color: #202124;
  font-family: "PingFang Bold";
}
.inner-s7 .top-box .para-box {
  margin-top: 0.15rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.inner-s7 .top-box .para {
  width: calc(100% - 2rem);
  font-size: 0.14rem;
  color: #7a8799;
  line-height: 0.24rem;
}
.inner-s7 .top-box .link {
  width: 1.2rem;
  line-height: 0.36rem;
  border-radius: 0.18rem;
  background-color: #003c98;
  font-size: 0.14rem;
  color: #ffffff;
  text-align: center;
  transition: all 0.3s ease;
}
.inner-s7 .top-box .link:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}
.inner-s7 .mid-box {
  margin-top: 0.24rem;
  padding-top: 0.24rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
}
.inner-s7 .mid-box .left-box, .inner-s7 .mid-box .right-box {
  width: calc(50% - 0.24rem);
}
.inner-s7 .mid-box .box {
  margin-top: 0.24rem;
}
.inner-s7 .mid-box .box:nth-of-type(1) {
  margin-top: 0;
}
.inner-s7 .mid-box .tit {
  display: flex;
  align-items: center;
  grid-gap: 0.16rem;
}
.inner-s7 .mid-box .tit:before {
  content: "";
  width: 0.04rem;
  height: 0.2rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(180deg, #cedefa, #88a3cf);
}
.inner-s7 .mid-box .tit span {
  font-size: 0.16rem;
  color: #202124;
  font-family: "PingFang Bold";
}
.inner-s7 .mid-box .tips {
  margin-top: 0.15rem;
  font-size: 0.14rem;
  color: #7a8799;
  line-height: 0.24rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.inner-s7 .mid-box .tips p {
  width: calc(50% - 0.16rem);
}
.inner-s7 .mid-box .para {
  margin-top: 0.15rem;
  font-size: 0.14rem;
  color: #7a8799;
  line-height: 0.24rem;
}
.inner-s7 .mid-box a.link {
  display: inline-block;
  font-size: 0.14rem;
  color: #003c98;
  margin-top: 0.12rem;
}
.inner-s7 .mid-box a.link:after {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/channel/icon-1.png");
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 0.1rem;
  transition: all 0.3s ease;
}
.inner-s7 .mid-box a.link:hover:after {
  transform: translateX(3px);
}
.inner-s7 .bot-box {
  margin-top: 0.24rem;
  padding-top: 0.24rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.inner-s7 .bot-box .tit {
  font-size: 0.2rem;
  color: #202124;
  font-family: "PingFang Bold";
}
.inner-s7 .bot-box .items {
  margin-top: 0.16rem;
  display: flex;
  grid-gap: 0.48rem;
}
.inner-s7 .bot-box .item {
  width: calc((100% - 0.48rem) / 2);
  transition: all 0.3s ease;
}
.inner-s7 .bot-box .item a {
  display: flex;
  align-items: center;
  grid-gap: 0.2rem;
}
.inner-s7 .bot-box .item .img-box {
  width: 1.6rem;
  height: 1.17rem;
  border-radius: 0.03rem;
  overflow: hidden;
  transition: all 0.3s ease;
}
.inner-s7 .bot-box .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s7 .bot-box .item .s-tit {
  width: calc(100% - 1.6rem - 0.2rem);
  font-size: 0.16rem;
  color: #202124;
  line-height: 1.5;
  transition: color 0.3s ease;
}
.inner-s7 .bot-box .item:hover {
  transform: translateY(-0.1rem);
}
.inner-s7 .bot-box .item:hover .img-box {
  box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.05);
}
.inner-s7 .bot-box .item:hover .s-tit {
  color: #003c98;
}
.inner-s7 .btns {
  margin-top: 0.4rem;
  display: flex;
  justify-content: center;
  grid-gap: 0.1rem;
}
.inner-s7 .btns a {
  padding: 0 0.3rem;
  height: 0.36rem;
  background-color: #003c98;
  border-radius: 0.18rem;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s7 .btns a span {
  font-size: 0.14rem;
  color: #fff;
  transition: color 0.3s ease;
}
.inner-s7 .btns a:nth-of-type(2) {
  background-color: transparent;
  border-color: #003c98;
}
.inner-s7 .btns a:nth-of-type(2) span {
  color: #003c98;
}
.inner-s7 .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
  background-color: #003c98;
}
.inner-s7 .btns a:hover span {
  color: #fff;
}

.inner-s8 {
  padding: 0.9rem 0 0;
  background-color: #f5f7fa;
}
.inner-s8 .index-tit .label {
  justify-content: center;
  padding-bottom: 0.2rem;
  position: relative;
}
.inner-s8 .index-tit .label:before {
  display: none;
}
.inner-s8 .index-tit .label:after {
  content: "";
  width: 0.32rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(-90deg, #cedefa, #88a3cf);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s8 .items {
  position: relative;
}
.inner-s8 .swiper {
  margin: 0 -0.12rem;
  padding: 0.2rem 0.12rem 0.4rem;
}
.inner-s8 .item {
  width: calc((100% - 0.72rem) / 4);
  height: auto;
  margin-right: 0.24rem;
}
.inner-s8 .item:last-of-type {
  margin-right: 0;
}
.inner-s8 .item .box {
  position: relative;
  display: block;
  height: 100%;
  border-radius: 0.08rem;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 0.1rem 0.12rem rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}
.inner-s8 .item .tips {
  position: absolute;
  top: 0.1rem;
  left: 0.1rem;
  z-index: 2;
  display: flex;
  grid-gap: 0.03rem;
}
.inner-s8 .item .tips span {
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.24rem;
  padding: 0 0.06rem;
  border-radius: 0.03rem;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.inner-s8 .item .img-box {
  position: relative;
  aspect-ratio: 94/53;
  overflow: hidden;
}
.inner-s8 .item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  will-change: transform;
}
.inner-s8 .item .txt-box {
  position: relative;
  overflow: hidden;
}
.inner-s8 .item .pic {
  position: absolute;
  top: 0;
  left: 1%;
  right: 1%;
  transform: rotateX(180deg);
  overflow: hidden;
}
.inner-s8 .item .pic img {
  display: block;
  width: 100%;
  aspect-ratio: 94/53;
  object-fit: cover;
  backface-visibility: hidden;
  will-change: transform;
}
.inner-s8 .item .txt {
  padding: 0.3rem 0.3rem 0.6rem;
  position: relative;
  z-index: 2;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.7), #fff, #fff, #fff);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  overflow: hidden;
}
.inner-s8 .item .tit {
  font-size: 0.16rem;
  color: #202124;
  text-align: center;
  font-family: "PingFang Bold";
}
.inner-s8 .item .para {
  margin-top: 0.1rem;
  font-size: 0.14rem;
  color: #7a8799;
  line-height: 0.28rem;
  text-align: center;
  height: 1.12rem;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inner-s8 .item .para.mr {
  margin: 0.1rem -0.25rem 0;
  height: 0.84rem;
  -webkit-line-clamp: 3;
}
.inner-s8 .item .link {
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  z-index: 3;
}
.inner-s8 .item .link a {
  display: flex;
  align-items: center;
}
.inner-s8 .item .link a span {
  font-size: 0.16rem;
  color: #003c98;
  font-family: "PingFang Bold";
}
.inner-s8 .item .link a:after {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/channel/icon-1.png");
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 0.1rem;
  transition: all 0.3s ease;
}
.inner-s8 .item .link a:hover:after {
  transform: translateX(3px);
}
@media (any-hover: hover) {
  .inner-s8 .item:hover .box {
    transform: translateY(-0.1rem);
  }
}
.inner-s8 .swiper-horizontal > .swiper-scrollbar {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s8 .swiper-scrollbar-drag {
  height: 3px;
  top: -1px;
  background-color: #003c98;
  cursor: pointer;
  border-radius: 0;
}
.inner-s8 .button {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  border: 1px solid #003c98;
  position: absolute;
  top: calc(50% - 0.24rem);
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  cursor: pointer;
}
.inner-s8 .prev {
  background-image: url("../images/index/prev-1.png");
  left: -1rem;
}
.inner-s8 .prev:hover {
  background-image: url("../images/index/prev-2.png");
  background-color: #003c98;
}
.inner-s8 .next {
  background-image: url("../images/index/next-1.png");
  right: -1rem;
}
.inner-s8 .next:hover {
  background-image: url("../images/index/next-2.png");
  background-color: #003c98;
}

.inner-s9 {
  padding: 0.9rem 0;
}
.inner-s9 .index-tit .label {
  justify-content: center;
  padding-bottom: 0.2rem;
  position: relative;
}
.inner-s9 .index-tit .label:before {
  display: none;
}
.inner-s9 .index-tit .label:after {
  content: "";
  width: 0.32rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(-90deg, #cedefa, #88a3cf);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s9 .items {
  margin-top: 0.2rem;
  display: flex;
  grid-gap: 0.24rem;
  flex-wrap: wrap;
}
.inner-s9 .item {
  width: calc((100% - 0.24rem) / 2);
  border: 0.02rem solid #fff;
  border-radius: 0.08rem;
  overflow: hidden;
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}
.inner-s9 .item .box {
  display: block;
  position: relative;
}
.inner-s9 .item .img-box {
  width: 2.6rem;
  height: 1.56rem;
  overflow: hidden;
  mask: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 98%);
}
.inner-s9 .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
  transition: opacity 0.3s ease;
}
.inner-s9 .item .txt-box {
  position: absolute;
  left: 2.35rem;
  top: 0;
  bottom: 0;
  right: 0.3rem;
  display: flex;
  flex-direction: column;
  grid-gap: 0.15rem;
  justify-content: center;
}
.inner-s9 .item .tit {
  font-size: 0.24rem;
  color: #202124;
  transition: color 0.3s ease;
}
.inner-s9 .item p {
  font-size: 0.14rem;
  color: #7a8799;
  line-height: 0.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.3s ease;
}
.inner-s9 .item:hover {
  background-color: #2c5ba9;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}
.inner-s9 .item:hover img {
  opacity: 0.5;
}
.inner-s9 .item:hover .tit, .inner-s9 .item:hover p {
  color: #fff;
}

.inner-s10 {
  padding: 0.9rem 0;
  background-color: #f5f7fa;
}
.inner-s10 .tab-cont {
  margin-top: 0.3rem;
}
.inner-s10 .child {
  display: none;
}
.inner-s10 .child.active {
  display: block;
}
.inner-s10 .items {
  display: flex;
}
.inner-s10 .item {
  width: calc((100% - 6.24rem - 0.3rem) / 3);
  height: 4.8rem;
  margin-right: 0.1rem;
  transition: width 0.3s ease;
}
.inner-s10 .item:last-of-type {
  margin-right: 0;
}
.inner-s10 .item .box {
  display: block;
  height: 100%;
  border: 2px solid #fff;
  border-radius: 0.08rem;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.05);
}
.inner-s10 .item .box:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background: url("../images/channel/img-17.png") center bottom repeat-x;
  background-size: 100% auto;
  border-radius: 0 0 0.08rem 0.08rem;
  z-index: 2;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.inner-s10 .item .box:after {
  content: "";
  position: absolute;
  width: calc(6.24rem - 4px);
  top: 0;
  left: 0;
  height: 100%;
  background: url("../images/channel/img-16.png") center bottom repeat-x;
  background-size: 100% auto;
  border-radius: 0 0 0.08rem 0.08rem;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.inner-s10 .item .img-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
}
.inner-s10 .item img {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 6.24rem;
  height: 100%;
  object-fit: cover;
  border-radius: 0.1rem;
  will-change: transform;
}
.inner-s10 .item .show {
  position: absolute;
  left: 0.7rem;
  bottom: 0.4rem;
  font-size: 0.24rem;
  color: #202124;
  writing-mode: vertical-rl;
  z-index: 3;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.inner-s10 .item .hide {
  position: absolute;
  width: 6.24rem;
  left: 0;
  bottom: 0;
  padding: 0.4rem;
  font-size: 0.24rem;
  color: #fff;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.inner-s10 .item.active {
  width: 6.24rem;
}
.inner-s10 .item.active .box:before {
  opacity: 0;
}
.inner-s10 .item.active .box:after {
  opacity: 1;
}
.inner-s10 .item.active .show {
  opacity: 0;
}
.inner-s10 .item.active .hide {
  opacity: 1;
}

.inner-s11 {
  padding: 0.9rem 0 0;
}
.inner-s11 .tab-cont {
  margin-top: 0.3rem;
}
.inner-s11 .child {
  display: none;
}
.inner-s11 .child.active {
  display: block;
}
.inner-s11 .items {
  position: relative;
}
.inner-s11 .swiper {
  margin: 0 -0.1rem;
  padding: 0 0.1rem 0.4rem;
}
.inner-s11 .item {
  width: calc((100% - 0.48rem) / 4);
  height: auto;
  margin-right: 0.16rem;
}
.inner-s11 .item:last-of-type {
  margin-right: 0;
}
.inner-s11 .item .box {
  position: relative;
  display: block;
  height: 100%;
  padding: 0.3rem;
  border: 1px solid #fff;
  border-radius: 0.08rem;
  background-image: linear-gradient(180deg, #f4d7d7, #fff, #fff);
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.05);
}
.inner-s11 .item .box:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ba0404;
  border-radius: 0.08rem;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.inner-s11 .item .top-box {
  position: relative;
  z-index: 2;
}
.inner-s11 .item .top-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2.28rem;
  height: 0.9rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/channel/img-10.png");
  opacity: 0;
  transition: opacity 0.3s ease;
}
.inner-s11 .item .top-box .logo {
  width: 0.6rem;
  height: 0.6rem;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-s11 .item .top-box .logo img {
  max-width: 80%;
  max-height: 80%;
  mix-blend-mode: darken;
}
.inner-s11 .item .top-box .tit {
  font-size: 0.2rem;
  color: #181315;
  text-align: center;
  margin-top: 0.1rem;
  transition: color 0.3s ease;
}
.inner-s11 .item .line {
  width: 100%;
  height: 1px;
  background-color: rgba(186, 4, 4, 0.1);
  margin: 0.3rem 0;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}
.inner-s11 .item p {
  font-size: 0.16rem;
  color: #202124;
  height: 0.48rem;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  z-index: 2;
  transition: color 0.3s ease;
}
.inner-s11 .item .info-box {
  margin-top: 0.2rem;
  position: relative;
  z-index: 2;
}
.inner-s11 .item .info {
  margin-top: 0.15rem;
  display: flex;
  align-items: baseline;
}
.inner-s11 .item .info:nth-of-type(1) {
  margin-top: 0;
}
.inner-s11 .item .info span {
  font-size: 0.12rem;
  color: #7a8799;
  transition: color 0.3s ease;
}
.inner-s11 .item .info span:nth-of-type(1) {
  white-space: nowrap;
  width: 0.6rem;
}
.inner-s11 .item .info span:nth-of-type(2) {
  margin-right: 0.1rem;
}
.inner-s11 .item .info span:nth-of-type(3) {
  max-width: calc(100% - 0.72rem);
  word-wrap: break-word;
}
.inner-s11 .item:hover .box:before {
  opacity: 1;
}
.inner-s11 .item:hover .top-box:before {
  opacity: 1;
}
.inner-s11 .item:hover .top-box .tit {
  color: #fff;
}
.inner-s11 .item:hover .line {
  background-color: rgba(253, 212, 94, 0.5);
}
.inner-s11 .item:hover p {
  color: #fdd45e;
}
.inner-s11 .item:hover .info-box span {
  color: #fff;
}
.inner-s11 .swiper-horizontal > .swiper-scrollbar {
  width: 3.6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
.inner-s11 .swiper-scrollbar-drag {
  background-color: #003c98;
  cursor: pointer;
  border-radius: 0;
}
.inner-s11 .button {
  width: 8px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -6px;
  cursor: pointer;
  z-index: 2;
}
.inner-s11 .prev {
  right: calc(50% + 2.12rem);
  background-image: url("../images/index/prev.png");
}
.inner-s11 .next {
  left: calc(50% + 2.12rem);
  background-image: url("../images/index/next.png");
}

.inner-s12 {
  padding: 0.9rem 0 0;
}
.inner-s12 .index-tit .label {
  justify-content: center;
  padding-bottom: 0.2rem;
  position: relative;
}
.inner-s12 .index-tit .label:before {
  display: none;
}
.inner-s12 .index-tit .label:after {
  content: "";
  width: 0.32rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(-90deg, #cedefa, #88a3cf);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s12 .index-tit .s-tips {
  text-align: center;
  margin-top: 0.2rem;
}
.inner-s12 .mid-block {
  margin-top: 0.4rem;
  position: relative;
  height: 5.4rem;
}
.inner-s12 .mid-block .img-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mask: linear-gradient(90deg, rgba(255, 255, 255, 0) 3%, #fff 30%, #fff 70%, rgba(255, 255, 255, 0) 97%);
}
.inner-s12 .mid-block .img-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.inner-s12 .mid-block .img-box.active {
  opacity: 1;
  pointer-events: auto;
}
.inner-s12 .mid-block .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s12 .mid-block .txt-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.inner-s12 .mid-block .child {
  padding-left: 50%;
  padding-top: 1.2rem;
  display: none;
}
.inner-s12 .mid-block .child.active {
  display: block;
}
.inner-s12 .mid-block .child .num {
  font-size: 1.2rem;
  color: #fff;
  opacity: 0.1;
  line-height: 1;
  font-family: "PingFang Bold";
}
.inner-s12 .mid-block .child .tit {
  font-size: 0.24rem;
  color: #fff;
  margin-top: -0.42rem;
}
.inner-s12 .mid-block .child .para {
  margin-top: 0.15rem;
  font-size: 0.14rem;
  color: #fff;
  line-height: 0.24rem;
}
.inner-s12 .mid-block .child .btns {
  margin-top: 0.36rem;
  display: flex;
}
.inner-s12 .mid-block .child .btns a {
  display: flex;
  width: 1.2rem;
  height: 0.36rem;
  border: 1px solid #fff;
  border-radius: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s12 .mid-block .child .btns a span {
  font-size: 0.14rem;
  color: #fff;
}
.inner-s12 .mid-block .child .btns a:hover {
  border-color: #003c98;
  background-color: #003c98;
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}
.inner-s12 .bot-block {
  margin-top: -0.6rem;
  position: relative;
  z-index: 2;
}
.inner-s12 .bot-block .items {
  height: 1.2rem;
  border: 0.02rem solid #fff;
  border-radius: 0.08rem;
  background-image: linear-gradient(180deg, #d9d9d9, #fff, #fff);
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05);
  padding: 0 0.4rem;
  display: flex;
  justify-content: space-between;
}
.inner-s12 .bot-block .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-gap: 0.1rem;
  position: relative;
  padding: 0 0.15rem;
  cursor: pointer;
}
.inner-s12 .bot-block .item .icon {
  width: 0.24rem;
  height: 0.24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
.inner-s12 .bot-block .item .icon img {
  max-width: 100%;
  max-height: 100%;
}
.inner-s12 .bot-block .item span {
  font-size: 0.18rem;
  color: #202124;
  transition: color 0.3s ease;
}
.inner-s12 .bot-block .item:after {
  content: "";
  width: 100%;
  height: 0.03rem;
  background-color: #003c98;
  position: absolute;
  bottom: -0.02rem;
  left: 0;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.inner-s12 .bot-block .item.active .icon {
  opacity: 1;
}
.inner-s12 .bot-block .item.active span {
  color: #003c98;
}
.inner-s12 .bot-block .item.active:after {
  transform: scaleX(1);
}

.inner-s13 {
  padding: 0.9rem 0 0;
  position: relative;
}
.inner-s13:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3rem;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), 20%, #fff);
  z-index: 2;
}
.inner-s13 .bg-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.inner-s13 .bg-box .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  opacity: 0;
}
.inner-s13 .bg-box .bg.active {
  opacity: 1;
}
.inner-s13 .index-tit .label span {
  color: #fff;
}
.inner-s13 .index-tit .label:before {
  background-color: #fff;
  background-image: none;
}
.inner-s13 .index-tit .tab-tit .box {
  color: #fff;
}
.inner-s13 .tab-cont .swiper {
  padding-top: 0.4rem;
}
.inner-s13 .child {
  display: none;
}
.inner-s13 .child.active {
  display: block;
}
.inner-s13 .items {
  position: relative;
}
.inner-s13 .items.color-1 .item:nth-of-type(4n-3) .box {
  background-image: linear-gradient(180deg, #f4e6dc, #fff, #fff);
}
.inner-s13 .items.color-1 .item:nth-of-type(4n-3) .logo {
  background-image: linear-gradient(180deg, #ebd0bd, #fff, #fff);
}
.inner-s13 .items.color-1 .item:nth-of-type(4n-2) .box {
  background-image: linear-gradient(180deg, #f2d6da, #fff, #fff);
}
.inner-s13 .items.color-1 .item:nth-of-type(4n-2) .logo {
  background-image: linear-gradient(180deg, #e7b3ba, #fff, #fff);
}
.inner-s13 .items.color-1 .item:nth-of-type(4n-1) .box {
  background-image: linear-gradient(180deg, #c0cbdd, #fff, #fff);
}
.inner-s13 .items.color-1 .item:nth-of-type(4n-1) .logo {
  background-image: linear-gradient(180deg, #e9eef7, #fff, #fff);
}
.inner-s13 .items.color-1 .item:nth-of-type(4n) .box {
  background-image: linear-gradient(180deg, #e1c7cc, #fff, #fff);
}
.inner-s13 .items.color-1 .item:nth-of-type(4n) .logo {
  background-image: linear-gradient(180deg, #c898a2, #fff, #fff);
}
.inner-s13 .swiper {
  margin: 0 -0.1rem;
  padding: 1.2rem 0.1rem 0.6rem;
}
.inner-s13 .item {
  position: relative;
  width: calc((100% - 0.48rem) / 4);
  height: auto;
  margin-right: 0.16rem;
  border: 1px solid #fff;
  border-radius: 0.08rem;
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: all 0.3s ease;
}
.inner-s13 .item:last-of-type {
  margin-right: 0;
}
.inner-s13 .item .box {
  display: block;
  height: 100%;
  padding: 0.3rem;
}
.inner-s13 .item .logo {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 auto;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.05);
}
.inner-s13 .item .logo img {
  max-width: 70%;
  max-height: 70%;
  mix-blend-mode: darken;
}
.inner-s13 .item .tit {
  font-size: 0.24rem;
  color: #181315;
  text-align: center;
  margin-top: 0.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inner-s13 .item .en {
  font-size: 0.12rem;
  color: #7a8799;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.05rem;
}
.inner-s13 .item .info-box {
  margin-top: 0.4rem;
}
.inner-s13 .item .info {
  font-size: 0.14rem;
  color: #7a8799;
  margin-top: 0.1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inner-s13 .item .info:nth-of-type(1) {
  margin-top: 0;
}
.inner-s13 .item a.link {
  position: absolute;
  bottom: calc(0.3rem + 1px);
  left: 1rem;
  font-size: 0.14rem;
  color: #003c98;
  z-index: 2;
}
.inner-s13 .item a.link:after {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/channel/icon-1.png");
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 0.1rem;
  transition: all 0.3s ease;
}
.inner-s13 .item a.link:hover:after {
  transform: translateX(3px);
}
.inner-s13 .item:hover {
  transform: translateY(-0.1rem);
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.15);
}
.inner-s13 .pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  grid-gap: 0.06rem;
}
.inner-s13 .pagination span {
  width: 0.24rem;
  height: 0.24rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/channel/icon-3-1.png");
  cursor: pointer;
  transition: all 0.3s ease;
}
.inner-s13 .pagination span.active {
  background-image: url("../images/channel/icon-3-2.png");
}
.inner-s13 .btns {
  margin-top: 0.3rem;
  display: flex;
  justify-content: center;
}
.inner-s13 .btns a {
  width: 1.8rem;
  height: 0.36rem;
  background-color: #003c98;
  border-radius: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s13 .btns a span {
  font-size: 0.14rem;
  color: #fff;
}
.inner-s13 .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}

.inner-s14 {
  padding: 0.9rem 0 0;
}
.inner-s14.bg-1 {
  background-color: #f5f7fa;
}
.inner-s14.style-1 .items {
  padding-bottom: 0;
}
.inner-s14 .index-tit .label {
  justify-content: center;
  padding-bottom: 0.2rem;
  position: relative;
}
.inner-s14 .index-tit .label:before {
  display: none;
}
.inner-s14 .index-tit .label:after {
  content: "";
  width: 0.32rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(-90deg, #cedefa, #88a3cf);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s14 .data-box {
  margin-top: 0.3rem;
  display: flex;
  justify-content: center;
  grid-gap: 0.7rem;
}
.inner-s14 .data .num {
  position: relative;
  white-space: nowrap;
}
.inner-s14 .data .num span {
  font-size: 0.5rem;
  color: #003c98;
  font-family: "Rajdhani-SemiBold";
}
.inner-s14 .data .num i {
  font-size: 0.4rem;
  color: #003c98;
  font-family: "Rajdhani-SemiBold";
  font-style: normal;
}
.inner-s14 .data .show {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.inner-s14 .data .hide {
  opacity: 0;
}
.inner-s14 .data p {
  font-size: 0.12rem;
  color: #7a8799;
}
.inner-s14 .items {
  padding: 0.3rem 0;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.24rem;
}
.inner-s14 .item {
  width: calc((100% - 0.48rem) / 3);
  padding: 0.16rem 0;
}
.inner-s14 .item .box {
  display: block;
  height: 100%;
  border-radius: 0.08rem;
  position: relative;
  border: 1px solid #fff;
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: all 0.3s ease;
}
.inner-s14 .item .box:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg, #faebeb, #fff, #fff);
  z-index: 1;
  transition: opacity 0.3s ease;
}
.inner-s14 .item .box:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg, #f4d9d9, #fefdfd, #fefdfd, #f4d9d9);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.inner-s14 .item .block {
  height: 100%;
  padding: 0.16rem 0.16rem 0.4rem;
  position: relative;
  z-index: 2;
}
.inner-s14 .item .img-box {
  aspect-ratio: 115/72;
}
.inner-s14 .item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s14 .item .txt-box {
  padding-top: 0.4rem;
}
.inner-s14 .item .info-box {
  position: relative;
  z-index: 2;
}
.inner-s14 .item .info {
  margin-top: 0.1rem;
  display: flex;
  align-items: baseline;
}
.inner-s14 .item .info:nth-of-type(1) {
  margin-top: 0;
}
.inner-s14 .item .info span {
  font-size: 0.14rem;
  color: #7a8799;
  transition: color 0.3s ease;
}
.inner-s14 .item .info span:nth-of-type(1) {
  white-space: nowrap;
  width: 0.9rem;
  text-align-last: justify;
}
.inner-s14 .item .info span:nth-of-type(2) {
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}
.inner-s14 .item .info span:nth-of-type(3) {
  max-width: calc(100% - 1.2rem);
  word-wrap: break-word;
}
.inner-s14 .item .s-btns {
  position: absolute;
  bottom: 0.25rem;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.inner-s14 .item .s-btns span {
  font-size: 0.14rem;
  color: #fff;
  text-align: center;
  width: 1.1rem;
  line-height: 0.3rem;
  border-radius: 0.15rem;
  background-color: #ba0404;
}
.inner-s14 .item:hover .box {
  transform: translateY(-0.16rem);
  height: calc(100% + 0.32rem);
}
.inner-s14 .item:hover .box:before {
  opacity: 0;
}
.inner-s14 .item:hover .box:after {
  opacity: 1;
}
.inner-s14 .item:hover .s-btns {
  opacity: 1;
}
.inner-s14 .btns {
  display: flex;
  justify-content: center;
  grid-gap: 0.1rem;
}
.inner-s14 .btns a {
  width: 2rem;
  height: 0.36rem;
  border-radius: 0.18rem;
  border: 1px solid #003c98;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s14 .btns a span {
  font-size: 0.14rem;
  color: #003c98;
  transition: color 0.3s ease;
}
.inner-s14 .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
  background-color: #003c98;
}
.inner-s14 .btns a:hover span {
  color: #fff;
}

.inner-s15 {
  padding: 0.9rem 0;
}
.inner-s15.pd-1 {
  padding: 0 0 0.9rem;
}
.inner-s15.bg-1 {
  background-color: #f5f7fa;
}
.inner-s15 .cont-block {
  margin-top: 0.2rem;
  position: relative;
  border: 1px solid #fff;
  border-radius: 0.08rem;
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.inner-s15 .bg-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.inner-s15 .bg-box .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.inner-s15 .tab-wrap {
  position: relative;
  z-index: 2;
  padding: 0.5rem 0.4rem 0.5rem 0.7rem;
  min-height: 5.18rem;
  display: flex;
  justify-content: space-between;
}
.inner-s15 .tab-tit {
  width: 1.6rem;
  display: flex;
  flex-direction: column;
  grid-gap: 0.15rem;
  justify-content: center;
  order: 2;
}
.inner-s15 .tab-tit .box {
  height: 1.1rem;
  background-color: #fcfcfd;
  border-radius: 0.05rem;
  border: 1px solid #fcfcfd;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}
.inner-s15 .tab-tit .box:before {
  content: "";
  width: 0.15rem;
  height: 0.34rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/channel/icon-6-1.png");
  position: absolute;
  left: -0.1rem;
  top: calc(50% - 0.17rem);
  opacity: 0;
  transform: translateX(0.1rem);
  z-index: 1;
  transition: all 0s ease;
}
.inner-s15 .tab-tit .box:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 60, 152, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 0.05rem;
  opacity: 0;
  z-index: 2;
  transition: all 0.3s ease;
}
.inner-s15 .tab-tit .box .txt {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-gap: 0.1rem;
  overflow: hidden;
  z-index: 3;
}
.inner-s15 .tab-tit .box span {
  font-size: 1.5rem;
  line-height: 1;
  font-family: "Rajdhani-Bold";
  color: #003c98;
  opacity: 0.05;
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  text-align: center;
  transition: all 0.3s ease;
}
.inner-s15 .tab-tit .box .icon {
  width: 0.3rem;
  height: 0.24rem;
  position: relative;
}
.inner-s15 .tab-tit .box i {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s ease;
}
.inner-s15 .tab-tit .box i.hide {
  opacity: 0;
}
.inner-s15 .tab-tit .box .tit {
  font-size: 0.18rem;
  color: #000000;
  text-align: center;
  transition: all 0.3s ease;
}
.inner-s15 .tab-tit .box.active {
  border-color: transparent;
  background-color: transparent;
}
.inner-s15 .tab-tit .box.active:before, .inner-s15 .tab-tit .box.active:after {
  opacity: 1;
}
.inner-s15 .tab-tit .box.active:before {
  transform: translateX(0);
  transition-duration: 0.3s;
  transition-delay: 0.2s;
}
.inner-s15 .tab-tit .box.active span {
  color: #cacfd6;
  opacity: 0.1;
}
.inner-s15 .tab-tit .box.active i.show {
  opacity: 0;
}
.inner-s15 .tab-tit .box.active i.hide {
  opacity: 1;
}
.inner-s15 .tab-tit .box.active .tit {
  color: #fff;
}
.inner-s15 .tab-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.inner-s15 .child {
  display: none;
}
.inner-s15 .child.active {
  display: block;
}
.inner-s15 .child .box {
  margin-top: 0.24rem;
}
.inner-s15 .child .box:nth-of-type(1) {
  margin-top: 0;
}
.inner-s15 .child .box .tit {
  display: flex;
  align-items: center;
  grid-gap: 0.1rem;
}
.inner-s15 .child .box .tit:before {
  content: "";
  width: 0.22rem;
  height: 0.22rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/channel/icon-7.png");
}
.inner-s15 .child .box .tit span {
  max-width: calc(100% - 0.32rem);
  font-size: 0.18rem;
  color: #202124;
  font-family: "PingFang Bold";
}
.inner-s15 .child .box .para {
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #7a8799;
  margin-top: 0.1rem;
  margin-left: 0.32rem;
}
.inner-s15 .child .btns {
  margin-top: 0.4rem;
  display: flex;
}
.inner-s15 .child .btns a {
  width: 1.2rem;
  height: 0.36rem;
  background-color: #003c98;
  border-radius: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s15 .child .btns a span {
  font-size: 0.14rem;
  color: #fff;
}
.inner-s15 .child .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}

.inner-s16 {
  padding: 0.9rem 0;
  background-color: #f5f7fa;
}
.inner-s16 .index-tit .label {
  justify-content: center;
  padding-bottom: 0.2rem;
  position: relative;
}
.inner-s16 .index-tit .label:before {
  display: none;
}
.inner-s16 .index-tit .label:after {
  content: "";
  width: 0.32rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(-90deg, #cedefa, #88a3cf);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s16 .items {
  margin-top: 0.2rem;
  display: flex;
  grid-gap: 0.2rem;
}
.inner-s16 .item {
  width: calc((100% - 3.6rem - 0.8rem) / 4);
  height: 2.6rem;
  position: relative;
  cursor: pointer;
  border-radius: 0.08rem;
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: width 0.3s ease;
}
.inner-s16 .item .show {
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  background-image: linear-gradient(180deg, #f5f7fc, #fff, #fff);
  border-radius: 0.08rem;
  padding: 0.6rem 0.1rem 0;
  transition: opacity 0.3s ease;
}
.inner-s16 .item .show .icon {
  width: 0.6rem;
  height: 0.48rem;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.inner-s16 .item .show .tit {
  margin-top: 0.24rem;
  font-size: 0.24rem;
  color: #202124;
  text-align: center;
}
.inner-s16 .item .show .en {
  font-size: 0.14rem;
  color: #7a8799;
  text-align: center;
  margin-top: 0.05rem;
}
.inner-s16 .item .hide {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.6rem;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.inner-s16 .item .hide .img-box {
  width: 100%;
  height: 100%;
}
.inner-s16 .item .hide .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s16 .item .txt-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0.4rem;
  z-index: 2;
}
.inner-s16 .item .txt-box .tit {
  font-size: 0.24rem;
  color: #fff;
  font-family: "PingFang Bold";
}
.inner-s16 .item .txt-box .en {
  font-size: 0.14rem;
  color: #fff;
}
.inner-s16 .item .txt-box .para {
  font-size: 0.14rem;
  color: #fff;
  line-height: 2;
  margin-top: 0.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inner-s16 .item.active {
  width: 3.6rem;
}
.inner-s16 .item.active .show {
  opacity: 0;
}
.inner-s16 .item.active .hide {
  opacity: 1;
}
.inner-s16 .btns {
  margin-top: 0.3rem;
  display: flex;
  justify-content: center;
}
.inner-s16 .btns a {
  width: 1.8rem;
  height: 0.36rem;
  background-color: #003c98;
  border-radius: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s16 .btns a span {
  font-size: 0.14rem;
  color: #fff;
}
.inner-s16 .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}

.inner-s17 {
  padding: 0.9rem 0;
}
.inner-s17 .index-tit .label {
  justify-content: center;
  padding-bottom: 0.2rem;
  position: relative;
}
.inner-s17 .index-tit .label:before {
  display: none;
}
.inner-s17 .index-tit .label:after {
  content: "";
  width: 0.32rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(-90deg, #cedefa, #88a3cf);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s17 .cont-block {
  margin-top: 0.2rem;
  position: relative;
}
.inner-s17 .pic-box {
  display: flex;
  justify-content: center;
  grid-gap: 0.24rem;
}
.inner-s17 .pic-box .img-box {
  width: 5.43rem;
  height: 4.13rem;
  border: 1px solid #fff;
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.inner-s17 .pic-box .img-box:nth-of-type(1) {
  background-color: #f1f7ff;
  border-radius: 2.06rem 0.5rem 0.5rem 2.06rem;
}
.inner-s17 .pic-box .img-box:nth-of-type(2) {
  background-color: #fef4ed;
  border-radius: 0.5rem 2.06rem 2.06rem 0.5rem;
}
.inner-s17 .pic-box .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.05;
}
.inner-s17 .range {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: rgba(0, 60, 151, 0.04);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1.2rem 0 0 -1.2rem;
  z-index: 2;
}
.inner-s17 .range:before, .inner-s17 .range:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 60, 151, 0.04);
}
.inner-s17 .range:before {
  width: 1.5rem;
  height: 1.5rem;
}
.inner-s17 .range:after {
  width: 0.8rem;
  height: 0.8rem;
}
.inner-s17 .items {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: flex;
  grid-gap: 0.84rem;
}
.inner-s17 .item {
  width: calc(50% - 0.42rem);
  height: 100%;
  position: relative;
}
.inner-s17 .item .txt-box {
  width: 2.6rem;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.inner-s17 .item .txt-box .tit {
  font-size: 0.26rem;
  color: #Detail;
  font-family: "PingFang Bold";
}
.inner-s17 .item .txt-box p {
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.24rem;
  margin-top: 0.15rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inner-s17 .item .txt-box .link {
  margin-top: 0.4rem;
  width: 1.3rem;
  line-height: 0.36rem;
  border-radius: 0.18rem;
  font-size: 0.14rem;
  color: #fff;
  text-align: center;
  background-color: #003c98;
  transition: all 0.3s ease;
}
.inner-s17 .item .txt-box .link:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}
.inner-s17 .item .tips {
  width: calc(100% - 2.6rem);
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-gap: 0.1rem;
}
.inner-s17 .item .tips span {
  width: 100%;
  padding: 0.12rem 0.15rem;
  border: 0.02rem solid #fff;
  background-image: linear-gradient(90deg, #f2f3f8, #fff);
  border-radius: 0.05rem;
  font-size: 0.14rem;
  color: #003c98;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.05);
}
.inner-s17 .item .tips span:first-of-type {
  border-radius: 0.3rem 0.3rem 0.05rem 0.05rem;
}
.inner-s17 .item .tips span:last-of-type {
  border-radius: 0.05rem 0.05rem 0.3rem 0.3rem;
}
.inner-s17 .item:nth-of-type(1) .txt-box {
  align-items: flex-end;
  text-align: right;
  right: 0;
}
.inner-s17 .item:nth-of-type(1) .tips {
  left: 0;
}
.inner-s17 .item:nth-of-type(2) .txt-box {
  align-items: flex-start;
  text-align: left;
  left: 0;
}
.inner-s17 .item:nth-of-type(2) .tips {
  right: 0;
}

.inner-s18 {
  padding: 0.9rem 0 0;
  background-color: #f7f9fb;
}
.inner-s18 .index-tit .label {
  justify-content: center;
  padding-bottom: 0.2rem;
  position: relative;
}
.inner-s18 .index-tit .label:before {
  display: none;
}
.inner-s18 .index-tit .label:after {
  content: "";
  width: 0.32rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(-90deg, #cedefa, #88a3cf);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s18 .index-tit .s-tips {
  text-align: center;
  margin-top: 0.2rem;
}
.inner-s18 .items {
  margin-top: 0.2rem;
  position: relative;
  display: flex;
  flex-wrap: 0.24rem;
}
.inner-s18 .item {
  flex: 1 1;
  height: auto;
  margin-right: 0.24rem;
}
.inner-s18 .item:last-of-type {
  margin-right: 0;
}
.inner-s18 .item .box {
  position: relative;
  display: block;
  height: 100%;
  border-radius: 0.08rem;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 0.1rem 0.12rem rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}
.inner-s18 .item .tips {
  position: absolute;
  top: 0.1rem;
  left: 0.1rem;
  z-index: 2;
  display: flex;
  grid-gap: 0.03rem;
}
.inner-s18 .item .tips span {
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.24rem;
  padding: 0 0.06rem;
  border-radius: 0.03rem;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.inner-s18 .item .img-box {
  position: relative;
  aspect-ratio: 94/53;
  overflow: hidden;
}
.inner-s18 .item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  will-change: transform;
}
.inner-s18 .item .txt-box {
  position: relative;
  overflow: hidden;
}
.inner-s18 .item .pic {
  position: absolute;
  top: 0;
  left: 1%;
  right: 1%;
  transform: rotateX(180deg);
  overflow: hidden;
}
.inner-s18 .item .pic img {
  display: block;
  width: 100%;
  aspect-ratio: 94/53;
  object-fit: cover;
  backface-visibility: hidden;
  will-change: transform;
}
.inner-s18 .item .txt {
  padding: 0.3rem 0.24rem 0.6rem;
  position: relative;
  z-index: 2;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.7), #fff, #fff, #fff);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  overflow: hidden;
}
.inner-s18 .item .tit {
  font-size: 0.16rem;
  color: #202124;
  text-align: center;
  font-family: "PingFang Bold";
}
.inner-s18 .item .para {
  margin-top: 0.1rem;
  font-size: 0.14rem;
  color: #7a8799;
  line-height: 0.2rem;
  text-align: center;
  height: 0.6rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inner-s18 .item .para.mr {
  margin: 0.1rem -0.24rem 0;
  line-height: 2;
  height: 0.84rem;
}
.inner-s18 .item .link {
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  z-index: 3;
}
.inner-s18 .item .link a {
  display: flex;
  align-items: center;
}
.inner-s18 .item .link a span {
  font-size: 0.16rem;
  color: #003c98;
  font-family: "PingFang Bold";
}
.inner-s18 .item .link a:after {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/channel/icon-1.png");
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 0.1rem;
  transition: all 0.3s ease;
}
.inner-s18 .item .link a:hover:after {
  transform: translateX(3px);
}
@media (any-hover: hover) {
  .inner-s18 .item:hover .box {
    transform: translateY(-0.1rem);
  }
}

.inner-s19 {
  padding: 0.9rem 0;
  background-color: #f7f9fb;
}
.inner-s19 .index-tit .label {
  justify-content: center;
  padding-bottom: 0.2rem;
  position: relative;
}
.inner-s19 .index-tit .label:before {
  display: none;
}
.inner-s19 .index-tit .label:after {
  content: "";
  width: 0.32rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(-90deg, #cedefa, #88a3cf);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s19 .cont-block {
  margin-top: 0.3rem;
  position: relative;
}
.inner-s19 .label-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 0.68rem 0 0;
  pointer-events: none;
}
.inner-s19 .label-box .tip {
  height: 0.74rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.inner-s19 .label-box .tip span {
  width: 1.3rem;
  line-height: 0.36rem;
  border: 0.02rem solid #fff;
  border-radius: 0.2rem;
  text-align: center;
  font-size: 0.16rem;
  color: #003c98;
  font-family: "PingFang Bold";
  background-image: linear-gradient(90deg, #f2f3f8, #fff);
}
.inner-s19 .label-box .tip:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(0, 60, 152, 0.1), rgba(255, 255, 255, 0));
}
.inner-s19 .items {
  display: flex;
  grid-gap: 0.2rem;
}
.inner-s19 .item {
  width: calc(50% - 0.1rem);
  border: 0.02rem solid #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05);
}
.inner-s19 .item:nth-of-type(1) {
  background-color: #fafcff;
  padding: 0.4rem 0.8rem 0 0.24rem;
}
.inner-s19 .item:nth-of-type(2) {
  background-color: #fffaf7;
  padding: 0.4rem 0.24rem 0 0.8rem;
}
.inner-s19 .item .tit {
  font-size: 0.24rem;
  color: #003c98;
  font-family: "PingFang Bold";
  text-align: center;
}
.inner-s19 .item .tip {
  height: 0.74rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-s19 .item .para {
  font-size: 0.14rem;
  line-height: 0.2rem;
  text-align: center;
}
.inner-s19 .item .para span {
  color: #de1d1d;
}
.inner-s19 .item .btns {
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner-s19 .item .btns a {
  width: 1.5rem;
  height: 0.36rem;
  background-color: #003c98;
  border-radius: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s19 .item .btns a span {
  font-size: 0.14rem;
  color: #fff;
}
.inner-s19 .item .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}

.inner-s20 {
  padding: 0.9rem 0 0;
}
.inner-s20 .tab-cont {
  margin-top: 0.4rem;
  background-image: linear-gradient(180deg, #f2f3f8, #fff);
  border: 1px solid #fff;
  border-radius: 0.08rem;
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.inner-s20 .child {
  display: none;
}
.inner-s20 .child.active {
  display: block;
}
.inner-s20 .flex {
  display: flex;
}
.inner-s20 .left-box {
  width: 50%;
  padding: 0.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.inner-s20 .left-box .box {
  padding: 0.16rem 0;
  border-top: 1px solid #e9e9ec;
}
.inner-s20 .left-box .box:first-of-type {
  padding-top: 0;
  margin-top: 0;
  border: none;
}
.inner-s20 .left-box .box:last-of-type {
  padding-bottom: 0;
}
.inner-s20 .left-box .box .tit {
  font-size: 0.2rem;
  color: #202124;
  font-family: "PingFang Bold";
}
.inner-s20 .left-box .box .para {
  font-size: 0.14rem;
  color: #7a8799;
  line-height: 0.24rem;
  margin-top: 0.1rem;
}
.inner-s20 .left-box .box .para span {
  display: inline-block;
  vertical-align: top;
  width: 1.2rem;
}
.inner-s20 .left-box .btns {
  margin-top: 0.3rem;
  display: flex;
}
.inner-s20 .left-box .btns a {
  width: 1.6rem;
  height: 0.36rem;
  background-color: #003c98;
  border-radius: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s20 .left-box .btns a span {
  font-size: 0.14rem;
  color: #fff;
}
.inner-s20 .left-box .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}
.inner-s20 .right-box {
  width: 50%;
  min-height: 5.8rem;
}
.inner-s20 .right-box .img-box {
  height: 100%;
}
.inner-s20 .right-box a {
  display: block;
  height: 100%;
}
.inner-s20 .right-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-s21 {
  padding: 0.9rem 0;
}
.inner-s21 .tab-cont {
  margin-top: 0.4rem;
}
.inner-s21 .child {
  display: none;
}
.inner-s21 .child.active {
  display: block;
}
.inner-s21 .top-block {
  display: flex;
  background-image: linear-gradient(180deg, #f2f3f8, #fff, #fff);
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05);
  border-radius: 0.08rem;
  overflow: hidden;
  display: flex;
}
.inner-s21 .top-block .img-box {
  width: 3.56rem;
  height: 2.42rem;
}
.inner-s21 .top-block .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s21 .top-block .txt-box {
  width: calc(100% - 3.56rem);
  padding: 0 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.inner-s21 .top-block .para {
  font-size: 0.18rem;
  color: #7a8799;
  line-height: 0.3rem;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inner-s21 .top-block .link {
  margin-top: 0.2rem;
  font-size: 0.16rem;
  color: #003c98;
  font-family: "PingFang Bold";
}
.inner-s21 .top-block .link:after {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/channel/icon-1.png");
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 0.1rem;
  transition: all 0.3s ease;
}
.inner-s21 .top-block .link:hover:after {
  transform: translateX(3px);
}
.inner-s21 .bot-block {
  margin-top: 0.5rem;
  position: relative;
  height: 3.2rem;
  display: flex;
  justify-content: space-between;
  padding-right: 0.8rem;
}
.inner-s21 .bot-block:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  position: absolute;
  top: 50%;
  left: 0;
}
.inner-s21 .item {
  position: relative;
  display: flex;
}
.inner-s21 .item:nth-of-type(odd) {
  align-items: flex-start;
}
.inner-s21 .item:nth-of-type(odd) .tit:before {
  top: 0.3rem;
}
.inner-s21 .item:nth-of-type(odd) .tit:after {
  top: 1.5rem;
}
.inner-s21 .item:nth-of-type(odd) .para {
  top: 0.5rem;
}
.inner-s21 .item:nth-of-type(even) {
  align-items: flex-end;
}
.inner-s21 .item:nth-of-type(even) .tit:before {
  bottom: 0.3rem;
}
.inner-s21 .item:nth-of-type(even) .tit:after {
  bottom: 1.5rem;
}
.inner-s21 .item:nth-of-type(even) .para {
  top: 1.8rem;
}
.inner-s21 .item:last-of-type .para {
  width: 1rem;
}
.inner-s21 .item .tit {
  background-color: #003c98;
  font-size: 0.18rem;
  line-height: 0.3rem;
  border-radius: 0.15rem;
  padding: 0 0.16rem;
  color: #fff;
  font-family: "PingFang Bold";
  position: relative;
}
.inner-s21 .item .tit:before {
  content: "";
  width: 1px;
  height: 1.3rem;
  background-color: #e5ebf3;
  position: absolute;
  left: 50%;
}
.inner-s21 .item .tit:after {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/channel/icon-9.png");
  position: absolute;
  left: calc(50% - 0.1rem);
}
.inner-s21 .item .para {
  width: 2.4rem;
  position: absolute;
  left: calc(50% + 0.2rem);
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #7a8799;
}

.inner-s22 {
  margin-top: -0.45rem;
}
.inner-s22 .flex {
  height: 0.9rem;
  background-image: linear-gradient(180deg, #f0f2f5, #fff);
  border: 1px solid #fff;
  border-radius: 0.08rem;
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05);
  padding: 0 0.4rem;
  display: flex;
  align-items: center;
}
.inner-s22 i {
  width: 0.24rem;
  height: 0.22rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/about/icon-1.png");
}
.inner-s22 .items {
  width: calc(100% - 0.24rem);
  padding-left: 0.16rem;
}
.inner-s22 .swiper {
  height: 0.6rem;
}
.inner-s22 .item .box {
  display: flex;
  align-items: center;
  height: 0.6rem;
}
.inner-s22 .item .tit {
  width: calc(100% - 1.2rem);
  font-size: 0.16rem;
  color: #202124;
  transition: color 0.3s ease;
}
.inner-s22 .item .date {
  width: 1.2rem;
  font-size: 0.16rem;
  color: #202124;
  text-align: right;
  transition: color 0.3s ease;
}
.inner-s22 .item:hover .tit, .inner-s22 .item:hover .date {
  color: #003c98;
}

.inner-s23 {
  padding: 0.9rem 0;
}
.inner-s23 .flex {
  display: flex;
  align-items: center;
}
.inner-s23 .img-box {
  width: 4.21rem;
  height: 2.83rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
.inner-s23 .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s23 .txt-box {
  width: calc(100% - 4.21rem);
  padding-left: 0.55rem;
}
.inner-s23 .tit {
  font-size: 0.32rem;
  color: #202124;
  font-family: "PingFang Bold";
}
.inner-s23 .para {
  font-size: 0.16rem;
  color: #7a8799;
  line-height: 0.28rem;
  margin-top: 0.1rem;
}
.inner-s23 .info {
  font-size: 0.16rem;
  color: #003c98;
  font-family: "PingFang Bold";
  line-height: 0.28rem;
  margin-top: 0.1rem;
}

.inner-s24 {
  padding: 0.9rem 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.inner-s24 .label {
  font-size: 0.32rem;
  color: #fff;
  text-align: center;
  font-family: "PingFang Bold";
}
.inner-s24 .items {
  margin-top: 0.6rem;
  display: flex;
}
.inner-s24 .item {
  flex: 1 1;
}
.inner-s24 .item .icon {
  width: 0.32rem;
  height: 0.32rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-s24 .item .icon img {
  max-width: 100%;
  max-height: 100%;
}
.inner-s24 .item .tit {
  font-size: 0.24rem;
  color: #fff;
  margin-top: 0.15rem;
  text-align: center;
}
.inner-s24 .item p {
  font-size: 0.16rem;
  color: #fff;
  text-align: center;
  margin-top: 0.05rem;
}

.inner-s25 {
  padding: 0.9rem 0;
}
.inner-s25 .index-tit .label {
  justify-content: center;
  padding-bottom: 0.2rem;
  position: relative;
}
.inner-s25 .index-tit .label:before {
  display: none;
}
.inner-s25 .index-tit .label:after {
  content: "";
  width: 0.32rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(-90deg, #cedefa, #88a3cf);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s25 .tab-tit {
  margin-top: 0.2rem;
  display: flex;
  justify-content: center;
}
.inner-s25 .tab-tit .box {
  font-size: 0.14rem;
  color: #7a8799;
  line-height: 0.3rem;
  padding: 0 0.15rem;
  border-radius: 0.15rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.inner-s25 .tab-tit .box.active {
  background-color: #003c98;
  color: #fff;
}
.inner-s25 .tab-tit .box:hover {
  background-color: #003c98;
  color: #fff;
}
.inner-s25 .child {
  display: none;
}
.inner-s25 .child.active {
  display: block;
}
.inner-s25 .items {
  padding: 0.2rem 0;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.24rem;
}
.inner-s25 .item {
  width: calc((100% - 0.48rem) / 3);
  padding: 0.16rem 0;
}
.inner-s25 .item .box {
  display: block;
  height: 100%;
  border-radius: 0.08rem;
  position: relative;
  border: 1px solid #fff;
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: all 0.3s ease;
}
.inner-s25 .item .box:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg, #faebeb, #fff, #fff);
  z-index: 1;
  transition: opacity 0.3s ease;
}
.inner-s25 .item .box:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg, #f4d9d9, #fefdfd, #fefdfd, #f4d9d9);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.inner-s25 .item .block {
  height: 100%;
  padding: 0.16rem 0.16rem 0.4rem;
  position: relative;
  z-index: 2;
}
.inner-s25 .item .img-box {
  aspect-ratio: 115/72;
}
.inner-s25 .item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s25 .item .txt-box {
  padding-top: 0.4rem;
}
.inner-s25 .item .info-box {
  position: relative;
  z-index: 2;
}
.inner-s25 .item .info {
  margin-top: 0.1rem;
  display: flex;
  align-items: baseline;
}
.inner-s25 .item .info:nth-of-type(1) {
  margin-top: 0;
}
.inner-s25 .item .info span {
  font-size: 0.14rem;
  color: #7a8799;
  transition: color 0.3s ease;
}
.inner-s25 .item .info span:nth-of-type(1) {
  white-space: nowrap;
  width: 0.9rem;
  text-align-last: justify;
}
.inner-s25 .item .info span:nth-of-type(2) {
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}
.inner-s25 .item .info span:nth-of-type(3) {
  max-width: calc(100% - 1.2rem);
  word-wrap: break-word;
}
.inner-s25 .item .s-btns {
  position: absolute;
  bottom: 0.25rem;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.inner-s25 .item .s-btns span {
  font-size: 0.14rem;
  color: #fff;
  text-align: center;
  width: 1.1rem;
  line-height: 0.3rem;
  border-radius: 0.15rem;
  background-color: #ba0404;
}
.inner-s25 .item:hover .box {
  transform: translateY(-0.16rem);
  height: calc(100% + 0.32rem);
}
.inner-s25 .item:hover .box:before {
  opacity: 0;
}
.inner-s25 .item:hover .box:after {
  opacity: 1;
}
.inner-s25 .item:hover .s-btns {
  opacity: 1;
}
.inner-s25 .data-box {
  display: flex;
  justify-content: center;
  grid-gap: 0.7rem;
}
.inner-s25 .data .num {
  position: relative;
  white-space: nowrap;
}
.inner-s25 .data .num span {
  font-size: 0.5rem;
  color: #003c98;
  font-family: "Rajdhani-SemiBold";
}
.inner-s25 .data .num i {
  font-size: 0.4rem;
  color: #003c98;
  font-family: "Rajdhani-SemiBold";
  font-style: normal;
}
.inner-s25 .data .show {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.inner-s25 .data .hide {
  opacity: 0;
}
.inner-s25 .data p {
  font-size: 0.12rem;
  color: #7a8799;
}
.inner-s25 .btns {
  margin-top: 0.4rem;
  display: flex;
  justify-content: center;
  grid-gap: 0.1rem;
}
.inner-s25 .btns a {
  width: 2rem;
  height: 0.36rem;
  border-radius: 0.18rem;
  border: 1px solid #003c98;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s25 .btns a span {
  font-size: 0.14rem;
  color: #003c98;
  transition: color 0.3s ease;
}
.inner-s25 .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
  background-color: #003c98;
}
.inner-s25 .btns a:hover span {
  color: #fff;
}

.inner-s26 {
  padding: 0.9rem 0 0;
  background-color: #f5f7fa;
}
.inner-s26 .index-tit .label {
  justify-content: center;
  padding-bottom: 0.2rem;
  position: relative;
}
.inner-s26 .index-tit .label:before {
  display: none;
}
.inner-s26 .index-tit .label:after {
  content: "";
  width: 0.32rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(-90deg, #cedefa, #88a3cf);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s26 .items {
  margin-top: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.24rem;
}
.inner-s26 .item {
  width: calc((100% - 0.48rem) / 3);
  border-radius: 0.08rem;
  overflow: hidden;
  position: relative;
}
.inner-s26 .item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/channel/img-26.png") center bottom no-repeat;
  background-size: 100% auto;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.inner-s26 .item .img-box {
  background-color: #000;
  aspect-ratio: 383/260;
}
.inner-s26 .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}
.inner-s26 .item .show {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.24rem;
  z-index: 2;
  transition: opacity 0.3s ease;
}
.inner-s26 .item .show .tit {
  font-size: 0.18rem;
  color: #fff;
  font-family: "PingFang Bold";
  text-align: center;
}
.inner-s26 .item .hide {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.2rem 0.4rem;
  z-index: 4;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.inner-s26 .item .hide .tit {
  font-size: 0.18rem;
  color: #fff;
  font-family: "PingFang Bold";
}
.inner-s26 .item .hide p {
  font-size: 0.16rem;
  color: #fff;
  line-height: 0.24rem;
  margin-top: 0.1rem;
}
.inner-s26 .item:hover:after {
  opacity: 1;
}
.inner-s26 .item:hover img {
  opacity: 1;
}
.inner-s26 .item:hover .show {
  opacity: 0;
}
.inner-s26 .item:hover .hide {
  opacity: 1;
}

.inner-s27 {
  padding: 0.9rem 0;
  background-color: #f5f7fa;
}
.inner-s27 .tab-cont {
  margin-top: 0.3rem;
}
.inner-s27 .child {
  display: none;
}
.inner-s27 .child.active {
  display: block;
}
.inner-s27 .items {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.24rem;
}
.inner-s27 .item {
  width: calc((100% - 0.24rem) / 2);
}
.inner-s27 .item .box {
  display: block;
  height: 100%;
  position: relative;
  border-radius: 0.08rem;
  overflow: hidden;
  transition: all 0.3s ease;
}
.inner-s27 .item .img-box {
  aspect-ratio: 589/260;
  position: relative;
}
.inner-s27 .item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.inner-s27 .item .img-box:before {
  content: "";
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
.inner-s27 .item .txt-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 0.4rem;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.inner-s27 .item .tit {
  font-size: 0.22rem;
  color: #fff;
  font-family: "PingFang Bold";
}
.inner-s27 .item p {
  font-size: 0.16rem;
  color: #fff;
  margin-top: 0.1rem;
}
.inner-s27 .item .btn {
  margin-top: 0.24rem;
  width: 1.2rem;
  line-height: 0.34rem;
  border: 1px solid #fff;
  border-radius: 0.18rem;
  font-size: 0.14rem;
  color: #fff;
  text-align: center;
  transition: all 0.3s ease;
}
.inner-s27 .item .btn:hover {
  background-color: #003c98;
  border-color: #003c98;
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}
.inner-s27 .item:hover .box {
  transform: translateY(-0.1rem);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.1);
}
.inner-s27 .btns {
  margin-top: 0.4rem;
  display: flex;
  justify-content: center;
}
.inner-s27 .btns a {
  width: 1.8rem;
  height: 0.36rem;
  background-color: #003c98;
  border-radius: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s27 .btns a span {
  font-size: 0.14rem;
  color: #fff;
}
.inner-s27 .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}

.inner-s28 .flex {
  display: flex;
}
.inner-s28 .block {
  flex: 1 1;
  position: relative;
}
.inner-s28 .block .img-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.inner-s28 .block .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s28 .block .txt-box {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  position: relative;
  z-index: 2;
  display: flex;
}
.inner-s28 .block .box {
  width: 4.3rem;
}
.inner-s28 .block .tit {
  font-size: 0.3rem;
  color: #fff;
  font-family: "PingFang Bold";
}
.inner-s28 .block .para {
  font-size: 0.18rem;
  color: #fff;
  margin-top: 0.3rem;
}
.inner-s28 .block .para p {
  margin-top: 0.18rem;
}
.inner-s28 .block .para p:nth-of-type(1) {
  margin-top: 0;
}
.inner-s28 .block:nth-of-type(1) .txt-box {
  justify-content: flex-end;
  padding-right: 2.6rem;
}
.inner-s28 .block:nth-of-type(2) .txt-box {
  padding-left: 2.6rem;
}

.inner-s29 {
  padding: 0.9rem 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.inner-s29 .label {
  font-size: 0.32rem;
  color: #fff;
  text-align: center;
  font-family: "PingFang Bold";
}
.inner-s29 .form {
  margin-top: 0.35rem;
  display: flex;
  grid-gap: 0.1rem;
  padding: 0 0.3rem;
}
.inner-s29 .box {
  position: relative;
  width: 2.86rem;
  height: 0.52rem;
  background-color: #fff;
  border-radius: 0.05rem;
  overflow: hidden;
}
.inner-s29 .box:nth-of-type(3) {
  width: calc(100% - 7.67rem);
}
.inner-s29 .code {
  width: 1.36rem;
  line-height: 0.52rem;
  text-align: center;
  font-size: 0.16rem;
  font-family: "PingFang Bold";
  color: #003c98;
  background-color: #f2f3f8;
  position: absolute;
  right: 0;
  top: 0;
}
.inner-s29 input {
  width: 100%;
  height: 100%;
  padding: 0 0.24rem;
  font-size: 0.16rem;
  font-family: "PingFang Bold";
  color: #003c98;
}
.inner-s29 input::-webkit-input-placeholder {
  color: #003c98;
}
.inner-s29 input:-ms-input-placeholder {
  color: #003c98;
}
.inner-s29 input:-moz-placeholder {
  color: #003c98;
}
.inner-s29 input::-moz-placeholder {
  color: #003c98;
}
.inner-s29 button {
  width: 1.65rem;
  height: 0.52rem;
  background-color: #eb643e;
  border-radius: 0.05rem;
  font-size: 0.16rem;
  color: #fff;
  font-family: "PingFang Bold";
  cursor: pointer;
}

.inner-s30 {
  padding: 0.9rem 0 0;
}
.inner-s30 .index-tit .label {
  justify-content: center;
  padding-bottom: 0.2rem;
  position: relative;
}
.inner-s30 .index-tit .label:before {
  display: none;
}
.inner-s30 .index-tit .label:after {
  content: "";
  width: 0.32rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(-90deg, #cedefa, #88a3cf);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s30 .index-tit .s-tips {
  text-align: center;
  margin-top: 0.2rem;
}
.inner-s30 .tab-wrap {
  margin-top: 0.24rem;
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05);
  border-radius: 0.08rem;
  border: 1px solid #fff;
  background-image: linear-gradient(180deg, #f2f3f8, #fff);
  overflow: hidden;
  position: relative;
  padding: 0.3rem 0.2rem;
  min-height: 5.16rem;
}
.inner-s30 .tab-tit .box {
  position: relative;
  width: 2.2rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.05);
  padding: 0.16rem 0 0.16rem 0.5rem;
  display: flex;
  align-items: flex-start;
  grid-gap: 0.1rem;
  margin-top: 0.1rem;
  cursor: pointer;
}
.inner-s30 .tab-tit .box:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.02rem solid #fff;
  border-radius: 0.05rem;
  background-image: linear-gradient(90deg, #f2f3f8, #fff);
  box-sizing: border-box;
  z-index: 1;
  transition: opacity 0.3s ease;
}
.inner-s30 .tab-tit .box:after {
  content: "";
  width: 2.5rem;
  height: 0.48rem;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/channel/img-15.png");
  background-size: 99% 100%;
  border-radius: 0.05rem 0 0 0.05rem;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.inner-s30 .tab-tit .box:nth-of-type(1) {
  margin-top: 0;
}
.inner-s30 .tab-tit .box .icon {
  width: 0.16rem;
  height: 0.16rem;
  position: relative;
  z-index: 2;
}
.inner-s30 .tab-tit .box i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.3s ease;
}
.inner-s30 .tab-tit .box i.hide {
  opacity: 0;
}
.inner-s30 .tab-tit .box span {
  width: 1.2rem;
  font-size: 0.14rem;
  line-height: 0.16rem;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.3s ease;
  position: relative;
  z-index: 2;
}
.inner-s30 .tab-tit .box.active:before {
  opacity: 0;
}
.inner-s30 .tab-tit .box.active:after {
  opacity: 1;
}
.inner-s30 .tab-tit .box.active i.show {
  opacity: 0;
}
.inner-s30 .tab-tit .box.active i.hide {
  opacity: 1;
}
.inner-s30 .tab-tit .box.active span {
  color: #fff;
}
.inner-s30 .tab-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mask: linear-gradient(90deg, rgba(255, 255, 255, 0) 25%, #fff 60%);
}
.inner-s30 .child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.inner-s30 .child.active {
  display: block;
}
.inner-s30 .child .img-box {
  height: 100%;
}
.inner-s30 .child .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-s31 {
  padding: 0.9rem 0;
}
.inner-s31 .index-tit .label {
  justify-content: center;
  padding-bottom: 0.2rem;
  position: relative;
}
.inner-s31 .index-tit .label:before {
  display: none;
}
.inner-s31 .index-tit .label:after {
  content: "";
  width: 0.32rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(-90deg, #cedefa, #88a3cf);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s31 .items {
  margin-top: 0.4rem;
}
.inner-s31 .item {
  width: calc((100% - 0.54rem) / 3);
  margin-right: 0.27rem;
  position: relative;
  border-radius: 0.08rem;
  overflow: hidden;
}
.inner-s31 .item:last-of-type {
  margin-right: 0;
}
.inner-s31 .item .img-box {
  aspect-ratio: 383/417;
}
.inner-s31 .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s31 .item .show {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.3rem;
  z-index: 2;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  transition: opacity 0.3s ease;
}
.inner-s31 .item .show .tit {
  font-size: 0.22rem;
  color: #fff;
  text-align: center;
}
.inner-s31 .item .hide {
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  right: 0.4rem;
  bottom: 0.4rem;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 0.08rem;
  padding: 0 0.3rem;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.inner-s31 .item .hide .tit {
  font-size: 0.22rem;
  color: #202124;
  text-align: center;
  font-family: "PingFang Bold";
}
.inner-s31 .item .hide .para {
  font-size: 0.16rem;
  line-height: 2;
  color: #7a8799;
  text-align: center;
  margin-top: 0.1rem;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inner-s31 .item:hover .show {
  opacity: 0;
}
.inner-s31 .item:hover .hide {
  opacity: 1;
}
.inner-s31 .pagination {
  margin-top: 0.3rem;
  display: flex;
  justify-content: center;
  grid-gap: 0.06rem;
}
.inner-s31 .pagination span {
  width: 0.24rem;
  height: 0.24rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/channel/icon-3-1.png");
  cursor: pointer;
  transition: all 0.3s ease;
}
.inner-s31 .pagination span.active {
  background-image: url("../images/channel/icon-3-2.png");
}
.inner-s31 .button {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  border: 1px solid #003c98;
  position: absolute;
  top: calc(55% - 0.24rem);
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  cursor: pointer;
}
.inner-s31 .prev {
  background-image: url("../images/index/prev-1.png");
  left: -1rem;
}
.inner-s31 .prev:hover {
  background-image: url("../images/index/prev-2.png");
  background-color: #003c98;
}
.inner-s31 .next {
  background-image: url("../images/index/next-1.png");
  right: -1rem;
}
.inner-s31 .next:hover {
  background-image: url("../images/index/next-2.png");
  background-color: #003c98;
}

.inner-s32 {
  padding: 0.9rem 0 0.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.inner-s32 .items {
  display: flex;
  grid-gap: 0.9rem;
}
.inner-s32 .item {
  flex: 1 1;
}
.inner-s32 .item .icon {
  width: 0.4rem;
  height: 0.4rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-s32 .item .icon img {
  max-width: 100%;
  max-height: 100%;
}
.inner-s32 .item .tit {
  font-size: 0.28rem;
  font-family: "PingFang Bold";
  color: #fff;
  margin-top: 0.15rem;
  text-align: center;
}
.inner-s32 .item .tips {
  font-size: 0.18rem;
  color: #fff;
  font-family: "PingFang Bold";
  text-align: center;
  margin-top: 0.1rem;
}
.inner-s32 .item .para {
  font-size: 0.13rem;
  color: #fff;
  line-height: 0.24rem;
  text-align: center;
  margin-top: 0.1rem;
}

.inner-s33 {
  padding: 0.9rem 0;
}
.inner-s33 .items {
  margin-top: 0.4rem;
  display: flex;
}
.inner-s33 .item {
  width: calc((100% - 5.6rem - 0.7rem) / 5);
  height: 4.8rem;
  margin-right: 0.14rem;
  transition: width 0.3s ease;
}
.inner-s33 .item:last-of-type {
  margin-right: 0;
}
.inner-s33 .item .box {
  display: block;
  height: 100%;
  border-radius: 0.08rem;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}
.inner-s33 .item .box:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -2px;
  left: -2px;
  right: -2px;
  background: url("../images/channel/img-41.png") center bottom repeat-x;
  background-size: 100% auto;
  border-radius: 0 0 0.08rem 0.08rem;
  z-index: 2;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.inner-s33 .item .img-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
}
.inner-s33 .item .img-box img {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 5.6rem;
  height: 100%;
  object-fit: cover;
  border-radius: 0.1rem;
  will-change: transform;
  transition: opacity 0.3s ease;
}
.inner-s33 .item .show {
  position: absolute;
  left: calc(50% - 0.14rem);
  bottom: 0.4rem;
  font-size: 0.24rem;
  color: #202124;
  writing-mode: vertical-rl;
  z-index: 3;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.inner-s33 .item .hide {
  position: absolute;
  width: 5.6rem;
  height: 100%;
  left: 0;
  bottom: 0;
  padding: 0.7rem 0.6rem 0.55rem;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.inner-s33 .item .hide .tit {
  font-size: 0.24rem;
  color: #fff;
}
.inner-s33 .item .hide .en {
  font-size: 0.16rem;
  color: #fff;
  margin-top: 0.05rem;
}
.inner-s33 .item .bot-box {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.1rem;
}
.inner-s33 .item .bot-box .single {
  width: calc((100% - 0.3rem) / 4);
  height: 0.76rem;
  border: 0.02rem solid rgba(255, 255, 255, 0.3);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.1rem;
}
.inner-s33 .item .bot-box .single .icon {
  width: 0.28rem;
  height: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-s33 .item .bot-box .single .icon img {
  max-width: 100%;
  max-height: 100%;
}
.inner-s33 .item .bot-box .single span {
  font-size: 0.14rem;
  color: #fff;
  margin-top: 0.05rem;
  font-family: "PingFang Bold";
}
.inner-s33 .item.active {
  width: 5.6rem;
}
.inner-s33 .item.active .box {
  background-color: #003c98;
}
.inner-s33 .item.active .box:before {
  opacity: 0;
}
.inner-s33 .item.active .img-box img {
  opacity: 0.2;
}
.inner-s33 .item.active .show {
  opacity: 0;
}
.inner-s33 .item.active .hide {
  opacity: 1;
}
.inner-s33 .btns {
  margin-top: 0.4rem;
  display: flex;
  justify-content: center;
}
.inner-s33 .btns a {
  width: 1.2rem;
  height: 0.36rem;
  background-color: #003c98;
  border-radius: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s33 .btns a span {
  font-size: 0.14rem;
  color: #fff;
}
.inner-s33 .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}

.inner-s34 {
  padding: 0.9rem 0 0;
  background-color: #f5f7fa;
}
.inner-s34 .tab-cont {
  margin-top: 0.4rem;
}
.inner-s34 .child {
  display: none;
}
.inner-s34 .child.active {
  display: block;
}
.inner-s34 .items {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.2rem;
}
.inner-s34 .item {
  position: relative;
  width: calc((100% - 0.4rem) / 3);
  border: 1px solid #fff;
  border-radius: 0.08rem;
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.05);
  background-image: linear-gradient(180deg, #e9eef7, #fff);
  padding: 0.4rem 0.3rem 0.3rem;
  overflow: hidden;
}
.inner-s34 .item .tips {
  position: absolute;
  background-color: #0075ff;
  width: 1rem;
  padding: 0.2rem 0 0.05rem;
  text-align: center;
  font-size: 0.14rem;
  color: #fff;
  transform-origin: center top;
  transform: rotate(45deg);
  position: absolute;
  right: -0.5rem;
  top: 0;
  z-index: 2;
}
.inner-s34 .item .tips.orange {
  background-color: #ea6333;
}
.inner-s34 .item .tips.red {
  background-color: #ff0000;
}
.inner-s34 .item .tit {
  font-size: 0.2rem;
  color: #202124;
}
.inner-s34 .item .para {
  font-size: 0.16rem;
  line-height: 0.3rem;
  height: 0.6rem;
  color: #7a8799;
  margin-top: 0.1rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inner-s34 .item .btns {
  margin-top: 0.3rem;
  padding-top: 0.3rem;
  border-top: 1px solid #e1e2e3;
  display: flex;
  grid-gap: 0.1rem;
}
.inner-s34 .item .btns a {
  width: 1.2rem;
  height: 0.36rem;
  background-color: #003c98;
  border: 1px solid transparent;
  border-radius: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s34 .item .btns a span {
  font-size: 0.14rem;
  color: #fff;
  transition: color 0.3s ease;
}
.inner-s34 .item .btns a:nth-of-type(2) {
  background-color: transparent;
  border-color: #b0c3df;
  color: #003c98;
}
.inner-s34 .item .btns a:nth-of-type(2) span {
  color: #003c98;
}
.inner-s34 .item .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
  background-color: #003c98;
}
.inner-s34 .item .btns a:hover span {
  color: #fff;
}

.inner-s35 {
  padding: 0.9rem 0;
  background-color: #f5f7fa;
}
.inner-s35 .tab-cont {
  margin-top: 0.4rem;
}
.inner-s35 .child {
  display: none;
}
.inner-s35 .child.active {
  display: block;
}
.inner-s35 .items {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.2rem;
}
.inner-s35 .item {
  position: relative;
  width: calc((100% - 0.6rem) / 4);
  border: 1px solid #fff;
  border-radius: 0.08rem;
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.05);
  background-image: linear-gradient(180deg, #e9eef7, #fff);
  overflow: hidden;
}
.inner-s35 .item .show {
  padding: 0.6rem 0.24rem 0.3rem;
  transition: opacity 0.3s ease;
}
.inner-s35 .item .show .tit {
  font-size: 0.2rem;
  color: #202124;
  font-family: "PingFang Bold";
}
.inner-s35 .item .show .para {
  font-size: 0.16rem;
  line-height: 0.3rem;
  height: 1.2rem;
  color: #7a8799;
  margin-top: 0.1rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inner-s35 .item .show .btns {
  margin-top: 0.3rem;
  padding-top: 0.3rem;
  border-top: 1px solid #e1e2e3;
  display: flex;
  grid-gap: 0.1rem;
}
.inner-s35 .item .show .btns a {
  width: 1rem;
  height: 0.36rem;
  background-color: #003c98;
  border: 1px solid transparent;
  border-radius: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s35 .item .show .btns a span {
  font-size: 0.14rem;
  color: #fff;
  transition: color 0.3s ease;
}
.inner-s35 .item .show .btns a:nth-of-type(2) {
  background-color: transparent;
  border-color: #b0c3df;
  color: #003c98;
}
.inner-s35 .item .show .btns a:nth-of-type(2) span {
  color: #003c98;
}
.inner-s35 .item .show .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
  background-color: #003c98;
}
.inner-s35 .item .show .btns a:hover span {
  color: #fff;
}
.inner-s35 .item .img-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.inner-s35 .item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s35 .item .hide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  padding: 0.6rem 0.24rem 0.3rem;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.inner-s35 .item .hide .tit {
  font-size: 0.2rem;
  color: #003c98;
  font-family: "PingFang Bold";
}
.inner-s35 .item .hide .para {
  font-size: 0.16rem;
  line-height: 0.3rem;
  height: 1.5rem;
  color: #003c98;
  margin-top: 0.1rem;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inner-s35 .item .hide .para p {
  position: relative;
  padding-left: 0.2rem;
}
.inner-s35 .item .hide .para p:before {
  content: "";
  width: 0.13rem;
  height: 0.13rem;
  position: absolute;
  left: 0;
  top: 0.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/channel/icon-12.png");
}
.inner-s35 .item .hide .btns {
  border-top: 1px solid transparent;
  margin-top: 0.3rem;
  display: flex;
  grid-gap: 0.1rem;
}
.inner-s35 .item .hide .btns a {
  padding: 0 0.24rem;
  height: 0.36rem;
  background-color: #003c98;
  border-radius: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s35 .item .hide .btns a span {
  font-size: 0.14rem;
  color: #fff;
  transition: color 0.3s ease;
}
.inner-s35 .item .hide .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
  background-color: #003c98;
}
.inner-s35 .item .hide .btns a:hover span {
  color: #fff;
}
.inner-s35 .item:hover .show {
  opacity: 0;
}
.inner-s35 .item:hover .img-box {
  opacity: 1;
}
.inner-s35 .item:hover .hide {
  opacity: 1;
}

.inner-s36 {
  padding: 0.9rem 0;
}
.inner-s36 .index-tit .label {
  justify-content: center;
  padding-bottom: 0.2rem;
  position: relative;
}
.inner-s36 .index-tit .label:before {
  display: none;
}
.inner-s36 .index-tit .label:after {
  content: "";
  width: 0.32rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(-90deg, #cedefa, #88a3cf);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s36 .index-tit .s-tips {
  text-align: center;
  margin-top: 0.2rem;
}
.inner-s36 .tab-tit {
  margin-top: 0.2rem;
  display: flex;
  justify-content: center;
}
.inner-s36 .tab-tit .box {
  font-size: 0.14rem;
  color: #7a8799;
  line-height: 0.3rem;
  padding: 0 0.15rem;
  border-radius: 0.15rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.inner-s36 .tab-tit .box.active {
  background-color: #003c98;
  color: #fff;
}
.inner-s36 .tab-tit .box:hover {
  background-color: #003c98;
  color: #fff;
}
.inner-s36 .tab-cont {
  margin-top: 0.4rem;
}
.inner-s36 .child {
  display: none;
}
.inner-s36 .child.active {
  display: block;
}
.inner-s36 .block {
  border: 1px solid rgba(0, 60, 152, 0.2);
  border-radius: 0.08rem;
  overflow: hidden;
}
.inner-s36 .block .box {
  display: flex;
  border-top: 1px solid rgba(0, 60, 152, 0.2);
}
.inner-s36 .block .box:nth-of-type(odd) {
  background-color: #f3f7fd;
}
.inner-s36 .block .box:nth-of-type(1) {
  border: none;
  background-color: #2b5eac;
}
.inner-s36 .block .box:nth-of-type(1) .sbox span {
  font-size: 0.2rem;
  color: #fff;
  font-family: "PingFang Bold";
}
.inner-s36 .block .box:nth-of-type(1) .sbox:nth-of-type(1) span {
  font-size: 0.16rem;
}
.inner-s36 .block .sbox {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.16rem 0.2rem;
  border-right: 1px solid rgba(0, 60, 152, 0.2);
}
.inner-s36 .block .sbox:last-of-type {
  border: none;
}
.inner-s36 .block .sbox span {
  font-size: 0.16rem;
  color: #40516a;
  text-align: center;
}
.inner-s36 .btns {
  margin-top: 0.4rem;
  display: flex;
  justify-content: center;
}
.inner-s36 .btns a {
  padding: 0 0.3rem;
  height: 0.36rem;
  background-color: #003c98;
  border-radius: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s36 .btns a span {
  font-size: 0.14rem;
  color: #fff;
}
.inner-s36 .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}

.inner-s37 {
  padding: 0.9rem 0;
}
.inner-s37 .index-tit .label {
  justify-content: center;
}
.inner-s37 .index-tit .label:before {
  display: none;
}
.inner-s37 .index-tit .label span {
  color: #fff;
}
.inner-s37 .index-tit .s-tips {
  text-align: center;
  color: #fff;
}
.inner-s37 .link {
  margin-top: 0.5rem;
  display: flex;
  padding: 0 0.24rem;
  display: flex;
  grid-gap: 0.2rem;
}
.inner-s37 .link a {
  flex: 1 1;
  height: 0.6rem;
  border: 1px solid #fff;
  border-radius: 0.08rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s37 .link a span {
  font-size: 0.18rem;
  color: #ffffff;
  text-align: center;
  transition: color 0.3s ease;
}
.inner-s37 .link a:hover {
  background-color: #fff;
}
.inner-s37 .link a:hover span {
  color: #003c98;
}

.inner-s38 {
  padding: 0.9rem 0 0;
}
.inner-s38 .index-tit .label {
  justify-content: center;
  padding-bottom: 0.2rem;
  position: relative;
}
.inner-s38 .index-tit .label:before {
  display: none;
}
.inner-s38 .index-tit .label:after {
  content: "";
  width: 0.32rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(-90deg, #cedefa, #88a3cf);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s38 .index-tit .s-tips {
  text-align: center;
  margin-top: 0.2rem;
}
.inner-s38 .items {
  margin-top: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 0.8rem;
}
.inner-s38 .item {
  width: 25%;
}
.inner-s38 .item .icon {
  width: 0.48rem;
  height: 0.4rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-s38 .item .icon img {
  max-width: 100%;
  max-height: 100%;
}
.inner-s38 .item .tit {
  font-size: 0.2rem;
  color: #202124;
  font-family: "PingFang Bold";
  margin-top: 0.4rem;
  text-align: center;
}
.inner-s38 .item .para {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #202124;
  text-align: center;
  margin-top: 0.16rem;
}
.inner-s38 .btns {
  margin-top: 0.6rem;
  display: flex;
  justify-content: center;
}
.inner-s38 .btns a {
  padding: 0 0.3rem;
  height: 0.36rem;
  background-color: #003c98;
  border-radius: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s38 .btns a span {
  font-size: 0.14rem;
  color: #fff;
}
.inner-s38 .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}

.inner-s39 {
  padding: 0.9rem 0 0;
}
.inner-s39 .index-tit .label {
  justify-content: center;
  padding-bottom: 0.2rem;
  position: relative;
}
.inner-s39 .index-tit .label:before {
  display: none;
}
.inner-s39 .index-tit .label:after {
  content: "";
  width: 0.32rem;
  height: 0.04rem;
  border-radius: 0.02rem;
  background-image: linear-gradient(-90deg, #cedefa, #88a3cf);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s39 .tab-wrap {
  margin-top: 0.4rem;
  display: flex;
}
.inner-s39 .tab-tit {
  width: 3rem;
}
.inner-s39 .tab-tit .box {
  margin-top: 0.2rem;
  position: relative;
  padding: 0.24rem 0.3rem;
  cursor: pointer;
}
.inner-s39 .tab-tit .box:nth-of-type(1) {
  margin-top: 0;
}
.inner-s39 .tab-tit .box:before {
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #d2e1fa;
  border-radius: 0.08rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: opacity 0.3s ease;
}
.inner-s39 .tab-tit .box:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #fff;
  border-radius: 0.08rem;
  background-image: linear-gradient(180deg, #e9eef7, #fff);
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.05);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.inner-s39 .tab-tit .box .tit {
  font-size: 0.2rem;
  color: #202124;
  font-family: "PingFang Bold";
  position: relative;
  z-index: 2;
}
.inner-s39 .tab-tit .box p {
  margin-top: 0.05rem;
  font-size: 0.14rem;
  color: #7a8799;
  line-height: 0.2rem;
  position: relative;
  z-index: 2;
}
.inner-s39 .tab-tit .box.active:before {
  opacity: 0;
}
.inner-s39 .tab-tit .box.active:after {
  opacity: 1;
}
.inner-s39 .tab-tit .box.active .tit, .inner-s39 .tab-tit .box.active p {
  color: #003c98;
}
.inner-s39 .tab-cont {
  width: calc(100% - 3rem);
  padding-left: 0.3rem;
}
.inner-s39 .child {
  height: 100%;
  position: relative;
  padding-bottom: 0.5rem;
  display: none;
}
.inner-s39 .child.active {
  display: block;
}
.inner-s39 .child .img-box {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-s39 .child .img-box img {
  max-width: 100%;
  max-height: 100%;
}
.inner-s39 .child .btns {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
.inner-s39 .child .btns a {
  width: 1.1rem;
  height: 0.36rem;
  border-radius: 0.18rem;
  background-color: #1b74ff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s39 .child .btns a span {
  font-size: 0.14rem;
  color: #fff;
}
.inner-s39 .child .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(27, 116, 255, 0.3);
}

.inner-s40 {
  padding: 0.9rem 0 0;
  overflow: hidden;
}
.inner-s40 .cont-block {
  position: relative;
  margin-top: 0.4rem;
}
.inner-s40 .bg-box {
  height: 100%;
  position: absolute;
  right: 3.6rem;
  left: calc(-50vw + 600px);
  border-radius: 0 0.08rem 0.08rem 0;
  transform-origin: top right;
  transform: skewX(-12deg);
  overflow: hidden;
  z-index: 1;
  background-color: #003c98;
}
.inner-s40 .bg-box .bg {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform-origin: top right;
  transform: skewX(12deg);
}
.inner-s40 .items {
  position: relative;
  z-index: 2;
}
.inner-s40 .swiper {
  padding: 0.8rem calc(50vw - 600px) 1.1rem;
  margin: 0 calc(-50vw + 600px);
}
.inner-s40 .item {
  width: 3.73rem;
  height: 3.5rem;
  position: relative;
  margin-right: 0.2rem;
  border-radius: 0.08rem;
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.inner-s40 .item:last-of-type {
  margin-right: 0;
}
.inner-s40 .item .img-box {
  width: 100%;
  height: 100%;
}
.inner-s40 .item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s40 .item .show {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.8rem 0.3rem;
  z-index: 2;
}
.inner-s40 .item .show .tit {
  font-size: 0.24rem;
  color: #202124;
  font-family: "PingFang Bold";
}
.inner-s40 .item .show .para {
  font-size: 0.14rem;
  line-height: 0.28rem;
  color: #7a8799;
  height: 1.12rem;
  margin-top: 0.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inner-s40 .item .hide {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/channel/img-38.png") center bottom no-repeat;
  background-size: 100% auto;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.inner-s40 .item .btns {
  position: absolute;
  bottom: 0.4rem;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
.inner-s40 .item .btns a {
  width: 2rem;
  line-height: 0.36rem;
  border: 1px solid #fff;
  border-radius: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.inner-s40 .item .btns a span {
  font-size: 0.14rem;
  color: #fff;
  font-family: "PingFang Bold";
  transition: color 0.3s ease;
}
.inner-s40 .item .btns a:hover {
  background-color: #fff;
}
.inner-s40 .item .btns a:hover span {
  color: #003c98;
}
.inner-s40 .item:hover .hide {
  opacity: 1;
}
.inner-s40 .buttons {
  position: absolute;
  bottom: 0.35rem;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  grid-gap: 0.24rem;
  padding-left: 2.75rem;
  z-index: 2;
}
.inner-s40 .button {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #003c98;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  cursor: pointer;
}
.inner-s40 .prev {
  background-image: url("../images/index/prev-1.png");
}
.inner-s40 .prev:hover {
  background-image: url("../images/index/prev-2.png");
  background-color: #003c98;
}
.inner-s40 .next {
  background-image: url("../images/index/next-1.png");
}
.inner-s40 .next:hover {
  background-image: url("../images/index/next-2.png");
  background-color: #003c98;
}

.inner-s41 {
  padding: 0.9rem 0 0;
}
.inner-s41 .wrap-s {
  display: flex;
  align-items: flex-start;
}
.inner-s41 .left-block {
  width: 74.66%;
}
.inner-s41 .left-block .tab-cont {
  margin-top: 0.25rem;
  background-image: linear-gradient(180deg, #f0f2f5, #fff);
  border-radius: 0.16rem 0.16rem 0.08rem 0.08rem;
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.1);
}
.inner-s41 .left-block .child {
  display: none;
  padding: 0.3rem;
}
.inner-s41 .left-block .child.active {
  display: flex;
}
.inner-s41 .left-block .left-box {
  width: 3.05rem;
  height: 3.1rem;
  position: relative;
}
.inner-s41 .left-block .left-box .swiper {
  height: 100%;
}
.inner-s41 .left-block .left-box .item {
  height: 100%;
}
.inner-s41 .left-block .left-box .item .img-box {
  height: 100%;
  border-radius: 0.08rem;
  overflow: hidden;
}
.inner-s41 .left-block .left-box .item img {
  display: block;
  width: 100%;
  height: 100%;
}
.inner-s41 .left-block .left-box .pagination {
  bottom: 0.24rem;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  grid-gap: 0.14rem;
}
.inner-s41 .left-block .left-box .pagination span {
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.5;
  cursor: pointer;
}
.inner-s41 .left-block .left-box .pagination span.active {
  opacity: 1;
}
.inner-s41 .left-block .right-box {
  width: calc(100% - 3.05rem);
  padding-left: 0.26rem;
}
.inner-s41 .left-block .right-box .link {
  display: block;
  padding: 0.21rem 0.2rem;
  border-bottom: 1px solid #e7e9ea;
}
.inner-s41 .left-block .right-box .link .tit {
  font-size: 0.16rem;
  color: #202124;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.3s ease;
}
.inner-s41 .left-block .right-box .link:hover .tit {
  color: #003c98;
}
.inner-s41 .right-block {
  width: calc(25.34% - 0.24rem);
  margin-left: 0.24rem;
  position: relative;
  z-index: 2;
}
.inner-s41 .right-block .link-box {
  margin-top: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.1rem;
}
.inner-s41 .right-block .item {
  width: calc((100% - 0.1rem) / 2);
  height: 1.17rem;
}
.inner-s41 .right-block .item .box {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  background-image: linear-gradient(180deg, #e9eef7, #fff);
  border-radius: 0.08rem;
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.05);
}
.inner-s41 .right-block .item .icon {
  width: 0.26rem;
  height: 0.26rem;
  display: flex;
  align-items: center;
  align-items: center;
}
.inner-s41 .right-block .item .icon img {
  max-width: 100%;
  max-height: 100%;
}
.inner-s41 .right-block .item span {
  font-size: 0.16rem;
  color: #202124;
  margin-top: 0.1rem;
}

.other-s1 {
  padding: 1.2rem 0;
  min-height: 100vh;
  border-top: 1px solid #e5e5e5;
}
.other-s1 .img-box {
  width: 5.51rem;
  margin: 0 auto;
}
.other-s1 .img-box img {
  display: block;
  width: 100%;
}
.other-s1 .tit {
  font-size: 0.36rem;
  color: #003c98;
  text-align: center;
  font-family: "PingFang Bold";
  margin-top: 0.8rem;
}
.other-s1 p {
  font-size: 0.18rem;
  color: #131419;
  text-align: center;
  margin-top: 0.15rem;
}
.other-s1 .btns {
  display: flex;
  justify-content: center;
  margin-top: 0.4rem;
}
.other-s1 .btns a {
  width: 1.5rem;
  height: 0.48rem;
  background-color: #003c98;
  border-radius: 0.24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.other-s1 .btns a span {
  font-size: 0.14rem;
  color: #fff;
}
.other-s1 .btns a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 60, 152, 0.3);
}

.other-s2 {
  padding: 1.2rem 0;
  border-top: 1px solid #e5e5e5;
}
.other-s2 .block {
  margin-top: 0.6rem;
}
.other-s2 .block:nth-of-type(1) {
  margin-top: 0;
}
.other-s2 .link {
  margin-top: 0.24rem;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.24rem;
}
.other-s2 .link a {
  width: calc((100% - 1.2rem) / 6);
  height: 0.48rem;
  border-radius: 0.24rem;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.other-s2 .link a span {
  font-size: 0.14rem;
  color: #202124;
  transition: color 0.3s ease;
}
.other-s2 .link a:hover {
  background-color: #003c98;
}
.other-s2 .link a:hover span {
  color: #fff;
}

@media only screen and (max-width: 1500px) {
  html {
    font-size: 99px;
  }
}
@media only screen and (max-width: 1480px) {
  html {
    font-size: 98px;
  }
}
@media only screen and (max-width: 1460px) {
  html {
    font-size: 97px;
  }
}
@media only screen and (max-width: 1440px) {
  html {
    font-size: 96px;
  }
}
@media only screen and (max-width: 1420px) {
  html {
    font-size: 95px;
  }
}
@media only screen and (max-width: 1400px) {
  html {
    font-size: 94px;
  }
}
@media only screen and (max-width: 1380px) {
  html {
    font-size: 93px;
  }
}
@media only screen and (max-width: 1361px) {
  html {
    font-size: 92px;
  }
}
@media only screen and (max-width: 1340px) {
  html {
    font-size: 91px;
  }
}
@media only screen and (max-width: 1320px) {
  html {
    font-size: 90px;
  }
}
@media only screen and (max-width: 1300px) {
  html {
    font-size: 89px;
  }
}
@media only screen and (max-width: 1281px) {
  html {
    font-size: 88px;
  }
}
@media only screen and (max-width: 1260px) {
  html {
    font-size: 87px;
  }
}
@media only screen and (max-width: 1240px) {
  html {
    font-size: 86px;
  }
}
@media only screen and (max-width: 1600px) {
  .index-s6 .bot-block .prev,
  .index-s7 .link-box .prev,
  .index-s6 .mid-block .prev,
  .inner-s5 .prev,
  .inner-s8 .prev {
    left: -0.7rem;
  }
  .index-s6 .bot-block .next,
  .index-s7 .link-box .next,
  .index-s6 .mid-block .next,
  .inner-s5 .next,
  .inner-s8 .next {
    right: -0.7rem;
  }
}
@media only screen and (max-width: 1500px) {
  .fixed-right {
    right: 0.1rem;
    transform: translateY(-50%) scale(0.8);
    transform-origin: right center;
  }
  .footer .totop {
    right: 0.1rem;
    transform: scale(0.8);
    transform-origin: right bottom;
  }
  .inner-s4 .bg-box {
    left: -13%;
  }
  .inner-s28 .block:nth-of-type(1) .txt-box {
    padding-right: 1.5rem;
  }
  .inner-s28 .block:nth-of-type(2) .txt-box {
    padding-left: 1.5rem;
  }
  .inner-s40 .bg-box {
    left: -13%;
  }
  .inner-s40 .swiper {
    padding: 0.8rem 13% 1.1rem;
    margin: 0 -13%;
  }
  .inner-s40 .buttons {
    padding-left: 20%;
  }
  .index-s8 .left-block .bg-box {
    left: -40%;
  }
}
@font-face {
  font-family: "rreg";
  src: url("../fonts/Rajdhani-Regular-2.ttf");
}
@keyframes trans {
  0% {
    transform: translateY(60px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
.mCustomScrollbar {
  -ms-touch-action: none;
  touch-action: none;
}

.mCustomScrollbar.mCS_no_scrollbar {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  display: none;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCSB_inside > .mCSB_container {
  width: 100%;
  box-sizing: border-box;
}

.mCS_no_scrollbar .mCSB_inside > .mCSB_container {
  padding-right: 0px !important;
}

.mCSB_scrollTools:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
}

/*video*/
.video-prop {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.video-prop:before {
  height: 100%;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

.video-center {
  width: 65%;
  vertical-align: middle;
  display: inline-block;
  position: relative;
}

.video-center video {
  width: 100%;
  height: auto;
  display: block;
}

.video-close {
  width: 36px;
  height: 36px;
  overflow: hidden;
  position: absolute;
  right: -18px;
  top: -18px;
  z-index: 12;
  border-radius: 50%;
  background: #fafafa;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.video-close:before {
  width: 60%;
  height: 2px;
  content: "";
  position: absolute;
  left: 20%;
  top: calc(50% - 1px);
  background: #333;
  transform: rotate(45deg);
}

.video-close:after {
  width: 60%;
  height: 2px;
  content: "";
  position: absolute;
  left: 20%;
  top: calc(50% - 1px);
  background: #333;
  transform: rotate(-45deg);
}

.video-close:hover {
  transform: rotate(180deg);
}

.video-active {
  opacity: 1;
  visibility: visible;
}

.honor-2head h3, .honor-1cont h4 span, .bt-2content h3, .bt-1info, .bt-1left h3, .search-2 .txt, .search-1, .create-2model span, .create-2 h3, .about-5model span, .about-3model span, .about-3center span, .about-2item span, .about-head h3, .banner-ver h3, .jzinfo-2page a span, .jzinfo-1model span, .jzinfo-1right ul li span, .scinfo-4item ul li span, .scinfo-4right span, .scinfo-3right span, .scinfo-2page a, .scinfo-2, .scinfo-1item span, .scinfo-1cont ul li span, .tinfo-3name, .tinfo-3title span, .tinfo-2right ul li span, .tinfo-2title span, .bginfo-7, .bginfo-5title, .lxinfo-6info p span, .lxinfo-6pic span, .lxinfo-4 ul li.active, .lxinfo-1model span, .lxinfo-1right h4, .sc-2title span, .sc-1model span, .sc-1cont span, .case-3cont ul li span, .case-3title span, .team-2model span em, .team-2title span, .team-1model span em, .team-1title span, .ts-3item:hover .ts-3cont h4, .ts-2num span, .ts-2cont span em, .ts-2cont p em, .ts-1model span em, .ts-1model p em, .lx2-2 ul li, .lx2-1model span, .server-1 h3, .liuxue-5head p, .liuxue-5head h3, .liuxue-4name span, .banner-ad .ad-center {
  font-family: "PingFang Bold";
}

.scinfo-1cont ul li span em {
  font-family: "PingFang Regular";
}

.honor-5item span, .honor-2cont span, .his-age, .about-5model h4, .server-2num {
  font-family: "Rajdhani-Bold";
}

.honor-2li span, .honor-2age span, .bt-2cont span, .bt-1num p, .his-right ul li span, .about-1num {
  font-family: "rreg";
}

.bt-1num span {
  font-family: "Rajdhani-medium";
}

/*crumb*/
.crumb {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px #e5e5e5 solid;
  height: 50px;
  line-height: 50px;
  font-size: max(14px, 0.16rem);
  color: #7a8799;
}

.crumb a {
  color: #7a8799;
  padding: 0px 16px 0px 24px;
  background: url("../img/icon-3.png") no-repeat left center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.crumb a:last-child {
  padding-right: 0px;
}

.crumb a:hover {
  color: #003c98;
}

.crumb a.home {
  background: url("../img/icon-2.png") no-repeat left center;
}

/*ad*/
.banner-ad {
  width: 100%;
  height: 60px;
  background: url("../img/bg-1.jpg") no-repeat;
  background-size: cover;
  z-index: 8;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  position: relative;
  overflow: hidden;
}

.banner-ad .ad-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.banner-ad .ad-1 {
  font-size: max(14px, 0.16rem);
  color: #1d273f;
}

.banner-ad .ad-1 span {
  color: #004097;
}

.banner-ad a {
  width: auto;
  display: block;
  height: 30px;
  line-height: 30px;
  border: 1px #202124 solid;
  border-radius: 8px;
  padding: 0px 14px;
  margin-left: 40px;
  font-size: 14px;
  color: #202124;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.banner-ad a span {
  height: 100%;
  display: block;
  padding-right: 30px;
  background-size: 12px;
  position: relative;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.banner-ad a span:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  background: url("../img/icon-1.svg") no-repeat right center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.banner-ad a span:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  background: url("../img/icon-1-1.svg") no-repeat right center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  opacity: 0;
}

.banner-ad a:hover {
  background: #003c98;
  color: #fff;
}

.banner-ad a:hover span:before {
  opacity: 0;
}

.banner-ad a:hover span:after {
  opacity: 1;
}

.banner-ad .ad-close {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  cursor: pointer;
}

.banner-ad .ad-close:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  background: url("../img/icon-1.png") no-repeat center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.banner-ad .ad-close:hover:before {
  transform: rotate(90deg);
}

.banner-ad.hide {
  visibility: hidden;
  height: 0px;
  opacity: 0;
}

/*banner-ny*/
.banner-ny {
  width: 100%;
  overflow: hidden;
  position: relative;
  color: #fff;
}

.banner-ny img, .banner-ny video {
  width: 100%;
  height: auto;
  display: block;
}

.banner-wz {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  width: 100%;
}

.banner-wz h3 {
  width: 100%;
  font-size: 0.6rem;
}

.banner-wz p {
  width: 100%;
  font-size: max(16px, 0.24rem);
  margin-top: 10px;
}

/*liuxue*/
.liuxue-1 {
  width: 100%;
  overflow: hidden;
  background: #fff;
  padding: 0.9rem 0px;
}

.liuxue-1 .swiper {
  background: #f3f6fa;
  border-radius: 8px;
}

.liuxue-1 .swiper a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}

.liuxue-1left {
  float: left;
  width: 38.84%;
  height: 340px;
  overflow: hidden;
  border-radius: 8px;
}

.liuxue-1right {
  float: right;
  width: 61.16%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0.47rem 0.5rem 0px;
}

.liuxue-1left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  display: block;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.liuxue-1 .swiper a:hover .liuxue-1left img,.ts-1 .swiper a:hover .liuxue-1left img{transform:scale(1.03)}*/
.liuxue-1date {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  transform: translateY(60px);
  opacity: 0;
}

.liuxue-1date span {
  width: auto;
  display: block;
  font-size: 14px;
  color: #7a8799;
  padding-left: 20px;
  background: url("../img/icon-4.png") no-repeat left center;
}

.liuxue-1date em {
  width: auto;
  display: block;
  font-size: 14px;
  color: #7a8799;
  padding-left: 14px;
  margin-left: 20px;
  position: relative;
  font-style: normal;
}

.liuxue-1date em:before {
  width: 1px;
  content: "";
  height: 76%;
  left: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #c2c5c8;
}

.liuxue-1right h4 {
  width: 100%;
  font-size: max(18px, 0.24rem);
  color: #202124;
  line-height: 30px;
  margin-top: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  transform: translateY(60px);
  opacity: 0;
}

.liuxue-1info {
  width: 100%;
  font-size: max(14px, 0.16rem);
  color: #7a8799;
  line-height: 24px;
  margin-top: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  transform: translateY(60px);
  opacity: 0;
}

.liuxue-1more {
  width: 100%;
  margin-top: 20px;
  transform: translateY(60px);
  opacity: 0;
}

.liuxue-1more span {
  font-size: max(14px, 0.16rem);
  color: #003c98;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  padding-right: 15px;
  background: url("../img/icon-5.png") no-repeat right center;
}

.liuxue-1 .swiper a:hover .liuxue-1right h4 {
  color: #003c98;
}

.liuxue-1 .swiper-pagination {
  width: 61.16%;
  bottom: 0.4rem;
  right: 0px;
  left: auto;
  box-sizing: border-box;
  padding: 0px 0.5rem;
  text-align: left;
}

.liuxue-1 .swiper-pagination span {
  background: #dadde1;
  opacity: 1;
  width: 8px;
  height: 8px;
  margin-right: 10px !important;
}

.liuxue-1 .swiper-pagination .swiper-pagination-bullet-active {
  background: #003c98;
}

.liuxue-1 .swiper-slide-active .liuxue-1date {
  animation: trans 0.6s ease 1;
  animation-fill-mode: forwards;
}

.liuxue-1 .swiper-slide-active .liuxue-1right h4 {
  animation: trans 0.6s ease 0.05s 1;
  animation-fill-mode: forwards;
}

.liuxue-1 .swiper-slide-active .liuxue-1info {
  animation: trans 0.6s ease 0.1s 1;
  animation-fill-mode: forwards;
}

.liuxue-1 .swiper-slide-active .liuxue-1more {
  animation: trans 0.6s ease 0.15s 1;
  animation-fill-mode: forwards;
}

.liuxue-2 {
  width: 100%;
  background: #f3f6fa;
  padding: 0.8rem 0px 1rem;
}

.liuxue-3 {
  width: 100%;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 0.45rem 0.56rem 0.6rem;
  position: relative;
}

.liuxue-3 form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.liuxue-3 form label {
  width: 130px;
  font-size: 14px;
  color: #7a8799;
  display: block;
}

.liuxue-3form {
  width: calc(100% - 130px);
  height: 50px;
  line-height: 50px;
  border: 1px #e5e5e5 solid;
  border-radius: 40px;
  position: relative;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.liuxue-3form:hover {
  border-color: #003c98;
}

.liuxue-3form .txt {
  width: 100%;
  height: 100%;
  background: none;
  box-sizing: border-box;
  padding: 0px 30px;
  font-size: 14px;
  color: #333;
}

.liuxue-3form .txt::placeholder {
  color: "#7a8799" !important;
  opacity: 1;
}

.liuxue-3form .txt::-webkit-input-placeholder {
  color: "#7a8799" !important;
  opacity: 1;
}

.liuxue-3form .txt::-ms-input-placeholder {
  color: "#7a8799" !important;
  opacity: 1;
}

.liuxue-3form .txt::-moz-placeholder {
  color: "#7a8799" !important;
  opacity: 1;
}

.liuxue-3form .bt {
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  background: url("../images/search-btn.png") no-repeat center;
  background-size: 100%;
}

.liuxue-3content {
  width: 100%;
  padding-top: 20px;
}

.liuxue-3pannel {
  width: 100%;
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.liuxue-3left {
  width: 130px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #7a8799;
}

.liuxue-3right {
  width: calc(100% - 130px);
}

.liuxue-3right p {
  float: left;
  width: 76px;
  position: relative;
}

.liuxue-3right p:before {
  width: 1px;
  height: 100%;
  content: "";
  right: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #d2d7de;
}

.liuxue-3right p a {
  width: 100%;
  height: 100%;
  display: block;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.liuxue-3right p samp {
  width: 12px;
  height: 12px;
  display: block;
  border: 1px #000 solid;
  border-radius: 2px;
}

.liuxue-3right p em {
  font-size: 14px;
  color: #202124;
  margin-left: 4px;
  font-style: normal;
}

.liuxue-3right p.active samp {
  background: url("../img/icon-6.png") no-repeat;
  background-size: cover;
}

.liuxue-3model {
  float: right;
  width: calc(100% - 76px - 30px);
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.liuxue-3model span {
  margin-right: 24px;
  margin-bottom: 20px;
  position: relative;
}

.liuxue-3model span:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 3px;
  background: #003c98;
  padding: 2px 10px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  opacity: 0;
}

.liuxue-3model span a {
  font-size: 14px;
  color: #202124;
  position: relative;
  z-index: 4;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.liuxue-3model span.active:before, .liuxue-3model span:hover:before {
  opacity: 1;
}

.liuxue-3model span.active a, .liuxue-3model span:hover a {
  color: #fff;
}

.liuxue-3clear {
  width: auto;
  position: absolute;
  right: 0.56rem;
  bottom: 0.32rem;
}

.liuxue-3clear a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 14px;
  color: #7a8799;
  padding-left: 20px;
  background: url("../img/icon-7.png") no-repeat left center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.liuxue-3clear a:hover {
  color: #003c98;
}

.liuxue-4 {
  width: 100%;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.liuxue-4left {
  width: 64%;
}

.liuxue-4item {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px #dadde1 solid;
  padding: 0.4rem 0px 0.45rem;
}

.liuxue-4item:first-child {
  padding-top: 0px;
}

.liuxue-4item a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.liuxue-4pic {
  width: 31.25%;
  height: 175px;
  overflow: hidden;
  border-radius: 8px;
}

.liuxue-4pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/*.liuxue-4item:hover .liuxue-4pic img{transform:scale(1.03)}*/
.liuxue-4cont {
  width: 66%;
}

.liuxue-4title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.liuxue-4title span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 3px;
  background: #f41733;
  text-align: center;
  font-size: 12px;
  color: #fff;
  margin-right: 12px;
  margin-top: 4px;
}

.liuxue-4title h4 {
  width: 100%;
  line-height: 28px;
  font-size: max(16px, 0.2rem);
  color: #202124;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.liuxue-4item:hover .liuxue-4title h4 {
  color: #003c98;
}

.liuxue-4info {
  width: 100%;
  font-size: max(14px, 0.16rem);
  color: #7a8799;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 0.2rem;
}

.liuxue-4date {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin-top: 12px;
}

.liuxue-4date span {
  width: auto;
  display: block;
  font-size: 14px;
  color: #7a8799;
  padding-left: 20px;
  background: url("../img/icon-4.png") no-repeat left center;
}

.liuxue-4date em {
  width: auto;
  display: block;
  font-size: 14px;
  color: #7a8799;
  padding-left: 14px;
  margin-left: 20px;
  position: relative;
  font-style: normal;
}

.liuxue-4date em:before {
  width: 1px;
  content: "";
  height: 76%;
  left: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #c2c5c8;
}

.liuxue-page {
  width: 100%;
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.liuxue-page ul, .liuxue-center {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.liuxue-page a {
  width: auto;
  height: 34px;
  line-height: 34px;
  display: block;
  margin: 0px 0.08rem;
  border: 1px #dadde1 solid;
  border-radius: 5px;
  padding: 0px 12px;
  font-size: 14px;
  color: #333;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.liuxue-page a:hover {
  border-color: #003c98;
}

.liuxue-page a.active, .liuxue-page ul .active a {
  background: #003c98;
  color: #fff;
  border-color: #003c98;
}

.liuxue-page span {
  color: #333;
  margin: 0px 0.08rem;
}

.liuxue-page span a {
  border: none;
  margin: 0px;
}

.liuxue-page input {
  width: 34px;
  height: 34px;
  line-height: 34px;
  border: 1px #dadde1 solid;
  background: none;
  text-align: center;
  border-radius: 5px;
}

.liuxue-4right {
  width: 32%;
}

.liuxue-4slide {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}

.liuxue-4slide a {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
}

.liuxue-4slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.liuxue-4slide .swiper-pagination {
  bottom: 0.2rem;
}

.liuxue-4slide .swiper-pagination span {
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
  width: 8px;
  height: 8px;
}

.liuxue-4slide .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}

.liuxue-4tj {
  width: 100%;
  overflow: hidden;
  margin-top: 0.3rem;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px #fff solid;
  background: #fff url("../img/liuxue-14.jpg") no-repeat left top;
  background-size: 100%;
  box-shadow: 0px 4px 16px 5px rgba(0, 0, 0, 0.02);
  padding: 0.24rem;
}

.liuxue-4head {
  width: 100%;
  border-bottom: 1px #bccbe6 solid;
  padding-bottom: 0.28rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.liuxue-4head h3 {
  width: auto;
  font-size: max(20px, 0.24rem);
  color: #202124;
  padding-left: 20px;
  position: relative;
}

.liuxue-4head h3:before {
  width: 4px;
  height: 84%;
  content: "";
  left: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: -webkit-linear-gradient(top, #caddfb, #84a0ce);
  background: -moz-linear-gradient(top, #caddfb, #84a0ce);
  background: -ms-linear-gradient(top, #caddfb, #84a0ce);
  background: -o-linear-gradient(top, #caddfb, #84a0ce);
  border-radius: 4px;
}

.liuxue-4head a {
  width: auto;
  font-size: max(14px, 0.16rem);
  color: #003c98;
  padding-right: 19px;
  background: url("../img/icon-5.png") no-repeat right center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.liuxue-4head a:hover {
  padding-right: 22px;
}

.liuxue-4ul {
  width: 100%;
  margin-top: 10px;
}

.liuxue-4model {
  width: 100%;
  overflow: hidden;
  padding: 0.2rem 0px;
  border-bottom: 1px #e8eaed solid;
}

.liuxue-4model:last-child {
  border-bottom: none;
}

.liuxue-4model a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.liuxue-4tu {
  width: 90px;
  height: 120px;
  overflow: hidden;
  border-radius: 8px;
  background: url("../img/add-20250108-1.jpg") no-repeat;
  background-size: cover;
  position: relative;
}

.liuxue-4tu img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 5px;
  object-fit: cover;
}

/*.liuxue-4model:hover .liuxue-4tu img{transform:scale(1.06)}*/
.liuxue-4s {
  width: calc(100% - 92px - 18px);
}

.liuxue-4top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.liuxue-4name {
  width: calc(100% - 60px);
}

.liuxue-4name span {
  float: left;
  width: auto;
  font-size: 0.2rem;
  color: #202124;
  margin-right: 0.12rem;
}

.liuxue-4name p {
  float: left;
  width: auto;
  font-size: 14px;
  color: #7a8799;
  margin-top: 6px;
}

.liuxue-4zixun {
  width: auto;
  font-size: 14px;
  color: #7a8799;
  padding-left: 25px;
  background: url("../img/icon-8.png") no-repeat left top;
  height: 24px;
}

.liuxue-4des {
  width: 100%;
  font-size: max(14px, 0.16rem);
  color: #7a8799;
  line-height: 24px;
  margin-top: 14px;
}

.liuxue-4ad {
  width: 100%;
  overflow: hidden;
  margin-top: 0.3rem;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px #fff solid;
  background: -webkit-linear-gradient(top, #e9eef7, #fff);
  background: -moz-linear-gradient(top, #e9eef7, #fff);
  background: -ms-linear-gradient(top, #e9eef7, #fff);
  background: -o-linear-gradient(top, #e9eef7, #fff);
  box-shadow: 0px 4px 16px 5px rgba(0, 0, 0, 0.02);
  padding: 0.2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.liuxue-4wx {
  width: 120px;
  overflow: hidden;
}

.liuxue-4wx img {
  width: 100%;
  height: auto;
}

.liuxue-4r {
  width: calc(100% - 120px - 25px);
}

.liuxue-4r h3 {
  width: 100%;
  font-size: 0.2rem;
  color: #202124;
}

.liuxue-4r ul {
  width: 100%;
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 12px;
}

.liuxue-4r ul li {
  width: 100%;
  font-size: max(14px, 0.16rem);
  color: #7a8799;
  padding-left: 24px;
  background: url("../img/icon-9.png") no-repeat left center;
}

.liuxue-5 {
  width: 100%;
  margin-top: 1rem;
}

.liuxue-5head {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.liuxue-5head h3 {
  width: auto;
  position: relative;
  padding-left: 21px;
  font-size: 0.32rem;
  color: #202124;
}

.liuxue-5head h3:before {
  width: 4px;
  height: 84%;
  content: "";
  left: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 4px;
  background: -webkit-linear-gradient(top, #d6e6ff, #82a0cd);
  background: -moz-linear-gradient(top, #d6e6ff, #82a0cd);
  background: -ms-linear-gradient(top, #d6e6ff, #82a0cd);
  background: -o-linear-gradient(top, #d6e6ff, #82a0cd);
}

.liuxue-5head p {
  width: auto;
  margin-left: 0.6rem;
  font-size: max(14px, 0.16rem);
  color: #7a8799;
}

.liuxue-5content {
  width: 100%;
  margin-top: 35px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
}

.liuxue-5item {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
}

.liuxue-5item a {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.liuxue-5item img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.liuxue-5item:hover img{transform:scale(1.03)}*/
.server {
  width: 100%;
  overflow: hidden;
  padding-top: 1rem;
}

.server-1 {
  width: 100%;
}

.server-1 h3 {
  width: 100%;
  font-size: 0.32rem;
  color: #333;
  box-sizing: border-box;
  padding-left: 20px;
  position: relative;
}

.server-1 h3:before {
  width: 4px;
  height: 84%;
  content: "";
  left: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 4px;
  background: -webkit-linear-gradient(top, #d6e6ff, #82a0cd);
  background: -moz-linear-gradient(top, #d6e6ff, #82a0cd);
  background: -ms-linear-gradient(top, #d6e6ff, #82a0cd);
  background: -o-linear-gradient(top, #d6e6ff, #82a0cd);
}

.server-1 p {
  width: 100%;
  font-size: max(14px, 0.16rem);
  color: #7a8799;
  margin-top: 10px;
}

.server-2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  padding-bottom: 94px;
}

.server-2left {
  width: 300px;
  margin-top: 0.4rem;
}

.server-2left form {
  width: 100%;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px #e5e5e5 solid;
  border-radius: 40px;
  height: 50px;
  line-height: 50px;
}

.server-2left form select {
  width: 100%;
  height: 100%;
  display: block;
  background: url("../img/icon-12.png") no-repeat 92% center;
  box-sizing: border-box;
  padding-left: 0.3rem;
  font-size: 14px;
  color: #7a8799;
}

.server-2left ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.server-2left ul li {
  width: 50%;
  margin-top: 0.5rem;
}

.server-2left ul li:nth-child(2n) {
  width: auto;
}

.server-2num {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  color: #003c98;
}

.server-2num span {
  width: auto;
  font-size: 0.6rem;
  margin-right: 5px;
}

.server-2num p {
  width: auto;
  font-size: 0.4rem;
}

.server-2info {
  width: 100%;
  font-size: 12px;
  color: #7a8799;
}

.server-2button {
  width: 100%;
  margin-top: 1rem;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.server-2button span {
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 30px;
  border: 1px #003c98 solid;
  text-align: center;
  margin-right: 10px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.server-2button span a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 14px;
  color: #003c98;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.server-2button span:first-child {
  background: #003c98;
}

.server-2button span:first-child a {
  color: #fff;
}

.server-2button span:hover {
  background: #003c98;
  box-shadow: 0px 0px 12px 5px rgba(0, 60, 152, 0.2);
}

.server-2button span:hover a {
  color: #fff;
}

.server-2button span:last-child {
  margin-right: 0px;
}

.server-2right {
  width: 969px;
  position: absolute;
  right: -250px;
  bottom: 0px;
}

.server-2map, .server-2map img {
  width: 100%;
  height: auto;
  display: block;
}

.server-2all {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

.location {
  position: absolute;
  left: 0px;
  top: 0px;
  width: auto;
  cursor: pointer;
}

.location.active {
  z-index: 22;
}

.location .map1 {
  width: auto;
  position: absolute;
  left: 0px;
  top: 0px;
}

.location .map1 samp {
  width: 16px;
  height: 16px;
  display: block;
  overflow: hidden;
  position: relative;
}

.location .map1 samp:before {
  width: 50%;
  height: 50%;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: rgba(0, 60, 152, 0.2);
  border-radius: 50%;
}

.location .map1 samp:after {
  width: 25%;
  height: 25%;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: rgb(0, 60, 152);
  border-radius: 50%;
}

.location.active .map1 samp:before {
  width: 100%;
  height: 100%;
}

.location.active .map1 samp:after {
  width: 50%;
  height: 50%;
}

.location .map1 span {
  width: auto;
  display: block;
  height: 28px;
  line-height: 28px;
  background: #003c98;
  padding: 0px 20px;
  font-size: 14px;
  color: #fff;
  box-shadow: 5px 5px 20px 12px rgba(5, 5, 0, 0.06);
  border-radius: 8px 8px 8px 0px;
  position: absolute;
  left: 16px;
  bottom: 22px;
  white-space: pre;
  opacity: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  visibility: hidden;
}

.map-item {
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(255, 255, 255, 0.7);
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0px 5px 12px 5px rgba(0, 0, 0, 0.06);
  padding: 10px;
  opacity: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  position: absolute;
  right: 5px;
  bottom: 30px;
  visibility: hidden;
}

.map-left {
  width: 160px;
  overflow: hidden;
  border-radius: 6px;
  margin-right: 30px;
}

.map-left img {
  width: 100%;
  height: auto;
}

.map-right {
  width: 270px;
}

.map-right h3 {
  width: 100%;
  font-size: 18px;
  color: #333;
}

.map-right ul {
  width: 100%;
  margin-top: 10px;
}

.map-right ul li {
  width: 100%;
  font-size: 12px;
  color: #7a8799;
  line-height: 24px;
}

.location.active .map1 span, .location.active .map-item {
  opacity: 1;
  visibility: visible;
}

.location.l1 {
  left: 42.5%;
  top: 40%;
}

.location.l2 {
  left: 47%;
  top: 48.6%;
}

.location.l3 {
  left: 42%;
  top: 57%;
}

.location.l4 {
  left: 43.2%;
  top: 58%;
}

.location.l5 {
  left: 46%;
  top: 50%;
}

.location.l6 {
  left: 41.7%;
  top: 49.8%;
}

.location.l7 {
  left: 42.4%;
  top: 46%;
}

.location.l8 {
  left: 40.6%;
  top: 55.2%;
}

.location.l9 {
  left: 36.7%;
  top: 56%;
}

.location.l10 {
  left: 41.4%;
  top: 63%;
}

.location.l11 {
  left: 37%;
  top: 53%;
}

.location.l12 {
  left: 39%;
  top: 54%;
}

.location.l13 {
  left: 46%;
  top: 43%;
}

.location.l14 {
  left: 43.5%;
  top: 59.4%;
}

.location.l15 {
  left: 54%;
  top: 42%;
}

.location.l16 {
  left: 38%;
  top: 83%;
}

.bt-1 .location:hover {
  z-index: 12;
}

.bt-1 .location:hover span {
  opacity: 1;
  visibility: visible;
}

/*liuxue-chanpin*/
.lxpro .crumb {
  background: #f3f6fa;
}

.lx2-1item {
  width: 100%;
  overflow: hidden;
  margin-top: 22px;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px #fff solid;
  background: -webkit-linear-gradient(top, #e9eef7, #fff);
  background: -moz-linear-gradient(top, #e9eef7, #fff);
  background: -ms-linear-gradient(top, #e9eef7, #fff);
  background: -o-linear-gradient(top, #e9eef7, #fff);
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.03);
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  box-sizing: border-box;
  padding: 0.18rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.lx2-1item:first-child {
  margin-top: 0px;
}

.lx2-1item a {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  color: #fff;
}

.lx2-1left {
  width: 40%;
  height: 224px;
  overflow: hidden;
  border-radius: 8px;
}

.lx2-1left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.lx2-1item:hover .lx2-1left img{transform:scale(1.03)}*/
.lx2-1item:hover {
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.06);
}

.lx2-1cont {
  width: 54%;
}

.lx2-1cont h4 {
  width: 100%;
  font-size: 0.2rem;
  color: #202124;
  line-height: 28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.lx2-1item:hover h4 {
  color: #003c98;
}

.lx2-1cont ul {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.lx2-1cont ul li {
  width: auto;
  height: 22px;
  line-height: 22px;
  border: 1px #fff solid;
  padding: 0px 13px;
  border-radius: 30px;
  background: #e5ebf4;
  font-size: 14px;
  color: #7a8799;
  margin-right: 10px;
  margin-top: 12px;
}

.lx2-1pannel {
  width: 100%;
  margin-top: 16px;
}

.lx2-1model {
  width: 100%;
  line-height: 24px;
  font-size: 14px;
  color: #7a8799;
}

.lx2-1more {
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 30px;
  background: #003c98;
  margin-top: 16px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.lx2-1more:hover {
  box-shadow: 0px 0px 12px 5px rgba(0, 60, 152, 0.2);
}

.lx2-2 {
  width: 100%;
  margin-top: 0.3rem;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px #fff solid;
  background: url("../img/liuxue-20.jpg") no-repeat;
  background-size: cover;
  box-shadow: 0px 4px 16px 5px rgba(0, 0, 0, 0.02);
  padding: 0.24rem;
}

.lx2-2 ul {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.lx2-2 ul:before {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #c1cee6;
}

.lx2-2 ul li {
  width: auto;
  padding: 0px 15px 25px;
  position: relative;
  font-size: 0.24rem;
  color: #7a8799;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  cursor: pointer;
}

.lx2-2 ul li:before {
  width: 0%;
  height: 1px;
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  background: #003c98;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.lx2-2 ul li.active {
  color: #003c98;
}

.lx2-2 ul li.active:before {
  width: 100%;
}

.lx2-2content {
  width: 100%;
  padding-top: 5px;
}

.lx2-2pannel {
  width: 100%;
  display: none;
}

.lx2-2pannel.active {
  display: block;
}

.lx2-2input {
  width: 100%;
  height: 48px;
  line-height: 48px;
  overflow: hidden;
  background: #fff;
  border: 1px #fff solid;
  border-radius: 10px;
  margin-top: 15px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.lx2-2input:hover {
  border-color: #003c98;
}

.lx2-2input input {
  width: 100%;
  height: 100%;
  background: none;
  box-sizing: border-box;
  padding: 0px 20px;
  font-size: 14px;
  color: #7a8799;
}

.lx2-2input input::placeholder {
  color: "#7a8799" !important;
  opacity: 1;
}

.lx2-2input input::-webkit-input-placeholder {
  color: "#7a8799" !important;
  opacity: 1;
}

.lx2-2input input::-ms-input-placeholder {
  color: "#7a8799" !important;
  opacity: 1;
}

.lx2-2input input::-moz-placeholder {
  color: "#7a8799" !important;
  opacity: 1;
}

.lx2-2sel {
  width: 100%;
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}

.lx2-2sel .layui-form-select {
  display: none !important;
}

.lx2-2sel select {
  width: 48%;
  height: 48px;
  border-radius: 10px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  display: block;
  box-sizing: border-box;
  padding: 0px 20px;
  font-size: 14px;
  color: #7a8799;
  background: #fff url("../img/icon-12.png") no-repeat 93% center;
  border: 1px #fff solid;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.lx2-2sel select:hover {
  border-color: #003c98;
}

.lx2-2ver {
  width: 100%;
  margin-top: 15px;
  border-radius: 10px;
  background: #fff;
  height: 48px;
  line-height: 48px;
  border: 1px #fff solid;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  padding: 0px 8px 0px 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.lx2-2ver:hover {
  border-color: #003c98;
}

.lx2-2ver input {
  width: calc(100% - 117px);
  height: 100%;
  background: none;
  font-size: 14px;
  color: #7a8799;
}

.lx2-2ver span {
  width: 117px;
  height: 36px;
  overflow: hidden;
  cursor: pointer;
}

.lx2-2ver span img {
  width: 100%;
  height: 100%;
  display: block;
}

.lx2-2button {
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-top: 15px;
  border-radius: 30px;
  background: #003c98;
  cursor: pointer;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.lx2-2button:hover {
  box-shadow: 0px 0px 12px 5px rgba(0, 60, 152, 0.2);
}

.lx2-2button input {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: none;
  text-align: center;
  font-size: max(14px, 0.18rem);
  color: #fff;
}

.lx2-3sel {
  width: 100%;
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}

.lx2-3sel .layui-form-select {
  display: none !important;
}

.lx2-3sel select {
  width: 100%;
  height: 48px;
  border-radius: 10px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  display: block;
  box-sizing: border-box;
  padding: 0px 20px;
  font-size: 14px;
  color: #7a8799;
  background: #fff url("../img/icon-12.png") no-repeat 93% center;
  border: 1px #fff solid;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.lx2-3sel select:hover {
  border-color: #003c98;
}

.lx2-3 {
  width: 100%;
  overflow: hidden;
}

.lx2-3 a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.lx2-3 samp {
  width: 100%;
  display: block;
  overflow: hidden;
}

.lx2-3 samp img {
  width: 100%;
  height: auto;
}

.lx2-3 span {
  width: 100%;
  display: block;
  margin-top: 20px;
  font-size: 16px;
  color: #202124;
  line-height: 24px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.lx2-3:hover span {
  color: #003c98;
}

.lx2-4 {
  width: 100%;
  margin-top: 12px;
}

.lx2-4 span {
  width: 100%;
  display: block;
  line-height: 24px;
  box-sizing: border-boxl;
  padding-left: 28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  background: url("../img/icon-13.png") no-repeat left center;
}

.lx2-4 span a {
  font-size: 14px;
  color: #7a8799;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.lx2-4 span a:hover {
  color: #003c98;
}

/*beijingtisheng*/
.ts-1 {
  width: 100%;
  overflow: hidden;
  background: #fff;
  padding: 0.9rem 0px;
}

.ts-1 .swiper {
  background: #f3f6fa;
  border-radius: 8px;
}

.ts-1 .swiper a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}

.ts-1right {
  float: right;
  width: 61.16%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0.47rem 0.5rem 0px;
}

.ts-1 .swiper-pagination {
  width: 61.16%;
  bottom: 0.3rem;
  right: 0px;
  left: auto;
  box-sizing: border-box;
  padding: 0px 0.5rem;
  text-align: left;
}

.ts-1 .swiper-pagination span {
  background: #dadde1;
  opacity: 1;
  width: 8px;
  height: 8px;
  margin-right: 10px !important;
}

.ts-1 .swiper-pagination .swiper-pagination-bullet-active {
  background: #003c98;
}

.ts-1right {
  float: right;
  width: 61.16%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0.47rem 0.5rem 0px;
}

.ts-1right h4 {
  width: 100%;
  font-size: 0.24rem;
  color: #202124;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  transform: translateY(60px);
  opacity: 0;
}

.ts-1right ul {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  transform: translateY(60px);
  opacity: 0;
}

.ts-1right ul li {
  width: auto;
  height: 22px;
  line-height: 22px;
  border: 1px #fff solid;
  padding: 0px 13px;
  border-radius: 30px;
  background: #e5ebf4;
  font-size: 14px;
  color: #7a8799;
  margin-right: 10px;
  margin-top: 12px;
}

.ts-1model {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  transform: translateY(60px);
  opacity: 0;
}

.ts-1model span {
  width: 50%;
  box-sizing: border-box;
  display: block;
  padding-right: 15px;
  font-size: 14px;
  color: #7a8799;
  line-height: 24px;
  margin-top: 10px;
  padding-left: 24px;
}

.ts-1model span.icon1 {
  background: url("../img/icon-10.png") no-repeat left 5px;
}

.ts-1model span.icon2 {
  background: url("../img/icon-4.png") no-repeat left 5px;
}

.ts-1model span em, .ts-1model p em {
  font-style: normal;
}

.ts-1model span:last-child {
  padding-right: 0px;
}

.ts-1model p {
  width: 100%;
  box-sizing: border-box;
  display: block;
  padding-right: 15px;
  font-size: 14px;
  color: #7a8799;
  line-height: 24px;
  margin-top: 10px;
  padding-left: 24px;
}

.ts-1model p.icon3 {
  background: url("../img/icon-11.png") no-repeat left 5px;
}

.ts-1model p.icon4 {
  background: url("../img/icon-14.png") no-repeat left 5px;
}

.ts-1 .swiper-slide-active .ts-1right h4 {
  animation: trans 0.6s ease 1;
  animation-fill-mode: forwards;
}

.ts-1 .swiper-slide-active .ts-1right ul {
  animation: trans 0.6s ease 0.05s 1;
  animation-fill-mode: forwards;
}

.ts-1 .swiper-slide-active .ts-1model {
  animation: trans 0.6s ease 0.1s 1;
  animation-fill-mode: forwards;
}

.ts .liuxue-3 form label {
  width: 94px;
}

.ts .liuxue-3form {
  width: calc(100% - 94px);
}

.ts .liuxue-3left {
  width: 94px;
}

.ts .liuxue-3right {
  width: calc(100% - 94px);
}

.ts-2 {
  width: 100%;
}

.ts-2item {
  width: 100%;
  overflow: hidden;
  margin-top: 0.3rem;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px #fff solid;
  background: -webkit-linear-gradient(top, #e9eef7, #fff);
  background: -moz-linear-gradient(top, #e9eef7, #fff);
  background: -ms-linear-gradient(top, #e9eef7, #fff);
  background: -o-linear-gradient(top, #e9eef7, #fff);
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.03);
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  padding: 0.24rem 0.08rem 0.24rem 0.24rem;
  display: flex;
  justify-content: space-between;
}

.ts-2item:hover {
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.08);
}

.ts-2pic {
  width: 28.817%;
  overflow: hidden;
  height: 246px;
  border-radius: 8px;
}

.ts-2right {
  width: 71.183%;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0.1rem 0px 0.1rem 0.3rem;
}

.ts-2pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.ts-2item:hover .ts-2pic img{transform:scale(1.03)}*/
.ts-2model {
  width: calc(100% - 160px);
  box-sizing: border-box;
  padding-right: 0.34rem;
  position: relative;
}

.ts-2model:before {
  width: 1px;
  height: 100%;
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  background: #d7dae1;
}

.ts-2pannel {
  width: 160px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
}

.ts-2model h4 {
  width: 100%;
  font-size: 0.24rem;
  color: #202124;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.ts-2model ul {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.ts-2model ul li {
  width: auto;
  height: 22px;
  line-height: 22px;
  border: 1px #fff solid;
  padding: 0px 13px;
  border-radius: 30px;
  background: #e5ebf4;
  font-size: 14px;
  color: #7a8799;
  margin-right: 10px;
  margin-top: 12px;
}

.ts-2cont {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ts-2cont span {
  width: 50%;
  box-sizing: border-box;
  display: block;
  padding-right: 15px;
  font-size: 14px;
  color: #7a8799;
  line-height: 24px;
  margin-top: 10px;
  padding-left: 24px;
}

.ts-2cont span.icon1 {
  background: url("../img/icon-10.png") no-repeat left 5px;
}

.ts-2cont span.icon2 {
  background: url("../img/icon-4.png") no-repeat left 5px;
}

.ts-2cont span em, .ts-2cont p em {
  font-style: normal;
}

.ts-2cont span:last-child {
  padding-right: 0px;
}

.ts-2cont p {
  width: 100%;
  box-sizing: border-box;
  display: block;
  padding-right: 15px;
  font-size: 14px;
  color: #7a8799;
  line-height: 24px;
  margin-top: 10px;
  padding-left: 24px;
}

.ts-2cont p.icon3 {
  background: url("../img/icon-11.png") no-repeat left 5px;
}

.ts-2cont p.icon4 {
  background: url("../img/icon-14.png") no-repeat left 5px;
}

.ts-2num {
  width: 98px;
  border: 1px #fff solid;
  background: -webkit-linear-gradient(top, #fff, #eaeff8);
  background: -moz-linear-gradient(top, #fff, #eaeff8);
  background: -ms-linear-gradient(top, #fff, #eaeff8);
  background: -o-linear-gradient(top, #fff, #eaeff8);
  margin: 0px auto;
  border-radius: 10px;
  padding: 16px 0px;
}

.ts-2num span {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 0.48rem;
  color: #003c98;
}

.ts-2num p {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 14px;
  color: #7a8799;
}

.ts-2link {
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 30px;
  background: #003c98;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  margin: 0.3rem auto 0px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.ts-2link:hover {
  box-shadow: 0px 0px 12px 5px rgba(0, 60, 152, 0.2);
}

.ts-2link a {
  width: 100%;
  height: 100%;
  display: block;
  color: #fff;
}

.ts-3 {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.ts .liuxue-5head, .team .liuxue-5head {
  justify-content: space-between;
}

.ts .liuxue-5head a, .team .liuxue-5head a {
  font-size: 12px;
  color: #7a8799;
  padding-right: 15px;
  background: url("../img/icon-15.png") no-repeat right center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.ts .liuxue-5head a:hover, .team .liuxue-5head a:hover {
  color: #003c98;
  padding-right: 22px;
}

.ts-3content {
  width: 100%;
  margin-top: 0.4rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
}

.ts-3item {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.03);
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

.ts-3item a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  padding-bottom: 80px;
}

.ts-3item:hover {
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.08);
}

.ts-3pic {
  width: 100%;
  height: 285px;
  overflow: hidden;
  position: relative;
}

.ts-3pic span {
  width: auto;
  height: 24px;
  line-height: 24px;
  padding: 0px 12px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 12;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  color: #fff;
}

.ts-3pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.ts-3item:hover .ts-3pic img{transform:scale(1.03)}*/
.ts-3cont {
  width: 100%;
  padding: 0.3rem;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  z-index: 2;
  background: -webkit-linear-gradient(top, #cec9c9, rgb(255, 255, 255));
  background: -moz-linear-gradient(top, #cec9c9, rgb(255, 255, 255));
  background: -ms-linear-gradient(top, #cec9c9, rgb(255, 255, 255));
  background: -o-linear-gradient(top, #cec9c9, rgb(255, 255, 255));
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.ts-3cont h4 {
  width: 100%;
  font-size: 0.16rem;
  color: #202124;
  line-height: 24px;
  min-height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: inherit;
}

.ts-3info {
  width: 100%;
  font-size: 12px;
  color: #7a8799;
  line-height: 24px;
  height: 0px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 0rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.ts-3item:hover .ts-3info {
  height: 48px;
  margin-top: 0.2rem;
  opacity: 1;
  visibility: visible;
}

/*youxue*/
.yx .crumb {
  background: #f3f6fa;
}

.yx .liuxue-2 {
  padding-top: 0.4rem;
}

.yx-1 {
  width: 100%;
}

.yx-1 ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.yx-1 ul li {
  width: auto;
  height: 42px;
  line-height: 42px;
  border-radius: 30px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.yx-1 ul li a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0px 0.7rem;
  font-size: 16px;
  color: #7a8799;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.yx-1 ul li.active, .yx-1 ul li:hover {
  background: #003c98;
}

.yx-1 ul li.active a, .yx-1 ul li:hover a {
  color: #fff;
}

.yx .liuxue-3 {
  margin-top: 0.3rem;
}

.yx .liuxue-3 form label {
  width: 108px;
}

.yx .liuxue-3form {
  width: calc(100% - 108px);
}

.yx .liuxue-3left {
  width: 108px;
}

.yx .liuxue-3right {
  width: calc(100% - 108px);
}

.yx-2 {
  width: 100%;
  position: relative;
}

.yx-2 .swiper {
  padding: 0.36rem 10px 0.3rem;
  width: calc(100% + 20px);
  margin-left: -10px;
}

.yx-2 .swiper-slide {
  overflow: hidden;
  box-shadow: 0px 10px 12px 5px rgba(0, 0, 0, 0.03);
  border-radius: 10px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

.yx-2 .swiper-slide a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  padding-bottom: 180px;
}

.yx-2 .swiper-slide:hover {
  transform: translateY(-16px);
  box-shadow: 0px 12px 12px 5px rgba(0, 0, 0, 0.07);
}

.yx-2pic {
  width: 100%;
  height: 285px;
  overflow: hidden;
  position: relative;
}

.yx-2pic span {
  width: auto;
  height: 24px;
  line-height: 24px;
  padding: 0px 12px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 12;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.4);
  font-size: 12px;
  color: #525a66;
}

.yx-2pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.yx-2 .swiper-slide:hover .yx-2pic img{transform:scale(1.06)}*/
.yx-2cont {
  width: 100%;
  padding: 0.3rem;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  z-index: 2;
  background: -webkit-linear-gradient(top, #aabcc9, rgb(255, 255, 255) 35%);
  background: -moz-linear-gradient(top, #aabcc9, rgb(255, 255, 255) 35%);
  background: -ms-linear-gradient(top, #aabcc9, rgb(255, 255, 255) 35%);
  background: -o-linear-gradient(top, #aabcc9, rgb(255, 255, 255) 35%);
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.yx-2cont h4 {
  width: 100%;
  font-size: 0.16rem;
  color: #202124;
  line-height: 24px;
  min-height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.yx-2cont p {
  width: 100%;
  font-size: 12px;
  color: #7a8799;
  line-height: 24px;
  margin-top: 0.2rem;
}

.yx-2cont ul {
  width: 100%;
  padding-top: 10px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.yx-2cont ul li {
  width: auto;
  height: 22px;
  line-height: 22px;
  border-radius: 15px;
  background: #e5ebf4;
  padding: 0px 10px;
  font-size: 12px;
  color: #7a8799;
  margin-right: 12px;
  margin-top: 10px;
}

.yx-2button {
  width: 40%;
  position: relative;
  margin: 5px auto 0px;
}

.yx-2button .swiper-button-prev {
  width: 30px;
  height: 30px;
  opacity: 1;
  background: url("../img/icon-16.png") no-repeat center;
  opacity: 0.7;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  margin-top: -15px !important;
}

.yx-2button .swiper-button-next {
  width: 30px;
  height: 30px;
  opacity: 1;
  background: url("../img/icon-16.png") no-repeat center;
  transform: rotate(180deg);
  opacity: 0.7;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  margin-top: -15px !important;
}

.yx-2button .swiper-button-prev:after, .yx-2button .swiper-button-next:after {
  display: none;
}

.yx-2button .swiper-button-prev:hover, .yx-2button .swiper-button-next:hover {
  opacity: 1;
}

.yx-2button .swiper-pagination {
  width: 70%;
  bottom: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 2px;
  background: #dadde1;
}

.yx-2button .swiper-pagination span {
  background: #003c98;
}

.yx .ts-2 {
  margin-top: 50px;
}

.yx .ts-2cont p.icon4 {
  background-image: url("../img/icon-17.png");
}

.yx-3content {
  width: 100%;
  margin-top: 0.35rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
}

.yx-3item {
  overflow: hidden;
  box-shadow: 0px 10px 12px 5px rgba(0, 0, 0, 0.03);
  border-radius: 10px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

.yx-3item a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  padding-bottom: 180px;
}

.yx-3item:hover {
  transform: translateY(-16px);
  box-shadow: 0px 12px 12px 5px rgba(0, 0, 0, 0.07);
}

/*.yx-3item:hover .yx-2pic img{transform:scale(1.06)}*/
.yx-3item .yx-2pic span {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
}

/*team*/
.team .liuxue-3 form label {
  width: 130px;
}

.team .liuxue-3form {
  width: calc(100% - 130px);
}

.team .liuxue-3left {
  width: 130px;
}

.team .liuxue-3right {
  width: calc(100% - 130px);
}

.team-1 {
  width: 100%;
  margin-top: 0.4rem;
  position: relative;
}

.team-1 .swiper-slide {
  width: 100%;
  height: 320px;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: -webkit-linear-gradient(-10deg, #d0dfee, #fff);
  background: -moz-linear-gradient(-10deg, #d0dfee, #fff);
  background: -ms-linear-gradient(-10deg, #d0dfee, #fff);
  background: -o-linear-gradient(-10deg, #d0dfee, #fff);
}

.team-1 .swiper-slide:before {
  width: 12.38%;
  height: 24%;
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  background: url("../img/icon-18.png") no-repeat;
  background-size: 100%;
}

.team-1 .swiper-slide .team-1item {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 12;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.team-1 a {
  width: 100%;
  height: 100%;
  display: block;
  color: #fff;
}

.team-1pic {
  width: 45%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: flex-end;
}

.team-1pic a {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.team-1pic img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 94%;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.team-1 .swiper-slide:hover .team-1pic img{transform:scale(1.03)}*/
.team-1cont {
  width: 55%;
}

.team-1title {
  width: 100%;
  font-size: 14px;
  color: #7a8799;
}

.team-1title span {
  font-size: 0.24rem;
  color: #202124;
  margin-right: 17px;
}

.team-1cont ul {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: 10px;
}

.team-1cont ul li {
  width: auto;
  height: 22px;
  line-height: 22px;
  border: 1px #fff solid;
  border-radius: 22px;
  background: -webkit-linear-gradient(top, #e9eef8, #fefeff);
  background: -moz-linear-gradient(top, #e9eef8, #fefeff);
  background: -ms-linear-gradient(top, #e9eef8, #fefeff);
  background: -o-linear-gradient(top, #e9eef8, #fefeff);
  margin-right: 10px;
  margin-top: 10px;
  padding: 0px 12px;
  font-size: 14px;
  color: #7a8799;
}

.team-1model {
  width: calc(100% - 0.3rem);
  border-top: 1px #dbdee1 solid;
  margin-top: 0.2rem;
  padding-top: 10px;
}

.team-1model span {
  width: 100%;
  display: block;
  line-height: 24px;
  font-size: 14px;
  color: #7a8799;
  margin-top: 5px;
}

.team-1model span em {
  font-style: normal;
}

.team-1more {
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  background: #003c98;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  margin-top: 16px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.team-1more:hover {
  box-shadow: 0px 0px 12px 5px rgba(0, 60, 152, 0.2);
}

.team-1 .swiper-button-prev {
  width: 48px;
  height: 48px;
  opacity: 1;
  left: -80px;
}

.team-1 .swiper-button-prev:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px #003c98 solid;
  border-radius: 50%;
  background: url("../img/icon-23.png") no-repeat center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.team-1 .swiper-button-prev:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px #003c98 solid;
  border-radius: 50%;
  background: #003c98 url("../img/icon-24.png") no-repeat center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  transform: rotate(180deg);
  opacity: 0;
}

.team-1 .swiper-button-next {
  width: 48px;
  height: 48px;
  opacity: 1;
  right: -80px;
}

.team-1 .swiper-button-next:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px #003c98 solid;
  border-radius: 50%;
  background: url("../img/icon-23.png") no-repeat center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  transform: rotate(180deg);
}

.team-1 .swiper-button-next:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px #003c98 solid;
  border-radius: 50%;
  background: #003c98 url("../img/icon-24.png") no-repeat center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  opacity: 0;
}

.team-1 .swiper-button-prev:hover:before, .team-1 .swiper-button-next:hover:before {
  opacity: 0;
}

.team-1 .swiper-button-prev:hover:after, .team-1 .swiper-button-next:hover:after {
  opacity: 1;
}

.team-2 {
  width: 100%;
  padding-top: 40px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0.3rem;
}

.team-2item {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.03);
  background: #f9fafd;
  position: relative;
}

.team-2pic {
  width: 100%;
  height: 220px;
  overflow: hidden;
  background: url("../img/ts-17.jpg") no-repeat;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: flex-end;
}

.team-2pic a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: flex-end;
  display: flex !important;
}

.team-2pic img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 95%;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.team-2item:hover .team-2pic img{transform:scale(1.04)}*/
.team-2cont {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0.3rem 0.24rem 0.4rem;
}

.team-2title {
  width: 100%;
  font-size: 14px;
  color: #7a8799;
  border-bottom: 1px #d8dbe1 solid;
  padding-bottom: 24px;
}

.team-2title span {
  font-size: max(16px, 0.18rem);
  color: #202124;
  margin-right: 17px;
}

.team-2model {
  width: 100%;
  padding-top: 15px;
}

.team-2model span {
  width: 100%;
  display: block;
  line-height: 24px;
  font-size: 14px;
  color: #7a8799;
}

.team-2model span em {
  font-style: normal;
}

.team-2pannel {
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 12;
  background: -webkit-linear-gradient(top, #e9eef7, #fff);
  background: -moz-linear-gradient(top, #e9eef7, #fff);
  background: -ms-linear-gradient(top, #e9eef7, #fff);
  background: -o-linear-gradient(top, #e9eef7, #fff);
  box-sizing: border-box;
  border: 1px #fff solid;
  border-radius: 8px;
  padding: 0.24rem;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  opacity: 0;
  visibility: hidden;
  transform: scaleY(0.7);
  transform-origin: bottom;
}

.team-2item a {
  width: 100%;
  display: block;
  color: #fff;
}

.team-2pannel ul {
  width: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.team-2pannel ul li {
  width: auto;
  padding: 0px 12px;
  line-height: 22px;
  border: 1px #fff solid;
  border-radius: 12px;
  background: -webkit-linear-gradient(top, #e9eef8, #fdfefe);
  background: -moz-linear-gradient(top, #e9eef8, #fdfefe);
  background: -ms-linear-gradient(top, #e9eef8, #fdfefe);
  background: -o-linear-gradient(top, #e9eef8, #fdfefe);
  font-size: 14px;
  color: #7a8799;
  margin-right: 7px;
  margin-top: 7px;
}

.team-2more {
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 30px;
  background: #003c98;
  text-align: center;
  font-size: 14px;
  color: #fff;
  margin-top: 0.24rem;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.team-2more a {
  width: 100%;
  height: 100%;
  display: block;
  color: #fff;
}

.team-2more:hover {
  box-shadow: 0px 0px 12px 5px rgba(0, 60, 152, 0.2);
}

.team-2item:hover .team-2pannel {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}

/*case*/
.banner-list {
  width: 5.4rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc((100% - 1200px) / 2);
  z-index: 22;
  padding: 0.2rem 0.2rem 0.3rem;
  overflow: hidden;
  background: rgba(230, 236, 246, 0.8);
  backdrop-filter: blur(6px);
}

.banner-list img {
  width: auto;
  height: auto;
}

.banner-list ul {
  width: 100%;
}

.banner-list ul li {
  width: 100%;
  border-bottom: 1px #bcc0ca solid;
  line-height: 3.1vw;
  overflow: hidden;
  padding-left: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  color: #202124;
}

.banner-list ul li a {
  width: 100%;
  height: 100%;
  font-size: max(14px, 0.18rem);
  color: #202124;
  padding-left: 26px;
  background: url("../img/icon-25.png") no-repeat left center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.banner-list ul li:hover {
  background: #b3c7e2;
  border-radius: 8px;
}

.banner-list ul li:hover a {
  color: #003c98;
}

.banner-ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.56vw;
}

.banner-li {
  width: 25%;
  text-align: center;
}

.banner-li a {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
}

.banner-li samp {
  width: 100%;
  display: block;
  text-align: center;
}

.banner-li samp img {
  display: inline;
}

.banner-li span {
  width: 100%;
  display: block;
  margin-top: 13px;
  font-size: max(12px, 0.16rem);
  color: #202124;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.banner-li:hover span {
  color: #003c98;
}

.case-1 {
  width: 100%;
  margin-top: 0.4rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.24rem;
}

.case-1item {
  width: 100%;
  overflow: hidden;
  border: 1px #fff solid;
  border-radius: 8px;
  background: -webkit-linear-gradient(top, #e9eef7, #fff);
  background: -moz-linear-gradient(top, #e9eef7, #fff);
  background: -ms-linear-gradient(top, #e9eef7, #fff);
  background: -o-linear-gradient(top, #e9eef7, #fff);
  box-sizing: border-box;
  padding: 9px;
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.03);
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  padding-bottom: 50px;
  position: relative;
}

.case-1item:hover {
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.08);
}

.case-1item a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  color: #fff;
}

.case-1pic {
  width: 100%;
  height: 228px;
  overflow: hidden;
  border-radius: 7px;
}

.case-1pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.case-1item:hover .case-1pic img{transform:scale(1.03)}*/
.case-1cont {
  width: 100%;
  overflow: hidden;
  padding: 0.24rem 14px;
  box-sizing: border-box;
}

.case-1cont h4 {
  width: 100%;
  font-size: 0.2rem;
  line-height: 30px;
  color: #202124;
  min-height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.case-1item:hover .case-1cont h4 {
  color: #003c98;
}

.case-1cont ul {
  width: 100%;
  margin-top: 10px;
}

.case-1cont ul li {
  width: 100%;
  line-height: 28px;
  font-size: max(14px, 0.16rem);
  color: #7a8799;
}

.case-1more {
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 30px;
  background: #003c98;
  text-align: center;
  font-size: 14px;
  color: #fff;
  margin-top: 0.24rem;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  position: absolute;
  left: 14px;
  bottom: 0.24rem;
}

.case-1more:hover {
  box-shadow: 0px 0px 12px 5px rgba(0, 60, 152, 0.2);
}

.case-3content {
  width: 100%;
  margin-top: 0.3rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}

.case-3item {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  background: #fafbfd;
  box-shadow: 0px 5px 8px 2px rgba(0, 0, 0, 0.04);
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.case-3item a {
  width: 100%;
  height: 100%;
  display: block;
}

.case-3pic {
  width: 100%;
  height: 220px;
  overflow: hidden;
  background: url("../img/ts-17.jpg") no-repeat;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: flex-end;
}

.case-3pic img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 95%;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.case-3item:hover .case-3pic img{transform:scale(1.03)}*/
.case-3item:hover {
  box-shadow: 0px 5px 6px 2px rgba(0, 0, 0, 0.07);
}

.case-3cont {
  width: 100%;
  overflow: hidden;
  padding: 0.3rem 0.24rem 0.4rem;
}

.case-3title {
  width: 100%;
  font-size: 14px;
  color: #7a8799;
  border-bottom: 1px #d8dbe1 solid;
  padding-bottom: 0.2rem;
}

.case-3title span {
  font-size: max(16px, 0.18rem);
  color: #202124;
  margin-right: 17px;
}

.case-3cont ul {
  width: 100%;
  padding-top: 15px;
}

.case-3cont ul li {
  width: 100%;
  display: block;
  line-height: 24px;
  font-size: 14px;
  color: #7a8799;
}

.case-3cont ul li span {
  font-style: normal;
}

/*yuanxiao*/
.sc .liuxue-3 {
  margin-top: 0px;
}

.sc-1 {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.03);
  margin-top: 0.3rem;
  border: 1px #fff solid;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  padding: 0.28rem;
  position: relative;
}

.sc-1:first-child {
  margin-top: 0px;
}

.sc-1 a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  color: #fff;
}

.sc-1:hover {
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.1);
}

.sc-1top {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px #dde0e2 solid;
  padding-bottom: 0.2rem;
}

.sc-1left {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.sc-1left samp {
  width: 80px;
  height: 80px;
  border: 1px #fff solid;
  box-sizing: border-box;
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.03);
  border-radius: 50%;
  isolation: isolate;
  background: -webkit-linear-gradient(top, #e9eef8, #fff);
  background: -moz-linear-gradient(top, #e9eef8, #fff);
  background: -ms-linear-gradient(top, #e9eef8, #fff);
  background: -o-linear-gradient(top, #e9eef8, #fff);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-right: 25px;
}

.sc-1left samp img {
  width: auto;
  height: auto;
  max-width: 95%;
  max-height: 95%;
}

.sc-1cont {
  width: auto;
}

.sc-1cont span {
  width: 100%;
  display: block;
  font-size: 0.24rem;
  color: #202124;
}

.sc-1cont p {
  width: 100%;
  display: block;
  font-size: max(14px, 0.16rem);
  color: #202124;
  margin-top: 12px;
}

.sc-1right {
  width: auto;
  max-width: 55%;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  position: absolute;
  right: 0.28rem;
  top: 0.28rem;
}

.sc-1right span {
  width: auto;
  display: block;
  padding-left: 26px;
  line-height: 24px;
  font-size: 14px;
  color: #7a8799;
  background: url("../img/icon-17.png") no-repeat left 3px;
  box-sizing: border-box;
}

.sc-1right p {
  width: 100%;
  margin-top: 6px;
  text-align: right;
  position: relative;
}

.sc-1right p a {
  width: 100%;
  height: 100%;
  color: #fff;
  display: block;
}

.sc-1right p em {
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  background: #003c98;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-style: normal;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.sc-1right p em:hover {
  box-shadow: 0px 0px 12px 5px rgba(0, 60, 152, 0.2);
}

.sc-1 ul {
  width: 100%;
  padding-top: 16px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.sc-1 ul li {
  width: auto;
  line-height: 28px;
  border-radius: 20px;
  border: 1px #fff solid;
  padding: 0px 22px;
  font-size: 14px;
  color: #7a8799;
  background: #e5ebf4;
  margin-top: 10px;
  margin-right: 16px;
}

.sc-1data {
  width: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.sc-1model {
  width: auto;
  max-width: 32%;
  text-align: center;
}

.sc-1model span {
  width: 100%;
  text-align: center;
  display: block;
  font-size: 0.48rem;
  color: #003c98;
}

.sc-1model p {
  width: 100%;
  text-align: center;
  display: block;
  font-size: 14px;
  color: #7a8799;
  line-height: 24px;
  margin-top: 5px;
}

.sc .liuxue-4tj:first-child {
  margin-top: 0px;
  background-image: url(../img/yx-5.jpg);
}

.sc-2 {
  width: 100%;
  margin-top: 24px;
}

.sc-2item {
  width: 100%;
}

.sc-2item a {
  width: 100%;
  height: 100%;
  display: block;
}

.sc-2title {
  width: 100%;
  margin-top: 10px;
  line-height: 24px;
  font-size: 16px;
  color: #202124;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.sc-2title span {
  color: #f41733;
  margin-right: 16px;
}

.sc-2pic {
  width: 100%;
  overflow: hidden;
  height: 0px;
  border-radius: 8px;
  margin-top: 0px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.sc-2pic img {
  width: 100%;
  height: 110px;
  object-fit: cover;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.sc-2item.active .sc-2pic {
  height: 110px;
  margin-top: 10px;
}

.sc-2item:hover .sc-2title {
  color: #003c98;
}

/*jiangzuo*/
.jz-1 {
  width: 100%;
  margin-top: 0.1rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
}

.jz-1item {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  margin-top: 0.3rem;
}

.jz-1item a {
  width: 100%;
  height: 100%;
  display: block;
  color: #fff;
}

.jz-1item:hover {
  background: #fff;
  box-shadow: 0px 5px 12px 5px rgba(0, 0, 0, 0.03);
}

.jz-1pic {
  width: 100%;
  height: 211px;
  overflow: hidden;
  position: relative;
}

.jz-1pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.jz-1pic span {
  width: auto;
  height: 24px;
  line-height: 24px;
  border-radius: 6px;
  padding: 0px 12px;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 12px;
  color: #202124;
}

/*.jz-1item:hover .jz-1pic img{transform:scale(1.05)}*/
.jz-1cont {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 20px 20px 30px;
  position: relative;
}

.jz-1cont:before {
  width: 100%;
  height: 30%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  background: -webkit-linear-gradient(top, #b3b7ba, #fff);
  background: -moz-linear-gradient(top, #b3b7ba, #fff);
  background: -ms-linear-gradient(top, #b3b7ba, #fff);
  background: -o-linear-gradient(top, #b3b7ba, #fff);
  z-index: 1;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  opacity: 0;
}

.jz-1body {
  width: 100%;
  position: relative;
  z-index: 12;
}

.jz-1item:hover .jz-1cont:before {
  opacity: 1;
}

.jz-1body h4 {
  width: 100%;
  font-size: 16px;
  color: #333;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 48px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.jz-1item:hover .jz-1body h4 {
  color: #202124;
}

.jz-1body ul {
  width: 100%;
  padding: 10px 0px 20px;
  border-bottom: 1px #dadde1 solid;
}

.jz-1body ul li {
  width: 100%;
  box-sizing: border-box;
  padding-left: 22px;
  line-height: 24px;
  font-size: 12px;
  color: #7a8799;
}

.jz-1body ul li.icon1 {
  background: url("../img/icon-4.png") no-repeat left 5px;
}

.jz-1body ul li.icon2 {
  background: url("../img/icon-10.png") no-repeat left 5px;
}

.jz-1body ul li.icon3 {
  background: url("../img/icon-17.png") no-repeat left 5px;
}

.jz-1model {
  width: 100%;
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.jz-1model span {
  width: auto;
  font-size: 14px;
  color: #7a8799;
}

.jz-1model p {
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 30px;
  background: #003c98;
  font-size: 14px;
  color: #fff;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.jz-1model p:hover {
  box-shadow: 0px 0px 12px 5px rgba(0, 60, 152, 0.2);
}

/*zixun-info*/
.crumb-info {
  width: 100%;
  font-size: max(14px, 0.16rem);
  color: #525a66;
  line-height: 24px;
  margin-top: 15px;
}

.crumb-info a {
  color: #525a66;
  margin: 0px 5px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.crumb-info a:first-child {
  margin-left: 0px;
}

.crumb-info a:hover {
  color: #003c98;
}

.detail {
  width: 100%;
  margin-top: 25px;
  padding-bottom: 0.9rem;
}

.detail .wrap-s {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.detail-left {
  width: 64%;
}

.detail-right {
  width: 32%;
}

.detail-body {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  background: -webkit-linear-gradient(top, #e9eef7, #fff 1000px);
  background: -moz-linear-gradient(top, #e9eef7, #fff 1000px);
  background: -ms-linear-gradient(top, #e9eef7, #fff 1000px);
  background: -o-linear-gradient(top, #e9eef7, #fff 1000px);
  box-sizing: border-box;
  padding: 0px 30px;
}

.detail-body h1 {
  width: 100%;
  text-align: center;
  font-size: 0.24rem;
  line-height: 30px;
  color: #202124;
  margin-top: 0.35rem;
}

.detail-1 {
  width: 100%;
  border-bottom: 1px #d4d8df solid;
  padding-bottom: 0.3rem;
  margin-top: 0.2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #7a8799;
}

.detail-1 span {
  margin: 0px 2vw;
  padding-left: 20px;
}

.detail-1 span.icon1 {
  background: url("../img/icon-33.png") no-repeat left center;
}

.detail-1 span.icon2 {
  background: url("../img/icon-4.png") no-repeat left center;
}

.detail-1 span.icon3 {
  background: url("../img/icon-34.png") no-repeat left center;
}

.detail-content {
  width: 100%;
  overflow: hidden;
  margin-top: 38px;
  font-size: max(14px, 0.16rem);
  color: #7a8799;
  line-height: 28px;
}

.detail-content ul, .detail-content ol {
  padding-left: 20px;
  box-sizing: border-box;
}

.detail-content li {
  list-style: inherit;
}

.detail-content img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.detail-content p {
  margin: 20px 0px;
}

.detail-page {
  width: 100%;
  margin-top: 0.2rem;
  border-top: 1px #e1e1e1 solid;
  padding-top: 0.24rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.detail-page span {
  width: auto;
  max-width: 46%;
  line-height: 24px;
  color: #7a8799;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.detail-page span a {
  font-size: max(14px, 0.16rem);
  color: #7a8799;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.detail-page span:hover a {
  color: #003c98;
}

.detail-head {
  width: 100%;
  border-bottom: 1px #bdd0e6 solid;
  padding-bottom: 0.2rem;
}

.detail-head h3 {
  width: auto;
  padding-left: 20px;
  font-size: 0.24rem;
  color: #202124;
  position: relative;
}

.detail-head h3:before {
  width: 4px;
  height: 84%;
  content: "";
  left: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 3px;
  background: -webkit-linear-gradient(top, #c8ddfb, #7898ca);
  background: -moz-linear-gradient(top, #c8ddfb, #7898ca);
  background: -ms-linear-gradient(top, #c8ddfb, #7898ca);
  background: -o-linear-gradient(top, #c8ddfb, #7898ca);
}

.detail-list {
  width: 100%;
}

.detail-list ul {
  width: 100%;
}

.detail-list ul li {
  width: 100%;
  border-bottom: 1px #e1e4e7 solid;
}

.detail-list ul li:last-child {
  border: none;
}

.detail-list ul li a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 16px 0px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.detail-list ul li:last-child a {
  padding-bottom: 0px;
}

.detail-list ul li span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 3px;
  display: block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #d6d6d6;
  margin-top: 4px;
}

.detail-list ul li:nth-child(1) span {
  background: #f41733;
}

.detail-list ul li:nth-child(2) span {
  background: #ff6600;
}

.detail-list ul li:nth-child(3) span {
  background: #ffaa00;
}

.detail-cont {
  width: calc(100% - 20px - 11px);
}

.detail-cont h4 {
  width: 100%;
  font-size: 16px;
  color: #202124;
  line-height: 28px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.detail-list ul li:hover .detail-cont h4 {
  color: #003c98;
}

.detail-date {
  width: 100%;
  margin-top: 8px;
  font-size: 12px;
  color: #7a8799;
  display: flex;
  justify-content: flex-start;
}

.detail-date em {
  font-style: normal;
  padding: 0px 22px;
  background: url("../img/icon-4.png") no-repeat left center;
  position: relative;
}

.detail-date em:before {
  width: 1px;
  height: 80%;
  content: "";
  right: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #c6c8ca;
}

.detail-date p {
  font-style: normal;
  padding: 0px 22px;
  background: url("../img/icon-34.png") no-repeat left center;
  margin-left: 22px;
}

.liuxue-4tj.d2 {
  background: -webkit-linear-gradient(top, #e9eef7, #fff);
  background: -moz-linear-gradient(top, #e9eef7, #fff);
  background: -ms-linear-gradient(top, #e9eef7, #fff);
  background: -o-linear-gradient(top, #e9eef7, #fff);
}

.detail-2 {
  width: 100%;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0px;
}

.detail-2item {
  width: 100%;
  box-sizing: border-box;
}

.detail-2item a {
  width: 100%;
  height: 100%;
  display: block;
}

.detail-2item:nth-child(1) {
  border-bottom: 1px #ebf0f7 solid;
  border-right: 1px #ebf0f7 solid;
  padding-bottom: 15px;
}

.detail-2item:nth-child(2) {
  border-bottom: 1px #ebf0f7 solid;
  padding-bottom: 15px;
}

.detail-2item:nth-child(3) {
  border-right: 1px #ebf0f7 solid;
  padding-top: 15px;
}

.detail-2item:nth-child(4) {
  padding-top: 15px;
}

.detail-2item samp {
  width: 100%;
  display: block;
  text-align: center;
}

.detail-2item span {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 14px;
  color: #202124;
  margin-top: 8px;
  line-height: 24px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.detail-2item:hover span {
  color: #003c98;
}

.detail-3 {
  width: 100%;
  overflow: hidden;
  background: -webkit-linear-gradient(top, #e9eef8, #fff);
  background: -moz-linear-gradient(top, #e9eef8, #fff);
  background: -ms-linear-gradient(top, #e9eef8, #fff);
  background: -o-linear-gradient(top, #e9eef8, #fff);
}

/*case-info*/
.detail-4 {
  width: 100%;
  overflow: hidden;
}

/*liuxuechanpin-info*/
.lxinfo-1 {
  width: 100%;
  overflow: hidden;
  background: url("../img/bg-2.jpg") no-repeat;
  background-size: cover;
  padding-bottom: 0.8rem;
}

.lxinfo-1 .crumb {
  background: none;
  color: #525a66;
  border-bottom: none;
}

.lxinfo-1 .crumb a {
  padding: 0px;
  background: none;
  margin: 0px 5px;
  color: #525a66;
}

.lxinfo-1 .crumb a:hover {
  color: #003c98;
}

.lxinfo-1content {
  width: 100%;
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.lxinfo-1pic {
  width: 48.334%;
  overflow: hidden;
  overflow: hidden;
  border-radius: 8px;
}

.lxinfo-1pic img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.lxinfo-1pic:hover img{transform:scale(1.03)}*/
.lxinfo-1right {
  width: 48.2%;
}

.lxinfo-1right h4 {
  width: 100%;
  font-size: 0.32rem;
  color: #202124;
}

.lxinfo-1right ul {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: 15px;
}

.lxinfo-1right ul li {
  width: auto;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background: #fff;
  padding: 0px 15px;
  font-size: max(14px, 0.16rem);
  color: #525a66;
  margin-right: 10px;
  margin-top: 10px;
}

.lxinfo-1pannel {
  width: 100%;
  padding-top: 6px;
}

.lxinfo-1model {
  width: 100%;
  line-height: 24px;
  font-size: max(14px, 0.16rem);
  color: #525a66;
  margin-top: 14px;
  box-sizing: border-box;
  padding-left: 26px;
}

.lxinfo-1model.icon1 {
  background: url("../img/icon-39.png") no-repeat left 4px;
}

.lxinfo-1model.icon2 {
  background: url("../img/icon-45.png") no-repeat left 4px;
}

.lxinfo-1model.icon3 {
  background: url("../img/icon-46.png") no-repeat left 4px;
}

.lxinfo-1link {
  width: 100%;
  margin-top: 24px;
}

.lxinfo-1link span {
  float: left;
  width: 120px;
  height: 36px;
  line-height: 36px;
  border: 1px #003c98 solid;
  border-radius: 20px;
  text-align: center;
  margin-right: 10px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.lxinfo-1link span a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 14px;
  color: #003c98;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.lxinfo-1link span:first-child {
  background: #003c98;
}

.lxinfo-1link span:first-child a {
  color: #fff;
}

.lxinfo-1link span:hover {
  background: #003c98;
  box-shadow: 0px 0px 12px 5px rgba(0, 60, 152, 0.2);
}

.lxinfo-1link span:hover a {
  color: #fff;
}

.lxinfo-2 {
  width: 100%;
  background: #fff;
  overflow: hidden;
  padding: 0.5rem 0px;
}

.lxinfo-2 ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lxinfo-2 ul li {
  width: auto;
  display: flex;
  justify-content: space-between;
}

.lxinfo-2 ul li.line {
  width: 1px;
  background: #e5e5e5;
  height: 50px;
  margin: 0px 6px;
}

.lxinfo-2 ul li samp {
  width: auto;
  display: block;
  margin-right: 13px;
}

.lxinfo-2 ul li samp img {
  width: auto;
  height: auto;
  max-width: 36px;
}

.lxinfo-2item {
  width: auto;
}

.lxinfo-2item span {
  width: 100%;
  font-size: 16px;
  color: #202124;
}

.lxinfo-2item p {
  width: 100%;
  font-size: 12px;
  color: #7a8799;
  line-height: 20px;
  margin-top: 6px;
}

.lxinfo-3 {
  width: 100%;
  background: #f3f6fa;
  padding: 60px 0px 100px;
}

.lxinfo-3 .wrap-s {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}

.lxinfo-4, .lxinfo-4 ul {
  width: 100%;
  position: relative;
}

.lxinfo-4 ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.lxinfo-4 ul:before {
  width: 100%;
  content: "";
  height: 1px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #dadde1;
}

.lxinfo-4 ul li {
  width: auto;
  margin-right: 0.5rem;
  padding-bottom: 20px;
  font-size: 16px;
  color: #7a8799;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  position: relative;
  cursor: pointer;
}

.lxinfo-4 ul li:before {
  width: 0%;
  height: 2px;
  content: "";
  bottom: 0px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #003c98;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.lxinfo-4 ul li.active {
  color: #003c98;
}

.lxinfo-4 ul li.active:before {
  width: 100%;
}

.lxinfo-5 {
  width: 100%;
  margin-top: 0.4rem;
  font-size: 14px;
  color: #7a8799;
  line-height: 24px;
  position: relative;
}

.lxinfo-5 ul {
  box-sizing: border-box;
  padding-left: 20px;
  overflow: hidden;
}

.lxinfo-5 li {
  list-style: inherit;
}

.lxinfo-5 img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.lxinfo-5pannel {
  width: 100%;
  display: none;
}

.lxinfo-5pannel.active {
  display: block;
}

.lxinfo-5 hr {
  border-color: #dadde1;
  margin-block: 2em;
}

.lxinfo-5 p {
  margin: 20px 0px;
}

.lxinfo-5button {
  width: 100%;
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.lxinfo-5button span {
  width: 120px;
  height: 36px;
  line-height: 36px;
  border: 1px #003c98 solid;
  border-radius: 20px;
  text-align: center;
  margin: 0px 15px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.lxinfo-5button span a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 14px;
  color: #003c98;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.lxinfo-5button span:first-child {
  background: #003c98;
}

.lxinfo-5button span:first-child a {
  color: #fff;
}

.lxinfo-5button span:hover {
  background: #003c98;
  box-shadow: 0px 0px 12px 5px rgba(0, 60, 152, 0.2);
}

.lxinfo-5button span:hover a {
  color: #fff;
}

.lxinfo-6 {
  width: 100%;
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
}

.lxinfo-6item {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0px 5px 12px 5px rgba(0, 0, 0, 0.03);
}

.lxinfo-6item a {
  width: 100%;
  display: block;
  overflow: hidden;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  padding-bottom: 80px;
}

.lxinfo-6pic {
  width: 100%;
  height: 285px;
  overflow: hidden;
  position: relative;
}

.lxinfo-6pic span {
  width: auto;
  height: 24px;
  line-height: 24px;
  padding: 0px 12px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 4;
  font-size: 12px;
  color: #202124;
}

.lxinfo-6pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.lxinfo-6item:hover .lxinfo-6pic img{transform:scale(1.03)}*/
.lxinfo-6model {
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 4;
  border-radius: 8px 8px 0px 0px;
  background: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
  padding: 0.3rem;
  backdrop-filter: blur(15px);
}

.lxinfo-6model h4 {
  width: 100%;
  font-size: max(16px, 0.18rem);
  color: #202124;
  line-height: 24px;
  padding: 12px 0px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.lxinfo-6info {
  width: 100%;
  font-size: 14px;
  color: #7a8799;
  line-height: 24px;
  display: none;
}

/*bgts-info*/
.bginfo-1 .lxinfo-1pic {
  width: 41%;
}

.bginfo-1 .lxinfo-1right {
  width: 55.2%;
}

.bginfo-1 .lxinfo-1model.icon4 {
  background: url("../img/icon-47.png") no-repeat left 4px;
}

.bginfo-3 .lxinfo-4 ul {
  justify-content: space-between;
}

.bginfo-3 .lxinfo-4 ul li {
  margin-right: 0px;
}

.bginfo-5title {
  width: 100%;
  font-size: 0.24rem;
  color: #202124;
}

.bginfo-5 .lxinfo-5body {
  padding-top: 20px;
}

.lxinfo-5.bginfo-5 {
  font-size: 16px;
  line-height: 28px;
}

.bginfo-6 {
  width: 100%;
  overflow: hidden;
  border: 1px #fff solid;
  border-radius: 8px;
  box-sizing: border-box;
  background: #fff url("../img/liuxue-14.jpg") no-repeat left top;
  background-size: 100%;
  padding: 0.22rem;
}

.bginfo-6content {
  width: 100%;
  overflow: hidden;
}

.bginfo-6item {
  width: 100%;
  overflow: hidden;
  padding: 0.24rem 0px;
  border-bottom: 1px #e8e9ed solid;
}

.bginfo-6item:last-child {
  border: none;
}

.bginfo-6item a {
  width: 100%;
  height: 100%;
  display: block;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.bginfo-6pic {
  width: 118px;
  overflow: hidden;
  border-radius: 7px;
}

.bginfo-6right {
  width: calc(100% - 118px - 12px);
}

.bginfo-6pic img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.bginfo-6item:hover .bginfo-6pic img{transform:scale(1.03)}*/
.bginfo-6right h4 {
  width: 100%;
  font-size: 14px;
  color: #202124;
  line-height: 21px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.bginfo-6item:hover .bginfo-6right h4 {
  color: #003c98;
}

.bginfo-6right ul {
  width: 100%;
  margin-top: 4px;
}

.bginfo-6right ul li {
  width: 100%;
  line-height: 21px;
  font-size: 12px;
  color: #7a8799;
  box-sizing: border-box;
  padding-left: 20px;
}

.bginfo-6right ul li.icon1 {
  background: url("../img/icon-4.png") no-repeat left 4px;
}

.bginfo-6right ul li.icon2 {
  background: url("../img/icon-10.png") no-repeat left 4px;
}

.bginfo-7 {
  width: 100%;
  text-align: center;
  border-bottom: 1px #a3b9db solid;
  padding: 12px 0px 24px;
  font-size: 0.24rem;
  color: #202124;
}

/*guwen-info*/
.tinfo-1 {
  width: 100%;
  overflow: hidden;
  background: url("../img/bg-3.jpg") no-repeat;
  background-size: cover;
}

.tinfo-1 .crumb {
  background: none;
  color: #525a66;
  border-bottom: none;
  position: relative;
  z-index: 12;
}

.tinfo-1 .crumb a {
  padding: 0px;
  background: none;
  margin: 0px 5px;
  color: #525a66;
}

.tinfo-1 .crumb a:hover {
  color: #003c98;
}

.tinfo-2 {
  width: 100%;
  margin-top: -30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.tinfo-2pic {
  width: 45%;
  position: relative;
  text-align: center;
}

.tinfo-2pic img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.tinfo-2cont {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
}

.tinfo-2cont span {
  width: auto;
  max-width: 300px;
  display: block;
  position: absolute;
  line-height: 24px;
  border: 1px #fff solid;
  border-radius: 8px;
  padding: 7px 18px;
  background: -webkit-linear-gradient(top, #f2f6fd, #fff);
  background: -moz-linear-gradient(top, #f2f6fd, #fff);
  background: -ms-linear-gradient(top, #f2f6fd, #fff);
  background: -o-linear-gradient(top, #f2f6fd, #fff);
  font-size: max(14px, 0.16rem);
  color: #7a8799;
}

.tinfo-2cont span.item1 {
  left: 6%;
  top: 50%;
}

.tinfo-2cont span.item2 {
  left: -10%;
  top: 78%;
}

.tinfo-2cont span.item3 {
  right: 0%;
  top: 65%;
}

.tinfo-2right {
  width: 46%;
}

.tinfo-2title {
  width: 100%;
  font-size: max(16px, 0.2rem);
  color: #7a8799;
}

.tinfo-2title span {
  font-size: 0.32rem;
  color: #202124;
  margin-right: 20px;
}

.tinfo-2right ul {
  width: 100%;
  margin-top: 30px;
}

.tinfo-2right ul li {
  width: 100%;
  line-height: 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  font-size: max(14px, 0.16rem);
  color: #7a8799;
  margin-top: 15px;
}

.tinfo-2right ul li span {
  color: #525a66;
}

.tinfo-2right ul li em {
  width: 32px;
  height: 32px;
  border: 1px #fff solid;
  border-radius: 50%;
  background: -webkit-linear-gradient(top, #eaeef8, #fefeff);
  background: -moz-linear-gradient(top, #eaeef8, #fefeff);
  background: -ms-linear-gradient(top, #eaeef8, #fefeff);
  background: -o-linear-gradient(top, #eaeef8, #fefeff);
  margin: 0px 5px;
  display: block;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

.tinfo-2right ul li em img {
  width: auto;
  height: auto;
  max-width: 97%;
  max-height: 97%;
}

.tinfo-2more {
  width: 100%;
  margin-top: 0.4rem;
}

.tinfo-2more a {
  width: 160px;
  height: 36px;
  line-height: 36px;
  border-radius: 30px;
  background: #003c98;
  text-align: center;
  display: block;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  font-size: 14px;
  color: #fff;
}

.tinfo-2more a:hover {
  box-shadow: 0px 0px 12px 5px rgba(0, 60, 152, 0.2);
}

.tinfo-3 {
  width: 100%;
  overflow: hidden;
  background: #f3f6fa;
  padding: 0.8rem 0px 1rem;
}

.tinfo-3 .wrap-s {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}

.tinfo-3body {
  width: 100%;
  border-radius: 8px;
  border: 1px #fff solid;
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.03);
  box-sizing: border-box;
  padding: 0.4rem 0.5rem 1rem;
  background: -webkit-linear-gradient(top, #e9eef7, #fff);
  background: -moz-linear-gradient(top, #e9eef7, #fff);
  background: -ms-linear-gradient(top, #e9eef7, #fff);
  background: -o-linear-gradient(top, #e9eef7, #fff);
}

.tinfo-3title {
  width: 100%;
  border-bottom: 1px #d6d9e0 solid;
  padding-bottom: 0.4rem;
  font-size: max(14px, 0.2rem);
  color: #7a8799;
}

.tinfo-3title span {
  font-size: 0.32rem;
  color: #202124;
  margin-right: 20px;
}

.tinfo-3content {
  width: 100%;
  font-size: 16px;
  color: #202124;
  line-height: 32px;
  margin-top: 30px;
}

.tinfo-3content img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.tinfo-3content ul, .tinfo-3content ol {
  box-sizing: border-box;
  padding-left: 20px;
}

.tinfo-3content li {
  list-style: inherit;
}

.tinfo-3ul {
  color: #7a8799;
  line-height: 36px;
}

.tinfo-3ul span {
  color: #202124;
}

.tinfo-3name {
  font-size: 0.24rem;
  color: #003c98;
}

.tinfo-3 .tinfo-4 {
  margin-top: 0px;
}

/*yuanxiao-info*/
.scinfo-1 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

.scinfo-1left {
  width: 30%;
  height: 360px;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

.scinfo-1left img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.scinfo-1right {
  width: 66%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.scinfo-1cont {
  width: 61%;
}

.scinfo-1cont h4 {
  width: 100%;
  font-size: 0.32rem;
  color: #202124;
}

.scinfo-1model {
  width: 100%;
  border-bottom: 1px #bdcedd solid;
  padding-bottom: 24px;
  margin-top: 0.24rem;
  font-size: 14px;
  color: #7a8799;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.scinfo-1model span {
  padding-left: 24px;
}

.scinfo-1model span.icon1 {
  background: url("../img/icon-17.png") no-repeat left center;
}

.scinfo-1model span.icon2 {
  background: url("../img/icon-53.png") no-repeat left center;
}

.scinfo-1model span.icon3 {
  background: url("../img/icon-39.png") no-repeat left center;
}

.scinfo-1cont ul {
  width: 100%;
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.scinfo-1cont ul li {
  width: auto;
}

.scinfo-1cont ul li span {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 0.36rem;
  color: #003c98;
}

.scinfo-1cont ul li span em {
  font-style: normal;
}

.scinfo-1cont ul li p {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 14px;
  color: #7a8799;
  margin-top: 8px;
}

.scinfo-1button {
  width: 100%;
  margin-top: 0.4rem;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.scinfo-1button span {
  width: 120px;
  height: 36px;
  line-height: 36px;
  border: 1px #003c98 solid;
  border-radius: 20px;
  text-align: center;
  margin-right: 10px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.scinfo-1button span a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 14px;
  color: #003c98;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.scinfo-1button span:first-child {
  background: #003c98;
}

.scinfo-1button span:first-child a {
  color: #fff;
}

.scinfo-1button span:hover {
  background: #003c98;
  box-shadow: 0px 0px 12px 5px rgba(0, 60, 152, 0.2);
}

.scinfo-1button span:hover a {
  color: #fff;
}

.scfinfo-1pannel {
  width: 200px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 18px;
}

.scinfo-1item {
  width: 100%;
  box-sizing: border-box;
  border: 1px #fff solid;
  border-radius: 8px;
  background: -webkit-linear-gradient(top, #e9eef7, #feffff);
  background: -moz-linear-gradient(top, #e9eef7, #feffff);
  background: -ms-linear-gradient(top, #e9eef7, #feffff);
  background: -o-linear-gradient(top, #e9eef7, #feffff);
  padding: 24px 10px;
}

.scinfo-1item span {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 0.48rem;
  color: #003c98;
}

.scinfo-1item p {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 14px;
  color: #7a8799;
  margin-top: 5px;
}

.scinfo-2page {
  width: 100%;
  margin-top: 40px;
  border-top: 1px #e1e1e1 solid;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.scinfo-2page a {
  width: 47%;
  display: block;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  color: #525a66;
}

.scinfo-2page a:last-child {
  justify-content: flex-end;
}

.scinfo-2left {
  width: auto;
  font-size: 16px;
}

.scinfo-2right {
  width: auto;
  max-width: calc(100% - 70px);
}

.scinfo-2right span {
  width: 100%;
  font-size: max(14px, 0.18rem);
  line-height: 28px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.scinfo-2right p {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  margin: 0px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.scinfo-2page a:hover {
  color: #003c98;
}

.scinfo-3rel {
  margin-top: 0.3rem;
}

.scinfo-3 {
  width: 100%;
  overflow: hidden;
}

.scinfo-3item {
  width: 100%;
  overflow: hidden;
  padding: 0.24rem 0px;
  border-bottom: 1px #e8e9ed solid;
}

.scinfo-3item:last-child {
  border: none;
}

.scinfo-3item a {
  width: 100%;
  height: 100%;
  display: block;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.scinfo-3left {
  width: 118px;
  overflow: hidden;
  border-radius: 7px;
}

.scinfo-3right {
  width: calc(100% - 118px - 12px);
}

.scinfo-3left img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.scinfo-3item:hover .scinfo-3left img{transform:scale(1.07)}*/
.scinfo-3right span {
  width: 100%;
  font-size: 14px;
  color: #202124;
  line-height: 21px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.scinfo-3item:hover .scinfo-3right span {
  color: #003c98;
}

.scinfo-3right p {
  width: 100%;
  font-size: 14px;
  color: #7a8799;
  line-height: 24px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 8px;
}

.scinfo-4 {
  width: 100%;
  margin-top: 0.3rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
}

.scinfo-4item {
  width: 100%;
  overflow: hidden;
  border: 1px #fff solid;
  box-sizing: border-box;
  background: -webkit-linear-gradient(top, #edf0f5, #fff);
  background: -moz-linear-gradient(top, #edf0f5, #fff);
  background: -ms-linear-gradient(top, #edf0f5, #fff);
  background: -o-linear-gradient(top, #edf0f5, #fff);
  box-shadow: 0px 5px 12px 5px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.scinfo-4item a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  padding: 0.3rem 0.3rem 0.5rem;
  box-sizing: border-box;
}

.scinfo-4title {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.scinfo-4title samp {
  width: 60px;
  height: 60px;
  display: block;
  border: 1px #fff solid;
  background: -webkit-linear-gradient(top, #eaeff7, #fff);
  background: -moz-linear-gradient(top, #eaeff7, #fff);
  background: -ms-linear-gradient(top, #eaeff7, #fff);
  background: -o-linear-gradient(top, #eaeff7, #fff);
  box-sizing: border-box;
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.03);
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

.scinfo-4title samp img {
  width: auto;
  height: auto;
  max-width: 70%;
  max-height: 70%;
}

.scinfo-4right {
  width: calc(100% - 60px - 20px);
  color: #181315;
}

.scinfo-4right span {
  width: 100%;
  display: block;
  font-size: 0.24rem;
}

.scinfo-4right p {
  width: 100%;
  display: block;
  font-size: 14px;
  margin-top: 10px;
}

.scinfo-4model {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 22px;
}

.scinfo-4model span {
  font-size: 14px;
  color: #7a8799;
  line-height: 24px;
  margin-top: 8px;
  display: block;
  box-sizing: border-box;
  padding-left: 26px;
}

.scinfo-4model span.icon1 {
  background: url("../img/icon-53.png") no-repeat left 5px;
}

.scinfo-4model span.icon2 {
  background: url("../img/icon-39.png") no-repeat left 5px;
}

.scinfo-4model span.icon3 {
  background: url("../img/icon-17.png") no-repeat left 5px;
}

.scinfo-4item ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 0.3rem;
}

.scinfo-4item ul li.line {
  width: 1px;
  background: #e5e5e5;
  margin: 0px 10px;
}

.scinfo-4item ul li span {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 0.48rem;
  color: #003c98;
}

.scinfo-4item ul li p {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 12px;
  color: #7a8799;
  margin-top: 8px;
}

.scinfo-4item:hover {
  box-shadow: 0px 5px 12px 5px rgba(0, 0, 0, 0.1);
}

/*jiangzuo-info*/
.jzinfo-1 {
  width: 100%;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.jzinfo-1left {
  width: 44%;
  overflow: hidden;
  border-radius: 8px;
}

.jzinfo-1left img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.jzinfo-1left:hover img{transform:scale(1.03)}*/
.jzinfo-1right {
  width: 53%;
  overflow: hidden;
  border-radius: 8px;
}

.jzinfo-1right h4 {
  width: 100%;
  font-size: 0.24rem;
  color: #202124;
}

.jzinfo-1right ul {
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px #acc5e4 solid;
  padding-top: 10px;
}

.jzinfo-1right ul li {
  width: 100%;
  font-size: max(14px, 0.16rem);
  color: #525a66;
  line-height: 24px;
  margin-top: 10px;
  box-sizing: border-box;
  padding-left: 25px;
}

.jzinfo-1right ul li span {
  color: #202124;
}

.jzinfo-1right ul li.icon1 {
  background: url("../img/icon-47.png") no-repeat left 4px;
}

.jzinfo-1right ul li.icon2 {
  background: url("../img/icon-45.png") no-repeat left 4px;
}

.jzinfo-1right ul li.icon3 {
  background: url("../img/icon-57.png") no-repeat left 4px;
}

.jzinfo-1model {
  width: 100%;
  margin-top: 12px;
  font-size: 14px;
  color: #7a8799;
  padding-left: 34px;
  background: url("../img/icon-56.png") no-repeat left 24px;
}

.jzinfo-1model span {
  font-size: 0.48rem;
  color: #003c98;
  margin-right: 16px;
}

.jzinfo-2 {
  margin-top: 0px;
}

.lxinfo-5.jzinfo-2 {
  font-size: 16px;
  color: #7a8799;
  line-height: 28px;
}

.lxinfo-5.jzinfo-2 p:first-child {
  margin-top: 0px;
}

.jzinfo-2page {
  width: 100%;
  margin-top: 40px;
  border-top: 1px #e1e1e1 solid;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.jzinfo-2page a {
  width: auto;
  max-width: 46%;
  display: block;
  color: #7a8799;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.jzinfo-2page a span {
  color: #525a66;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.jzinfo-2page a:hover, .jzinfo-2page a:hover span {
  color: #003c98;
}

.jzinfo-4 {
  width: 100%;
  margin-top: 0.4rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px;
}

.jzinfo-4item {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  background: #fff;
}

.jzinfo-4item a {
  width: 100%;
  height: 100%;
  display: block;
  color: #fff;
}

.jzinfo-4item:hover {
  box-shadow: 0px 12px 12px 5px rgba(0, 0, 0, 0.04);
}

.jzinfo-4pic {
  width: 100%;
  height: 211px;
  overflow: hidden;
  position: relative;
}

.jzinfo-4pic span {
  width: auto;
  height: 24px;
  line-height: 24px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.7);
  padding: 0px 12px;
  font-size: 12px;
  color: #525a66;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
}

.jzinfo-4pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.jzinfo-4item:hover .jzinfo-4pic img{transform:scale(1.03)}*/
.jzinfo-4cont {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.jzinfo-4cont:before {
  width: 100%;
  height: 35%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  background: -webkit-linear-gradient(top, #b4b7bb, #fff);
  background: -moz-linear-gradient(top, #b4b7bb, #fff);
  background: -ms-linear-gradient(top, #b4b7bb, #fff);
  background: -o-linear-gradient(top, #b4b7bb, #fff);
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  opacity: 0;
}

.jzinfo-4body {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 12;
  box-sizing: border-box;
  padding: 0.2rem 0.24rem 0.3rem;
}

.jzinfo-4body h4 {
  width: 100%;
  font-size: 16px;
  color: #202124;
  line-height: 24px;
}

.jzinfo-4item:hover .jzinfo-4cont:before {
  opacity: 1;
}

.jzinfo-4body ul {
  width: 100%;
  margin-top: 10px;
  border-bottom: 1px #e5e5e5 solid;
  padding-bottom: 15px;
}

.jzinfo-4body ul li {
  width: 100%;
  line-height: 24px;
  font-size: 12px;
  color: #7a8799;
  box-sizing: border-box;
  padding-left: 22px;
}

.jzinfo-4body ul li.icon1 {
  background: url("../img/icon-4.png") no-repeat left 6px;
}

.jzinfo-4body ul li.icon2 {
  background: url("../img/icon-10.png") no-repeat left 6px;
}

.jzinfo-4body ul li.icon3 {
  background: url("../img/icon-17.png") no-repeat left 6px;
}

.jzinfo-4model {
  width: 100%;
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.jzinfo-4model span {
  width: auto;
  font-size: 14px;
  color: #7a8799;
}

.jzinfo-4model p {
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  font-size: 14px;
  color: #fff;
  background: #003c98;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.jzinfo-4model p:hover {
  box-shadow: 0px 0px 12px 5px rgba(0, 60, 152, 0.2);
}

/*about*/
.banner-ver {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
  text-align: center;
  color: #fff;
}

.banner-ver h3 {
  width: 100%;
  font-size: 0.6rem;
  letter-spacing: 0.26rem;
}

.banner-ver p {
  width: 100%;
  font-size: 0.24rem;
  margin-top: 8px;
}

.about .crumb .wrap-s {
  display: flex;
  justify-content: space-between;
}

.crumb-left {
  width: auto;
}

.about .crumb ul {
  width: auto;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.about .crumb ul li {
  width: auto;
  height: 100%;
  margin-left: 0.3rem;
  position: relative;
}

.about .crumb ul li:before {
  width: 0%;
  height: 2px;
  content: "";
  bottom: 1px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #003c98;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.about .crumb ul li a {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0px !important;
  padding: 0px !important;
  background: none;
  font-size: 16px;
  color: #202124;
}

.about .crumb ul li.active:before, .about .crumb ul li:hover:before {
  width: 100%;
}

.about .crumb ul li.active a, .about .crumb ul li:hover a {
  color: #003c98;
}

.about-1 {
  width: 100%;
  overflow: hidden;
  background: url("../img/bg-4.jpg") no-repeat left top fixed;
  background-size: 100%;
  padding: 1rem 0px;
}

.about-head {
  width: 100%;
  text-align: center;
}

.about-head h3 {
  width: 100%;
  position: relative;
  padding-bottom: 20px;
  font-size: 0.32rem;
  color: #202124;
}

.about-head h3:before {
  width: 32px;
  height: 4px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  border-radius: 2px;
  background: -webkit-linear-gradient(left, #8ca7d0, #cfe1fd);
  background: -moz-linear-gradient(left, #8ca7d0, #cfe1fd);
  background: -ms-linear-gradient(left, #8ca7d0, #cfe1fd);
  background: -o-linear-gradient(left, #8ca7d0, #cfe1fd);
  content: "";
}

.about-1info {
  width: 100%;
  margin-top: 25px;
  font-size: 16px;
  color: #333;
  line-height: 24px;
}

.about-1info p {
  margin-top: 17px;
}

.about-1info p:first-child {
  margin-top: 0px;
}

.about-1 ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 60px;
}

.about-1 ul li {
  width: auto;
}

.about-1num {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  color: #003c98;
}

.about-1num span {
  font-size: 0.6rem;
}

.about-1num em {
  font-size: 0.3rem;
  font-style: normal;
}

.about-1 ul li p {
  width: 100%;
  font-size: max(14px, 0.16rem);
  color: #7a8799;
  line-height: 24px;
}

.about-1video {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  margin-top: 80px;
  position: relative;
}

.about-1video samp {
  width: 100%;
  display: block;
  overflow: hidden;
}

.about-1video samp img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.about-1video:hover samp img{transform:scale(1.03)}*/
.about-1video span {
  width: 0.96rem;
  height: 0.96rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
  cursor: pointer;
}

.about-1video span:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  background: url("../img/icon-58.png") no-repeat center;
  background-size: 100%;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.about-1video span:hover:before {
  transform: rotate(180deg);
}

.about-2 {
  width: 100%;
  overflow: hidden;
  background: url("../img/bg-5.jpg") no-repeat;
  background-size: cover;
  padding: 1rem 0px;
}

.about-2content {
  width: 100%;
  margin-top: 0.3rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 13px;
}

.about-2item {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  background: -webkit-linear-gradient(top, #f4f8fd, #fff);
  background: -moz-linear-gradient(top, #f4f8fd, #fff);
  background: -ms-linear-gradient(top, #f4f8fd, #fff);
  background: -o-linear-gradient(top, #f4f8fd, #fff);
  height: 240px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
}

.about-2item samp {
  width: 100%;
  height: 65px;
  display: block;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  justify-content: center;
}

.about-2item samp img {
  width: auto;
  height: auto;
  max-height: 100%;
}

.about-2item span {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 0.24rem;
  color: #003c98;
}

.about-2item p {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 16px;
  color: #7a8799;
  margin-top: 5px;
}

.about-3 {
  width: 100%;
}

.about-3cir {
  width: 780px;
  margin: 0px auto;
  position: relative;
}

.about-3pic, .about-3pic img {
  width: 100%;
  height: auto;
  display: block;
}

.about-3center {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.about-3center samp {
  width: 100%;
  display: block;
  text-align: center;
}

.about-3center samp img {
  width: auto;
  height: auto;
}

.about-3center span {
  width: 100%;
  font-size: 0.32rem;
  color: #202124;
  line-height: 48px;
  display: block;
  text-align: center;
}

.about-3wz {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.about-3item {
  width: auto;
  position: absolute;
}

.about-3item samp {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #003c98;
  display: block;
}

.about-3item.item1 {
  left: 7%;
  top: 22.82%;
}

.about-3item.item2 {
  left: 0.5%;
  top: 39.232%;
}

.about-3item.item3 {
  left: 0.5%;
  bottom: 39.232%;
}

.about-3item.item4 {
  left: 7%;
  bottom: 22.82%;
}

.about-3item.item5 {
  right: 7%;
  top: 22.82%;
}

.about-3item.item6 {
  right: 0.5%;
  top: 39.232%;
}

.about-3item.item7 {
  right: 0.5%;
  bottom: 39.232%;
}

.about-3item.item8 {
  right: 7%;
  bottom: 22.82%;
}

.about-3model {
  width: auto;
  position: absolute;
  top: 0px;
  left: 40px;
  text-align: left;
}

.about-3model span {
  width: 100%;
  font-size: 0.2rem;
  color: #202124;
  display: block;
  white-space: pre;
}

.about-3model p {
  width: 100%;
  font-size: max(14px, 0.163rem);
  color: #7a8799;
  display: block;
  white-space: pre;
  line-height: 24px;
  margin-top: 10px;
}

.about-3item.item1 .about-3model, .about-3item.item2 .about-3model, .about-3item.item3 .about-3model, .about-3item.item4 .about-3model {
  right: 40px;
  top: -6px;
  left: auto;
  text-align: right;
}

.about-4 {
  width: 100%;
  overflow: hidden;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 740px;
  box-sizing: border-box;
  padding-top: 1rem;
}

.about-4content {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  background: rgba(245, 250, 253, 0.85);
  backdrop-filter: blur(8px);
  margin-top: 0.3rem;
}

.about-4content ul {
  width: 100%;
  padding: 0.8rem 0px 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.about-4content ul li {
  flex: 1;
  position: relative;
}

.about-4content ul li:before {
  width: 1px;
  height: 40px;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  background: #dee1e4;
}

.about-4content ul li:last-child:before {
  display: none;
}

.about-4content ul li samp {
  width: 100%;
  display: block;
  height: 50px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

.about-4content ul li samp img {
  width: auto;
  height: auto;
  max-height: 100%;
}

.about-4content ul li span {
  width: 100%;
  display: block;
  text-align: center;
  font-size: max(14px, 0.16rem);
  color: #003c98;
  line-height: 24px;
  margin-top: 6px;
}

.about-5 {
  width: 100%;
  overflow: hidden;
  padding: 1rem 0px;
  background: -webkit-linear-gradient(top, #eff5ff, #fff);
  background: -moz-linear-gradient(top, #eff5ff, #fff);
  background: -ms-linear-gradient(top, #eff5ff, #fff);
  background: -o-linear-gradient(top, #eff5ff, #fff);
}

.about-5content {
  width: 100%;
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.3rem;
}

.about-5item {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px #fff solid;
  border-radius: 8px;
  position: relative;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.about-5item:hover {
  box-shadow: 0px 10px 16px 9px rgba(0, 0, 0, 0.06);
}

.about-5item img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.about-5item:hover img{transform:scale(1.03)}*/
.about-5model {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 4;
}

.about-5model h4 {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.7rem;
  margin-top: 20px;
}

.about-5model span {
  width: 100%;
  display: block;
  text-align: center;
  color: #003c98;
  font-size: 0.35rem;
  margin-top: 20px;
}

.about-5model p {
  width: 100%;
  display: block;
  text-align: center;
  color: #7a8799;
  font-size: max(14px, 0.18rem);
  line-height: 34px;
  margin-top: 28px;
}

.about-5model ul {
  width: 100%;
  display: block;
  text-align: center;
  color: #7a8799;
  font-size: max(14px, 0.18rem);
  line-height: 34px;
  margin-top: 28px;
}

.about-5model ul em {
  font-style: normal;
}

.about-5model ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0px 0.5rem;
}

/*about-team*/
.create-1 {
  width: 100%;
  overflow: hidden;
  background: url("../img/bg-7.jpg") no-repeat;
  background-size: cover;
  padding: 40px calc((100% - 1200px) / 2) 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.create-1left {
  width: 28%;
}

.create-1left h3 {
  width: 100%;
  font-size: max(14px, 0.18rem);
  color: rgba(32, 33, 36, 0.2);
}

.create-1left h3 span {
  font-size: 0.36rem;
  color: #202124;
  margin-right: 13px;
}

.create-1left h4 {
  width: 87%;
  font-size: 0.24rem;
  color: #003c98;
  margin-top: 30px;
  border-bottom: 1px #dbdee2 solid;
  padding-bottom: 0.5rem;
}

.create-1left ul {
  width: 100%;
  padding-top: 28px;
}

.create-1left ul li {
  width: 100%;
  line-height: 32px;
  font-size: max(14px, 0.18rem);
  color: #202124;
  box-sizing: border-box;
  padding-left: 28px;
  position: relative;
  margin-top: 15px;
}

.create-1left ul li:before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #003c98;
  content: "";
  position: absolute;
  left: 0px;
  top: 11px;
}

.create-1right {
  width: auto;
  position: relative;
}

.create-1right samp {
  display: none !important;
}

.create-1right samp img {
  width: 100%;
  height: auto;
}

.create-1right span {
  width: auto;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.create-1right span img {
  width: auto;
  height: 660px;
  display: block;
}

.create-2 {
  width: 100%;
  overflow: hidden;
  background: #fff url("../img/bg-8.jpg") no-repeat left bottom;
  background-size: 100%;
  padding: 1rem 0px 2.87rem;
}

.create-2 h3 {
  width: 100%;
  position: relative;
  padding-bottom: 20px;
  font-size: 0.36rem;
  line-height: 48px;
  color: #202124;
  text-align: center;
}

.create-2 h3:before {
  width: 32px;
  height: 4px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  border-radius: 2px;
  background: -webkit-linear-gradient(left, #8ca7d0, #cfe1fd);
  background: -moz-linear-gradient(left, #8ca7d0, #cfe1fd);
  background: -ms-linear-gradient(left, #8ca7d0, #cfe1fd);
  background: -o-linear-gradient(left, #8ca7d0, #cfe1fd);
  content: "";
}

.create-2content {
  width: 1220px;
  position: relative;
  margin: 0px auto;
}

.create-2content .swiper {
  width: 100%;
  margin: 0px auto;
  padding: 0.4rem 10px;
  box-sizing: border-box;
}

.create-2item {
  width: 100%;
  height: 430px;
  overflow: hidden;
  border-radius: 9px;
  background: #e5ebf4;
  position: relative;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.create-2item:before {
  width: 100%;
  height: 40%;
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  z-index: 6;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.create-2item:after {
  width: 100%;
  height: 60%;
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgb(255, 255, 255) 50%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgb(255, 255, 255) 50%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgb(255, 255, 255) 50%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgb(255, 255, 255) 50%);
  z-index: 7;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  opacity: 0;
}

.create-2pic {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  justify-content: center;
  align-items: flex-end;
}

.create-2pic img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 95%;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.create-2item:hover .create-2pic img{transform:scale(1.03)}*/
.create-2item:hover {
  box-shadow: 0px 10px 18px 3px rgba(0, 0, 0, 0.06);
}

.create-2item:hover:before {
  opacity: 0;
}

.create-2item:hover:after {
  opacity: 1;
}

.create-2model {
  width: 80%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 25px;
  z-index: 8;
}

.create-2model span {
  width: 100%;
  font-size: 0.24rem;
  display: block;
  color: #fff;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.create-2model p {
  width: 100%;
  font-size: 14px;
  display: block;
  color: rgba(255, 255, 255, 0.5);
  line-height: 24px;
  margin-top: 12px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.create-2info {
  width: 100%;
  margin-top: 20px;
  border-top: 1px #e4e4e4 solid;
  padding-top: 20px;
  font-size: 14px;
  color: #202124;
  line-height: 22px;
  opacity: 0.6;
  display: none;
}

.create-2item:hover .create-2model span, .create-2item:hover .create-2model p {
  color: #202124;
}

.create-2content .swiper-button-prev {
  width: 48px;
  height: 48px;
  opacity: 1;
  left: -80px;
}

.create-2content .swiper-button-prev:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px #003c98 solid;
  border-radius: 50%;
  background: url("../img/icon-23.png") no-repeat center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.create-2content .swiper-button-prev:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px #003c98 solid;
  border-radius: 50%;
  background: #003c98 url("../img/icon-24.png") no-repeat center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  transform: rotate(180deg);
  opacity: 0;
}

.create-2content .swiper-button-next {
  width: 48px;
  height: 48px;
  opacity: 1;
  right: -80px;
}

.create-2content .swiper-button-next:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px #003c98 solid;
  border-radius: 50%;
  background: url("../img/icon-23.png") no-repeat center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  transform: rotate(180deg);
}

.create-2content .swiper-button-next:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px #003c98 solid;
  border-radius: 50%;
  background: #003c98 url("../img/icon-24.png") no-repeat center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  opacity: 0;
}

.create-2content .swiper-button-prev:hover:before, .create-2content .swiper-button-next:hover:before {
  opacity: 0;
}

.create-2content .swiper-button-prev:hover:after, .create-2content .swiper-button-next:hover:after {
  opacity: 1;
}

.create-2 ul {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  border: 1px #fff solid;
  box-sizing: border-box;
  background: -webkit-linear-gradient(top, #e9eef7, #fff);
  background: -moz-linear-gradient(top, #e9eef7, #fff);
  background: -ms-linear-gradient(top, #e9eef7, #fff);
  background: -o-linear-gradient(top, #e9eef7, #fff);
  box-shadow: 0px 3px 12px 5px rgba(0, 0, 0, 0.02);
  padding: 0.3rem 0.8rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.create-2 ul li {
  width: auto;
}

.create-2 ul li img {
  width: auto;
  height: auto;
  max-width: 200px;
  max-height: 60px;
  mix-blend-mode: multiply;
}

/*about-shehuizeren*/
.st {
  width: 100%;
  position: relative;
  padding: 0.9rem 0px 1rem;
}

.st-left {
  float: left;
  width: 26.7%;
  position: sticky;
  top: 50px;
  overflow: hidden;
  border-radius: 6px;
  background: -webkit-linear-gradient(top, #e8eef8, #fff);
  background: -moz-linear-gradient(top, #e8eef8, #fff);
  background: -ms-linear-gradient(top, #e8eef8, #fff);
  background: -o-linear-gradient(top, #e8eef8, #fff);
  padding-top: 18px;
}

.st-left ul {
  width: 100%;
  overflow: hidden;
}

.st-left ul li {
  width: 100%;
  height: 72px;
  line-height: 72px;
  position: relative;
  overflow: hidden;
  padding-left: 30px;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.st-left ul li:before {
  width: 84%;
  height: 1px;
  content: "";
  position: absolute;
  left: 15px;
  bottom: 0px;
  background: #e5e6e8;
}

.st-left ul li:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  background: -webkit-linear-gradient(left, rgba(147, 173, 212, 0), rgb(147, 173, 212));
  background: -moz-linear-gradient(left, rgba(147, 173, 212, 0), rgb(147, 173, 212));
  background: -ms-linear-gradient(left, rgba(147, 173, 212, 0), rgb(147, 173, 212));
  background: -o-linear-gradient(left, rgba(147, 173, 212, 0), rgb(147, 173, 212));
  box-sizing: border-box;
  border-right: 4px #003c98 solid;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 0px;
  opacity: 0;
  left: auto;
  right: 0px;
}

.st-left ul li:last-child:before {
  display: none;
}

.st-left ul li span {
  width: auto;
  display: block;
  height: 100%;
  position: relative;
  font-size: max(16px, 0.18rem);
  color: #7a8799;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  padding-left: 24px;
  position: relative;
  z-index: 7;
}

.st-left ul li span:before {
  width: 8px;
  height: 8px;
  content: "";
  position: absolute;
  left: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #999999;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.st-left ul li.active:after {
  width: 100%;
  opacity: 1;
}

.st-left ul li.active span:before {
  background: #003c98;
}

.st-left ul li.active span {
  color: #003c98;
}

.st-right {
  width: 67%;
  float: right;
  position: relative;
}

.st-pannel {
  width: 100%;
  display: none;
}

.st-pannel.active {
  display: block;
}

.st-pannel h3 {
  width: 100%;
  font-size: 0.32rem;
  color: #202124;
  box-sizing: border-box;
  padding-left: 20px;
  position: relative;
}

.st-pannel h3:before {
  width: 4px;
  height: 80%;
  content: "";
  position: absolute;
  left: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: -webkit-linear-gradient(top, #d0e2fe, #82a0cd);
  background: -moz-linear-gradient(top, #d0e2fe, #82a0cd);
  background: -ms-linear-gradient(top, #d0e2fe, #82a0cd);
  background: -o-linear-gradient(top, #d0e2fe, #82a0cd);
  border-radius: 3px;
}

.st-body {
  width: 100%;
  margin-top: 26px;
  font-size: 16px;
  color: #7a8799;
  line-height: 32px;
}

.st-body img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.st-body p {
  margin: 15px 0px;
}

.st-body p:first-child {
  margin-top: 0px;
}

.st-body ul, .st-body ol {
  box-sizing: border-box;
  padding-left: 20px;
}

.st-body li {
  list-style: inherit;
}

/*search*/
.search {
  width: 100%;
  padding: 0.7rem 0px 1rem;
}

.search-1 {
  width: 100%;
  font-size: 0.32rem;
  color: #202124;
}

.search-1 span {
  color: #003c98;
  margin: 0px 10px;
}

.search-2 {
  width: 100%;
  margin-top: 32px;
}

.search-2 form {
  width: 100%;
  height: 80px;
  line-height: 80px;
  border-radius: 50px;
  background: #e5ebf4;
  overflow: hidden;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  box-sizing: border-box;
  border: 1px #e5ebf4 solid;
  position: relative;
}

.search-2 form:hover {
  border-color: #003c98;
}

.search-2 .txt {
  width: 100%;
  height: 100%;
  display: block;
  background: none;
  box-sizing: border-box;
  padding-left: 40px;
  font-size: 18px;
  color: #202124;
}

.search-2 .txt::placeholder {
  color: #202124 !important;
  opacity: 1;
}

.search-2 .txt::-webkit-input-placeholder {
  color: #202124 !important;
  opacity: 1;
}

.search-2 .txt::-ms-input-placeholder {
  color: #202124 !important;
  opacity: 1;
}

.search-2 .txt::-moz-placeholder {
  color: #202124 !important;
  opacity: 1;
}

.search-2 .bt {
  width: 60px;
  height: 60px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  background: url("../img/icon-81.png") no-repeat center;
  background-size: 100%;
}

.search-3 {
  width: 100%;
  padding: 0.4rem 0px;
  border-bottom: 1px #e6e6e6 solid;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.search-3item {
  width: auto;
  margin-right: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  cursor: pointer;
}

.search-3item:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
  cursor: pointer;
}

.search-3item:last-child {
  margin-right: 0px;
}

.search-3item input {
  width: 22px;
  height: 22px;
  border: 1px #d9d9d9 solid;
  border-radius: 3px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  padding: 5px;
  box-sizing: border-box;
  background-clip: content-box;
}

.search-3item input:checked {
  background: #fff;
  padding: 5px;
  box-sizing: border-box;
  background-clip: content-box;
}

.search-3item span {
  font-size: 14px;
  color: #7a8799;
  margin-left: 10px;
}

.search-3item.active input {
  border-color: #003c98;
}

.search-3item.active input:checked {
  background-color: #003c98;
}

.search-4 {
  width: 100%;
  overflow: hidden;
  margin-top: 0.4rem;
}

.search-4item {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.search-4item:before {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  border-bottom: 1px #e6e6e6 solid;
}

.search-4item:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  overflow: hidden;
  border-radius: 8px;
  background: -webkit-linear-gradient(left, #2a82dc, #003c98);
  background: -moz-linear-gradient(left, #2a82dc, #003c98);
  background: -ms-linear-gradient(left, #2a82dc, #003c98);
  background: -o-linear-gradient(left, #2a82dc, #003c98);
  opacity: 0;
}

.search-4item:hover:after {
  opacity: 1;
}

.search-4item a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 6;
  padding: 0.4rem;
  box-sizing: border-box;
}

.search-4item h4 {
  width: 100%;
  font-size: 0.24rem;
  color: #202124;
  line-height: 30px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.search-4info {
  width: 100%;
  font-size: 16px;
  color: #7a8799;
  margin-top: 12px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.search-4date {
  width: 100%;
  margin-top: 45px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.search-4date span {
  font-size: 16px;
  color: #7a8799;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.search-4date p {
  padding-right: 18px;
  font-size: max(14px, 0.16rem);
  color: #fff;
  background: url("../img/icon-82.png") no-repeat right center;
}

.search-4item:hover h4, .search-4item:hover .search-4info, .search-4item:hover .search-4date span {
  color: #fff;
}

/*about-his*/
.his {
  width: 100%;
  padding: 1rem 0px 0.9rem;
  background: -webkit-linear-gradient(top, #fff, #e9eef7);
  background: -moz-linear-gradient(top, #fff, #e9eef7);
  background: -ms-linear-gradient(top, #fff, #e9eef7);
  background: -o-linear-gradient(top, #fff, #e9eef7);
}

.his-content {
  width: 100%;
  margin-top: 60px;
  position: relative;
}

.his-line {
  width: 4px;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  z-index: 2;
  background: #e4eaf4;
  overflow: hidden;
}

.his-line span {
  width: 100%;
  height: 0%;
  display: block;
  overflow: hidden;
  background: #003c98;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

.his-item {
  width: 100%;
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 7;
}

.his-item:first-child {
  margin-top: 30px;
}

.his-cir {
  width: 120px;
  position: relative;
  margin-top: 40px;
}

.his-cir:before {
  width: 26px;
  height: 26px;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
  border-radius: 50%;
  isolation: isolate;
  border: 2px #fff solid;
  background: -webkit-linear-gradient(top, #f1f5fd, #fefeff);
  background: -moz-linear-gradient(top, #f1f5fd, #fefeff);
  background: -ms-linear-gradient(top, #f1f5fd, #fefeff);
  background: -o-linear-gradient(top, #f1f5fd, #fefeff);
  box-shadow: 0px 5px 10px 4px rgba(0, 0, 0, 0.07);
}

.his-cir:after {
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
  border-radius: 50%;
  isolation: isolate;
  background: #003c98;
}

.his-age {
  width: calc(50% - 60px);
  text-align: right;
  font-size: 0.72rem;
  color: #003c98;
}

.his-model {
  width: calc(50% - 60px);
}

.his-info {
  width: 100%;
  font-size: max(16px, 0.18rem);
  color: #202124;
  line-height: 30px;
  margin-top: 24px;
}

.his-pic {
  width: 80.556%;
  border-radius: 8px;
  margin-top: 28px;
  position: relative;
}

.his-pic:before {
  width: 97%;
  height: 20x;
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5px;
  z-index: 2;
  box-shadow: 0px 0px 22px 15px rgba(193, 200, 211, 0.9);
}

.his-pic span {
  width: 100%;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  z-index: 4;
}

.his-pic img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.his-pic:hover img{transform:scale(1.03)}*/
.his-item:nth-child(2n) {
  flex-direction: row-reverse;
}

.his-item:nth-child(2n) .his-age {
  text-align: left;
}

.his-item:nth-child(2n) .his-model {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.his-item:nth-child(2n) .his-info {
  text-align: right;
}

.his-right {
  width: auto;
  position: absolute;
  left: -120px;
  top: 0px;
}

.his-right.active {
  position: fixed;
  top: 100px;
  left: calc((100% - 1200px) / 2 - 120px);
}

.his-right ul {
  width: 100%;
}

.his-right ul li {
  width: 100%;
  height: 24px;
  line-height: 24px;
  margin-top: 10px;
  position: relative;
  cursor: pointer;
}

.his-right ul li:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  border-radius: 20px;
  border: 1px #fff solid;
  box-sizing: border-box;
  background: -webkit-linear-gradient(top, #f0f4fd, #fff);
  background: -moz-linear-gradient(top, #f0f4fd, #fff);
  background: -ms-linear-gradient(top, #f0f4fd, #fff);
  background: -o-linear-gradient(top, #f0f4fd, #fff);
  box-shadow: 0px 5px 12px 5px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  opacity: 0;
}

.his-right ul li:first-child {
  margin-top: 0px;
}

.his-right ul li a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  padding-left: 24px;
}

.his-right ul li samp {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.his-right ul li samp:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 2;
  border: 1px #fff solid;
  background: -webkit-linear-gradient(top, #f0f4fd, #fff);
  background: -moz-linear-gradient(top, #f0f4fd, #fff);
  background: -ms-linear-gradient(top, #f0f4fd, #fff);
  background: -o-linear-gradient(top, #f0f4fd, #fff);
  opacity: 0;
  box-shadow: 0px 5px 12px 5px rgba(0, 0, 0, 0.05);
}

.his-right ul li samp:after {
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  border: 1px #003c98 solid;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
  border-radius: 50%;
  z-index: 3;
}

.his-right ul li span {
  width: 70px;
  height: 100%;
  text-align: center;
  display: block;
  font-size: 18px;
  color: #003c98;
  position: relative;
  z-index: 6;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  opacity: 0;
}

.his-right ul li.active:before {
  opacity: 1;
}

.his-right ul li.active samp:before {
  opacity: 1;
}

.his-right ul li.active samp:after {
  background: #003c98;
}

.his-right ul li.active span {
  opacity: 1;
}

/*about-bantu*/
.bt-1 {
  width: 100%;
  overflow: hidden;
  padding-top: 1rem;
}

.bt-1 .wrap-s {
  display: flex;
  justify-content: space-between;
}

.bt-1left {
  width: 32.5%;
  margin-top: 0.4rem;
}

.bt-1left h3 {
  width: 100%;
  position: relative;
  padding-bottom: 20px;
  font-size: 0.32rem;
  color: #202124;
}

.bt-1left h3:before {
  width: 32px;
  height: 4px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  border-radius: 2px;
  background: -webkit-linear-gradient(left, #819ecc, #cfe1fd);
  background: -moz-linear-gradient(left, #819ecc, #cfe1fd);
  background: -ms-linear-gradient(left, #819ecc, #cfe1fd);
  background: -o-linear-gradient(left, #819ecc, #cfe1fd);
  content: "";
}

.bt-1left ul {
  width: 100%;
  padding-top: 20px;
}

.bt-1left ul li {
  width: 100%;
  padding: 20px 0px;
  border-bottom: 1px #e7e7e9 solid;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.bt-1left ul li:last-child {
  border: none;
}

.bt-1num {
  width: 120px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  color: #003c98;
}

.bt-1num span {
  font-size: 0.5rem;
}

.bt-1num p {
  font-size: 0.32rem;
}

.bt-1info {
  width: auto;
  font-size: 16px;
  color: #202124;
}

.bt-1 .location .map span {
  opacity: 1 !important;
}

.bt-1 .location:nth-child(1) .map samp:before {
  width: 100%;
  height: 100%;
}

.bt-1 .location:nth-child(1) .map samp:after {
  width: 50%;
  height: 50%;
}

.bt-2 {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.bt-2bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  background: #1952a4;
}

.bt-2bg span {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -ms-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  opacity: 0;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  position: absolute;
  left: 0px;
  top: 0px;
}

.bt-2bg span.active {
  opacity: 0.12;
}

.bt-2content {
  width: 100%;
  padding: 1rem 0px;
  position: relative;
  z-index: 4;
}

.bt-2content h3 {
  width: 100%;
  position: relative;
  padding-bottom: 20px;
  font-size: 0.32rem;
  color: #fff;
  text-align: center;
}

.bt-2content h3:before {
  width: 32px;
  height: 4px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  border-radius: 2px;
  background: -webkit-linear-gradient(left, #5b89cd, #8ca9d2);
  background: -moz-linear-gradient(left, #5b89cd, #8ca9d2);
  background: -ms-linear-gradient(left, #5b89cd, #8ca9d2);
  background: -o-linear-gradient(left, #5b89cd, #8ca9d2);
  content: "";
}

.bt-2pannel {
  width: 100%;
  margin-top: 30px;
}

.bt-2pannel .wrap-s {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.bt-2left {
  width: 58%;
  overflow: hidden;
}

.bt-2left ul {
  width: 100%;
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 7px;
}

.bt-2left ul li {
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  background: rgba(255, 255, 255, 0.1);
  border: 1px rgba(255, 255, 255, 0) solid;
  border-radius: 6px;
  font-size: 14px;
  color: #fff;
}

.bt-2left ul li.active {
  color: #003c98;
  background: rgba(255, 255, 255, 0.7);
  border-color: #fff;
}

.bt-2pic {
  width: 100%;
  overflow: hidden;
  margin-top: 30px;
  position: relative;
}

.bt-2pic span {
  width: 100%;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  border-radius: 8px;
  opacity: 0;
}

.bt-2pic span img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.bt-2pic span.active {
  position: relative;
  opacity: 1;
}

/*.bt-2pic:hover span img{transform:scale(1.03)}*/
.bt-2button {
  width: 100%;
  margin-top: 30px;
}

.bt-2item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  display: none;
}

.bt-2item.active {
  display: flex;
}

.bt-2tel {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.bt-2tel samp {
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden;
  border-radius: 50%;
  isolation: isolate;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
  margin-right: 20px;
}

.bt-2tel samp em {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background: #fff url("../img/icon-83.png") no-repeat center;
  border-radius: 50%;
}

.bt-2cont {
  width: auto;
}

.bt-2cont span {
  width: 100%;
  display: block;
  font-size: 0.32rem;
  color: #fff;
}

.bt-2cont p {
  width: 100%;
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

.bt-2item a {
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 30px;
  border: 1px rgb(255, 255, 255) solid;
  text-align: center;
  font-size: 14px;
  color: #fff;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  background: #fff;
  color: #003c98;
}

.bt-2item a:hover {
  transform: translateY(3px);
}

.bt-2right {
  width: 33.33%;
  overflow: hidden;
  border: 1px rgba(255, 255, 255, 0.5) solid;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
  padding: 28px 18px 20px;
}

.bt-2model {
  width: 100%;
  height: 100%;
  display: none;
  backdrop-filter: blur(5px);
}

.bt-2model.active {
  display: block;
}

.bt-2model h4 {
  width: 100%;
  border-bottom: 1px rgba(255, 255, 255, 0.5) solid;
  padding-bottom: 0.3rem;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-end;
  font-size: 0.24rem;
  color: #fff;
}

.bt-2model h4 img {
  width: auto;
  height: auto;
  max-height: 32px;
  margin-right: 14px;
}

.bt-2model ul {
  width: 100%;
  margin-top: 32px;
  overflow: hidden;
  height: 460px;
}

.bt-2model ul li {
  width: 100%;
  padding: 30px 0px;
  border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
}

.bt-2model ul li:first-child {
  padding-top: 0px;
}

.bt-2model ul li span {
  width: 100%;
  display: block;
  font-size: 16px;
  color: #fff;
  line-height: 24px;
}

.bt-2model ul li p {
  width: 100%;
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 22px;
  margin-top: 6px;
}

.bt-2model ul .mCSB_inside > .mCSB_container {
  padding-right: 20px;
}

.bt-2model ul .mCSB_scrollTools {
  width: 4px;
  border-radius: 2px;
}

.bt-2model ul .mCSB_scrollTools:before {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
}

.bt-2model ul .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 2px;
}

/*about-honor*/
.honor-1 {
  width: 100%;
  overflow: hidden;
  padding: 1rem 0px;
}

.honor-1content {
  width: 100%;
  margin-top: 30px;
}

.honor-1item {
  width: 100%;
  margin-top: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.honor-1item:nth-child(2n+1) {
  flex-direction: row-reverse;
}

.honor-1pic {
  width: 45%;
  overflow: hidden;
  border-radius: 8px;
}

.honor-1pic img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.honor-1pic:hover img{transform:scale(1.03)}*/
.honor-1cont {
  width: 47.5%;
}

.honor-1cont samp {
  width: 100%;
  display: block;
  overflow: hidden;
  border-bottom: 1px #e5e5e5 solid;
  padding-bottom: 30px;
}

.honor-1cont samp img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 60px;
}

.honor-1cont h4 {
  width: 100%;
  font-size: 0.24rem;
  color: #202124;
  margin-top: 24px;
}

.honor-1cont h4 span {
  color: #003c98;
  font-size: 0.36rem;
  margin: 0px 10px;
}

.honor-1cont p {
  width: 100%;
  font-size: 16px;
  color: #7a8799;
  line-height: 28px;
  margin-top: 28px;
}

.honor-2 {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}

.honor-2head {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 1.1rem;
  z-index: 2;
}

.honor-2head h3 {
  width: 100%;
  font-size: 0.32rem;
  color: #fff;
  position: relative;
  padding-bottom: 20px;
}

.honor-2head h3:before {
  width: 32px;
  height: 4px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  border-radius: 2px;
  background: -webkit-linear-gradient(left, #8ab3eb, #b5cdeb);
  background: -moz-linear-gradient(left, #8ab3eb, #b5cdeb);
  background: -ms-linear-gradient(left, #8ab3eb, #b5cdeb);
  background: -o-linear-gradient(left, #8ab3eb, #b5cdeb);
  content: "";
}

.honor-2content {
  width: 80%;
  max-width: 1200px;
  margin: 0px auto;
  height: 941px;
  position: relative;
}

.honor-2slide {
  width: 100%;
  position: absolute;
  left: 0%;
  bottom: 17%;
  z-index: 20;
}

.honor-2slide .swiper {
  overflow: inherit;
}

.honor-2item {
  width: 100%;
  position: relative;
}

.honor-2age {
  width: auto;
  margin-left: 16.4%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.honor-2age samp {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  isolation: isolate;
  background: #fff;
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.06);
  display: block;
  margin-right: 24px;
  position: relative;
}

.honor-2age samp:before {
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #003c98;
  border-radius: 50%;
  isolation: isolate;
}

.honor-2age span {
  font-size: 0.24rem;
  color: #003c98;
}

.honor-2cont {
  position: absolute;
  left: 0px;
  bottom: 80px;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.honor-2cont span {
  width: auto;
  display: block;
  font-size: 1.2rem;
  color: #fff;
}

.honor-2cont samp {
  width: 460px;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  height: 260px;
}

.honor-2cont samp img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  object-fit: cover;
}

/*.honor-2cont samp:hover img{transform:scale(1.03)}*/
.honor-2cont ul {
  width: 280px;
  max-height: 260px;
}

.honor-2cont ul li {
  width: 100%;
  overflow: hidden;
  margin-top: 24px;
}

.honor-2cont ul li:first-child {
  margin-top: 0px;
}

.honor-2cont ul li h4 {
  width: 100%;
  font-size: 0.2rem;
  color: #202124;
}

.honor-2cont ul li p {
  width: 100%;
  font-size: 16px;
  color: #7a8799;
  line-height: 24px;
  margin-top: 10px;
}

.honor-2cont ul .mCSB_inside > .mCSB_container {
  padding-right: 20px;
}

.honor-2cont ul .mCSB_scrollTools {
  width: 2px;
  border-radius: 2px;
}

.honor-2cont ul .mCSB_scrollTools:before {
  background: #fff;
}

.honor-2cont ul .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #003c98;
  border-radius: 2px;
}

.honor-2list {
  width: 53.4%;
  right: 0px;
  top: 0px;
  z-index: 2;
  position: absolute;
  height: 100%;
  padding-right: 90px;
  box-sizing: border-box;
}

.honor-2list .swiper {
  height: 100%;
}

.honor-2list .swiper-slide-active .honor-2li, .honor-2list .swiper-slide-prev .honor-2li {
  opacity: 0;
  margin-top: 500px;
}

.honor-2list .swiper-slide-next .honor-2li {
  margin-top: 350px;
}

.honor-2list .swiper-slide-next + .swiper-slide .honor-2li {
  margin-top: 260px;
}

.honor-2list .swiper-slide-next + .swiper-slide + .swiper-slide .honor-2li {
  margin-top: 167px;
}

.honor-2list .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide .honor-2li {
  margin-top: 73px;
}

.honor-2list .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .honor-2li {
  opacity: 0;
}

.honor-2li {
  width: 100%;
  position: relative;
}

.honor-2li samp {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  isolation: isolate;
  background: #fff;
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.06);
  display: block;
  margin-right: 24px;
  position: relative;
}

.honor-2li samp:before {
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #003c98;
  border-radius: 50%;
  isolation: isolate;
}

.honor-2li span {
  font-size: 0.24rem;
  color: #003c98;
  position: absolute;
  left: 62px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.honor-2button {
  width: 114px;
  position: absolute;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 140px;
  z-index: 22;
}

.honor-2button .swiper-button-prev {
  width: 48px;
  height: 48px;
  opacity: 1;
  left: 0px;
}

.honor-2button .swiper-button-prev:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px #003c98 solid;
  border-radius: 50%;
  background: url("../img/icon-23.png") no-repeat center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.honor-2button .swiper-button-prev:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px #003c98 solid;
  border-radius: 50%;
  background: #003c98 url("../img/icon-24.png") no-repeat center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  transform: rotate(180deg);
  opacity: 0;
}

.honor-2button .swiper-button-next {
  width: 48px;
  height: 48px;
  opacity: 1;
  right: 0px;
}

.honor-2button .swiper-button-next:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px #003c98 solid;
  border-radius: 50%;
  background: url("../img/icon-23.png") no-repeat center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  transform: rotate(180deg);
}

.honor-2button .swiper-button-next:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px #003c98 solid;
  border-radius: 50%;
  background: #003c98 url("../img/icon-24.png") no-repeat center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  opacity: 0;
}

.honor-2button .swiper-button-prev:hover:before, .honor-2button .swiper-button-next:hover:before {
  opacity: 0;
}

.honor-2button .swiper-button-prev:hover:after, .honor-2button .swiper-button-next:hover:after {
  opacity: 1;
}

.honor-3 {
  width: 80%;
  max-width: 1200px;
  border: 1px #fff solid;
  border-radius: 8px;
  background: -webkit-linear-gradient(top, #e9eef7, #fff);
  background: -moz-linear-gradient(top, #e9eef7, #fff);
  background: -ms-linear-gradient(top, #e9eef7, #fff);
  background: -o-linear-gradient(top, #e9eef7, #fff);
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.04);
  margin: -90px auto 1rem;
  box-sizing: border-box;
  padding: 50px;
  position: relative;
  z-index: 7;
}

.honor-3 .swiper {
  margin-top: 0.4rem;
}

.honor-3item {
  width: 100%;
  height: 100%;
}

.honor-3item samp {
  width: 100%;
  height: 202px;
  display: block;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

.honor-3item samp img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.06);
}

.honor-3item span {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 16px;
  color: #202124;
  margin-top: 20px;
}

.honor-3button {
  width: 40%;
  position: relative;
  margin: 40px auto 0px;
}

.honor-3button .swiper-button-prev {
  width: 30px;
  height: 30px;
  opacity: 1;
  background: url("../img/icon-16.png") no-repeat center;
  opacity: 0.7;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  margin-top: -15px !important;
}

.honor-3button .swiper-button-next {
  width: 30px;
  height: 30px;
  opacity: 1;
  background: url("../img/icon-16.png") no-repeat center;
  transform: rotate(180deg);
  opacity: 0.7;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  margin-top: -15px !important;
}

.honor-3button .swiper-button-prev:after, .honor-3button .swiper-button-next:after {
  display: none;
}

.honor-3button .swiper-button-prev:hover, .honor-3button .swiper-button-next:hover {
  opacity: 1;
}

.honor-3button .swiper-pagination {
  width: 70%;
  bottom: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 2px;
  background: #dadde1;
}

.honor-3button .swiper-pagination span {
  background: #003c98;
}

.honor-4 {
  width: 100%;
  overflow: hidden;
  padding: 1rem 0px;
  background: -webkit-linear-gradient(top, #e9eef7, #fff);
  background: -moz-linear-gradient(top, #e9eef7, #fff);
  background: -ms-linear-gradient(top, #e9eef7, #fff);
  background: -o-linear-gradient(top, #e9eef7, #fff);
}

.honor-4 ul {
  width: 100%;
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}

.honor-4 ul li {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.honor-4 ul li.line {
  width: 1px;
  background: #dcdfe2;
}

.honor-4 ul li img {
  width: auto;
  height: auto;
  max-width: 60px;
  max-height: 60px;
  margin-right: 38px;
}

.honor-4 ul li span {
  font-size: 0.24rem;
  color: #333;
  line-height: 30px;
}

.honor-4content {
  width: 100%;
  margin-top: 0.65rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 12px;
}

.honor-4item {
  width: 100%;
  height: 80px;
  overflow: hidden;
  background: #fff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

.honor-4item img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*.honor-4item:hover img{transform:scale(1.03)}*/
.honor-5 {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.honor-5 img {
  width: 100%;
  height: auto;
}

.honor-5 img:nth-child(2) {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.honor-5:hover img:nth-child(2) {
  opacity: 1;
}

.honor-5content {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  color: #fff;
  -webkit-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -ms-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  opacity: 0;
}

.honor-5content .wrap-s {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.honor-5item {
  width: auto;
  font-size: 0.24rem;
}

.honor-5item span {
  font-size: 0.6rem;
  margin: 0px 7px;
}

.honor-5:hover .honor-5content {
  opacity: 1;
}

.servers .server {
  background: -webkit-linear-gradient(top, #e9eef7, #eef2fb);
  background: -moz-linear-gradient(top, #e9eef7, #eef2fb);
  background: -ms-linear-gradient(top, #e9eef7, #eef2fb);
  background: -o-linear-gradient(top, #e9eef7, #eef2fb);
}

@media screen and (max-width: 1500px) {
  .honor-2 {
    background-size: 100%;
  }
  .honor-2content {
    height: 49vw;
  }
  .honor-2slide {
    bottom: 15%;
  }
  .honor-2age {
    width: auto;
    margin-left: 22.4%;
  }
  .honor-2age samp {
    width: 24px;
    height: 24px;
    margin-right: 18px;
  }
  .honor-2age samp:before {
    width: 12px;
    height: 12px;
  }
  .honor-2cont {
    bottom: 45px;
    justify-content: flex-start;
  }
  .honor-2cont span {
    font-size: 0.8rem;
  }
  .honor-2cont samp {
    width: 30%;
    display: block;
    overflow: hidden;
    border-radius: 8px;
    margin-left: 8%;
    height: 15vw;
  }
  /*.honor-2cont samp:hover img{transform:scale(1.03)}*/
  .honor-2cont ul {
    width: 280px;
    max-height: 180px;
    margin-left: 5%;
  }
  .honor-2cont ul li {
    margin-top: 12px;
  }
  .honor-2cont ul li:first-child {
    margin-top: 0px;
  }
  .honor-2cont ul li h4 {
    font-size: 16px;
  }
  .honor-2cont ul li p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 6px;
  }
  .honor-2list {
    width: 57%;
    padding-right: 16%;
  }
  .honor-2list .swiper-slide-active .honor-2li, .honor-2list .swiper-slide-prev .honor-2li {
    opacity: 0;
    margin-top: 30vw;
  }
  .honor-2list .swiper-slide-next .honor-2li {
    margin-top: 20.5vw;
  }
  .honor-2list .swiper-slide-next + .swiper-slide .honor-2li {
    margin-top: 15.1vw;
  }
  .honor-2list .swiper-slide-next + .swiper-slide + .swiper-slide .honor-2li {
    margin-top: 9.6vw;
  }
  .honor-2list .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide .honor-2li {
    margin-top: 4.2vw;
  }
  .honor-2list .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .honor-2li {
    opacity: 0;
  }
  .honor-2li samp {
    width: 24px;
    height: 24px;
    margin-right: 18px;
  }
  .honor-2li samp:before {
    width: 12px;
    height: 12px;
  }
  .honor-2li span {
    left: 44px;
  }
  .honor-2button {
    width: 90px;
    position: absolute;
    bottom: 88px;
  }
  .honor-2button .swiper-button-prev {
    width: 38px;
    height: 38px;
    opacity: 1;
    left: 0px;
  }
  .honor-2button .swiper-button-next {
    width: 38px;
    height: 38px;
    opacity: 1;
    right: 0px;
  }
  .honor-3 {
    margin: -50px auto 1rem;
  }
  /*liuxuezixun-list*/
  .liuxue-1left {
    height: 22.4vw;
  }
  .liuxue-1right h4 {
    margin-top: 12px;
  }
  .liuxue-1info {
    margin-top: 10px;
  }
  .liuxue-1 .swiper-pagination {
    bottom: 0.3rem;
  }
  .liuxue-4item {
    padding: 0.3rem 0px;
  }
  .liuxue-4pic {
    height: 11.628vw;
  }
  .server-2left {
    width: 250px;
  }
  .bt-1left {
    width: 24.5%;
  }
  .jzinfo-4model p, .server-2button span, .scinfo-1button span, .jz-1model p, .ts-2link {
    width: 90px;
    height: 30px;
    line-height: 30px;
  }
  .lxinfo-2 ul li.line {
    margin: 0px 20px;
  }
  .about-3cir {
    width: 50%;
  }
  .create-1 {
    padding-left: 10%;
  }
  .create-2content {
    width: 80%;
  }
  .create-2item {
    height: 25vw;
  }
  .his-right {
    left: -5%;
  }
  .his-right.active {
    left: 6%;
  }
  .his-item {
    margin-top: 0.8rem;
  }
  .create-1 {
    padding: 40px 10% 0px;
  }
  .create-1left {
    width: 40%;
  }
  .create-1right span img {
    height: 560px;
  }
  .banner-list {
    right: 10%;
  }
  .server-2right {
    width: 80.8%;
  }
}
.inner-s4 .left-box .para span {
  padding-left: 11px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  position: relative;
}

.inner-s4 .left-box .para span:before {
  width: 10px;
  height: 0.2rem;
  line-height: 0.2rem;
  content: "·";
  position: absolute;
  left: 0px;
  top: 0px;
  color: #7a8799;
  font-size: 0.16rem;
}

.inner-s4 .left-box .para em {
  font-family: initial;
  font-style: normal;
}

.fy {
  width: 100%;
  overflow: hidden;
  background: #f3f6fa;
  padding: 1rem 0px 1.12rem;
}

.fy ul {
  width: 100%;
  display: flex;
  justify-content: center;
}

.fy ul li {
  width: auto;
  height: 0.42rem;
  line-height: 0.42rem;
  padding: 0px 0.36rem;
  cursor: pointer;
  font-size: 16px;
  color: #7a8799;
  border-radius: 30px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  margin: 0px 10px;
}

.fy ul li.active {
  background: #003c98;
  color: #fff;
}

.fy-content {
  width: 100%;
  margin-top: 50px;
  position: relative;
}

.fy-pannel {
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  transform: translateY(60px);
  opacity: 0;
  z-index: 1;
  background: -webkit-linear-gradient(top, #e9eef7, #fff);
  background: -moz-linear-gradient(top, #e9eef7, #fff);
  background: -ms-linear-gradient(top, #e9eef7, #fff);
  background: -o-linear-gradient(top, #e9eef7, #fff);
  border-radius: 6px;
  border: 1px #fff solid;
  box-sizing: border-box;
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.05);
  padding: 0.45rem 1.2rem 0.6rem;
}

.fy-pannel.active {
  z-index: 12;
  position: relative;
  animation: trans 0.5s ease 1;
  animation-fill-mode: forwards;
}

.fy-pannel h3 {
  width: 100%;
  text-align: center;
  font-size: 0.3rem;
  color: #003c98;
}

.fy-des {
  width: 100%;
  text-align: center;
  font-size: max(14px, 0.16rem);
  color: #7a8799;
  margin-top: 5px;
}

.fy-pannel form {
  width: 100%;
  padding-top: 0.1rem;
  font-size: max(14px, 0.16rem);
  color: #525a66;
}

.fy-input {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 0.2rem;
  border: 1px #e4e7eb solid;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  padding-top: 24px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.fy-input label {
  width: 1.26rem;
  box-sizing: border-box;
  padding-left: 0.27rem;
  line-height: 24px;
}

.fy-sel {
  width: calc(100% - 1.26rem);
  overflow: hidden;
}

.fy-sel span {
  float: left;
  width: 118px;
  @lh (24px,1);
  margin-bottom: 24px;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.fy-sel span:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 12;
  cursor: pointer;
}

.fy-sel span input {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  border: 1px #7d8a9b solid;
  margin-right: 8px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.fy-sel span input:checked {
  background: #003c98 url("../img/add-20150315-1.png") no-repeat center;
  border-color: #003c98;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  opacity: 0;
}

.fy-sel span.active input:checked {
  opacity: 1;
}

.fy-sel span.active {
  color: #003c98;
}

.fy-input2 {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 0.2rem;
  border: 1px #e4e7eb solid;
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  display: flex;
  justify-content: space-between;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.fy-input2 em {
  width: 0.37rem;
  display: block;
  height: 100%;
  text-align: right;
  color: #f00;
}

.fy-input2 input {
  width: calc(100% - 0.42rem);
  height: 100%;
  background: none;
  display: block;
}

.fy-input2 input::placeholder {
  color: #525a66 !important;
  opacity: 1;
}

.fy-input2 input::-webkit-input-placeholder {
  color: #525a66 !important;
  opacity: 1;
}

.fy-input2 input::-ms-input-placeholder {
  color: #525a66 !important;
  opacity: 1;
}

.fy-input2 input::-moz-placeholder {
  color: #525a66 !important;
  opacity: 1;
}

.fy-input:hover, .fy-input2:hover {
  border-color: #003c98;
}

.fy-input2 p {
  width: 1.66rem;
  height: 44px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 12;
  cursor: pointer;
  background: #f3f3f3;
}

.fy-input2 p img {
  width: 100%;
  height: 100%;
  display: block;
}

.fy-button {
  width: 100%;
  margin-top: 20px;
}

.fy-button input {
  width: 220px;
  height: 50px;
  line-height: 50px;
  display: block;
  margin: 0px auto;
  border-radius: 30px;
  background: #003c98;
  text-align: center;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.fy-button input:hover {
  transform: translateY(3px);
}

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