@charset "UTF-8";
/*
Theme Name: 南控移动官网主题包
Theme URI: www.wptest.com
Description: 官网
Version: 1.0.0
Author: jack
Author URI: www.xnskg.com
Tags: first
*/
.about-Us .sub-nav ul li {
  width: 1.45rem;
}
.about-Us .page-content {
  padding-bottom: 0.5rem;
}
.about-Us .page-content .cn {
  font-size: 0.4rem;
  color: rgb(60, 140, 255);
  font-weight: bold;
  line-height: 0.4rem;
  margin-top: 0.5rem;
  margin-left: 0.4rem;
}
.about-Us .page-content .en {
  font-size: 0.4rem;
  line-height: 0.4rem;
  color: rgb(241, 239, 241);
  font-family: "enFamily";
  margin-bottom: 0.5rem;
  margin-left: 0.4rem;
}
.about-Us .page-content .com-msg .date {
  margin-top: 0.5rem;
  font-size: 0.48rem;
  font-family: "dinAlternate";
  color: rgb(241, 239, 241);
}
.about-Us .page-content .com-msg .cn {
  line-height: 0.3rem;
  font-size: 0.3rem;
  font-weight: normal;
  color: rgb(60, 140, 255);
  font-weight: bold;
  margin-top: 0;
}
.about-Us .page-content .com-msg .en {
  line-height: 0.2rem;
  font-size: 0.2rem;
  font-weight: normal;
  font-family: "enFamily";
  color: rgb(51, 51, 51);
}
.about-Us .page-content .com-msg .msg {
  text-align: justify;
}
.about-Us .page-content .com-msg .msg p {
  margin: 0.3rem 0;
  font-size: 0.26rem;
  line-height: 0.5rem;
}
.about-Us .page-content .my-history .h-line .h-item .date {
  font-family: "dinAlternate";
  color: #444444;
  font-size: 0.4rem;
  position: relative;
  display: inline-block;
  width: 1.5rem;
  vertical-align: top;
}
.about-Us .page-content .my-history .h-line .h-item .date:after {
  content: "";
  position: absolute;
  width: 0.25rem;
  height: 0.25rem;
  background: #b7cfff;
  border-radius: 50%;
  border: 5px solid #e5e5e5;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 0.4rem;
  z-index: 50;
}
.about-Us .page-content .my-history .h-line .h-item .msg {
  width: 4.82rem;
  display: inline-block;
  position: relative;
  padding-bottom: 0.5rem;
  margin-left: 0.3rem;
  padding-top: 0.05rem;
  font-family: "pingfang";
  line-height: 0.36rem;
  font-size: 0.26rem;
  font-weight: normal;
  color: rgb(68, 68, 68);
  line-height: 0.42rem;
}
.about-Us .page-content .my-history .h-line .h-item .msg:before {
  content: "";
  position: absolute;
  width: 0.02rem;
  height: 100%;
  background: rgb(216, 216, 216);
  left: -0.52rem;
  top: 0.2rem;
}
.about-Us .page-content .my-history .h-line .add-Img {
  margin-left: 0.89rem;
  position: relative;
  z-index: 50;
  margin-bottom: 0.6rem;
  width: 0.8rem;
}
.about-Us .page-content .dev-content .ul-list .ul {
  position: relative;
  height: 1.81rem;
}
.about-Us .page-content .dev-content .ul-list .ul img {
  width: 3.35rem;
  height: 100%;
}
.about-Us .page-content .dev-content .ul-list .ul .ul-content {
  display: inline-block;
  width: 3.1rem;
  vertical-align: middle;
}
.about-Us .page-content .dev-content .ul-list .ul .ul-content p {
  line-height: 0.3rem;
}
.about-Us .page-content .dev-content .ul-list .ul .ul-content .title {
  font-size: 0.3rem;
  color: rgb(68, 68, 68);
  position: relative;
  margin-bottom: 0.1rem;
  padding-bottom: 0.1rem;
  font-weight: bold;
}
.about-Us .page-content .dev-content .ul-list .ul .ul-content .title:after {
  content: "";
  position: absolute;
  width: 0.27rem;
  height: 0.05rem;
  background-color: rgb(60, 140, 255);
  bottom: 0;
}
.about-Us .page-content .dev-content .ul-list .ul .ul-content .content {
  font-size: 0.2rem;
}
.about-Us .page-content .dev-content .ul-list .ul:nth-child(even) img {
  float: right;
}
.about-Us .page-content .dev-content .ul-list .ul:nth-child(even) .ul-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.about-Us .page-content .dev-content .ul-list .ul:nth-child(even) .ul-content p {
  text-align: left;
}
.about-Us .page-content .dev-content .ul-list .ul:nth-child(even) .ul-content .title:after {
  left: 0.03rem;
}
.about-Us .page-content .dev-content .ul-list .ul:nth-child(odd) .ul-content p {
  text-align: right;
}
.about-Us .page-content .dev-content .ul-list .ul:nth-child(odd) .ul-content .title:after {
  right: 0.03rem;
}
.about-Us .page-content .dev-content .e-rule {
  background-image: url("./static/images/aboutus_eightrules_img.png");
  height: 6.5rem;
  position: relative;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-Us .page-content .dev-content .e-rule .rule-c p {
  text-align: center;
  color: #ffffff;
  font-size: 0.26rem;
}
.about-Us .page-content .team .team-ul .team-item {
  margin-top: 0.5rem;
}
.about-Us .page-content .team .team-ul .team-item .p-msg {
  padding: 0.5rem 0;
  background-color: rgb(254, 251, 247);
}
.about-Us .page-content .team .team-ul .team-item .p-msg .name {
  color: rgb(221, 220, 171);
  font-size: 0.3rem;
  text-align: center;
}
.about-Us .page-content .team .team-ul .team-item .p-msg .post {
  font-size: 0.22rem;
  text-align: center;
}
.about-Us .page-content .team .team-ul .team-item .msg {
  padding: 0.5rem 0.38rem;
  background-color: rgb(250, 247, 243);
  font-size: 0.26rem;
  text-align: justify;
}
.about-Us .page-content .team .btn {
  display: block;
  width: 6.7rem;
  margin: 0.5rem auto;
  height: 0.76rem;
  font-size: 0.18rem;
  line-height: 0.76rem;
  text-align: center;
  color: #565559;
  background-color: rgb(244, 237, 222);
  border-radius: 0;
  border: none;
}
.about-Us .page-content .team .touch-on {
  transform: scale(1.2);
  transition: 0.3s;
}
.about-Us .page-content .cu-content .cn {
  margin-left: 0;
}
.about-Us .page-content .cu-content .en {
  margin-left: 0;
}
.about-Us .page-content .cu-content .cu-l .cu-title {
  font-size: 0.3rem;
  color: rgb(221, 200, 171);
  margin: 0.6rem 0;
}
.about-Us .page-content .cu-content .cu-r p {
  font-size: 0.26rem;
}
.about-Us .page-content .soc-header .newsUl {
  background: rgb(75, 94, 191);
}
.about-Us .page-content .soc-header .newsUl ul li:not(:first-child) {
  display: none;
}
.about-Us .page-content .soc-header .newsUl ul li {
  overflow: hidden;
}
.about-Us .page-content .soc-header .newsUl ul li p {
  margin: 0.5rem 0;
  text-align: justify;
  line-height: 0.36rem;
  font-size: 0.26rem;
  font-weight: normal;
  color: #ffffff;
}
.about-Us .page-content .soc-header .newsUl ul li p:first-child {
  font-size: 0.3rem;
  color: rgb(221, 220, 171);
}
.about-Us .page-content .soc-header .soc-item {
  overflow: hidden;
}
.about-Us .page-content .soc-header .soc-item img {
  width: 100%;
}
.about-Us .page-content .soc-header .soc-item .slogan p {
  text-align: center;
}
.about-Us .page-content .soc-header .soc-item .slogan .en {
  line-height: 0.48rem;
  margin-bottom: 0;
}
.about-Us .page-content .soc-header .soc-item .slogan .en:first-child {
  margin-top: 0.5rem;
}
.about-Us .page-content .soc-header .soc-item .slogan .cn {
  line-height: 0.4rem;
  margin-top: 0.2rem;
}
.about-Us .page-content .soc-header .soc-item .slogan .content {
  text-align: justify;
  margin: 0.5rem 0;
  line-height: 0.36rem;
  font-size: 0.26rem;
  font-weight: normal;
  color: rgb(68, 68, 68);
  line-height: 0.42rem;
  font-weight: bold;
}
.about-Us .page-content .soc-header .soc-item .soc-l {
  background-position: center;
  background-blend-mode: normal;
  /* position: absolute; */
  height: 4rem;
  width: 100%;
  background-size: contain;
  background-position: bottom;
}
.about-Us .page-content .soc-header .item1 {
  margin: 0 auto;
  background: #B4C7E4;
  position: relative;
}
.about-Us .page-content .soc-header .item1 .soc-l {
  background-image: linear-gradient(to bottom, #B4C7E4, transparent 50%), url(./static/images/aboutus_responsiblity_bg.png);
}
.about-Us .page-content .soc-header .item2 {
  background: #ffffff;
}
.about-Us .page-content .soc-header .item2 .soc-l {
  background-image: linear-gradient(to bottom, #ffffff, transparent 50%), url(./static/images/aboutus_customers_bg.png);
}
.about-Us .page-content .soc-header .item3 {
  margin: 0 auto;
  background: #B4C7E4;
  position: relative;
}
.about-Us .page-content .soc-header .item3 .soc-l {
  background-image: linear-gradient(to bottom, #B4C7E4, transparent 50%), url(./static/images/aboutus_shareholders_bg.png);
}
.about-Us .page-content .soc-header .item4 {
  background: #ffffff;
}
.about-Us .page-content .soc-header .item4 .soc-l {
  background-image: linear-gradient(to bottom, #ffffff, transparent 50%), url(./static/images/aboutus_environmental_bg.png);
}
.about-Us .honor-content .page-item-content {
  display: flex;
  margin-top: 0.3rem;
}
.about-Us .honor-content .page-item-content .honor-year {
  line-height: 0.6rem;
  font-size: 0.5rem;
  font-weight: normal;
  color: rgb(68, 68, 68);
  font-family: "dinAlternate";
  margin-right: 0.3rem;
}
.about-Us .honor-content .page-item-content .honor-list {
  line-height: 0.36rem;
  font-size: 0.26rem;
  font-weight: normal;
  color: rgb(14, 14, 14);
  padding-bottom: 0.3rem;
  border-bottom: dashed rgb(227, 227, 227) 1px;
  position: relative;
  padding-left: 0.3rem;
}
.about-Us .honor-content .page-item-content .honor-list:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 2.5rem;
  background: rgb(227, 227, 227);
  top: 0.1rem;
  left: 0px;
}
.about-Us .honor-content .page-item-content .honor-list:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 0.5rem;
  background: rgb(60, 140, 255);
  top: 0.1rem;
  left: 0px;
}
.about-Us .honor-content .page-item-content .honor-list p {
  margin-top: 0.3rem;
}
.about-Us .honor-content .page-item-content .honor-list p:first-child {
  margin-top: 0.1rem;
}

.footer {
  padding: 0.2rem 0.4rem;
  background-color: #ffffff;
  border-top: solid 5px rgb(221, 200, 171);
}
.footer .footer-law p {
  line-height: 0.22rem;
  font-size: 0.22rem;
  font-weight: normal;
  margin-top: 0.2rem;
}
.footer .footer-law p:first-child {
  margin-top: 0;
}
.footer .footer-law a {
  margin-top: 0.2rem;
  display: block;
}
.footer .qr-icon {
  position: relative;
  display: inline-block;
  margin-bottom: 0.3rem;
}
.footer .qr-icon span {
  vertical-align: middle;
  line-height: 0.32rem;
  font-size: 0.22rem;
  font-weight: bold;
  color: rgb(68, 68, 68);
}
.footer .qr-icon .wx-icon {
  height: 0.51rem;
  background: url("./static/images//attention_normal_btn.png") no-repeat center;
  background-size: contain;
  width: 0.51rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.footer .qr-icon .wx-icon img {
  max-width: none;
  position: absolute;
  width: 1.5rem;
  top: -1.5rem;
  left: -0.5rem;
  opacity: 0;
}
@charset "UTF-8";
/*
Theme Name: 南控移动官网主题包
Theme URI: www.wptest.com
Description: 官网
Version: 1.0.0
Author: jack
Author URI: www.xnskg.com
Tags: first
*/
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  padding: 0.2rem 0.1rem;
}
.header .menu-btn {
  top: 0;
  left: 0;
  width: 30px;
}
.header .menu-btn span {
  position: absolute;
  left: 23px;
  width: 24px;
  height: 2px;
  background-color: #c9a05b;
}
.header .menu-btn .top {
  animation: menuBtn-off-top-anim 400ms;
  animation-fill-mode: forwards;
}
.header .menu-btn .mid {
  top: 32px;
}
.header .menu-btn .top:checked {
  top: 40px;
}
.header .menu-btn .bot {
  animation: menuBtn-off-bottom-anim 400ms;
  animation-fill-mode: forwards;
}
.header .logobox {
  width: 2.04rem;
}
.header .logobox img {
  width: 100%;
}

.menu-on .menu-btn .top {
  animation: menuBtn-on-top-anim 400ms;
  animation-fill-mode: forwards;
}
.menu-on .menu-btn .bot {
  animation: menuBtn-on-bottom-anim 400ms;
  animation-fill-mode: forwards;
}
.menu-on .menu-btn .mid {
  display: none;
}

.search-mask {
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  width: 100%;
  z-index: 999;
  top: 0;
  display: none;
}
.search-mask .seach-content {
  position: absolute;
  top: 10%;
  width: 90%;
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid rgb(190, 190, 190);
  padding-bottom: 0.2rem;
}
.search-mask .seach-content .search-input {
  width: 80%;
  border: 0;
  background-color: transparent;
  color: #fff;
  outline: none;
}

.mask-on {
  display: flex;
  justify-content: center;
}

.subInput {
  position: absolute;
  right: 0;
  height: 26px;
  vertical-align: middle;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  cursor: pointer;
}

@keyframes menuBtn-off-top-anim {
  0% {
    top: 32px;
    transform: rotate(0deg);
  }
  100% {
    top: 24px;
    transform: rotate(0deg);
  }
}
@keyframes menuBtn-on-top-anim {
  0% {
    top: 24px;
    transform: rotate(0deg);
  }
  100% {
    top: 32px;
    transform: rotate(45deg);
  }
}
@keyframes menuBtn-off-bottom-anim {
  0% {
    top: 32px;
    transform: rotate(0deg);
  }
  100% {
    top: 40px;
    transform: rotate(0deg);
  }
}
@keyframes menuBtn-on-bottom-anim {
  0% {
    top: 40px;
    transform: rotate(0deg);
  }
  100% {
    top: 32px;
    transform: rotate(-45deg);
  }
}
.investor .cn {
  line-height: 0.5rem;
  font-size: 0.4rem;
  font-weight: bold;
  color: rgb(60, 140, 255);
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.investor .en {
  line-height: 0.5rem;
  font-size: 0.4rem;
  font-weight: normal;
  color: rgb(241, 239, 241);
  font-family: "enFamily";
  margin-bottom: 0.5rem;
}
.investor .title {
  line-height: 0.4rem;
  font-size: 0.3rem;
  font-weight: normal;
  color: rgb(221, 200, 171);
}
.investor .t-item {
  line-height: 0.4rem;
  font-size: 0.3rem;
  font-weight: bold;
  color: rgb(68, 68, 68);
  margin-top: 0.8rem;
  margin-bottom: 0.5rem;
}
.investor .t-msg li {
  line-height: 0.36rem;
  font-size: 0.26rem;
  font-weight: normal;
  color: rgb(14, 14, 14);
  margin-top: 0.4rem;
}
.investor .t-msg li .company-title {
  width: 1.5rem;
  display: inline-block;
}
.investor .governance-list li {
  padding: 0.5rem 0;
  border-bottom: 1px dashed rgb(197, 197, 197);
}
.investor .governance-list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.investor .governance-list li a .date {
  line-height: 0.5rem;
  font-size: 0.4rem;
  font-weight: bold;
  color: rgb(221, 200, 171);
  font-family: "dinAlternate";
}
.investor .governance-list li a .title {
  line-height: 0.4rem;
  font-size: 0.3rem;
  font-weight: bold;
  color: rgb(68, 68, 68);
  width: 5.5rem;
}
.investor .governance-list li a img {
  width: 0.56rem;
}
.investor .mail-Box {
  margin-bottom: 0.8rem;
}
.investor .mail-Box li p:first-child {
  line-height: 0.36rem;
  font-size: 0.26rem;
  font-weight: normal;
  color: rgb(221, 200, 171);
}
.investor .mail-Box li p {
  line-height: 0.36rem;
  font-size: 0.26rem;
  font-weight: normal;
  color: rgb(68, 68, 68);
  margin-top: 0.3rem;
}
.investor .panel-body a, .investor .panel-body p {
  line-height: 0.36rem;
  font-size: 0.26rem;
  font-weight: normal;
  color: rgb(68, 68, 68);
  margin-bottom: 0.2rem;
  line-height: 0.42rem;
}
.joinUs .joinBg {
  height: 13.34rem;
  background: url("./static/images/joinus_dreambanner_bg.png") no-repeat center;
  background-size: contain;
  background-position: top;
  background-color: #022156;
  padding-top: 1px;
}
.joinUs .joinBg .my-platform {
  width: 5.58rem;
  margin: 0 auto;
  background: url(./static/images/joinus_airplansmall_img.png) no-repeat;
  background-position-x: left;
  background-size: 1.21rem 0.86rem;
  margin-top: 5.6rem;
  padding-top: 1px;
}
.joinUs .joinBg .my-platform .slogan-img {
  width: 3.87rem;
  display: block;
  margin: 0 auto;
  margin-top: 0.3rem;
}
.joinUs .joinBg .my-platform .en {
  line-height: 0.36rem;
  font-size: 0.26rem;
  font-weight: normal;
  color: rgb(141, 141, 141);
  text-align: center;
}
.joinUs .joinBg .my-platform .recruit-box {
  display: block;
  width: 4.47rem;
  height: 1.92rem;
  background-image: linear-gradient(135deg, #d3ecf6 0%, #a8d4ea 100%);
  box-shadow: 0px 5px 11px 0px #04193e;
  border-radius: 4px;
  padding: 0.2rem;
  margin: 0 auto;
  margin-top: 0.4rem;
}
.joinUs .joinBg .my-platform .recruit-box .recruit-type {
  line-height: 0.4rem;
  font-size: 0.3rem;
  font-weight: normal;
  color: rgb(60, 140, 255);
}
.joinUs .joinBg .my-platform .recruit-box .recruit-msg {
  line-height: 0.36rem;
  font-size: 0.26rem;
  font-weight: normal;
  color: rgb(93, 139, 161);
}
.joinUs .joinBg .my-platform .recruit-box .recruit-img {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.2rem;
}
.joinUs .joinBg .my-platform .recruit-box .recruit-img img {
  width: 0.53rem;
}
.joinUs .joinBg .my-platform .recruit-box .recruit-img img:nth-child(2) {
  width: 0.3rem;
  height: 0.22rem;
}
.joinUs .p-rule {
  margin: 50px 0;
}
.joinUs .p-rule .join-swiper img {
  width: 3.35rem;
}
.joinUs .p-rule .cn {
  line-height: 0.4rem;
  font-size: 0.3rem;
  font-weight: normal;
  color: rgb(221, 200, 171);
  margin-top: 0.5rem;
  text-align: center;
}
.joinUs .p-rule .en {
  line-height: 0.26rem;
  font-size: 0.16rem;
  font-weight: normal;
  color: rgb(68, 68, 68);
  margin-bottom: 0.5rem;
  text-align: center;
}
.joinUs .p-rule .join-item-list .item {
  width: 6.69rem;
  height: 3.4rem;
  display: inline-block;
  position: relative;
  text-align: center;
  box-shadow: 0px 2px 6px 0px rgba(206, 206, 206, 0.5);
  border-radius: 4px;
  margin-right: 0.84rem;
  vertical-align: middle;
  margin-top: 1rem;
}
.joinUs .p-rule .join-item-list .item .cricle {
  width: 0.99rem;
  height: 0.99rem;
  background-color: #4b5ebf;
  box-shadow: 0px 2px 6px 0px #cecece;
  border-radius: 50%;
  position: absolute;
  transform: translate3d(-50%, -50%, 0);
  left: 50%;
  font-family: "dinAlternate";
  line-height: 0.4rem;
  font-size: 0.3rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 0.99rem;
}
.joinUs .p-rule .join-item-list .item .msg {
  margin-top: 1rem;
  line-height: 0.4rem;
  font-size: 0.3rem;
  font-weight: normal;
  color: rgb(68, 68, 68);
}

.join-sub .cn {
  font-size: 0.4rem;
  color: rgb(60, 140, 255);
  font-weight: bold;
  line-height: 0.4rem;
  margin-top: 0.5rem;
  margin-left: 0.4rem;
}
.join-sub .en {
  font-size: 0.4rem;
  line-height: 0.4rem;
  color: rgb(241, 239, 241);
  font-family: "enFamily";
  margin: 0 0.4rem 0.5rem;
}
.join-sub .page-content .module-content {
  display: flex;
  justify-content: space-around;
}
.join-sub .page-content .module-content .p-Content {
  width: 1.5rem;
  text-align: center;
}
.join-sub .page-content .module-content .p-Content .cn {
  line-height: 0.4rem;
  font-size: 0.3rem;
  font-weight: bold;
  color: rgb(68, 68, 68);
  margin: 0;
}
.join-sub .page-content .module-content .on {
  border-bottom: solid 3px rgb(221, 200, 171);
  padding-bottom: 5px;
}
.join-sub .page-content .module-content .on .cn {
  color: rgb(221, 200, 171);
}
.join-sub .page-content .news-list {
  margin: 0.5rem 0;
}
.join-sub .page-content .news-list .page-item-content {
  display: none;
}
.join-sub .page-content .news-list .page-item-content p {
  line-height: 0.36rem;
  font-size: 0.26rem;
  font-weight: bold;
  color: rgb(68, 68, 68);
  margin-bottom: 0.2rem;
  line-height: 0.42rem;
}
.join-sub .page-content .news-list .on {
  display: block;
}

.mult-sub-nav ul:after {
  display: none;
}
.mult-sub-nav ul:nth-child(2) {
  padding-top: 0;
}

.mult-page .cn {
  font-size: 0.4rem;
  color: #3c8cff;
  font-weight: bold;
  line-height: 0.4rem;
  margin-top: 0.5rem;
  margin-left: 0.4rem;
}
.mult-page .en {
  font-size: 0.4rem;
  line-height: 0.4rem;
  color: rgb(241, 239, 241);
  font-family: "enFamily";
  margin: 0 0.4rem 0.5rem;
}
.mult-page .com-msg {
  height: 1.2rem;
  overflow: hidden;
  text-align: justify;
  line-height: 0.24rem;
  font-size: 0.24rem;
  font-weight: normal;
  line-height: 0.42rem;
}
.mult-page .bus-ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.8rem;
}
.mult-page .bus-ul li {
  width: 1.56rem;
  height: 1.56rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(242, 242, 242);
  color: rgb(112, 112, 112);
  line-height: 0.26rem;
  font-size: 0.26rem;
  font-weight: normal;
  font-weight: bold;
}
.mult-page .bus-ul li div p {
  text-align: center;
  line-height: 0.4rem;
}
.mult-page .bus-ul .on {
  background: rgb(243, 246, 251);
  color: rgb(60, 140, 255);
}
.mult-page .msg-ul {
  background: rgb(243, 246, 251);
}
.mult-page .msg-ul ul {
  padding-bottom: 0.4rem;
}
.mult-page .msg-ul ul li {
  padding-top: 1px;
  line-height: 0.24rem;
  font-size: 0.24rem;
  font-weight: normal;
  line-height: 0.42rem;
}
.mult-page .msg-ul ul li:not(:first-child) {
  display: none;
}
.mult-page .msg-ul ul li p {
  margin: 20px 0;
}
.mult-page .mult-sub {
  overflow: hidden;
}
.mult-page .mult-sub .swiper-container {
  margin-top: 1.5rem;
  overflow: unset;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper {
  z-index: 999;
  box-sizing: border-box;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .swiper-slide {
  padding: 0 0.4rem;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .swiper-slide .cn {
  color: rgb(221, 200, 171);
  line-height: 0.4rem;
  font-size: 0.4rem;
  font-weight: normal;
  margin: 0;
  text-align: center;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .swiper-slide .en {
  color: rgb(241, 239, 241);
  line-height: 0.5rem;
  font-size: 0.5rem;
  font-weight: normal;
  font-family: "enFamily";
  margin: 0;
  text-align: center;
  line-height: 0.3rem;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item1 {
  padding-bottom: 1rem;
  box-sizing: border-box;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item1 img {
  display: block;
  width: 5.69rem;
  height: 6.2rem;
  margin: 0 auto;
  margin-top: 0.5rem;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item1 ul li {
  margin-left: 0.7rem;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item1 ul li .num {
  line-height: 0.5rem;
  font-size: 0.5rem;
  font-weight: bold;
  color: rgb(75, 94, 191);
  font-family: "dinAlternate";
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item1 ul li .msg {
  line-height: 0.26rem;
  font-size: 0.26rem;
  font-weight: bold;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item2 {
  background: url(./static//images/business_bg_img.png) no-repeat;
  background-size: contain;
  background-position-y: bottom;
  padding-bottom: 1rem;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item2 .circle-area {
  position: relative;
  width: 6.15rem;
  margin: 0.5rem auto;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item2 .circle-area .semi-circle {
  width: 2.9rem;
  height: 3rem;
  background-color: #fff;
  display: inline-block;
  box-shadow: 0px 2px 4px 0px rgba(210, 210, 210, 0.5);
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item2 .circle-area .tl-semi-circle {
  border-radius: 100% 0 0 0;
  margin-right: 3px;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item2 .circle-area .tr-semi-circle {
  border-radius: 0 100% 0 0;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item2 .circle-area .bl-semi-circle {
  border-radius: 0 0 100% 0;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item2 .circle-area .br-semi-circle {
  border-radius: 0 0 0 100%;
  margin-right: 3px;
  margin-top: 3px;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item2 .circle-area .semi-circle-msg {
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item2 .circle-area .semi-circle-msg p {
  line-height: 0.26rem;
  font-size: 0.26rem;
  font-weight: normal;
  margin-top: 0.2rem;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item2 .circle-area .on {
  background-color: #F4F7FC;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item2 .circle-area .circle5 {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0.3rem;
  font-size: 0.3rem;
  font-weight: normal;
  text-align: center;
  width: 2.2rem;
  height: 2.2rem;
  background-image: url("./static/images/business_bgwhite_img.png");
  border-radius: 1.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  line-height: 0.4rem;
  transform: translate3d(-50%, -50%, 0);
  color: #ddc8ab;
  box-shadow: inset 4px 2px 4px 4px rgba(210, 210, 210, 0.5);
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item2 .circle-ul {
  padding: 0 0.68rem;
  line-height: 0.24rem;
  font-size: 0.24rem;
  font-weight: normal;
  line-height: 0.42rem;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item2 .circle-ul li {
  display: none;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item2 .circle-ul .on {
  display: block;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item3 {
  background: url(./static//images/business_bg_img.png) no-repeat;
  background-size: contain;
  background-position-y: bottom;
  padding-bottom: 1rem;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item3 .msg {
  margin: 0.5rem;
  line-height: 0.36rem;
  font-size: 0.26rem;
  font-weight: normal;
  color: rgb(68, 68, 68);
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item3 .cir-line {
  display: flex;
  justify-content: space-around;
  margin: 0 1rem;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item3 .cir-line:last-child {
  margin: 0;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item3 .cir-line:first-child {
  margin-top: 0.3rem;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item3 .cir-line .item {
  width: 1.6rem;
  text-align: center;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item3 .cir-line .item p {
  line-height: 0.24rem;
  font-size: 0.24rem;
  font-weight: normal;
  color: rgb(68, 68, 68);
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item3 .cir-line .item .cir-item {
  display: inline-block;
  position: relative;
  width: 1.53rem;
  height: 1.53rem;
  border-radius: 1rem;
  text-align: center;
  background: #fff;
  margin: 0 auto 20px auto;
  box-shadow: 0px 2px 4px 0px rgba(255, 255, 255, 0.5), 0px 2px 4px 0px rgba(210, 210, 210, 0.5);
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item3 .cir-line .item .cir-item img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 70%;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item4 {
  background: url(./static//images/business_bg_img.png) no-repeat;
  background-size: contain;
  background-position-y: bottom;
  padding-bottom: 1rem;
}
.mult-page .mult-sub .swiper-container .swiper-wrapper .sw-item4 img {
  padding: 0 0.4rem;
  margin-top: 0.5rem;
}
.mult-page .mult-sub .swiper-container .swiper-pagination {
  top: -0.8rem;
  display: flex;
}
.mult-page .mult-sub .swiper-container .swiper-pagination .swiper-pagination-bullet {
  flex: 1;
  border-radius: 0;
  height: 0.06rem;
  margin: 0 1px;
}
.mult-page .mult-sub .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background: rgb(221, 200, 171);
}
.mult-page .mult-sub .park-name {
  text-align: center;
  background: rgb(243, 246, 251);
  padding: 0.5rem 0;
}
.mult-page .mult-sub .park-name .cn {
  margin-left: 0.4rem;
  text-align: left;
}
.mult-page .mult-sub .park-name .en {
  font-size: 0.48rem;
  line-height: 0.48rem;
  color: rgb(227, 227, 227);
  font-family: "enFamily";
  margin: 0;
}
.mult-page .mult-sub .park-name .swiper-container1 {
  margin-top: 0.5rem;
  margin-bottom: 0.3rem;
  overflow: hidden;
}
.mult-page .mult-sub .park-name .swiper-container1 .swiper-wrapper .swiper-slide a span {
  right: 0.4rem;
  position: absolute;
  bottom: 0.4rem;
  color: #ffffff;
  line-height: 0.31rem;
  font-size: 0.21rem;
  font-weight: normal;
  color: #ffffff;
}
.mult-page .mult-sub .park-name .tip {
  line-height: 0.31rem;
  font-size: 0.21rem;
  font-weight: rgb(135, 134, 134);
  color: bold;
}
.mult-page .item-Content .item-list a {
  margin-top: 0.5rem;
  display: block;
}
.mult-page .item-Content .item-list a img {
  width: 100%;
}
.mult-page .item-Content .item-list a .des-msg p {
  line-height: 0.36rem;
  font-size: 0.26rem;
  font-weight: normal;
  color: rgb(68, 68, 68);
  margin-top: 0.1rem;
}
.mult-page .item-Content .item-list a .des-msg p:nth-child(1) {
  line-height: 0.4rem;
  font-size: 0.3rem;
  font-weight: bold;
  color: rgb(68, 68, 68);
}
.mult-page .item-Content .more-News {
  background: rgb(244, 237, 222);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0.4rem;
  padding: 0.4rem 0;
  margin: 0.5rem 0;
}
.mult-page .item-Content .more-News i {
  background-image: url(./static/images/news_detailsarrow_icon.png);
  display: block;
  width: 0.42rem;
  height: 0.4rem;
  transition: all 0.3s;
}
.mult-page .item-Content .more-News span {
  color: rgb(115, 115, 115);
  line-height: 0.22rem;
  font-size: 0.22rem;
  font-weight: normal;
  font-weight: bold;
  margin-left: 0.2rem;
}
.mult-page .mult-cc .bus-ul li {
  width: 2.1rem;
}
.mult-page .mult-other .other-intro {
  line-height: 0.34rem;
  font-size: 0.24rem;
  font-weight: normal;
  color: rgb(68, 68, 68);
  line-height: 0.42rem;
}
.mult-page .mult-other .other-cn {
  line-height: 0.5rem;
  font-size: 0.4rem;
  font-weight: bold;
  color: rgb(60, 140, 255);
  margin: 0 auto;
  margin-top: 0.5rem;
  text-align: center;
}
.mult-page .mult-other .other-en {
  line-height: 0.6rem;
  font-size: 0.5rem;
  font-weight: normal;
  color: #DDE6F7;
  font-family: "enFamily";
  margin: 0 auto;
  text-align: center;
}
.mult-page .mult-other .com-Item:nth-child(odd) .other-en {
  color: #ffffff;
}
.mult-page .mult-other .other-msg {
  width: 5rem;
  line-height: 0.34rem;
  font-size: 0.24rem;
  font-weight: normal;
  color: rgb(68, 68, 68);
  line-height: 0.6rem;
  margin: 0 auto;
  text-align: justify;
  margin-top: 0.5rem;
}
.mult-page .mult-other .ship {
  height: 12rem;
  background: url("./static/images/other_ferry_img.png") no-repeat center;
  background-size: contain;
  padding-top: 1px;
}
.mult-page .mult-other .ship .other-cn {
  margin-top: 1.6rem;
}
.mult-page .mult-other .housing {
  height: 12rem;
  background: url("./static/images/other_hotel_img.png") no-repeat center;
  background-size: contain;
  padding-top: 1px;
}
.mult-page .mult-other .petroleum {
  height: 12rem;
  background: url("./static/images/other_m_oil_img.png") no-repeat center;
  background-size: contain;
  padding-top: 1px;
}
.mult-page .mult-other .new-energy {
  height: 12rem;
  background: url("./static/images/other_m_new_energy.png") no-repeat center;
  background-size: contain;
  padding-top: 1px;
  margin-top: 0.5rem;
}
.mult-page .mult-other .sea-sbw {
  height: 12rem;
  background: url("./static/images/other_m_sbw_img.png") no-repeat center;
  background-size: contain;
  padding-top: 1px;
}
.mult-page .mult-other .sea-sbw .other-cn {
  margin-top: 1.5rem;
}
.mult-page .mult-other .other-project .swiper-container2 {
  position: relative;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  overflow: hidden;
}
.mult-page .mult-other .other-project .swiper-container2 .swiper-slide p {
  position: absolute;
  bottom: 0.5rem;
  width: 100%;
  font-size: 0.2rem;
  text-align: center;
  color: white;
}
.mult-page .mult-other .other-project .swiper-container2 .swiper-pagination2 {
  position: absolute;
  z-index: 9999;
  text-align: center;
}
.mult-page .mult-other .other-project .swiper-container2 .swiper-pagination2 .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  transition: all 0.3s;
}
.mult-page .mult-other .other-project .swiper-container2 .swiper-pagination2 .swiper-pagination-bullet-active {
  width: 0.37rem;
  border-radius: 29%;
  height: 0.13rem;
  background: rgb(221, 200, 171);
}

.cc-item .title {
  line-height: 0.5rem;
  font-size: 0.4rem;
  font-weight: bold;
  color: rgb(221, 200, 171);
  margin: 0.5rem 0;
}
.cc-item .content {
  line-height: 0.36rem;
  font-size: 0.26rem;
  font-weight: normal;
  color: rgb(68, 68, 68);
  line-height: 0.4rem;
}
.cc-item .swiper-container {
  margin: 0.5rem 0;
}

.moreMult-btn {
  width: 0.74rem;
}
.mult .mule-intro {
  line-height: 0.4rem;
  font-size: 0.3rem;
  font-weight: normal;
  color: rgb(68, 68, 68);
  line-height: 0.46rem;
}
.mult .cn {
  font-size: 0.4rem;
  color: rgb(60, 140, 255);
  font-weight: bold;
  line-height: 0.4rem;
  margin-top: 0.5rem;
  margin-left: 0.4rem;
}
.mult .en {
  font-size: 0.4rem;
  line-height: 0.4rem;
  color: rgb(241, 239, 241);
  font-family: "enFamily";
  margin: 0 0.4rem 0.5rem;
}
.mult .swiper-container {
  margin-top: 1.5rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  height: 7.6rem;
  background: url("./static/images/business_allmap_img_m.png") no-repeat center;
  background-size: contain;
  background-position-y: 1.4rem;
  background-size: 5.69rem 6.2rem;
  overflow: unset;
}
.mult .swiper-container .swiper-wrapper {
  z-index: 999;
}
.mult .swiper-container .swiper-wrapper .swiper-slide {
  padding: 0 0.4rem;
}
.mult .swiper-container .swiper-wrapper .swiper-slide a {
  display: block;
  z-index: 999;
  text-decoration: none;
}
.mult .swiper-container .swiper-wrapper .swiper-slide .cn {
  color: rgb(221, 200, 171);
  line-height: 0.4rem;
  font-size: 0.4rem;
  font-weight: normal;
  margin: 0;
}
.mult .swiper-container .swiper-wrapper .swiper-slide .en {
  color: rgb(241, 239, 241);
  line-height: 0.4rem;
  font-size: 0.4rem;
  font-weight: normal;
  font-family: "enFamily";
  margin: 0;
}
.mult .swiper-container .swiper-wrapper .swiper-slide img {
  display: block;
  width: 5.69rem;
  height: 6.2rem;
  margin: 0 auto;
  margin-top: 0.5rem;
}
.mult .swiper-container .swiper-wrapper .sw-item3 img {
  margin-top: 0;
}
.mult .swiper-container .swiper-pagination {
  top: -0.8rem;
  display: flex;
}
.mult .swiper-container .swiper-pagination .swiper-pagination-bullet {
  flex: 1;
  border-radius: 0;
  height: 0.06rem;
  margin: 0 1px;
}
.mult .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background: rgb(221, 200, 171);
}

@charset "UTF-8";
/*
Theme Name: 南控移动官网主题包
Theme URI: www.wptest.com
Description: 官网
Version: 1.0.0
Author: jack
Author URI: www.xnskg.com
Tags: first
*/
@font-face {
  font-family: "dinAlternate";
  /* 这个名字可以自己定义 */
  src: url("./static/fonts/DIN Alternate Bold.otf");
  /* IE9 Compat Modes */
  /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/
  src: url("./static/fonts/DIN Alternate Bold.eot?#iefix") format("embedded-opentype"), url("./static/fonts/DIN Alternate Bold.woff") format("woff"), url("./static/fonts/DIN Alternate Bold.ttf") format("truetype"), url("./static/fonts/DIN Alternate Bold#dinAlternate") format("svg");
  /* Legacy iOS */
  /*font-weight: bold;*/
  /*font-style: normal;*/
}
@font-face {
  font-family: "pingfang";
  /* 这个名字可以自己定义 */
  src: url("./static/fonts/pingfang regular.otf");
  /* IE9 Compat Modes */
  /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/
  src: url("./static/fonts/pingfang regular?#iefix") format("embedded-opentype"), url("./static/fonts/pingfang regular.woff") format("woff"), url("./static/fonts/pingfang regular.ttf") format("truetype"), url("./static/fonts/pingfang regular#pingfang") format("svg");
  /* Legacy iOS */
  /*font-weight: bold;*/
  /*font-style: normal;*/
}
@font-face {
  font-family: "enFamily";
  /* 这个名字可以自己定义 */
  src: url("./static/fonts/EngraversGothic BT.otf");
  /* IE9 Compat Modes */
  /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/
  src: url("./static/fonts/EngraversGothic BT?#iefix") format("embedded-opentype"), url("./static/fonts/EngraversGothic BT.woff") format("woff"), url("./static/fonts/EngraversGothic BT.ttf") format("truetype"), url("./static/fonts/EngraversGothic BT#enFamily") format("svg");
  /* Legacy iOS */
  /*font-weight: bold;*/
  /*font-style: normal;*/
}
body {
  color: #333;
  font-size: 26px;
  font-family: "pingfang";
}

.p-rule {
  padding: 0 0.4rem;
}

.sub-nav {
  background: rgb(248, 248, 248);
}
.sub-nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.2rem 0;
}
.sub-nav ul:after {
  content: "";
  flex: auto;
}
.sub-nav ul li {
  font-weight: bold;
  color: red;
  margin-right: 0.3rem;
  text-align: center;
}
.sub-nav ul li:nth-child(4n) {
  margin-right: 0;
  text-align: right;
}
.sub-nav ul li:nth-child(5n), .sub-nav ul li:first-child {
  text-align: left;
}
.sub-nav ul li a {
  color: #808080;
  line-height: 0.28rem;
  font-size: 0.28rem;
  font-weight: normal;
  font-weight: bold;
}
.sub-nav ul li a:hover {
  text-decoration: none;
}
.sub-nav ul li .on {
  color: #3c8cff;
}

.swiper-container .swiper-wrapper .swiper-slide a img {
  width: 100%;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.first-news {
  background-color: #ffffff;
  margin: 0.3rem 0;
}
.first-news .more {
  float: right;
  color: rgb(216, 216, 216);
  font-size: 24px;
}
.first-news a .news-date {
  line-height: 0.4rem;
  font-size: 0.4rem;
  font-weight: normal;
  color: rgb(221, 220, 171);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.first-news a .news-date span {
  vertical-align: bottom;
  display: inline-block;
}
.first-news a .news-date .date {
  font-family: "dinAlternate";
}
.first-news a .news-date .more {
  line-height: 0.4rem;
  font-size: 0.3rem;
  font-weight: normal;
  color: #d8d8d8;
}
.first-news a h3 {
  line-height: 0.3rem;
  font-size: 0.3rem;
  font-weight: normal;
  color: rgb(68, 68, 68);
  font-weight: bold;
  margin: 10px 0;
  line-height: 0.4rem;
}
.first-news a .news-clamp {
  color: rgb(68, 68, 68);
  font-size: 0.26rem;
  text-align: justify;
  line-height: 0.36rem;
  text-justify: inter-ideograph;
}

.mix-duoyuan-box {
  display: flex;
  flex-flow: wrap;
  padding: 0.3rem;
  background: #F6F8FC;
}
.mix-duoyuan-box .mix-duoyuan-item {
  box-sizing: border-box;
  width: 3.3rem;
  background-repeat: no-repeat;
  margin-top: 5px;
  background-color: #fff;
  margin-left: 5px;
  position: relative;
  padding: 0.2rem;
}
.mix-duoyuan-box .mix-duoyuan-item .icon {
  background-repeat: no-repeat;
  height: 0.55rem;
  background-size: contain;
}
.mix-duoyuan-box .mix-duoyuan-item .it1 .icon {
  background-image: url("./static/images/logistics_btn_normal.png");
}
.mix-duoyuan-box .mix-duoyuan-item .it2 .icon {
  background-image: url("./static/images/realestate_btn_normal.png");
}
.mix-duoyuan-box .mix-duoyuan-item .it3 .icon {
  background-image: url("./static/images/industry_btn_normal.png");
}
.mix-duoyuan-box .mix-duoyuan-item .it4 .icon {
  background-image: url("./static/images/manufacturing_btn_normal.png");
}
.mix-duoyuan-box .mix-duoyuan-item .cn {
  font-size: 0.28rem;
  color: rgb(68, 68, 68);
  margin-top: 5px;
  line-height: 0.28rem;
}
.mix-duoyuan-box .mix-duoyuan-item .en {
  font-family: enFamily;
  width: 100%;
  line-height: 0.2rem;
  font-size: 0.2rem;
  font-weight: normal;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #c9c9c9;
  width: 2.8rem;
}

.page-list {
  padding: 0.5rem 0.4rem;
}
.page-list a {
  margin-top: 0.3rem;
  display: block;
  position: relative;
}
.page-list a:first-child .msg .en {
  color: #9ec0ce;
}
.page-list a:last-child .msg .en {
  color: #668a9f;
}
.page-list a .msg {
  position: absolute;
  bottom: 0.25rem;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.page-list a .msg .cn {
  line-height: 0.28rem;
  font-size: 0.18rem;
  font-weight: normal;
  color: #ffffff;
}
.page-list a .msg .en {
  line-height: 0.26rem;
  font-size: 0.16rem;
  font-weight: normal;
  color: #ffffff;
}
.page-list a .s3-Title {
  font-weight: bold;
  font-size: 0.29rem;
  color: #444444;
  padding-left: 0.28rem;
  position: relative;
  display: inline-block;
}
.page-list a .s3-Title::before {
  content: "";
  position: absolute;
  float: left;
  width: 0.09rem;
  height: 0.3rem;
  background: #0063FB;
  top: 0.2rem;
  left: 0px;
  border-radius: 2px;
}
.page-list a:first-child {
  margin-top: 0;
}

.more-News {
  background: rgb(244, 237, 222);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0.4rem;
  padding: 0.4rem 0;
  margin: 0.5rem 0;
  line-height: 0.34rem;
  font-size: 0.24rem;
  font-weight: normal;
  color: rgb(68, 68, 68);
}
.more-News i {
  background-image: url(./static/images/news_detailsarrow_icon.png);
  display: block;
  width: 0.42rem;
  height: 0.4rem;
  transition: all 0.3s;
  background-size: contain;
}
.more-News span {
  color: rgb(115, 115, 115);
  line-height: 0.22rem;
  font-size: 0.22rem;
  font-weight: normal;
  font-weight: bold;
  margin-left: 0.2rem;
}

.col-md-12, .col-sm-12 {
  padding: 0;
}
.col-md-12 .panel, .col-sm-12 .panel {
  border: none;
  box-shadow: none;
}
.col-md-12 .panel .panel-heading, .col-sm-12 .panel .panel-heading {
  border-bottom: 1px dashed rgb(197, 197, 197);
  padding: 0.3rem 0;
}
.col-md-12 .panel .panel-heading .panel-title, .col-sm-12 .panel .panel-heading .panel-title {
  line-height: 0.4rem;
  font-size: 0.3rem;
  font-weight: bold;
  color: rgb(221, 200, 171);
}
.col-md-12 .panel .panel-heading .panel-title a, .col-sm-12 .panel .panel-heading .panel-title a {
  display: block;
}
.col-md-12 .panel .panel-heading .panel-title a:before, .col-sm-12 .panel .panel-heading .panel-title a:before {
  content: "";
  background-image: url(./static/images/right_circle.png);
  position: absolute;
  font-family: "Material Icons";
  right: 5px;
  -webkit-transform: rotate(0deg);
  transition: all 0.5s;
  height: 0.45rem;
  width: 0.45rem;
  background-size: contain;
}
.col-md-12 .panel .active .panel-title a:before, .col-sm-12 .panel .active .panel-title a:before {
  background-image: url(./static/images/right_circle_pressed.png);
}

.search-list .post-content {
  padding: 0.5rem 0;
  border-bottom: 1px rgb(197, 197, 197) dashed;
}
.search-list .post-content:last-child {
  border-bottom: none;
}
.search-list .post-content .news-date {
  line-height: 0.5rem;
  font-size: 0.4rem;
  font-weight: normal;
  color: rgb(221, 200, 171);
  font-family: "dinAlternate";
}
.search-list .post-content .news-title {
  line-height: 0.4rem;
  font-size: 0.3rem;
  font-weight: bold;
  color: rgb(68, 68, 68);
  margin-bottom: 0.1rem;
}
.search-list .post-content .news-content {
  line-height: 0.36rem;
  font-size: 0.26rem;
  font-weight: normal;
  color: rgb(14, 14, 14);
}
.search-list .null-list {
  margin-bottom: 1rem;
}
.search-list .null-list img {
  display: block;
  margin: 0 auto;
  width: 3.46rem;
  margin-bottom: 0.3rem;
}
.search-list .null-list p {
  text-align: center;
  line-height: 0.4rem;
  font-size: 0.3rem;
  font-weight: bold;
  color: rgb(151, 151, 151);
}

.banner-container .swiper-pagination {
  text-align: right;
  margin-right: 0.2rem;
}
.banner-container .swiper-pagination .swiper-pagination-bullet {
  background: transparent;
  border: solid 2px #ffffff;
}
.banner-container .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0.2rem;
}
.banner-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #ffffff;
  transition: all 0.3s;
  width: 0.5rem;
  border-radius: 0.1rem;
  height: 0.08rem;
}

figure {
  margin: 0.3rem 0 0 0;
}
figure figcaption {
  line-height: 0.38rem;
  font-size: 0.28rem;
  font-weight: bold;
  color: rgb(14, 14, 14);
  text-align: center;
  margin-top: 0.1rem;
}

.overlay {
  position: relative;
  width: 100vw;
  height: 100vh;
  position: fixed;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out 0.1s;
}

.overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* 0.5表示50%的透明度 */
  z-index: -1;
  /* 将伪元素放置在父元素的下方 */
}

.hidden {
  opacity: 1;
  /* 初始状态完全可见 */
  visibility: visible;
  /* 初始状态可见 */
}

.lightbox {
  /*需要引起用户注意的元素*/
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.lightbox img {
  position: absolute;
  right: -32px;
  top: -32px;
  cursor: pointer;
}

.lightbox video {
  width: 100%;
  /* height: 531px; */
}
.news-content .cn {
  font-size: 0.4rem;
  color: rgb(60, 140, 255);
  font-weight: bold;
  line-height: 0.4rem;
  margin-top: 0.5rem;
  margin-left: 0.4rem;
}
.news-content .en {
  font-size: 0.4rem;
  line-height: 0.4rem;
  color: rgb(241, 239, 241);
  font-family: "enFamily";
  margin: 0 0.4rem 0.5rem;
}
.news-content .en .more {
  float: right;
  color: #d8d8d8;
  font-size: 0.24rem;
  font-family: "pingfang";
}
.news-content .news-ul {
  margin-top: 0.5rem;
}
.news-content .news-ul ul li {
  border-bottom: dashed rgb(197, 197, 197) 1px;
  margin-bottom: 0.5rem;
}
.news-content .news-ul ul li:first-child img {
  margin-bottom: 0.5rem;
}
.news-content .news-ul ul li .news-date {
  color: rgb(221, 220, 171);
  line-height: 0.4rem;
  font-size: 0.4rem;
  font-weight: normal;
  font-family: "dinAlternate";
}
.news-content .news-ul ul li .news-title {
  line-height: 0.3rem;
  font-size: 0.3rem;
  font-weight: normal;
  color: rgb(68, 68, 68);
  margin: 0.1rem 0;
  font-weight: bold;
  line-height: 0.4rem;
}
.news-content .news-ul ul li .news-content {
  line-height: 0.26rem;
  font-size: 0.26rem;
  font-weight: normal;
  line-height: 0.38rem;
  color: rgb(14, 14, 14);
  margin: 0.2rem 0 0.5rem;
  text-align: justify;
}
.news-content .more-News {
  background: rgb(244, 237, 222);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0.4rem;
  padding: 0.4rem 0;
  margin-bottom: 0.5rem;
}
.news-content .more-News i {
  background-image: url(./static/images/news_detailsarrow_icon.png);
  display: block;
  width: 0.42rem;
  height: 0.4rem;
  transition: all 0.3s;
}
.news-content .more-News span {
  color: rgb(115, 115, 115);
  line-height: 0.22rem;
  font-size: 0.22rem;
  font-weight: normal;
  font-weight: bold;
  margin-left: 0.2rem;
}

.news_dt_c {
  margin-top: 0.8rem;
}
.news_dt_c .news_dt_t {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news_dt_c .news_dt_t .news_dt_date {
  color: rgb(221, 200, 171);
  position: relative;
  margin-right: 0.5rem;
}
.news_dt_c .news_dt_t .news_dt_date p {
  text-align: center;
  line-height: 0.96rem;
  font-size: 0.96rem;
  font-weight: normal;
  font-family: "dinAlternate";
}
.news_dt_c .news_dt_t .news_dt_date span {
  line-height: 0.3rem;
  font-size: 0.3rem;
  font-weight: normal;
  font-family: "dinAlternate";
}
.news_dt_c .news_dt_t .news_dt_date:after {
  content: "";
  position: absolute;
  width: 0.05rem;
  height: 85%;
  top: 0.13rem;
  background: #ddc8ab;
  margin-left: 0.2rem;
}
.news_dt_c .news_dt_t .news_title {
  line-height: 0.3rem;
  font-size: 0.3rem;
  font-weight: normal;
  font-weight: bold;
  color: rgb(68, 68, 68);
  line-height: 0.4rem;
}
.news_dt_c .news-neirog {
  margin-bottom: 0.8rem;
}
.news_dt_c .news-neirog p {
  margin-top: 0.3rem;
  line-height: 0.38rem;
  font-size: 0.28rem;
  font-weight: normal;
  color: rgb(14, 14, 14);
  line-height: 0.42rem;
  text-align: justify;
}
.news_dt_c .news-neirog .inscription {
  text-align: right;
}

.video-Zone {
  margin: 0.4rem;
}
.video-Zone .item-list .video-Item {
  margin-bottom: 0.7rem;
}
.video-Zone .item-list .video-Item .s3-Title {
  font-weight: bold;
  font-size: 0.29rem;
  color: #444444;
  padding-left: 0.28rem;
  position: relative;
  display: inline-block;
}
.video-Zone .item-list .video-Item .s3-Title::before {
  content: "";
  position: absolute;
  float: left;
  width: 0.09rem;
  height: 0.3rem;
  background: #0063FB;
  top: 0.2rem;
  left: 0px;
  border-radius: 2px;
}
.video-Zone .item-list .video-Item .img-shadow img {
  border-radius: 5px;
}