@charset "UTF-8";
.w1720 {
  width: 1720px;
  max-width: 90%;
  margin: 0 auto;
}

.banner_bg {
  background-image: url(../images/banner01.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

video {
  width: 50%;
  height: auto;
}

@media (max-width: 700px) {
  video {
    width: 80%;
    height: auto;
  }
}
@media (min-width: 700px) {
  .banner_bg {
    min-width: 1200px;
  }
}
header {
  width: 100%;
  display: flex;
  z-index: 20;
  position: fixed;
  top: 0;
  left: 0;
}
header .layout {
  width: 100%;
  height: 1rem;
  padding: 0.2rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .logo {
  height: 100%;
}
header .logo img {
  width: auto;
  height: 100%;
}
header .column {
  display: flex;
  align-items: center;
}
header .nav {
  display: flex;
  align-items: center;
  color: #fff;
  height: 100%;
}
header .nav .tag {
  line-height: 1rem;
  width: 5em;
  text-align: center;
  margin: 0 2em;
  position: relative;
  color: #222222;
}
header .nav .onTag {
  background-image: url(../images/icon01.png);
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  color: #ffffff;
}
@media (max-width: 900px) {
  header .nav {
    display: none;
  }
}
header .btnBox {
  display: flex;
  align-items: center;
}
header .btnBox .language {
  color: #222222;
  line-height: 1;
  margin-left: 5.25em;
  display: flex;
  align-items: center;
}
header .btnBox .language img {
  width: 1em;
  height: auto;
}
header .btnBox .close {
  width: 28px;
  z-index: 12;
  margin-left: 0.2rem;
  display: none;
}
header .btnBox .close span {
  display: block;
  height: 2px;
  background: #222222;
  margin-bottom: 8px;
  border-radius: 2px;
  transform-origin: right center;
  transition: all 0.3s;
  width: 100%;
}
header .btnBox .close span:nth-child(3) {
  margin-bottom: 0;
}
@media (max-width: 900px) {
  header .btnBox .close {
    display: block !important;
  }
}
header .btnBox .open span {
  background: #222222;
}
header .btnBox .open span:nth-of-type(1) {
  transform: rotate(-45deg);
}
header .btnBox .open span:nth-of-type(2) {
  width: 0;
}
header .btnBox .open span:nth-of-type(3) {
  transform: rotate(45deg);
}
header .h-nav {
  display: block;
  position: fixed;
  height: calc(100vh - 1rem);
  width: 70%;
  background-color: #ffffff;
  top: 1rem;
  right: -70%;
  transition: all 0.5s;
  color: #000000;
  z-index: 101;
  background-color: #515151;
}
header .h-nav .HnavBox {
  line-height: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
  color: #ffffff;
}
header .h-nav .HnavBox .Aicon {
  display: flex;
}
header .h-nav .HnavBox .Aicon:hover {
  background-color: #6b6b6b;
  color: #fff;
}
header .h-nav .HnavBox .Aicon .onc {
  padding: 0.2rem 0.5rem;
  width: 100%;
  line-height: 40px;
  display: block;
  color: #fff;
}
header .mask {
  position: fixed;
  top: 1rem;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4509803922);
  z-index: 10;
  display: none;
}

@media (max-width: 700px) {
  header {
    background-color: #ffffff;
    box-shadow: 0px 0px 7px 0px rgba(202, 216, 230, 0.53);
  }
}
.onHeader {
  background-color: #ffffff;
  box-shadow: 0px 0px 7px 0px rgba(202, 216, 230, 0.53);
}

footer {
  color: #999999;
  line-height: 2;
  text-align: center; /* 添加居中 */
}
footer .layout {
  flex-direction: column; /* 改为垂直布局 */
  align-items: center; /* 水平居中 */
  padding: 0.2rem 0;
}
footer .left {
  width: 45%;
}
footer .right {
  width: 100%; /* 改为100%宽度 */
  text-align: center; /* 文字居中 */
  display: flex; /* 使用flex布局 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  flex-wrap: wrap; /* 允许换行 */
}
footer .right a {
  margin: 0 10px; /* 链接之间的间距 */
  text-decoration: none; /* 可选：去掉下划线 */
  color: #999999; /* 保持原有颜色 */
}

footer .right .line {
  width: 1px; /* 分隔线宽度 */
  height: 16px; /* 分隔线高度 */
  background-color: #999999; /* 分隔线颜色 */
  margin: 0 10px; /* 分隔线间距 */
}
footer .right .p1 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
footer .right .p1 img {
  width: auto;
  height: 1em;
  margin-right: 1em;
}
@media (max-width: 900px) {
  footer .left,
  footer .right {
    width: 100%;
  }
  footer .right {
    flex-direction: column; /* 小屏幕下垂直排列 */
  }
  footer .right a {
    margin: 5px 0; /* 垂直排列时的间距 */
  }
  footer .right .p1 {
    justify-content: flex-start;
  }
}

#fp-nav li {
  width: 11px !important;
  height: 11px !important;
  margin: 11px !important;
}
#fp-nav li a {
  background-image: url(../images/icon22.png);
  background-size: 100% 100%;
}
#fp-nav li a span {
  display: none;
}
#fp-nav li .active {
  background-image: url(../images/icon21.png);
}
#fp-nav li:last-child {
  /*display: none;*/
}

