@font-face {
  font-family: "Regular";
  src: url(Regular.ttf);
}
@charset "utf-8";
body {
  overflow-x: hidden;
	  font-family: "Regular"!important;
}
.element {
  scrollbar-width: none;
}
.fp-tableCell{ height: auto!important}
.asasas{ height: auto!important}
header {
  z-index: 10;
  width: 100%;
  transition: all 0.5s;
  top: 0;
  position: sticky;
}
header.active {
  box-shadow: 0 0 32px 3px rgba(0, 0, 0, 0.03);
}
header.active .header-menu {
  background: #fff !important;
}
header .header-menu {
  transition: all 0.5s ease;
  position: relative;
  background: #fff;
}
header .header-menu .header-box {
  width: 90%;
  max-width: 1720px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  z-index: 2;
}
header .header-menu .header-box .logo img {
  transition: all 0.5s;
  width: 40%;
}
@media screen and (max-width: 768px) {
  header .header-menu .header-box .logo img {
    width: 40%;
  }
}
header .header-menu .header-box .search {
  position: relative;
  flex-basis: 24px;
  cursor: pointer;
}
header .menu-box {
  height: 100px;
  transition: all 0.5s;
  z-index: 1;
  position: relative;
  top: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-basis: calc(100% - 100px);
}
header .menu-box .menu-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #fff;
  height: 100%;
  padding-right: 35px;
  margin-right: 35px;
  position: relative;
}
header .menu-box .menu-list::after {
  content: '';
  position: absolute;
  height: 16px;
  width: 1px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #eee;
}
header .menu-box .menu-list .firstItem {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  margin-left: clamp(20px, 2vw, 3vw);
}
header .menu-box .menu-list .firstItem.active .firstItem-title a {
  color: var(--dominant-color);
  font-weight: 600;
}
header .menu-box .menu-list .firstItem.active .firstItem-title a::after {
  background: #fff;
}
header .menu-box .menu-list .firstItem .firstItem-title {
  position: relative;
  display: flex;
  align-items: center;
}
header .menu-box .menu-list .firstItem .firstItem-title a {
  color: #999999;
  font-size: 20px;
  transition: all 0.5s;
  position: relative;

}
header .menu-box .menu-list .firstItem .firstItem-title:hover a {
  color: var(--dominant-color);
}
header .menu-box .menu-list .firstItem > a {
  font-size: 14px;
  height: 80px;
  line-height: 80px;
}
header .menu-box .menu-list .firstItem .second-box {
  position: absolute;
  top: 90px;
  width: max-content;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  transition: top 0.5s;
  border-radius: 0 0 8px 8px;
}
header .menu-box .menu-list .firstItem .second-box .second-box-list {
  background: var(--dominant-color);
  margin-top: 20px;
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  header .menu-box .menu-list .firstItem .second-box .second-box-list {
    margin-top: 0;
    padding-left: 10%;
  }
}
header .menu-box .menu-list .firstItem .second-box .second-box-list .second-item {
  position: relative;
}
header .menu-box .menu-list .firstItem .second-box .second-box-list .second-item .three-box {
  display: none;
  position: absolute;
  left: calc(100%);
  top: -10px;
  background: var(--dominant-color);
  width: max-content;
  padding: 10px 0;
}
header .menu-box .menu-list .firstItem .second-box .second-box-list .second-item .three-box a {
  padding: 0 20px;
  margin-top: 10px;
}
header .menu-box .menu-list .firstItem .second-box .second-box-list .second-item:hover .three-box {
  display: block;
}
header .menu-box .menu-list .firstItem .second-box .second-box-list::after {
  content: '';
  width: 0;
  height: 0;
  border-width: 10px;
  border-color: transparent transparent var(--dominant-color) transparent;
  border-style: solid;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  position: absolute;
  transition: all 0.5s;

}
@media screen and (max-width: 768px) {
  header .menu-box .menu-list .firstItem .second-box .second-box-list::after {
    display: none;
  }
}
header .menu-box .menu-list .firstItem .second-box a {
  color: #fff;
  display: block;
  text-align: left;
  padding: 10px 20px;
}
header .menu-box .menu-list .firstItem .second-box a:last-child {
  margin-bottom: 0;
}
header .menu-box .menu-list .firstItem .second-box a:hover {
  text-decoration: underline;
}
header .menu-box .menu-list .language {
  display: none;
  margin-top: 50px;
  padding: 0 5%;
}
header .menu-box .menu-list .language .language-click {
  color: #333;
  font-size: 16px;
  margin-bottom: 10px;
}
header .menu-box .menu-list .language a {
  margin-right: 10px;
}
header .menu-box .menu-list .language img {
  width: 40px;
}
body.index .banner {
  margin-top: -100px;
}
body.index header .header-menu {
  background: none;
}
body.index header .menu-box .menu-list .firstItem .firstItem-title:hover a {
  color: #fff;
}
body.index header.active .menu-box .menu-list .firstItem .firstItem-title:hover a {
  color: var(--dominant-color);
}
body.index header .menu-box .menu-list .firstItem.active .firstItem-title a {
  color: #fff;
}
body.index header.active .menu-box .menu-list .firstItem.active .firstItem-title a {
  color: var(--dominant-color);
}
body.index header .header-menu .header-box .logo img,
body.index header .header-menu .header-box .search {
  filter: grayscale(1) brightness(5);
}
body.index header.active .header-menu .header-box .logo img,
body.index header.active .header-menu .header-box .search {
  filter: none;
}
.phone-search-click {
  display: none;
}
.banner {
  position: relative;
  width: 100%;
}
.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .text {
  max-width: 1600px;
  width: 90%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  color: #fff;
}
.banner .text .title {
  line-height: 1.6;
  margin-bottom: 10px;
  font-size: 40px;
  color: #fff;
  text-align: center;

}
.banner .text .more {
  text-align: center;
  text-decoration: underline;
  font-size: 18px;
  font-weight: 100;
  margin-top: 5%;
}
.banner .text .more:hover {
  color: var(--dominant-color);
}
.banner .swiper-horizontal > .swiper-pagination-bullets,
.banner .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10%;
}
.banner .swiper-pagination-bullet {
  --swiper-pagination-bullet-inactive-color: transparent;
  opacity: 0.8;
  --swiper-pagination-bullet-width: 35px;
  --swiper-pagination-bullet-height: 35px;
  --swiper-pagination-bullet-horizontal-gap: 10px;
  position: relative;
}
.banner .swiper-pagination-bullet::after {
  content: '';
  width: 9px;
  height: 9px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
  opacity: 0.8;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 1px solid var(--dominant-color);
  --swiper-pagination-color: transparent;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background: var(--dominant-color);
  opacity: 1;
}
.index-title {
  text-align: center;
  padding: 70px 0;
}
.index-title .title {
  font-size: 70px;
color: #06348c;
  font-weight: 600;
	text-transform: uppercase;
	font-family: "MB2";
}
.index-title .summary {
	text-transform: capitalize;

  font-size: 18px;
  color: #837474;
}.aaabbb{width: 1600px!important;margin: 0 auto!important;}
.index-box1 {
  margin: auto;
}


