/* 强制取消整屏滚动，恢复正常随意滑动 */
html, body {
  overflow: auto !important;
  height: auto !important;
  position: static !important;
  scroll-snap-type: none !important;
}

/* 取消每个区块强制一屏高 */
.section, .page, .slide, .container {
  height: auto !important;
  min-height: unset !important;
  scroll-snap-align: none !important;
}

/* 取消外层容器限制滚动 */
#app, #wrap, .wrapper, .fullpage {
  height: auto !important;
  overflow: visible !important;
  position: static !important;
}
.z_page_swiper {
  height: 100vh;
  overflow: hidden;
}

.w80 {
  width: 100%;
  margin: 0 0;
}

.w90 {
  width: 90%;
  margin: 0 auto;
}

.z_slide {
  overflow: hidden;
}

.footer {
  height: auto;
  overflow: initial;
}
/* .footer {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
  z-index: 1 !important;
  padding: 0 !important;
  height: auto !important;
  overflow: visible !important;
} */

.z_kdc_bar {
  position: fixed;
  z-index: 5;
  right: auto !important;
  left: 40px !important;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.z_kdc_bar .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  margin: 10px 0 !important;
  opacity: 1;
  transform: scale(0.8);
  transition: all .36s;
  background-color: rgba(0, 0, 0, .3);
  border: 3px solid transparent;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  -webkit-transition: all .36s;
  -moz-transition: all .36s;
  -ms-transition: all .36s;
  -o-transition: all .36s;
}

.z_kdc_bar .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 3px solid var(--blue);
  background-color: #fff;
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}




header {
  color: #fff;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

header .icon1 {
  display: none;
}

nav {}

nav li {
  position: relative;
}

nav li span {
  position: relative;
  display: inline-block;
}

nav li .OneNav span::after {
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -1px;
  transition: all .3s;
  transform: scale(0, 1);
  left: 0;
  display: block;
  content: '';
  display: block;
  content: '';
  background-color: #4C7DA4;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
}

.OneNav {
  line-height: 80px;
  font-size: 18px;
  padding: 0 30px;
}

nav li:hover .OneNav span::after,
nav li.on .OneNav span::after {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
}

.headerSearch,
.language {
  padding: 0 20px;
}



.h_nav {
  height: 60px;
  width: 60px;
  padding: 18px 8px;
  display: flex;
}

.h_nav .burger {
  width: 100%;
  height: 1px;
  background: #3E3A3B;
  transition: .8s;
  display: inline-block;
}

.h_nav .burger:first-child {
  animation: long 2s linear infinite;
  -webkit-animation: long 2s linear infinite;
}

.h_nav .burger:nth-of-type(2) {
  width: 50%;
}

.h_nav .burger:nth-of-type(3) {
  animation: long 3s linear infinite;
  -webkit-animation: long 3s linear infinite;
}

.h_nav.close .burger:first-child {
  display: none;
}

.h_nav.close .burger:nth-of-type(3) {
  display: none;
}

.h_nav.close .burger:nth-of-type(2) {
  position: relative;
  z-index: 1;
  width: 80%;
}

.h_nav.close .burger:nth-of-type(2):before,
.h_nav.close .burger:nth-of-type(2):after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  z-index: 1;
}

.h_nav.close .burger:nth-of-type(2) {
  background: transparent;
  transform: rotate(-180deg);
}

.h_nav.close .burger:nth-of-type(2):before,
.h_nav.close .burger:nth-of-type(2):after {
  opacity: 1;
  transition: all .3s;
}

.h_nav.close .burger:nth-of-type(2):before {
  transform: rotate(45deg);
}

.h_nav .burger:nth-of-type(2):after {
  transform: rotate(-45deg);
}

header::before {
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  display: block;
  content: '';
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}

header.bg::before {
  height: 100%;
}

header.bg {
  color: #333;
  box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}

header.bg .icon1 {
  display: block;
}

header.bg .icon2 {
  display: none;
}

header.bg nav li.on .OneNav,
header.bg nav li:hover .OneNav {
  color: var(--blue);
}

header.bg nav li .OneNav span::after {
  background-color: var(--blue);
}

header.bg .h_nav .burger {
  background-color: #333;
}

.navClose {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 10;
}

.navClose:hover {
  letter-spacing: 5px;
}