@media (max-width: 1200px) {
  #fp-nav {
    display: none;
  }
}
.page1 {
  position: relative;
  overflow: hidden;
}
.page1 .bannerBg1,
.page1 .bannerBg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1;
  object-fit: cover;
}
.page1 .bannerBg1 {
  display: block;
}
.page1 .bannerBg2 {
  display: none;
}

.page1 video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.page1 .video2 {
  display: none;
}
.page1 .videoBg {
  width: 100.2%;
  height: 100.5%;
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 2;
}
.page1 .layout {
  width: 100%;
  height: calc(100vh - 2rem);
  position: relative;
  overflow: auto;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 2;
}
.page1 .layout .title {
  width: 16.976744186%;
  position: absolute;
  top: 50%;
  left: 8.4302325581%;
  transform: translateY(-50%);
}
.page1 .layout .title .name {
  width: 49.3150684932%;
  height: auto;
}
.page1 .layout .title .tagBox {
  width: 100%;
  padding: 8.5616438356% 10.6164383562%;
  display: flex;
  justify-content: center;
  background-image: url(../images/icon14.png);
  background-size: 100% 100%;
  margin-top: 0.2rem;
}
.page1 .layout .title .tagBox .tag {
  width: 47.8260869565%;
  padding-top: 47.8260869565%;
  position: relative;
  overflow: hidden;
  margin-left: 4.347826087%;
  border-radius: 10%;
  cursor: pointer;
}
.page1 .layout .title .tagBox .tag:nth-child(1) {
  margin-left: 0;
}
.page1 .layout .title .tagBox .tag img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.page1 .layout .title .tagBox .onTag::after {
  content: "";
  width: 100%;
  height: 100%;
  border: solid 3px rgba(184, 26, 26, 0.88);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border-radius: 10%;
}
.page1 .layout .textBox {
  width: 58.7209302326%;
  position: absolute;
  top: 50%;
  right: 8.1395348837%;
  transform: translateY(-50%) scaleX(0);
  opacity: 0;
  pointer-events: none;
}
.page1 .layout .textBox .text {
  width: 100%;
  padding: 0.95rem 6.9306930693%;
  background-image: url(../images/icon15.png);
  background-size: 100% 100%;
}
.page1 .layout .textBox .text .p1 {
  text-align: center;
  color: #111111;
}
.page1 .layout .textBox .text .line {
  width: 100%;
  height: auto;
  margin-top: 0.2rem;
}
.page1 .layout .textBox .text .p2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0.45rem;
}
.page1 .layout .textBox .text .p2 .left {
  width: 37.9310344828%;
}
.page1 .layout .textBox .text .p2 .left .t1 {
  color: #444444;
  line-height: 1.875;
}
.page1 .layout .textBox .text .p2 .left .btn {
  display: inline-flex;
  align-items: center;
  padding: 0.625em 1.75em;
  background-image: url(../images/icon18.png);
  background-size: 100% 100%;
  color: #ffffff;
  line-height: 1;
  margin-top: 0.19rem;
}
.page1 .layout .textBox .text .p2 .left .btn:hover {
  background-image: url(../images/icon36.png);
}
.page1 .layout .textBox .text .p2 .left .btn img {
  width: 1.125em;
  height: auto;
  margin-right: 0.375em;
}
.page1 .layout .textBox .text .p2 .left .socialMedia {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
}
.page1 .layout .textBox .text .p2 .left .socialMedia img {
  width: auto;
  height: 1.5em;
  margin-left: 0.75em;
}
.page1 .layout .textBox .text .p2 .right {
  width: 57.4712643678%;
}
.page1 .layout .textBox .text .p2 .right .img {
  width: 100%;
  padding-top: 56.4%;
  position: relative;
  overflow: hidden;
}
.page1 .layout .textBox .text .p2 .right .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.page1 .layout .textBox .text .p2 .right .img .icon {
  width: 14.2%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.page1 .layout .textBox .text .line1 {
  width: 100%;
  display: none;
}
.page1 .layout .onTextBox {
  transition: all 0.8s;
  opacity: 1;
  transform: translateY(-50%) scaleX(1);
  pointer-events: all;
}

@media (max-width: 700px) {
  .page1 {
    width: 100%;
    max-width: 100%;
  }
  .page1 .bannerBg1 {
    display: none;
  }
  .page1 .bannerBg2 {
    display: block;
  }
  .page1 .video1 {
    display: none;
  }
  .page1 .video2 {
    display: block;
  }
  .page1 .layout {
    width: 100%;
    height: 100vh;
  }
  .page1 .layout .title {
    width: 3.5rem;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.45rem;
    top: auto;
    text-align: center;
    z-index: 10;
  }
  .page1 .layout .title .name {
    display: inline-block;
    width: 65%;
  }
  .page1 .layout .title .tagBox {
    margin-top: 1rem;
  }
  .page1 .layout .onTitle .name {
    display: none;
  }
  .page1 .layout .onTitle .tagBox {
    background-image: none;
  }
  .page1 .layout .textBox {
    width: 93%;
    right: 3.5%;
    top: auto;
    bottom: 0.75rem;
    transform: translateY(0%) scaleX(0);
  }
  .page1 .layout .textBox .text {
    padding: 0.5rem 6.9306930693%;
    padding-bottom: 2.47rem;
    background-image: url(../images/icon19.png);
  }
  .page1 .layout .textBox .text .p2 {
    display: block;
  }
  .page1 .layout .textBox .text .p2 .left {
    width: 100%;
  }
  .page1 .layout .textBox .text .p2 .left .btnBox {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 0.2rem;
  }
  .page1 .layout .textBox .text .p2 .left .btn {
    margin-top: 0;
  }
  .page1 .layout .textBox .text .p2 .left .socialMedia {
    margin-top: 0;
  }
  .page1 .layout .textBox .text .p2 .right {
    width: 100%;
    margin-top: 0.4rem;
  }
  .page1 .layout .textBox .text .line1 {
    display: block;
    margin-top: 0.2rem;
  }
  .page1 .layout .onTextBox {
    transition: all 0.8s;
    opacity: 1;
    transform: translateY(0%) scaleX(1);
  }
}
.page2 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.page2 .videoBg {
  width: 100.2%;
  height: 100.5%;
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1;
}
.page2 .bannerBg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.page2 .bannerBg2 {
  display: none;
}
.page2 .layout {
  width: 100%;
  height: calc(100vh - 2rem);
  position: relative;
  overflow: auto;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 2;
}
.page2 .layout .title {
  width: 16.976744186%;
  position: absolute;
  top: 50%;
  left: 8.4302325581%;
  transform: translateY(-50%);
}
.page2 .layout .title .name {
  width: 49.3150684932%;
  height: auto;
}
.page2 .layout .title .tagBox {
  width: 100%;
  padding: 8.5616438356% 10.6164383562%;
  display: flex;
  justify-content: center;
  background-image: url(../images/icon14.png);
  background-size: 100% 100%;
  margin-top: 0.2rem;
}
.page2 .layout .title .tagBox .tag {
  width: 47.8260869565%;
  padding-top: 47.8260869565%;
  position: relative;
  overflow: hidden;
  margin-left: 4.347826087%;
  border-radius: 10%;
  cursor: pointer;
}
.page2 .layout .title .tagBox .tag:nth-child(1) {
  margin-left: 0;
}
.page2 .layout .title .tagBox .tag img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.page2 .layout .title .tagBox .onTag::after {
  content: "";
  width: 100%;
  height: 100%;
  border: solid 3px rgba(184, 26, 26, 0.88);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border-radius: 10%;
}
.page2 .layout .textBox {
  width: 58.7209302326%;
  position: absolute;
  top: 50%;
  right: 8.1395348837%;
  transform: translateY(-50%) scaleX(0);
  opacity: 0;
  pointer-events: none;
}
.page2 .layout .textBox .text {
  width: 100%;
  padding: 0.95rem 6.9306930693%;
  background-image: url(../images/icon15.png);
  background-size: 100% 100%;
}
.page2 .layout .textBox .text .p1 {
  color: #111111;
  display: flex;
  justify-content: space-between;
}
.page2 .layout .textBox .text .p1 span {
  flex: 1;
  text-align: center;
}
.page2 .layout .textBox .text .p1 .btn {
  display: flex;
  align-items: center;
  background-image: url(../images/icon18.png);
  background-size: 100% 100%;
  padding: 0.4375em 1.375em;
  color: #ffffff;
  line-height: 1;
  display: none;
}
.page2 .layout .textBox .text .p1 .btn img {
  width: 0.5em;
  height: auto;
  margin-left: 0.4375em;
}
.page2 .layout .textBox .text .p2 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.3rem;
}
.page2 .layout .textBox .text .p2 .left {
  width: 55.1724137931%;
  display: block;
}
.page2 .layout .textBox .text .p2 .left .img {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}
.page2 .layout .textBox .text .p2 .left .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.page2 .layout .textBox .text .p2 .left .name {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 0.2rem;
}
.page2 .layout .textBox .text .p2 .left .name .n1 {
  color: #222222;
  font-weight: bold;
}
.page2 .layout .textBox .text .p2 .left .name .n2 {
  color: #999999;
  margin-top: 0.05rem;
}
.page2 .layout .textBox .text .p2 .right {
  flex: 1;
  margin-left: 3.4482758621%;
  overflow: hidden;
  position: relative;
}
.page2 .layout .textBox .text .p2 .right .listBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.page2 .layout .textBox .text .p2 .right .listBox::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.page2 .layout .textBox .text .p2 .right .item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  line-height: 1;
  padding: 0.875em 0;
  border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
