* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  min-width: 1300px;
  margin: 0 auto;
  display: block;
}

.mkFix {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 500;
  opacity: 0;
  animation: fixFadeIn linear .2s forwards;
}

.mkContent {
  position: relative;
  z-index: 1;
}

@keyframes fixFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.mkBox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fRow {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fCol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.f-acenter {
  align-items: center;
}

.f-center {
  justify-content: center;
}

.flex {
  display: flex;
}

.mcenter {
  margin-left: auto;
  margin-right: auto;
}

.color-shadow {
  text-shadow: 0 -.1rem .2rem violet, .1rem 0 .2rem violet, 0 .1rem .2rem violet, -.1rem 0 .2rem violet;
}

.main {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  /* overflow-y: auto; */
  background-size: 100% 100%;
}

.img img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.avatar {
  border-radius: 50%;
  box-sizing: content-box;
  overflow: hidden;
}

.input input[type='text'],
.input input[type='number'],
.input input[type='password'] {
  border: none;
  outline: none;
  background-color: transparent;
  width: 100%;
  height: 100%;
  display: block;
}

.select select {
  width: 100%;
  height: 100%;
  background-color: transparent;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
  z-index: 1;
  display: block;
}

.scrollBarNone::-webkit-scrollbar {
  display: none;
}

:root {
  --font14: .14rem;
  --font16: .16rem;
  --font18: .18rem;
  --font20: .20rem;
  --font22: .22rem;
  --font24: .24rem;
  --font26: .26rem;
  --font28: .28rem;
  --font30: .3rem;
  --font32: .32rem;
  --font34: .34rem;
  --font36: .36rem;
  --font38: .38rem;
  --font48: .48rem;
}

.finger {
  cursor: pointer;
}

.mdBtn {
  cursor: pointer;
  transition: all linear .2s;
}

.mdBtn:active {
  transform: scale(0.9);
}

.imgCover img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.common-head {
  position: fixed;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 100;
  box-shadow: 0 0.01rem 0.2rem rgba(21, 81, 154, 0.1);
}

.common-head img {
  width: 100%;
  display: block;
}

.common-head .main-top {
  background-color: #15519a;
  height: 0.4rem;
  display: flex;
}

.common-head .main-box {
  display: flex;
  line-height: 0.4rem;
  margin: 0 auto;
  min-width: 14.54rem;
}

.common-head .main-box .title {
  font-size: 0.14rem;
  color: #fef7e8;
}

.common-head .main-box .address {
  font-size: 0.14rem;
  color: #fff;
  margin-left: auto;
}

.common-head .main-foot {
  height: 0.7rem;
  display: flex;
  background-color: #fff;
}

.common-head .logo {
  width: 3.4rem;
  flex-shrink: 0;
  margin-right: 0.6rem;
  cursor: pointer;
  align-self: center;
}

.common-head .menus {
  display: flex;
}

.common-head .menus .mitem {
  font-size: 0.18rem;
  color: #666;
  line-height: 0.7rem;
  transition: all linear .2s;
  cursor: pointer;
}

.common-head .menus .mitem:not(:last-of-type) {
  margin-right: 0.26rem;
}

.common-head .menus .mitem:hover,
.common-head .menus .mitem.Actv {
  color: #15519a;
  font-weight: bold;
}

.common-head .logo2 {
  width: 1.94rem;
  margin-left: auto;
  align-self: center;
  cursor: pointer;
}

.Index {
  padding: 1.1rem 0 0;
}

.Index .head {
  width: 100%;
  height: 6rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
}

.Index .sec {
  width: 12rem;
  margin: 0 auto;
}

.Index .sec1 {
  margin-bottom: 0.7rem;
}

.Index .sec1 .sec-top {
  display: flex;
  align-items: center;
  margin-bottom: 0.6rem;
}

.Index .sec1 .sec-top .title {
  font-size: 0.36rem;
  color: #dadada;
  text-transform: uppercase;
  letter-spacing: 0.02rem;
  position: relative;
}

.Index .sec1 .sec-top .title .ch {
  font-size: 0.6rem;
  color: #333333;
  letter-spacing: 0.05rem;
  position: absolute;
  white-space: nowrap;
  left: 50%;
  top: 0.15rem;
  transform: translateX(-50%);
}

.Index .sec1 .sec-top .more-btn {
  display: flex;
  font-size: 0.16rem;
  color: #333333;
  font-weight: bold;
  width: 0.9rem;
  align-items: center;
  line-height: 2;
  margin-left: auto;
  border-bottom: 0.01rem solid #333;
}

.Index .sec1 .sec-top .more-btn .icon {
  width: 0.08rem;
  margin-left: auto;
}

.Index .sec1 .list .list-item {
  width: 100%;
  display: flex;
  height: 0.75rem;
  line-height: 0.75rem;
  font-size: 0.18rem;
  padding: 0 0.3rem;
  color: #333;
  transition: all linear .2s;
  cursor: pointer;
  background-color: #f9f9f9;
}

.Index .sec1 .list .list-item:not(:last-of-type) {
  margin-bottom: 0.1rem;
}

.Index .sec1 .list .list-item:hover {
  color: #15519a;
  background-color: #f1f7ff;
}

.Index .sec1 .list .list-item:hover .btn-look {
  visibility: visible;
}

.Index .sec1 .list .list-item .time {
  margin-right: 0.7rem;
  color: #999;
  width: 1.1rem;
}

.Index .sec1 .list .list-item .info {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.16rem;
  flex: 1;
}

.Index .sec1 .list .list-item .btn-look {
  width: 0.58rem;
  flex-shrink: 0;
  margin-left: 1rem;
  line-height: 2;
  font-size: 0.14rem;
  color: #15519a;
  align-self: center;
  visibility: hidden;
  display: flex;
  align-items: center;
  border-bottom: 0.01rem solid #15519a;
}

.Index .sec1 .list .list-item .btn-look .icon {
  width: 0.08rem;
  margin-left: auto;
}

.Index .sec2 {
  margin-bottom: 0.9rem;
}

.Index .sec2 .sec-top {
  width: 100%;
  height: 1.46rem;
  background-color: #8aa8cc;
  position: relative;
  margin-bottom: 3.75rem;
}

.Index .sec2 .sec-top .card-box {
  width: 12rem;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 0.65rem;
  box-shadow: 0 0 0.3rem rgba(21, 81, 154, 0.1);
  padding: 0.35rem 0;
  transform: translateX(-50%);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
}

.Index .sec2 .sec-top .card-box .item {
  width: 25%;
  flex-shrink: 0;
  cursor: pointer;
  font-size: 0.2rem;
  color: #15519a;
  text-align: center;
}

.Index .sec2 .sec-top .card-box .item .icon {
  width: 0.44rem;
  margin-bottom: 0.1rem;
  margin: 0 auto;
}

.Index .sec2 .sec-top .card-box .item .icon img {
  transition: all linear .2s;
}

.Index .sec2 .sec-top .card-box .item:hover img {
  transform: translateY(-0.1rem);
}

.Index .sec2 .sec-top .card-box .item:nth-child(-n+4) {
  margin-bottom: 0.5rem;
}

.Index .sec2 .sec-top .title {
  position: absolute;
  font-size: 0.36rem;
  writing-mode: vertical-lr;
  color: #dadada;
  text-transform: uppercase;
  right: 1.4rem;
  white-space: nowrap;
  top: 0.6rem;
}

.Index .sec2 .sec-top .title .ch {
  font-size: 0.55rem;
  color: #222222;
  position: absolute;
  left: 0.15rem;
  top: 0.1rem;
  letter-spacing: 0.05rem;
}

.Index .sec2 .sec-content {
  position: relative;
}

.Index .sec2 .sec-content::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.03rem;
  background-color: #cccccc;
  z-index: 10;
}