.navs__pop {
  z-index: 101;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;

  background: var(--blue);

  overflow: hidden;
  height: 0;
  transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.navs__pop.show {
  height: 100%;
}

.navs__menu-wrap {
  position: relative;
  height: 100vh;

}

.Circles {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none !important;
  z-index: 0;
}

.Circles-circle {
  display: block;
  position: absolute;
  will-change: transform;
  transition: 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.Circles-circle:nth-child(1) {
  width: 21.87vw;
  height: 21.87vw;
  top: -7.26vw;
  left: -7.26vw;
}

.Circles-circle:nth-child(1) .Circles-dot {
  opacity: 0.05;
}

.Circles-circle:nth-child(2) {
  width: 35vw;
  height: 35vw;
  top: -11.7vw;
  left: -11.7vw;
  transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.Circles-circle:nth-child(2) .Circles-dot {
  opacity: 0.04;
}

.Circles-circle:nth-child(3) {
  width: 48vw;
  height: 48vw;
  top: -16vw;
  left: -16vw;
  transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.Circles-circle:nth-child(3) .Circles-dot {
  opacity: 0.03;
}

.Circles-circle:nth-child(4) {
  width: 63.4vw;
  height: 63.4vw;
  top: -21.1vw;
  left: -21.1vw;
  transition: 3.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.Circles-circle:nth-child(4) .Circles-dot {
  opacity: 0.02;
}

.Circles-circle:nth-child(5) {
  width: 92vw;
  height: 92vw;
  top: -30.7vw;
  left: -30.7vw;
  transition: 3.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.Circles-circle:nth-child(5) .Circles-dot {
  opacity: 0.02;
}

.Circles-dot {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.Circles-dot:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f2f2f2;
  border-radius: 50%;
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
  will-change: transform;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
  -moz-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
  -ms-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
  -o-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
}

.navs__menus {
  position: absolute;
  left: 0;
  top: 0;

  width: 100%;
  height: 100%;
}

.navs__logos {
  text-align: center;
}

.navs__logos img {
  display: block;
  /* width: 233px; */
  margin: auto;
}

.navs__li {
  margin-top: 90px;



}

.navs__li .left .navs__item {
  white-space: nowrap;
}

.navs__li .left dt {
  margin-bottom: 5px;
}

.navs__li .left dt a {
  color: #fff;
}

.navs__li .left dd {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  margin-bottom: 10px;
}

.navs__li .left dd a:hover {
  color: #fff;
}


#banSwiper {
  width: 100%;
  height: 100%;
}

.banImg {
  width: 100%;
  height: 100vh;
  object-fit: cover;

}
.z_page_swiper .swiper-wrapper .z_slide .swiper-container .swiper-wrapper .posi .banImg {
    width: 2000px;
  height: 900px;
}

.banner .swiper-slide::before {
  /* display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%; */
  /* background-color: rgba(0, 0, 0, 0.05); 黑色，透明度为50% */
  /* background-image: linear-gradient(to right,rgb(162 202 255 / 30%), #d0e4ff47 ); */
  /* background-image: linear-gradient(to right, var(--blue), rgba(24, 90, 178, 0.3)); */

}

.banner .swiper-slide .txt {
  position: absolute;
  z-index: 10;
  left: 6vw;
  height: 100%;
  top: 0;
}

.banner .swiper-slide .txt .more {
  border-color: rgba(255, 255, 255, .6);
  width: 230px;
  height: 50px;
}

.banner .swiper-slide .txt .more::before {
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  display: block;
  content: '';
  transition: all .36s;
  -webkit-transition: all .36s;
  -moz-transition: all .36s;
  -ms-transition: all .36s;
  -o-transition: all .36s;
}

.banner .swiper-slide .txt .more:hover {
  color: #333;
  box-shadow: 0 0 10px rgba(255, 255, 255, .25);
}

.banner .swiper-slide .txt .more:hover:before {
  width: 100%;
}

.banner-pagination {
  position: absolute;
  left: 6vw !important;
  bottom: 5vh !important;
  z-index: 10;
}

.banner-pagination .swiper-pagination-bullet {
  width: 40px;
  height: 40px;
  opacity: 1;
  background-color: transparent;
  position: relative;
  border: 1px solid transparent;
}

.banner-pagination .swiper-pagination-bullet::after {
  width: 15%;
  height: 15%;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 50%;
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 1px solid #fff;
}

.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background-color: #fff;
}

/* .aboutbg{
	background: url(../image/aboutbg.png) no-repeat bottom left;
	background-size: cover;
} */
.idxAbout {
  /* background: url(../image/idxAboutBg.jpg) no-repeat bottom left; */
  background-size: cover;
  background: url(../image/fQLGreXP9.jpeg) no-repeat top right;
  /* background-color: rgba(0, 0, 0, 0.2);  */
  /* background-color: #FAFAFA; */
}

#wonder {
  z-index: 2;
  background-image: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.2));
  opacity: .4;
}

.z_slide .content {
  height: calc(100vh - 80px);
}

.idxAboutMap {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  z-index: 1;
}

.idxAbout .more {
  width: 220px;
}

.idxAbout .more::after {
  width: 0;
  height: 2px;
  background-color: #fff;
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all .36s;
  -webkit-transition: all .36s;
  -moz-transition: all .36s;
  -ms-transition: all .36s;
  -o-transition: all .36s;
}

.idxAbout .more .radius50 {
  width: 40px;
  height: 40px;
}

.idxAbout .more:hover .radius50 {
  margin-right: 15px;
  background-color: var(--blue);
  color: #fff;
}

.idxAbout .more:hover::after {
  width: 100%;
}

.numUl li {
  border-color: rgba(255, 255, 255, .1);
}

.numUl li img {
  /* filter: grayscale(100%) brightness(500%); */
}

.opacity0 {
  opacity: 0;
}

.idxPro {
  background: url(../image/idxProBg.jpg) no-repeat top right;
  background-size: cover;
}

.idx01 {
  background:#fff;
}
.idxPro .prev,
.idxPro .next {
  width: 66px;
  height: 66px;
}

.idxPro .prev:hover,
.idxPro .next:hover {
  background-color: var(--blue);
  color: #fff;
}

.idxproItem .txt {
  position: absolute;
  top: 8%;
  left: 20px;
  z-index: 5;
}

.idxproItem .img {
  height: 365px;
}

.idxproItem .img img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.idxproItem .b1-a1 {
  width: 60px;
  height: 60px;
}

.idxproItem:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.idxproItem:hover .b1-a1 {
  transform: translateX(-15px);
  box-shadow: 0 0 10px rgba(24, 90, 178, 0.3);
  -webkit-transform: translateX(-15px);
  -moz-transform: translateX(-15px);
  -ms-transform: translateX(-15px);
  -o-transform: translateX(-15px);
}

.idxPartners {
  background-image: linear-gradient(to bottom, #2573d4, #124fa3);
}

.idxPartners .title {
  position: absolute;
  left: 0;
  top: 5vh;
}

.idxPartners .idxProDian {
  filter: grayscale(100%) brightness(500%);
}

.idxPartnersTit {
  position: absolute;
  width: 40vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.idxPartnersTit:hover {
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
}

.idxCoopreImg {
  z-index: 5;
}

.idxCoopreImg img {
  max-width: 300px;
  max-height: 120px;
  position: absolute;
  opacity: 0;
  animation: ani2_img 12s linear infinite 0s;
  -webkit-animation: ani2_img 12s linear infinite 0s;
}

/* */
.idxCoopreImg img:nth-child(1) {
  left: 15.7%;
  top: 30%;
  animation-delay: 0s;
}

.idxCoopreImg img:nth-child(2) {
  left: 17.6%;
  top: 68%;
  animation-delay: 2s;
}

.idxCoopreImg img:nth-child(3) {
  right: 0;
  top: 55%;
  animation-delay: 0s;
}

.idxCoopreImg img:nth-child(4) {
  left: 70%;
  top: 66%;
  animation-delay: 6s;
}

.idxCoopreImg img:nth-child(5) {
  left: 23.2%;
  top: 10%;
  animation-delay: 6s;
}

.idxCoopreImg img:nth-child(6) {
  left: 50%;
  top: 10%;
  animation-delay: 6s;
}

.idxCoopreImg img:nth-child(7) {
  left: 22%;
  top: 85%;
  animation-delay: 4s;
}

.idxCoopreImg img:nth-child(8) {
  left: 38%;
  top: 24%;
  animation-delay: 0s;
}

.idxCoopreImg img:nth-child(9) {
  left: 0;
  top: 30%;
  animation-delay: 2s;
}

.idxCoopreImg img:nth-child(10) {
  left: 10%;
  bottom: 5%;
  animation-delay: 6s;
}

.idxCoopreImg img:nth-child(11) {
  left: 82.4%;
  top: 30%;
  animation-delay: 6s;
}

.idxCoopreImg img:nth-child(12) {
  left: 76.1%;
  top: 10%;
  animation-delay: 0s;
}

.idxCoopreImg img:nth-child(13) {
  left: 60%;
  top: 86.4%;
  animation-delay: 4s;
}

.idxCoopreImg img:nth-child(14) {
  right: 0;
  top: 80%;
  animation-delay: 2s;
}

.idxCoopreImg img:nth-child(15) {
  left: 64%;
  top: 28%;
  animation-delay: 6s;
}

.idxCoopreImg img:nth-child(16) {
  left: 0;
  top: 50%;
  animation-delay: 2s;
}

.idxCoopreImg img:nth-child(17) {
  left: 48%;
  top: 68%;
  animation-delay: 4s;
}

.idxCoopreImg img:nth-child(18) {
  right: 0;
  top: 15%;
  animation-delay: 2s;
}

.idxCoopreImg img:nth-child(19) {
  left: 0;
  top: 70%;
  animation-delay: 4s;
}

.idxCoopreImg img:nth-child(n + 20) {
  display: none;
}

@keyframes ani2_img {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }

  33% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.2);
    opacity: 0;
  }

  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}