.page2 .layout .textBox .text .p2 .right .item:nth-child(1) {
  padding-top: 0;
}
.page2 .layout .textBox .text .p2 .right .item .n1 {
  flex: 1;
  color: #444444;
  position: relative;
  padding-left: 1em;
}
.page2 .layout .textBox .text .p2 .right .item .n1::after {
  content: "›";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-56%);
}
.page2 .layout .textBox .text .p2 .right .item .n2 {
  margin-left: 1em;
  color: #999999;
}
.page2 .layout .textBox .text .p2 .right .item:hover .n1 {
  color: #c33e3e;
}
.page2 .layout .textBox .text .line1 {
  width: 100%;
  display: none;
}
.page2 .layout .onTextBox {
  transition: all 0.8s;
  opacity: 1;
  transform: translateY(-50%) scaleX(1);
  pointer-events: all;
}

@media (max-width: 700px) {
  .page2 {
    width: 100%;
    max-width: 100%;
    background-position: 70%;
    background-size: auto 100%;
  }
  .page2 .bannerBg1 {
    display: none;
  }
  .page2 .bannerBg2 {
    display: block;
  }
  .page2 .layout {
    width: 100%;
    height: 100vh;
  }
  .page2 .layout .banner {
    -o-object-position: 70%;
    object-position: 70%;
  }
  .page2 .layout .title {
    width: 3.5rem;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.45rem;
    top: auto;
    text-align: center;
    z-index: 10;
  }
  .page2 .layout .title .name {
    display: inline-block;
    width: 65%;
    display: none;
  }
  .page2 .layout .title .tagBox {
    margin-top: 2.4rem;
    background-image: none;
  }
  .page2 .layout .textBox {
    width: 93%;
    right: 3.5%;
    top: auto;
    bottom: 0.75rem;
    transform: translateY(0%) scaleX(0);
  }
  .page2 .layout .textBox .text {
    padding: 0.5rem 6.9306930693%;
    padding-bottom: 2.47rem;
    background-image: url(../images/icon19.png);
  }
  .page2 .layout .textBox .text .p1 span {
    text-align: left;
  }
  .page2 .layout .textBox .text .p1 .btn {
    display: flex;
  }
  .page2 .layout .textBox .text .p2 {
    display: block;
  }
  .page2 .layout .textBox .text .p2 .left {
    width: 100%;
  }
  .page2 .layout .textBox .text .p2 .right {
    width: 100%;
    margin-top: 0.4rem;
    margin-left: 0;
    height: 3rem;
  }
  .page2 .layout .onTextBox {
    transition: all 0.8s;
    opacity: 1;
    transform: translateY(0%) scaleX(1);
  }
}
.page3 .layout {
  width: 100%;
  height: calc(100vh - 2rem);
  position: relative;
  background-color: #ffffff;
  padding: 0.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
}
.page3 .layout .title {
  /*display: flex;*/
  /*justify-contentl: space-between;*/
  /*align-items: flex-end;*/

  position: absolute;
  top: 20px;
  left: 20px;      /* 修改这里 */
  z-index: 10;
}
.page3 .layout .title .left .item {
  display: inline-block;
  padding: 0.8125em 1.75em;
  background-image: url(../images/icon05.png);
  background-size: 100% 100%;
  margin-left: 1em;
  color: #222222;
  cursor: pointer;
}
.page3 .layout .title .left .item:nth-child(1) {
  margin-left: 0;
}
.page3 .layout .title .left .onItem {
  background-image: url(../images/icon06.png);
  color: #c84f4f;
}
.page3 .layout .title .right .btn {
  display: flex;
  align-items: center;
  background-image: url(../images/icon18.png);
  background-size: 100% 100%;
  padding: 0.4375em 1.375em;
  color: #ffffff;
  line-height: 1;
}
.page3 .layout .title .right .btn:hover {
  background-image: url(../images/icon36.png);
}
.page3 .layout .title .right .btn img {
  width: 0.5em;
  height: auto;
  margin-left: 0.4375em;
}
.page3 .layout .title .right .btn2 {
  display: none;
}
.page3 .layout .content {
  margin-top: 0.4rem;
  justify-content: space-between;
  display: none;
}
/*新闻页大小调整*/
.page3 .layout .content .left {
  /*width: 100px;*/
  /*padding-top: 60%;*/
  display: flex;
}
.page3 .layout .content .left .item {
  display: block;
  width: 48.6281929991%;
  margin-left: 2.7436140019%;
}
.page3 .layout .content .left .item:nth-child(3n+1) {
  /*width: 50px;*/
  margin-left: 0;
}
.page3 .layout .content .left .item .img {
  width: 100%;
  padding-top: 60%;
  position: relative;
  overflow: hidden;
}
.page3 .layout .content .left .item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s;
}
.page3 .layout .content .left .item .p1 {
  margin-top: 0.25rem;
  color: #222222;
}
.page3 .layout .content .left .item .p2 {
  color: #999999;
  line-height: 1.875;
  margin-top: 0.08rem;
}
.page3 .layout .content .left .item .time {
  display: flex;
  color: #999999;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.15rem;
}
.page3 .layout .content .left .item .time img {
  width: 1.56em;
  height: auto;
}
.page3 .layout .content .left .item .time .icon2 {
  display: none;
}
.page3 .layout .content .left .item .line {
  width: 100%;
  height: auto;
  margin-top: 0.3rem;
}
.page3 .layout .content .left .item .line2 {
  display: none;
}
.page3 .layout .content .left .item:hover .img img {
  transform: scale(1.3);
}
.page3 .layout .content .left .item:hover .p1 {
  color: #c33e3e;
}
.page3 .layout .content .left .item:hover .time .icon1 {
  display: none;
}
.page3 .layout .content .left .item:hover .time .icon2 {
  display: block;
}
.page3 .layout .content .left .item:hover .line1 {
  display: none;
}
.page3 .layout .content .left .item:hover .line2 {
  display: block;
}
.page3 .layout .content .right {
  flex: 1;
  margin-left: 1.8125%;
  overflow: hidden;
  position: relative;
}
.page3 .layout .content .right .listBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.page3 .layout .content .right .listBox::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.page3 .layout .content .right .item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  line-height: 1;
  padding: 1.344em 0;
  border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