.Index .sec2 .sec-content .leftTitle {
  font-size: 0.36rem;
  color: #dadada;
  text-transform: uppercase;
  writing-mode: vertical-lr;
  position: absolute;
  left: 1.08rem;
  white-space: nowrap;
  top: 0;
}

.Index .sec2 .sec-content .leftTitle .ch {
  font-size: 0.55rem;
  color: #222222;
  position: absolute;
  left: 0.15rem;
  top: 0.1rem;
}

.Index .sec2 .sec-content .swiper {
  width: 15.6rem;
  overflow: hidden;
  margin-left: 3.58rem;
}

.Index .sec2 .sec-content .swiper .swiper-slide {
  width: 3.9rem !important;
  height: 5.5rem !important;
  flex-shrink: 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-right: 0.1rem;
}

.Index .sec2 .sec-content .swiper .swiper-slide:hover .img img {
  transform: scale(1.2);
}

.Index .sec2 .sec-content .swiper .swiper-slide .img {
  width: 100%;
  height: 4.38rem;
  overflow: hidden;
  margin-top: auto;
}

.Index .sec2 .sec-content .swiper .swiper-slide .img img {
  transition: all linear 1.5s;
}

.Index .sec2 .sec-content .swiper .swiper-slide .info-box {
  width: 3.2rem;
  height: 2.9rem;
  position: absolute;
  display: flex;
  top: 0;
  box-shadow: 0 0 0.3rem rgba(21, 81, 154, 0.1);
  left: 0;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0.25rem;
}

.Index .sec2 .sec-content .swiper .swiper-slide .info-box .en {
  font-size: 0.3rem;
  color: rgba(21, 81, 154, 0.2);
  text-transform: uppercase;
  margin-bottom: 0.3rem;
  word-break: break-all;
  position: relative;
  line-height: 1;
  height: 0.68rem;
}

.Index .sec2 .sec-content .swiper .swiper-slide .info-box .title {
  font-size: 0.2rem;
  margin-bottom: 0.25rem;
  font-weight: bold;
  color: #333333;
  position: absolute;
  left: 0;
  top: 0.95rem;
}