.idxCoopre {
  /* background-image: linear-gradient(to bottom, #2573d4, #124fa3); */
	  background: url(../image/fQLHwiaS4.jpeg) no-repeat top right;
}
/* .idxCoopre::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.1); 
} */
.idxCoopre .title {
  position: absolute;
  left: 0;
  top: 5vh;
}

.idxCoopre .idxProDian {
  filter: grayscale(100%) brightness(500%);
}

.idxCoopreTit {
  position: absolute;
  width: 40vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.idxCoopreTit:hover {
  transform: translate(-50%, -50%) scale(0.95);
  -webkit-transform: translate(-50%, -50%) scale(0.95);
  -moz-transform: translate(-50%, -50%) scale(0.95);
  -ms-transform: translate(-50%, -50%) scale(0.95);
  -o-transform: translate(-50%, -50%) scale(0.95);
}

.idxPartnersImg {
  z-index: 5;
}

.idxPartnersImg img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 50px;
  opacity: 0;
  animation: ani2_img 12s linear infinite 0s;
  -webkit-animation: ani2_img 12s linear infinite 0s;
}

.idxPartnersImg img:nth-child(1) {
  animation-delay: 0s;
}

.idxPartnersImg img:nth-child(2) {
  animation-delay: 4s;
}

.idxPartnersImg img:nth-child(3) {
  animation-delay: 8s;
}