.page3 .layout .content .right .item:nth-child(1) {
  padding-top: 0;
}
.page3 .layout .content .right .item .n1 {
  flex: 1;
  color: #444444;
  position: relative;
  padding-left: 1em;
}
.page3 .layout .content .right .item .n1::after {
  content: "•";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-56%);
}
.page3 .layout .content .right .item .n2 {
  margin-left: 1em;
  color: #999999;
}
.page3 .layout .content .right .item:hover .n1 {
  color: #c33e3e;
}
.page3 .layout .content .btn3 {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  line-height: 1;
  color: #999999;
  margin-top: 0.35rem;
  display: none;
}
.page3 .layout .content .btn3 img {
  width: 0.5em;
  margin-left: 0.5em;
}
.page3 .layout .content .mySwiper1 {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: none;
}
.page3 .layout .content .mySwiper1 .item {
  display: block;
  width: 100%;
}
.page3 .layout .content .mySwiper1 .item .img {
  width: 100%;
  padding-top: 56.2256809339%;
  position: relative;
  overflow: hidden;
}
.page3 .layout .content .mySwiper1 .item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s;
}
.page3 .layout .content .mySwiper1 .item .p1 {
  margin-top: 0.25rem;
  color: #222222;
}
.page3 .layout .content .mySwiper1 .item .p2 {
  color: #999999;
  line-height: 1.875;
  margin-top: 0.08rem;
}
.page3 .layout .content .mySwiper1 .item .time {
  display: flex;
  color: #999999;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.15rem;
}
.page3 .layout .content .mySwiper1 .item .time img {
  width: 1.56em;
  height: auto;
}
.page3 .layout .content .mySwiper1 .item .time .icon2 {
  display: none;
}
.page3 .layout .content .mySwiper1 .item .line {
  width: 100%;
  height: auto;
  margin-top: 0.3rem;
}
.page3 .layout .content .mySwiper1 .item .line2 {
  display: none;
}
.page3 .layout .content .mySwiper1 .item:hover .img img {
  transform: scale(1.3);
}
.page3 .layout .content .mySwiper1 .item:hover .p1 {
  color: #c33e3e;
}
.page3 .layout .content .mySwiper1 .item:hover .time .icon1 {
  display: none;
}
.page3 .layout .content .mySwiper1 .item:hover .time .icon2 {
  display: block;
}
.page3 .layout .content .mySwiper1 .item:hover .line1 {
  display: none;
}
.page3 .layout .content .mySwiper1 .item:hover .line2 {
  display: block;
}
.page3 .layout .content .mySwiper1 .swiper-pagination {
  width: auto;
  bottom: 43%;
  left: auto;
  right: 0.1rem;
}
.page3 .layout .content .mySwiper1 .swiper-pagination .swiper-pagination-bullet {
  width: 0.18rem;
  height: 0.18rem;
  min-width: 15px;
  min-height: 15px;
  background-image: url(../images/icon24.png);
  background-size: 100% 100%;
  background-color: rgba(0, 0, 0, 0);
  opacity: 1;
}
.page3 .layout .content .mySwiper1 .swiper-pagination .swiper-pagination-bullet-active {
  background-image: url(../images/icon21.png);
}
.page3 .layout .onContent {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 700px) {
  .page3 .layout {
    padding: 0.4rem;
    height: auto;
  }
  .page3 .layout .title {
    top: 10px;
    left: 10px;           /* 小屏幕下调整间距 */
  }
  .page3 .layout .title .item {
    padding: 8px 12px;
    font-size: 14px;
  }
  .page3 .layout .title .left .item {
    font-size: 13px;
    padding: 0.6em 1em;
    margin-left: 0.5em;
  }
  .page3 .layout .title .right .btn1 {
    display: none;
  }
  .page3 .layout .title .right .btn2 {
    display: block;
  }
  .page3 .layout .content .left {
    display: none;
  }
  .page3 .layout .content .right {
    flex: auto;
    width: 100%;
    height: 3rem;
    margin-top: 0.3rem;
  }
  .page3 .layout .content .mySwiper1 {
    display: block;
  }
  .page3 .layout .content .btn3 {
    display: flex;
  }
}
.page4 .layout {
  width: 100%;
  height: calc(100vh - 2rem);
  position: relative;
  background-color: #ffffff;
  padding: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: auto;
}
.page4 .layout .left {
  width: 46.875%;
}
.page4 .layout .left .h1 {
  color: #111111;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}
.page4 .layout .left .h1 span {
  flex: 1;
}
.page4 .layout .left .h1 .btn {
  display: flex;
  align-items: center;
  background-image: url(../images/icon18.png);
  background-size: 100% 100%;
  padding: 0.4375em 1.375em;
  color: #ffffff;
  line-height: 1;
  display: none;
}
.page4 .layout .left .h1 .btn img {
  width: 0.5em;
  height: auto;
  margin-left: 0.4375em;
}
.page4 .layout .left .h2 {
  margin-top: 0.3rem;
}
.page4 .layout .left .h2 p {
  color: #444444;
  line-height: 2;
}
.page4 .layout .left .h3 {
  background-image: url(../images/icon28.png);
  background-size: 100% 100%;
  padding: 4.1875em 2.6875em;
  margin-top: 0.45rem;
}
.page4 .layout .left .h3 .name {
  display: flex;
  align-items: flex-end;
  line-height: 1;
  font-weight: bold;
}
.page4 .layout .left .h3 .name img {
  width: 1.64em;
  height: auto;
}
.page4 .layout .left .h3 .tagBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #444444;
  line-height: 2.25;
  margin-top: 0.23rem;
}
.page4 .layout .left .h3 .tagBox .tag {
  width: 49%;
}
.page4 .layout .left .h3 .tagBox .tag p {
  position: relative;
  padding-left: 0.8125em;
}
.page4 .layout .left .h3 .tagBox .tag p::after {
  content: "";
  width: 0.625em;
  height: 0.625em;
  background-image: url(../images/icon27.png);
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0.8125em;
}
.page4 .layout .right {
  width: 47.5%;
}
.page4 .layout .right img {
  width: 100%;
  height: auto;
}