@media only screen and (min-width: 1400px){
.index-box1 .index-box1-box {
  margin-bottom: 30px;
	width: 1600px;
    margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
}

@media screen and (max-width: 1410px){
.index-box1 .index-box1-box {
  margin-bottom: 30px;
	width: 1200px;
    margin: 0 auto;
  display: flex;
  justify-content: space-between;
	margin: 0 auto;
}
}

.index-box1 .index-box1-box .item-list {
  flex-basis: calc((100% - 30px) / 2);
  overflow: hidden;
}
.index-box1 .index-box1-box .item-list:first-child .item .text {
  padding: 90px 80px;
}
@media screen and (max-width: 1440px) {
  .index-box1 .index-box1-box .item-list:first-child .item .text {
    padding-top: 20px;
  }
}
.index-box1 .index-box1-box .item-list:last-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.index-box1 .index-box1-box .item-list .item {
  position: relative;
  overflow: hidden;
  flex-basis: calc((100% - 30px) / 2);
  display: block;
}
.index-box1 .index-box1-box .item-list .item .img {
  height: 100%;
}
.index-box1 .index-box1-box .item-list .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.index-box1 .index-box1-box .item-list .item .text {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 50px 45px 0;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  .index-box1 .index-box1-box .item-list .item .text {
    padding-top: 20px;
  }
}
.index-box1 .index-box1-box .item-list .item .text .title {
  font-size: 30px;
	text-transform: capitalize;
	padding-bottom: 50px;

}
@media screen and (max-width: 1440px) {
  .index-box1 .index-box1-box .item-list .item .text .title {
    font-size: 24px;
  }
}
.index-box1 .index-box1-box .item-list .item .text .summary {
  font-size: 18px;
  color: #666;
	display: none;

  margin: 10px 0 20px;
  max-width: 80%;
}
@media screen and (max-width: 1440px) {
  .index-box1 .index-box1-box .item-list .item .text .summary {
    max-width: 100%;
    font-size: 14px;
    margin-top: 0;
  }
}
.index-box1 .index-box1-box .item-list .item .text .more {
  font-size: 16px;
  text-decoration: underline;

}
.index-box1 .index-box1-box .item-list .item:hover img {
  transform: scale(1.1);
}
.index-box1 .index-box1-box .item-list .item:hover .more {
  color: var(--dominant-color);
}
.index-box2 {
  position: relative;
}
.index-box2 .index-title {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.index-box2 .index-title .title {
  color: #fff;
}
.index-box2 .index-title .summary {
  color: #cccccc;
}
.index-box2 .change-img .item {
  display: none;
}
.index-box2 .change-img .item.active {
  display: block;
}
.index-box2 .change-img img {
  width: 100%;
}
.index-box2 .change-text {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  height: 100%;
  width: 100%;
}
.index-box2 .change-text .item {
  flex-basis: 100%;
  color: #fff;
  position: relative;
  display: flex;
  align-items: flex-end;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  flex-shrink: inherit;
}
.index-box2 .change-text .item .phone-img {
  display: none;
}
.index-box2 .change-text .item::after {
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.3;
  background: url("https://www.engineserver.sg/static/home/css/../images/img39.png") no-repeat center bottom / cover;
  transition: all 0.5s;
}
.index-box2 .change-text .item .text {
  position: relative;
  z-index: 3;
  padding: 60px 30px;
}
.index-box2 .change-text .item .text .icon {
  height: 50px;
}
@media screen and (max-width: 768px) {
  .index-box2 .change-text .item .text .icon {
    height: 30px;
  }
}
.index-box2 .change-text .item .text .icon img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.index-box2 .change-text .item .text .title {
  font-size: 24px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
}
.index-box2 .change-text .item .text .summary {
  font-size: 16px;

  max-height: 0;
  transition: all 0.5s;
  overflow: hidden;
}
.index-box2 .change-text .item .text .number {
  font-size: 36px;
  opacity: 0.8;
  transition: all 0.5s;
  overflow: hidden;
  max-height: 100px;
}
.index-box2 .change-text .item .text .more {
  overflow: hidden;
  margin-top: 30px;
  max-height: 0;
  transition: all 0.5s;
}
.index-box2 .change-text .item:hover::after {
  opacity: 0.8;
}
.index-box2 .change-text .item:hover .text .summary {
  max-height: 100px;
  margin-bottom: 30px;
}
.index-box2 .change-text .item:hover .text .number {
  max-height: 0;
}
.index-box2 .change-text .item:hover .text .more {
  max-height: 100px;
}
.index-box3 {
  padding-bottom: 120px;
}
.index-box3 .swiper {
  padding: 2px 2px 100px;
}
.index-box3 .swiper-slide {
  display: flex;
  justify-content: space-between;
}
.index-box3 .swiper-slide .slide-left {
  flex-basis: 620px;
  overflow: hidden;
}
.index-box3 .swiper-slide .slide-left img {
  transition: all 0.5s;
}
.index-box3 .swiper-slide .slide-left:hover img {
  transform: scale(1.1);
}
.index-box3 .swiper-slide .slide-left .item {
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.index-box3 .swiper-slide .slide-left .item .text {
  transition: all 0.5s;
  display: none;
}
.index-box3 .swiper-slide .slide-left .item .text .time,
.index-box3 .swiper-slide .slide-left .item .text .title,
.index-box3 .swiper-slide .slide-left .item .text .more {
  color: #fff;
}
.index-box3 .swiper-slide .slide-left .item .text .title {
  margin: 15px 0;
}
.index-box3 .swiper-slide .slide-left .item .text .more {
  text-align: left;
}
.index-box3 .swiper-slide .slide-left .item:hover .text {
  background: var(--dominant-color);
}
.index-box3 .swiper-slide .slide-right {
  flex-basis: calc(100% - 650px);
}
.index-box3 .swiper-slide .slide-right .item:not(:last-child) {
  margin-bottom: 30px;
}
.index-box3 .swiper-slide .slide-right .item:hover {
  background: var(--dominant-color);
}
.index-box3 .swiper-slide .slide-right .item:hover .text .time,
.index-box3 .swiper-slide .slide-right .item:hover .text .title,
.index-box3 .swiper-slide .slide-right .item:hover .text .more {
  color: #fff;
}
.index-box3 .swiper-slide .slide-left .item,
.index-box3 .swiper-slide .slide-right .item {
  box-shadow: 0 0 32px 3px rgba(0, 0, 0, 0.05);
  background: #fff;
  transition: all 0.5s;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
}
.index-box3 .swiper-slide .slide-left .item .text,
.index-box3 .swiper-slide .slide-right .item .text {
  padding: 20px;
  width: 100%;
}
.index-box3 .swiper-slide .slide-left .item .time,
.index-box3 .swiper-slide .slide-right .item .time {
  color: #cbcbcb;
  font-size: 16px;
  transition: all 0.5s;
}
.index-box3 .swiper-slide .slide-left .item .title,
.index-box3 .swiper-slide .slide-right .item .title {
  font-size: 24px;
  color: #000;
  transition: all 0.5s;
}
.index-box3 .swiper-slide .slide-left .item .more,
.index-box3 .swiper-slide .slide-right .item .more {
  font-size: 16px;
  text-decoration: underline;
  text-align: right;

  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  .index-box3 .swiper-slide .slide-left .item .more,
  .index-box3 .swiper-slide .slide-right .item .more {
    font-size: 12px;
  }
}
.index-box3 .more-button {
  font-size: 20px;
  text-align: center;
  margin: 80px auto 0;
  display: flex;
  width: fit-content;
  justify-content: center;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .index-box3 .more-button {
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 50px;
  }
}
.index-box3 .more-button:hover {
  color: var(--dominant-color);
}
.footer {
  padding: 60px 0 0;
  background: #03182a;
  /* 为所有SVG元素设置默认的stroke-miterlimit属性 */
  /* 为具有特定class的SVG元素设置stroke-miterlimit属性 */
}
.footer .footer-menu {
  color: #fff;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding-bottom: 80px;
}
.footer .footer-menu .item .item-title {
  margin-bottom: 20px;
  font-size: 22px;
  display: block;
  color: #fff;
}
.footer .footer-menu .item .item-title:hover {
  text-decoration: underline;
}
.footer .footer-menu .item .item-box a {
  display: block;
  color: #686868;
  transition: all 0.5s;
  font-size: 16px;
  margin-bottom: 4px;
}
.footer .footer-menu .item .item-box a:hover {
  color: #fff;
}
.footer .footer-top {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}
.footer .footer-top .footer-logo {
  flex-basis: 50%;
  font-size: 16px;
  color: #777;
}
.footer .footer-top .footer-logo span {
  color: #fff;
}
.footer .footer-top .footer-logo .footer-summary {
  margin-bottom: 10px;
}
.footer .footer-top .footer-logo .footer-summary span {
  color: #fff;
  font-size: 30px;
  margin-right: 20px;
}
.footer .footer-top .footer-wechat {
  text-align: center;
  font-size: 16px;
  color: #777777;
  display: flex;
  flex-direction: column;
}
.footer .footer-top .footer-wechat img {
  margin-bottom: 10px;
  width: 87px;
  height: 87px;
}
.footer svg {
  stroke-miterlimit: 4;
}
.footer svg.myClass {
  stroke-miterlimit: 10;
}
.footer .footer-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.footer .footer-bottom .copy-right {
  text-align: center;
  color: #8d8d8d;
  padding: 30px 0;
}
.footer .footer-bottom .copy-right a {
  color: #3c3c3c;
}
.footer .footer-bottom .footer-code {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.footer .footer-bottom .footer-code .item {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  position: relative;
}
.footer .footer-bottom .footer-code .item:last-child {
  margin-right: 0;
}
.footer .footer-bottom .footer-code .item .fab {
  color: #46657d;
  font-size: 20px;
}
.footer .footer-bottom .footer-code .item:hover {
  border-color: var(--dominant-color);
}
.footer .footer-bottom .footer-code .item:hover .fab {
  color: var(--dominant-color);
}
.footer .footer-bottom .footer-code .item:hover .show-code {
  display: block;
  width: 100px;
  height: 100px;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  position: absolute;
}
.footer .footer-bottom .footer-code .item .show-code {
  display: none;
}
.goTop {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: fixed;
  right: 5%;
  bottom: 10%;
  transition: all 0.5s;
  z-index: 1000;
  display: none;
}
/*内页*/
/*内页通用*/
.search-title {
  font-size: clamp(24px, 1.8vw, 48px);
  margin-bottom: 40px;
  text-align: center;
}
.page-title-box {
  margin-bottom: 40px;
}
.page-title-box .page-title {
  font-size: 18px;
  color: #333;
  text-align: center;
}
.page-title-box .page-title .points {
  color: #db0202;
  font-size: 64px;
  line-height: 1;
  vertical-align: middle;
  margin-right: 10px;
}
.page-title-box .page-title span {
  font-family: CenturyGothicBlod;
}
.page-summary {
  font-size: 14px;
  max-width: 860px;
  line-height: 1.8;
  text-align: center;
  margin: 20px auto 0;
}
.pageBanner {
  transition: all 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.pageBanner .banner-box {
  width: 100%;
  height: 385px;
  display: flex;
}
.pageBanner .banner-box .img {
  width: 100%;
  margin-right: 0;
  margin-left: auto;
}
.pageBanner .banner-box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pageBanner .banner-box .text {
  position: absolute;
  padding: 70px 50px 70px 50px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
  width: 100%;
  text-align: center;
  color: #fff;
}
.pageBanner .banner-box .text .title {
  font-size: 46px;
  margin-bottom: 10px;

}
.pageBanner .banner-box .text .summary {
  font-size: 18px;
  opacity: 0.4;

}
.page-top {
  border-bottom: 1px solid #eee;
}
.page-top .section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-top .section .page-menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.page-top .section .page-menu a {
  color: #666;
  font-size: 18px;
  height: 70px;
  margin-right: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  transition: all 0.5s;
  position: relative;
}
.page-top .section .page-menu a::after {
  content: '';
  height: 4px;
  width: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
  z-index: 2;
}
.page-top .section .page-menu a.active,
.page-top .section .page-menu a:hover {
  color: var(--dominant-color);
}
.page-top .section .page-menu a.active::after,
.page-top .section .page-menu a:hover::after {
  background: var(--dominant-color);
  width: 100%;
}
.page-top .section .location {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  color: #aaaaaa;
  height: 70px;
}
.page-top .section .location a {
  font-size: 16px;
  color: #aaaaaa;
  margin: 0 8px;
}
.page-top .section .location a:last-of-type {
  color: var(--dominant-color);
}
.page-top .section .location a:hover {
  text-decoration: underline;
}
.page-search {
  margin-bottom: 40px;
}
.page-search label {
  position: relative;
}
.page-search label input {
  height: 50px;
}
.page-search label button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: transparent;
  height: 50px;
  width: 50px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-search label button img {
  width: 24px;
  height: 23px;
}
/*翻页*/
.pager {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 100px;
}
.pager .number {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 20px;
  color: #333;
  transition: all 0.5s;
  font-size: 16px;
}
.pager .number:hover,
.pager .number.active {
  color: var(--dominant-color);
  transition: all 0.5s;
}
.pager .number.prev,
.pager .number.next {
  width: 110px;
  height: 36px;
  background: none;
  border-radius: 20px;
  border: 1px solid #eee;
}
.pager .number.prev:hover,
.pager .number.next:hover {
  border-color: var(--dominant-color);
  color: #fff;
  background: var(--dominant-color);
}
.pagePadding {
  padding: 80px 0 100px;
}
.news-box1 {
  min-height: 500px;
}
/*关于我们*/
.about-box .about-title {
  font-size: 36px;
  color: #333;
  text-align: center;
  margin-bottom: 60px;
  font-weight: 600;
}
.about-box .about-summary {
  font-size: 20px;
  line-height: 2;
}
.about-box .about-number {
  margin-top: 100px;
  margin-bottom: 200px;
  display: flex;
  justify-content: center;
}
.about-box .about-number .item {
  flex-basis: calc(100% / 3);
  text-align: center;
}
.about-box .about-number .item .number {
  font-size: 24px;
  color: var(--dominant-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-box .about-number .item .number span {
  font-size: 70px;
  font-weight: 600;
  margin: 0 10px;
}
.about-box .about-number .item .summary {
  font-weight: 100;
  color: #333;
}
.productBanner {
  position: relative;
}
.productBanner img {
  width: 100%;
}
.productBanner .text {
  position: absolute;
  width: 90%;
  max-width: 1400px;
  margin: auto;
  height: fit-content;
  left: 0;
  right: 0;
  bottom: 15%;
  font-size: 54px;
  font-family: MiSans-Medium;
}
.productBanner .text span {
  color: var(--dominant-color);
  font-family: Outfit-Bold;
}
/*product*/
.product-tabs {
  display: flex;
  justify-content: flex-start;
}
.product-tabs .item {
  background: #ebebeb;
  transition: all 0.5s;
  width: 164px;
  height: 48px;
  border-radius: 16px;
  overflow: hidden;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  color: #666;
}
.product-tabs .item.active,
.product-tabs .item:hover {
  background: var(--dominant-color);
  color: #fff;
}
.product-container {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
.product-container .item {
  box-shadow: 0 0 32px 3px rgba(0, 0, 0, 0.03);
  transition: all 0.5s;
  background: #fff;
}
.product-container .item:hover {
  background: #fff;
  box-shadow: 0 0 32px 3px rgba(0, 0, 0, 0.08);
}
.product-container .item:hover .text .title {
  color: var(--dominant-color);
}
.product-container .item:hover .text .more {
  color: var(--dominant-color);
}
.product-container .item .img {
  height: 270px;
  position: relative;
  overflow: hidden;
}
.product-container .item .img img {
  width: 100%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.product-container .item .text {
  padding: 0 30px 20px;
}
.product-container .item .text .title {
  font-size: 26px;
  color: #333;

  font-weight: 600;
}
.product-container .item .text .summary {
  font-size: 18px;
  color: #333;

}
.product-container .item .text .more {
  font-size: 16px;
  color: #333;
  text-decoration: underline;

  margin-top: 10px;
}
.product-detail {
  padding-bottom: 0;
}
.product-detail .top .title {
  font-size: 48px;
  color: var(--dominant-color);
  text-align: center;

  font-weight: 600;
}
.product-detail .top .summary {
  font-size: 18px;
  color: #333;
  text-align: center;
  margin-top: 20px;
}
.product-detail .mid {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}
.product-detail .mid .img-swiper {
  width: 45%;
}
.product-detail .mid .img-swiper .big-img .swiper-slide {
  height: 450px;
}
.product-detail .mid .img-swiper .big-img .swiper-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.product-detail .mid .img-swiper .small-img {
  max-width: 450px;
  margin: auto;
}
.product-detail .mid .img-swiper .small-img .swiper {
  padding: 0 2px;
}
.product-detail .mid .img-swiper .small-img .swiper-slide {
  height: 90px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #eee;
}
.product-detail .mid .img-swiper .small-img .swiper-slide.swiper-slide-thumb-active {
  border: 1px solid var(--dominant-color);
}
.product-detail .mid .img-swiper .small-img .swiper-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.product-detail .mid .text {
  flex-basis: 55%;
}
.product-detail .mid .text table tr {
  background: #eef3fb;
}
.product-detail .mid .text table tr:nth-child(2n) {
  background: #f7f9fd;
}
.product-detail .mid .text table tr td {
  padding: 20px 30px;
  font-size: 18px;
  color: #000;
}
.product-detail .mid .text table tr td:nth-child(2n) {
  color: #888;
}
.product-detail .bottom {
  margin-top: 130px;
  background: #f6f6f6;
  padding: 60px 0;
}
.product-detail .bottom .download-title {
  font-size: 40px;
  color: #000;
  text-align: center;
}
.product-detail .bottom .download-box {
  max-width: 1240px;
  width: 90%;
  margin: 0 auto;
}
.product-detail .bottom .download-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 60px;
  margin-top: 60px;
}
.product-detail .bottom .download-container .item {
  background: #fcfcfc;
  box-shadow: 0 0 32px 3px rgba(0, 0, 0, 0.03);
  padding: 45px;
}
.product-detail .bottom .download-container .item .text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.product-detail .bottom .download-container .item .text .img {
  margin-right: 30px;
  width: 57px;
  height: 68px;
}
.product-detail .bottom .download-container .item .text .img img {
  object-fit: contain;
}
.product-detail .bottom .download-container .item .text .title {

  font-weight: 600;
  font-size: 24px;
}
.product-detail .bottom .download-container .item .text .time {
  font-size: 16px;
  color: #999999;

}
.product-detail .bottom .download-container .item .bottom-img {
  text-align: center;
  margin-top: 40px;
}
.product-detail .bottom .download-container .item .bottom-img p {
  color: var(--dominant-color);
  text-decoration: underline;

}
.product-detail .bottom .download-container .item:hover .title {
  color: var(--dominant-color);
}
/*联系我们*/
.contact-box {
  max-width: 1500px;
  margin: auto;
}
.contact-box .contact-icon {
  display: flex;
  justify-content: space-between;
  margin-top: 100px;
  margin-bottom: 20px;
}
.contact-box .contact-icon .item {
  flex-basis: calc(100% / 3);
  padding: 20px;
}
.contact-box .contact-icon .item .icon {
  width: 80px;
  height: 80px;
  border: 1px dashed #bdbdbd;
  border-radius: 50%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-box .contact-icon .item .text {
  text-align: center;
  font-size: 18px;
  color: #333;
  margin: 20px auto;
}
#mapContainer {
  width: 100%;
  height: 550px;
  z-index: 0;
}
#tip {
  height: 30px;
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  font-size: 12px;
  right: 10px;
  bottom: 20px;
  border-radius: 3px;
  line-height: 30px;
  border: 1px solid #ccc;
}
div.info-top {
  position: relative;
  background: none repeat scroll 0 0 #F9F9F9;
  border-bottom: 1px solid #CCC;
  border-radius: 5px 5px 0 0;
}
div.info-top div {
  display: inline-block;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  line-height: 31px;
  padding: 0 10px;
  text-align: left;
}
div.info-top img {
  position: absolute;
  top: 10px;
  right: 10px;
  transition-duration: 0.25s;
}
div.info-top img:hover {
  box-shadow: 0px 0px 5px #000;
}
div.info-middle {
  font-size: 12px;
  padding: 10px;
  line-height: 21px;
  text-align: left;
}
div.info-bottom {
  height: 0px;
  width: 100%;
  clear: both;
  text-align: center;
}
div.info-bottom img {
  position: relative;
  z-index: 104;
}
.messages-box .index-box5 .index-box5-top {
  margin-bottom: 70px;
}
.messages-box .messages {
  max-width: 750px;
  margin: auto;
}
.messages-box .messages label {
  margin-top: 35px;
  display: block;
}
.messages-box .messages label:first-child {
  margin-top: 0;
}
.messages-box .messages label.textarea {
  margin-top: 20px;
  font-size: 16px;
}
.messages-box .messages label.textarea textarea {
  margin-top: 10px;
  padding: 20px 0;
  height: 180px;
}
.messages-box .messages label.textarea textarea::placeholder {
  font-size: 16px;
}
.messages-box .messages label input {
  height: 50px;
  border-radius: 5px;
}
.messages-box .messages label input::placeholder {
  font-size: 16px;
}
.messages-box .messages label input:valid ~ span {
  display: none;
}
.messages-box .messages label select {
  font-size: 16px;
  border-radius: 0;
}
.messages-box .messages label select::placeholder {
  font-size: 16px;
}
.messages-box .messages label.two {
  display: flex;
  justify-content: space-between;
}
.messages-box .messages label.two input {
  flex-basis: calc(50% - 15px);
}
.messages-box .messages .tip {
  margin-top: 60px;
}
.messages-box .messages .tip .item {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}
.messages-box .messages .tip .item input {
  width: 20px;
  height: 20px;
}
.messages-box .messages .tip .item span {
  flex-basis: calc(100% - 30px);
}
.messages-box .messages .button {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 100px;
}
.messages-box .messages button {
  width: 215px;
  height: 55px;
  color: #fff;
  font-size: 20px;
  border-radius: 5px;
  background: #593e1a;
  margin: auto;
  transition: all 0.5s;
}
.messages-box .messages button:hover {
  background: var(--dominant-color);
}
/*新闻资讯*/
.news-box2 {
  padding-top: 100px;
}
.news-box2.news-box1 .news-box {
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 50px 90px;
}
.news-box2.news-box1 .news-box .item {
  padding: 25px;
}
.news-box2.news-box1 .news-box .item .text-top .title {
  line-height: 1.4;
  color: var(--dominant-color);
}
.news-box2.news-box1 .news-box .item .text-bottom .imgBox {
  flex-basis: 340px;
  height: 320px;
  border-radius: 10px;
  overflow: hidden;
}
.news-box2.news-box1 .news-box .item .text-bottom .summary {
  flex-basis: calc(100% - 370px);
  font-size: 18px;
  line-height: 1.6;
}
.news-box2.solution .section {
  max-width: 1530px;
}
.news-box2.solution .news-box {
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 50px 90px;
}
.news-box2.solution .news-box .item {
  padding: 25px;
}
.news-box2.solution .news-box .item .text-top .title {

  font-weight: 600;
  font-size: 32px;
  line-height: 1.4;
  color: var(--dominant-color);
}
.news-box2.solution .news-box .item .text-bottom .imgBox {
  flex-basis: 560px;
  height: 320px;
  border-radius: 0;
  overflow: hidden;
}
.news-box2.solution .news-box .item .text-bottom .summary {
  flex-basis: calc(100% - 640px);
  font-size: 18px;
  line-height: 1.6;
}
.news-box2.solution .news-box .item .text-bottom .summary .more {
  margin-top: 40px;
}
.news-box2 .news-box {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 40px;
  margin: auto;
}
.news-box2 .news-box .item {
  transition: all 0.5s;
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 0 32px 3px rgba(0, 0, 0, 0.03);
}
.news-box2 .news-box .item .text-top .time {
  color: #bbbec2;
  font-size: 16px;
}
.news-box2 .news-box .item .text-top .title {
  font-size: 24px;
  line-height: 1.2;
  color: #000;
  margin: 15px 0;
}
.news-box2 .news-box .item .text-bottom {
  display: flex;
  justify-content: space-between;
}
.news-box2 .news-box .item .text-bottom .imgBox {
  flex-basis: 300px;
  height: 180px;
  border-radius: 10px;
  overflow: hidden;
}
.news-box2 .news-box .item .text-bottom .summary {
  flex-basis: calc(100% - 350px);
  font-size: 16px;
  color: #333333;
  line-height: 1.6;
}
.news-box2 .news-box .item .text-bottom .summary .summary-box {
  overflow: hidden;

}
.news-box2 .news-box .item .text-bottom .summary .more {
  color: var(--dominant-color);
  border-bottom: 1px solid var(--dominant-color);
  display: inline-block;
  margin-top: 15px;

  font-size: 16px;
}
.news-box2 .news-box .item:hover {
  transform: translateY(-10px);
}
.news-box2 .news-box .item:hover .text-top .title {
  color: var(--dominant-color);
}
.news-detail {
  max-width: 1600px;
  width: 90%;
  margin: 90px auto 100px;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.news-detail .news-detail-container {
  flex-basis: calc(100% - 200px);
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
}
.news-detail .news-detail-container .news-detail-title {
  margin-bottom: 60px;
}
.news-detail .news-detail-container .news-detail-title .title {
  font-size: 34px;
  font-family: CenturyGothicBlod;
  text-align: left;
  margin-bottom: 10px;
  line-height: 1.4;
}
.news-detail .news-detail-container .news-detail-title .item-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.news-detail .news-detail-container .news-detail-title .item-list .item {
  font-size: 16px;
  color: #999;
}
.news-detail .news-detail-container .news-detail-box {
  font-size: 16px;
  color: #333;
  line-height: 2.2;
  min-height: 300px;
  padding-bottom: 80px;
}
.news-detail .news-detail-container .news-detail-box img {
  max-width: 100% !important;
  height: auto !important;
  width: 100% !important;
}
.news-detail .news-share {
  width: 150px;
  margin-top: 20px;
}
.news-detail .news-share .title {
  font-size: 16px;
  margin-bottom: 26px;
}
.news-detail .news-share .item-box {
  display: flex;
  justify-content: space-between;
}
.news-detail .news-share .item-box .item {
  cursor: pointer;
  position: relative;
}
.news-detail .news-share .item-box .item .fab {
  font-size: 20px;
  color: #333;
}
.news-detail .news-share .item-box .item .fab:hover {
  color: var(--dominant-color);
}
.news-detail .news-share .item-box .item .show-code {
  display: none;
  width: 100px;
  height: 100px;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}
.news-detail .news-share .item-box .item:hover .show-code {
  display: block;
}
.solution-detail .top-title {
  font-size: 36px;
  text-align: center;
  font-weight: 600;
}
.solution-detail .bottom {
  margin-top: 140px;
}
.solution-detail .bottom .item-list {
  position: relative;
  margin-bottom: 90px;
}
.solution-detail .bottom .item-list .item-title {
  background: #0063b2;
  position: absolute;
  left: 0;
  height: 68px;
  top: -40px;
  border-radius: 50px;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 50px;
}
.solution-detail .bottom .item-list .item-content {
  border-radius: 50px;
  border: 2px dashed #dfdfdf;
  padding: 70px 50px 40px;
  font-size: 20px;
  color: #666;
  line-height: 1.8;
}
.solution-detail .bottom .item-list .item-content ul {
  flex-wrap: wrap;
  display: flex;
  align-items: center;
}
.solution-detail .bottom .item-list .item-content ul li {
  display: flex;
  width: 50%;
  padding-right: 20px;
  color: #666;
  margin-bottom: 30px;
  align-items: center;
}
.solution-detail .bottom .item-list .item-content ul li img {
  width: 50px;
  height: 50px;
  margin-right: 20px;
}
.solution-detail .bottom .item-list .item-content ul li:last-child {
  margin-bottom: 0;
}
.solution-detail .bottom .item-list .item-content.item-content2 ul li {
  width: 100%;
  padding-right: 0;
}
.download {
  padding-top: 35px;
  padding-bottom: 100px;
}
.download .download-mid {
  background: #f2f2f2;
  border-radius: 20px;
  padding: 30px 50px;
  margin: 20px 0;
  display: flex;
}
.download .download-mid .model {
  flex-basis: 150px;
  font-size: 22px;
}
.download .download-mid .type {
  flex-basis: calc(100% - 150px);
  display: flex;
  flex-wrap: wrap;
}
.download .download-mid .type a {
  flex-basis: calc(100% / 6);
  font-size: 18px;
  color: #888;
  line-height: 2;
  padding-left: 4px;
  position: relative;
}
.download .download-mid .type a.active,
.download .download-mid .type a:hover {
  color: var(--dominant-color);
}
.download .download-mid .type a::before {
  content: '·';
  font-size: 24px;
}
.download .download-bottom .item-top {
  background: var(--dominant-color);
  border-radius: 20px;
  color: #fff;
  padding: 20px 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 20px;
  margin-bottom: 30px;
}
.download .download-bottom .item-top .title {
  margin-left: 0;
  margin-right: auto;
  font-weight: 400;

}
.download .download-bottom .item-top .download-click {
  font-size: 20px;
  color: #fff;
  text-align: center;
  width: 250px;
  text-decoration: none;

}
.download .download-bottom .item-top .size {
  color: #fff;
  width: 250px;
  text-align: center;

}
.download .download-bottom .item {
  border-radius: 20px;
  box-shadow: 0 0 32px 3px rgba(0, 0, 0, 0.03);
  display: flex;
  padding: 20px 50px;
  align-items: center;
  justify-content: flex-end;
  font-size: 20px;
  margin-bottom: 30px;
  cursor: pointer;
  transition: all 0.5s;
}
.download .download-bottom .item:hover {
  box-shadow: 0 0 32px 3px rgba(0, 0, 0, 0.08);
}
.download .download-bottom .item .title {
  padding: 20px 0 20px 60px;
  margin-left: 0;
  margin-right: auto;

  font-weight: 600;
}
.download .download-bottom .item .size {
  width: 250px;
  text-align: center;
  font-size: 18px;
  color: #9c9c9c;


}
.download .download-bottom .item .download-click {

  width: 250px;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: 18px;
  color: var(--dominant-color);
  text-decoration: underline;
  justify-content: center;
}
.download .download-bottom .item .download-click img {
  margin-left: 10px;
}
.support .title {
  font-size: 36px;
  color: #000;
  text-align: center;
  font-weight: 600;
}
.support .support-detail {
  font-size: 18px;
  color: #696969;
  line-height: 2;
}
.support .support-detail table tr {
  background: #f3f3f3;
}
.support .support-detail table tr:nth-child(2n) {
  background: #f8f8f8;
}
.support .support-detail table tr:first-child {
  background: #5a97de;
  color: #fff;
}
.support .support-detail table tr:first-child td {
  color: #fff !important;
}
.support .support-detail table tr td {
  padding: 20px 30px;
  color: #585858;
}
.support .support-detail table tr td:first-child {
  font-weight: 600;
  color: #000;
}
.pages {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 30px;
  border-top: 1px solid #eee;
  padding-top: 50px;
}
.pages .prev,
.pages .next {
  flex-basis: 100%;
  transition: all 0.5s;
  font-size: 20px;
  color: var(--dominant-color);
  margin-bottom: 20px;
  display: inline-block;
}
.pages .prev:hover,
.pages .next:hover {
  text-decoration: underline;
}
.goBack {
  border: 1px solid #eee;
  border-radius: 20px;
  padding: 10px 30px;
  width: fit-content;
  margin-left: auto;
  margin-right: 0;
  transition: all 0.5s;
}
.goBack:hover {
  background: var(--dominant-color);
  color: #fff;
}
/*响应式*/
@media screen and (max-width: 1600px) {
  .download .download-mid .type a {
    font-size: 16px;
  }
  .product-detail .mid .text table tr td {
    font-size: 16px;
  }
  .product-detail .bottom .download-container .item .text .title {
    font-size: 20px;
  }
  .product-detail .top .title {
    font-size: 42px;
  }
  .product-container .item .text .title {
    font-size: 20px;
  }
  .product-container .item .text .summary {
    font-size: 16px;
  }
  .banner .text .title {
    font-size: 32px;
  }
  .index-title .title {
    font-size: 42px;
  }
  .index-box1 .index-box1-box .item-list .item .text .title {
    font-size: 28px;
  }
  .index-box2 .change-text .item .text .title {
    font-size: 16px;
  }
  .index-box3 .swiper-slide .slide-left .item .title,
  .index-box3 .swiper-slide .slide-right .item .title {
    font-size: 18px;
  }
  .index-box3 {
    padding-bottom: 80px;
  }
  .news-box2.news-box1 .news-box {
    grid-template-columns: repeat(1, 1fr);
  }
  .page-top .section .page-menu a {
    margin-right: 30px;
  }
}
@media screen and (max-width: 1440px) {
  header .menu-box .menu-list .firstItem .firstItem-title a {
    font-size: 18px;
  }
  .page-top .section {
    height: auto;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .page-top .section .page-menu a {
    font-size: 16px;
  }
}
@media screen and (max-width: 1366px) {
  .download .download-mid .type a {
    flex-basis: calc(100% / 5);
  }
  .product-container .item .text .title {
    font-size: 20px;
  }
  .download .download-bottom .item {
    font-size: 18px;
  }
  .news-box2 .news-box .item .text-top .title,
  .news-box1 .news-box .item .text .title {
    font-size: 20px;
  }
  .news-box2 .news-box {
    grid-gap: 50px;
  }
  .news-box1 .news-box {
    grid-gap: 30px;
  }
  .news-box1 .news-box .item .text .more {
    font-size: 14px;
  }
  .news-detail .news-detail-container .news-detail-title .title {
    font-size: 32px;
  }
  .index-box5 .index-box5-box .item {
    flex-basis: 30%;
  }
  .index-box2 .section .left .item .imgBox {
    width: 130px;
    height: 130px;
  }
  .index-box2 .section .left .item .text {
    flex-basis: calc(100% - 150px);
  }
  .index-box2 .section .left .item .text .title {
    font-size: 16px;
  }
  .index-box2 .section .left .item .text .summary {
    font-size: 14px;
  }
  .index-box2 .section .right {
    width: 500px;
  }
  .index-box2 .section .left .item .text .mores {
    font-size: 12px;
  }
  .index-box2 .section .left {
    flex-basis: calc(100% - 550px);
  }
  .index-box2 .section .left .item .text .summary {
    margin: 10px 0;
  }
  .index-box1 .index-box1-title .title {
    font-size: 32px;
  }
  .solution-detail .top-title {
    font-size: 24px;
  }
  .solution-detail .bottom .item-list .item-title {
    font-size: 16px;
  }
  .solution-detail .bottom .item-list .item-content {
    font-size: 14px;
  }
  .news-box2.solution .news-box .item .text-top .title {
    font-size: 24px;
  }
  .news-box2.solution .news-box .item .text-bottom .imgBox {
    flex-basis: 400px;
  }
  .news-box2.solution .news-box .item .text-bottom .summary {
    flex-basis: calc(100% - 450px);
  }
}
@media screen and (max-width: 1280px) {
  .index-box3 .swiper-slide .slide-left {
    flex-basis: 400px;
    min-height: auto;
  }
  .index-box3 .swiper-slide .slide-right {
    flex-basis: calc(100% - 430px);
  }
  .download .download-mid .type a {
    flex-basis: calc(100% / 4);
  }
  .index-box6 .section {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .index-box6 .section .item {
    margin-bottom: 30px;
  }
  .index-box6 .section .item:nth-child(5n) .show-text {
    left: 0;
    transform: translateX(0);
  }
  .index-box6 .section .item:nth-child(5n) .show-text::after {
    right: auto;
    left: 30px;
  }
  .index-box2 .section .right {
    width: 450px;
  }
  .index-box2 .section .left .item .text .mores {
    font-size: 12px;
  }
  .index-box2 .section .left {
    flex-basis: calc(100% - 500px);
  }
  .index-box2 .section .left .item .text .summary {
    margin: 10px 0;
  }
  .about-box .about-box3 .about-box3-box .img .line {
    display: none;
  }
  .about-box .about-box3 .about-box3-box .img .points {
    display: block;
  }
  .footer .footer-menu .item .item-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1024px) {
  .download .download-mid .type a {
    flex-basis: calc(100% / 3);
  }
  .product-detail .mid {
    flex-direction: column;
  }
  .product-detail .mid .img-swiper {
    width: 100%;
    margin-bottom: 40px;
  }
  .product-detail .top .title {
    font-size: 36px;
  }
  header .section .header-box .logo img {
    width: 120px;
  }
  header .menu-box .menu-list .firstItem .firstItem-title a {
    font-size: 16px;
  }
  header .menu-box .menu-list {
    padding-right: 15px;
    margin-right: 15px;
  }
  .pageMargin {
    padding: 50px 0;
  }
  /*header*/
  header .header-menu .header-box-bg .header-box {
    height: 80px;
  }
  header .section .header-box .menu-box .menu-list .firstItem:last-child span {
    display: inline-block;
  }
  header .section .header-box .menu-box .menu-list .firstItem:last-child img {
    display: none;
  }
  header .section .header-box .menu-box .menu-list .firstItem:last-child .firstItem-title {
    border: none;
  }
  .pageBanner .banner-box .text {
    top: 0;
    left: 0;
    width: 90%;
  }
  .pageBanner .banner-box .text .summary {
    font-size: 28px;
  }
  .page-title-box {
    margin-bottom: 0;
  }
  .news-detail {
    flex-direction: column;
  }
  .news-detail .news-detail-container {
    margin-right: 0;
  }
  .ingredients-detail-box .ingredients-detail-mid {
    display: none;
  }
  .ingredients-detail-box .ingredients-detail-top {
    width: 100%;
  }
  .ingredients-detail-box .ingredients-detail-bottom {
    margin-top: 50px;
  }
  .ingredients-detail-box .ingredients-detail-bottom .ingredients-title {
    font-size: 32px;
  }
  /*page*/
  .ingredients-box .section .item,
  .ingredients-box .section .item:nth-child(even) {
    flex-direction: column;
  }
  .ingredients-box .section .item .text .title {
    font-size: 20px;
  }
  .ingredients-box .section .item .text {
    padding: 20px;
  }
  .news-box2 .news-box {
    grid-template-columns: repeat(1, 1fr);
  }
  .news-box1 .news-box {
    grid-template-columns: repeat(2, 1fr);
  }
  .index-box2 .section .left,
  .index-box2 .section .right {
    width: 100%;
    max-width: 100%;
  }
  .index-box2 .section {
    flex-direction: column;
  }
  .index-box1 .index-box1-box .right,
  .index-box1 .index-box1-box .left {
    width: 100%;
  }
  /*footer*/
  .footer .footer-top .footer-logo {
    flex-basis: 200px;
  }
  .footer .footer-top .footer-logo .footer-code .item {
    margin-right: 20px;
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 768px) {
  .footer .footer-top .footer-logo .footer-code .item .fab {
    font-size: 16px;
  }
  .pager .number {
    font-size: 14px;
    margin: 0 10px;
  }
  .pager .number.prev,
  .pager .number.next {
    width: 90px;
  }
  .pager {
    margin-top: 50px;
  }
  header .header-menu .header-box-bg .header-box {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-left: 5%;
  }
  header .header-menu .header-box-bg .header-box .logo {
    height: 80px;
    display: flex;
    align-items: center;
  }
  header .header-menu .header-box-bg .header-box .search {
    flex-basis: 100%;
    margin-bottom: 20px;
    width: 142%;
    display: none;
    position: absolute;
    padding: 0 5% 20px;
    top: 80px;
    background: #fff;
    left: 0;
  }
  header .header-menu .header-box-bg .header-box .search button {
    left: 5%;
  }
  header .header-menu .header-box-bg .header-box .search .close {
    right: 5%;
  }
  header .header-menu .header-box-bg .header-box .language {
    display: none;
  }
  header .menu-box {
    background: none;
    display: flex;
    align-items: center;
    height: 80px;
    position: absolute;
    z-index: 10;
    top: 0 !important;
    width: 100%;
    justify-content: flex-end;
  }
  header .menu-box .phone-click {
    cursor: pointer;
    width: 22px;
    height: 16px;
    display: flex;
    align-items: center;
    position: relative;
    right: 20px;
  }
  header .menu-box .phone-click .phone-line {
    height: 2px;
    background: #000;
    width: 100%;
    transition: all 0.5s;
    overflow: hidden;
  }
  header .menu-box .phone-click .phone-line::before,
  header .menu-box .phone-click .phone-line::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #000;
    transition: all 0.5s;
  }
  header .menu-box .phone-click .phone-line::before {
    top: 0;
    transition: all 0.5s;
  }
  header .menu-box .phone-click .phone-line::after {
    bottom: 0;
    transition: all 0.5s;
  }
  header .menu-box .phone-click.active .phone-line {
    background: rgba(255, 255, 255, 0);
    transition: all 0.5s;
  }
  header .menu-box .phone-click.active .phone-line::before {
    margin: auto;
    transition: all 0.5s;
    transform: translateY(7px) rotate(45deg);
  }
  header .menu-box .phone-click.active .phone-line::after {
    margin: auto;
    transition: all 0.5s;
    transform: translateY(-7px) rotate(-45deg);
  }
  header .menu-box .menu-list {
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    top: 60px;
    height: 100vh;
    z-index: 10;
    left: 0;
    margin-left: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 30px;
  }
  header .menu-box .menu-list .language {
    display: block;
  }
  header .menu-box .menu-list .firstItem {
    height: auto;
    width: 100%;
    border-bottom: 1px solid #eee;
    display: block;
  }
  header .menu-box .menu-list .firstItem.active .firstItem-title a {
    color: var(--dominant-color);
  }
  header .menu-box .menu-list .firstItem.active .firstItem-title a::after {
    background: var(--dominant-color);
  }
  header .menu-box .menu-list .firstItem .firstItem-title {
    height: 50px;
    width: 92.5%;
    margin-left: 5%;
    padding: 0;
    position: relative;
  }
  header .menu-box .menu-list .firstItem .firstItem-title a {
    color: #2a2a2a;
    font-size: 14px;
    display: block;
    width: 100%;
  }
  header .menu-box .menu-list .firstItem .firstItem-title a:hover {
    color: var(--dominant-color);
  }
  header .menu-box .menu-list .firstItem .firstItem-title a:hover::after {
    background: var(--dominant-color);
  }
  header .menu-box .menu-list .firstItem .firstItem-title i {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    transition: all 0.5s;
  }
  header .menu-box .menu-list .firstItem .firstItem-title i.active {
    transform: rotate(45deg);
  }
  header .menu-box .menu-list .firstItem .firstItem-title i::before {
    content: '';
    width: 16px;
    position: absolute;
    height: 2px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #000;
  }
  header .menu-box .menu-list .firstItem .firstItem-title i::after {
    content: '';
    height: 16px;
    position: absolute;
    width: 2px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #000;
  }
  header .menu-box .menu-list .firstItem .firstItem-title::after {
    display: none;
  }
  header .menu-box .menu-list .firstItem .second-box {
    top: 0 !important;
    border-top: none;
    box-shadow: none;
    position: relative;
    left: 0;
    font-size: 12px;
    transform: translateX(0);
    width: 92.5%;
    margin-left: 5%;
    margin-bottom: 20px;
  }
  header .menu-box .menu-list .firstItem .second-box .second-box-list {
    margin-top: 0;
    padding: 10px;
  }
  header .menu-box .menu-list .firstItem .second-box .second-box-list::after {
    left: 20px;
    right: auto;
    display: none;
  }
  header .menu-box .menu-list .firstItem .second-box a {
    text-align: left;
    margin-bottom: 10px;
  }
  header .menu-box .menu-list-phone {
    background: #fff;
    border-top: 1px solid #e5e5e5;
    position: absolute;
    height: 100vh;
    left: 0;
    width: 100%;
    top: 50px;
    padding: 20px;
    display: none;
    z-index: 10;
  }
  header .menu-box .menu-list-phone .menu-list-box {
    display: flex;
    justify-content: space-between;
    height: 100%;
  }
  header .menu-box .menu-list-phone .menu-aside {
    border-right: 1px solid #e1e3e6;
    height: 100%;
    overflow: hidden;
    width: 120px;
  }
  header .menu-box .menu-list-phone .menu-aside .item {
    margin-bottom: 30px;
    position: relative;
    padding-left: 10px;
  }
  header .menu-box .menu-list-phone .menu-aside .item a {
    display: block;
  }
  header .menu-box .menu-list-phone .menu-aside .item.active::after {
    content: '';
    width: 4px;
    height: 15px;
    background: var(--dominant-color);
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
  }
  header .menu-box .menu-list-phone .menu-content {
    flex: auto;
    width: calc(100% - 120px);
    padding: 0 10px;
  }
  header .menu-box .menu-list-phone .menu-content .item-content {
    display: none;
  }
  header .menu-box .menu-list-phone .menu-content .item-content.active {
    display: block;
  }
  header .menu-box .menu-list-phone .menu-content .item-list {
    display: flex;
    flex-wrap: wrap;
  }
  header .menu-box .menu-list-phone .menu-content .item-list .item {
    width: 50%;
    padding: 0 20px;
    margin-bottom: 20px;
  }
  header .menu-box .menu-list-phone .menu-content .item-list .item .title {
    font-size: 12px;
    color: #666;
    text-align: center;
  }
  header .menu-box .menu-list-phone .menu-content .item-list .item .summary {
    font-size: 12px;
    text-align: center;
  }
  header .menu-box .menu-list-phone .menu-content .item-list .item .imgBox {
    height: auto;
  }
  header .menu-box .menu-list-phone .menu-content .item-list .item .news-img {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .menu-box .menu-list-phone .menu-content .item-list .item .news-title {
    text-align: center;
    font-size: 12px;
  }
  header .menu-box .menu-list-phone .menu-content .item-list .item .second-item-support-link a {
    display: block;
    color: #666;
    font-size: 12px;
    margin-top: 10px;
  }
  .phone-search-click {
    position: fixed;
    top: 0;
    right: calc(5% + 50px);
    display: flex;
    bottom: 0;
    align-items: center;
    width: 20px;
    z-index: 100;
    cursor: pointer;
    height: 80px;
  }
  /*通用样式*/
  .pageBanner .banner-box {
    height: 300px;
  }
  .pageBanner .banner-box .text {
    width: 90%;
  }
  .pageBanner .banner-box .text .summary {
    font-size: 24px;
  }
  /*page*/
  .ingredients-box {
    margin-top: 50px;
    padding-top: 30px;
  }
  header .header-menu .header-box {
    height: 80px;
    width: 100%;
  }
  header .header-menu .header-box .logo {
    position: relative;
    left: 20px;
    z-index: 100;
  }
  header .header-menu .header-box .search {
    display: none;
  }
  .pageBanner .banner-box .text .title {
    font-size: 24px;
  }
  .pageBanner .banner-box .text .summary {
    font-size: 16px;
  }
  .pageBanner .banner-box .text {
    top: 0;
  }
  .page-top .section .page-menu a {
    height: 40px;
    font-size: 14px;
    margin-right: 10px;
  }
  .page-top .section .location a {
    font-size: 14px;
  }
  .pagePadding {
    padding: 50px 0;
  }
  .about-box .about-title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .about-box .about-summary {
    font-size: 14px;
  }
  .about-box .about-number .item .number span {
    font-size: 20px;
  }
  .about-box .about-number {
    margin-top: 50px;
    margin-bottom: 50px;
    flex-direction: column;
  }
  .about-box .about-number .item {
    margin-bottom: 50px;
  }
  .footer .footer-menu {
    display: none;
  }
  .footer .footer-top {
    margin-top: 0;
    flex-direction: column;
  }
  .footer .footer-top .footer-logo .footer-summary span {
    font-size: 20px;
  }
  .footer .footer-top .footer-wechat {
    width: 87px;
  }
  .footer .footer-top .footer-logo {
    flex-basis: auto;
    margin-bottom: 30px;
  }
  .footer .footer-bottom {
    flex-direction: column-reverse;
  }
  .footer .footer-bottom .copy-right {
    margin-top: 0;
  }
  .contact-box .contact-icon {
    margin-top: 50px;
    flex-direction: column;
    margin-bottom: 50px;
  }
  .contact-box .contact-icon .item .text {
    font-size: 14px;
  }
  #mapContainer {
    height: 300px;
  }
  .support .title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  table {
    width: 100%;
  }
  .support .support-detail {
    font-size: 14px;
    line-height: 1.6;
  }
  .support .support-detail h1 {
    font-size: 16px !important;
  }
  .news-box2 .news-box .item .text-bottom {
    flex-direction: column;
  }
  .news-box2 .news-box .item .text-bottom .imgBox,
  .news-box2.news-box1 .news-box .item .text-bottom .imgBox,
  .news-box2.solution .news-box .item .text-bottom .imgBox {
    height: 200px;
    flex-basis: auto;
    margin-bottom: 10px;
  }
  .news-box2 .news-box .item .text-top .title,
  .news-box1 .news-box .item .text .title {
    font-size: 16px;
    margin: 5px 0;
  }
  .news-box2 .news-box .item .text-bottom .summary {
    font-size: 14px;
  }
  .news-box2 .news-box {
    grid-gap: 20px;
  }
  .news-detail .news-detail-container .news-detail-title .title {
    font-size: 20px;
  }
  .news-detail {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .news-detail .news-detail-container .news-detail-title {
    margin-bottom: 20px;
  }
  .pages .prev,
  .pages .next {
    font-size: 14px;
  }
  .page-top .section .location {
    padding: 10px 0;
    height: auto;
  }
  .solution-detail .top-title {
    font-size: 20px;
  }
  .solution-detail .bottom {
    margin-top: 100px;
  }
  .solution-detail .bottom .item-list .item-title {
    font-size: 14px;
  }
  .solution-detail .bottom .item-list .item-content {
    padding: 50px 20px 40px;
  }
  .solution-detail .bottom .item-list .item-content ul li {
    width: 100%;
  }
  .news-box2.solution .news-box .item .text-top .title {
    font-size: 16px;
  }
  .news-box2.solution .news-box .item .text-bottom .summary {
    font-size: 14px;
  }
  .news-box2.solution .news-box .item .text-bottom .summary .more {
    font-size: 14px;
    margin-top: 10px;
  }
  .product-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .product-detail .top .title {
    font-size: 20px;
  }
  .product-detail .top .summary {
    font-size: 14px;
  }
  .product-detail .mid .img-swiper .big-img .swiper-slide {
    height: 300px;
  }
  .product-detail .mid {
    margin-top: 10px;
  }
  .product-detail .mid .text table tr td {
    font-size: 14px;
  }
  .product-detail .bottom .download-title {
    font-size: 20px;
  }
  .product-detail .bottom .download-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .product-detail .bottom .download-container .item .text .title {
    font-size: 14px;
  }
  .product-detail .bottom .download-container .item .bottom-img {
    margin-top: 20px;
  }
  .download .download-mid {
    flex-direction: column;
    padding: 20px;
  }
  .download .download-mid .model {
    flex-basis: auto;
    font-size: 16px;
  }
  .download .download-mid .type a {
    flex-basis: calc(100% / 2);
    font-size: 14px;
    line-height: 1.4;
  }
  .download .download-bottom .size {
    display: none;
  }
  .download .download-bottom .item-top {
    padding: 20px;
  }
  .download .download-bottom .item-top,
  .download .download-bottom .item-top .download-click {
    font-size: 14px;
  }
  .download .download-bottom .item-top .download-click,
  .download .download-bottom .item .download-click {
    flex-basis: 100px;
  }
  .download .download-bottom .item {
    padding: 20px;
  }
  .download .download-bottom .item .title {
    font-size: 14px;
  }
  .download .download-bottom .item .download-click span {
    display: none;
  }
  .banner .swiper-slide .img {
    height: 700px;
  }
  .banner .text .title {
    font-size: 20px;
  }
  body.index .banner {
    margin-top: 0;
  }
  body.index header .header-menu .header-box .logo img,
  body.index header .header-menu .header-box .search {
    filter: none;
  }
  header {
    background: #fff;
  }
  body.index header .menu-box .menu-list .firstItem.active .firstItem-title a {
    color: var(--dominant-color);
  }
  .index-title {
    padding: 50px 20px 20px;
  }
  .index-title .title {
    font-size: 20px;
  }
  .index-title .summary {
    font-size: 14px;
  }
  .index-box1 .index-box1-box {
    flex-direction: column;
  }
  .index-box1 .index-box1-box .item-list:first-child .item .text {
    padding: 30px;
  }
  .index-box1 .index-box1-box .item-list .item .text .title {
    font-size: 16px;
  }
  .index-box1 .index-box1-box .item-list .item .text .summary {
    font-size: 14px;
  }
  .index-box1 .index-box1-box .item-list .item .text .more {
    font-size: 14px;
  }
  .index-box1 .index-box1-box .item-list .item .text {
    padding: 30px;
  }
  .index-box1 .index-box1-box .item-list .item {
    margin-bottom: 0;
  }
  .index-box3 .swiper-slide {
    flex-direction: column;
  }
  .index-box3 .swiper-slide .slide-left {
    margin-bottom: 30px;
  }
  .index-box3 .swiper-slide .slide-left .item .title,
  .index-box3 .swiper-slide .slide-right .item .title {
    font-size: 14px;
    line-height: 1.4;
    margin: 6px 0;
  }
  .index-box3 .swiper {
    padding-bottom: 80px;
  }
  .index-box3 {
    padding-bottom: 20px;
  }
  .change-img {
    display: none;
  }
  .index-box2 .change-text,
  .index-box2 .index-title {
    position: relative;
  }
  .index-box2 .change-text .item {
    flex-basis: auto;
    flex-shrink: 0;
    height: auto;
  }
  .index-box2 .index-title .title {
    color: #333;
  }
  .index-box2 .change-text {
    flex-wrap: wrap;
  }
  .index-box2 .change-text .item .phone-img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
  .index-box2 .change-text .item .phone-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .index-box2 .change-text .item .text .summary,
  .index-box2 .change-text .item .text .number {
    max-height: 500px;
  }
  .index-box2 .change-text .item .text {
    padding: 30px;
  }
  .index-box2 .change-text .item:hover .text .number,
  .index-box2 .change-text .item .text .more {
    max-height: 500px;
  }
  .index-box2 .change-text .item:hover .text .summary {
    margin-bottom: 0;
  }
  .index-box2 .change-text .item .text .summary {
    font-size: 14px;
  }
  .index-box2 .change-text .item .text .number {
    font-size: 20px;
    margin-top: 20px;
  }
  .index-box2 .change-text .item .text .title {
    margin: 10px 0;
  }
  .product-tabs .item {
    font-size: 14px;
    width: auto;
    height: auto;
    padding: 10px 40px;
  }
  .support .support-detail table tr td,
  .product-detail .mid .text table tr td {
    padding: 20px;
  }
  .table-scroll {
    overflow-x: scroll;
    margin-bottom: 30px;
  }
  .table-scroll table {
    width: 1000px;
  }
}
.posdw {
    position: relative;
}
i, em {
    font-style: normal;
}
.document_width {
    width: 1600px;
    box-sizing: border-box;
    margin: auto;
    box-sizing: border-box;
}
.del_float{ display:block; height:0; clear:both; visibility:hidden; }
.indexdiv1{ width:100%; height:auto; float:left; padding:80px 0; background:url(../image/index1bj.jpg) center center no-repeat; background-size:cover;}
.indexdiv1left{ width:30%; height:auto; float:left;}
.indextt{ width:100%; height:auto; float:left; margin-bottom:25px; text-align:left;}
.indextt span{ width:100%; height:auto; float:left; display:none; font-size:18px; line-height:28px; font-weight:600; color:#1947ba; margin-bottom:4px;}
.indextt strong{ width:100%; height:auto; float:left; font-size:42px; line-height:56px; background:url(../images/lsbj.png) left bottom no-repeat; background-size:50px 3px; color:#06348c; padding-bottom:10px;}

.indexdiv3{ width:100%; height:auto; float:left; padding:80px 0; overflow:hidden; background:url(../image/indexdiv3bj.jpg) center center no-repeat; background-size:cover;margin-top: 90px;}
.indexdiv3txt{ width:500px; height:auto; float:left; font-size:16px; line-height:28px; color:#333; margin:15px 0;}
.indexdiv3 ul{ width:100%; height:auto; float:left; max-width:650px; list-style:none; margin-top:35px;}
.indexdiv3 ul li{ width:50%; height:auto; float:left; margin-bottom:15px;} 
.indexdiv3 ul strong{ width:100%; height:auto; float:left; color:#1947ba; font-size:30px; line-height:50px;} 
.indexdiv3 ul strong em{ font-size:56px;} 
.indexdiv3 ul p{ width:100%; height:auto; float:left; color:#444; font-size:16px; line-height:24px; min-height:48px; font-weight:bold;} 
.indexdiv3 ul li.l1{ padding-left:40px; background:url(../image/hsbj.jpg) left  top no-repeat; background-size:1px 40px; box-sizing:border-box;} 
.indexdiv3dt{ width:auto; height:auto; float:left; position:absolute; top:0px; right:-60px;}
.indexdiv3dt img{ width:auto; height:auto; max-width:1100px; display:block;} 


.menus-title span{font-size: 24px;}
.a-box a{ font-size: 16px;}


.c_l{ clear:both; font-size:0; overflow:hidden;}
.c_l{ clear:both; font-size:0; overflow:hidden;}
.f_bg{ background:url(../image/foot_bg1.jpg) right bottom no-repeat; background-size:cover;color:rgba(255,255,255,0.7); font-size:18px;clear:both; padding-top:42px; text-align:right; overflow: hidden; }
@media only screen and (min-width: 1400px){
.f_bg_div{ max-width:1600px; margin:0 auto;}
}

@media screen and (max-width: 1410px){
.f_bg_div{ max-width:1200px; margin:0 auto;}
}



.f_bg a{color:rgba(255,255,255,0.7); text-decoration:none;   }
.f_bg a:hover{ color:#fff;}
.f_bg .h2{ height:26px; line-height:26px; font-weight:normal; font-size:18px;color:#fff; overflow:hidden; position:relative; }
/*.f_bg .h2:after{ content:""; position:absolute; bottom:0; left:0; height:1px; width:30px; background:rgba(255,255,255,0.6);}*/
.f_bg .foot_one{  padding-bottom:25px; border-bottom:1px solid rgba(245,245,245,0.1); margin-bottom:40px;}
.f_bg .foot_one .foot_one_l{ float:left;}
.f_bg .foot_one .foot_one_l img{ height:50px;}
.f_bg .foot_two{ display: none;}
.f_bg .f_div2_l{ float:right; background:url(../image/foot_ico1.png) center top no-repeat; background-size:20px 18px; text-align:center; color:#fff; text-transform:uppercase; cursor:pointer; padding-top:20px; line-height:18px;transition:all 0.3s;}
.f_bg .f_div2_l:hover{ margin-top:-5px;}
@media only screen and (min-width: 1400px){
.f_bg .f_m{ float:right;width:65%;  min-height:310px; position:relative;}
}

@media screen and (max-width: 1410px){
.f_bg .f_m{ float:right;width:60%;  min-height:310px; position:relative;}
}



.f_bg .links{ overflow:hidden; margin-bottom:2.8%;vertical-align:top;text-align:left; font-size:20px;}
.f_bg .links ul li{  float:left;display:block;  line-height:26px; margin-bottom:16px;     width: 25%;}

.f_bg .links ul li a{transition:all 0.3s; padding-right:5px;color:rgba(255,255,255,1.0); text-transform: capitalize;    line-height: 40px;}
.f_bg .links ul li a:hover{ margin-left:5px; padding-right:0; color:#fff; text-decoration:underline;}
.f_bg .foot_p{ line-height:1.5; overflow:hidden; margin-top:40px;}
.f_bg .foot_online{ float:right; padding-left:30px; padding-right:60px; height:60px; line-height:60px; border-radius:10px; background:#d8dce7; color:#333333; padding-left:px; padding-right:px; position:relative;transition:all 0.3s; margin-top:17px; display:block; overflow:hidden; margin-bottom: 50px;}
.f_bg .foot_online:hover{ background:#fff; color:#333;}
.f_bg .foot_online:after{ content:""; width:9px; height:10px; position:absolute; right:28px; top:50%; margin-top:-5px; background:url(../image/i_pic2.png) no-repeat; background-size:100% 100%;transition:all 0.3s;}
.f_bg .foot_online:hover:after{ transform: rotate(45deg);}
.f_bg .f_div2_r{ text-align:left; float:left; width:39%; max-width:500px; }
.f_bg .f_div2_r .p{ clear:both;line-height:26px; overflow:hidden; padding-top:20px;}
.f_bg .f_div2_r .p p{ margin-bottom:12px; overflow:hidden;}
.f_div3{  line-height:24px; min-height:24px;   clear:both; padding-top:18px;color:rgba(255,255,255,0.4); padding-bottom:18px; font-size:16px; background:#0c0b0b; overflow:hidden; text-align:center;}
.f_div3 a{color:rgba(255,255,255,0.4);}
.f_div3 a:hover{transition:all 0.3s;/*filter: Alpha(Opacity=80);opacity: 0.8;*/ color:#fff; }
.f_div3 em{ font-style:normal; margin-left:20px;}
.f_div3 span{ margin-left:10px;}
.f_div3 span label{ padding-left:8px; padding-right:8px;}
/*.f_div3 .l p{ display:inline-block; vertical-align:middle; margin-left:15px;}*/





.help{width: 100%;background-position: left top;background-repeat: no-repeat;}
.help .contain{display: flex;justify-content: space-between;align-items: center;height: 195px;}
.help h2{width: 50%; font-size: 39px;color: #fff;font-family: 'KARLA-REGULAR';}
.help .help-seek{width: 50%;text-align: right;}
.help .help-seek label{position: relative;}
.help .help-seek label input{width: 460px;height: 58px;border-radius: 25.5px;font-size: 18px;color: #fff; padding-left:28px;padding-right: 128px; border: 3px solid #fff;background-color: transparent;}
.help .help-seek label input::placeholder{color: #fff;font-size: 16px;}
.help .help-seek label span{display: inline-block; width: 124px;height: 54px;line-height: 54px;background-color: #fff;font-size: 17px;font-family: 'KARLA-BOLD';color: #003f90;font-weight: 700;text-align: center;border-radius: 25.5px;position: absolute;right: 0;top: -16px;}




	.point,.point::before,.point::after{position: absolute;width: 12px; height: 12px; border-radius: 50%;content: ''; }
	.point::before{animation: scale 2s infinite; }
	.point::after{animation: scale2 2s infinite; }
	@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(6); opacity: 0;}}
	@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(12);opacity:0;}}
	

	.point,.point::before,.point::after{
	/* 设置颜色 */
	background-color: rgba(240, 154, 10, .9);}
	.point2,.point2::before,.point2::after{
	/* 设置颜色 */
	background-color: rgba(1, 155, 74, .9);}
	.point3,.point3::before,.point3::after{
	/* 设置颜色 */
	background-color:  rgba(240, 154, 10, .9);}
	.point4,.point4::before,.point4::after{
	/* 设置颜色 */
	background-color:  rgba(1, 155, 74, .9);}
.point5,.point5::before,.point5::after{
	/* 设置颜色 */
	background-color:  rgba(1, 155, 227, .9);}
.point6,.point6::before,.point6::after{
	/* 设置颜色 */
	background-color:  rgba(1, 155, 227, .9);}

	.point7,.point7::before,.point7::after{
	/* 设置颜色 */
	background-color: rgba(1, 155, 74, .9);}
	.point8,.point8::before,.point8::after{
	/* 设置颜色 */
	background-color: rgba(1, 155, 227, .9);}
	.point9,.point9::before,.point9::after{
	/* 设置颜色 */
	background-color: rgba(240, 154, 10, .9);}
	.point10,.point10::before,.point10::after{
	/* 设置颜色 */
	background-color: rgba(1, 155, 227, .9);}
	.point11,.point11::before,.point11::after{
	/* 设置颜色 */
	background-color: rgba(1, 155, 74, .9);}
	.point12,.point12::before,.point12::after{
	/* 设置颜色 */
	background-color: rgba(240, 154, 10, .9);}

	.point13,.point13::before,.point13::after{
	/* 设置颜色 */
	background-color: rgba(1, 155, 227, .9);}
	.point14,.point14::before,.point14::after{
	/* 设置颜色 */
	background-color: rgba(240, 154, 10, .9);}



.pageBanner {
  transition: all 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.pageBanner .banner-box {
  width: 100%;
  height: 485px;
  display: flex;
}
.pageBanner .banner-box .img {
  width: 100%;
  margin-right: 0;
  margin-left: auto;
}
.pageBanner .banner-box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pageBanner .banner-box .text {
  position: absolute;
  padding: 70px 50px 70px 50px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
  width: 100%;
  text-align: center;
  color: #fff;
}
.pageBanner .banner-box .text .title {
  font-size: 56px;
  margin-bottom: 10px;

}
.pageBanner .banner-box .text .summary {
  font-size: 18px;
  opacity: 1;

}






.ctaMap{background-color: rgb(255, 255, 255);box-shadow: 0px 0px 30px 0px rgba(76, 94, 127, 0.22);}
.ctaMap-show{width: 100%;height: 500px;}
.ctaMap-text{padding: 40px 75px;align-items: center;}
.ctaMap-text .text{flex: 1;}
.ctaMap-text .text p{position: relative;display: flex;}
.ctaMap-text .text p::before{content: "/";display: inline-block;margin: 0 20px;}
.amap-logo,.amap-copyright{display: none !important;}
.ctaMap .amap-layer:nth-of-type(2){display:none !important}
.ctaList li{width: 25%;position: relative;padding: 0 45px 35px;}
.ctaList li::after{content: "";position: absolute;left: 0;bottom: 0;width: 1px;height: 75%;background: #e5e5e5;}
.ctaList li:first-child::after{display: none;}
.ctaList .img{height: 70px;align-items: flex-end;}
.ctaList .img img{max-height: 100%;}
.ctaList .phone i,.ctaList .email i{font-size: 14px;display: inline-block;margin:2px 10px 0 0;}
.ctaList .phone span,.ctaList .email span{flex: 1;}
.ctaList .phone a:hover,.ctaList .email a:hover{color: #06348b;text-decoration: underline;}
.ctaList .email span{color: #888;}



.Abojs{width: 100%;position: relative;height: 100vh;}
.Abojs-sticky{width: 100%;top: 0;left: 0;position: relative;overflow: hidden;}
.Abojs-sticky .img{width: 100%;height: 100vh;object-fit: cover;}
.Abojs-logo{position: absolute;z-index: 2;width: 100%;height: 100vh;top: 0;left: 0;transform: scale(2.4);opacity: 0;}
.Abojs-logo img{width: 100%;height: 100%;object-fit: cover;}
.Abojs-logo img.mb{display: none;}
.Abojs-logo img.bg{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
@media only screen and (min-width: 1400px){
.AbojsText{width: 100%;opacity: 1;z-index: 4;align-items: center;flex-direction: column;color: #444;position: relative;transition: all .4s ease;margin-top: 10vh;}
}

@media screen and (max-width: 1410px){
.AbojsText{width: 1200px;opacity: 1;z-index: 4;align-items: center;flex-direction: column;color: #444;position: relative;transition: all .4s ease;margin-top: 10vh; margin: 0 auto;}
}



.AbojsText.active{opacity: 1;}
.AbojsText .hit{position: relative;display: flex;justify-content: center;align-items: center;line-height: 1;}
.AbojsText .hit .name{font-size: 160px;color: #232b37;opacity: .1;line-height: 1;}
.AbojsText .hit .title{position: absolute;width: max-content;line-height: 1;text-transform: uppercase;}
.AbojsText .content{max-width: 1600px;    padding: 30px 0;}
.Abojs-btn a{display: flex;align-items: center;}
.Abojs-btn a i{width: 40px;height: 40px;font-size: 12px;font-weight: 700;transform: rotate(-90deg);margin-left: 20px;transition: all .4s ease;color: #06348b;display: flex;justify-content: center;align-items: center;background-color: #fff;box-shadow: 0px 0px 30px 0px rgba(76, 94, 127, 0.22);border-radius: 100px;}
.Abojs-btn a.active i{transform: rotate(90deg);}
.Abojs-sticky::before{content: "";position: absolute;bottom: 0px;left: 0px;width: 100%;height: 2px;background-color: #fff;}
/* text-indent: 2em; */
.AbojsText .content{max-height: 250px;overflow: hidden;}
/* text-indent: 2em; */
.Aboyj-content {padding: 0px 125px;}
.Aboyj-list {padding: 0px 125px;justify-content: center;}
.Aboyj-list .list{width: calc(100%/3);display: flex;flex-direction: column;align-items: center;}
.Aboyj-list .list .img{width: 145px;height: 145px;display: flex;justify-content: center;align-items: center;position: relative;}
.Aboyj-list .list .img img{max-height: 100%;}
.Aboyj-list .list .img img.bg{position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;animation: AboyjList 3s linear infinite;}
@keyframes AboyjList{0%{transform: rotate(360deg);}100%{transform: rotate(0deg);}}
.Abokf-content {position: relative;}
.Abokf-content > img {width: 100%;}
.Abokf-content > .content {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;}
.Abokf-cont .cont-l{width: 50%;}
.Abokf-cont .cont-r{width: 50%;padding-left: 85px;}
/* text-indent: 2em; */
.Abokf-cont .cont-r .content{}
/* text-indent: 2em; */
.Abocg-content {padding: 0px 125px;}
.swiper-btn a {width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;border-radius: 100px;background-color: #fff;color: #06348b;transition: all .4s ease;}
.swiper-btn a:hover {background-color: #06348b;color: #fff;}
.swiper-btn.next a {transform: rotate(180deg);}
.Abocg-svp {position: relative;}
.Abocg-svp .swiper-container{padding: 0px calc(100%/2 - 300px);}
.Abocg-svp .swiper-btn{position: absolute;z-index: 11;top: 50%;transform: translateY(-50%);}
.Abocg-svp .swiper-btn.prev{left: calc((100% - 1400px) / 2);}
.Abocg-svp .swiper-btn.next{right: calc((100% - 1400px) / 2);}
.Abocg-svp::after {content: '';position: absolute;top: 0;left: 0;height: 100%;width: 450px;z-index: 10;pointer-events: none;}
.Abocg-svp::before {content: '';position: absolute;top: 0;right: 0;transform: matrix(-1, 0, 0, 1, 0, 0);height: 100%;width: 450px;z-index: 10;pointer-events: none;}
.Abocg-page {display: none;}
.Anlilb-list .list {margin-bottom: 120px;}
.Anlilb-list .list:last-child {margin-bottom: 0px;}
.Anlilb-list .list .img{width: 55%;height: 620px;overflow: hidden;position: relative;}
.Anlilb-list .list .img img{width: 100%;height: 100%;transition: all .4s ease;}
.Anlilb-list .list:hover .img img{transform: scale(1.04);}
.Anlilb-list .list .cont{width: 45%;display: flex;flex-direction: column;justify-content: center;}
.Anlilb-list .list:nth-child(odd) .cont{padding-left: 130px;padding-right: calc((100% - 1400px) / 2);}
.Anlilb-list .list:nth-child(even) .cont{padding-right: 130px;padding-left: calc((100% - 1400px) / 2);}
.Anlilb-list .list:nth-child(odd) .img::before{content: "";position: absolute;z-index: 2;top: 0px;right: 0px;height: 100%;width: 100%;background-color: #fff;}
.Anlilb-list .list:nth-child(even) .img::before{content: "";position: absolute;z-index: 2;top: 0px;left: 0px;height: 100%;width: 100%;background-color: #fff;}
.Anlilb-list .list .cont .address {display: flex;align-items: center;}
.Anlilb-list .list .cont .address i{margin-right: 8px;}
.Anlilb-list .list .cont .btn{width: 115px;height: 50px;display: flex;justify-content: center;align-items: center;border-radius: 24px;background-color: #e9f7fe;transition: all .4s ease;}
.Anlilb-list .list .cont .btn:hover {background-color: #06348b;color: #fff;}
.Anlilb-list .list:nth-child(even) {flex-direction: row-reverse;}
.Anlilb-list .list .cont .title{transition: all .4s ease;}
.Anlilb-list .list:hover .cont .title{color: #06348b;}
.Anlilb-list .list:nth-child(odd).animated .img::before{animation: marsk1 1s linear forwards;}
.Anlilb-list .list:nth-child(even).animated .img::before{animation: marsk2 1s linear forwards;}
@keyframes marsk1 {0%{right: 0%;}100%{right: 100%;}}
@keyframes marsk2 {0%{left: 0%;}100%{left: 100%;}}
.AnliBan-cont {position: absolute;left: 0px;bottom: 0px;width: 960px;height: 110px;background-color: #06348b;display: flex;align-items: center;padding-left: calc((100% - 1400px) / 2);}
.AnliBan > img{width: 100%;}
/* text-indent: 2em; */
.Anlixq-content {padding: 0px 100px;}
.Anlixq-svp {padding-left: calc((100% - 1400px) / 2 + 100px);}
.Anlixq-svp .swiper-container {padding-right: 555px;}
.Anlixq-bg {position: absolute;bottom: 65px;left: 0px;}
.Anlixq-bg {height: 309px;width: 100%;background: url(../image/Anlixq-bg.png)center;animation: AnlixqBg 30s linear infinite;}
@keyframes AnlixqBg{0%{background-position:1920px 0px;}100%{background-position:0px 0px;}}
.Anlixq-theme {padding-left: calc((100% - 1400px) / 2);padding-right: 1035px;}
.Anlixq-theme-lun {background-color: #06348b;padding: 45px;}
.Anlixq-theme-lun .text {color: rgba(255, 255, 255, .6);}
.Anlixq-btn {align-items: center;justify-content: flex-end;}
.Anlixq-btn .swiper-btn a{width: 45px;height: 45px;font-size: 20px;background-color: transparent;border: 1px solid rgba(255, 255, 255, .4);color: rgba(255, 255, 255, .4);}
.Anlixq-btn .swiper-pagination{position: relative;width: auto;bottom: 0px;margin: 0px 15px;color: #fff;}
.Anlixq-theme {margin-top: -100px;position: relative;z-index: 3;}
.Anlify {border-top: 1px solid #e0e0e0;}
.Anlify-btn {display: flex;align-items: center;}
.Anlify-btn a{width: 80px;height: 80px;display: flex;flex-direction: column; justify-content: center;align-items: center;border-radius: 100px;background-color: #222;}
.Anlify-btn a span {display:block; height:4px; position:relative;  transition:all 0.3s ease-in-out; width:28px; margin:0 auto;}
.Anlify-btn a span::before {content:''; display:block; width:4px; height:4px; background-color: #fff; border-radius: 4px; position:absolute; left:0; top:0; transition:all 0.3s ease-in-out;}
.Anlify-btn a span::after {content:''; display:block; width:21px; height:4px; background-color: #fff; border-radius: 4px; position:absolute; right:0; top:0; transition:all 0.3s ease-in-out;}
.Anlify-btn a span + span {margin-top:5px;}
.Anlify-btn a:hover {background-color:#06348b;animation: headShake 1.2s;}
.Anlify-btn a:hover span::before {width:28px;}
.Anlify-btn a:hover span::after {width:0px;background-color:transparent; right:100%;}

.buttona{ width:160px; height:55px; line-height:55px; cursor:pointer; outline:none; border:none; font-size:18px; color:#fff;background:url(../image/index1_tb4a.png) 130px center no-repeat #1947ba; text-indent:25px; text-align:left; margin:0 auto; display:table; border-radius:5px; margin-top:-60px;}
.buttona:Hover{ opacity:0.9;}

.nytt strong {
    width: 100%;
    height: auto;
    line-height: 46px;
    font-size: 42px;
    color: #333;

    font-weight: bold;
    float: left;
}
.nytt {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 25px;
    text-align: center;
}
@media only screen and (min-width: 1400px){
.document_width1 {
    width: 1400px;
    box-sizing: border-box;
    margin: auto;
    box-sizing: border-box;
}
}

@media screen and (max-width: 1410px){
.document_width1 {
    width: 1200px;
    box-sizing: border-box;
    margin: auto;
    box-sizing: border-box;
}
}



@media only screen and (min-width: 1400px){
.lxwmdiv{ width:100%; height:auto; float:left; padding:40px 0 60px 0; background:url(../image/lxwmbj.png) left bottom no-repeat #fff; background-size:auto 150px;}
}

@media screen and (max-width: 1410px){
.lxwmdiv{ width:1200px; margin: 0 auto;height:auto;  padding:40px 0 60px 0; background:url(../image/lxwmbj.png) left bottom no-repeat #fff; background-size:auto 150px;}
}



.lxwmdiv dl.d1{ width:100%; height:auto; float:left;}
.lxwmdiv dl.d1 dt{ width:50%; height:auto; float:left;}
.lxwmdiv dl.d1 dt strong{width:100%; height:auto; line-height:46px; font-size:42px; color:#333; font-weight:bold; float:left; margin-bottom:40px;}
.lxwmdiv dl.d1 dt h3{ width:100%; height:auto; float:left; line-height:50px; color:#1947ba; font-size:28px;  }
.lxwmdiv dl.d1 dt h3 span{ width:auto; font-size:18px; color:#666; float:left; font-weight:normal; margin-right:5px;}
.lxwmdiv dl.d1 dd{ width:50%; height:auto; float:left;}
.lxwmdiv dl.d1 dd p.p{ width:100%; height:auto; float:left; padding-left:20px; box-sizing:border-box; border-bottom:1px solid #f9f9f9; background:url(../image/lxwm_tb1.png) left 5px no-repeat; padding-bottom:30px; margin-bottom:30px;}
.lxwmdiv dl.d1 dd p.p span{ width:100%; height:auto; float:left; font-size:20px; line-height:34px; font-weight:600; color:#777; margin-bottom:3px;}
.lxwmdiv dl.d1 dd p.p strong{ width:100%; height:auto; float:left; font-size:20px; line-height:24px; font-weight:600; color:#333;}
.lxwmdiv dl.d1 dd p.p.p1{background:url(../image/lxwm_tb2.png) left 5px no-repeat;}
.lxwmdiv dl.d1 dd p.p.p2{background:url(../image/lxwm_tb3.png) left 5px no-repeat; border-bottom:none; margin-bottom:0;}

.lxwmdt{ width:100%; height:auto; float:left;}
.lxwmdt .img{ width:100%; height:auto; display:block; min-height:360px;}

.lxwmlydiv{ width:100%; height:auto; float:left; padding-bottom:80px; background:#f9fafc;}
.lxwmlydivc{ width:100%; height:auto; float:left; background:linear-gradient(rgba(255,255,255,0.9) 10%,rgba(255,255,255,1));  border-radius:10px; padding:80px; box-sizing:border-box;}
.lxwmlydivc .input{ width:31%; height:50px; line-height:50px; float:left; margin:1.16%; background:#fafafa; border:1px solid #ededed; border-radius:50px; padding:0 20px; font-size:16px; box-sizing:border-box; outline:none;}
.lxwmlydivc .input.input1{ width:47.68%;}
.lxwmlydivc .input.input2{ width:15%;}
.lxwmlydivc .input.input3{ width:30%;}
.lxwmlydivc .text{ width:97.68%; height:130px; line-height:30px; float:left; margin: 1.16%; background:#fafafa; border:1px solid #ededed; border-radius:20px; padding:10px 20px; font-size:16px; box-sizing:border-box; outline:none;}
.lxwmlydivc p{ width:50%; height:auto; float:left;}
.lxwmlydivc p img{ width:auto; height:50px; display:block; margin:1.16%; cursor:pointer;}
.lxwmlydivc .buttonas{  float:right; margin-right:1.16%; }





.divbot{ width:100%; height:auto; float:left; background:#fff; padding:45px 0; border-top:1px solid #f9f9f9;}
.divbota{ width:32%; height:auto; margin-right:2%; float:left; background:url(../image/hsbj.jpg) right center no-repeat; background-size:1px 100%; box-sizing:border-box;}
.divbota a{ width:100%; height:auto; min-height:60px; float:left; padding:0 0px 0 85px; color:#333; background-position:15px top !important; box-sizing:border-box; background-size:50px auto !important;} 
.divbota a strong{ width:100%; height:auto; float:left;  font-size:22px; line-height:28px;}
.divbota a span{ width:auto; height:auto; float:left; font-size:16px; line-height:26px; background:url(../image/index1_tb4h.png) right center no-repeat; color:#1947ba; padding-right:18px; font-weight:bold;} 
.divbota:last-child{ background:none; margin-right:0%;} 

.bottomdiv{ width:100%; height:auto; float:left; background:#161a1c;}
.bottomdiv dl.d1{ width:100%; height:auto; float:left; padding:40px 0 25px 0; border-bottom:1px solid rgba(150,150,150,0.1); margin-bottom:45px;}
.bottomdiv dl.d1 dt{ width:50%; height:auto; float:left;}
.bottomdiv dl.d1 dt img{ width:auto; height:24px; margin-top:8px; display:block;}
.bottomdiv dl.d1 dd{ width:50%; height:auto; float:right;}
.bottomdiv dl.d1 dd a img{ width:20px; height:20px; padding:10px; display:block; float:right; background:#222628; border-radius:40px; margin-left:8px;}
.bottomdiv dl.d1 dd a:hover img{ background:#1947ba;}












.newsItem{align-items: center;position: relative;border-bottom: 1px solid #ddd;justify-content: space-between;}
.newsItem::after{content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 1px;background: #06348b;transition: all .8s ease;}
.newsItem-date{width: 120px;margin-right: 50px;}
.newsItem-date .day{border-bottom: 1px solid #aeaeae;}
.newsItem-img{width: 27%;margin-right: 50px;}
.newsItem-img img{width: 100%;height: 220px;object-fit: cover;
    border-radius: 10px;}
.newsItem-con{width: calc(100% - 27% - 220px);}
.newsItem-title{width: 100%;}
.newsItem-con .line{width: 100%;height: 1px;background: #e9e9e9;}
.newsItem:hover::after{right: auto;left: 0;width: 100%;}
.newsItem:hover .newsItem-title{color: #06348b;}
.newsItem:hover .CommonBtn .link:before {width: 100%;height: 50px;border-radius: 50px;}
.newsItem:hover .CommonBtn .link .text {padding-left: 0.78125vw;color: #fff;}
.newsItem:hover .CommonBtn a:before {width: 100%;height: 50px;border-radius: 50px;}
.newsItem:hover .CommonBtn a .text {padding-left: 0.78125vw;color: #fff;}
/* 新闻详情 */
.newsDet-nav{position: relative;z-index: 3;margin-top: -80px;background: rgba(0, 0, 0, .7);}
.newsDet-nav .contain{justify-content: center;}
.newsDet-nav-item{height: 80px;width: 150px;position: relative;margin-left: 0;}
.newsDet-nav-item:first-child{margin-left: 0;}
.newsDet-nav-item::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 0;background: #fff;transition: all .4s ease;}
.newsDet-nav-item span{display: block;position: relative;z-index: 2;width: 100%;text-align: center;border-left: 1px solid rgba(255, 255, 255, .2);}
.newsDet-nav-item:first-child span{border: unset;}
.newsDet-nav-item:hover::after,.newsDet-nav-item.active::after{top: auto;bottom: 0;height: 100%;}
.newsDet-nav-item:hover,.newsDet-nav-item.active{color: #333;}
.newsDet-flex{border-bottom: 1px solid #e0e0e0;justify-content: space-between;align-items: flex-start;}
.newsDet-con{width: 71%;}
.newsDet-title{border-bottom: 1px solid #e0e0e0;}
.newsDet-title .date p{padding: 0 15px;align-items: center;border-left: 1px solid #d2d2d2;}
.newsDet-title .date p:first-child{padding-left: 0;border: unset;}
.newsDet-title .date p:last-child{padding-right: 0;}
.newsDet-title .date p i{display: block;font-size: 14px;margin-right: 8px;}
.newsDet-file table{text-align: center;}
.newsDet-file img,.newsDet-file video{display: inline-block;}
.newsDet-side{position: sticky;top: 110px; width: 25%;padding: 0 15px 25px; box-shadow: 0px 0px 7px 0px rgba(31, 59, 115, 0.1);}
.newsDet-side-title{border-bottom: 1px solid #eeeeee;}
.newsDet-side-list{padding: 0 20px;}
.newsDet-side-item{padding-left: 15px;}
.newsDet-side-item::after{content: "";position: absolute;left: 0;top: 8px;width: 5px;height: 5px;border: 4px solid transparent;border-left-color: #06348b;}
.newsDet-side-item .date{color: #aeaeae;}
.newsDet-side-item:hover .title{color: #06348b;}


.FaAnlb-list {margin-top: 120px;}
@media only screen and (min-width: 1400px){
.FaAnlb-list .list{margin-bottom: 220px;position: relative;}
}

@media screen and (max-width: 1410px){
.FaAnlb-list .list{margin-bottom: 150px;position: relative;}
}



.FaAnlb-list .list:last-child{margin-bottom: 0px;}
.FaAnlb-list .list > div{position: relative;z-index: 2;}
.FaAnlb-list .list .cont{width: 50%;display: flex;flex-direction: column;justify-content: center;}
.FaAnlb-list .list .cont .title{transition: all .4s ease; text-transform: capitalize;}
.FaAnlb-list .list:hover .cont .title{color: #06348b;}
.FaAnlb-list .list .img{width: 50%;overflow: hidden;}
.FaAnlb-list .list .img img{width: 100%;height: 100%;transition: all .4s ease;}
.FaAnlb-list .list:hover .img img{transform: scale(1.04);}
.FaAnlb-list .list:nth-child(even) {flex-direction: row-reverse;}
.FaAnlb-list .list:nth-child(odd) .cont {padding-right: 100px;}
.FaAnlb-list .list:nth-child(even) .cont {padding-left: 100px;}
@media only screen and (min-width: 1400px){
.FaAnlb-list .list::before{content: "";position: absolute;width: 845px;height: 705px;top: 50%;transform: translateY(-50%);background-color: rgba(12,57,141,0.1);;}
}

@media screen and (max-width: 1410px){
.FaAnlb-list .list::before{content: "";position: absolute;width: 845px;height: 500px;top: 50%;transform: translateY(-50%);background-color: rgba(12,57,141,0.1);;}
}



.FaAnlb-list .list:nth-child(odd)::before{right: -260px;}
.FaAnlb-list .list:nth-child(even)::before{left: -260px;}


.bgScale{animation: bgScale 4s linear forwards;}
@keyframes bgScale {0%{transform: scale(1);}100%{transform: scale(1.08);}}
.CommonBanner {z-index: 2;}
.CommonBanner > img{width: 100%;animation: banBg 5s linear forwards;}
.CommonBanner.after::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
@keyframes banBg {0%{transform: scale(1);}100%{transform: scale(1.08);}}
.aboutBan.CommonBanner > img.pc{height:100vh}
.CommonBanner .content {z-index: 3; position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;}
.CommonBanner .content .name {opacity: 0;animation: CommonBannerContent1 1s ease both;text-transform: uppercase;}
.CommonBanner .content .title {opacity: 0;animation: CommonBannerContent2 1s ease both;}
@keyframes CommonBannerContent1 {0%{opacity: 0;transform: translateX(-120px);filter: blur(20px);}100%{opacity: 1;transform: translateX(0px);filter: blur(0px);}}
@keyframes CommonBannerContent2 {0%{opacity: 0;transform: translateX(120px);filter: blur(20px);}100%{opacity: 1;transform: translateX(0px);filter: blur(0px);}}
.CommonBanner-btn {position: absolute;bottom: 55px;left: 0px;width: 100%;display: flex;justify-content: center;align-items: center;}
.CommonBanner-btn a{position: relative;display: flex;flex-direction: column;align-items: center;}
.CommonBanner-btn a span{font-family: "BS";font-size: 12px;color: #fff;transform: rotate(90deg);letter-spacing: 2px;display: block;margin-bottom: 25px;}
.CommonBanner-btn a i{width: 35px;height: 35px;display: flex;justify-content: center;align-items: center;border: 1px solid rgba(255, 255, 255, .6);border-radius: 100px;color: #fff;font-size: 12px;transform: rotate(-90deg);transition: all .4s ease;}
.CommonBanner-btn a:hover i{background-color: #fff;color: #000;}
.CommonBanner-btn a::before,.CommonBanner-btn a::after {content: "";display: block;width: 58px;height: 58px;border: 1px solid rgba(255, 255, 255, .6); border-radius: 50%;position: absolute;top: 50%;left: 50%;margin: -29px 0 0 -29px;animation: shineRing 1.5s linear infinite;opacity: 0;}
.CommonBanner-btn a::before {animation-delay: .6s;}
.CommonBanner-btn a::after {animation-delay: 1s;}





.Anlify-cont .cont-l{width: calc((100% - 80px) / 2);display: flex;align-items: center;padding-right: 120px;}
.Anlify-cont .cont-r{width: calc((100% - 80px) / 2);display: flex;align-items: center;padding-left: 120px;}
.Anlify-cont .cont-l .hit {text-align: right;}
.Anlify-cont .cont-r .btn {transform: rotate(180deg);}
.Anlify-cont .btn {width: 50px;}
.Anlify-cont .btn i{font-size: 48px;color: #969696;transition: all .4s ease;}
.Anlify-cont .cont-l:hover .btn i{color: #06348b;}
.Anlify-cont .cont-r:hover .btn i{color: #06348b;}
.Anlify-cont .hit {width: calc(100% - 50px);}
.Anlify-cont .hit .title{transition: all .4s ease;}
.Anlify-cont .cont-l:hover .hit .title{color: #06348b;}
.Anlify-cont .cont-r:hover .hit .title{color: #06348b;}












/* text-indent: 2em; */
.Abocg-content {padding: 0px 125px;}
.swiper-btn a {width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;border-radius: 100px;background-color: #fff;color: #23b3f6;transition: all .4s ease;}
.swiper-btn a:hover {background-color: #23b3f6;color: #fff;}
.swiper-btn.next a {transform: rotate(180deg);}
.Abocg-svp {position: relative;}
.Abocg-svp .swiper-container{padding: 0px calc(100%/2 - 300px);}
.Abocg-svp .swiper-btn{position: absolute;z-index: 11;top: 50%;transform: translateY(-50%);}
.Abocg-svp .swiper-btn.prev{left: calc((100% - 1400px) / 2);}
.Abocg-svp .swiper-btn.next{right: calc((100% - 1400px) / 2);}
.Abocg-svp::after {content: '';position: absolute;top: 0;left: 0;height: 100%;width: 450px;z-index: 10;pointer-events: none;}
.Abocg-svp::before {content: '';position: absolute;top: 0;right: 0;transform: matrix(-1, 0, 0, 1, 0, 0);height: 100%;width: 450px;z-index: 10;pointer-events: none;}
.Abocg-page {display: none;}
.Anlilb-list .list {margin-bottom: 120px;}
.Anlilb-list .list:last-child {margin-bottom: 0px;}
.Anlilb-list .list .img{width: 55%;height: 620px;overflow: hidden;position: relative;}
.Anlilb-list .list .img img{width: 100%;height: 100%;transition: all .4s ease;}
.Anlilb-list .list:hover .img img{transform: scale(1.04);}
.Anlilb-list .list .cont{width: 45%;display: flex;flex-direction: column;justify-content: center;}
.Anlilb-list .list:nth-child(odd) .cont{padding-left: 130px;padding-right: calc((100% - 1400px) / 2);}
.Anlilb-list .list:nth-child(even) .cont{padding-right: 130px;padding-left: calc((100% - 1400px) / 2);}
.Anlilb-list .list:nth-child(odd) .img::before{content: "";position: absolute;z-index: 2;top: 0px;right: 0px;height: 100%;width: 100%;background-color: #fff;}
.Anlilb-list .list:nth-child(even) .img::before{content: "";position: absolute;z-index: 2;top: 0px;left: 0px;height: 100%;width: 100%;background-color: #fff;}
.Anlilb-list .list .cont .address {display: flex;align-items: center;}
.Anlilb-list .list .cont .address i{margin-right: 8px;}
.Anlilb-list .list .cont .btn{width: 115px;height: 50px;display: flex;justify-content: center;align-items: center;border-radius: 24px;background-color: #e9f7fe;transition: all .4s ease;}
.Anlilb-list .list .cont .btn:hover {background-color: #23b3f6;color: #fff;}
.Anlilb-list .list:nth-child(even) {flex-direction: row-reverse;}
.Anlilb-list .list .cont .title{transition: all .4s ease;}
.Anlilb-list .list:hover .cont .title{color: #23b3f6;}
.Anlilb-list .list:nth-child(odd).animated .img::before{animation: marsk1 1s linear forwards;}
.Anlilb-list .list:nth-child(even).animated .img::before{animation: marsk2 1s linear forwards;}
@keyframes marsk1 {0%{right: 0%;}100%{right: 100%;}}
@keyframes marsk2 {0%{left: 0%;}100%{left: 100%;}}
.AnliBan-cont {position: absolute;left: 0px;bottom: 0px;width: 960px;height: 110px;background-color: #23b3f6;display: flex;align-items: center;padding-left: calc((100% - 1400px) / 2);}
.AnliBan > img{width: 100%;}


.continer1 {
    width: 1600px;
    margin: 0 auto;
}








#about .houre-con {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
}

#about .houre-con .houre-block {
    width: 19%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 39px;
}

#about .houre-con .houre-block .img {
    overflow: hidden;
    border: 1px solid #ddd;
}

#about .houre-con .houre-block .img img {
    width: 100%;
    transition: 1s;
	height: 330px;
}

#about .houre-con .houre-block .text {
    width: 100%;
    height: 46px;
    background: #06348c;
    border: 1px solid #DDDDDD;
    font-size: 16px;
    color: #fff;
    line-height: 44px;
    text-align: center;
    margin-top: -1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.RaShtd-list .list .number {
    font-family: 'MB2';
    position: absolute;
    bottom: 0px;
    left: 70px;
    color: rgba(39, 176, 241, .1);
    font-size: 200px;
    line-height: .3;
}
/* text-indent: 2em; */
.RaShxq .IndTitle .text{max-width: 1600px;text-align: left;line-height: 2.3;}
.RaShxq .IndTitle .text p{margin-top: 15px;}
.RaShxq .IndTitle .text p:first-child{margin-top: 0;}
.RaShtd-list .list{border-radius: 0px 60px 60px 40px;background-color: rgba(255, 255, 255, .95);padding: 90px 35px 140px 50px;position: relative;overflow: hidden;}
.RaShtd-list .list .title{font-size: 22px;}
.RaShtd-list .list .text{font-size: 18px;line-height: 24px;}
.swiper-pagination-progressbar{position: relative !important;background: rgba(255, 255, 255, .5) !important; height: 3px;width: 100%;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #0a9fe4 !important;}
/* text-indent: 2em; */
#about .houre-con .houre-block��empty {
    width: 19%;
    margin-bottom: 0px;
}

#about .houre-con .houre-block:hover .img img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.RaShcj .IndTitle .text {
    max-width: 950px;
    text-align: left;
}

.Abouwh-page{animation: abPage 1s ease forwards; overflow: hidden; position: fixed;top: 50%;transform: translateY(-50%);left: 5vw;z-index: 10;   background: rgba(6, 52, 138, .8); padding-top: 30px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px;border-radius: 15px;}
.Abouwh-page::after{content: "";position: absolute;left: 40px;top: 50%;transform: translateY(-50%);width: 1px;height: calc(100% - 42px); background: rgba(255, 255, 255, .3);}

.Abouwh-page .list{display: flex;align-items: center;margin-top: 10px;position: relative;z-index: 2;}
.Abouwh-page .list:first-child{margin-top: 0;}
.Abouwh-page .list .span{width: 12px;height: 12px;margin-right: 20px;position: relative; margin-top: 20px; margin-bottom: 20px;margin-left: 15px;}
.Abouwh-page .list .span::after,.Abouwh-page .list .span::before{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.Abouwh-page .list .span::before{width: 5px;height: 5px;border-radius: 50%;background: #fff;}
.Abouwh-page .list .span::after{transition: all .6s ease;transform: translate(-50%,-50%) scale(0);width: 100%;height: 100%; border-radius: 50%;border: 2px solid #fff;}
.Abouwh-page .list.active .span::after{transform: translate(-50%,-50%) scale(1);transition-delay: .2s;}
.Abouwh-lun > img{width: 100%;height: 100vh;transition:all 3s linear;}

.Abouwh-lun::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .0);}
.Abouwh-lun .content {position: absolute;top: 0px;left: 0px;padding-top: 160px; width: 100%;height: 100%;z-index: 2;}
.proLisst-con-title:hover{color: #23b3f6;}
.Abouwh-lun .content .contain{height: 100%;align-items: center;justify-content: flex-end;}
.Abouwh-lun .content .contain .proLisst-con{width: 850px;}


/* text-indent: 2em; */
.RaShtd-list .list .text{max-height: 200px;overflow-y: auto;padding-right: 10px;margin-top: 30px;}
.RaShtd-list .list .text::-webkit-scrollbar {width: 3px;}
.RaShtd-list .list .text::-webkit-scrollbar-thumb {background: #ddd;border-radius: 10px;}
.RaShtd-list .list .text::-webkit-scrollbar-track {background: transparent;border-radius: 10px;}
.RaShtd-list .list .text{scrollbar-color:#ddd #f1f1f1;scrollbar-width:thin;border-radius: 10px;}
.RaShtd-list .list .text{scrollbar-face-color: #ddd;scrollbar-shadow-color: #ddd;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;}
.RaShtd-list .list .number {font-family: 'MB2'; position: absolute;bottom: 0px;left: 70px;color: rgba(39, 176, 241, .1);font-size: 200px;line-height: .3;}
.RaShcj .IndTitle .text {max-width: 950px;text-align: left;}
.RaShcj-cont {position: relative;justify-content: flex-end;}
.RaShcj-cont .cont-l{width: 57%;position: absolute;z-index: 3;left: 0px;top: 50%;transform: translateY(-50%);height: calc(100% - 110px);background-color: #fff;padding: 75px;}
.RaShcj-cont .cont-r{width: 57%;}
/* .RaShcj-cont .cont-l .muen{display: none;} */
.RaShcj-cont .cont-l .muen{position: relative;width: 95%;}
.RaShcj-cont .cont-l .muen.active{display: block;animation: RaShcjCont .4s ease;z-index: 2;background: #fff;}
/* text-indent: 2em; */
.RaShcj-cont .cont-l .muen .text{overflow-y: auto;overflow-x: hidden;height: 180px;padding-right: 20px;margin-top: 30px;}
/* text-indent: 2em; */
.RaShcj-cont .cont-l .muen .text p{}
.RaShcj-cont .cont-l .muen .text::-webkit-scrollbar {width: 2px;}
.RaShcj-cont .cont-l .muen .text::-webkit-scrollbar-thumb {background: #23b3f6;}
.RaShcj-cont .cont-l .muen .text::-webkit-scrollbar-track {background: #f1f1f1;}
.RaShcj-cont .cont-l .muen .text{scrollbar-color:#23b3f6 #f1f1f1;scrollbar-width:thin;border-radius: 10px;}
.RaShcj-cont .cont-l .muen .text{scrollbar-face-color: #23b3f6;scrollbar-shadow-color: #23b3f6;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;}
@keyframes RaShcjCont {0%{opacity: 0;}100%{opacity: 1;}}
.RaShcj-page {display: flex;}
.RaShcj-page .swiper-pagination {align-items: center;display: flex;}
.RaShcj-page .swiper-pagination-bullet {width: 30px;height: 40px;opacity: 1;position: relative;background: transparent;margin: 0;}
.RaShcj-page .swiper-pagination-bullet::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 8px;height: 8px;border-radius: 50%;background: #a3a3a5;}
.RaShcj-page .swiper-pagination-bullet-active::after{background: transparent;border: 2px solid #23b3f6;width: 12px;height: 12px;}


.RaShBan-svp {position: relative;}
.RaShBan-lun {position: relative;}
.RaShBan-lun::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
.RaShBan-lun > img{width: 100%;height: 640px;}
.RaShBan-lun .content{z-index: 2; position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;}
.RaShBan-lun .content .contain{display: flex;flex-direction: column;align-items: center;}
.RaShBan-lun .content .btn{width: 200px;height: 65px;border: 2px solid #fff;border-radius: 32.5px;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.RaShBan-lun .content .btn i{margin-left: 55px;transform: rotate(180deg);}
.RaShBan-lun .content .btn:hover {background-color: #23b3f6;border: 2px solid #23b3f6;}
.RaShBan-svp .RaShBan-swiper-btn {position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;}
.RaShBan-svp .RaShBan-swiper-btn a{font-size: 48px;color: #fff;transition: all .4s ease;}
.RaShBan-svp .RaShBan-swiper-btn.next a{transform: rotate(180deg);display: block;}
.RaShBan-svp .RaShBan-swiper-btn.prev {left: 0px;}
.RaShBan-svp .RaShBan-swiper-btn.next {right: 0px;}
.RaShBan-svp .RaShBan-swiper-btn a:hover{color: #23b3f6;}
.Abolc-cont {display: flex;align-items: center;justify-content: center;margin-top: -50px;}
.Abolc-bg {width: 530px;height: 530px;position: relative;display: flex;align-items: center;justify-content: center;}
.Abolc-bg img.bg{animation: AbolcBg 60s linear infinite;}
.Abolc-bg img.bg2{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.Abolc-bg .line{position: absolute;transform: rotate(-90deg);}
@keyframes AbolcBg {0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}
.Abolc-muen .muen{display: none; padding: 30px 125px 30px 0px;position: relative;align-items: center;}
.Abolc-muen .muen.active {display: flex;}
.Abolc-muen .muen .swiper-btn {position: absolute;right: 30px;}
.Abolc-muen .muen .swiper-btn.prev{right: auto;left:-100px;}
.Abolc-muen .muen .swiper-btn a{box-shadow: 0px 0px 30px 0px rgba(76, 94, 127, 0.22);}
.Abolc-list {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 540px;height: 540px;display: flex;justify-content: center;}
.Abolc-list .list{transition: all .4s ease;position: absolute;}
/* .Abolc-list .list:nth-child(1) {top: 0%;left: 48%;}
.Abolc-list .list:nth-child(2) {top: 21%;left: 89%;}
.Abolc-list .list:nth-child(3) {top: 61%;left: 96%;}
.Abolc-list .list:nth-child(4) {top: 93%;left: 70%;}
.Abolc-list .list:nth-child(5) {top: 93%;left: 28%;}
.Abolc-list .list:nth-child(6) {top: 62%;left: 1%;}
.Abolc-list .list:nth-child(7) {top: 21%;left: 8%;} */
.Abolc-list .list {width: 40px;height: 100%;pointer-events: none;}
/* .Abolc-list .list:nth-child(1){transform: rotate(0deg);}
.Abolc-list .list:nth-child(2){transform: rotate(51deg);}
.Abolc-list .list:nth-child(3){transform: rotate(102deg);}
.Abolc-list .list:nth-child(4){transform: rotate(153deg);}
.Abolc-list .list:nth-child(5){transform: rotate(204deg);}
.Abolc-list .list:nth-child(6){transform: rotate(256deg);}
.Abolc-list .list:nth-child(7){transform: rotate(307deg);} */
.Abolc-list .list span{height: 50%;width: 100%;content: "";position: absolute;top: 0px;z-index: 9;pointer-events: auto;user-select: none;cursor: pointer;}
.Abolc-list .list::before{content: "";position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 15px;height: 15px;border: 1px solid #23b3f6;border-radius: 100px;transition: all .4s ease;}
.Abolc-list .list.active::before{background-color: #23b3f6;}
.Abolc-Content {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;pointer-events: none;}
.Abolc-Content .muen{display: none;}

@media only screen and (min-width: 1400px){
  .scrolling-div {
    height: 730px; /* 设置一个高度 */
   
    overflow-y: auto; /* 添加Y轴滚动条 */
    border: 1px solid black; /* 添加边框以便更清楚地看到滚动条 */
  }
}

@media screen and (max-width: 1410px){
  .scrolling-div {
    height: 480px; /* 设置一个高度 */
   
    overflow-y: auto; /* 添加Y轴滚动条 */
    border: 1px solid black; /* 添加边框以便更清楚地看到滚动条 */
  }
}





  /* 滚动条轨道 */
 .scrolling-div::-webkit-scrollbar-track {
    background: #f2f2f2; /* 滚动条轨道颜色 */
  }
  /* 滚动条 */
 .scrolling-div::-webkit-scrollbar {
    width: 20px; /* 滚动条宽度 */
    background: #f2f2f2; /* 滚动条背景颜色 */
  }
  /* 滚动条滑块 */
 .scrolling-div::-webkit-scrollbar-thumb {
    background: #c40000; /* 滚动条滑块颜色 */
  }
  /* 滚动条滑块悬停状态 */
 .scrolling-div::-webkit-scrollbar-thumb:hover {
    background: #c40000; /* 悬停时滚动条滑块颜色 */
  }
.IndTitle.center {display: flex;flex-direction: column;align-items: center;}
.IndTitle .name {display: flex;align-items: flex-start;}
.IndTitle .name img{display: block;margin-left: 8px;width: 10px;}
.IndTitle .text a{color: #07358d;text-decoration: underline;}

.swiper-pagination-bullet {width: 10px;height: 10px;opacity: .2;margin: 0px 10px;}
.swiper-pagination-bullet-active {opacity: 1;background: #07358d;}


@media only screen and (min-width: 1400px){

.fudong{left: 30%;
    top: 12%;
    position: absolute;
    right: 5%;
 }
}

@media screen and (max-width: 1410px){

.fudong{left: 30%;
    top: 15%;
    position: absolute;
    right: 5%;
 }
}