.idxNews {
  background: url(../image/idxNewsBg.jpg) no-repeat center center;
  background-size: cover;
}

.idxNewItem {
  box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}

.idxNews .line-clamp2 {
  height: calc(2em + 1.5em);
  line-height: 1.6;
}

.idxNewItem .img img {
  height: 325px;
  object-fit: cover;
}

.idxNewItem .desc {
  z-index: 2;
  transform: translateY(325px);
  -webkit-transform: translateY(325px);
  -moz-transform: translateY(325px);
  -ms-transform: translateY(325px);
  -o-transform: translateY(325px);
}

.idxNewItem:hover .desc {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.idxNewsRightItem .img img {
  width: 210px;
  height: 150px;
  object-fit: cover;
}

.idxNewsRightItem .txt {
  width: calc(100% - 210px);
}

.idxNewsRightItem:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.idxNewItem .tit span {
  /*text-decoration: underline;
    */
  background-image: linear-gradient(currentColor 0, currentColor 0);
  background-image: linear-gradient(currentColor 0 0);
  background-position: 0 calc(100% - 1px);
  background-size: 0 1px;
  background-repeat: no-repeat;
  transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
}

.idxNewItem:hover .tit span {
  background-position: 100% calc(100% - 1px);
  background-size: 100% 1px
}




footer {
  background: url(../image/footerBg.jpg) no-repeat center center;
  background-size: cover;

}
footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.1); /* 半透明黑色 */
}
footer dt {
  line-height: 1;
}

footer dl {
  line-height: 2.4;
}

footer .line {
  background-color: rgba(255, 255, 255, .25);
  width: 60px;
  height: 2px;
}

.ewmUl {
  justify-content: flex-start;
}

.ewmUl .img {
  background: url(../image/ewmbG.png) no-repeat center center;
  background-size: 100% 100%;
  margin-bottom: 15px;
}

.ewmUl .img img,
.ewmImg {
  width: 100px;
}