@media (max-width: 700px) {
  .page4 .layout {
    height: auto;
    padding: 0.3rem;
  }
  .page4 .layout .left {
    width: 100%;
  }
  .page4 .layout .left .h1 .btn {
    display: block;
  }
  .page4 .layout .left .h2 {
    margin-top: 0.3rem;
  }
  .page4 .layout .left .h2 p {
    line-height: 1.5833333333;
  }
  .page4 .layout .left .h3 {
    background-image: url(../images/icon29.png);
    padding: 1.5em;
    margin-top: 0.2rem;
  }
  .page4 .layout .left .h3 .tagBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    color: #444444;
    line-height: 1.9166666667;
    margin-top: 0.1rem;
  }
  .page4 .layout .left .h3 .tagBox .tag {
    width: 100%;
  }
  .page4 .layout .left .h3 .tagBox .tag p {
    position: relative;
    padding-left: 0.8125em;
  }
  .page4 .layout .left .h3 .tagBox .tag p::after {
    content: "";
    width: 0.625em;
    height: 0.625em;
    background-image: url(../images/icon27.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0.8125em;
  }
  .page4 .layout .right {
    display: none;
  }
}
.page5 {
  padding-top: 1rem;
}
.page5 .layout {
  background-color: #ffffff;
  padding: 0 0.6rem;
  padding-top: 0.95rem;
  padding: 0.65rem;
}
.page5 .title {
  display: flex;
  justify-content: center;
}
.page5 .title .item {
  padding: 0.85em 1.85em;
  background-image: url(../images/icon05.png);
  background-size: 100% 100%;
  margin-left: 1em;
  color: #222222;
}
.page5 .title .item:nth-child(1) {
  margin-left: 0;
}
.page5 .title .onItem {
  background-image: url(../images/icon06.png);
  color: #c84f4f;
}
.page5 .list {
  display: flex;
  flex-wrap: wrap;
}
.page5 .list .item {
  width: 32.125%;
  margin-top: 0.4rem;
  margin-left: 1.8125%;
}
.page5 .list .item:nth-child(3n+1) {
  margin-left: 0;
}
.page5 .list .item .img {
  width: 100%;
  padding-top: 56.2256809339%;
  position: relative;
  overflow: hidden;
}
.page5 .list .item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s;
}
.page5 .list .item .p1 {
  margin-top: 0.25rem;
  color: #222222;
}
.page5 .list .item .p2 {
  color: #999999;
  line-height: 1.875;
  margin-top: 0.08rem;
}
.page5 .list .item .time {
  display: flex;
  color: #999999;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.15rem;
}
.page5 .list .item .time img {
  width: 1.56em;
  height: auto;
}
.page5 .list .item .time .icon2 {
  display: none;
}
.page5 .list .item .line {
  width: 100%;
  height: auto;
  margin-top: 0.3rem;
}
.page5 .list .item .line2 {
  display: none;
}
.page5 .list .item:hover .img img {
  transform: scale(1.3);
}
.page5 .list .item:hover .p1 {
  color: #c33e3e;
}
.page5 .list .item:hover .time .icon1 {
  display: none;
}
.page5 .list .item:hover .time .icon2 {
  display: block;
}
.page5 .list .item:hover .line1 {
  display: none;
}
.page5 .list .item:hover .line2 {
  display: block;
}
@media (max-width: 900px) {
  .page5 .list .item {
    width: 48%;
    margin-left: 4%;
  }
  .page5 .list .item:nth-child(3n+1) {
    margin-left: 4%;
  }
  .page5 .list .item:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media (max-width: 500px) {
  .page5 .list .item {
    width: 100%;
    margin-left: 0%;
  }
  .page5 .list .item:nth-child(3n+1) {
    margin-left: 0%;
  }
  .page5 .list .item:nth-child(2n+1) {
    margin-left: 0;
  }
}
.page5 .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.65rem;
}
.page5 .pagination .tag {
  width: 2.625em;
  height: 2.25em;
  text-align: center;
  line-height: 2.25em;
}
.page5 .pagination .tag img {
  width: auto;
  height: 1em;
}
.page5 .pagination .prev {
  margin-right: 0.3rem;
  transform: rotate(180deg);
}
.page5 .pagination .next {
  margin-left: 0.3rem;
}
.page5 .pagination .onTag {
  background-image: url(../images/icon11.png);
  background-size: 100% 100%;
  color: #fff;
}