.Index .sec2 .sec-content .swiper .swiper-slide .info-box .info {
  font-size: 0.16rem;
  color: #999999;
  line-height: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.Index .sec2 .sec-content .swiper .swiper-slide .info-box .ifoot {
  margin-top: auto;
  display: flex;
  align-items: flex-end;
}

.Index .sec2 .sec-content .swiper .swiper-slide .info-box .ifoot .icon {
  width: 0.55rem;
}

.Index .sec2 .sec-content .swiper .swiper-slide .info-box .ifoot .more-btn {
  display: flex;
  border-bottom: 0.01rem solid #333333;
  font-size: 0.16rem;
  align-items: center;
  line-height: 1;
  color: #333333;
  margin-left: auto;
  width: 0.9rem;
  height: fit-content;
  padding-bottom: 0.1rem;
}

.Index .sec2 .sec-content .swiper .swiper-slide .info-box .ifoot .more-btn .icon-arr {
  width: 0.08rem;
  margin-left: auto;
}

.Index .sec2 .sec-content .swiperBtn {
  width: 0.55rem;
  height: 0.55rem;
  left: initial;
  top: initial;
  right: initial;
  bottom: 0.3rem;
}

.Index .sec2 .sec-content .swiperBtn::after {
  display: none;
}

.Index .sec2 .sec-content .swiperBtn.prev {
  left: 1rem;
}

.Index .sec2 .sec-content .swiperBtn.next {
  left: 2.1rem;
  transform: rotateX(180deg);
}

.Index .sec2 .sec-content .swiperBtn .normal {
  display: block;
}

.Index .sec2 .sec-content .swiperBtn .active {
  display: none;
}

.Index .sec2 .sec-content .swiperBtn:hover .normal {
  display: none;
}

.Index .sec2 .sec-content .swiperBtn:hover .active {
  display: block;
}

.common-foot {
  width: 100%;
  background-color: #15519a;
}

.common-foot .main-top {
  display: flex;
  padding-top: 0.25rem;
}

.common-foot .main-foot {
  display: flex;
  height: 0.5rem;
  line-height: 0.49rem;
  border-top: 0.01rem solid #5c86b8;
  font-size: 0.16rem;
  color: #fff;
}

.common-foot .main-foot .main-box {
  justify-content: center;
}

.common-foot .main-box {
  min-width: 12rem;
  margin: 0 auto;
  display: flex;
}

.common-foot .links .title {
  font-size: 0.16rem;
  color: #fff;
  margin-bottom: 0.16rem;
}

.common-foot .links .list {
  width: 9.8rem;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.common-foot .links .list .item {
  font-size: 0.14rem;
  color: #fff;
  width: 33.3%;
  cursor: pointer;
  margin-bottom: 0.25rem;
  display: flex;
}

.common-foot .links .list .item .text {
  width: min-content;
  white-space: nowrap;
  position: relative;
  text-decoration: none;
  color: #fff;
}

.common-foot .links .list .item:hover .text::after {
  content: "";
  width: 100%;
  height: 0.01rem;
  position: absolute;
  bottom: -0.05rem;
  left: 0;
  background-color: #cbd3e3;
}

.common-foot .maBox {
  display: flex;
  margin-left: auto;
}

.common-foot .maBox .ma {
  font-size: 0.16rem;
  color: #fff;
  text-align: center;
}

.common-foot .maBox .ma .img {
  width: 1.35rem;
  height: 1.35rem;
  margin: 0 auto 0.15rem;
}

.About {
  padding: 1.1rem 0 0;
}

.About .head {
  width: 100%;
  position: relative;
  margin-bottom: 0.68rem;
}

.About .head .img {
  width: 15.6rem;
  height: 6rem;
  margin-left: auto;
  overflow: hidden;
}

.About .head .text-box {
  width: 9rem;
  height: 5rem;
  background-color: rgba(21, 81, 154, 0.6);
  padding: 0.44rem 0 0;
  position: absolute;
  left: 0;
  top: 0.5rem;
}

.About .head .text-box .title {
  font-size: 0.36rem;
  width: min-content;
  white-space: nowrap;
  color: #fff;
  font-weight: bold;
  padding-bottom: 0.18rem;
  border-bottom: 0.04rem solid #fff;
  padding-left: 0.7rem;
  letter-spacing: 0.05rem;
  margin-bottom: 0.55rem;
}

.About .head .text-box .text {
  font-size: 0.16rem;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0.01rem;
  padding-left: 0.7rem;
  word-break: break-all;
}

.About .sec1 {
  width: 100%;
  margin-bottom: 1.3rem;
}

.About .sec1 .sec-top {
  width: 15.6rem;
  margin-left: auto;
  margin-bottom: 1.5rem;
  display: flex;
}

.About .sec1 .sec-top .itemBox {
  padding-left: 0.2rem;
  width: 5.4rem;
  position: relative;
}

.About .sec1 .sec-top .itemBox:not(:last-of-type) {
  margin-right: 1.2rem;
}

.About .sec1 .sec-top .itemBox .item-title {
  font-size: 0.3rem;
  color: #333333;
  font-weight: bold;
  margin-bottom: 0.1rem;
  position: relative;
}

.About .sec1 .sec-top .itemBox .item-title::before {
  content: "";
  width: 0.04rem;
  height: 0.3rem;
  background-color: #15519a;
  position: absolute;
  left: -0.2rem;
  top: 50%;
  transform: translateY(-50%);
}

.About .sec1 .sec-top .itemBox .info {
  font-size: 0.18rem;
  color: #333333;
  letter-spacing: 0.03rem;
  width: 5.6rem;
}

.About .sec1 .sec-content {
  position: relative;
}

.About .sec1 .sec-content .leftTitle {
  font-size: 0.22rem;
  color: #dadada;
  text-transform: uppercase;
  writing-mode: vertical-lr;
  position: absolute;
  left: 1.08rem;
  white-space: nowrap;
  top: 0;
}

.About .sec1 .sec-content .leftTitle .ch {
  font-size: 0.6rem;
  color: #222222;
  position: absolute;
  left: 0.05rem;
  top: 0.1rem;
}

.About .sec1 .sec-content .swiperBtn {
  width: 0.55rem;
  height: 0.55rem;
  left: initial;
  top: initial;
  right: initial;
  bottom: 0.3rem;
}

.About .sec1 .sec-content .swiperBtn::after {
  display: none;
}

.About .sec1 .sec-content .swiperBtn.prev {
  left: 1rem;
}

.About .sec1 .sec-content .swiperBtn.next {
  left: 2.1rem;
}

.About .sec1 .sec-content .swiperBtn .normal {
  display: block;
}

.About .sec1 .sec-content .swiperBtn .active {
  display: none;
}

.About .sec1 .sec-content .swiperBtn:hover .normal {
  display: none;
}

.About .sec1 .sec-content .swiperBtn:hover .active {
  display: block;
}

.About .sec1 .sec-content .rightBox {
  width: 15.6rem;
  margin-left: auto;
}

.About .sec1 .sec-content .rightBox .swiper {
  width: 100%;
  margin-left: auto;
  overflow: hidden;
}

.About .sec1 .sec-content .rightBox .swiper .swiper-slide {
  width: 3.5rem !important;
  height: 3.84rem !important;
  padding-top: 0.5rem;
  position: relative;
}

.About .sec1 .hr-line {
  width: 100%;
  height: 0.01rem;
  background: #15519a;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.About .sec1 .swiper-slide .textBox {
  position: absolute;
  width: 3rem;
  left: 0;
  min-height: 1.2rem;
  background-color: #e7edf5;
  font-size: 0.16rem;
  color: #333333;
  line-height: 1.5;
  display: flex;
  padding: 0.2rem;
  align-items: center;
  justify-content: center;
}

.About .sec1 .swiper-slide:nth-child(odd) .textBox {
  bottom: 0;
  border-top: 0.02rem solid #15519a;
}

.About .sec1 .swiper-slide:nth-child(odd) .textBox::after {
  content: "";
  width: 0.11rem;
  height: 0.1rem;
  position: absolute;
  left: 50%;
  top: 0;
  background: url(../images/icon-sj-up.png) no-repeat;
  background-size: 100% 100%;
  transform: translate(-50%, -100%);
}

.About .sec1 .swiper-slide:nth-child(even) .textBox {
  border-bottom: 0.02rem solid #15519a;
  top: 0;
}

.About .sec1 .swiper-slide:nth-child(even) .textBox::after {
  content: "";
  width: 0.11rem;
  height: 0.1rem;
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../images/icon-sj-down.png) no-repeat;
  background-size: 100% 100%;
  transform: translate(-50%, 100%);
}

.About .sec1 .cbox .time {
  position: absolute;
  left: 1.5rem;
  top: 50%;
  font-size: 0.18rem;
  transform: translate(-50%, -50%);
}

.About .sec1 .cbox .time::before,
.About .sec1 .cbox .time::after {
  content: "";
  width: 0.57rem;
  height: 0.57rem;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  position: absolute;
  background-color: rgba(21, 81, 154, 0.6);
  transform: translate(-50%, -50%);
}

.About .sec1 .cbox .time::before {
  animation: circleScale linear 2s infinite .5s;
}

.About .sec1 .cbox .time::after {
  animation: circleScale linear 2.5s infinite;
}

@keyframes circleScale {
  from {
    transform: translate(-50%, -50%) scale(1);
    background-color: rgba(21, 81, 154, 0.25);
  }

  to {
    transform: translate(-50%, -50%) scale(1.5);
    background-color: rgba(21, 81, 154, 0.1);
  }
}

.About .sec1 .cbox .time .num {
  width: 0.57rem;
  height: 0.57rem;
  border-radius: 50%;
  background-color: #15519a;
  position: relative;
  color: #fff;
  text-align: center;
  line-height: 0.57rem;
}

.About .sec1 .cbox .contentBox {
  margin-top: auto;
}

.About .sec1 .cbox .contentBox .cover {
  position: relative;
}

.About .sec1 .cbox .contentBox .cover::before {
  content: "";
  width: 3rem;
  height: 1.8rem;
  position: absolute;
  left: 0.1rem;
  top: 0.1rem;
  background-color: #b8cae1;
}

.About .sec1 .cbox .contentBox .cover .img {
  width: 3rem;
  height: 1.8rem;
  position: relative;
}

.About .sec1 .cbox .contentBox .content {
  height: 1rem;
  padding-top: 0.2rem;
  font-size: 0.16rem;
  color: #333333;
  line-height: 1.5;
  padding: 0.2rem 0.4rem 0 0.3rem;
  position: relative;
  z-index: 999;
}

.About .sec1 .cbox .contentBox .content::after {
  content: "";
  width: 0.02rem;
  height: 1.2rem;
  background-color: #15519a;
  position: absolute;
  left: 0.1rem;
  top: -0.33rem;
  z-index: 2;
}

.About .sec1 .cbox .contentBox .content .text {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.About .sec2 {
  margin-bottom: 1.1rem;
}

.About .sec2 .sec-top {
  display: flex;
  position: relative;
  margin-bottom: 0.55rem;
}

.About .sec2 .sec-top .img2 {
  width: 15.6rem;
  height: 2.8rem;
  position: absolute;
  left: 0;
  top: 0.95rem;
}

.About .sec2 .sec-content {
  width: 100%;
  margin-left: 3.6rem;
  position: relative;
  padding: 1.17rem 0 0 0.6rem;
}

.About .sec2 .sec-content::before {
  content: "";
  width: 0.04rem;
  height: 2.9rem;
  background-color: #15519a;
  position: absolute;
  left: 0;
  top: 0;
}

.About .sec2 .sec-content .lineBox .boxItem:not(:last-of-type) {
  margin-bottom: 0.3rem;
}

.About .sec2 .sec-content .lineBox .boxItem .label {
  font-size: 0.24rem;
  color: #333333;
  font-weight: bold;
  margin-bottom: 0.17rem;
}

.About .sec2 .sec-content .lineBox .boxItem .info {
  font-size: 0.16rem;
  color: #333333;
}

.About .sec3 {
  margin-bottom: 1.5rem;
}

.About .sec3 .sec-content {
  position: relative;
}

.About .sec3 .sec-content .leftTitle {
  font-size: 0.22rem;
  color: #dadada;
  text-transform: uppercase;
  writing-mode: vertical-lr;
  position: absolute;
  left: 1.08rem;
  white-space: nowrap;
  top: 0;
}

.About .sec3 .sec-content .leftTitle .ch {
  font-size: 0.6rem;
  color: #222222;
  position: absolute;
  left: 0.05rem;
  top: 0.1rem;
}

.About .sec3 .sec-content .swiperBtn {
  width: 0.55rem;
  height: 0.55rem;
  left: initial;
  top: initial;
  right: initial;
  bottom: 0.3rem;
}

.About .sec3 .sec-content .swiperBtn::after {
  display: none;
}

.About .sec3 .sec-content .swiperBtn.prev {
  left: 1rem;
}

.About .sec3 .sec-content .swiperBtn.next {
  left: 2.1rem;
}

.About .sec3 .sec-content .swiperBtn .normal {
  display: block;
}

.About .sec3 .sec-content .swiperBtn .active {
  display: none;
}

.About .sec3 .sec-content .swiperBtn:hover .normal {
  display: none;
}

.About .sec3 .sec-content .swiperBtn:hover .active {
  display: block;
}

.About .sec3 .sec-content .rightBox {
  width: 15.6rem;
  margin-left: auto;
}

.About .sec3 .sec-content .rightBox .swiper {
  width: 100%;
  margin-left: auto;
  overflow: hidden;
}

.About .sec3 .sec-content .rightBox .swiper .swiper-slide {
  width: 3.75rem !important;
  height: 6.4rem !important;
  padding-top: 0.5rem;
  position: relative;
}

.About .sec3 .cbox {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.About .sec3 .cbox::after {
  content: "";
  width: 100%;
  height: 0.02rem;
  background-color: #134c94;
  position: absolute;
  left: 0;
  top: 0;
}

.About .sec3 .cbox .time {
  position: absolute;
  left: 0.6rem;
  top: 0;
  z-index: 5;
  font-size: 0.18rem;
  transform: translate(-50%, -50%);
}

.About .sec3 .cbox .time::before,
.About .sec3 .cbox .time::after {
  content: "";
  width: 0.57rem;
  height: 0.57rem;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  position: absolute;
  background-color: rgba(21, 81, 154, 0.6);
  transform: translate(-50%, -50%);
}

.About .sec3 .cbox .time::before {
  animation: circleScale linear 2s infinite .5s;
}

.About .sec3 .cbox .time::after {
  animation: circleScale linear 2.5s infinite;
}

@keyframes circleScale {
  from {
    transform: translate(-50%, -50%) scale(1);
    background-color: rgba(21, 81, 154, 0.25);
  }

  to {
    transform: translate(-50%, -50%) scale(1.5);
    background-color: rgba(21, 81, 154, 0.1);
  }
}

.About .sec3 .cbox .time .num {
  width: 0.57rem;
  height: 0.57rem;
  border-radius: 50%;
  background-color: #15519a;
  position: relative;
  color: #fff;
  text-align: center;
  font-size: 0.14rem;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.About .sec3 .cbox .time .num .year {
  font-size: 0.16rem;
}

.About .sec3 .cbox .contentBox {
  width: 3.17rem;
  margin-left: auto;
  box-shadow: 0 0 0.1rem rgba(21, 81, 154, 0.2);
}

.About .sec3 .cbox .contentBox .cover {
  position: relative;
  height: 4.44rem;
  overflow: hidden;
}

.About .sec3 .cbox .contentBox .cover .numBox {
  width: 0.8rem;
  height: 0.3rem;
  font-size: 0.16rem;
  text-align: center;
  color: #fff;
  background-color: rgba(0,0,0,.5);
  position: absolute;
  right: 0.3rem;
  bottom: 0.2rem;
  line-height: 0.3rem;
  z-index: 5;
}

.About .sec3 .cbox .contentBox .content {
  height: 1.35rem;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 0.15rem;
}

.About .sec3 .cbox .contentBox .content .title {
  text-overflow: ellipsis;
  font-size: 0.16rem;
  color: #333333;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.About .sec3 .cbox .contentBox .content .btn-download {
  width: 1.37rem;
  height: 0.34rem;
  margin: auto 0 0 auto;
  border: 0.01rem solid #152b6d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.18rem;
  color: #152b6d;
  font-weight: bold;
}

.About .sec3 .cbox .contentBox .content .btn-download a {
  text-decoration: none;
  color: #152b6d;
}

.About .sec3 .cbox .contentBox .content .btn-download .icon {
  width: 0.3rem;
}

.About .sec3 .cbox .contentBox .content .btn-download .icon img {
  display: block;
  width: 100%;
}

.About .sec4 {
  padding: 0.8rem 0 0;
  margin-bottom: 1.4rem;
  position: relative;
}

.About .sec4 .sec-top {
  display: flex;
  position: absolute;
  width: 15.6rem;
  left: 0;
  top: 0;
}

.About .sec4 .sec-top .title {
  width: 9.2rem;
  height: 1.8rem;
  background-color: rgba(238, 124, 49, 0.6);
  padding: 0.1rem 0 0 3.6rem;
  font-size: 0.36rem;
  color: #fff;
  font-weight: bold;
}

.About .sec4 .sec-top .more-btn {
  display: flex;
  align-items: center;
  line-height: 2;
  font-size: 0.24rem;
  color: #0083f5;
  font-weight: bold;
  width: 2.7rem;
  align-self: flex-start;
  margin-left: auto;
  border-bottom: 0.01rem solid #15519a;
}

.About .sec4 .sec-top .more-btn .icon {
  width: 0.44rem;
  margin-left: auto;
}

.About .sec5 {
  width: 100%;
  height: 8rem;
  margin-bottom: 0.8rem;
}

.About .sec5 .video {
  width: 100%;
  height: 100%;
  background-color: #000;
}

.About .sec5 .video video {
  display: block;
  width: 100%;
  height: 100%;
}

.News {
  padding-top: 2.5rem;
  background: url(../images/news-head.png) no-repeat;
  background-size: 19.2rem 7.2rem;
  background-position: center top;
}

.News .listBox {
  width: 12rem;
  margin: 0 auto 0.5rem;
}

.News .listBox .list-title {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  position: relative;
  width: min-content;
  white-space: nowrap;
  margin-bottom: 0.6rem;
}

.News .listBox .list-title .ch {
  font-size: 0.3rem;
  color: #fff;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
  position: absolute;
  top: 0.05rem;
}

.News .listBox .list .list-item {
  width: 100%;
  display: flex;
  height: 0.75rem;
  line-height: 0.75rem;
  font-size: 0.18rem;
  padding: 0 0.3rem;
  color: #333;
  cursor: pointer;
  transition: all linear .2s;
  background-color: #f9f9f9;
}

.News .listBox .list .list-item:not(:last-of-type) {
  margin-bottom: 0.1rem;
}

.News .listBox .list .list-item:hover {
  color: #15519a;
}

.News .listBox .list .list-item:hover .btn-look {
  visibility: visible;
}

.News .listBox .list .list-item .time {
  margin-right: 0.7rem;
  width: 1.1rem;
  color: #999999;
}

.News .listBox .list .list-item .info {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.16rem;
  flex: 1;
}

.News .listBox .list .list-item .btn-look {
  width: 0.58rem;
  flex-shrink: 0;
  margin-left: 1rem;
  line-height: 2;
  font-size: 0.14rem;
  color: #15519a;
  align-self: center;
  visibility: hidden;
  display: flex;
  align-items: center;
  border-bottom: 0.01rem solid #15519a;
}

.News .listBox .list .list-item .btn-look .icon {
  width: 0.08rem;
  margin-left: auto;
}

.News .common-page {
  margin-bottom: 0.5rem;
}

.common-page {
  display: flex;
  justify-content: center;
}

.common-page .item {
  width: 0.28rem;
  height: 0.28rem;
  background-color: #f4f4f4;
  font-size: .16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all linear .2s;
}

.common-page .item:not(:last-of-type) {
  margin-right: 0.1rem;
}

.common-page .item:hover,
.common-page .item.Actv {
  background-color: #15519a;
  color: #fff;
}

.common-page .item .icon {
  width: 0.12rem;
}

.imgCover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.He {
  padding-top: 1.2rem;
}

.He .box {
  width: 13.6rem;
  margin: 0 auto 1rem;
}

.He .swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.He .swiper .swiper-slide {
  width: 100% !important;
  display: flex;
  transition: all linear 1s;
}

.He .btnSwiper {
  width: 0.48rem;
  top: calc(6.15rem / 2);
}

.He .btnSwiper::after {
  display: none;
}

.He .btnSwiper.prev {
  left: 0;
  transform: translate(-100%, -50%);
}

.He .btnSwiper.next {
  right: 0;
  transform: translate(100%, -50%);
}

.He .scrollBar {
  width: 100%;
  height: 0.1rem;
  background-color: #e5e5e5;
  position: absolute;
  left: 0;
  bottom: -0.15rem;
}

.He .scrollBar .swiper-scrollbar-drag {
  background: #15519a;
  border-radius: initial;
}

.imgW100 img {
  width: 100%;
  display: block;
}

.He .box-content {
  height: 7rem;
  position: relative;
  background-color: #000;
}

/* .He .box-content .box-item {
  flex: 1;
  transform-origin: left top;
  transform: skew(-10deg) translateX(0.5rem);
  height: 100%;
  transition: flex ease-in-out .5s;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}


.He .box-content .box-item:hover .bgImg img {
  filter: blur(4px);
}
.He .box-content .box-item:hover,
.He .box-content .box-item.Actv {
  flex: 18;
} */

.He .box-content .box-item .info-box {
  position: relative;
  width: 8.8rem;
  height: 100%;
  margin: 0 auto;
  left: 0;
  padding: 0.3rem 0;
  display: none;
}

.He .box-content .box-item .info-box .title {
  font-size: 0.36rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0.25rem;
}

.He .box-content .box-item .info-box .htmlContent {
  font-size: 0.14rem;
  color: #fff;
  line-height: 1.5;
  overflow: auto;
  height: 5rem;
}

.He .box-content .box-item .box-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all linear .2s;
  overflow: hidden;
  z-index: 5;
}

.He .box-content .box-item .box-wrapper .cbox {
  width: calc(12rem / 3);
  height: 100%;
  position: absolute;
  transform-origin: left top;
  padding: 3.28rem 0 0;
  transition: all linear .2s;
}


.He .box-content .box-item:hover .cbox {
  opacity: 0;
}

.He .box-content .box-item:hover .info-box {
  display: block;
}

.He .box-content .two .box-item:nth-child(1) .cbox{
  left: 1rem;
}
.He .box-content .two .box-item:nth-child(2) .cbox{
  right: 1rem;
}

.He .box-content .box-item .box-wrapper .cbox .title {
  font-size: 0.3rem;
  color: #fff;
  text-align: center;
  margin-bottom: 0.6rem;
}

.He .box-content .box-item .box-wrapper .cbox .btn {
  width: 0.86rem;
  margin: 0 auto;
  cursor: pointer;
}
.He .box-item {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  transition: clip-path .3s ease-in-out;
}

.He .three .box-item:nth-child(2) .cbox {
  left: 4.5rem;
}
.He .three .box-item:nth-child(3) .cbox {
  right: 0;
}

.He .three .box-item:nth-child(1) {
  clip-path: polygon(0 0, 4.7rem 0, 2.84rem 100%, 0 100%);
}

.He .three .box-item:nth-child(2) {
  clip-path: polygon(4.7rem 0, 10.74rem 0, 8.9rem 100%, 2.84rem 100%);
}

.He .three .box-item:nth-child(3) {
  clip-path: polygon(10.74rem 0, 100% 0, 100% 100%, 8.9rem 100%);
}

.He .one .box-item .cbox {
  left: 50%;
  transform: translateX(-50%);
}

.He .box-item.right {
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)!important;
}

.He .box-item.left {
  clip-path: polygon(0 0, 0 0, 0 100% , 0 100%)!important;
}

.He .box-item.show {
  clip-path: polygon(0 0,100% 0, 100% 100%, 0 100%)!important;
}

.He .two .box-item:nth-child(1) {
  clip-path: polygon(0 0, 7.74rem 0, 5.85rem 100% , 0 100%);
}
.He .two .box-item:nth-child(2) {
  clip-path: polygon(7.74rem 0, 100% 0 , 100% 100%, 5.85rem 100% );
}

.He .btnChange {
  width: 0.48rem;
  position: absolute;
  top: 3.07rem;
}

.He .btnChange.left {
  left: 0;
  transform: translate(-100%, -50%);
}

.He .btnChange.right {
  right: 0;
  transform: translate(100%, -50%);
}

.He .box-progress {
  width: 100%;
  height: 0.13rem;
  background-color: #e5e5e5;
  display: flex;
  position: relative;
  transform: translateX(-0.55rem);
}

.He .box-progress .innerBox {
  height: 100%;
  background-color: #15519a;
  width: 0.5rem;
}

.Chan {
  padding: 1.1rem 0 0;
}

.Chan .head {
  width: 12rem;
  height: 4.28rem;
  margin: 0 auto;
  position: relative;
}

.Chan .head .swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.Chan .head .swiper .swiper-slide {
  width: 100% !important;
  height: 100% !important;
}

.Chan .info-box {
  width: 4.7rem;
  height: 4.28rem;
  background-color: rgba(21, 81, 154, 0.8);
  position: absolute;
  top: 0;
  z-index: 5;
  right: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.Chan .info-box .hr {
  width: 0.05rem;
  height: 0.52rem;
  background-color: #fff;
}

.Chan .info-box .content {
  margin: 0.25rem auto;
  width: 3.5rem;
}

.Chan .info-box .content .title {
  font-size: 0.36rem;
  text-align: center;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.03rem;
  margin-bottom: 0.05rem;
}

.Chan .info-box .content .title .en {
  font-size: 0.16rem;
  font-weight: normal;
}

.Chan .info-box .content .info {
  font-size: 0.16rem;
  color: #fff;
  line-height: 1.5;
  margin-top: 0.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: center;
  letter-spacing: 0.02rem;
  text-overflow: ellipsis;
}

.Chan .btnSwiper {
  left: initial;
  top: 2.14rem;
  right: initial;
  bottom: initial;
  width: 0.48rem;
}

.Chan .btnSwiper::after {
  display: none !important;
}

.Chan .btnSwiper.prev {
  left: 0;
  transform: translateX(-100%);
}

.Chan .btnSwiper.next {
  right: 0;
  transform: translateX(100%);
}

.Chan .menus {
  line-height: 0.45rem;
  width: 12rem;
  margin: 0 auto 0.2rem;
}

.Chan .menus .menu-top {
  display: flex;
  overflow-x: auto;
  width: 12rem;
}

.Chan .menus .mitem {
  font-size: 0.18rem;
  color: #333333;
  cursor: pointer;
  font-weight: bold;
  min-width: 0.9rem;
}

.Chan .menus .mitem:not(:last-of-type) {
  margin-right: 0.4rem;
}

.Chan .menus .mitem.Actv {
  font-size: 0.24rem;
  color: #15519a;
}

.Chan .menus .menu-foot {
  width: 100%;
  height: 0.13rem;
  background-color: #e5e5e5;
  position: relative;
}

.Chan .menus .menu-foot .scrollDiv {
  width: 6.5rem;
  height: 100%;
  background-color: #e5e5e5;
  position: absolute;
}

.Chan .menus .menu-foot .scrollDiv .swiper-scrollbar-drag {
  /*width: 90px !important;*/
}

.swiper-pagination-progressbar-fill {
  background-color: #15519a !important;
}

.Chan .list {
  width: 12rem;
  margin: 0 auto 0.5rem;
  font-size: .16rem;
  color: #333333;
}

.Chan .list .item-card {
  padding: .22rem 0;
  border-bottom: 1px dashed #E4E4E4;
}

.Chan .list .item-card .ctitle{
  font-size: .22rem;
  color: #15519A;
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-bottom: .15rem;
}

.Chan .list .item-card .ctitle::before {
  content: "";
  width: .12rem;
  height: .12rem;
  background: url(../images/list-item-icon.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  margin-right: .1rem;
}

.Chan .list .item-card .subCard {
  margin-bottom: .2rem;
}

.Chan .list .item-card .subCard .subTitle{
  color: #15519A;
  margin-bottom: .12rem;
  padding-left: .25rem;
  font-weight: bold;
}

.Chan .list .item-card .subCard .itemBox {
  margin-bottom: .2rem;
}

.Chan .list .item-card .subCard .itemBox .itemTitle{
  margin-bottom: .12rem;
  padding-left: .25rem;
  font-weight: bold;
}

.Chan .list .item-card .subCard .itemBox ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-left: .3rem;
  list-style: none;
}

.Chan .list .item-card .subCard .itemBox ul li {
  line-height: .3rem;
  padding-right: .5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  padding-left: .15rem;
}

.Chan .list .item-card .subCard .itemBox ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #333;
}

.Chan .list .item-card .subCard .itemBox ul li:hover {
  color: #1C569D;
  cursor: pointer;
}

.Chan .list .item-card .subCard .itemBox ul li:hover::before {
  background-color: #1C569D;
}

/* .Chan .list .itemBox {
  width: 100%;
}

.Chan .list .itemBox .list-box {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.Chan .list .itemBox .title {
  font-size: 0.22rem;
  color: #15519a;
  font-weight: bold;
  line-height: 0.5rem;
  padding: 0 0.35rem;
}

.Chan .list .list-item {
  width: 50%;
  flex-shrink: 0;
  background-color: #fff;
  height: 0.5rem;
  display: flex;
  cursor: pointer;
  align-items: center;
  line-height: 0.5rem;
  padding: 0 0.3rem;
}
.Chan .list .list-item img {
  display: block;
  width: 100%;
}
.Chan .list .list-item-background:nth-child(4n+1),
.Chan .list .list-item-background:nth-child(4n+2) {
  background-color: #e7edf5;
}

.Chan .list .list-item:hover .text::after {
  content: "";
  width: 100%;
  position: absolute;
  height: 0.01rem;
  background-color: #333;
  left: 0;
  bottom: 0.1rem;
}

.Chan .list .list-item .icon {
  width: 0.12rem;
  margin-right: 0.1rem;
  flex-shrink: 0;
}

.Chan .list .list-item .text {
  position: relative;
  font-size: 0.16rem;
  color: #333;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
} */


.Society {
  padding: 1.5rem 0 0;
}

.Society .sec {
  width: 12rem;
  margin: 0 auto 0.5rem;
}

.Society .sec .title {
  font-size: 0.2rem;
  color: #dadada;
  text-transform: uppercase;
  position: relative;
  width: min-content;
  white-space: nowrap;
  margin-bottom: 0.5rem;
}

.Society .sec .title .ch {
  font-size: 0.3rem;
  color: #333;
  font-weight: bold;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0.05rem;
}

.Society .sec .box {
  width: 100%;
  display: flex;
}

.Society .sec .box .left {
  width: 3.7rem;
  height: 4.78rem;
  flex-shrink: 0;
  box-shadow: 0 0 0.3rem rgba(21, 81, 154, 0.1);
}

.Society .sec .box .left img {
  display: block;
  width: 100%;
}

.Society .sec .box .right-list {
  flex: 1;
}

.Society .sec .box .right-list .list-item {
  display: flex;
  height: 0.58rem;
  background-color: #f9f9f9;
  align-items: center;
  padding: 0 0.25rem;
  cursor: pointer;
  transition: all linear .2s;
}

.Society .sec .box .right-list .list-item:not(:last-of-type) {
  margin-bottom: 0.02rem;
}

.Society .sec .box .right-list .list-item:hover {
  background-color: #e7edf5;
}

.Society .sec .box .right-list .list-item img {
  display: block;
  width: 100%;
}

.Society .sec .box .right-list .list-item .info {
  font-size: 0.16rem;
  color: #666666;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Society .sec .box .right-list .list-item .btn-look {
  display: flex;
  margin-left: 0.5rem;
  flex-shrink: 0;
  font-size: .18rem;
  align-items: center;
  color: #15519a;
  text-decoration: none;
}

.Society .sec .box .right-list .list-item .btn-look .icon {
  width: 0.25rem;
  margin-right: 0.05rem;
}

.Ren {
  padding: 1.5rem 0 0;
}

.Ren .head {
  width: 100%;
  height: 5.96rem;
  margin-bottom: 1rem;
  position: relative;
}

.Ren .head .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.Ren .head .info-box {
  position: absolute;
  right: 3.6rem;
  width: 6rem;
  height: 6.8rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(21, 81, 154, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 5;
}

.Ren .head .info-box .hr {
  width: 0.05rem;
  height: 1rem;
  background-color: #fff;
}

.Ren .head .info-box .title {
  font-size: 0.36rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
  margin: 0.6rem auto;
}

.Ren .head .info-box .title .en {
  font-size: 0.16rem;
  font-weight: normal;
}

.Ren .brief {
  width: 12rem;
  margin: 0 auto;
  margin-bottom: 0.7rem;
}

.Ren .brief .title {
  font-size: 0.28rem;
  color: #15519a;
  font-weight: bold;
  margin-bottom: 0.2rem;
}

.Ren .brief .content {
  font-size: 0.18rem;
  color: #333333;
  line-height: 1.5;
  letter-spacing: 0.02rem;
}

.Ren .job-box {
  width: 12rem;
  margin: 0 auto 0.6rem;
  position: relative;
  padding-bottom: 0.3rem;
  border-bottom: 0.01rem solid #dddddd;
}

.Ren .job-box .title {
  font-size: 0.28rem;
  color: #333333;
  margin-bottom: 0.3rem;
}

.Ren .job-box .lineBox .line {
  color: #333333;
}

.Ren .job-box .lineBox .line:not(:last-of-type) {
  margin-bottom: 0.2rem;
}

.Ren .job-box .lineBox .line .label {
  font-size: 0.26rem;
  font-weight: bold;
  margin-bottom: 0.15rem;
}

.Ren .job-box .lineBox .line .text {
  font-size: 0.18rem;
}

.Ren .job-box .btn-detail {
  width: 2.1rem;
  height: 0.5rem;
  border-radius: 0.1rem;
  background-color: #15519a;
  position: absolute;
  right: 0;
  bottom: 0.3rem;
  line-height: 0.5rem;
  text-align: center;
  font-size: 0.2rem;
  letter-spacing: 0.02rem;
  color: #fff;
}

.My {
  background: url(../images/call-head.png) no-repeat;
  background-size: 19.2rem 6rem;
  background-position: center top;
  padding: 3.2rem 0 0;
}

.My .sec1 {
  width: 12rem;
  background: url(../images/bg1.png) no-repeat;
  background-size: 100% 2.98rem;
  margin: 0 auto;
  padding: 0.25rem 0 0;
}

.My .sec1 .title {
  font-size: 0.36rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 1rem;
  letter-spacing: 0.02rem;
  padding-left: 0.1rem;
}

.My .sec1 .cardList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
}

.My .sec1 .cardList .cardItem {
  width: 2.57rem;
  box-shadow: 0 0 0.2rem rgba(21, 81, 154, 0.2);
  margin-right: calc((100% - 10.28rem) / 3);
  margin-bottom: 1.05rem;
}

.My .sec1 .cardList .cardItem:nth-child(4n) {
  margin-right: 0;
}

.My .sec1 .cardList .cardItem:last-child {
  margin-right: 0;
}

.My .sec1 .cardList .cardItem .card-top {
  background-color: #fff;
  height: 2.2rem;
  position: relative;
}

.My .sec1 .cardList .cardItem .card-top .avatar {
  width: 1.34rem;
  height: 1.34rem;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  transform: translateY(-50%);
  border: 0.02rem solid #fff;
  margin-bottom: -0.6rem;
}

.My .sec1 .cardList .cardItem .card-top .name {
  display: flex;
  font-size: 0.3rem;
  color: #333333;
  font-weight: bold;
  padding: 0 0.2rem;
  align-items: flex-end;
  letter-spacing: 0.02rem;
  margin-bottom: 0.15rem;
}

.My .sec1 .cardList .cardItem .card-top .name .tag {
  font-size: 0.18rem;
  color: #ee7c31;
  margin-left: 0.1rem;
}

.My .sec1 .cardList .cardItem .card-top .lineBox .line {
  padding: 0 0.2rem;
  font-size: 0.16rem;
  color: #333333;
}

.My .sec1 .cardList .cardItem .card-top .lineBox .line:not(:last-of-type) {
  margin-bottom: 0.05rem;
}

.My .sec1 .cardList .cardItem .card-foot {
  background-color: #15519a;
  padding: 0.2rem;
  display: flex;
  flex-wrap: wrap;
  min-height: 0.9rem;
  align-content: flex-start;
  font-size: 0.14rem;
  color: #fff;
  line-height: 1.5;
}

.My .listBox {
  display: flex;
  width: 12rem;
  margin: 0 auto 0.5rem;
  flex-wrap: wrap;
  align-content: flex-start;
}

.My .listBox .list-item {
  width: 5.66rem;
  margin-right: calc((100% - 11.32rem));
  margin-bottom: 0.3rem;
  box-shadow: 0 0 0.2rem rgba(21, 81, 154, 0.2);
}

.My .listBox .list-item:nth-child(2n) {
  margin-right: 0;
}

.My .listBox .list-item .item-top {
  height: 0.6rem;
  line-height: 1.9;
  font-size: 0.2rem;
  display: flex;
  align-items: center;
  color: #fff;
  background-color: #15519a;
  padding: 0.1rem 0.2rem;
  font-weight: bold;
}

.My .listBox .list-item .item-content {
  background-color: #fff;
  padding: 0.2rem;
}

.My .listBox .list-item .item-content .lineBox .line {
  font-size: 0.18rem;
  color: #333;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

.My .listBox .list-item .item-content .lineBox .line:not(:last-of-type) {
  margin-bottom: 0.1rem;
}

.Detail {
  padding: 1.5rem 0 0;
}

.Detail .box {
  width: 12rem;
  margin: 0 auto;
}

.Detail .brand {
  width: 5.58rem;
  height: 0.42rem;
  display: flex;
  align-items: center;
  background: linear-gradient(to right, rgba(21, 81, 154, 0.1), rgba(21, 81, 154, 0));
  margin-left: 3.58rem;
  margin-bottom: 0.3rem;
}

.Detail .brand .icon {
  width: 0.44rem;
  position: relative;
  top: -0.15rem;
  margin-right: 0.08rem;
}

.Detail .brand .location {
  display: flex;
  align-items: center;
  font-size: 0.18rem;
  color: #000002;
}

.Detail .brand .location span {
  cursor: pointer;
}

.Detail .brand .location span.fwb {
  font-weight: bold;
}

.Detail .contentBox {
  width: 12rem;
  margin: 0 auto 0.5rem;
}

.Detail .contentBox .title {
  font-size: 0.18rem;
  color: #000002;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.15rem;
}

.Detail .contentBox .time {
  font-size: 0.14rem;
  color: #000002;
  margin-bottom: 0.3rem;
  text-align: center;
}

.Detail .contentBox .content {
  font-size: 0.14rem;
  color: #000002;
  line-height: 1.5;
}

.Detail .contentBox .content img {
  max-width: 100%;
}

.Detail .contentBox .maBox {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.Detail .contentBox .maBox .ma {
  width: 1.4rem;
  font-size: 0.14rem;
  color: #000002;
  text-align: center;
  font-weight: bold;
}

.Detail .contentBox .maBox .ma:not(:last-of-type) {
  margin-right: 0.2rem;
}

.Detail .contentBox .maBox .ma .img {
  width: 100%;
  height: 1.4rem;
  box-shadow: 0 0 0.2rem rgba(21, 81, 154, 0.2);
  margin-bottom: 0.15rem;
}

.Detail table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}

.Detail table tr:HOVER {
  background: pink;
}

.Detail table tr td {
  border: 0.01rem solid;
}

/*
html {
  filter: grayscale(100%);

-webkit-filter: grayscale(100%); !* webkit *!

-moz-filter: grayscale(100%); !*firefox*!

-ms-filter: grayscale(100%); !*ie9*!

-o-filter: grayscale(100%); !*opera*!

filter: url("data:image/svg+xml;utf8,#grayscale");

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(1);
}*/

img{
  max-width: 100%;
}