footer .bottom {
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.select-txt option {
  color: #333
}

.neiBanImg {
  width: 100%;
  max-height: 100vh;
  object-fit: cover;
  min-height: 280px
}

.neiBan .txt {
  z-index: 5;
  background-image: linear-gradient(to right, var(--blue), transparent);
}

.locaiton {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
}


.subnav a {
  display: block;
  position: relative;
  line-height: 90px;
  margin-right: 5vw;
  white-space: nowrap;
}

.subnav a::after {
  width: 100%;
  height: 2px;
  background-color: var(--blue);
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  content: '';
  transition: all .36s;
  transform: scale(0, 1);
  -webkit-transition: all .36s;
  -moz-transition: all .36s;
  -ms-transition: all .36s;
  -o-transition: all .36s;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
}

.subnav a.on {
  color: var(--blue);
  font-weight: bold;
}

.subnav a:hover::after,
.subnav a.on::after {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
}

.orient {
  padding-top: 90px;
  margin-top: -90px;
}

.profile {
  background: url(../image/profileBg.jpg) no-repeat center top;
  background-size: 100% auto;
}

.profile .line {
  width: 30px;
  height: 5px;
}

.profile .bot::after {
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  content: '';
  background-color: #f7f7f7;
}

.segment .txt {
  z-index: 10;
  background-image: linear-gradient(to bottom, transparent, rgba(24, 90, 178, 0.5));
}

.segment .swiper-slide:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.segment .prev,
.segment .next {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.segment .prev {
  left: -100px;
}

.segment .next {
  right: -100px;
}

.segment .prev:hover,
.segment .next:hover {
  background-color: var(--blue);
  color: #fff;
}


.container {
  padding-right: 15px;
  width: 1600px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.maxImg img {
  max-height: 100%;
  max-width: 100%;
}

.history {
  background: url(../image/historyBg.jpg) no-repeat center bottom;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  overflow: hidden;
  height: auto;
}

.history::after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: block;
  content: '';
  background-image: linear-gradient(to top, rgba(24, 90, 178, 0.8), transparent);
}

.clound {
  width: 100%;
  height: 590px;
  z-index: 2;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../image/cloundy.png) repeat-x left center;
  -webkit-animation: animate-cloud 30s linear infinite;
  animation: animate-cloud 30s linear infinite;
}


.history-top .years {
  font-size: 250px;

  /* text-stroke: 1px #fff; -webkit-text-stroke: 1px #fff; */
}

.history-thumbs .yuan {
  width: 40px;
  height: 40px;
}

.history-thumbs .yuan i {
  display: block;
  width: 20%;
  height: 20%;
}

.history-thumbs .yuan::after {
  width: 100%;
  transform: scale(0);
  transition: all .36s;
  height: 100%;
  position: absolute;
  left: 0%;
  top: 0%;
  background-color: rgba(255, 255, 255, 0.3);
  display: block;
  content: '';
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transition: all .36s;
  -moz-transition: all .36s;
  -ms-transition: all .36s;
  -o-transition: all .36s;
}

.history-thumbs .swiper-slide-thumb-active .yuan::after {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.historyBot::after {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 20px;
  background: rgba(255, 255, 255, 0.25);
  z-index: 1;
  display: block;
  content: '';
}

.history-thumbs .swiper-slide-thumb-active .yuan i {
  background-color: var(--blue);
}

/* .history  .next,.history .prev{ border: 1px solid rgba(255, 255, 255, .4); position: absolute; z-index: 20; top: 50%; width: 60px; height: 60px; margin-top: -30px;}
.history .prev{ left: 0;}
.history  .next{ right: 0;}
.history  .next:hover,.history .prev:hover{ background-color: #00696c;}
.history .next.swiper-button-disabled,.history .prev.swiper-button-disabled{ display: none ;} */


.hononr .img {
  height: 400px;
}

.hononr .txt {
  padding-top: 0;
}

.hononr .prev,
.hononr .next {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.hononr .prev {
  left: -100px;
}

.hononr .next {
  right: -100px;
}

.hononr .prev:hover,
.hononr .next:hover {
  background-color: var(--blue);
  color: #fff;
}

.scollBot {
  width: 60px;
  height: 60px;
  border-color: #fff;
  position: absolute;
  left: 50%;
  bottom: 10%;
  margin-left: -30px;
  z-index: 11;
  animation: ani-svg 1s linear 0s alternate infinite;
}

.scollBot:hover {
  background-color: var(--blue);
  border-color: var(--blue);
}

.proLeft {
  width: 30%;
}

.proRight {
  width: 70%;
  padding-right: 8vw;
}

.prolist .img {
  height: 400px;
}

.prolist .img img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.prolist li:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.linka a:hover {
  color: var(--blue);
}

.prolist li .more a {
  height: 60px;
}

.prolist li .more a.on {
  color: #fff;
}

.hoverxf {
  border-color: var(--blue);
}

.proLeft .title {
  padding-left: 8vw;
  height: 90px;
}

.proLeft .con {
  padding-left: 8vw;
}

.proNav li a.one {
  border-radius: 0 40px 40px 0;
  -webkit-border-radius: 0 40px 40px 0;
  -moz-border-radius: 0 40px 40px 0;
  -ms-border-radius: 0 40px 40px 0;
  -o-border-radius: 0 40px 40px 0;
}

.proNav li dl {
  display: none;
}

.proNav li.on dl,
.proNav li:hover dl {
  display: block;
}

.proNav li dl a {
  display: block;
}

/* .proNav li:hover > .li:not(:hover) dl{
	display: none;
  } */


.cellMenuBox {
  margin: 0 auto;
  width: 100%;
}

.neiNav {
  padding: 0 20px;
}

.menuItem {
  height: 50px;
  border-bottom: 1px solid #EBEBEB;
  padding-top: 15px;
  display: flex;
  position: relative;
}

.menuItem .topTitle {
  font-size: 15px;

  font-weight: 500;
  opacity: 1;
  width: 92%;
}

.menuItem .topTitle a {
  display: block;
}

.menuItem .topTitleActive {
  color: var(--blue);
  border-bottom: 2px solid var(--blue);
}

.menuItem .topBtn img {
  position: absolute;
  height: 40%;
}

.topBtnActive {
  margin-top: 0;
}

.menuDetail {
  width: 92%;
  /*margin: 0 auto;*/
  background: #d1def0;
  opacity: 1;
  padding: 2% 4.7%;
  position: absolute;
  top: 100%;
  z-index: 99;
}

.menuDetail li {
  font-size: 14px;

  line-height: 2.4;
  color: rgba(68, 68, 68, 1);
  opacity: 1;
}

.menuDetail li a {
  display: block;
  width: 100%;
}

.menuDetail li:hover {
  color: var(--blue) !important;
}

.proInfoTop {
  background: url(../image/proInfoBg.jpg) no-repeat center center;
  background-size: cover;
}

.noneiban {
  padding-top: 80px;
}

.proInfoTop .txt .line {
  height: 1px;
  background-color: #cdcdcd;
}

.proInfoTop .txt .line::after {
  width: 10%;
  height: 2px;
  border-bottom: 0;
  left: 0;
  display: block;
  content: '';
  background-color: var(--blue);
}

.proInfoTop .txt .btn a {
  width: 30%;
  border: 1px solid #dadada;
  border-left: none;
  height: 66px;
}

.proInfoTop .txt .btn a:first-child {
  width: 40%;
  border-color: var(--blue);
}

.proInfoTop .txt .btn a:hover {
  color: var(--blue);
}

.proInfoTop .txt .btn a:first-child:hover {
  color: #fff;
}

.proInfoBot .left {
  width: 62%;
}

.proInfoBot .right {
  width: 32%;
}

.proInfoBot .left .title span {
  border-left: 3px solid var(--blue);
}

.propage a {
  height: 56px;
  border-radius: 30px;
  width: 28%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.propage a:hover {
  box-shadow: 0 0 10px rgba(24, 90, 178, 0.3);
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
}


.morenuewsUl li .img img {
  width: 185px;
  height: 115px;
  object-fit: cover;
}

.morenuewsUl li .txt {
  width: calc(100% - 210px);
}

.morenuewsUl li:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.morenuewsUl li:hover {
  color: var(--blue);
}



.newswiper .swiper-container {
  box-shadow: 0 0 10px rgba(0, 0, 0, .15);
  border-radius: 10px;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.newswiper .swiper-slide {
  border-radius: 30px;
}

.newswiper .swiper-slide .img img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.newswiper .swiper-slide .txt .line {
  width: 0;
  margin-right: 10px;
  height: 2px;
  background-color: var(--blue);
  transition: all .36s;
  -webkit-transition: all .36s;
  -moz-transition: all .36s;
  -ms-transition: all .36s;
  -o-transition: all .36s;
}

.newswiper .swiper-slide:hover .line {
  width: 50px;
}

.newswiper .swiper-slide:hover {
  color: var(--blue);
}

.newswiper .swiper-slide .tit span {
  /*text-decoration: underline;
     */
  background-image: linear-gradient(currentColor 0, currentColor 0);
  background-image: linear-gradient(currentColor 0 0);
  background-position: 0 calc(100% - 1px);
  background-size: 0 1px;
  background-repeat: no-repeat;
  transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
}



.newswiper .swiper-slide:hover .tit span {
  background-position: 100% calc(100% - 1px);
  background-size: 100% 1px
}

.newswiper .next,
.newswiper .prev {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 10;
}

.newswiper .next {
  right: -100px;
}

.newswiper .prev {
  left: -100px;
}

.newswiper .next:hover,
.newswiper .prev:hover {
  color: #fff;
  background-color: var(--blue);
}

.newslist li {
  width: 28.1%;
  margin-right: 7.85%;
  margin-bottom: 70px;
}

.newslist li:nth-child(3n) {
  margin-right: 0;
}


.idxNewsItem .more {
  width: 225px;
  height: 65px;
}

.idxNewsItem .desc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.idxNewsItem img {
  width: 100%;
  height: 270px;
  object-fit: cover;
  position: relative;
  z-index: 2;
  transform: translateY(-100%);
}

.idxNewsItem .more {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
}

.idxNewsItem .more::before {
  width: 100%;
  height: 0;
  background-color: var(--blue);
  transition: all .36s;
  display: block;
  content: '';
  top: 0;
  left: 0;
  position: absolute;
}

.idxNewsItem .more i {
  z-index: 5;
}

.idxNewsItem:hover img {
  transform: translateY(0);
}

.idxNewsItem:hover .more {
  background-color: var(--blue);
  color: #fff;
  border-color: var(--blue);
}

.idxNewsItem:hover .more::before {
  height: 100%;
}

.idxNewsItem:hover .time {
  color: var(--blue);
}

/* .caselist  .idxNewsItem img{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.caselist  .idxNewsItem .more{ background-color: var(--blue); color: #fff; border-color: var(--blue);}
.caselist  .idxNewsItem .more::before{ height: 100%;}
.caselist .idxNewsItem:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } */

@media screen and (min-width:750px) {
  .idxNewsItem.swiper-slide-active img {
    transform: translateY(0);
  }

  .idxNewsItem.swiper-slide-active .more {
    background-color: var(--blue);
    color: #fff;
    border-color: var(--blue);
  }

  .idxNewsItem.swiper-slide-active .more::before {
    height: 100%;
  }

  .idxNewsItem.swiper-slide-active .time {
    color: var(--blue);
  }
}

.newpage a {
  width: calc((100% - 160px) / 2);
}

.newpage a.listOn {
  width: 130px;
  border-radius: 25px;
  height: 50px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

.newpage a:hover {
  color: var(--blue);
}

.newpage a.listOn:hover {
  color: #fff;
}

.newpage .iconfont {
  font-size: 30px;
}

.xglist li .img {
  height: 300px;
}

.xglist .more .yuan {
  width: 24px;
  height: 24px;
  border: 1px dashed var(--blue);
}

.xglist .more .yuan .iconfont {
  font-size: 30px;
  transform: translateX(50%);
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
}

.xglist li:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.xglist li:hover .yuan .iconfont {
  transform: translateX(-30%);
  -webkit-transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  -o-transform: translateX(-30%);
}

.secureUl li .txt .line {
  width: 10%;
  height: 2px;
}

.secureUl li .txt .sz {
  font-size: 110px;
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 1;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
}

.secureUl li:hover .txt .sz {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.secureUl li:hover .line {
  width: 100%;
}

.secureUl li:nth-child(2n) a {
  flex-direction: row-reverse;
}

.secureUl li:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}


.responsibility {
  background: url(../image/responsibilityBg.jpg) no-repeat center center;
  background-size: cover;
}

.responsibilityIcon {
  opacity: .1;
  width: 5%;
}

.responsibility .border {
  border-color: #d9d9d9;
}

.fanZhan .prev,
.fanZhan .next {
  box-shadow: 0 0 10px rgba(0, 0, 0, .15);
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.fanZhan .prev {
  left: -100px;
}

.fanZhan .next {
  right: -100px;
}

.fanZhan .prev:hover,
.fanZhan .next:hover {
  background-color: var(--blue);
  color: #fff;
}



.planUl li {
  height: 200px;
}

.planUl li::before {
  width: 100%;
  height: 100%;
  background-color: var(--blue);
  display: block;
  content: '';
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(0.4);
  transition: all .36s;
  opacity: 0;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -o-transform: scale(0.4);
  -webkit-transition: all .36s;
  -moz-transition: all .36s;
  -ms-transition: all .36s;
  -o-transition: all .36s;
}

.planUl li::after {
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  border: 1px dashed rgba(255, 255, 255, .5);
  display: block;
  content: '';
  z-index: 5;
  position: absolute;
  left: 15px;
  top: 15px;

  transition: all .36s;

  -webkit-transition: all .36s;
  -moz-transition: all .36s;
  -ms-transition: all .36s;
  -o-transition: all .36s;
}

.planUl li .yuan {
  width: 88px;
  height: 88px;
  margin-bottom: 15px;
  background-color: rgba(255, 255, 255, .25);
}

.planUl li .yuan img {
  width: 50%;
}

.planUl {
  margin-right: 8vw;
}

/* .planUl li:hover,.planUl li.active{ color: #fff;}
.planUl li:hover::before,.planUl li.active::before{ transform: scale(1); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.planUl li:hover .yuan img,.planUl li.active .yuan img{filter: grayscale(100%) brightness(500%);} */
.planUl li.active {
  color: #fff;
}

.planUl li.active::before {
  transform: scale(1);
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.planUl li.active .yuan img {
  filter: grayscale(100%) brightness(500%);
}

.awarded {
  background: url(../image/awardedBg.jpg) no-repeat center center;
  background-size: cover;
}

.awardedCenter {
  width: 720px;
  height: 720px;
  border: 1px dashed rgba(24, 90, 178, 0.3);
}

.awardedCenter::after {
  width: 87%;
  height: 87%;
  border: 1px dashed rgba(24, 90, 178, 0.8);
  z-index: 1;
  border-radius: 50%;
  display: block;
  content: '';
  position: absolute;
  left: 6.5%;
  top: 6.5%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.awardedCenter .center {
  padding: 10%;
  width: 74%;
  height: 74%;
  background: url(../image/awardedCenterBg.png) no-repeat center center var(--blue);
  background-size: cover;
}

.awardedUl li {
  position: absolute;
}

.awardedUl .txt {
  height: 70px;
  background: url(../image/awardedIcon.png) no-repeat center center;
  background-size: 100% 100%;
  width: 300px;
}

.awardedUl li .awardedYuan {
  margin-left: 100px;
}

.awardedUl li:nth-child(2n) {
  flex-direction: row-reverse;
}

.awardedUl li:nth-child(2n) .awardedYuan {
  margin-left: 0;
  margin-right: 100px;
}

/*.awardedUl li:nth-child(1){ top: 5%; left: -265px;  }
.awardedUl li:nth-child(2){ top: 5%; right: -265px;  }
.awardedUl li:nth-child(3){ top: 35%; left: -405px;  }
.awardedUl li:nth-child(4){ top: 35%; right: -405px;  }
.awardedUl li:nth-child(5){ top: 60%; left: -398px;  }
.awardedUl li:nth-child(6){ top: 60%; right:  -398px;  }
.awardedUl li:nth-child(7){ bottom: 5%; left: -265px;  }
.awardedUl li:nth-child(8){ bottom: 5%; right: -265px;  }*/
.awardedUl li:nth-child(1) {
  top: 5%;
  left: -265px;
}

.awardedUl li:nth-child(2) {
  top: 5%;
  right: -265px;
}

.awardedUl li:nth-child(3) {
  top: 25%;
  left: -382px;
}

.awardedUl li:nth-child(4) {
  top: 25%;
  right: -382px;
}

.awardedUl li:nth-child(5) {
  top: 45%;
  left: -415px;
}

.awardedUl li:nth-child(6) {
  top: 45%;
  right: -415px;
}

.awardedUl li:nth-child(7) {
  top: 65%;
  left: -385px;
}

.awardedUl li:nth-child(8) {
  top: 65%;
  right: -385px;
}

.awardedUl li:nth-child(9) {
  bottom: 5%;
  left: -260px;
}

.awardedUl li:nth-child(10) {
  bottom: 5%;
  right: -260px;
}

.awardedUl li:hover .txt {
  background: var(--blue);
  color: #fff;
  box-shadow: 0 0 10px rgba(24, 90, 178, 0.25);
  transform: translateX(-10px);
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px);
}

.awardedUl li:nth-child(2n):hover .txt {
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
}




.contactStyleLine {
  height: 3px;
  width: 5%;
}

.contactStyle .iconfont {
  font-size: 30px;
}

.yamImg {
  max-height: 90%;
  top: 50%;
  width: auto;
  transform: translateY(-50%);
  right: 2px;
  z-index: 10;
  cursor: pointer;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.mapBox {
  width: 100%;
  height: 600px;
}

.mapBox * {
  box-sizing: content-box !important;
}

.brandLine {
  width: 2vw;
  height: 3px;
}

.signBox {
  background-color: #f5f9fe;
}

.befar {
  background: url(../image/befarBg.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}

.befar li {
  width: 20%;
  border-right: 1px solid rgba(255, 255, 255, .15);
}

.befar li .big {
  text-stroke: 1px #fff;
  -webkit-text-stroke: 1px rgba(255, 255, 255, .4);
  color: transparent;
  font-size: 150px;
}

.befar li:hover .big {
  animation: jello 1.2s;
}

.befar li .desc {
  height: 4em;
  color: rgba(255, 255, 255, .6);
}

.culture {
  background: url(../image/cultureBg.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}

.culture li {
  border-color: rgba(255, 255, 255, .15);
  width: 25%;
  perspective: 200px;
}

.culture li>img,
.culture li>div {
  position: relative;
  z-index: 5;
}

.culture li::after {
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  transition: all .36s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(24, 90, 178, 0.5);
  display: block;
  content: '';
  -webkit-transition: all .36s;
  -moz-transition: all .36s;
  -ms-transition: all .36s;
  -o-transition: all .36s;
}

.culture li::after {
  transform: rotateY(45deg);
  -webkit-transform: rotateY(45deg);
  -moz-transform: rotateY(45deg);
  -ms-transform: rotateY(45deg);
  -o-transform: rotateY(45deg);
}

.culture li:hover::after {
  transform: rotateY(0);
  opacity: 1;
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
}

.culture li:hover img {
  animation: jello 1.2s;
  -webkit-animation: jello 1.2s;
}

.culture li .cultureIcon {
  height: 50px;
}

.next.swiper-button-disabled,
.prev.swiper-button-disabled {
  cursor: no-drop;
}

.popSearch {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  display: none;
}

.popSearch .bg {
  background: rgba(0, 0, 0, 0.8);
}

.popSearch .con {
  z-index: 10;
  position: absolute;
  width: 50vw;
  left: 25vw;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.popSearch .con input {
  height: 50px;
  line-height: 50px;
}

.language {
  white-space: nowrap;
}

.headerSearch,
.language {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.language dl {
  width: 100px;
  position: absolute;
  text-align: center;
  left: 50%;
  transition: all .36s;
  transform: translateX(-50%) translateY(15px);
  top: 80px;
  color: #333;
  line-height: 2;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
  -webkit-transform: ;
  -moz-transform: ;
  -ms-transform: ;
  -o-transform: ;
  -webkit-transition: all .36s;
  -moz-transition: all .36s;
  -ms-transition: all .36s;
  -o-transition: all .36s;
}

.language:hover dl {
  opacity: 1;
  transform: translateX(-50%) translateY(0%);
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(0%);
  -moz-transform: translateX(-50%) translateY(0%);
  -ms-transform: translateX(-50%) translateY(0%);
  -o-transform: translateX(-50%) translateY(0%);
}

.language dl dd a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-bottom: 1px solid #eee;
}

.language dl dd a:hover {
  background-color: var(--blue);
  color: #fff;
}

.tzIcon {
  position: absolute;
  right: 0;
  top: 0;
  width: 15%;
}

.tzlist li {
  width: 48%;
  margin-right: 4%;
}

.tzlist li:nth-child(2n) {
  margin-right: 0;
}

.tzlist li .line-clamp3 {
  height: 6em;
}

.tzlist li:hover {
  transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
}

.tzlist li .btn span,
.tzlist li .btn a {
  width: 90px;
  height: 60px;
  display: flex;
}

.tzlist li .btn a::before {
  width: 0%;
  transition: all .36s;
  height: 100%;
  background-color: var(--blue);
  content: '';
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all .36s;
  -moz-transition: all .36s;
  -ms-transition: all .36s;
  -o-transition: all .36s;
}

.tzlist li:hover .btn a::before {
  width: 100%;
}

.tzlist li .tit span {
  /*text-decoration: underline;
    */
  background-image: linear-gradient(currentColor 0, currentColor 0);
  background-image: linear-gradient(currentColor 0 0);
  background-position: 0 calc(100% - 1px);
  background-size: 0 1px;
  background-repeat: no-repeat;
  transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
}

.tzlist li:hover .tit span {
  background-position: 100% calc(100% - 1px);
  background-size: 100% 1px
}