.page6 {
  padding-top: 1rem;
}
.page6 .layout {
  background-color: #ffffff;
  padding: 1rem 0.6rem;
}
.page6 .content {
  width: 1000px;
  max-width: 92%;
  margin: 0 auto;
}
.page6 .content .h1 {
  text-align: center;
}
.page6 .content .time {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999999;
  margin-top: 0.3rem;
}
.page6 .content .time .t2 {
  display: flex;
  margin-left: 0.42rem;
}
.page6 .content .time .t2 img {
  width: auto;
  /*height: 1em;*/
  /* margin-left: 1em;*/
}
.page6 .content .line {
  width: 100%;
  margin-top: 0.13rem;
}
.page6 .content .text {
  padding-top: 0.4rem;
}
.page6 .content .text img {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.page6 .content .text p {
  line-height: 2;
  color: #444444;
}
.page6 .content .btn {
  display: flex;
  justify-content: space-between;
  padding-top: 0.3rem;
  flex-wrap: wrap;
}
.page6 .content .btn .left {
  line-height: 2;
  color: #222222;
}
.page6 .content .btn .right .btn {
  display: inline-flex;
  align-items: center;
  background-image: url(../images/icon18.png);
  background-size: 100% 100%;
  padding: 0.625em 1.75em;
  color: #ffffff;
  line-height: 1;
}
.page6 .content .btn .right .btn img {
  width: 1em;
  height: auto;
  margin-left: 0.4375em;
}

@media (max-width: 700px) {
  .page6 .layout {
    padding: 1rem 0rem;
  }
  .page6 .content .btn .left {
    width: 100%;
  }
  .page6 .content .btn .right {
    flex: 1;
    text-align: right;
  }
}