@charset "utf-8";
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.marginauto {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.linenowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flexCetween {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.flexAlign {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  -webkit-align-items: center;
}
.header {
  position: fixed;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding: 0 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 199;
  width: 100%;
  background:#fff;
  height: 80px;
}
.header.innerbg {
  background: #0082c0;
}
.logo {
  display: inline-block;
  line-height: 1;
  height: 60px;
}
.logo img {
  display: block;
  width: auto;
  max-height: 100%;
}
.header-right {
  display: flex;
}
.navs {
  display: flex;
}
.navs > li {
  margin-right: 2.6vw;
  position: relative;
  z-index: 2;
}
.navs > li:before {
  content: "";
  width: 0;
  height: 2px;
  background: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.navs > li:hover,
.navs > li.active {
  color: #fff;
}
.navs > li:hover:before,
.navs > li.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.navs > li:last-child {
  margin-right: 0;
}
.navs > li:hover .navs-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  transform: translateY(0px);
}
.navs > li > a {
  display: inline-block;
  position: relative;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  line-height: 80px;
}
.navs > li:hover > a{color: #007ab4;}
.navs-menu {
  position: absolute;
  left: 50%;
  margin-left: -55px;
  padding-top: 10px;
  top: 100%;
  width: 110px;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(30px);
  transition: 0.48s;
}
.cpbox{width:400px; margin-left: -200px;}
.navs-menu-list {
  padding: 12px 0;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}
.navs-menu-list::before{
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: rotate(45deg);
  left:50%;
  top: 5px;
  margin-left: -6px;
  
}
.navs-menu-list li {
  margin-bottom: 3px;
  text-align: center;
}
.navs-menu-list li:last-child {
  margin-bottom: 0;
}
.navs-menu-list li a {
  display:block;
  color: #666666;
  font-size: 16px;
  line-height: 32px;
}
.navs-menu-list li a:hover {
  color: #0082c0;
}
.search {
  position: relative;
  margin-left: 3.91vw;
}
.search span {
  display: inline-block;
  line-height: 80px;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
.banner {
  position: relative;
  z-index: 3;
  height: 100vh;
}
.banner-slide {
  overflow: hidden;
}
.banner-slide a {
  display: block;
}
.banner-slide figure {
  display: block;
  line-height: 1;
  overflow: hidden;
}
.banner-slide figure img {
  display: block;
  position: relative;
}
.banner-slide.swiper-slide-active .btext {
  opacity: 1;
}
.banner-slide.swiper-slide-active .btext:before {
  transform: scaleX(1);
  visibility: visible;
  transition-delay: 0.6s;
}
.btext {
  position: absolute;
  left: 15.63vw;
  top: 55%;
  transform: translateY(-50%);
  z-index: 3;
  width: 36.46vw;
  padding-bottom: 60px;
  opacity: 0;
  transition: 2s;
}
.btext:before {
  position: absolute;
  left: 50%;
  margin-left: -40px;
  bottom: 0;
  content: "";
  width: 80px;
  height: 4px;
  background: #fff;
  transform: scaleX(0);
  visibility: hidden;
  transition: 0.5s;
}
.btext img {
  display: block;
  width: 100%;
  height: auto;
  line-height: 1;
}
.scroll-down {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 3.13vw;
  z-index: 10;
  text-align: center;
}
.scroll-down p {
  line-height: 1;
  color: #fff;
  font-size: 16px;
}
.scroll-down i {
  display: inline-block;
  margin-top: 14px;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  font-style: normal;
  animation: mousedown 1s infinite;
}
@keyframes mousedown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0.2;
    transform: translateY(6px);
  }
}
.banner-prev {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  z-index: 10;
  width: 44px;
  height: 44px;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  line-height: 44px;
  color: #fff;
  font-size: 16px;
  transition: 0.35s;
}
.banner-prev:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(0, 109, 184, 0.5);
  transform: scale(0);
  transition: 0.36s;
}
.banner-prev:hover {
  border-color: rgba(0, 109, 184, 0.5);
}
.banner-prev:hover:before {
  transform: scale(1);
}
.banner-prev.prev {
  left: 50px;
}
.banner-prev.next {
  right: 50px;
}
.home-about {
  position: relative;
  z-index: 2;
  display: flex;
}
.home-about:before {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  content: "";
  width: 13.33vw;
  height: 15.16vw;
  background-size: cover;
}
.about-video {
  position: relative;
  z-index: 2;
  padding:7vw 0 5vw 50px;
}
.about-video-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 34.22vw;
  background-position: center;
  background-size: cover;
}
.about-video-wrap {
  position: relative;
  width: 38.85vw;
}
.about-small {
  padding-left: 2.6vw;
  position: relative;
  z-index: 5;
}
.about-small img {
  display: block;
  width: auto;
  height: 5.26vw;
}
.about-video-block {
  position: relative;
  z-index: 3;
  margin-top: -18px;
}
.about-video-block:before {
  position: absolute;
  right: -20px;
  top: -5.7%;
  content: "";
  width: 21.58%;
  height: 111.4%;
  background: url(../img/aboutbg.png) center right no-repeat;
  background-size: cover;
}
.about-video-block figure {
  display: block;
  line-height: 1;
}
.about-video-block figure img {
  display: block;
  width: 100%;
  height: auto;
}
.video-btns {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 10;
  top: 50%;
  cursor: pointer;
  text-align: center;
}
.video-btns span {
  display: block;
  position: relative;
  margin: auto;
  width: 56px;
  height: 56px;
  border: 2px solid #fff;
  border-radius: 50%;
}
.video-btns span:before {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -3.5px;
  content: "";
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #fff;
}
.video-btns p {
  margin-top: 20px;
  line-height: 1;
  color: #fff;
  font-size: 16px;
}
.about-home-info {
  width: 37.25vw;
  margin-left: 9.27vw;
}
.about-home-title {
  margin-bottom: 3.44vw;
}
.about-home-title strong {
  display: block;
  line-height: 3.2;
  color: #000000;
  font-size: 1.8vw;
  font-weight: normal;
}
.about-home-title p {
  color: #0082c0;
  font-size: 1.46vw;
}
.about-home-text {
  color: #666666;
  font-size: 16px;
  line-height: 2.2;
}
.about-home-list {
  margin-top: 3.13vw;
  display: flex;
  justify-content: space-between;
}
.about-home-list li {
  text-align: center;
}
.about-home-list li a:hover b {
  background: #0082c0;
  color: #fff;
}
.about-home-list li a:hover i {
  color: #0082c0;
}
.about-home-list li b {
  display: block;
  margin: auto;
  width: 4.96vw;
  height: 4.96vw;
  border: 1px dotted #0082c0;
  border-radius: 50%;
  text-align: center;
  line-height:4.96vw;
  color: #0082c0;
  font-size: 2.18vw;
  font-weight: normal;
  background: #f2f9fc;
  transition: 0.4s;
}
.about-home-list li p {
  margin-top: 1.15vw;
  margin-bottom: 1.46vw;
  line-height: 1;
  color: #666666;
  font-size: 18px;
}
.about-home-list li i {
  display: inline-block;
  color: #999999;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  transition: 0.35s;
}
.video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}
.video::-webkit-media-controls-fullscreen-button {
  display: none;
}
.about-since {
  position: absolute;
  right: 50px;
  top: 9.69vw;
  z-index: 3;
  display: flex;
}
.about-since img {
  display: inline-block;
  margin-top: 3.44vw;
  width: 2.34vw;
}
.about-nuble {
  margin-left: 1.88vw;
  text-align: center;
}
.about-nuble b {
  display: block;
  line-height: 1;
  color: #333333;
  font-size: 24px;
  font-weight: normal;
  font-family: "Dell Replica";
}
.about-nuble i {
  display: inline-block;
  margin: auto;
  margin-top: 20px;
  width: 1px;
  height: 140px;
  background: #dddddd;
}
.business {
  padding:4vw 0;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-title {
  text-align: center;
}
.home-title strong {
  display: block;
  margin-bottom: 20px;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  font-size: 2.29vw;
}
.home-title small {
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 1.46vw;
  text-transform: uppercase;
}
.business-fix {
  margin-top: 4vw;
}
.business-btn {
  position: relative;
  z-index: 3;
  padding: 0 5vw;
  margin-bottom: 55px;
}
.business-btn:before {
  position: absolute;
  left: 0;
  top: 55px;
  z-index: -1;
  content: "";
  height: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
}
.business-btn-swiper {
  display: flex;
  justify-content: space-between;
}
.business-btn-item {
  position: relative;
  cursor: pointer;
  text-align: center;
}
.business-btn-item:hover p,
.business-btn-item.active p {
  font-weight: bold;
}
.business-btn-item.active span:before,
.business-btn-item.active span:after {
  visibility: visible;
  transform: scale(1);
}
.business-btn-item p {
  margin-bottom: 15px;
  line-height: 1;
  color: #fff;
  font-size: 18px;
  transition: 0.2s;
}
.business-btn-item span {
  display: block;
  width: 45px;
  height: 45px;
  margin: auto;
  position: relative;
}
.business-btn-item span:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  transform: scale(0);
  visibility: hidden;
  transition: 0.4s;
}
.business-btn-item span:after {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -11px;
  margin-top: -11px;
  content: "";
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  transform: scale(0);
  visibility: hidden;
  transition: 0.34s;
}
.business-btn-item span i {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -4px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  z-index: 2;
}
.business-wrap {
  position: relative;
  margin: 54px 5vw 0;
}
.cplist{display: flex; justify-content: space-between; flex-wrap: wrap;}
.cplist li{ width:24%; margin:0.5%;}
.cplist li a{display: block; padding:10px; transition: 0.4s; box-sizing: border-box; background-color: #ffffff6b;}
.cplist li img{width: 100%;height: 210px;}
.cplist li p{font-size: 16px; margin: 0 10px; line-height: 30px; color: #fff; font-weight: bold;}
.cplist li:hover a{background: #fff; border: 1px solid #fff;}
.cplist li:hover p{color: #000;}
.business-posite {
  position: absolute;
  left: 0;
  top: -80px;
}
.business-slide a {
  display: flex;
  justify-content: space-between;
}
.business-slide a:hover .business-imgs figure img {
  transform: scale(1.05);
}
.business-imgs {
  margin-left: 22px;
  position: relative;
  width: 47.82%;
}
.business-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 65.68%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.business-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.business-imgs figure img {
  transition: 0.68s;
}
.business-imgs figure:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
}
.business-name {
  position: absolute;
  left: 1.88vw;
  right: 2.92vw;
  bottom: 32px;
  z-index: 3;
}
.business-name p {
  color: #fff;
  font-size: 18px;
}
.business-text {
  padding-top: 30px;
  width: 43.33%;
}
.business-text strong {
  display: block;
  margin-bottom: 28px;
  line-height: 1.1;
  color: #fff;
  font-size: 2.19vw;
  font-weight: normal;
}
.business-text p {
  margin-right: 18px;
  color: #fff;
  font-size: 16px;
  line-height: 2.2;
}
.business-text span {
  display: inline-block;
  margin-top: 34px;
  position: relative;
  padding: 3px 0;
  line-height: 1;
  color: #fff;
  font-size: 16px;
  border-bottom: 1px solid #fff;
}
.business-numble {
  position: absolute;
  right: 0;
  bottom: -35px;
  width: 43.33%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
}
.numble {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 24px;
  font-family: "Dell Replica";
  line-height: 1;
}
.numble b {
  margin-right: 18px;
  font-size: 48px;
  font-weight: normal;
}
.numble span {
  margin-left: 6px;
}
.business-prev {
  display: flex;
  margin-right: 18px;
}
.business-prev span {
  display: inline-block;
  margin-left: 34px;
  width: 46px;
  height: 46px;
  border: 1px solid #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 46px;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  transition: 0.35s;
}
.business-prev span:hover {
  background: #fff;
  color: #0082c0;
}
.enterprise-news {
  padding: 5vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-title1 strong {
  color: #333333;
}
.home-title1 small {
  color: #666666;
}
.enterprise-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
}
.enterprise-lefts {
  width: 65.78%;
}
.enterprise-swiper {
  margin-bottom: 0px;
}
.enterprise-swiper .swiper-pagination {
  width: auto;
  left: 61.5%;
  bottom: 24px;
  line-height: 1;
}
.enterprise-swiper .swiper-pagination .swiper-pagination-bullet {
  line-height: 1;
  width: 8px;
  height: 8px;
  background: #cccccc;
  opacity: 1;
  margin: 0;
  margin-right: 1.25vw;
}
.enterprise-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0082c0;
}
.enterprise-slide {
  background: #fff;
}
.enterprise-slide a {
  display: flex;
}
.enterprise-slide a:hover figure img {
  transform: scale(1.06);
}
.enterprise-slide a:hover .enterprise-fix strong {
  color: #0082c0;
}
.enterprise-slide a figure {
  display: block;
  line-height: 1;
  width: 57%;
  height: 400px;
  overflow: hidden;
}
.enterprise-slide a figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.68s;
}
.enterprise-fix {
  margin-left: 4.5%;
  padding-top: 2.45vw;
  width: 34.4%;
}
.enterprise-fix h3 {
  display: block;
  margin-bottom: 24px;
  line-height: 1;
  color: #0082c0;
  font-size: 20px;
}
.enterprise-fix strong {
  display: block;
  margin-bottom: 24px;
  line-height: 1.5;
  color: #333333;
  font-size: 24px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: 0.35s;
}
.enterprise-fix time {
  display: block;
  margin-bottom: 20px;
  line-height: 1;
  color: #999999;
  font-size: 16px;
}
.enterprise-fix p {
  color: #666666;
  font-size: 16px;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient: vertical;
}
.enterprise-fix span {
  display: inline-block;
  position: relative;
  z-index: 2;
  margin-top:12px;
  line-height: 1.3;
  color: #0082c0;
  font-size: 16px;
  width: 100%;
  text-align: right;
}
.enterprise-fix span:before {
  content: "";
  width: 0;
  height: 1px;
  background: #0082c0;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.enterprise-fix span:hover,
.enterprise-fix span.active {
  color: #0082c0;
}
.enterprise-fix span:hover:before,
.enterprise-fix span.active:before {
  width: 80px;
  right: 0;
  left: auto;
}
.bidding {
  position: relative;
}
.bidding:hover figure img {
  transform: scale(1.06);
}
.bidding figure {
  display: block;
  line-height: 1;
  height: 200px;
  overflow: hidden;
}
.bidding figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.bidding-text {
  position: absolute;
  left: 2.29vw;
  top: 12px;
  bottom: 12px;
  max-height: 100%;
  width: auto;
}
.enterprise-tab {
  box-sizing: border-box;
  padding: 2.45vw 1.77vw 0 1.77vw;
  width: 32.23%;
  background: #fff;
}
.enterprise-btns-top {
  margin-bottom: 32px;
}
.enterprise-btn {
  display: flex;
  align-items: center;
}
.enterprise-btn span,
.enterprise-btn b {
  display: inline-block;
  position: relative;
  margin-right: 34px;
  color: #333333;
  font-size: 20px;
  transition: 0.35s;
  line-height: 1;
}
.enterprise-btn span:before {
  position: absolute;
  right: -23px;
  top: 0;
  bottom: 0;
  content: "/";
  color: #333333;
  font-size: 20px;
  line-height: 1;
}
.enterprise-btn b {
  margin: 0 10px;
}
.enterprise-btn span {
  cursor: pointer;
}
.enterprise-btn span:last-child:before {
  display: none;
}
.enterprise-btn span:hover,
.enterprise-btn span.active {
  color: #0082c0;
  font-weight: bold;
}
.enterprise-tab-swiper {
  position: relative;
  padding-top: 34px;
}
.enterprise-list {
  display: none;
}
.enterprise-list:first-child {
  display: block;
}
.enterprise-li li {
  margin-bottom: 8px;
}
.enterprise-li li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.enterprise-li li a:hover p {
  color: #0082c0;
}
.enterprise-li li a p {
  color: #333333;
  font-size: 16px;
  width: 72%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: 0.35s;
}
.enterprise-li li a time {
  display: block;
  color: #999999;
  font-size: 16px;
}
.entermore {
  position: absolute;
  right: 0;
  top: -22px;
}
.entermore a {
  display: inline-block;
  color: #999999;
  font-size: 14px;
}
.entermore a:hover {
  color: #0082c0;
}
.partys {
  padding-top: 6.77vw;
  padding-left: 10.42vw;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: space-between;
}
.partys-left {
  padding-top: 7.92vw;
  width: 24.38vw;
  text-align: left;
}
.partys-left .home-title {
  text-align: left;
}
.party-btn {
  padding-left: 16px;
  padding-top: 4.69vw;
}
.party-btn li {
  margin-bottom: 10px;
}
.party-btn li a {
  display: inline-block;
  position: relative;
  padding-left: 16px;
  color: #fff;
  font-size: 20px;
}
.party-btn li a:hover {
  color: #0082c0;
}
.party-btn li a:hover:before {
  background: #0082c0;
}
.party-btn li a:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  transition: 0.2s;
}
.party-wrap {
  padding: 4.69vw 10.94vw 4.69vw 5.31vw;
  flex: 1;
  background: #fff;
}
.party-list li {
  margin-bottom: 2.71vw;
}
.party-list li:last-child {
  margin-bottom: 0;
}
.party-list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.party-list li a:hover .party-imgs figure img {
  transform: scale(1.08);
}
.party-list li a:hover .party-content strong {
  color: #0082c0;
}
.party-imgs {
  width: 30.21%;
}
.party-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 63.73%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.party-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.party-imgs figure img {
  transition: 0.58s;
}
.party-content {
  width: 64.9%;
}
.party-content strong {
  display: block;
  margin-bottom: 18px;
  line-height: 1.2;
  color: #333333;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: 0.36s;
}
.party-content time {
  display: block;
  margin-bottom: 14px;
  line-height: 1;
  color: #aaaaaa;
  font-size: 16px;
}
.party-content p {
  color: #666666;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home-culture {
  padding: 70px 0 66px;
  background-attachment: local;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.home-culture-text {
  margin-left: 9.38vw;
  width: 31.93vw;
}
.home-culture-text img {
  display: block;
  width: 100%;
  height: auto;
}
.home-culture-btn {
  position: relative;
  margin-top: 50px;
  padding-left: 15.63vw;
}
.home-culture-btn:before {
  position: absolute;
  left: 0;
  top: 50%;
  padding-right: 10px;
  content: "";
  width: 15.63%;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}
.home-culture-btn:after {
  position: absolute;
  left: 15.63%;
  right: 0;
  top: 50%;
  padding-right: 10px;
  content: "";
  margin-left: 206px;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}
@keyframes smove {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.culture-btn-wr {
  display: flex;
  align-items: center;
  line-height: 1;
}
.culture-btn-wr b {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.culture-btn-wr b:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px dotted #fff;
  animation: smove 3s infinite linear;
}
.culture-btn-wr b:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -3px;
  margin-top: -3px;
  content: "";
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
}
.culture-btn-wr a {
  display: block;
  margin-left: 14px;
  color: #fff;
  font-size: 20px;
  line-height: 22px;
}
.culture-btn-wr a:hover i {
  background: #0082c0;
  color: #fff;
}
.culture-btn-wr a i {
  display: inline-block;
  position: relative;
  top: -1px;
  vertical-align: middle;
  margin-left: 12px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  background: #fff;
  color: #0082c0;
  font-size: 12px;
  transition: 0.3s;
}
.cooperate {
  padding:4vw 5vw 3vw;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.cooperate-swiper {
  margin-top:40px;
}
.cooperate-swiper .swiper-pagination {
  position: relative;
  bottom: auto;
  margin-top: 45px;
  display: flex;
  justify-content: center;
}
.cooperate-swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  margin-right: 38px;
  position: relative;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  line-height: 1;
  background: none;
  opacity: 1;
}
.cooperate-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  transform: scale(1);
  visibility: visible;
}
.cooperate-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  background: #0082c0;
}
.cooperate-swiper .swiper-pagination .swiper-pagination-bullet:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(0, 130, 192, 0.2);
  transition: 0.38s;
  transform: scale(0);
  visibility: hidden;
}
.cooperate-swiper .swiper-pagination .swiper-pagination-bullet:after {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -4px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(0, 130, 192, 0.2);
  transition: 0.4s;
}
.cooperate-swiper .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.cooperate-slide figure {
  display: block;
  position: relative;
  height: 240px;
  border: 1px solid #eeeeee;
  background: #fff;
}
.cooperate-slide figure:hover img {
  transform: scale(1.05);
}
.cooperate-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  max-width: 90%;
  max-height: 90%;
  transition: 0.4s;
}
.footer {
  background: #272727;
}
.footer-top {
  padding:40px 100px 0 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flogo img {
  display: inline-block;
  width: auto;
  height: 50px;
}
.footer-eq {
  display: flex;
}
.footer-eq a {
  display: inline-block;
  position: relative;
  margin-left: 1.8vw;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  text-align: center;
  line-height: 62px;
  color: #fff;
  font-size: 32px;
  background: rgba(255, 255, 255, 0.1);
}
.footer-eq a:hover b {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px) translateX(-50%);
}
.footer-eq a b {
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-20px);
  top: -30px;
  padding: 0 16px;
  height: 25px;
  line-height: 25px;
  background: #fff;
  border-radius: 11px;
  color: #0082c0;
  font-size: 14px;
  white-space: nowrap;
  font-weight: normal;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.footer-eq a img {
  width: 100%;
  height: auto;
}
.footer-eq a:hover {
  transform: translateY(-4px);
}
.footer-eq a:first-child {
  margin-left: 0;
}
.footer-middle {
  padding:3vw 100px 2vw 50px;
  display: flex;
  justify-content: space-between;
}
.cpfoot{float: left; margin-right:60px;}
.cpfoot:last-child{margin-right: 0;}
.footer-address p {
  margin-bottom: 12px;
  color: #fff;
  font-size: 16px;
}
.footer-address p i {
  display: inline-block;
  position: relative;
  top: 1px;
  width: 32px;
  color: #fff;
  font-style: normal;
  font-size: 20px;
}
.footer-navs {
  display: flex;
}
.footer-navs-item {
  display: block;
  margin-right: 4.58vw;
}
.footer-navs-item:last-child {
  margin-right: 0;
}
.footer-navs-item dt {
  display: block;
  margin-bottom: 24px;
}
.footer-navs-item dt a {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.footer-navs-item dd P {
  margin-bottom: 6px;
}
.footer-navs-item dd P a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
}
.footer-navs-item dd P a:hover {
  color: #fff;
}
.footer-copy {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  background: #212121;
}
.footer-copy p {
  color: #fff;
  font-size: 16px;
  margin-right: 12px;
}
.footer-copy p:last-child {
  margin-right: 0;
}
.footer-copy p a {
  display: inline-block;
  margin-right: 8px;
  color: #585858;
}
.footer-copy p a:last-child {
  margin-right: 0;
}
.footer-copy p a:hover {
  color: #fff;
}
.flex-mene {
  position: fixed;
  right: 0;
  bottom: 102px;
  z-index: 20;
}
.flex-menu-item {
  position: relative;
  margin-bottom: 1px;
}
.flex-menu-item:last-child .flex-defaul a i {
  display: inline-block;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 10px solid #fff;
}
.flex-defaul a {
  display: block;
  text-align: center;
  padding: 22px 0 0;
  height: 68px;
  width: 90px;
  background: #0082c0;
}
.flex-defaul a i {
  display: block;
  margin-bottom: 10px;
  line-height: 1;
  color: #fff;
  font-size: 23px;
  font-style: normal;
}
.flex-defaul a span {
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 16px;
}
.article-block.slideinset li,
.article-block.slideinset > div {
  opacity: 0;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 0.9s;
  -o-transition: 0.9s;
  -moz-transition: 0.9s;
  transition: 0.9s;
}
.article-block.slideinset li:nth-child(2),
.article-block.slideinset > div:nth-child(2) {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.article-block.slideinset li:nth-child(3),
.article-block.slideinset > div:nth-child(3) {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.article-block.slideinset li:nth-child(4),
.article-block.slideinset > div:nth-child(4) {
  -webkit-transition-delay: 0.9s;
  -moz-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  transition-delay: 0.9s;
}
.articleShow.slideinset li,
.articleShow.slideinset > div {
  opacity: 1;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}
.article-block.slidetopList li,
.article-block.slidetopList > div {
  opacity: 0;
  -webkit-transform: translateY(80px);
  -moz-transform: translateY(80px);
  -ms-transform: translateY(80px);
  -o-transform: translateY(80px);
  transform: translateY(80px);
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  -moz-transition: 0.7s;
  transition: 0.7s;
}
.article-block.slidetopList li:nth-child(2),
.article-block.slidetopList > div:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.article-block.slidetopList li:nth-child(3),
.article-block.slidetopList > div:nth-child(3) {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.article-block.slidetopList li:nth-child(4),
.article-block.slidetopList > div:nth-child(4) {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.article-block.slidetopList li:nth-child(5),
.article-block.slidetopList > div:nth-child(5) {
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.article-block.slidetopList li:nth-child(6),
.article-block.slidetopList > div:nth-child(6) {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.article-block.slidetopList li:nth-child(7),
.article-block.slidetopList > div:nth-child(7) {
  transition-delay: 1.2s;
}
.article-block.slidetopList li:nth-child(8),
.article-block.slidetopList > div:nth-child(8) {
  transition-delay: 1.4s;
}
.articleShow.slidetopList li,
.articleShow.slidetopList > div {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.article-block.slideTop {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  transform: translateY(60px);
  -webkit-transition: 0.7s cubic-bezier(0.55, 0.05, 0.22, 0.99);
  -o-transition: 0.7s cubic-bezier(0.55, 0.05, 0.22, 0.99);
  -moz-transition: 0.7s cubic-bezier(0.55, 0.05, 0.22, 0.99);
  transition: 0.7s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.article-block.slideTop.detay1 {
  -webkit-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
.article-block.slideTop.detay2 {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.articleShow.slideTop {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.clipPath.article-block {
  opacity: 0;
  clip-path: inset(0 0 100% 0);
  transition: 2s;
}
.clipPath.articleShow {
  opacity: 1;
  clip-path: inset(0 0 0 0);
}
.pabnner {
  position: relative;
  overflow: hidden;
}
.pabnner figure {
  display: block;
  line-height: 1;
  overflow: hidden;
  height: 545px;
}
.pabnner figure img {
  display: block;
  width: 100%;
  height: 85%;
  object-fit: cover;
}
.ptext {
  position: absolute;
  left: 13.33vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
.ptext:before {
  position: absolute;
  left: -76px;
  top: -40px;
  z-index: -1;
  content: "";
  width: 156px;
  height: 156px;
  background-size: cover;
}
.ptext strong {
  display: block;
  margin-bottom: 12px;
  line-height: 1;
  color: #fff;
  font-size: 2.19vw;
}
.ptext small {
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  font-family: "Bitstream Amerigo";
  overflow: hidden;
}
.ptext p {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 28px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
}
.ptext p i {
  display: inline-block;
  color: #fff;
  font-size: 22px;
  font-style: normal;
  line-height: 1;
  font-weight: normal;
  animation: mousedown 1s infinite;
}
.leval-menus {
  position: absolute;
  left: 9.38vw;
  right: 9.38vw;
  bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
  height: 70px;
  background: #f2f7f9;
}
.leval-menus-list {
  display: flex;
}
.leval-menus-list li {
  margin-right: 1px;
}
.leval-menus-list li:hover a,
.leval-menus-list li.active a {
  background: #0082c0;
  color: #fff;
}
.leval-menus-list li a {
  display: block;
  width: 126px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #333333;
  font-size: 16px;
}
.posites {
  display: flex;
  margin-right: 50px;
}
.posites span,
.posites a,
.posites b {
  display: inline-block;
  color: #333333;
  font-size: 16px;
}
.posites a:hover {
  color: #0082c0;
}
.posites b {
  font-weight: normal;
  margin: 0 5px;
}
.introduct {
  display: flex;
}
.introduct-left {
  position: relative;
  width: 50%;
}
.introduct-left figure {
  position: relative;
  display: block;
  padding-bottom: 89.58%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.introduct-left figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.introduct-left figure:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 130, 192, 0.8);
}
.introduct-info {
  position: absolute;
  left: 7.29vw;
  right: 7.29vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  text-align: center;
}
.introduct-top {
  margin-bottom: 4.38vw;
}
.introduct-top strong {
  display: block;
  margin-bottom: 22px;
  line-height: 1;
  color: #fff;
  font-family: "Bitstream Amerigo";
  font-size: 3.13vw;
  font-weight: normal;
}
.introduct-top strong b {
  margin-left: 1.15vw;
  font-size: 4.69vw;
  font-weight: normal;
}
.introduct-top p {
  line-height: 1.2;
  color: #fff;
  font-size: 1.46vw;
}
.introduct-text {
  color: #fff;
  font-size: 16px;
  line-height: 2;
  text-align: left;
  height:calc(100vh - 200px);
  overflow-y: scroll;
  padding-right: 30px;
}
.introduct-right {
  position: relative;
  z-index: 2;
  padding-top: 2vw;
  width: 50%;
}
.introduct-right:before {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  content: "";
  width: 9.9vw;
  height: 9.64vw;
  background: url(../img/dit.png) center no-repeat;
  background-size: cover;
}
.introduct-swiper {
  width: 78%;
}
.introduct-swiper .swiper-pagination {
  position: relative;
  bottom: auto;
  margin-top: 2.08vw;
  line-height: 1;
}
.introduct-swiper .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  width: auto;
  height: auto;
  margin-right: 32px;
  opacity: 1;
  color: #333333;
  font-size: 16px;
  background: none;
  border-radius: 0;
  transition: 0.4s;
}
.introduct-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  margin-right: 80px;
  color: #0082c0;
}
.introduct-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  transform: scaleX(1);
}
.introduct-swiper .swiper-pagination .swiper-pagination-bullet:before {
  position: absolute;
  left: 100%;
  top: 50%;
  margin-left: 12px;
  content: "";
  width: 52px;
  height: 1px;
  background: #0082c0;
  transform: scaleX(0);
  transform-origin: left top;
  transition: 0.4s;
}
.introduct-swiper .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.introduct-slide figure {
  position: relative;
  display: block;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.introduct-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.introduct-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  cursor: pointer;
  color: #333333;
  font-size: 18px;
  line-height: 1;
  z-index: 10;
  text-transform: uppercase;
  transition: 0.35s;
}
.introduct-prev:hover {
  color: #0082c0;
}
.introduct-prev.prev {
  left: 3vw;
}
.introduct-prev.next {
  right: 3vw;
}
.introduct-data {
  position: relative;
  z-index: 2;
  padding: 5.94vw 10.73vw 5.99vw 10.83vw;
  display: flex;
  justify-content: space-between;
}
.introduct-data:before {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  content: "";
  width: 120px;
  height: 134px;
  background: url(../img/dit.png) right top no-repeat;
}
.introduct-data:after {
  position: absolute;
  right: 14px;
  top: 20px;
  z-index: -1;
  content: "";
  width: 80px;
  height: 127px;
  background: url(../img/dit.png) right top no-repeat;
}
.introduct-data-item {
  text-align: center;
}
.introduct-data-item b {
  display: block;
  margin-bottom: 14px;
  color: #0082c0;
  font-size: 3.13vw;
  line-height: 1;
  font-family: "Bitstream Amerigo";
  font-weight: normal;
}
.introduct-data-item p {
  line-height: 1.1;
  color: #333333;
  font-size: 16px;
}
.team {
  padding: 8.33vw 9.38vw 8.33vw;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.team-list {
  display: flex;
  justify-content: center;
  margin-top: 68px;
}
.team-item {
  margin-right: 3.44vw;
  box-sizing: border-box;
  padding: 42px 2.6vw 1.67vw;
  width: 410px;
  border-top: 6px solid #0082c0;
  background: rgba(255, 255, 255, 0.9);
}
.team-item:last-child {
  margin-right: 0;
}
.team-title {
  display: block;
  margin-bottom: 22px;
  line-height: 1;
  color: #0082c0;
  font-size: 24px;
  font-weight: normal;
}
.team-info-item {
  margin-bottom: 12px;
}
.team-info-item strong {
  display: block;
  margin-bottom: 13px;
  line-height: 1.1;
  color: #333333;
  font-size: 18px;
}
.team-info-item p {
  color: #666666;
  font-size: 16px;
}
.team-info-item:last-child {
  margin-bottom: 0;
}
.organizate {
  padding: 8.02vw 9.38vw 8.54vw;
}
.organizate-imgs {
  margin-top: 4.69vw;
  text-align: center;
}
.organizate-imgs img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
.honor {
  padding: 5.94vw 9.38vw 64px;
  background-attachment: local;
  background-position: center;
  background-size: cover;
}
.honor-imgs {
  position: relative;
  margin-top: 4.69vw;
  z-index: 2;
  text-align: center;
}
.honor-imgs img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.honor-more {
  margin-top: 4.69vw;
  text-align: center;
}
.honor-more a {
  display: inline-flex;
  align-items: center;
  padding-left: 42px;
  padding: 4px 4px 4px 42px;
  height: 50px;
  line-height: 50px;
  color: #0082c0;
  border: 1px solid #0082c0;
  border-radius: 30px;
}
.honor-more a:hover {
  background: #0082c0;
}
.honor-more a:hover span {
  color: #fff;
}
.honor-more a:hover i {
  background: #fff;
  transform: rotate(180deg);
}
.honor-more a:hover i:before,
.honor-more a:hover i:after {
  background: #0082c0;
}
.honor-more a span {
  display: inline-block;
  color: #0082c0;
  width: 115px;
  text-align: left;
  font-size: 18px;
  transition: 0.35s;
}
.honor-more a i {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #0082c0;
  transition: 0.35s;
}
.honor-more a i:before {
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -1px;
  content: "";
  width: 16px;
  height: 2px;
  background: #fff;
  transition: 0.35s;
}
.honor-more a i:after {
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 50%;
  margin-top: -8px;
  content: "";
  width: 2px;
  height: 16px;
  background: #fff;
  transition: 0.35s;
}
.honor-boxs {
  padding: 100px 9.38vw 8.85vw;
}
.honor-li {
  margin-top: 56px;
  display: flex;
  flex-wrap: wrap;
}
.honor-li li {
  margin-right: 1.2%;
  margin-bottom: 54px;
  position: relative;
  z-index: 2;
  width: 24%;
  background: #f7f7f7;
  transition: 0.5s;
}
.honor-li li:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/honorbgs.png) center no-repeat;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.honor-li li:nth-child(4n+4) {
  margin-right: 0;
}
.honor-li li:hover {
  background: #0082c0;
}
.honor-li li:hover a figure img {
  transform: scale(1.06);
}
.honor-li li:hover:before {
  opacity: 1;
  visibility: visible;
}
.honor-li li:hover p {
  color: #fff;
}
.honor-li li a {
  display: block;
  position: relative;
  padding: 0 15px 15px;
}
.honor-li li a figure {
  position: relative;
  padding-bottom:25.31vw;
}
.honor-li li a figure img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  transition: 0.65s;
}
.honor-li li a p {
  line-height: 25px;
  color: #333333;
  font-size: 12px;
  text-align: center;
  transition: 0.4s;
}
.pages {
  padding-top: 3.65vw;
  display: flex;
  justify-content: center;
}
.pages a {
  display: inline-block;
  margin-right: 16px;
  padding: 0 14px;
  box-sizing: border-box;
  min-width: 64px;
  text-align: center;
  height: 48px;
  line-height: 46px;
  color: #999999;
  font-size: 16px;
  border: 1px solid #dddddd;
  border-radius: 8px;
}
.pages a:hover,
.pages a.active {
  border-color: #0082c0;
  color: #0082c0;
}
.pages a:last-child {
  margin-right: 0;
}
.evolute {
  padding: 5.21vw 0 7.08vw;
}
.evolute-hide {
  position: relative;
  overflow: hidden;
  margin-top: 5.94vw;
  padding: 0 4.58vw;
}
.evolute-hide:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}
.evolute-swiper {
  overflow: visible;
}
.evolute-slide {
  position: relative;
  display: flex;
  width: 33.333%;
}
.evolute-slide:before {
  position: absolute;
  left: 15.2%;
  bottom: 0;
  content: "";
  width: 80%;
  height: 46px;
  background: url(../img/evolutebg.png) left bottom no-repeat;
  background-size: 100% auto;
}
.evolute-ico {
  width: 54px;
  height: 296px;
  background: url(../img/evolute.png) center top no-repeat;
}
.evolute-info {
  flex: 1;
  margin-left: 24px;
}
.evolute-time {
  display: flex;
  align-items: flex-end;
  margin-bottom: 30px;
  font-family: "Bitstream Amerigo";
}
.evolute-time b {
  display: inline-block;
  color: #0082c0;
  line-height: 1;
  font-weight: normal;
  font-size: 4.69vw;
}
.evolute-time time {
  margin-left: 18px;
  position: relative;
  top: -3px;
  font-size: 2.19vw;
  color: #0082c0;
  line-height: 1;
}
.evolute-text {
  width: auto;
  max-width: 90%;
  color: #666666;
  font-size: 1.04vw;
}
.evolute-btn {
  display: flex;
  justify-content: center;
  margin-top: 3.91vw;
}
.evolute-btn span {
  display: inline-block;
  margin-right: 38px;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  text-align: center;
  line-height: 62px;
  border: 1px solid #0082c0;
  color: #0082c0;
  font-size: 18px;
  cursor: pointer;
  transition: 0.4s;
}
.evolute-btn span:hover {
  background: #0082c0;
  color: #fff;
}
.evolute-btn span:last-child {
  margin-right: 0;
}
.development {
  padding: 7.81vw 4.58vw 0;
  background-attachment: local;
  background-position: center;
  background-size: cover;
}
.development-tab {
  position: relative;
  z-index: 2;
  padding-left: 9.64vw;
  background: rgba(255, 255, 255, 0.9);
  margin-top: 3.44vw;
}
.development-tab:before {
  position: absolute;
  left: 9.64vw;
  margin-left: 1.46vw;
  top: 23vw;
  margin-top: 34px;
  z-index: -1;
  content: "";
  width: 70.83vw;
  border: 1px dashed #e5e5e5;
}
.development-slide {
  position: relative;
  z-index: 2;
  width: 10.83vw;
  box-sizing: border-box;
  padding-top: 23vw;
  height: 33.33vw;
}
.development-slide.swiper-slide-active .development-wrs i:before {
  transform: scale(1);
}
.development-slide.swiper-slide-active .development-wrs p {
  top: 9px;
}
.development-slide.active .development-wrs:after,
.development-slide.swiper-slide-active .development-wrs:after {
  transform: scaleX(1);
}
.development-slide:nth-child(2n+2).swiper-slide-active .development-wrs .develo p {
  top: auto;
  bottom: 10px;
}
.development-slide:nth-child(2n+2) {
  margin-top: 0;
}
.development-slide:nth-child(2n+2) .development-wrs {
  margin-top: 0px;
}
.development-slide:nth-child(2n+2) .development-wrs:after {
  bottom: 10px;
}
.development-slide:nth-child(2n+2) .development-wrs .develo {
  display: inline-flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}
.development-slide:nth-child(2n+2) .development-wrs .develo p {
  margin-top: 0;
  margin-bottom: 10px;
}
.development-slide:before {
  position: absolute;
  left: 32px;
  top: 0;
  z-index: -1;
  content: "";
  width: 1px;
  height: 100%;
  background: #e5e5e5;
}
.develo {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
}
.development-wrs {
  position: absolute;
  z-index: 2;
  left: 0;
  margin-top: 28px;
  width: 100%;
}
.development-wrs:after {
  position: absolute;
  left: 28px;
  bottom: 38px;
  z-index: -1;
  content: "";
  width: 100%;
  height: 1px;
  background: #0082c0;
  transition: 0.5s;
  transform-origin: left bottom;
  transform: scaleX(0);
}
.development-wrs i {
  display: inline-block;
  position: relative;
  margin: auto;
  width: 10px;
  height: 10px;
  background: #0082c0;
  border-radius: 50%;
}
.development-wrs i:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -19px;
  margin-top: -19px;
  content: "";
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(0, 130, 192, 0.2);
  transform: scale(0);
  transition: 0.4s;
}
.development-wrs p {
  margin-top: 10px;
  position: relative;
  top: 0;
  line-height: 1;
  color: #666666;
  font-size: 20px;
  transition: 0.3s;
}
.development-info {
  position: absolute;
  left: 5.47vw;
  top: 3.91vw;
  z-index: 10;
}
.development-title {
  display: block;
  margin-bottom: 2.5vw;
  line-height: 1;
  color: #0082c0;
  font-size: 36px;
  font-weight: normal;
}
.development-com {
  display: flex;
  align-items: center;
}
.development-com time {
  display: inline-flex;
  width: 140px;
  color: #0082c0;
  font-size: 1.67vw;
  font-weight: bold;
}
.development-com p {
  color: #666666;
  font-size: 24px;
}
.development-com p b {
  margin: 0 6px;
  color: #0082c0;
}
.development-info-item {
  display: none;
}
.development-info-item:first-child {
  display: block;
}
.affairs {
  padding: 5.21vw 9.38vw 8.59vw;
}
.affairs-list {
  margin-top: 3.65vw;
}
.affairs-list li {
  margin-bottom: 3.39vw;
}
.affairs-list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.81vw 2.86vw;
  border: 1px solid #e5e5e5;
}
.affairs-list li a:hover {
  border-color: #0082c0;
  background: #0082c0;
}
.affairs-list li a:hover .affairs-time {
  border-color: #fff;
}
.affairs-list li a:hover .affairs-time time,
.affairs-list li a:hover .affairs-time b {
  color: #fff;
}
.affairs-list li a:hover .affairs-time b {
  border-color: #fff;
}
.affairs-list li a:hover .affairs-info strong,
.affairs-list li a:hover .affairs-info p {
  color: #fff;
}
.affairs-time {
  width: 126px;
  border: 1px solid #0082c0;
  text-align: center;
  font-family: "Bitstream Amerigo";
  transition: 0.3s;
}
.affairs-time b {
  display: block;
  height: 90px;
  line-height: 90px;
  color: #0082c0;
  font-size: 4.06vw;
  border-bottom: 1px solid #0082c0;
  font-weight: normal;
  transition: 0.3s;
}
.affairs-time time {
  display: block;
  line-height: 43px;
  color: #0082c0;
  font-size: 24px;
  transition: 0.3s;
}
.affairs-info {
  flex: 1;
  margin-left: 3.23vw;
}
.affairs-info strong {
  display: block;
  margin-bottom: 20px;
  line-height: 1.2;
  color: #333333;
  font-size: 24px;
  font-weight: normal;
  transition: 0.3s;
}
.affairs-info p {
  color: #999999;
  font-size: 16px;
  line-height: 2;
  transition: 0.3s;
}
.news-swiper {
  padding-bottom: 3.39vw;
}
.news-swiper .swiper-pagination {
  width: 44.67%;
  left: auto;
  right: 0;
  bottom: 0;
  line-height: 1;
}
.news-swiper .swiper-pagination .swiper-pagination-bullet {
  line-height: 1;
  margin: 0 18px;
  opacity: 1;
  width: 10px;
  height: 10px;
  border: 1px solid #0082c0;
  background: none;
  transition: 0.3s;
}
.news-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0082c0;
}
.news-tabs {
  padding: 5.42vw 7.29vw 7.55vw;
}
.news-slide a {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row-reverse;
}
.news-slide a:hover .news-imgs figure img {
  transform: scale(1.05);
}
.news-slide a:hover .news-content strong {
  color: #0082c0;
}
.news-slide a:hover .news-arrow i {
  text-indent: 8px;
}
.news-fix {
  padding-bottom: 7.29vw;
}
.news-imgs {
  width: 44.67%;
}
.news-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 78.78%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.news-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-imgs figure img {
  transition: 0.68s;
}
.news-infos {
  display: flex;
  justify-content: space-between;
  width: 51.4%;
}
.news-time {
  text-align: center;
  color: #0082c0;
  font-family: "Bitstream Amerigo";
}
.news-time b {
  display: block;
  line-height: 0.9;
  font-weight: normal;
  font-size: 3.23vw;
}
.news-time time {
  display: block;
  margin-top: 8px;
  line-height: 1;
  font-size: 22px;
}
.news-content {
  width: 83.27%;
}
.news-content strong {
  display: block;
  margin-bottom: 28px;
  line-height: 1.2;
  color: #333333;
  font-size: 1.56vw;
  font-weight: normal;
  transition: 0.3s;
}
.news-content p {
  color: #666666;
  font-size: 16px;
  line-height: 2;
}
.news-arrow {
  position: relative;
  margin-top: 4.27vw;
  width: 156px;
  height: 156px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news-arrow:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/nesarrow.png) center no-repeat;
  background-size: 100% auto;
}
.news-arrow i {
  display: block;
  color: #0082c0;
  font-size: 2.6vw;
  line-height: 1;
  font-style: normal;
  transition: 0.35s;
}
.news-list {
  display: flex;
  flex-wrap: wrap;
  margin:0 8vw;
}
.news-list li {
  width:100%;
  margin-left: -1px;
  margin-top: -1px;
}
.news-list li a {
  display: block;
  padding:1.21vw 1.81vw 1.21vw;
  border-bottom: 1px solid #dddddd;
}
.news-list li a:hover figure img {
  transform: scale(1.06);
}
.news-list li a:hover .news-downs strong {
  color: #0082c0;
}
.news-list li a figure {
  position: relative;
  display: block;
  padding-bottom: 79.24%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.news-list li a figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-list li a figure img {
  transition: 0.68s;
}
.news-downs {
  padding: 1.29vw 0.78vw 0;
}
.news-downs strong {
  display: block;
  margin-bottom: 22px;
  line-height: 1.1;
  color: #333333;
  font-size: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  transition: 0.35s;
}
.news-downs p {
  color: #666666;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 58px;
}
.news-downs time {
  display: block;
  margin-top: 1vw;
  line-height: 1;
  color: #cccccc;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.posite-box {
  margin-top: 78px;
  padding: 17px 16.04vw;
}
.news-view {
  margin: auto;
  padding-top: 2.17vw;
  width: 1126px;
  max-width: 90%;
}
.news-view-top {
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid #dddddd;
}
.news-view-top strong {
  text-align: center;
  display: block;
  margin-bottom: 16px;
  line-height: 1.1;
  color: #333333;
  font-size: 28px;
  font-weight: normal;
}
.news-view-top .news-back {
  display: block;
  position: absolute;
  right: 0;
  bottom: 30px;
  width: 70px;
  height: 70px;
  border: 1px solid #0082c0;
  border-radius: 50%;
  text-align: center;
  line-height: 70px;
  color: #0082c0;
  font-size: 36px;
  font-weight: bold;
}
.news-view-top .news-back:hover {
  background: #0082c0;
  color: #fff;
}
.news-view-time {
  display: flex;
  justify-content: center;
}
.news-view-time p {
  margin-right: 24px;
  color: #999999;
  font-size: 16px;
}
.news-view-time p:last-child {
  margin-right: 0;
}
.news-v-info {
  padding: 40px 0 6.46vw;
  color: #666666;
  font-size: 16px;
}
.news-v-info img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.news-pages {
  padding-bottom: 4.9vw;
}
.news-pages p {
  margin-bottom: 15px;
}
.news-pages p a {
  display: inline-block;
  color: #333333;
  font-size: 16px;
}
.news-pages p a:hover {
  color: #0082c0;
}
.business-box {
  padding: 2.31vw 0 40px;
}
.business-btn-list {
  display: flex;
  justify-content: center;
  margin-top: 3.33vw;
  border-bottom: 1px solid #e5e5e5;
}
.business-btn-list p {
  margin-right: 7.81vw;
  position: relative;
  z-index: 2;
}
.business-btn-list p:before {
  content: "";
  width: 0;
  height: 2px;
  background: #0082c0;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.business-btn-list p:hover,
.business-btn-list p.active {
  color: #0082c0;
}
.business-btn-list p:hover:before,
.business-btn-list p.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.business-btn-list p:before {
  bottom: -1px;
}
.business-btn-list p:hover a i,
.business-btn-list p.active a i,
.business-btn-list p:hover a span,
.business-btn-list p.active a span {
  color: #0082c0;
}
.business-btn-list p a {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
}
.business-btn-list p a i {
  display: inline-block;
  margin-right: 10px;
  color: #333333;
  font-size: 25px;
  transition: 0.3s;
}
.business-btn-list p a span {
  display: inline-block;
  color: #333333;
  font-size: 20px;
  transition: 0.3s;
}
.business-btn-list p:last-child {
  margin-right: 0;
}
.business-wr {
  padding: 0.75vw 9.38vw 0;
}
.business-inner-item {
  margin-bottom: 2.08vw;
  position: relative;
}
.bisness-inner-btn {
  display: flex;
  margin-bottom: 2.08vw;
  position: relative;
  flex-wrap: wrap;

}

.bisness-inner-btn a {
  display: inline-block;
  position: relative;
  padding-left:4px;
  margin-right:20px;
  color: #333333;
  font-size:16px;
  font-weight: normal;
  cursor: pointer;
  line-height: 34px;

}
.bisness-inner-btn a:hover,
.bisness-inner-btn a.active {
  color: #0082c0;
  font-weight: bold;
}
.bisness-inner-btn a:hover:before,
.bisness-inner-btn a.active:before {
  visibility: visible;
  transform: scaleY(1);
}
.business-item-li {
  display: flex;
  flex-wrap: wrap;
}
.business-item-li li {
  margin-right: 4.82%;
  margin-bottom: 46px;
  width: 30.12%;
}
.business-item-li li figure {
  position: relative;
  display: block;
  padding-bottom: 68%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.business-item-li li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  object-fit: cover;
}
.business-item-li li figure img {
  transition: 0.68s;
}
.business-item-li li a:hover figure img {
  transform: scale(1.06);
}
.business-item-li li a:hover p {
  color: #0082c0;
}
.business-item-li li:nth-child(3n+3) {
  margin-right: 0;
}
.business-item-li li p {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  height: 80px;
  border: 1px solid #e5e5e5;
  border-top: none;
  font-size: 18px;
}
.business-inn-item {
  display: none;
}
.business-inn-item:first-child {
  display: block;
}
.business-case {
  padding: 7.4vw 0 8.07vw;
  text-align: center;
  background-size: cover;
}
.business-case-info {
  text-align: center;
}
.business-case-info strong {
  display: block;
  margin-bottom: 2.19vw;
  line-height: 1.1;
  color: #fff;
  font-size: 1.88vw;
  font-weight: normal;
}
.business-case-info a {
  display: inline-block;
  width: 228px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  border: 1px solid #fff;
  color: #fff;
  font-size: 18px;
}
.business-case-info a:hover {
  background: #fff;
  color: #0082c0;
}
.business-view {
  padding: 195px 9.38vw 0;
  background-attachment: local;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
}
.business-view-top {
  margin-bottom: 34px;
  padding: 0 2.6vw;
  display: flex;
  justify-content: space-between;
}
.business-view-top .posites span,
.business-view-top .posites a,
.business-view-top .posites b {
  color: #fff;
}
.business-back a {
  display: flex;
  align-items: center;
}
.business-back a i {
  display: inline-block;
  margin-right: 14px;
  color: #fff;
  font-style: normal;
  font-size: 22px;
  transition: 0.3s;
}
.business-back a span {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  transition: 0.3s;
}
.business-back a:hover i,
.business-back a:hover span {
  color: #0082c0;
}
.business-banner {
  padding: 66px 5.21vw 3.65vw 3.13vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
}
.business-tab-fix {
  width: 45.28%;
}
.business-max {
  margin-bottom: 20px;
}
.business-max-item {
  float: left;
  width: 100%;
}
.business-max-item figure {
  position: relative;
  display: block;
  padding-bottom: 68.25%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.business-max-item figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.business-min {
  margin: 0 -5px;
}
.business-min-slide {
  float: left;
  cursor: pointer;
}
.business-min-slide.slick-current figure:before {
  opacity: 1;
  visibility: visible;
}
.business-min-slide figure {
  margin: 0 10px;
  position: relative;
  display: block;
  padding-bottom: 67.33%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.business-min-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.business-min-slide figure:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  border: 2px solid #0082c0;
  box-sizing: border-box;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: 0.35s;
}
.business-banner-info {
  width: 46.14%;
}
.business-banner-info strong {
  display: block;
  margin-bottom: 2.29vw;
  line-height: 1.2;
  color: #333333;
  font-size: 1.88vw;
  font-weight: normal;
}
.business-banner-info p {
  color: #666666;
  font-size: 16px;
  line-height: 2;
}
.business-banner-info a {
  display: inline-block;
  margin-top: 3.96vw;
  text-align: center;
  width: 9.38vw;
  height: 52px;
  line-height: 52px;
  color: #fff;
  background: #0082c0;
  font-size: 18px;
}
.qoutique-cases {
  padding: 6.15vw 0 10.42vw;
}
.qoutique-fix {
  margin-top: 56px;
}
.qoutique-swiper {
  padding: 0 9.38vw;
}
.qoutique-slide figure {
  position: relative;
  display: block;
  padding-bottom: 65.6%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.qoutique-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.qoutique-line {
  margin-top: 5.73vw;
  display: flex;
  align-items: center;
}
.qoutique-line .swiper-pagination {
  position: relative;
  height: 1px;
  background: #dddddd;
  width: 100%;
}
.qoutique-line .swiper-pagination .swiper-pagination-progressbar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #0082c0;
  transform: scaleX(0);
  transform-origin: left center;
  width: 100%;
}
.qoutique-btn {
  display: flex;
  margin-left: 30px;
}
.qoutique-btn span {
  display: inline-block;
  margin-right: 1.98vw;
  width: 62px;
  height: 62px;
  text-align: center;
  line-height: 62px;
  border: 1px solid #0082c0;
  color: #0082c0;
  font-size: 18px;
  border-radius: 50%;
  transition: 0.3s;
  cursor: pointer;
}
.qoutique-btn span:hover {
  background: #0082c0;
  color: #fff;
}
.qoutique-btn span:last-child {
  margin-right: 0;
}
.trade {
  overflow: hidden;
  padding: 40px 0 8.33vw;
}
.trade-swiper {
  padding: 0 18.54vw;
}
.trade-slide {
  position: relative;
}
.trade-slide.swiper-slide-active figure:before {
  opacity: 1;
  visibility: visible;
}
.trade-slide.swiper-slide-active .trade-info {
  opacity: 1;
  visibility: visible;
  bottom: 2.5vw;
  transition-delay: 0.25s;
}
.trade-slide figure {
  position: relative;
  display: block;
  padding-bottom: 65.72%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.trade-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.trade-slide figure:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: 0.68s;
}
.trade-info {
  position: absolute;
  left: 3.65vw;
  right: 6.77vw;
  bottom: 2.5vw;
  bottom: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transition: 0.56s;
}
.trade-info strong {
  display: block;
  margin-bottom: 20px;
  line-height: 1;
  color: #fff;
  font-size: 24px;
}
.trade-info p {
  color: #fff;
  font-size: 20px;
}
.case-list {
  padding: 0 9.38vw 9.38vw;
}
.case-item {
  margin-bottom: 52px;
}
.case-item:last-child {
  margin-bottom: 0;
}
.case-title {
  display: block;
  padding-left: 38px;
  color: #0082c0;
  font-size: 24px;
  font-weight: normal;
  background: url(../img/arrow1.png) left center no-repeat;
}
.case-li {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}
.case-li li {
  margin-right: 1.4%;
  margin-bottom: 20px;
  width: 32.4%;
}
.case-li li:nth-child(3n+3) {
  margin-right: 0;
}
.case-li li figure {
  position: relative;
  display: block;
  padding-bottom: 66%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.case-li li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-li li figure img {
  transition: 0.65s;
}
.case-li li span {
  display: block;
  text-align: center;
  color: #0082c0;
  font-size: 18px;
  margin-top: 18px;
}
.case-li li:hover figure img {
  transform: scale(1.06);
}
.culture-box {
  padding-left: 10.42vw;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.culture-list {
  display: flex;
}
.culture-list:hover .culture-item {
  width: 21.6%;
}
.culture-item {
  padding-top: 18.33vw;
  height: 50vw;
  padding-left: 2.71vw;
  padding-right: 4.43vw;
  border-left: 1px solid rgba(255, 255, 255, 0.38);
  width: 25%;
  box-sizing: border-box;
  transition: 0.5s;
}
.culture-item:hover {
  width: 35.2% !important;
}
.culture-item:hover p {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0.3s;
}
.culture-item b {
  display: block;
  position: relative;
  line-height: 1;
  color: #fff;
  font-size: 3.75vw;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}
.culture-item b:before {
  position: absolute;
  left: -2.71vw;
  margin-left: -1px;
  top: 50%;
  margin-top: -1.405vw;
  content: "";
  width: 4px;
  height: 2.81vw;
  background: #fff;
}
.culture-item strong {
  display: block;
  margin-top: 2.4vw;
  margin-bottom: 2.08vw;
  color: #fff;
  font-size: 1.88vw;
  line-height: 1;
  font-weight: normal;
}
.culture-item p {
  color: #fff;
  font-size: 1.25vw;
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: 0.4s;
}
.culture-title {
  position: absolute;
  left: 0;
  top: 6.15vw;
  width: 100%;
}
.responsibility {
  padding: 5.47vw 9.38vw 4.69vw;
  position: relative;
  z-index: 2;
}
.responsibility:before {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  content: "";
  width: 16.04vw;
  height: 18.13vw;
  background: url(../img/logo1.png) center no-repeat;
  background-size: cover;
  opacity: 0.2;
}
.responsibility-list {
  margin-top: 15px;
}
.responsibility-list li {
  padding: 4.69vw 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
}
.responsibility-list li:last-child {
  border-bottom: none;
}
.responsibility-list li:hover figure img {
  transform: scale(1.04);
}
.responsibility-imgs {
  width: 42.3%;
}
.responsibility-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 63.95%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.responsibility-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.responsibility-imgs figure img {
  transition: 0.5s;
}
.responsibility-info {
  margin-left: 5.99vw;
  width: 41.66%;
}
.responsibility-info b {
  display: block;
  line-height: 1;
  width: 29px;
  height: 22px;
  background: url(../img/arrow2.png) center no-repeat;
  background-size: cover;
}
.responsibility-info strong {
  display: block;
  margin-top: 2.19vw;
  margin-bottom: 1.46vw;
  line-height: 1.2;
  color: #333333;
  font-size: 28px;
  font-weight: normal;
}
.responsibility-info p {
  color: #666666;
  font-size: 16px;
  line-height: 2;
}
.thank {
  padding: 10.42vw 9.38vw;
  background: url(../img/thankbg.png) left top no-repeat;
  background-size: 100% auto;
}
.thank-title {
  display: block;
  margin-bottom: 3.13vw;
  line-height: 1;
  color: #333333;
  font-size: 2.08vw;
  text-align: center;
}
.thank-list {
  display: flex;
  flex-wrap: wrap;
}
.thank-list li {
  margin-bottom: 2.81vw;
  margin-right: 2.6%;
  width: 48.7%;
  background: #fff;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.09);
}
.thank-list li:nth-child(2n+2) {
  margin-right: 0;
}
.thank-list li a {
  display: flex;
  position: relative;
  align-items: center;
  padding: 0 3.44vw;
  height: 170px;
}
.thank-list li a:hover p {
  color: #0082c0;
}
.thank-list li a p {
  flex: 1;
  margin-left: 28px;
  color: #333333;
  font-size: 18px;
  transition: 0.35s;
}
.thank-icon {
  position: relative;
  width: 84px;
  height: 75px;
  background: url(../img/thckbg1.png) center bottom no-repeat;
  background-size: 100% auto;
}
.thank-icon img {
  display: block;
  margin: auto;
  width: auto;
  max-width: 39px;
}
.model-box {
  padding: 4.17vw 9.38vw 9.38vw;
}
.model-list {
  display: flex;
  flex-wrap: wrap;
}
.model-list li {
  margin-right: 3.46%;
  margin-bottom: 3.85vw;
  width: 22.4%;
  text-align: center;
}
.model-list li:nth-child(4n+4) {
  margin-right: 0;
}
.model-list li:hover figure img {
  transform: scale(1.06);
}
.model-list li:hover p {
  color: #0082c0;
}
.model-list li figure {
  position: relative;
  padding-bottom: 230px;
}
.model-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  transition: 0.65s;
}
.model-list li p {
  margin-top: 26px;
  color: #333333;
  font-size: 16px;
}
.innerhonor {
  padding: 5.1vw 9.38vw 9.38vw;
}
.honorbtns {
  display: flex;
}
.honorbtns span,
.honorbtns a {
  display: inline-block;
  position: relative;
  flex: 1;
  text-align: center;
  height: 72px;
  line-height: 72px;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  background: #0082c0;
  transition: 0.35s;
}
.honorbtns span:hover,
.honorbtns a:hover,
.honorbtns span.active,
.honorbtns a.active {
  background: #007ab4;
}
.honorbtns span:hover:before,
.honorbtns a:hover:before,
.honorbtns span.active:before,
.honorbtns a.active:before {
  opacity: 1;
  visibility: visible;
}
.honorbtns span:before,
.honorbtns a:before {
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 100%;
  content: "";
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #007ab4;
  opacity: 0;
  visibility: hidden;
  transition: 0.35s;
}
.honor-tabs {
  margin-top: 66px;
}
.honor-tab-item {
  display: none;
}
.honor-tab-item:first-child {
  display: block;
}
.honor-tab-li {
  padding-bottom: 3.65vw;
}
.honor-tab-li li {
  background: #eef4f8;
  display: flex;
}
.honor-tab-li li:nth-child(2n+2) {
  background: #f4f9fb;
}
.honor-tab-li li p {
  display: flex;
  align-items: center;
  height: 70px;
  color: #333333;
  font-size: 18px;
}
.honor-tab-li li p:nth-child(1) {
  box-sizing: border-box;
  padding-left: 14.27vw;
  width: 46.15%;
}
.honor-tab-li li p:nth-child(2) {
  flex: 1;
}
.resources {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 8.23vw;
}
.resources-imgs {
  width: 50vw;
}
.resources-imgs img {
  display: block;
  width: 100%;
  height: auto;
}
.resources-info {
  width: 35.64%;
}
.resources-info strong {
  display: block;
  margin-bottom: 44px;
  line-height: 1;
  color: #333333;
  font-size: 2.5vw;
  font-weight: normal;
}
.resources-text {
  position: relative;
  padding-bottom: 5.73vw;
  color: #666666;
  font-size: 16px;
}
.resources-text:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 89px;
  height: 6px;
  background: url(../img/dit2.png) center no-repeat;
}
.recuitment {
  padding: 8.13vw 9.38vw 7.55vw;
}
.recuitment-tab {
  margin-top: 4.06vw;
}
.recuitment-top {
  display: flex;
  border-top: 3px solid #0082c0;
}
.recuitment-top span {
  height: 97px;
  line-height: 97px;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.recuitment-top span:nth-child(1) {
  width: 16.2%;
}
.recuitment-top span:nth-child(2) {
  width: 24.48%;
}
.recuitment-top span:nth-child(3) {
  width: 21.66%;
}
.recuitment-top span:nth-child(4) {
  width: 23.97%;
}
.recuitment-top span:nth-child(5) {
  flex: 1;
}
.recuitment-list li {
  margin-bottom: 22px;
}
.recuitment-list li.active .recuitment-name span b:after {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
}
.recuitment-name {
  display: flex;
  background: #eef5f8;
  cursor: pointer;
}
.recuitment-name span {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.6;
  height: 80px;
  color: #333333;
  font-size: 18px;
  text-align: center;
}
.recuitment-name span:nth-child(1) {
  width: 16.2%;
}
.recuitment-name span:nth-child(2) {
  width: 24.48%;
}
.recuitment-name span:nth-child(3) {
  width: 21.66%;
}
.recuitment-name span:nth-child(4) {
  width: 23.97%;
}
.recuitment-name span:nth-child(5) {
  flex: 1;
}
.recuitment-name span b {
  display: block;
  position: relative;
  width: 23px;
  height: 23px;
}
.recuitment-name span b:before {
  position: absolute;
  left: 0;
  top: 10px;
  content: "";
  width: 100%;
  height: 3px;
  background: #0082c0;
  border-right: 2px;
}
.recuitment-name span b:after {
  position: absolute;
  left: 10px;
  top: 0px;
  content: "";
  width: 3px;
  height: 100%;
  background: #0082c0;
  border-right: 2px;
  transition: 0.35s;
}
.recuitment-texts {
  padding: 1.98vw 3.91vw 3.13vw;
  background: #f8fbfc;
  color: #666666;
  font-size: 16px;
  line-height: 2;
  display: none;
}
.emails {
  margin-top: 36px;
}
.emails a {
  display: inline-block;
  color: #0082c0;
  font-size: 16px;
  font-weight: bold;
}
.party-boxs {
  padding: 5.42vw 9.38vw 7.55vw;
}
.partys-list {
  display: flex;
  flex-wrap: wrap;
}
.partys-list li {
  margin-right: 2%;
  margin-bottom: 5.21vw;
  width: 32%;
}
.partys-list li:nth-child(3n+3) {
  margin-right: 0;
}
.partys-list li:hover figure img {
  transform: scale(1.06);
}
.partys-list li:hover .party-down p {
  color: #0082c0;
}
.partys-list li figure {
  position: relative;
  display: block;
  padding-bottom: 63.46%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.partys-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.partys-list li figure:before {
  content: "";
  width: 0;
  height: 5px;
  background: #0082c0;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.65s;
  z-index: -1;
}
.partys-list li figure:hover,
.partys-list li figure.active {
  color: #0082c0;
}
.partys-list li figure:hover:before,
.partys-list li figure.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.partys-list li figure:before {
  z-index: 3;
}
.partys-list li figure img {
  transition: 0.65s;
}
.party-down {
  padding: 35px 20px 0;
}
.party-down time {
  display: block;
  margin-bottom: 20px;
  line-height: 1;
  color: #666666;
  font-size: 16px;
}
.party-down p {
  color: #333333;
  font-size: 20px;
  transition: 0.4s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.purchase {
  padding: 5.63vw 9.38vw 5.63vw;
  background: url(../img/purchasebg.png) left top no-repeat;
  background-size: cover;
}
.purchase-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  height: 102px;
  background: #0099ff;
}
.purchase-top strong {
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 28px;
}
.purchase-top a {
  display: inline-block;
  width: 160px;
  height: 45px;
  line-height: 45px;
  border-radius: 2px;
  background: #fff;
  color: #666;
  text-align: center;
}
.purchase-top a:hover {
  background: #0082c0;
  color: #fff;
}
.purchase-form {
  padding: 14px 20px 10px;
  background: #fff;
}
.purchase-item {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
}
.purchase-item dt {
  display: block;
  width: 126px;
  color: #000;
  font-size: 24px;
  font-weight: bold;
}
.purchase-item dd {
  display: flex;
  flex: 1;
}
.purchase-item dd .radio {
  display: flex;
  align-items: center;
  margin-right: 38px;
  color: #626468;
  font-size: 18px;
}
.purchase-item dd .radio .ckecks {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  width: 16px;
  height: 18px;
  border: 1px solid #dcdfe6;
}
.purchase-time .text {
  padding-left: 16px;
  padding-right: 12px;
  height: 38px;
  line-height: 38px;
  color: #c1c4cc;
  font-size: 18px;
  border: 1px solid #c1c4cc;
}
.purchase-subs {
  display: flex;
  width: 100%;
}
.purchase-subs .texts {
  width: auto;
  flex: 1;
  padding-left: 12px;
  height: 44px;
  line-height: 44px;
  color: #c1c4cc;
  border: 1px solid #c1c4cc;
}
.purchase-subs .sub {
  margin-left: 6px;
  margin-right: 20px;
  width: 90px;
  height: 46px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  border: none;
  outline: none;
  color: #fff;
  font-size: 18px;
  background: #f56c6c;
}
.purchase-tabs {
  background: #eeeeee;
}
.purchase-tabs .purchase-numble {
  padding: 14px 24px;
  color: #2f3031;
  font-size: 18px;
}
.purchase-tabs .purchase-numble b {
  display: inline-block;
  margin: 0 6px;
  color: #f56c6c;
}
.tables {
  width: 100%;
  border: 1px solid #ebeef5;
  background: #fff;
}
.tables thead tr th {
  background: #3399ff;
  text-align: center;
  color: #fff;
  font-size: 16px;
  height: 40px;
  border-right: 1px solid #fff;
}
.tables tbody tr td {
  height: 40px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #ebeef5;
}
.nodata {
  border: 1px solid #ebeef5;
  border-top: none;
  min-height: 33.33vw;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #c1c4ca;
  font-size: 18px;
  background: #fff;
}
.purches-prev {
  padding: 12px 0;
  background: #fff;
  border: 1px solid #ebeef5;
  border-top: none;
}
.purches-prev .pages {
  padding-top: 0;
}
.addressd {
  padding: 11.98vw 4.58vw;
  background-position: center;
  background-size: cover;
  background-attachment: local;
  background-repeat: no-repeat;
}
.contact-address {
  display: flex;
  padding-left: 4.69vw;
  background: rgba(0, 130, 192, 0.9);
}
.contact-add-item {
  flex: 1;
  padding-top: 5.99vw;
  padding-left: 20px;
  padding-right: 20px;
  height: 385px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.contact-add-item strong {
  display: block;
  position: relative;
  color: #fff;
  font-size: 24px;
  font-weight: normal;
}
.contact-add-item strong:before {
  position: absolute;
  left: -21px;
  top: 50%;
  margin-top: -31px;
  content: "";
  width: 3px;
  height: 62px;
  background: #fff;
}
.contact-map {
  margin-top: 50px;
}
.contact-map p {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 18px;
}
.contact-map p i {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-style: normal;
  font-size: 20px;
  width: 32px;
}
.contact-map p span {
  flex: 1;
}
.need-box {
  position: relative;
  z-index: 2;
  padding: 8.33vw 7.81vw 11.98vw 9.38vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.need-box:before {
  position: absolute;
  left: 9.38vw;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background: #dddddd;
  z-index: -1;
}
.need-content {
  width: 45.97%;
}
.need-top {
  position: relative;
  padding-left: 2.81vw;
  margin-bottom: 42px;
}
.need-top:before {
  position: absolute;
  left: -3px;
  top: 0;
  content: "";
  width: 6px;
  height: 49px;
  background: #0082c0;
}
.need-top strong {
  display: block;
  margin-bottom: 24px;
  line-height: 1;
  color: #333333;
  font-size: 2.5vw;
  font-weight: normal;
}
.need-top p {
  color: #666666;
  font-size: 16px;
}
.need-form {
  padding-left: 2.81vw;
}
.need-item {
  margin-bottom: 18px;
  display: flex;
  align-items: flex-start;
}
.need-item span {
  display: inline-block;
  box-sizing: border-box;
  padding-right: 15px;
  width: 110px;
  color: #666666;
  font-size: 16px;
  text-align: right;
  line-height: 56px;
}
.need-item .text {
  padding-left: 24px;
  width: 100%;
  height: 56px;
  background: #f5f5f5;
  box-sizing: border-box;
  line-height: 56px;
  color: #aaaaaa;
  font-size: 16px;
  border: none;
  outline: none;
}
.need-item .text::-webkit-input-placeholder {
  color: #aaaaaa;
}
.need-item .textarea {
  padding: 13px 24px;
  box-sizing: border-box;
  resize: none;
  height: 140px;
  line-height: 1.6;
  font-family: "微软雅黑";
}
.need-sub {
  margin-top: 70px;
}
.need-sub .sub {
  width: 100%;
  height: 56px;
  line-height: 56px;
  background: #0082c0;
  color: #fff;
  font-size: 16px;
  border: none;
  outline: none;
  cursor: pointer;
}
.need-imgs {
  margin-top: 4.48vw;
  width: 45.18%;
}
.need-imgs img {
  display: block;
  width: 100%;
  height: auto;
}
.message-box {
  padding: 10.42vw 9.38vw 9.64vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.message-title {
  width: 28.07%;
}
.message-title strong {
  display: block;
  margin-bottom: 1.88vw;
  color: #fff;
  line-height: 1;
  font-size: 2.5vw;
  font-weight: normal;
}
.message-title p {
  color: #fff;
  font-size: 16px;
  line-height: 2;
}
#liuyan2 {
  width: 63.71%;
}
.message-item {
  margin-bottom: 18px;
}
.message-item .text {
  box-sizing: border-box;
  width: 100%;
  border: none;
  outline: none;
  height: 56px;
  line-height: 56px;
  color: #fff;
  font-size: 16px;
  padding-left: 25px;
  background: rgba(255, 255, 255, 0.5);
  font-family: "微软雅黑";
}
.message-item .text::-webkit-input-placeholder {
  color: #fff;
}
.message-item .textarea {
  padding: 12px 25px;
  height: 140px;
  line-height: 1.6;
}
.message-wrap {
  display: flex;
  justify-content: space-between;
}
.message-wrap .message-item {
  width: 48.89%;
}
.message-subs {
  margin-top: 22px;
}
.message-subs input {
  width: 100%;
  border: none;
  outline: none;
  height: 56px;
  line-height: 56px;
  background: #0082c0;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.development-btns {
  margin-left: 0;
  margin-top: 2.92vw;
}
.pop-advertisement {
  position: fixed;
  right: 12.92vw;
  top: 50vh;
  transform: translateY(-50%);
  z-index: 39;
  box-sizing: border-box;
  width: 304px;
  background-size: cover;
}
.pop-advertisement .pop-close {
  display: block;
  position: absolute;
  right: -35px;
  top: -6px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: 0.36s;
}
.pop-advertisement .pop-close:hover {
  transform: rotate(180deg);
}
.advertisement-wrap {
  background: rgba(255, 255, 255, 0.58);
  padding: 36px 0 38px;
  text-align: center;
  border-radius: 10px;
}
.advertisement-top {
  margin-bottom: 15px;
}
.advertisement-top h3 {
  display: block;
  margin-bottom: 8px;
  line-height: 1;
  color: #0082c0;
  font-size: 24px;
  text-shadow: -2px 2px 0 #fff, 2px 2px 0 #fff;
  font-weight: normal;
}
.advertisement-top p {
  color: #0082c0;
  font-size: 16px;
  line-height: 1;
  text-shadow: -2px 2px 2px #fff, 2px 2px 2px #fff;
}
.advertisement-top p b {
  font-size: 28px;
}
.advertisement-top span {
  display: block;
  margin-top: 30px;
  color: #0082c0;
  font-size: 16px;
}
.advertisement-btn {
  display: flex;
  justify-content: center;
}
.advertisement-btn a {
  display: inline-block;
  margin-right: 18px;
  width: 109px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #0082c0;
  border-radius: 20px;
  color: #0082c0;
  font-size: 14px;
  background: #fff;
}
.advertisement-btn a:hover,
.advertisement-btn a:last-child {
  background: #0082c0;
  color: #fff;
}
.advertisement-btn a:last-child {
  margin-right: 0;
}