@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;
  width: 100%;
  z-index: 199;
  transition: 0.5s;
  background: #1c3165;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
}
.header.scrollq {
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
}
.header.scrollq .header-wrap {
  padding: 15px 46px 15px 90px;
}
.header.scrollq .logo img.show {
  opacity: 0;
  visibility: hidden;
}
.header.scrollq .logo img.hide {
  opacity: 1;
  visibility: visible;
}
.header.scrollq .navs > li a:before {
  background: #1F90D0;
}
.header.scrollq .navs > li > a {
  color: #333333;
}
.header.scrollq .tel {
  color: #333;
}

.header.scrollq .tel i {

    margin-left: 23px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #1F90D0;
}

.header.scrollq .tel i {
  color: #333;
}
.header.scrollq .header-search b {
  color: #333;
}
.header.scrollq .header-menu-btn span:before {
  color: #333;
}
.header-wrap {
  padding: 27px 46px 21px 90px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.35s;
}
.logo {
  display: block;
  position: relative;
  z-index: 3;
  width: 240px;
  height: auto;
}
.logo img {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.38s;
}
.logo img.hide {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.navs {
  position: absolute;
  left: 50%;
  top: 0;
  display: flex;
  transform: translateX(-50%);
  transition: 0.5s;
}
.navs > li {
  position: relative;
  padding: 0 20px;
}
.navs > li:hover a:before,
.navs > li.active a:before {
  transform: scaleX(1);
  transform-origin: left center;
}
.navs > li > a {
  display: block;
  position: relative;
  z-index: 3;
  padding: 39px 0 24px;
  line-height: 1;
  color: #fff;
  font-size: 18px;
}
.navs > li > a:before {
  position: absolute;
  left: -21px;
  right: -21px;
  bottom: 0;
  height: 4px;
  content: "";
  background: #fff;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.38s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.product-menu {
  position: absolute;
  left: -76px;
  top: 100%;
  padding: 37px 77px 70px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
  width: 700px;
}
.product-menu.common-menu {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}
.promenu-item {
  float: left;
  margin-right: 66px;
}
.promenu-item:last-child {
  margin-right: 0;
}
.promenu-item:first-child .product-menu-info dt:before {
  width: 160px;
}
.product-menu-info {
  display: block;
}
.product-menu-info dt {
  display: flex;
  position: relative;
  align-items: center;
  padding-bottom: 8px;
}
.product-menu-info dt:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 199px;
  height: 1px;
  background: linear-gradient(to right, #c9c9c9 0%, rgba(21, 53, 89, 0) 100%);
}
.product-menu-info dt a {
  cursor: default;
}
.product-menu-info dt i {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 6px;
  color: #2A6AB2;
  font-style: normal;
  font-size: 26px;
  line-height: 1;
}
.product-menu-info dt span {
  display: inline-block;
  color: #333333;
  font-size: 18px;
  line-height: 1;
  transition: 0.35s;
}
.product-menu-info dd {
  display: block;
  padding-top: 15px;
}
.promenu-li {
  margin-bottom: 70px;
}
.promenu-li p {
  margin-bottom: 10px;
  color: #999999;
  font-size: 13px;
}
.promenu-li:last-child {
  margin-bottom: 0;
}
.promenu-list li {
  margin-bottom: 12px;
}
.promenu-list li a {
  display: inline-block;
  color: #666666;
  font-size: 14px;
}
.promenu-list li a img{
      display: inline-block;
    position: relative;
    top: -2px;
    vertical-align: middle;
    margin-right: 16px;
    width: 25px;
}



.promenu-list li a:hover {
  color: #2A6AB2;
}
.common-menu {
  display: none;
}
.leval-menu {
  position: absolute;
  left: 50%;
  margin-left: -60px;
  top: 100%;
  width: 120px;
  background: #fff;
  border-radius: 4px;
  padding: 20px 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.leval-menu-list li {
  margin-bottom: 12px;
  text-align: center;
}
.leval-menu-list li:last-child {
  margin-bottom: 0;
}
.leval-menu-list li a {
  display: inline-block;
  color: #666666;
  font-size: 14px;
}
.leval-menu-list li a:hover {
  color: #2A6AB2;
}

.leval-menu-list li a img {
display: inline-block;
    position: relative;
    top: -2px;
    vertical-align: middle;
    margin-right: 6px;
    width: 25px;
}
}

body.slideDown .logo img.show {
  opacity: 0;
  visibility: hidden;
}
body.slideDown .logo img.hide {
  opacity: 1;
  visibility: visible;
}
body.slideDown .navs {
  opacity: 0;
  visibility: hidden;
}
body.slideDown .header-menu-btn span:before {
  transform: translateY(-100%);
  transition-delay: 0s;
}
body.slideDown .header-menu-btn span:after {
  top: 0;
  transition-delay: 0s;
}
body.slideDown .menu-box {
  height: 100%;
}
body.slideDown .menu-box .menu-wrap {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.3s;
}
.menu-box {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  z-index: 2;
  background: #fff;
  transition: 1s cubic-bezier(0.55, 0.05, 0.22, 0.99);
  overflow: hidden;
}
.menu-wrap {
  position: absolute;
  left: 0;
  top: 17.9vh;
  width: 100%;
  display: flex;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.65s;
}
.menu-item {
  margin-right: 140px;
}
.menu-item:last-child {
  margin-right: 0;
}
.menu-product h3 {
  display: block;
  width: 175px;
  margin-bottom: 38px;
}
.menu-product h3 a {
  display: inline-block;
  color: #333333;
  font-size: 24px;
  font-weight: normal;
}
.menu-product h3 a:hover {
  color: #1F90D0;
}
.menu-proitem {
  margin-bottom: 20px;
}
.menu-proitem:last-child {
  margin-bottom: 0;
}
.menu-proitem > span {
  display: inline-block;
  color: #666666;
  font-size: 20px;
  cursor: pointer;
}
.menu-proitem > span.on i {
  transform: rotate(270deg);
}
.menu-proitem > span i {
  display: inline-block;
  margin-left: 20px;
  color: #999999;
  font-size: 16px;
  transform: rotate(90deg);
  transition: 0.3s;
}
.menu-slide {
  display: none;
}
.menu-proitem:first-child .menu-slide {
  display: block;
}
.menu-levas {
  margin-bottom: 70px;
}
.menu-levas li {
  margin-bottom: 12px;
}
.menu-levas li:last-child {
  margin-bottom: 0;
}
.menu-levas li a {
  display: inline-block;
  color: #666666;
  font-size: 18px;
}
.menu-levas li a:hover {
  color: #1F90D0;
}
.header-right {
  display: flex;
  align-items: center;
}
.tel {
  margin-right: 30px;
  color: #fff;
  font-size: 14px;
  font-family: "Gilroy";
}
.tel i {
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: 10px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
}
.header-search {
  position: relative;
}
.header-search b {
  display: block;
  line-height: 1;
  color: #FFFFFF;
  font-size: 16px;
  font: lighter;
  cursor: pointer;
}
.header-menu-btn {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 30px;
  cursor: pointer;
  z-index: 3;
}
.header-menu-btn span {
  display: block;
  position: relative;
  color: #fff;
  font-size: 14px;
  font-family: "Gilroy";
  text-transform: uppercase;
  text-indent: -99999px;
  width: 46px;
  overflow: hidden;
}
.header-menu-btn span:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  content: "MENU";
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-indent: 0px;
  font-family: "Gilroy";
  transition: all 0.3s 0.5s, color 0.3s 0s;
}
.header-menu-btn span:after {
  position: absolute;
  left: 0;
  top: 100%;
  content: "CLOSE";
  color: #2A6AB2;
  font-size: 14px;
  font-family: "Gilroy";
  text-indent: 0px;
  transition: all 0.3s 0.5s, color 0.3s 0s;
}
.header-menu-btn i {
  display: block;
  margin-left: 23px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #1F90D0;
}
.btext {
  position: absolute;
  left: 50%;
  margin-left: -45%;
  top: 50%;
  transform: translateY(-50%);
  width: 90%;
  text-align: center;
  z-index: 6;
}
.btitle small {
  display: block;
  margin-top: 55px;
  line-height: 1;
  color: #FFFFFF;
  font-size: 2.42vw;
  font-family: "Gilroy";
  text-transform: uppercase;
}
.btitle strong {
  display: block;
  line-height: 1.1;
  color: #fff;
  font-size: 3.42vw;
}
.bannre-prev {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 20%;
  height: 100%;
}
.bannre-prev:hover span {
  opacity: 1;
  visibility: visible;
}
.bannre-prev.prev span {
  left: 52px;
}
.bannre-prev.prev span:hover {
  left: 47px;
}
.bannre-prev.next {
  left: auto;
  right: 0;
}
.bannre-prev.next span {
  right: 52px;
  background: url(../images/next.png) center no-repeat;
}
.bannre-prev.next span:hover {
  right: 47px;
}
.bannre-prev span {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  width: 87px;
  height: 27px;
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.55, 0.05, 0.22, 0.99);
  background: url(../images/prev.png) center no-repeat;
  opacity: 0;
  visibility: hidden;
}
.world-list {
  margin-top: 28px;
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
}
.world-list li {
  margin-right: 85px;
}
.world-list li:last-child {
  margin-right: 0;
}
.world-list li:hover b {
  transform: translateY(-5px);
}
.world-list li b {
  display: block;
  position: relative;
  margin: auto;
  text-align: center;
  width: 66px;
  height: 66px;
  border: 1px solid rgba(255, 255, 255, 0.49);
  border-radius: 50%;
  transition: 0.3s;
}
.world-list li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.world-list li span {
  display: block;
  margin-top: 10px;
  text-align: center;
  line-height: 1;
  color: #fff;
  font-size: 14px;
}
.common-btn {
  text-align: center;
}
.common-btn a {
  display: inline-block;
  position: relative;
  z-index: 2;
  width: 183px;
  height: 47px;
  text-align: center;
  line-height: 47px;
  color: #fff;
  background: #03399d;
  border-radius: 24px;
  font-size: 14px;
}
.common-btn a:hover {
  background: rgba(31, 144, 208, 0.8);
}
.banner-slide {
  overflow: hidden;
}
.banner-info {
  margin-top: 30px;
  margin-bottom: 114px;
  text-align: center;
}
.banner-info p {
  color: #fff;
  font-size: 30px;
  text-align: center;
}
.bannerwr {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.bannerwr:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  content: "";
  width: 100%;
  height: 100%;
  /*background: rgba(0, 0, 0, 0.4);*/
}
.banner-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
}
.banner-line {
  position: absolute;
  left: 50%;
  margin-left: -600px;
  bottom: 75px;
  padding-bottom: 24px;
  width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 20;
}
.banner-line .line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: rgba(168, 183, 201, 0.3);
}
.banner-line .line i {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  width: 0;
  height: 100%;
}
.banner-line .swiper-pagination {
  position: relative;
}
.banner-line .swiper-pagination .swiper-pagination-bullet {
  margin-right: 13px;
  position: relative;
  width: 6px;
  height: 6px;
  background: #A8B7C9;
  opacity: 0.6;
  transition: 0.4s;
}
.banner-line .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: none;
}
.banner-line .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  opacity: 1;
  visibility: visible;
  transform: rotateY(0deg);
}
.banner-line .swiper-pagination .swiper-pagination-bullet:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transform: rotateY(180deg);
  transition: 0.3s;
}
.numble {
  color: #A8B7C9;
  font-size: 14px;
  font-family: "Gilroy";
  line-height: 1;
}
.numble b {
  font-weight: normal;
  color: #fff;
}
.home-about {
  position: relative;
  padding-left: 160px;
  overflow: hidden;
  background: #F5F5F6;
}
.home-about-content {
  padding: 180px 0 125px;
}
.common-tts small {
  display: block;
  line-height: 1;
  color: #999999;
  font-size: 20px;
  font-family: "Gilroy";
  text-transform: uppercase;
  /*opacity: 0;*/
  margin-bottom: 22px;
}
.common-tts strong {
  display: block;
  line-height: 1.1;
  color: #fff;
  font-size: 2.645vw;
 /* opacity: 0;*/
  overflow: hidden;
}
.home-about-info {
  margin: 50px 0 46px;
  width: 562px;
  max-width: 100%;
}
.home-about-info p {
  color: #666666;
  font-size: 16px;
  text-align: justify;
}
.about-btns {
  display: flex;
  margin-bottom: 110px;
}
.about-video {
  margin-left: 15px;
  width: 181px;
  height: 45px;
  border: 1px solid #707070;
  text-align: center;
  line-height: 45px;
  color: #666666;
  font-size: 14px;
  border-radius: 24px;
  cursor: pointer;
  transition: 0.4s;
}
.about-video:hover {
  background: #1F90D0;
  color: #fff;
  border-color: #1F90D0;
}
.about-video:hover i {
  left: 3px;
  color: #fff;
}
.about-video i {
  display: inline-block;
  position: relative;
  left: 0;
  z-index: 3;
  top: 1px;
  margin-left: 17px;
  color: #666666;
  font-size: 18px;
  font-style: normal;
  transition: 0.4s;
}
.about-data {
  width: 42.65vw;
  display: flex;
  justify-content: space-between;
}
.about-data-item {
  min-width: 150px;
}
.about-data-item p {
  margin-bottom: 14px;
  color: #333333;
  font-size: 3.38vw;
  line-height: 1;
  font-family: "Gilroy";
}
.about-data-item p b {
  font-weight: lighter;
}
.about-data-item span {
  display: block;
  line-height: 1;
  color: #666666;
  font-size: 14px;
}
.about-imgs {
  position: absolute;
  right: -2%;
  top: 0;
  width: 52.81%;
  height: 100%;
}
.about-imgs img {
  display: block;
  width: auto;
  max-height: 100%;
}
.about-imgs .dit {
  position: absolute;
  top: 0;
  left: 0;
  animation: fadeIn1 2.3s infinite;
}
.intelligent {
position: relative;
 z-index: 3;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  min-height: 49.47vw;
  overflow: hidden;
}
.intelligent .intelligent-swiper {
  height: 100%;
}
.mVbg {
  position: absolute;
  left: 50%;
  top: 100%;
  width: 256%;
  min-width: 2500px;
  height: 100%;
  min-height: 2500px;
  background-size: cover !important;
  animation: mVbgRotate 360s infinite linear;
}
@keyframes mVbgRotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
.product-slide {
  height: 100%;
  min-height: 49.47vw;
}
.intelligent-wrap {
  padding: 133px 120px 107px 180px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.intelligent-imgs {
  width: 45.24%;
  position: relative;
}
.intelligent-imgs figure {
  display: inline-block;
  position: relative;
  line-height: 1;
}
.intelligent-imgs img {
  display: block;
  max-width: 100%;
  height: auto;
}
.intelligent-imgs img.hide {
  position: absolute;
  left: 0;
  top: 0;
  animation: fadeIn1 2.5s infinite linear;
}
@keyframes fadeIn1 {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.intelligent-line {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.spot {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background: #ECF3F9;
  border-radius: 100%;
  z-index: 2;
}
.spot.spot1 {
  left: 45.81%;
  margin-left: -9px;
  top: 0;
  width: 13px;
  height: 13px;
}
.spot.spot2 {
  right: 23.06%;
  margin-right: -7.5px;
  top: 12.11%;
  margin-top: -7.5px;
  width: 15px;
  height: 15px;
}
.spot.spot3 {
  margin-right: -9px;
  top: 34.27%;
  margin-top: -3px;
  width: 18px;
  height: 18px;
  right: 5.68%;
}
.spot.spot4 {
  top: 54.6%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  right: 0;
}
.spot.spot5 {
  right: 19.11%;
  margin-right: -12px;
  bottom: 11.04%;
  margin-bottom: -12px;
  width: 24px;
  height: 24px;
}
.spot.spot6 {
  right: 36.65%;
  margin-right: -9px;
  bottom: 22.23%;
  margin-bottom: -9px;
  width: 18px;
  height: 18px;
}
.spot.spot7 {
  left: 4.73%;
  margin-left: -18px;
  bottom: 14.72%;
  margin-bottom: -18px;
  width: 36px;
  height: 36px;
}
.spot.spot8 {
  left: 0;
  top: 57.97%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
}
.spot.spot9 {
  left: 17.37%;
  top: 38.957%;
  margin-left: -6.5px;
  margin-top: -6.5px;
  width: 13px;
  height: 13px;
}
.spot.spot10 {
  left: 2.527%;
  top: 19.93%;
  margin-left: -4px;
  margin-top: -1px;
  width: 8px;
  height: 8px;
}
.sline {
  position: absolute;
}
.sline img {
  display: block;
  width: 100%;
  height: auto;
}
.sline1 {
  left: 2.2%;
  top: 1.073%;
  width: 73.933%;
}
.sline2 {
  left: 2.527%;
  top: 12.11%;
  width: 92.1%;
}
.sline3 {
  left: 2.2%;
  top: 20.33%;
  width: 15.48%;
}
.sline4 {
  left: 17.13%;
  top: 35.27%;
  width: 80.88%;
}
.sline5 {
  right: 2.079%;
  top: 54.3%;
  width: 35.07%;
}
.sline6 {
  left: 2.05%;
  top: 57.66%;
  width: 61.29%;
}
.intelligent-imgs.article-block .intelligent-line .spot {
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: 0.3s;
}
.intelligent-imgs.article-block .intelligent-line .sline {
  clip-path: inset(0 100% 0 0);
  transition: 0.8s linear;
}
.intelligent-imgs.articleShow .intelligent-line .spot {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  animation: cir_out 2s infinite;
}
.intelligent-imgs.articleShow .intelligent-line .spot:nth-child(2n+2) {
  animation: cir_out 2s 0.3s infinite;
}
.intelligent-imgs.articleShow .intelligent-line .spot1 {
  transition: 0.3s 0.4s;
}
.intelligent-imgs.articleShow .intelligent-line .spot2 {
  transition-delay: 1.6s;
}
.intelligent-imgs.articleShow .intelligent-line .spot3 {
  transition-delay: 2.2s;
}
.intelligent-imgs.articleShow .intelligent-line .spot3 {
  transition-delay: 2.2s;
}
.intelligent-imgs.articleShow .intelligent-line .spot9 {
  transition-delay: 1.2s;
}
.intelligent-imgs.articleShow .intelligent-line .spot4 {
  transition-delay: 2.5s;
}
.intelligent-imgs.articleShow .intelligent-line .spot5 {
  transition-delay: 2.8s;
}
.intelligent-imgs.articleShow .intelligent-line .spot6 {
  transition-delay: 3s;
}
.intelligent-imgs.articleShow .intelligent-line .spot7,
.intelligent-imgs.articleShow .intelligent-line .spot8 {
  transition-delay: 2.4s;
}
.intelligent-imgs.articleShow .intelligent-line .sline1 {
  clip-path: inset(0 0 0 0);
}
.intelligent-imgs.articleShow .intelligent-line .sline2 {
  clip-path: inset(0 0 0 0);
  transition: 1.5s 0.8s;
}
.intelligent-imgs.articleShow .intelligent-line .sline3 {
  clip-path: inset(0 0 0 0);
  transition: 1s 0.8s;
}
.intelligent-imgs.articleShow .intelligent-line .sline4 {
  clip-path: inset(0 0 0 0);
  transition: 1.5s 1.4s;
}
.intelligent-imgs.articleShow .intelligent-line .sline5 {
  clip-path: inset(0 0 0 0);
  transition: 1.5s 1.5s;
}
.intelligent-imgs.articleShow .intelligent-line .sline6 {
  clip-path: inset(0 0 0 0);
  transition: 1.5s 2s;
}
@keyframes cir_out {
  0% {
    transform: scale(0.05);
    opacity: 1;
  }
  80% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.1);
    opacity: 0.1;
  }
}
.common-tts1 strong,
.common-tts1 small {
  color: #fff;
}
.intelligent-li {
  margin-top: 48px;
  margin-bottom: 90px;
  justify-content: start;
}
.intelligent-li li {
  margin-right: 22px;
}
.intelligent-li li:last-child {
  margin-right: 0;
}
.common-btn-left {
  text-align: left;
}
.intelligent-li1 li {
  margin-right: 50px;
}
.swiper-container .swiper-pagination1 {
  position: absolute;
  left: 60px;
  right: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  z-index: 10;
  width: auto;
}
.swiper-container .swiper-pagination1 .swiper-pagination-bullet {
  position: relative;
  margin: 0;
  padding-bottom: 20px;
  width: auto;
  height: auto;
  color: #FFFFFF;
  font-size: 20px;
  font-family: "Gilroy";
  line-height: 1;
  background: none;
  display: block;
  margin-bottom: 49px;
  opacity: 0.5;
}
.swiper-container .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-container .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  transform: scaleX(1);
}
.swiper-container .swiper-pagination1 .swiper-pagination-bullet:last-child {
  margin-bottom: 0;
}
.swiper-container .swiper-pagination1 .swiper-pagination-bullet:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 5px;
  background: #fff;
  transform: scaleX(0);
  transform-origin: center;
  transition: 0.38s;
}
.intelligent .intelligent-swiper1 {
  height: 100%;
}
.build-wraps {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
}
.builds {
  position: relative;
  width: 48.85%;
}
.build-bg img {
  display: block;
  width: 100%;
  height: auto;
}
.build-aircle {
  position: absolute;
  left: 20.23%;
  top: 32.54%;
  width: 34.717%;
}
.build-aircle img {
  display: block;
  width: 100%;
  height: auto;
  animation: rolates 18s infinite linear;
}
@keyframes rolates {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.intelligent1 {
  background: #F5F5F6;
}
.builds-item {
  position: absolute;
  text-align: center;
}
.builds-item:hover b:before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.builds-item:hover span {
  color: #03399d;
}
.builds-item b {
  display: block;
  margin: auto;
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #C2C2C2;
  text-align: center;
  z-index: 2;
}
.builds-item b:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #03399d, #2A6AB2);
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transform: rotateY(-180deg);
  transition: 0.44s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.builds-item b img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.builds-item span {
  display: block;
  color: #999999;
  font-size: 16px;
  line-height: 1.2;
  transition: 0.38s;
}
.builds-item1 {
  left: 37.48%;
  top: 19.8%;
  transform: translateX(-50%);
  margin-top: -32px;
}
.builds-item1 span {
  position: absolute;
  bottom: 100%;
  margin-bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.builds-item2 {
  right: 36.52%;
  top: 35.76%;
  margin-right: -32px;
  margin-top: -32px;
}
.builds-item2 span {
  position: absolute;
  left: 100%;
  margin-left: 11px;
  top: 50%;
  margin-top: -8px;
  white-space: nowrap;
}
.builds-item3 {
  margin-right: -32px;
  margin-bottom: -32px;
  right: 40.04%;
  bottom: 29.87%;
}
.builds-item3 span {
  position: absolute;
  left: 100%;
  margin-left: 11px;
  top: 50%;
  margin-top: -8px;
  white-space: nowrap;
}
.builds-item4 {
  left: 16.61%;
  bottom: 29.87%;
  margin-left: -32px;
  margin-bottom: -32px;
}
.builds-item4 span {
  position: absolute;
  right: 100%;
  margin-right: 11px;
  top: 50%;
  margin-top: -8px;
  white-space: nowrap;
}
.builds-item5 {
  left: 7.454%;
  margin-left: -32px;
  top: 44.96%;
  margin-top: -32px;
}
.builds-item5 span {
  position: absolute;
  right: 100%;
  margin-right: 11px;
  top: 50%;
  margin-top: -8px;
  white-space: nowrap;
}
.build-info {
  text-align: left;
  padding-left: 160px;
}
.build-info .common-btn {
  text-align: left;
  margin-top: 60px;
}
.build-info .common-btn a {
  background: linear-gradient(155deg, #03399d, #2A6AB2);
}
.upgrade {
  position: relative;
  margin-top: 120px;
  margin-right: 2%;
  width: 47.187%;
}
.upgrade figure {
  display: block;
  line-height: 1;
  overflow: hidden;
}
.upgrade figure img {
  display: block;
  width: 100%;
  height: auto;
}
.upgrade-item1 {
  right: 72.98%;
  margin-right: -28px;
  top: 17.34%;
  margin-top: -28px;
}
.upgrade-item1 span {
  right: 100%;
  margin-right: 10px;
}
.upgrade-item {
  position: absolute;
}
.upgrade-item:hover b {
  width: 79px;
  height: 79px;
  margin-left: -11px;
  margin-top: -11px;
}
.upgrade-item:hover b img {
  width: 36px;
}
.upgrade-item b {
  display: block;
  position: relative;
  width: 57px;
  height: 57px;
  background: linear-gradient(155deg, #1c85c9, #003499);
  text-align: center;
  border-radius: 50%;
  transition: 0.4s;
}
.upgrade-item b img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: 24px;
  transition: 0.35s;
}
.upgrade-item span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  color: #999999;
  line-height: 1.2;
  text-align: right;
  white-space: nowrap;
  font-size: 16px;
}
.upgrade-item1:hover b {
  margin: 0;
  margin-right: -11px;
  margin-bottom: -11px;
}
.upgrade-item4:hover b {
  margin: 0;
  margin-right: -11px;
  margin-bottom: -11px;
}
.upgrade-item2 {
    right: 42.98%;
    margin-right: -28px;
    top: 17.34%;
    margin-top: -28px;
}
.upgrade-item2 a {
  display: flex;
  align-items: center;
}
.upgrade-item2 span {
  position: static;
  top: auto;
  transform: translateY(0px);
  margin-left: 10px;
  text-align: left;
}
.upgrade-item3 {
right: 22.98%;
    margin-right: -28px;
    top: 17.34%;
    margin-top: -28px;
}
.upgrade-item3 span {
  left: 100%;
  margin-left: 10px;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
}
.upgrade-item4 {
right: 72.98%;
    margin-right: 81px;
    top: 49.34%;
    margin-top: -28px;
}
.upgrade-item4 span {
  right: 100%;
  margin-right: 10px;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
}

.upgrade-item5 {
left: 72.98%;
    margin-left: -111px;
    top: 49.34%;
    margin-top: -28px;
}

.upgrade-item5 span {
  right: 100%;
   margin-right: 10px;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
}


.upgrade-item6 {
left: 85.98%;
   /* margin-right: -581px;*/
    top: 31.34%;
 /*   margin-top: -28px;*/
}

.upgrade-item6 span {
  right: 100%;
  margin-right: 10px;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
}

.upgrade-item7 {
right: 72.98%;
    margin-right: 81px;
    top: 73.34%;
    margin-top: -28px;
}
.upgrade-item7 span {
  right: 100%;
  margin-right: 10px;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
}
.upgrade-item8 {
right: 76.98%;
    margin-right: -181px;
    top: 69.34%;
    margin-top: -28px;
}
.upgrade-item8 span {
  left: 100%;
  margin-left: 10px;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
}

.upgrade-item9 {
left: 75.98%;
/*    margin-right: -511px;*/
    top: 55.34%;
    margin-top: -28px;
}
.upgrade-item9 span {
  left: 100%;
   margin-left: 10px;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
}

.upgrade-item10 {
right: 72.98%;
    margin-right: -81px;
    top: 81.34%;
    margin-top: -28px;
}

.upgrade-item10 span {
  left: 100%;
  margin-left: 10px;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
}
.upgrade-item11 {
left: 72.98%;
   /* margin-right: -541px;*/
    top: 79.34%;
    margin-top: -28px;
}

.upgrade-item11 span {
  left: 100%;
   margin-left: 10px;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
}

.upgrade-item12 {
left: 40.98%;
    /*margin-right: -361px;*/
    top: 32.34%;
    margin-top: -28px;
}

.upgrade-item12 span {
  right: 100%;
   margin-right: 10px;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
}
.build-li {
  margin-top: 24px;
  display: flex;
}
.build-li p {
  padding: 0 14px;
  color: #666666;
  font-size: 24px;
  line-height: 1;
  border-right: 1px solid #666666;
}
.build-li p:first-child {
  padding-left: 0;
}
.build-li p:last-child {
  border-right: none;
}
.build-wraps1 {
  height: 100%;
  align-items: center;
  flex-direction: row;
}
.intelligent-swiper1 .swiper-pagination1 .swiper-pagination-bullet {
  color: #C2C2C2;
}
.intelligent-swiper1 .swiper-pagination1 .swiper-pagination-bullet:before {
  background: #03399d;
}
.intelligent-swiper1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: #03399d;
}
.information {
  position: relative;
  z-index: 3;
  padding: /*116px 8.33% 100px*/;
  overflow: hidden;
}
.information-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  z-index: -1;
}
.informate-title {
  margin-bottom: 66px;
  text-align: center;
}
.informate-title small {
  display: block;
  margin-bottom: 28px;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  font-family: "Gilroy";
  opacity: 0;
}
.informate-title strong {
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 3.64vw;
  font-weight: bold;
  opacity: 0;
}
.informate-list {
  margin-bottom: 70px;
  display: flex;
  justify-content: space-between;
}
.informate-list li {
  position: relative;
  flex: 1;
  margin-right: 37px;
}
.informate-list li:last-child {
  margin-right: 0;
}
.informate-list li a:hover figure img {
  transform: scale(1.05);
}
.informate-list li a:hover .informate-down {
  opacity: 1;
}
.informate-list li figure {
  position: relative;
  display: block;
  padding-bottom: 54.56%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.informate-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.informate-down {
  padding: 17px 0 32px;
  border-bottom: 2px solid #fff;
  opacity: 0.6;
  transition: 0.4s;
}
.informate-down time {
  display: block;
  line-height: 1;
  color: #FFFFFF;
  font-size: 14px;
}
.informate-down strong {
  margin-top: 15px;
  margin-bottom: 20px;
  display: block;
  line-height: 1.4;
  color: #fff;
  font-size: 22px;
  min-height: 62px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.informate-down p {
  color: #fff;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.footer {
  background: #091A39;
}
.footer-navs {
  padding: 0 8.3333%;
  border-bottom: 1px solid rgba(229, 232, 239, 0.1);
  display: flex;
  justify-content: space-between;
}
.footer-navs .scroll-top {
  display: block;
  margin-top: 27px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
 
  color: #A8B7C9;
  font-size: 14px;
  cursor: pointer;
  transition: 0.2s;
}
.footer-navs .scroll-top:hover {
  line-height: 36px;
}
.footer-navs-li {
  display: flex;
}
.footer-navs-li li {
  margin-right: 56px;
}
.footer-navs-li li:last-child {
  margin-right: 0;
}
.footer-navs-li li a {
  display: inline-block;
  position: relative;
  padding: 48px 0 27px;
  color: #A8B7C9;
  font-size: 14px;
  line-height: 1.1;
}
.footer-navs-li li a:hover:before {
  transform: scaleX(1);
}
.footer-navs-li li a:before {
  position: absolute;
  left: 50%;
  margin-left: -18px;
  bottom: -1px;
  content: "";
  width: 36px;
  height: 1px;
  background: #2A6AB2;
  transform: scaleX(0);
  transition: 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.footer-address {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 27px 8.3333%;
  border-bottom: 1px solid rgba(229, 232, 239, 0.1);
}
.address-list {
  display: flex;
  flex-wrap: wrap;
  width: 1066px;
}
.address-list p {
  color: #A8B7C9;
  font-size: 14px;
  line-height: 2;
}
.eq {
  width: 72px;
}
.eq img {
  display: block;
  width: 100%;
  height: auto;
}
.footer-copy {
  display: flex;
  justify-content: space-between;
  padding: 22px 8.3333% 35px;
}
.copy p {
  color: #A8B7C9;
  font-size: 12px;
}
.network {
  display: none;
}
.network a {
  display: inline-block;
  color: #A8B7C9;
  font-size: 12px;
}
.network a:hover {
  color: #fff;
}
.article-block.slideMove {
  /*opacity: 0;
  clip-path: inset(0 100% 0 0);
  transition: 1.65s cubic-bezier(0.55, 0.05, 0.22, 0.99);*/
}
.articleShow.slideMove {
  opacity: 1;
  clip-path: inset(0 0 0 0);
}
.article-block.slideTop {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.articleShow.slideTop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
      line-height: 40px;
}
.pop-video {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 199;
  opacity: 0;
  visibility: hidden;
  transition: 0.8s;
  pointer-events: none;
}
.pop-video.show {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
}
.pop-bgs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.pop-wraps {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1092px;
}
.pop-wraps .videos {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.pop-close {
  display: block;
  position: absolute;
  right: -76px;
  top: 50%;
  margin-top: -18px;
  cursor: pointer;
  width: 31px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  border-radius: 50%;
  border: 3px solid #fff;
  transition: 0.35s;
  color: #fff;
  font-size: 16px;
  z-index: 10;
}
.pop-close:hover {
  transform: rotate(180deg);
}
.informate-list.article-block li {
  display: block;
  visibility: hidden;
  clip-path: inset(0 100% 0 0);
  transition: 1.3s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.informate-list.articleShow li {
  visibility: visible;
  clip-path: inset(0 0 0 0);
}
.pbanner {
  position: relative;
  overflow: hidden;
}
.pbanner figure {
  display: block;
  line-height: 1;
  overflow: hidden;
}
.pbanner figure img {
  display: block;
  position: relative;
  line-height: 1;
  width: 100%;
  height: auto;
}
.ptext {
  position: absolute;
  left: 50%;
  margin-left: -45%;
  top: 50%;
  transform: translateY(-50%);
  width: 90%;
  text-align: center;
}
.ptext strong {
  display: block;
  margin-bottom: 55px;
  line-height: 1.1;
  color: #fff;
  font-size: 2.827vw;
  opacity: 0;
}
.ptext p {
  color: #fff;
 font-size: 1.42vw;
  line-height: 1.5;
  opacity: 0;
}
.smart {
  padding: 49px 0 52px;
  background: #F5F5F6;
}
.smart .smart-wrap P {
    font-size: 16px;
    line-height: 40px;
}
.smart .smart-wrap P img{ width:100%;
}


.smart-wrap strong {
  display: block;
  margin-bottom: 36px;
  line-height: 1.1;
  color: #333333;
  font-size: 32px;
  text-align: center;
}
.smart-wrap p {
  color: #666666;
  font-size: 16px;
  line-height: 2.2;
}
.future .smart-wrap p {
  font-size: 18px;
}
.future {
  padding: 90px 0 0;
}
.future-flex {
  position: relative;
  margin-top: 100px;
  padding-bottom: 72.88%;
}
.future-dc {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}
.future-dc1 {
  display: block;
  position: absolute;
  left: 11.34%;
  top: 24.77%;
  width: 72.75%;
}
.future-dc2 {
  display: block;
  position: absolute;
  left: 38.11%;
  top: 24.498%;
  width: 23.55%;
}
.future-dc3 {
  display: block;
  position: absolute;
  width: 47.682%;
  left: 25.98%;
  top: 12.26%;
}
.future-text {
  display: block;
  position: absolute;
  left: 28.32%;
  top: 26.48%;
  width: 42.572%;
}
.fonts {
  display: block;
  width: 5.543%;
  position: absolute;
  left: 27.19%;
  top: 21.47%;
}
.future-dc4 {
  display: block;
  position: absolute;
  left: 36.72%;
  top: 9.91%;
  width: 26.54%;
}
.future-dc5 {
  display: block;
  position: absolute;
  left: 39.58%;
  top: 4.07%;
  width: 20.918%;
}
.future-text1 {
  display: block;
  width: 18.189%;
  position: absolute;
  left: 40.84%;
  top: 1.179%;
}
.worth {
  padding: 68px 0 130px;
  background: #F5F5F6;
}
.worth-title {
  display: block;
  margin-bottom: 15px;
  line-height: 1;
 color: #333333;
/*  color: #006fbb;*/
  font-size: 32px;
  font-weight: bold;
  opacity: 0;
  text-align: center;
}
.worth-list {
  margin-top: 82px;
  display: flex;
  flex-wrap: wrap;
}
.worth-list li {
  margin-right: 1.78666%;
  width: 23.66%;
  box-shadow: 0 8px 20px rgba(33, 122, 241, 0.16);
  text-align: center;
  background-color: none;
}
.worth-list li:nth-child(4n+4) {
  margin-right: 0;
}
.worth-list li strong {
  display: inline-block;
  position: relative;
  margin: auto;
  padding: 0 35px;
  box-sizing: border-box;
  margin-top: 36px;
  min-width: 155px;
  height: 37px;
  line-height: 37px;
  background: #1F90D0;
  border-radius: 19px;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
}
.worth-list li strong:before {
  position: absolute;
  left: 50%;
  top: -35px;
  content: "";
  width: 1px;
  height: 35px;
  background: #1F90D0;
}
.worth-list li:hover .worth-top b img {
  transform: rotateY(-180deg);
}
.worth-wr {
  padding: 36px 0;
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  height: 100%;
}
.worth-top {
  position: relative;
  margin: auto;
  width: 89px;
  height: 89px;
  border-radius: 50%;
  border: 3px solid #1F90D0;
  z-index: 3;
}
.worth-top:before {
  position: absolute;
  left: -10%;
  top: 50%;
  margin-top: -2.5px;
  content: "";
  width: 120%;
  height: 5px;
  background: #fff;
}
.worth-top:after {
  position: absolute;
  top: -10%;
  left: 50%;
  margin-left: -2.5px;
  content: "";
  width: 5px;
  height: 120%;
  background: #fff;
}
.worth-top b {
  display: block;
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  margin-left: -43.25%;
  margin-top: -43.25%;
  width: 86.5%;
  height: 86.5%;
  border-radius: 50%;
  background: #1F90D0;
  text-align: center;
}
.worth-top b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  transition: 0.35s;
}
.worth-info {
  padding: 40px 30px 25px;
  min-height: 200px;
  text-align: left;
}
.worth-info p {
  color: #666666;
  font-size: 16px;
}
.industry-case {
  padding-top: 68px;
}
.industrys {
  position: relative;
  margin-top: 53px;
}
.industry-list {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.industry-list li {
  position: relative;
  z-index: 2;
  flex: 1;
  overflow: hidden;
  perspective: 1000px;
}
.industry-list li figure {
  display: block;
  width: 100%;
  height: auto;
  line-height: 1;
}
.industry-list li figure img {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.7s;
}
.industry-list li:hover figure img {
  transform: scale(1.05);
}
.industry-list li:hover:before {
  opacity: 1;
  visibility: visible;
  transform: rotateY(0deg);
}
.industry-list li:hover .industry-info {
  bottom: 50%;
  transform: translateY(50%);
}
.industry-list li:hover .industry-info p,
.industry-list li:hover .industry-info span {
  opacity: 1;
  visibility: visible;
}
.industry-list li:before {
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: left center;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(31, 144, 208, 0.34);
  transition: 0.68s cubic-bezier(0.55, 0.05, 0.22, 0.99);
  visibility: hidden;
  opacity: 0;
  transform: rotateY(90deg);
  z-index: 3;
}
.industry-info {
  position: absolute;
  left: 10.83%;
  right: 10.83%;
  bottom: -170px;
  transition: 0.78s cubic-bezier(0.55, 0.05, 0.22, 0.99);
  z-index: 5;
}
.industry-info strong {
  display: block;
  position: relative;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 32px;
  line-height: 1;
  color: #fff;
  font-size: 24px;
  font-weight: normal;
}
.industry-info strong:before {
  position: absolute;
  left: 50%;
  margin-left: -13px;
  bottom: 0;
  content: "";
  width: 26px;
  height: 4px;
  background: #fff;
}
.industry-info p {
  margin-bottom: 50px;
  height: 100px;
  color: #fff;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.industry-info span {
  display: block;
  margin: auto;
  width: 183px;
  height: 47px;
  text-align: center;
  line-height: 47px;
  border-radius: 24px;
  background: #1F90D0;
  color: #fff;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.industry-info span:hover {
  background: rgba(31, 144, 208, 0.8);
}
.innovate {
  padding: 70px 0 100px;
}
.innovate-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
.innovate-list li {
  margin-right: 1.76%;
  position: relative;
  width: 32.16%;
}
.innovate-list li:nth-child(3n+3) {
  margin-right: 0;
}
.innovate-list li figure {
  border-radius: 8px;
  position: relative;
  display: block;
  padding-bottom: 62.953%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.innovate-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.innovate-list li figure img {
  border-radius: 8px;
}
.innovate-list li:hover figure img {
  transform: scale(1.06);
}
.innovate-list li span {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 36px 0 21px;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
  line-height: 1.1;
  color: #fff;
  font-size: 16px;
  text-align: center;
  border-radius: 0 0 8px 8px;
}
.future-flex.article-block .future-dc {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-80%);
  transition: 1s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.future-flex.article-block .future-dc1 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-80%);
  transition: 1s 0.5s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.future-flex.article-block .future-dc2 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-80%);
  transition: 1s 1s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.future-flex.article-block .future-dc3 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-80%);
  transition: 1s 1.5s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.future-flex.article-block .future-text {
  clip-path: inset(0 100% 0 0);
  transition: 1.25s 1.5s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.future-flex.article-block .fonts {
  clip-path: inset(0 100% 0 0);
  transition: 0.5s 1.5s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.future-flex.article-block .future-dc4 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-80%);
  transition: 1s 2s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.future-flex.article-block .future-dc5 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-80%);
  transition: 1s 2.4s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.future-flex.article-block .future-text1 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50%);
  transition: 0.78s 3.2s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.future-flex.articleShow .future-dc,
.future-flex.articleShow .future-dc1,
.future-flex.articleShow .future-dc2,
.future-flex.articleShow .future-dc3,
.future-flex.articleShow .future-dc4,
.future-flex.articleShow .future-dc5,
.future-flex.articleShow .future-text1 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.future-flex.articleShow .future-text,
.future-flex.articleShow .fonts {
  clip-path: inset(0 0 0 0);
}
.article-block.slideinset li {
  opacity: 0;
  clip-path: inset(0 100% 0 0);
  transition: 0.6s;
}
.article-block.slideinset li:nth-child(2) {
  transition-delay: 0.2s;
}
.article-block.slideinset li:nth-child(3) {
  transition-delay: 0.4s;
}
.article-block.slideinset li:nth-child(4) {
  transition-delay: 0.6s;
}
.worth-list.article-block li .worth-wr {
  opacity: 0;
  clip-path: inset(0 100% 0 0);
  transition: 0.6s;
}
.worth-list.article-block li:nth-child(2) .worth-wr {
  transition-delay: 0.2s;
}
.worth-list.article-block li:nth-child(3) .worth-wr {
  transition-delay: 0.4s;
}
.worth-list.article-block li:nth-child(4) .worth-wr {
  transition-delay: 0.6s;
}
.articleShow.slideinset li {
  opacity: 1;
  clip-path: inset(0 0 0 0);
}
.worth-list.articleShow li .worth-wr {
  opacity: 1;
  clip-path: inset(0 0 0 0);
}
.ptext1 {
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  text-align: left;
}
.ptext1 strong {
  font-size: 48px;
}
.ptext1 a {
  display: block;
  margin-top: 46px;
  width: 176px;
  height: 53px;
  line-height: 53px;
  text-align: center;
  border-radius: 27px;
  font-size: 18px;
  background: #1F90D0;
  color: #fff;
}
.ptext1 a:hover {
  background: rgba(31, 144, 208, 0.8);
}
.ptext1 a i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  color: #fff;
  font-size: 30px;
  font-style: normal;
}
.introduct-pt {
  padding-top: 44px;
}
.system {
  margin-top: 34px;
  text-align: center;
}
.system img {
  display: block;
  margin: auto;
  width: 81.91%;
}
.functions {
  padding: 66px 0 50px;
  background: #F5F5F6;
  overflow: hidden;
}
.functions-wrap {
  position: relative;
  width: 1200px;
  margin: auto;
  margin-top: 68px;
}
.functions-swiper {
  margin-left: 480px;
  position: relative;
}
.functions-slide {
  line-height: 1;
  transform: scale(0.8);
  opacity: 0.15;
  transition: 1s;
}
.functions-slide.swiper-slide-active {
  transform: scale(1);
  opacity: 1;
}
.functions-slide figure {
  display: block;
}
.functions-slide figure img {
  display: block;
  width: 100%;
  height: auto;
}
.functions-info {
  position: absolute;
  left: 0;
  top: 34px;
  z-index: 10;
  width: 460px;
}
.fun-slide {
  box-sizing: border-box;
  padding-left: 2px;
}
.fun-slide strong {
  display: block;
  position: relative;
  margin-bottom: 40px;
  padding-left: 22px;
  line-height: 1.2;
  color: #333333;
  font-size: 22px;
}
.fun-slide strong:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  content: "";
  width: 8px;
  height: 25px;
  background: #1F90D0;
}
.fun-slide p {
  color: #666666;
  font-size: 16px;
  line-height: 2;
}
.function-btn {
  margin-top: 44px;
  display: flex;
  justify-content: center;
}
.function-prev {
  margin-right: 17px;
  width: 33px;
  height: 33px;
  border: 2px solid #DCDCDC;
  text-align: center;
  line-height: 36px;
  color: #999999;
  font-size: 18px;
  cursor: pointer;
  transition: 0.4s;
}

.function-prev img {

  width: 10px;

}


.function-prev:hover {
  border-color: #1F90D0;
  color: #fff;
  background: #1F90D0;
}
.function-prev:last-child {
  margin-right: 0;
}
.advantage {
  background: #fff;
}
.implementate {
  padding: 62px 0 120px;
  background: #F5F5F6;
  overflow: hidden;
}
.implementate-li {
  margin-top: 45px;
  display: flex;
}
.implementate-li li {
  position: relative;
  padding: 31px 23px 28px 36px;
  flex: 1;
  margin-right: 24px;
  background: #333333;
}
.implementate-li li:nth-child(2n+2) {
  background: #fff;
}
.implementate-li li:nth-child(2n+2):before {
  border-left-color: #fff;
}
.implementate-li li:nth-child(2n+2) strong,
.implementate-li li:nth-child(2n+2) p {
  color: #333333;
}
.implementate-li li:first-child:after {
  display: none;
}
.implementate-li li:last-child:before {
  display: none;
}
.implementate-li li:before {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: -13px;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 13px solid #333333;
}
.implementate-li li:after {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 13px solid #F5F5F6;
}
.implementate-li li strong {
  display: block;
  margin-bottom: 24px;
  color: #fff;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2;
}
.implementate-li li p {
  width: 180px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
}
.caseyy {
  padding: 66px 0 30px;
}
.case-li {
  margin-top: 68px;
  display: flex;
  flex-wrap: wrap;
}
.case-li li {
  margin-right: 2.68%;
  margin-bottom: 50px;
  width: 22.64%;
      border: 1px solid #DCDCDC;
}
.case-li li figure {
  position: relative;
  display: block;
  padding-bottom: 53.35%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.case-li li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.case-li li:nth-child(4n+4) {
  margin-right: 0;
}
.case-li li a:hover figure img {
  transform: scale(1.08);
}
.case-li li span {
  display: block;
  margin-top: 13px;
  line-height: 1.2;
  text-align: center;
  color: #333333;
  font-size: 24px;
}
.case-text {
  padding-top: 20px;
}
.case-text strong {
  display: block;
  margin-bottom: 22px;
  line-height: 1.2;
  color: #333333;
  font-size: 16px;
  font-weight: normal;
      text-align: center;
}
.case-text p {
  color: #999999;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.article-block.slideList li,
.article-block.slideList > div {
  opacity: 0;
  transform: translateX(100px);
  transition: 0.6s;
}
.article-block.slideList li:nth-child(2),
.article-block.slideList > div:nth-child(2) {
  transition-delay: 0.2s;
}
.article-block.slideList li:nth-child(3),
.article-block.slideList > div:nth-child(3) {
  transition-delay: 0.4s;
}
.article-block.slideList li:nth-child(4),
.article-block.slideList > div:nth-child(4) {
  transition-delay: 0.6s;
}
.article-block.slideList li:nth-child(5),
.article-block.slideList > div:nth-child(5) {
  transition-delay: 0.8s;
}
.article-block.slideList li:nth-child(6),
.article-block.slideList > div:nth-child(6) {
  transition-delay: 1s;
}
.articleShow.slideList li,
.articleShow.slideList > div {
  opacity: 1;
  transform: translateX(0px);
}
.poo-message {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 199;
  opacity: 0;
  visibility: hidden;
  transition: 1s;
  pointer-events: none;
}
.poo-message.show {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
}
.message-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -471px;
  transform: translateY(-50%);
  box-sizing: border-box;
  padding: 30px 42px 55px;
  width: 942px;
  background: #fff;
}
.message-top {
  margin-bottom: 35px;
  text-align: center;
}
.message-top strong {
  display: block;
  margin-bottom: 12px;
  color: #333333;
  font-size: 20px;
  line-height: 1.2;
}
.message-top p {
  color: #333333;
  font-size: 14px;
}
.message-top p a {
  color: #1F90D0;
}
.message-item {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.message-row {
  position: relative;
  width: 49.41%;
}
.message-row span {
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  width: 82px;
  text-align: right;
  line-height: 45px;
  color: #C8C8C8;
  font-size: 14px;
}
.message-row .text {
  padding: 0;
  padding-left: 86px;
  height: 45px;
  line-height: 45px;
  border: 1px solid #E3E3E3;
  border-radius: 6px;
  width: 100%;
  box-sizing: border-box;
  color: #333333;
  transition: 0.3s;
}
.message-row .text:focus {
  border-color: #1F90D0;
}
.message-row1 {
  width: 100%;
}
.message-row1 .textarea {
  height: 150px;
  line-height: 1.5;
  padding-top: 12px;
  padding-right: 12px;
  resize: none;
}
.message-sub .sub {
  border: none;
  padding: 0;
  outline: none;
  width: 100%;
  height: 45px;
  line-height: 45px;
  background: #1F90D0;
  font-size: 20px;
  font-weight: bold;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-family: "SourceHanSansCN-Regular";
  transition: 0.35s;
}
.message-sub .sub:hover {
  background: rgba(31, 144, 208, 0.8);
}
.loaders {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 299;
}
.loaders .loader-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
}
.ptext1 p {
  font-size: 24px;
}
.introduct-pt1 {
  padding-bottom: 100px;
}
.pain {
  padding: 62px 0 105px;
}
.pain-list {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}
.pain-list li {
  width: 22.5%;
  text-align: center;
}
.pain-list li:hover b {
  transform: translateY(-6px);
}
.pain-list li b {
  display: block;
  position: relative;
  margin: auto;
  width: 102px;
  height: 102px;
  background: #1F90D0;
  border-radius: 50%;
  transition: 0.3s;
}
.pain-list li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.pain-list li strong {
  display: block;
  margin-top: 25px;
  margin-bottom: 22px;
  line-height: 1.2;
  color: #333333;
  font-size: 22px;
  font-weight: normal;
}
.pain-list li p {
  color: #666666;
  font-size: 16px;
  text-align: left;
}
.introdus p {
  font-size: 18px;
}
.introduct-imgs {
  margin-top: 62px;
}
.introduct-imgs img {
  max-width: 100%;
  margin: auto;
  width: auto;
  height: auto;
}
.functions1 {
  background: #fff;
}
.other-case {
  background: #F5F5F6;
}
.product-title strong {
  font-size: 2.5vw;
}
.product-title p {
  font-size: 16px;
}
.leval-menu-box {
  border-bottom: 1px solid #D8D8D8;
}
.leval-menu-lists {
  display: flex;
  justify-content: center;
}
.leval-menu-lists li {
  margin-right: 90px;
}
.leval-menu-lists li:last-child {
  margin-right: 0;
}
.leval-menu-lists li:hover a:before,
.leval-menu-lists li.active a:before {
  visibility: visible;
  transform: scaleX(1);
}
.leval-menu-lists li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  height: 80px;
  color: #999999;
  font-size: 16px;
  text-align: center;
}
.leval-menu-lists li a:before {
  position: absolute;
  left: 0;
  bottom: -1px;
  content: "";
  width: 100%;
  height: 2px;
  background: #2A6AB2;
  transform: scaleX(0);
  visibility: hidden;
  transition: 0.4s;
}
.product-view {
  /*padding: 56px 0 30px;*/
  display: flex;
  justify-content: space-between;
 /* align-items: center;*/
  overflow: hidden;
}
.proimgs {
  width: 40.08%;
}
.proimgs img {
  display: block;
  width: 100%;
  height: auto;
}
.product-fix {
  width: 55.08%;
}
.product-fix strong {
  display: block;
  margin-bottom: 20px;
  line-height: 1.2;
  color: #333333;
  font-size: 32px;
}
.product-fix span {
  display: block;
  margin-bottom: 20px;
  line-height: 1.2;
  color: #333333;
  font-size: 20px;
}

.product-fix p {
  color: #666666;
  font-size: 16px;
  line-height: 40px;
}
.characteristic {
  padding: 64px 0 150px;
  background: #F5F5F6;
}
.characteristic-wrap strong {
  display: block;
  margin-bottom: 35px;
  line-height: 1.2;
  color: #333333;
  font-size: 30px;
}
.characteristic-wrap p {
  color: #444444;
  font-size: 16px;
}
.leval-menu-lists1 {
  margin: auto;
  width: 1384px;
  max-width: 88%;
  justify-content: space-between;
}
.leval-menu-lists1 li {
  margin-right: auto;
}
.case-box {
  padding: 49px 0 150px;
  background: #F9F9F9;
}
.case-wrap {
  margin: auto;
  max-width: 88%;
  width: 1384px;
}
.caselist {
  padding-bottom: 50px;
}
.caselist li {
  margin-bottom: 46px;
  display: flex;
  flex-direction: row-reverse;
}
.caselist li:nth-child(2n+2) {
  flex-direction: row;
}
.caselist li:nth-child(2n+2) .case-content:before {
  border-left: none;
  border-right: 20px solid #fff;
  right: auto;
  left: -20px;
  z-index: 3;
}
.caselist li:hover figure img {
  transform: scale(1.06);
}
.caselist li figure {
  display: block;
  position: relative;
  width: 64.8%;
  overflow: hidden;
  cursor: pointer;
}
.caselist li figure .videos {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}
.caselist li figure img {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.78s;
}
.caselist li figure b {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -31px;
  margin-top: -31px;
  width: 63px;
  height: 63px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  z-index: 3;
  text-align: center;
  line-height: 63px;
}
.case-content {
  box-sizing: border-box;
  position: relative;
  padding: 36px 52px 0;
  width: 35.2%;
  background: #fff;
}
.case-content:before {
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -16px;
  content: "";
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 20px solid #fff;
}
.case-content strong {
  display: block;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 52px;
  line-height: 1.2;
  color: #333333;
  font-size: 30px;
  font-weight: normal;
}
.case-content strong:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 56px;
  height: 1px;
  background: #707070;
}
.case-content p {
  color: #999999;
  font-size: 16px;
}
.case-loader {
  text-align: center;
}
.case-loader a {
  display: inline-block;
  width: 181px;
  height: 45px;
  line-height: 45px;
  border-radius: 24px;
  text-align: center;
  border: 1px solid #999999;
  color: #999999;
  font-size: 14px;
}
.case-loader a:hover {
  border-color: #1F90D0;
  background: #1F90D0;
  color: #fff;
}
.case-pop .case-title {
  display: block;
  text-align: center;
  margin-bottom: 36px;
  line-height: 1;
  color: #fff;
  font-size: 30px;
  font-weight: normal;
}
.case-slide {
  float: left;
  position: relative;
}
.case-slide figure {
  display: block;
  line-height: 1;
}
.case-slide figure img {
  display: block;
  width: 100%;
  height: auto;
}
.case-slide figure p {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 8;
  padding: 36px 22px 24px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%);
}
.case-min {
  position: relative;
  margin: auto;
  margin-top: 14px;
  padding: 0 26px;
  box-sizing: border-box;
  width: 570px;
}
.case-img-min {
  float: left;
  cursor: pointer;
}
.case-img-min.slick-current figure:before {
  opacity: 1;
  visibility: visible;
}
.case-img-min figure {
  position: relative;
  margin: 0 6px;
  cursor: pointer;
  overflow: hidden;
}
.case-img-min figure:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #1F90D0;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.case-img-min figure img {
  display: block;
  width: 100%;
  height: auto;
}
.case-btn {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  cursor: pointer;
  color: #fff;
  line-height: 1;
  font-size: 20px;
  transition: 0.4s;
}
.case-btn:hover {
  color: #1F90D0;
}
.case-btn.prev {
  left: 0;
}
.case-btn.next {
  right: 0;
}
.news-title strong {
  font-size: 2.825vw;
}
.news-box {
  padding: 64px 0 7.7vw;
}
.news-list {
  padding-bottom: 60px;
}
.news-list li {
  position: relative;
  z-index: 2;
  margin-bottom: 53px;
}
.news-list li:before {
  content: "";
  width: 100%;
  height: 0;
  background: #F5F5F6;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.65s;
  z-index: -1;
}
.news-list li:hover,
.news-list li.active {
  color: #F5F5F6;
}
.news-list li:hover:before,
.news-list li.active:before {
  height: 100%;
  bottom: auto;
  top: 0;
}
.news-list li:hover figure img {
  transform: scale(1.08);
}
.news-list li:hover .news-fix:before {
  width: 100%;
}
.news-list li:hover .news-fix strong {
  color: #1F90D0;
}
.news-wrap {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  cursor: pointer;
}
.news-wrap figure {
  display: block;
  width: 45.83%;
  line-height: 1;
  overflow: hidden;
}
.news-wrap figure img {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.45s;
}
.news-fix {
  position: relative;
  margin-top: 23px;
  padding-top: 44px;
  width: 45.83%;
  border-top: 4px solid #333333;
}
.news-fix:before {
  position: absolute;
  left: 0;
  top: -4px;
  content: "";
  width: 0;
  height: 4px;
  background: #1F90D0;
  transition: 0.65s;
}
.news-fix strong {
  display: block;
  margin-bottom: 18px;
  line-height: 1.2;
  color: #333333;
  font-size: 28px;
  font-weight: normal;
  transition: 0.4s;
}
.news-fix p {
  color: #666666;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-fix time {
  display: block;
  position: absolute;
  left: 0;
  bottom: 34px;
  color: #BFBFBF;
  font-size: 16px;
  line-height: 1;
  font-family: "Gilroy";
}
.page {
  display: flex;
  justify-content: center;
}
.page a {
  display: inline-block;
  margin-right: 5px;
  width: 39px;
  height: 39px;
  border: 1px solid #DEDEDE;
  text-align: center;
  line-height: 39px;
  color: #464646;
  font-size: 14px;
}
.page a:first-child,
.page a:last-child {
  width: 86px;
  font-size: 14px;
  font-weight: bold;
  color: #B9B9B9;
}
.page a:last-child {
  margin-right: 0;
}
.page a:hover,
.page a.active {
  background: #1F90D0;
  color: #fff;
  border-color: #1F90D0;
}
.news-view {
  display: flex;
}
.news-left {
  flex: 1;
  padding-right: 45px;
  border-right: 1px solid #E1E1E1;
}
.news-titles {
  padding: 68px 0;
}
.news-titles strong {
  display: block;
  margin-bottom: 20px;
  line-height: 1.2;
  color: #333333;
  font-size: 40px;
  font-weight: normal;
}
.news-titles span {
  display: block;
  margin-right: 20px;
  line-height: 1;
  color: #333333;
  font-size: 14px;
}
.news-titles span:last-child {
  margin-right: 0;
}
.news-time {
  display: flex;
}
.news-info {
  color: #666666;
  font-size: 16px;
  line-height: 2;
}
.news-info img {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}
.news-page {
  padding: 128px 0 80px;
}
.news-page p:first-child {
  margin-bottom: 20px;
}
.news-page p a {
  display: inline-block;
  color: #999999;
  font-size: 16px;
}
.news-page p a:hover {
  color: #1F90D0;
}
.news-commend {
  box-sizing: border-box;
  padding-left: 45px;
  padding-top: 68px;
  padding-bottom: 30px;
  width: 330px;
}
.recommend-tt {
  margin-bottom: 30px;
  color: #333333;
  font-size: 24px;
  font-weight: normal;
}
.recommend-list li {
  margin-bottom: 30px;
}
.recommend-list li a:hover figure img {
  transform: scale(1.08);
}
.recommend-list li a:hover p {
  color: #1F90D0;
}
.recommend-list li figure {
  display: block;
  overflow: hidden;
}
.recommend-list li figure img {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.68s;
}
.recommend-list li p {
  margin-top: 18px;
  color: #333333;
  font-size: 16px;
  transition: 0.38s;
}
.eqs {
  text-align: center;
  padding-top: 12px;
}
.eqs figure {
  display: block;
  line-height: 1;
  text-align: center;
}
.eqs figure img {
  display: block;
  margin: auto;
  width: 152px;
  max-width: 80%;
}
.eqs p {
  color: #999999;
  font-size: 16px;
}
.about-vbtn {
  margin: auto;
  margin-top: 54px;
  width: 69px;
  height: 69px;
  text-align: center;
  line-height: 69px;
  border-radius: 50%;
  color: #1F90D0;
  font-size: 18px;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}
.company-introduct {
  padding: 5vw 0;
}
.company-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.company-imgs {
  width: 32.08%;
}
.company-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 116.8%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.company-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.company-imgs figure img {
  top: -10%;
  height: 110%;
  transition: 0s;
}
.company-fix {
 /* padding-top: 34px;*/
  width: 62.75%;
}
.about-tit strong {
  display: block;
  margin-bottom: 15px;
  line-height: 1;
/*  color: #333333;*/
  color: #006fbb;
  font-size: 2.825vw;
  font-weight: bold;
  opacity: 0;
}
.about-tit small {
  display: block;
  line-height: 1;
  color: #ffffff;
  font-size: 27px;
  font-family: "Gilroy";
  opacity: 0;
}
.about-info {
  margin: 0;
}
.about-info p {
  color: #666;
  font-size: 16px;
  line-height: 40px;
}
.about-texts p {
  color: #666666;
  font-size: 16px;
}
.about-data1 {
  margin-top: 48px;
  width: 100%;
}
.history {
  padding: 5.46% 0 6%;
  background: #1f90d0;
}
.history-tab {
  position: relative;
  z-index: 2;
  margin-top: 4vw;
}
.history-tab:before {
  position: absolute;
  left: 0;
  top: 66px;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  opacity: 0.6;
  z-index: -1;
}
.history-wrap {
  position: relative;
}
.history-numble {
  position: relative;
  width: 75px;
  padding-top: 12px;
  opacity: 0;
  visibility: hidden;
}
.history-numble:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 10px;
  content: "";
  width: 100%;
  height: 3px;
  background: #999999;
}
.history-numble span {
  display: block;
  text-align: center;
  color: #999999;
  font-size: 12px;
  font-family: "Gilroy";
  line-height: 1;
}
.history-numble span:first-child {
  margin-bottom: 62px;
}
.history-year {
  margin-top: 37px;
  display: flex;
}
.year-slide {
  display: flex;
  justify-content: space-between;
}
.year-slide.swiper-slide-active p {
  opacity: 1;
  transform: scale(1);
}
.year-slide.swiper-slide-active .history-info {
  opacity: 1;
  visibility: visible;
}
.year-slide p {
  color: #333333;
  font-size: 5.3125vw;
  line-height: 1;
  font-family: "Gilroy";
  transition: 0.5s;
}
.history-info {
  width: 54.91%;
  padding-top: 18px;
  transition: 0.5s;
}
.history-info span {
  display: block;
  color: #666666;
  font-size: 16px;
}
.history-swiper {
  display: flex;
  overflow: hidden;
}
.history-slide {
  width: 20%;
  text-align: center;
  cursor: pointer;
}
.history-slide:hover time {
  color: #ffffff;
}
.history-slide:hover b:before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  background: rgba(255, 255, 255, 0.33);
}
.history-slide:hover b i {
  border-color: #1F90D0;
}
.history-slide:hover b i:before {
  background: #1F90D0;
}
.history-slide time {
  display: block;
  margin-bottom: 18px;
  line-height: 1;
  color: #dcdcdc;
  font-size: 22px;
  font-family: "Gilroy";
  transition: 0.35s;
}
.history-slide p {
  margin: auto;
  margin-top: 20px;
  color: #fff;
  font-size: 14px;
  text-align: left;
/*  font-weight: bold;*/
    padding-left: 100px;
}
.history-slide b {
  display: block;
  position: relative;
  z-index: 3;
  margin: auto;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  transition: 0.35s;
}
.history-slide b:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 50%;
  background: rgba(191, 191, 191, 0.33);
  transition: 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.history-slide b i {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -9px;
  margin-top: -9px;
  width: 16px;
  height: 16px;
  border: 1px solid #BFBFBF;
  border-radius: 50%;
  transition: 0.3s;
}
.history-slide b i:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -4px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #BFBFBF;
  transition: 0.3s;
}
.history-btns {
  position: absolute;
  left: -70px;
  right: -70px;
  height: 0px;
  top: 42px;
  z-index: 5;
  display: flex;
  justify-content: space-between;
}
.history-btns span {
  display: block;
  width: 46px;
  height: 46px;
  text-align: center;
  line-height: 56px;
  background: #DCDCDC;
  border-radius: 50%;
  color: #999999;
  font-size: 16px;
  cursor: pointer;
  transition: 0.45s;
}
.history-btns span.prev {
  left: 0;
}
.history-btns span.next {
  right: 0;
}
.history-btns span:hover {
  background: #1F90D0;
  color: #fff;
}
.history-btns span:last-child {
  margin-bottom: 0;
}
.culture-box {
  padding: 70px 0 50px;
}
.about-center {
  text-align: center;
}
.culture {
  position: relative;
  margin-top: 80px;
  text-align: center;
}
.culture-imgs {
  display: inline-block;
  margin: auto;
}
.culture-imgs img {
  display: block;
  width: 488px;
  max-width: 100%;
  animation: grayscales 2s linear infinite alternate;
}
@keyframes grayscales {
  0% {
    filter: grayscale(0%);
  }
  100% {
    filter: grayscale(100%);
  }
}
.culturn-info {
  position: absolute;
  top: 40%;
  margin-top: -65px;
  text-align: center;
}
.culturn-info.culturn-left {
  left: 0px;
}
.culturn-info.culturn-right {
  right: 0;
}
.culturn-info strong {
  display: block;
  margin-bottom: 18px;
  line-height: 1;
  color: #333333;
  font-size: 35px;
  margin-top:32px;
}
.culturn-info p {
  color: #999999;
  font-size: 18px;
}
.team-style {
  position: relative;
  z-index: 3;
  padding: 0px 0 110px;
}
.team-style:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 44%;
  background: #F6F6F6;
}
.team-tab {
  position: relative;
  margin-top: 62px;
}
.team-slide {
  overflow: hidden;
}
.team-slide figure {
  display: block;
  line-height: 1;
  overflow: hidden;
}
.team-slide figure img {
  display: block;
  width: 100%;
  height: auto;
}
.team-slide p {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 84px 20px 34px;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 14px;
  z-index: 3;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.67) 100%);
}
.team-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  width: 194px;
}
.team-prev.prev {
  left: 4.68%;
}
.team-prev.next {
  right: 4.68%;
}
.team-prev figure {
  display: block;
  position: relative;
  line-height: 1;
  overflow: hidden;
  padding-bottom: 53.3333%;
}
.team-prev figure:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.59);
}
.team-prev figure img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-prev figure i {
  display: block;
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  margin-left: -11px;
  margin-top: -11px;
  line-height: 1;
  color: #fff;
  font-size: 23px;
}
.team-prev span {
  display: block;
  margin-top: 14px;
  color: #333333;
  font-size: 12px;
  line-height: 1;
  text-align: center;
}
.join-us {
  padding: 88px 0 110px;
  background: #F6F6F6;
  overflow: hidden;
}
.join-tab {
  position: relative;
  margin-top: 49px;
}
.join-swiper {
  overflow: visible;
}
.join-slide {
  background: #fff;
  cursor: pointer;
  transition: 0.35s;
}
.join-top {
  padding: 42px 32px 0;
}
.join-top strong {
  display: block;
  line-height: 1.1;
  color: #444444;
  font-size: 23px;
  font-weight: normal;
}
.join-info {
  margin-top: 24px;
  height: 198px;
}
.join-info p {
  color: #666666;
  font-size: 16px;
}
.join-btn {
  border-top: 1px solid #DCDCDC;
  padding: 24px 25px;
  display: flex;
  justify-content: space-between;
  color: #999999;
  font-size: 14px;
  line-height: 1.5;
}
.join-prev {
  position: absolute;
  right: 0;
  top: -92px;
  display: flex;
}
.join-prev span {
  display: inline-block;
  cursor: pointer;
  transition: 0.35s;
  width: 38px;
  height: 26px;
  background: url(../images/prev1.png) left center no-repeat;
}
.join-prev span.next {
  margin-left: 50px;
  background: url(../images/next1.png) right center no-repeat;
}
.join-prev span:hover {
  width: 87px;
}
.contact-us {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.contact-map {
  position: relative;
  height: 620px;
  width: 54%;
}
.contact-info {
  width: 45%;
}
.contact-address {
  margin-top: 35px;
  margin-bottom: 40px;
}
.contact-address p {
  color: #666666;
  font-size: 16px;
  line-height: 2;
}
.contact-eq p {
  color: #999999;
  font-size: 18px;
}
.con-eq {
  display: inline-block;
  margin-top: 30px;
  width: 152px;
}
.con-eq img {
  display: block;
  width: 100%;
  height: auto;
}
.con-eq span {
  display: block;
  margin-top: 18px;
  text-align: center;
  color: #999999;
  font-size: 18px;
  line-height: 1.6;
}
.BMap_bubble_title {
  color: #1F90D0;
  font-size: 16px;
}
.anchorBL {
  display: none;
}
.pswiper {
  position: relative;
  z-index: 0;
}
.pswiper .swiper-pagination {
  bottom: 50px;
}
.pswiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 9px;
  width: 14px;
  height: 14px;
  opacity: 1;
  background: rgba(255, 255, 255, 0.5);
}
.pswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
}
.pro-slide {
  overflow: hidden;
}
.ptext .contact-btn1 {
  background: rgba(0, 0, 0, 0.4);
}
.zhWidth {
  margin: auto;
  width: 1400px;
  max-width: 88%;
}
.core {
  padding: 68px 0 110px;
  background: #F6F6F6;
}
.core-title {
  text-align: center;
  margin: 42px auto 0;
}
.core-title strong {
  display: block;
  margin-bottom: 18px;
  line-height: 1.1;
  color: #333333;
  font-size: 2.645vw;
  font-weight: bold;
}
.core-title p {
  color: #999999;
  font-size: 18px;
  line-height: 1.5;
}
.core-list {
  margin-top: 56px;
  display: flex;
  justify-content: space-between;
}
.core-list li {
  padding: 30px 0 36px;
  border-radius: 8px;
  box-shadow: 0 8px 30px rgba(165, 165, 165, 0.22);
  width: 15.71%;
  text-align: center;
}
.core-list li:hover b {
  transform: translateY(-5px);
}
.core-list li:hover span {
  color: #1F90D0;
}
.core-list li b {
  display: block;
  position: relative;
  margin: auto;
  width: 125px;
  height: 125px;
  transition: 0.36s;
}
.core-list li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.core-list li span {
  display: block;
  margin-top: 26px;
  color: #999999;
  font-size: 18px;
  line-height: 1.2;
  transition: 0.35s;
}
.scene {
  padding: 70px 0 56px;
}
.scene-btns {
  margin-top: 62px;
  display: flex;
  flex-wrap: wrap;
}
.scene-btns span {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex: 1;
  border: 1px solid #E5E5E5;
  margin-left: -1px;
  color: #666666;
  font-size: 18px;
  cursor: pointer;
  height: 70px;
  transition: 0.38s;
}
.scene-btns span:before {
  content: "";
  width: 0;
  height: 6px;
  background: #03399d;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.scene-btns span:hover,
.scene-btns span.active {
  color: #03399d;
}
.scene-btns span:hover:before,
.scene-btns span.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.scene-btns span:before {
  border-radius: 3px;
  bottom: -1px;
}
.scene-content {
  position: relative;
  margin-top: 90px;
  max-width: 100%;
  display: inline-block;
}
.scene-imgs img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.scene-imgs img.ip {
  display: none;
}
.scene-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.scene-item {
  position: absolute;
  margin-left: -93px;
}
.scene-item.active span {
  background: none;
  transition: 0.4s 0s;
}
.scene-item.active span i:before {
  content: "-";
}
.scene-item span {
  display: block;
  position: relative;
  z-index: 3;
  cursor: pointer;
  width: 186px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 23px;
  color: #fff;
  background: linear-gradient(45deg, #03399d 0%, #1FA489 100%);
  font-size: 17px;
  font-weight: bold;
  transition: 0.4s 0.4s;
}
.scene-item span i {
  display: block;
  position: absolute;
  left: -11px;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.scene-item span i:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  content: "+";
  line-height: 1;
  color: #03399d;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  line-height: 22px;
  font-style: normal;
}
.scene-item1 {
  left: 67.34%;
  top: 23.76%;
}
.scene-down {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 49px;
  padding-bottom: 30px;
  border-radius: 23px;
  background: linear-gradient(to bottom, #03399d 0%, rgba(0, 201, 161, 0.25) 100%);
  text-align: center;
  display: none;
}
.scene-down p {
  color: #fff;
  font-size: 14px;
}
.scene-item2 {
  left: 46.2%;
  top: 18.84%;
}
.scene-item3 {
  top: 64.34%;
  left: 13.07%;
}
.scene-item4 {
  left: 96.71%;
  top: 13.333%;
}
.scene-item5 {
  left: 53.24%;
  top: 59.27%;
}
.scene-item6 {
  left: 20.04%;
  top: 6px;
}
.operate {
  background: #F6F6F6;
}
.operate-wrap {
  padding: 126px 0 114px;
  position: relative;
}
.operate-imgs {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 52.14%;
}
.operate-imgs img {
  display: block;
  width: 100%;
  height: auto;
}
.operate-left {
  width: 49.42%;
}
.operate-info {
  border-bottom: 1px solid rgba(190, 190, 190, 0.2);
  padding-bottom: 45px;
  margin-bottom: 60px;
}
.operate-info strong {
  display: block;
  margin-bottom: 35px;
  line-height: 1.1;
  color: #333333;
  font-size: 36px;
  font-weight: normal;
}
.operate-info p {
  color: #999999;
  font-size: 18px;
}
.operate-list {
  display: flex;
}
.operate-list:hover .operate-item {
  width: 25%;
}
.operate-item {
  position: relative;
  width: 33.333%;
  transition: 0.45s;
}
.operate-item:hover {
  flex: auto;
  width: 50%;
}
.operate-item:hover .operate-ins {
  opacity: 1;
  visibility: visible;
}
.operate-title {
  text-align: center;
  padding: 74px 0 15px;
}
.operate-title b {
  display: block;
  position: relative;
  text-align: center;
  margin: auto;
  width: 74px;
  height: 61px;
}
.operate-title b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.operate-title span {
  display: block;
  margin-top: 32px;
  line-height: 1.1;
  text-align: center;
  color: #333333;
  font-size: 24px;
}
.operate-ins {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 28px 15px 20px 22px;
  background: #fff;
  box-shadow: 0 8px 30px rgba(165, 165, 165, 0.22);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.operate-ins strong {
  display: block;
  position: relative;
  margin-bottom: 26px;
  padding-left: 27px;
  line-height: 1.2;
  color: #333333;
  font-size: 24px;
  font-weight: normal;
}
.operate-ins strong:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  content: "";
  width: 11px;
  height: 11px;
  border: 3px solid #03399d;
  border-radius: 50%;
}
.operate-ins p {
  color: #999999;
  font-size: 18px;
}
.provide {
  /*padding: 68px 0 100px;*/
}
.provide-btn {
  margin: 62px auto 80px;
  display: flex;
}
.provide-btn span {
  display: block;
  position: relative;
  z-index: 2;
  cursor: pointer;
  flex: 1;
  height: 71px;
  line-height: 71px;
  color: #fff;
  font-size: 20px;
  background: #F6F6F6;
  text-align: center;
  background-image: url(/upload/ibxan2.jpg);
    margin-right: 20px;
}
.provide-btn span:before {
  content: "";
  width: 0;
  height: 2px;
  background: #1F90D0;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.5s;
  z-index: -1;
}
.provide-btn span:hover,
.provide-btn span.active {
  color: #03399d;
  
}
.provide-btn span:hover:before,
.provide-btn span.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.provide-btn span:before {
  border-radius: 3px;
}
.provide-btn span:hover,
.provide-btn span.active {
  /*background: #fff;*/
  color: #fff;
   background-image: url(/upload/ibxan.jpg);
}
.provide-item {
  display: none;
}
.provide-item:first-child {
  display: block;
}
.provide-list {
  display: flex;
  flex-wrap: wrap;
}
/*.provide-list li {
  position: relative;
  margin-right: 1.79%;
  margin-bottom: 23px;
  width: 32.14%;
}*/
.provide-list li:hover figure img {
  transform: scale(1.06);
}
.provide-list li:nth-child(3n+3) {
  margin-right: 0;
}
.provide-list li figure {
  border-radius: 8px;
  position: relative;
  display: block;
  padding-bottom: 70%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.provide-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  /*height: 100%;*/
  transition: 0.5s;
}
.provide-list li span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 36px 10px 21px;
  box-sizing: border-box;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 15px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
  border-radius: 0 0 8px 8px;
}
.idea {
  padding: 60px 0 96px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.core-title1 strong,
.core-title1 p {
  color: #fff;
}
.idea-list {
  display: flex;
  margin-top: 62px;
}
.idea-list li {
  flex: 1;
  text-align: center;
}
.idea-list li:hover b {
  transform: translateY(-5px);
}
.idea-list li b {
  display: block;
  margin: auto;
  position: relative;
  text-align: center;
  width: 111px;
  height: 111px;
  transition: 0.4s;
}
.idea-list li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.idea-list li span {
  display: block;
  text-align: center;
  margin-top: 12px;
  line-height: 1.2;
  color: #fff;
  font-size: 18px;
}
.idea-btn {
  position: relative;
  top: 0;
  transform: translateY(0px);
  text-align: center;
}
.idea-btn a {
  margin: auto;
  margin-top: 78px;
}
.wisdom-t {
  margin-left: -600px;
  text-align: left;
}
.wisdom-t strong {
  font-size: 48px;
}
.wisdom-t p {
  font-size: 24px;
}
.wisdom-t a {
  display: block;
  margin-top: 48px;
  width: 176px;
  height: 53px;
  line-height: 53px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  border-radius: 27px;
  background: #03399d;
}
.wisdom-t a:hover {
  background: rgba(0, 201, 161, 0.8);
}
.smart-wrap1 strong {
  font-size: 40px;
}
.smart-wrap1 p {
  font-size: 18px;
}
.framework {
  padding: 72px 0 115px;
  background: #F6F6F6;
}
.framework-wrap strong {
  display: block;
  margin-bottom: 42px;
  line-height: 1.2;
  color: #333333;
  font-size: 40px;
  text-align: center;
}
.framework-wrap figure {
  margin-top: 42px;
}
.framework-wrap figure img {
  display: block;
  width: 100%;
  height: auto;
}
.platform-value {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 90px;
}
.worth-title1 {
  color: #fff;
}
.platform-list {
  margin-top: 66px;
  display: flex;
}
.platform-list li {
  position: relative;
  z-index: 3;
  flex: 1;
  padding: 86px 0 190px;
  text-align: center;
}
.platform-list li:hover:before {
  bottom: auto;
  top: 0;
  height: 100%;
}
.platform-list li:hover b {
  transform: translateY(-5px);
}
.platform-list li:before {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  opacity: 0.15;
  content: "";
  width: 100%;
  height: 0;
  transition: 0.78s;
}
.platform-list li b {
  display: block;
  position: relative;
  margin: auto;
  text-align: center;
  width: 72px;
  height: 72px;
  transition: 0.38s;
}
.platform-list li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.platform-list li span {
  display: block;
  margin-top: 24px;
  position: relative;
  padding-bottom: 24px;
  line-height: 1;
  color: #fff;
  font-size: 18px;
}
.platform-list li span:before {
  position: absolute;
  left: 50%;
  margin-left: -12px;
  bottom: 0;
  content: "";
  width: 25px;
  height: 4px;
  background: #fff;
}
.wisdown-tt p {
  font-size: 18px;
}
.process {
  padding: 74px 0 34px;
  background: #F5F5F6;
  overflow: hidden;
}
.process-list {
  margin-top: 62px;
  display: flex;
}
.process-item {
  margin-left: 1.54666%;
  width: 26.16%;
}
.process-item:first-child {
  margin-left: 0;
}
.process-info {
  height: 68px;
  text-align: center;
}
.process-info p {
  color: #03399d;
  font-size: 18px;
  line-height: 1.5;
}
.process-line {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 44px;
}
.process-line:before {
  position: absolute;
  left: -30px;
  right: -30px;
  top: -18px;
  bottom: -18px;
  content: "";
  z-index: -1;
  background: url(../img/step1.png) center no-repeat;
  background-size: cover !important;
}
.process-line b {
  display: block;
  line-height: 40px;
  color: #fff;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: normal;
}
.process-item:nth-child(2) .process-line:before {
  background: url(../img/step2.png) center no-repeat;
}
.process-item:nth-child(3) .process-line:before {
  background: url(../img/step3.png) center no-repeat;
}
.process-item:nth-child(4) .process-line:before {
  background: url(../img/step4.png) center no-repeat;
}
.process-dit {
  position: relative;
  margin: auto;
  width: 1px;
  height: 40px;
  background: #BFBFBF;
}
.process-dit:before {
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -12px;
  content: "";
  width: 12px;
  height: 12px;
  background: #BFBFBF;
  border-radius: 50%;
}
.process-down {
  margin: auto;
  margin-top: 22px;
  max-width: 90%;
  width: 215px;
}
.process-down figure {
  margin-bottom: 22px;
  text-align: center;
  height: 136px;
}
.process-down figure img {
  margin: auto;
  height: auto;
  max-width: 60%;
}
.procee-in p {
  color: #999999;
  font-size: 16px;
  line-height: 1.5;
}
.reporting {
  padding: 10px 0 110px;
}
.reporting-tab {
  position: relative;
  margin-top: 54px;
}
.reporting-swiper {
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px 20px;
}
.report-slide {
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0, 201, 161, 0.16);
}
.report-slide:hover figure img {
  transform: scale(1.06);
}
.report-slide figure {
  display: block;
  line-height: 1;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.report-slide figure img {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.65s;
}
.report-text {
  padding: 28px 32px 20px;
  background: #fff;
  border-radius: 0 0 8px 8px;
  text-align: center;
}
.report-text strong {
  display: block;
  position: relative;
  padding-bottom: 21px;
  line-height: 1.2;
  color: #03399d;
  font-size: 14px;
}
.report-text strong:before {
  position: absolute;
  left: 50%;
  margin-left: -11px;
  bottom: 0;
  content: "";
  width: 23px;
  height: 5px;
  background: #03399d;
}
.report-info {
  margin-top: 22px;
  height: 80px;
  text-align: center;
}
.report-info p {
  color: #999999;
  font-size: 16px;
}
.report-btn {
  position: absolute;
  top: 111px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
  z-index: 10;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
  background: #DCDCDC;
  font-weight: bold;
  transition: 0.4s;
}
.report-btn:hover {
  background: #1f90d0;
  color: #fff;
}
.report-btn.prev {
  left: -82px;
}
.report-btn.next {
  right: -82px;
}
.trade {
  margin-top: 68px;
  display: flex;
  justify-content: center;
}
.trade li {
  margin-right: 21.6%;
  text-align: center;
}
.trade li:last-child {
  margin-right: 0;
}
.trade li:hover b {
  transform: translateY(-4px);
}
.trade li b {
  display: block;
  position: relative;
  margin: auto;
  width: 72px;
  height: 70px;
  text-align: center;
  transition: 0.4s;
}
.trade li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.trade li span {
  display: block;
  text-align: center;
  margin-top: 23px;
  line-height: 1;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
}
.process-list1 {
  align-items: flex-start;
}
.process-list1 .process-item {
  padding-top: 152px;
}
.process-list1 .process-item:nth-child(2n+2) {
  display: flex;
  flex-direction: column-reverse;
  padding-top: 0;
}
.process-list1 .process-item:nth-child(2n+2) .process-dit:before {
  bottom: auto;
  top: -12px;
}
.process-list1 .process-item:nth-child(2n+2) .process-info {
  padding-top: 14px;
}
.wisdowm-tt {
  margin: auto;
  width: 940px;
  max-width: 100%;
}
.smart-wrap .wisdowm-tt strong {
  font-size: 35px;
}
.smart-wrap .wisdowm-tt p {
  font-size: 16px;
}
.electronics {
  padding: 45px 0 150px;
}
.electronics-info {
  position: relative;
  margin-top: 58px;
  text-align: center;
}
.electronics-ip {
  position: relative;
  margin: auto;
  display: inline-block;
  width: 290px;
  text-align: center;
  max-width: 100%;
}
.electronics-ip span {
  display: block;
  margin-top: 32px;
  line-height: 1;
  color: #BFBFBF;
  font-size: 18px;
}
.electronics-ip img {
  position: relative;
  top: 80px;
  display: block;
  width: 100%;
  height: auto;
}
.electronics-left {
  left: 14.58%;
}
.electronics-right {
  right: 14.58%;
}
.electronics-li {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.electronics-li li {
  margin-bottom: 22px;
  display: flex;
  align-items: center;
}
.electronics-li li:last-child {
  margin-bottom: 0;
}
.electronics-li li:nth-child(2) b {
  background: rgba(153, 120, 247, 0.2);
}
.electronics-li li:nth-child(3) b {
  background: rgba(254, 173, 64, 0.2);
}
.electronics-li li:nth-child(4) b {
  background: rgba(254, 100, 138, 0.2);
}
.electronics-li li:nth-child(5) b {
  background: rgba(24, 163, 255, 0.2);
}
.electronics-li li b {
  display: block;
  position: relative;
  text-align: center;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  background: rgba(0, 201, 161, 0.2);
}
.electronics-li li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.electronics-li li span {
  display: block;
  margin-left: 20px;
  color: #333333;
  font-size: 18px;
}
.article-block.slidetlist li,
.article-block.slidetlist > div {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: 0.78s;
}
.article-block.slidetlist li:nth-child(2),
.article-block.slidetlist > div:nth-child(2) {
  transition-delay: 0.2s;
}
.article-block.slidetlist li:nth-child(3),
.article-block.slidetlist > div:nth-child(3) {
  transition-delay: 0.4s;
}
.article-block.slidetlist li:nth-child(4),
.article-block.slidetlist > div:nth-child(4) {
  transition-delay: 0.6s;
}
.article-block.slidetlist li:nth-child(5),
.article-block.slidetlist > div:nth-child(5) {
  transition-delay: 0.8s;
}
.article-block.slidetlist li:nth-child(6),
.article-block.slidetlist > div:nth-child(6) {
  transition-delay: 1s;
}
.article-block.slidetlist li:nth-child(7),
.article-block.slidetlist > div:nth-child(7) {
  transition-delay: 1.2s;
}
.articleShow.slidetlist li,
.articleShow.slidetlist > div {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.deal {
  padding: 60px 0 74px;
  background-position: center;
  background-size: cover;
}
.deal-list {
  margin-top: 56px;
  padding: 0 7.333%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.deal-item {
  flex: 1;
  padding: 48px 0 88px;
  text-align: center;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.35);
  box-shadow: 0 8px 20px rgba(0, 201, 161, 0.16);
  transition: background 0.5s 0s !important;
}
.deal-item:hover {
  background: #fff;
  transition: background 0.5s 0s !important;
}
.deal-item:hover b,
.deal-item:hover span {
  color: #03399d;
}
.deal-item b {
  display: block;
  line-height: 1;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: normal;
  transition: 0.35s;
}
.deal-item span {
  display: block;
  margin-top: 32px;
  line-height: 1;
  color: #FFFFFF;
  font-size: 18px;
  transition: 0.35s;
}
.deal-arrow {
  flex: 1;
  text-align: center;
  color: #fff;
  font-size: 40px;
}
.kern {
  padding: 70px 0 80px;
}
.kern-wrap {
  margin-top: 58px;
  display: flex;
  justify-content: space-between;
}
.kern-item {
  width: 55.555%;
}
.kern-item img {
  display: block;
  width: 100%;
  height: auto;
}
.kern-item:nth-child(2) {
  width: 42%;
}
.supervise {
  padding: 50px 0 105px;
}
.supervise-imgs {
  margin-top: 50px;
}
.supervise-imgs img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.security {
  padding: 68px 0 80px;
  background: #F5F5F6;
}
.platform-li {
  margin-top: 70px;
  display: flex;
  justify-content: center;
}
.platform-li li {
  margin-right: 66px;
  padding: 26px 0 20px;
  width: 262px;
  text-align: center;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.35);
}
.platform-li li:hover b {
  transform: translateY(-6px);
}
.platform-li li:last-child {
  margin-right: 0;
}
.platform-li li b {
  display: block;
  position: relative;
  margin: auto;
  width: 66px;
  height: 64px;
  text-align: center;
  transition: 0.38s;
}
.platform-li li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.platform-li li strong {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 1;
  color: #fff;
  font-size: 22px;
  font-weight: normal;
}
.platform-li li p {
  color: #fff;
  font-size: 14px;
}
.platform-value1 {
  padding: 90px 0 140px;
}
.form-box {
  padding: 88px 0 96px;
}
.form-list {
  display: flex;
  border-bottom: 1px solid #E5E5E5;
}
.form-list li {
  padding: 26px 0 28px;
  position: relative;
  z-index: 3;
  flex: 1;
  text-align: center;
}
.form-list li:before {
  content: "";
  width: 0;
  height: 4px;
  background: #03399d;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.form-list li:hover,
.form-list li.active {
  color: #03399d;
}
.form-list li:hover:before,
.form-list li.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.form-list li:before {
  bottom: -1px;
}
.form-list li:hover:after,
.form-list li.active:after {
  height: 100%;
}
.form-list li:hover span,
.form-list li.active span {
  color: #03399d;
}
.form-list li:hover b {
  transform: translateY(-5px);
}
.form-list li:after {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  content: "";
  width: 100%;
  height: 0;
  background: linear-gradient(to bottom, rgba(0, 201, 161, 0) 0%, #03399d 100%);
  opacity: 0.2;
  transition: 0.65s;
}
.form-list li figure {
  display: block;
  position: relative;
  margin: auto;
  width: 116px;
  height: 135px;
  text-align: center;
  transition: 0.3s;
}
.form-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.form-list li span {
  display: block;
  line-height: 1.2;
  color: #333333;
  font-size: 20px;
  transition: 0.38s;
}
.comprehensive {
  margin-top: 78px;
}
.form-title {
  text-align: center;
}
.form-title strong {
  display: block;
  margin-bottom: 16px;
  line-height: 1;
  color: #333333;
  font-size: 36px;
  font-weight: normal;
  opacity: 0;
}
.form-title p {
  color: #999999;
  font-size: 18px;
  line-height: 1.2;
  opacity: 0;
}
.comprehensive-fix img {
  max-width: 100%;
  width: auto;
}
.self-help {
  padding: 72px 0 0;
  background: #F6F6F6;
}
.self-fix {
  position: relative;
  margin: auto;
  margin-top: 250px;
  width: 67.7%;
}
.seif-img img {
  display: block;
  width: 100%;
  height: auto;
}
.self-item {
  position: absolute;
  margin-left: -25px;
  margin-top: -25px;
}
.self-item:hover .self-defaul span {
  opacity: 0;
  visibility: hidden;
}
.self-item:hover .self-defaul b {
  background: #03399d;
  border-color: #03399d;
  color: #fff;
}
.self-item:hover .self-defaul b:before {
  visibility: visible;
  transform: scale(1);
}
.self-item:hover .self-slide {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  transform: translateY(0px);
}
.self-item1 {
  left: 12.29%;
  top: 40.28%;
}
.self-item2 {
  left: 34.38%;
  top: -6px;
  margin-top: 0;
}
.self-item3 {
  left: 63.46%;
  top: -6px;
  margin-top: 0;
}
.self-item4 {
  left: 88.38%;
  top: 40.28%;
}
.self-defaul {
  position: relative;
}
.self-defaul span {
  display: block;
  padding-bottom: 14px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -26px;
  line-height: 1.1;
  color: #333333;
  font-size: 18px;
  white-space: nowrap;
  transition: 0.4s;
}
.self-defaul b {
  display: block;
  position: relative;
  z-index: 3;
  margin: auto;
  width: 51px;
  height: 51px;
  border: 1px solid #ADC0E2;
  text-align: center;
  line-height: 51px;
  color: #ADC0E2;
  font-size: 18px;
  border-radius: 50%;
  background: #F6F6F6;
  transition: 0.4s;
}
.self-defaul b:before {
  position: absolute;
  left: -9px;
  top: -9px;
  right: -9px;
  bottom: -9px;
  content: "";
  border-radius: 50%;
  z-index: -1;
  background: rgba(0, 201, 161, 0.38);
  transition: 0.4s;
  transform: scale(0);
  visibility: hidden;
}
.self-slide {
  position: absolute;
  left: -95px;
  bottom: 100%;
  display: flex;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-30px);
  transition: 0.5s;
}
.self-info {
  box-sizing: border-box;
  padding: 18px 26px 40px;
  border-radius: 8px;
  background: linear-gradient(to bottom, #03399d 0%, rgba(0, 201, 161, 0) 100%);
  width: 220px;
}
.self-info strong {
  display: block;
  margin-bottom: 18px;
  line-height: 1.2;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
}
.self-info p {
  color: #fff;
  font-size: 14px;
}
.self-img {
  margin-left: 6px;
  max-height: 100%;
  width: auto;
}
.self-img img {
  display: block;
  max-height: 100%;
  width: auto;
}
.efficiency-list {
  display: flex;
}
.efficiency-list li {
  position: relative;
  flex: 1;
}
.efficiency-list li:hover figure img {
  transform: scale(1.05);
}
.efficiency-list li:hover .efficiency-wrap {
  background: rgba(0, 201, 161, 0.9);
}
.efficiency-list li:hover .efficiency-text {
  margin-top: -129px;
}
.efficiency-list li:hover .efficiency-text b img.show {
  opacity: 0;
  visibility: hidden;
}
.efficiency-list li:hover .efficiency-text b img.hide {
  opacity: 1;
  visibility: visible;
}
.efficiency-list li:hover .efficiency-text span {
  color: #fff;
}
.efficiency-list li:hover .efficiency-text p {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.efficiency-list li figure {
  position: relative;
  display: block;
  padding-bottom: 77.5%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.efficiency-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.efficiency-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgba(245, 245, 246, 0.3);
  transition: 0.5s;
}
.efficiency-text {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -96px;
  width: 100%;
  text-align: center;
  transition: 0.4s;
}
.efficiency-text b {
  display: block;
  position: relative;
  margin: auto;
  width: 103px;
  height: 166px;
}
.efficiency-text b img {
  transition: 0.38s;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.efficiency-text b img.hide {
  opacity: 0;
  visibility: hidden;
}
.efficiency-text span {
  display: block;
  margin-top: 5px;
  line-height: 1;
  color: #666666;
  font-size: 24px;
  transition: 0.4s;
}
.efficiency-text p {
  margin: auto;
  margin-top: 12px;
  width: 304px;
  max-width: 90%;
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: 0.4s;
}
.patrol {
  padding: 100px 0 59px;
}
.patrol-fix {
  position: relative;
  margin-top: 58px;
}
.patrol-imgs {
  margin: auto;
  width: 384px;
}
.patrol-imgs img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
.patrol-left {
  left: 85px;
}
.patrol-right {
  right: 37px;
}
.patrol-list {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.patrol-list li {
  margin-bottom: 64px;
  display: flex;
  align-items: flex-start;
}
.patrol-list li:last-child {
  margin-bottom: 0;
}
.patrol-list li b {
  display: block;
  position: relative;
  width: 48px;
  height: 48px;
}
.patrol-list li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.patrol-text {
  margin-left: 22px;
}
.patrol-text strong {
  display: block;
  margin-bottom: 18px;
  line-height: 1.1;
  color: #333333;
  font-size: 18px;
  font-weight: normal;
}
.patrol-text p {
  color: #999999;
  font-size: 14px;
  line-height: 1.5;
}
.market {
  background: #F6F6F6;
  padding-top: 20px;
}
.market-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.market-imgs {
  width: 42.5%;
}
.market-imgs img {
  display: block;
  width: 100%;
  height: auto;
}
.form-left {
  text-align: left;
}
.market-list {
  margin-top: 60px;
}
.market-list li {
  padding: 10px 0;
  border-bottom: 1px solid #DBDBDB;
}
.market-list li:first-child {
  border-top: 1px solid #DBDBDB;
}
.market-list li:hover .market-btn b,
.market-list li.active .market-btn b {
  color: #03399d;
  border-color: #03399d;
}
.market-list li:hover .market-btn strong,
.market-list li.active .market-btn strong {
  color: #03399d;
}
.market-list li.active .market-btn i {
  transform: rotate(270deg);
}
.market-btn {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}
.market-btn b {
  display: block;
  margin-right: 12px;
  width: 31px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  border: 1px solid #999999;
  color: #999999;
  font-size: 14px;
  font-weight: normal;
  border-radius: 50%;
  transition: 0.38s;
}
.market-btn strong {
  display: block;
  color: #666666;
  font-size: 18px;
  font-weight: normal;
  transition: 0.38s;
}
.market-btn i {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  line-height: 1;
  color: #BFBFBF;
  font-size: 12px;
  transform: rotate(90deg);
  transition: 0.38s;
}
.market-down {
  margin-top: 5px;
  padding-left: 43px;
  display: none;
}
.market-down p {
  color: #999999;
  font-size: 14px;
  line-height: 1.5;
}
.guide {
  padding: 67px 0 88px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}
.guide-imgs {
  width: 18.91%;
}
.guide-imgs img {
  display: block;
  width: 100%;
  height: auto;
}
.guide-list {
  display: flex;
  margin-top: 60px;
}
.guide-list li {
  margin-right: 15px;
  padding: 31px 4px 54px;
  background: #fff;
  width: 119px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 8px 30px rgba(165, 165, 165, 0.22);
}
.guide-list li:last-child {
  margin-right: 0;
}
.guide-list li:hover b {
  transform: translateY(-5px);
}
.guide-list li b {
  display: block;
  margin: auto;
  position: relative;
  text-align: center;
  width: 66px;
  height: 54px;
  transition: 0.38s;
}
.guide-list li b img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.guide-list li span {
  display: block;
  margin-top: 13px;
  color: #666666;
  font-size: 18px;
  line-height: 1.1;
}
.cost {
/*  padding: 58px 0 134px;*/
 /* background-attachment: fixed;*/
  background-position: center;
  background-size: cover;
}
.cost-list {
  margin-top: 55px;
  display: flex;
}
.cost-list li {
  flex: 1;
  text-align: center;
}
.cost-list li:hover img {
  transform: translateY(-5px);
}
.cost-list li img {
  display: block;
  margin: auto;
  width: 98px;
  transition: 0.45s;
}
.cost-list li span {
  display: block;
  margin-top: 12px;
  line-height: 1.2;
  color: #666666;
  font-size: 18px;
}
.pt {
  position: absolute;
  right: 6.25%;
  bottom: -44px;
  width: 50%;
}
.pt .pt-bg {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
}
.pt .pt1 {
  display: block;
  position: absolute;
  left: 17.59%;
  top: 5.53%;
  width: 18.07%;
}
.pt .pt2 {
  position: absolute;
  left: 41.718%;
  top: 10%;
  width: 16.149%;
}
.pt .pt3 {
  position: absolute;
  left: 66.77%;
  top: 8.652%;
  width: 15.11%;
}
.pt .pt0 {
  position: absolute;
  left: 13.14%;
  top: 12.76%;
  width: 84.67%;
  height: auto;
}
.pt .pt0_1 {
  position: absolute;
  left: 1%;
  top: 3%;
  width: 100%;
  height: auto;
}
.pt .pt7 {
  position: absolute;
  left: 41.71%;
  top: 41.46%;
  width: 15.32%;
  height: auto;
}
.pt .pt10 {
  position: absolute;
  left: 49.2%;
  top: 23.1%;
  width: 22.25%;
}
.pt .pt4 {
  position: absolute;
  left: 66.87%;
  top: 31.77%;
  width: 22.98%;
  height: auto;
}
.pt .pt5 {
  position: absolute;
  left: 68.11%;
  top: 24.11%;
  width: 22.98%;
}
.pt .pt6 {
  position: absolute;
  left: 77.95%;
  top: 24.96%;
  width: 12.42%;
}
.pt.article-block .pt0 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50px);
  transition: 0.8s;
}
.pt.article-block .pt0_1 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-60px);
  transition: 0.8s 0.4s;
}
.pt.article-block .pt7 {
  transform: translate(-40px, -40px);
  opacity: 0;
  visibility: hidden;
  transition: 0.8s 0.65s;
}
.pt.article-block .pt10 {
  clip-path: inset(0 0 100% 0);
  transition: 1s 0.9s;
}
.pt.article-block .pt1 {
  opacity: 0;
  transform: translateY(-40px);
  transition: 0.7s 1.1s;
}
.pt.article-block .pt2 {
  opacity: 0;
  transform: translateY(-40px);
  transition: 0.7s 1.3s;
}
.pt.article-block .pt3 {
  opacity: 0;
  transform: translateY(-40px);
  transition: 0.7s 1.5s;
}
.pt.article-block .pt4,
.pt.article-block .pt5,
.pt.article-block .pt6 {
  opacity: 0;
  transform: translateY(-40px);
  transition: 0.7s 1.7s;
}
.pt.article-block .pt5 {
  transition: 0.7s 1.9s;
}
.pt.article-block .pt6 {
  transition: 0.7s 2.1s;
}
.pt.articleShow .pt0 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.pt.articleShow .pt0_1 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.pt.articleShow .pt7 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}
.pt.articleShow .pt10 {
  clip-path: inset(0 0 0 0);
}
.pt.articleShow .pt1,
.pt.articleShow .pt2,
.pt.articleShow .pt3,
.pt.articleShow .pt4,
.pt.articleShow .pt5,
.pt.articleShow .pt6 {
  opacity: 1;
  transform: translateY(0px);
}
.join-pop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 199;
  opacity: 0;
  visibility: hidden;
  transition: 0.87s;
  pointer-events: none;
}
.join-pop .pop-bgs {
  background: rgba(0, 0, 0, 0.5);
}
body.show {
  overflow: hidden;
  height: 100%;
}
body.show .join-pop {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
}
body.show .join-pop-wrap {
  right: 0;
  opacity: 1;
  visibility: visible;
}
.join-pop-wrap {
  position: fixed;
  right: -960px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  width: 960px;
  height: 100%;
  background: #fff;
  transition: 0.78s;
}
.join-close {
  position: absolute;
  left: -85px;
  top: 190px;
  width: 85px;
  height: 85px;
  line-height: 85px;
  background: #2A6AB2;
  color: #fff;
  cursor: pointer;
  font-size: 30px;
  text-align: center;
  transition: 0.4s;
}
.join-close:hover {
  transform: rotate(180deg);
}
.join-text {
  box-sizing: border-box;
  overflow-y: auto;
  padding: 95px 79px;
  max-height: 100%;
  width: 820px;
  max-width: 100%;
}
.join-text::-webkit-scrollbar {
  width: 6px;
  border-radius: 3px;
  background-color: #e2e2e2;
}
.join-text::-webkit-scrollbar-track {
  border-radius: 6px;
  border-radius: 3px;
  background-color: #e2e2e2;
}
.join-text::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #1F90D0;
}
.join-tops {
  margin-bottom: 80px;
}
.join-tops strong {
  display: block;
  margin-bottom: 32px;
  line-height: 1.2;
  color: #444444;
  font-size: 30px;
}
.join-tops p {
  color: #444444;
  font-size: 16px;
}
.join-view {
  color: #666666;
  font-size: 16px;
  text-align: justify;
}
.platform-list1 li {
  padding: 0;
  padding-bottom: 420px;
}
.platform-list1 li:hover .platform-fixs {
  margin-top: -166px;
}
.platform-list1 li:hover .platform-fixs p {
  opacity: 1;
  visibility: visible;
}
.platform-fixs {
  position: absolute;
  left: 50%;
  margin-left: -90px;
  width: 180px;
  top: 50%;
  margin-top: -70px;
  transition: 0.5s;
}
.platform-fixs p {
  margin-top: 20px;
  color: #FFFFFF;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.rn {
  position: absolute;
  right: 8.333%;
  bottom: 0;
  width: 34.6875%;
}
.rn .rn-bg {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
}
.rn.articleShow .rn-yj1 {
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}
.rn.articleShow .rn-yj2 {
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
  transition: 0.88s 0.3s;
}
.rn.articleShow .rn-yj3 {
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
  transition: 0.88s 0.5s;
}
.rn-yj1 {
  display: block;
  position: absolute;
  left: 6.3%;
  bottom: 36.78%;
  width: 24.77%;
  transform: translate(-40px, -40px);
  opacity: 0;
  visibility: hidden;
  transition: 0.8s;
}
.rn-yj2 {
  display: block;
  position: absolute;
  left: 8.85%;
  bottom: 10.5%;
  width: 43.09%;
  transform: translate(-40px, 40px);
  opacity: 0;
  visibility: hidden;
  transition: 0.88s;
}
.rn-yj3 {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: auto;
  transform: translate(40px, -40px);
  opacity: 0;
  visibility: hidden;
}
.dn {
  position: absolute;
  right: 9.531%;
  top: 17.36%;
  width: 30.2%;
}
.dn .dn-bg {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
}
.dn.articleShow .dn1 {
  opacity: 1;
  visibility: visible;
  clip-path: inset(0 0 0 0);
}
.dn.articleShow .dn5 {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.dn.articleShow .dn4 {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.dn.articleShow .dn2 {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.dn.articleShow .dn3 {
  opacity: 1;
  visibility: visible;
  transform: rotate(0deg) translateY(0px);
}
.dn1 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 98.1%;
  opacity: 0;
  visibility: hidden;
  clip-path: inset(0 0 100% 0);
  transition: 1.6s;
}
.dn5 {
  position: absolute;
  left: 14.827%;
  top: 8.75%;
  width: 74.74%;
  opacity: 0;
  visibility: hidden;
  transform: translate(50px, -50px);
  transition: 0.88s 0.35s;
}
.dn4 {
  position: absolute;
  left: 13.79%;
  top: 13.42%;
  width: 85.91%;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50px, 0);
  transition: 0.88s 0.65s;
}
.dn2 {
  position: absolute;
  left: 28.44%;
  top: 49.6%;
  width: 26.11%;
  opacity: 0;
  visibility: hidden;
  transform: translate(0, -50px);
  transition: 0.88s 0.9s;
}
.dn3 {
  position: absolute;
  left: 20.79%;
  top: 0;
  width: 10.3%;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-60px) rotateY(180deg);
  transition: 0.8s 1.2s;
}
.jg-yy {
  position: absolute;
  right: 10.41%;
  top: 20.33%;
  width: 26.4%;
}
.jg-yy .jg-bg {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
}
.jg-yy .jg4 {
  display: block;
  position: absolute;
  left: 0%;
  top: 8px;
  width: 42.88%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50px);
  transition: 0.8s;
}
.jg-yy .jg2 {
  display: block;
  position: absolute;
  left: 35.77%;
  top: 0;
  width: 44.86%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(50px);
}
.jg-yy .jg1 {
  display: block;
  position: absolute;
  right: 0;
  top: 5.46%;
  width: 31.22%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(50px);
  transition: 0.8s 0.6s;
}
.jg-yy .jg3 {
  display: block;
  position: absolute;
  left: 48.32%;
  bottom: 0;
  width: 14.2%;
  opacity: 0;
  transform: scale(0);
  transition: 0.78s 0.8s;
}
.jg-yy .jg5 {
  display: block;
  position: absolute;
  left: 8.69%;
  top: 8.98%;
  width: 10.07%;
  opacity: 0;
  transform: translateY(-50px);
  transition: 0.7s 1s;
}
.jg-yy.articleShow .jg4 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}
.jg-yy.articleShow .jg2 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  transition: 0.8s 0.3s;
}
.jg-yy.articleShow .jg1 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}
.jg-yy.articleShow .jg3 {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.jg-yy.articleShow .jg5 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.pain-list1 li {
  text-align: center;
}
.pain-list1 li b {
  background: #03399d;
}
.pain-list1 li p {
  text-align: center;
}
.project-item {
  display: flex;
}
.projects {
  margin-top: 40px;
}
.project-info {
  margin-right: 38px;
  margin-bottom: 24px;
  padding-bottom: 28px;
  flex: 1;
  border: 1px dashed #03399d;
  border-radius: 20px;
  text-align: center;
}
.project-info:last-child {
  margin-right: 0;
}
.project-info figure {
  display: block;
  position: relative;
  height: 126px;
  text-align: center;
}
.project-info figure img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.project-info span {
  display: block;
  line-height: 1;
  color: #666666;
  font-size: 16px;
}
.project-left {
  width: 55.5%;
  flex: none;
  margin-right: 38px;
}
.project-right {
  flex: 1;
}
.project-left .project-info {
  display: flex;
  justify-content: space-around;
}
.project-in {
  flex: 1;
}
.project-ls {
  width: 100%;
}
.project-ls .project-info .project-in figure {
  height: 166px;
}
.case-more {
  margin-top: 60px;
  width:20%;
}
.case-more a {
  display: block;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: #1f90d0;
}
.case-more a:hover {
  background: #1F90D0;
}
.other-case1 {
  padding-bottom: 120px;
}
.ptext2 {
  left: auto;
  margin-left: 0;
  right: 50%;
  margin-right: -600px;
  text-align: center;
  width: auto;
}
.ptext2 .contact-btn {
  margin: auto;
  margin-top: 30px;
}
.ptext .contact-btn3 {
  background: #03399d;
}
.ptext .contact-btn3:hover {
  background: rgba(0, 201, 161, 0.8);
}
.fun-p .fun-inn {
  display: none;
}
.case-more1 a:hover {
  background: #03399d;
}
.case-menu {
  position: absolute;
  left: 50%;
  margin-left: -170px;
  top: 100%;
  width: 640px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
}
.case-menu-list {
  padding: 32px 40px 35px;
  display: flex;
  justify-content: space-between;
}
.case-menu-list p {
  margin-bottom: 24px;
}
.case-menu-list p:last-child {
  margin-bottom: 0;
}
.case-menu-list p a {
  display: inline-block;
  white-space: nowrap;
  color: #333333;
  font-size: 14px;
}
.case-menu-list p a img {
  display: inline-block;
  position: relative;
  top: -2px;
  vertical-align: middle;
  margin-right: 16px;
  width: 25px;
}
.case-menu-list p a:hover {
  color: #2A6AB2;
}
.case-texts {
  margin: auto;
  padding: 50px 0;
  width: 900px;
  max-width: 88%;
}
.case-texts p {
  line-height: 1.2;
  font-size: 19px;
}
.menu-casefix {
  display: flex;
}
.menu-casefix .menu-levas {
  margin-right: 30px;
}
.menu-casefix .menu-levas:last-child {
  margin-right: 0;
}
.address-list {
  display: flex;
  flex-wrap: nowrap;
}
.address-left {
  flex: 1;
}
.address-right {
  margin-left: 100px;
  flex: 1;
}
.address-tel {
  display: flex;
  align-items: flex-start;
  color: #A8B7C9;
  font-size: 14px;
  line-height: 2;
}
.address-info {
  display: inline-block;
  margin-left: 6px;
}
.pmore {
  margin-top: 46px;
  display: flex;
}
.pmore .contact-btn3 {
  margin-top: 0 !important;
}
.pmore .about-video {
  border-color: #fff;
  color: #fff;
  font-size: 16px;
  width: 176px;
  height: 53px;
  box-sizing: border-box;
  line-height: 51px;
}
.pmore .about-video:hover {
  border-color: #03399d;
  background: #03399d;
}
.pmore .about-video i {
  color: #fff;
}



.box5 {

}

.box5 .w1280 {
  display: flex;
  align-items: center; 
   /*padding: 200px 0;*/
       height: 70%;
}

.box5 .w1280 .l .newskz {
  margin-top: 55px;
  display: flex;
}

.box5 .w1280 .l .newskz .prev3, .box5 .w1280 .l .newskz .next3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background: white;
  cursor: pointer;
  border: 1px solid #AFAFAF;
  box-sizing: border-box;
  font-size: 12px;
  transition: .4s;
  color: #BABABA;
}

.box5 .w1280 .l .newskz .prev3:hover, .box5 .w1280 .l .newskz .next3:hover {
  transition-delay: .1s;
  color: white;
  border-color: #007238;
}

.box5 .w1280 .l .newskz .prev3 {
  border-right: none;
}

.box5 .w1280 .r {
 /* margin-left: 80px;*/
  flex: 1;
  overflow: hidden;
}

.box5 .w1280 .r .swiper-box5 {
  height: 200px;
}

.box5 .w1280 .r .swiper-box5 .swiper-wrapper .swiper-slide {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #EBEBEB;
  box-sizing: border-box;
  border-bottom: 1px solid #EBEBEB;
}

.box5 .w1280 .r .swiper-box5 .swiper-wrapper .swiper-slide:hover img {
  transform: translateY(-12px);
}

.box5 .w1280 .r .swiper-box5 .swiper-wrapper .swiper-slide:nth-child(even) {
  border-bottom: none;
}

.box5 .w1280 .r .swiper-box5 .swiper-wrapper .swiper-slide img {
  max-width: 80%;
  transition: .4s;
}


.row-b4{padding: 2.468vw 0 3.562vw; height: 30%;}


.m-t2{font-size: 2.083vw;}


.m-form{margin-top: 2.447vw;


	box-shadow: 0vw 0vw 1.041vw 0vw rgba(0, 0, 0, 0.08);


}


.m-form .item{width: 11.3vw;}


.m-form .inp{height: 4.166vw;padding: 0 1.041vw 0 1.302vw;font-size: 0.833vw;}


.m-form .c-pic{right: 0.885vw;width: 5vw;height: 2.135vw;}


.m-form .btn{width: 7.183vw;height: 4.166vw;


	font-size: 1.041vw;


}


.m-form select{


	background: url(../images/i-10.png) no-repeat right 0.989vw center;


}

/*.row-b4{padding: 80px 0 80px;

	

}*/

.m-t2{/*text-align: center;*/font-size: 40px;font-weight: normal;}
.m-t33{/*text-align: center;*/font-size: 20px;font-weight: normal;}



.m-form:after,.m-form:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

.m-form .item{width: 19%;float: left;border-right: 1px solid rgba(0,0,0,.1)}

.m-form .inp{display: block;height: 48px;padding: 0 20px 0 25px;font-size: 16px;

	border: 0;width: 100%;    border: 1px solid #E1E1E1;

}

.m-form .code{width: 241px;position: relative;}

.m-form .c-pic{position: absolute;top: 50%;right: 17px;width: 96px;height: 41px;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

}

.m-form .c-pic img{width: 100%;height: 100%;display: block;}

.m-form .btn{width: 19.893%;;height: 50px;border: 0;display: block;float: left;

	cursor: pointer;font-size: 20px;color: #fff;

	background-color: #1F90D0;

}

.m-form .btn:hover{/*opacity: .8;*/}

.m-form select{

	background: url(../images/i-10.png) no-repeat right 19px center;

}

.m-form .sel{position: relative;}

.m-form .sel dt{line-height: 80px;padding: 0 20px 0 25px;

	font-size: 16px;cursor: pointer;

	background: url(../images/i-10.png) no-repeat right 19px center;

}

.m-form .sel dd{position: absolute;top: 100%;left: 0;right: 0;display: none;

	background-color: #fff;padding: 18px 0;

	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);

}

.m-form .sel dd span{display: block;font-size: 16px;line-height: 40px;

	padding-left: 25px;cursor: pointer;

}

.m-form .sel dd span:hover{color: #F35F2C;}

.m-form .sel.open dt{background-image: url(../images/i-10-on.png);}

.m-form:after,.m-form:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }







.row-b2{/*padding: 4.010vw 0 2.239vw;*/}


.row-b2:before{height: 19.94vw;}
.row-b2:before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 383px;

/*	background: rgba(22, 76, 145, 0.36);*/

	border-bottom: 1px solid rgba(255,255,255,.15);

}

.row-b2 .wp{position: relative;z-index: 2;}
.g-t1-1{color: #fff;margin-bottom: 36px;}
.g-t1-1{margin-bottom: 1.875vw;}
.m-tab2{font-size: 0;text-align: center;margin-bottom: 54px;}

.m-tab2 ul{display: inline-block;}

.m-tab2 li{float: left;margin: 0 5px;}

.m-tab2 li a{width: 173px;height: 52px;display: block;line-height: 52px;

	font-size: 18px;color: #333;font-weight: bold;

	background: #FFFFFF;border-radius: 6px;

	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);

}

.m-tab2 li:hover a,.m-tab2 li.on a{background-color: #F35F2C;color: #fff;}

.m-tab2{margin-bottom: 2.812vw;}


.m-tab2 li{margin: 0 0.260vw;}


.m-tab2 li a{width: 9.010vw;height: 2.708vw;line-height: 2.708vw;


	font-size: 0.937vw;border-radius: 0.312vw;


	box-shadow: 0vw 0vw 1.041vw 0vw rgba(0, 0, 0, 0.1);


}

.m-tab3{border-top: 1px solid rgba(255,255,255,.15);overflow: hidden;

	margin-bottom: 69px;

}

.m-tab3 li{float: left;margin-right: 18px;}

.m-tab3 li a{font-size: 18px;color: #585858;line-height: 94px;position: relative;display: block;}

.m-tab3 li a:after{content: '';position: absolute;left: 50%;right: 50%;bottom: 0;

	height: 2px;background-color: #1F90D0;

	transition: .3s;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s;

	-o-transition: .3s;

}
.g-t1 h2{font-size: 2.825vw;    color: #1f90d0; text-align: center;}
.m-tab3 li.on a,.m-tab3 li:hover a{color: #1F90D0;font-weight: bold;}

.m-tab3 li.on a:after,.m-tab3 li:hover a:after{left: 0;right: 0;}



.m-slider4{margin: 0 -13px;}

.m-slider4 .swiper-container{overflow: hidden;}

.m-slider4 .con{display: block;padding: 0 13px;margin-bottom: 26px;    width: 23.1%;
    float: left;}

.m-slider4 .pic{padding-top: 53%;height: 0;position: relative;overflow: hidden;}

.m-slider4 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;

	transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-webkit-transition: .5s;

	-o-transition: .5s;

}

.m-slider4 .txt{padding: 29px 30px 33px 37px;

	background-color: #f1f1f1;

}

.m-slider4 h3{font-size: 26px;margin-bottom: 7px;color: #333;

	text-overflow:ellipsis;

	white-space: nowrap;

	overflow: hidden;

	transition: .3s;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s;

	-o-transition: .3s;

}

.m-slider4 .tips{font-size: 18px;color: #666;

	text-overflow:ellipsis;

	white-space: nowrap;

	overflow: hidden;

	transition: .3s;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s;

	-o-transition: .3s;

}

.m-slider4 .con:hover .pic img{

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

}

.m-slider4 .con:hover .txt{color: #F35F2C;}

.m-slider4 .con:hover h3,.m-slider4 .con:hover .tips{color: #377fed;}

.m-slider4 .swiper-pagination{text-align: center;font-size: 0;padding-top: 10px;bottom: -13px !important;}

.m-slider4 .swiper-pagination .swiper-pagination-bullet{display: inline-block;margin: 0 3px;width: 14px;height: 14px;

	border-radius: 50%;background-color: #fff;opacity: .2;cursor: pointer;

}

.m-slider4 .slick-dots li button{display: none;}

.m-slider4 .swiper-pagination .swiper-pagination-bullet-active{background-color: #F35F2C;opacity: 1;}
.m-tab3{margin-bottom: 3.593vw;}


.m-tab3 li{}


.m-tab3 li a{font-size: 1.137vw;line-height: 4.895vw;}


.m-tab3 li a:after{height: 0.104vw;}





.m-slider4{margin: 0 -0.677vw;}


.m-slider4 .con{padding: 0 0.677vw;margin-bottom: 3.354vw;}


.m-slider4 .txt{padding: 10px;}


.m-slider4 h3{font-size: 0.854vw;margin-bottom: 0.364vw;}


.m-slider4 .tips{font-size: 0.937vw;}


.m-slider4 .slick-dots{padding-top: 0.520vw;}


.m-slider4 .slick-dots li{margin: 0 0.156vw;width: 0.729vw;height: 0.729vw;}






.g-t1-2 .desc{max-width: 67.70vw;font-size: 16px;margin: 0 auto;color: #666;text-align: left;margin-top: 50px;}

.m-list8{margin: 0 -0.677vw;}


.m-list8 .con{margin: 0 0.677vw;height: 12.5vw;padding-top: 2.031vw;}


.m-list8 .con:after{top: 0;left: 0;width: 0;height: 0.156vw;


	


	


}


.m-list8 h3{font-size: 1.354vw;margin-bottom: 0.677vw;}


.m-list8 .desc{font-size: 0.937vw;line-height: 1.770vw;margin: 0 2.604vw;}





.m-list8 .con:hover{


	box-shadow: 0vw 0vw 1.041vw 0vw rgba(0, 0, 0, 0.1);


}
.m-list8{*zoom:1;margin: 0 -13px;}

.m-list8:after,.m-list8:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

.m-list8 li{width: 25%;float: left;}

.m-list8 .con{margin: 0 13px;height: 240px;padding-top: 39px;

	background: #FFFFFF;position: relative;

	border: 1px solid rgba(0, 0, 0, 0.06);

}

.m-list8 .con:after{content: '';position: absolute;top: 0;left: 0;width: 0;height: 3px;

	background-color: #F35F2C;

	transition: .3s;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s;

	-o-transition: .3s;

}

.m-list8 h3{font-size: 26px;text-align: center;margin-bottom: 13px; color:#666666;}

.m-list8 .desc{font-size: 16px;line-height: 34px;margin: 0 30px;color:#666666;}

.m-list8 .con:hover:after{width: 100%;}

.m-list8 .con:hover{

	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);

}

.m-list8 .con:hover h3{color: #F35F2C;}

.row-f2{padding: 3.593vw 0 5.208vw;}
.wp{/*max-width: 75.10vw;*/}
.m-join{margin-top: 2.083vw;}


.m-join .title{height: 2.916vw;line-height: 2.916vw;


	font-size: 0.833vw;


}


.m-join .s1{padding-left: 1.197vw;width: 13.54vw;}


.m-join .s2{width: 10.41vw;}


.m-join .s3{width: 18.85vw;}


.m-join .s4{width: 12.76vw;}


.m-join .s5{width: 19.42vw;}





.m-join .top{line-height: 3.645vw;font-size: 0.833vw;}


.m-join .top:after{width: 2.604vw;height: 2.604vw;


	font-size: 0.937vw;line-height: 2.604vw;


}


.m-join .con{padding: 1.979vw 2.343vw 2.552vw;}


.m-join .con .tit{font-size: 0.833vw;color: #F35F2C;margin-bottom: 0.364vw;}


.m-join .desc{font-size: 0.833vw;line-height: 2;color: #666;padding-bottom: 1.25vw;}


.m-join .btn{width: 7.291vw;height: 2.395vw;line-height: 2.395vw;


	border-radius: 1.197vw;font-size: 0.833vw;margin-top: 0.520vw;


}


.m-join .item.open .top{


	box-shadow: 0vw 1.041vw 2.187vw rgba(243, 95, 44, .15);


}

.row-f2{padding: 69px 0 100px;

	background-color: #F1F4F7;

}

.m-join{margin-top: 40px;overflow: hidden;

	background-color: #fff;

}

.m-join .title{overflow: hidden;height: 56px;line-height: 56px;text-align: center;

	background-color: #F35F2C;color: #fff;font-size: 16px;font-weight: bold;

}

.m-join .title span,.m-join .top span{float: left;}

.m-join .s1{padding-left: 23px;width: 260px;text-align: left;}

.m-join .s2{width: 200px;}

.m-join .s3{width: 362px;}

.m-join .s4{width: 245px;}

.m-join .s5{width: 373px;}



.m-join .top{line-height: 70px;font-size: 16px;color: #666;text-align: center;

	overflow: hidden;position: relative;cursor: pointer;

}

.m-join .top:after{content: '>';position: absolute;width: 50px;height: 50px;top: 50%;right: 0;

	text-align: center;font-size: 18px;color: #888;line-height: 50px;font-family: '黑体';

	-webkit-transform: translateY(-50%) rotate(90deg);

	-moz-transform: translateY(-50%) rotate(90deg);

	-o-transform: translateY(-50%) rotate(90deg);

	-ms-transform: translateY(-50%) rotate(90deg);

	transform: translateY(-50%) rotate(90deg);

}

.m-join .item{border-bottom: 1px solid rgba(0,0,0,.1);}

.m-join .con{padding: 38px 45px 49px;display: none;}

.m-join .con .tit{font-size: 16px;color: #F35F2C;margin-bottom: 7px;}

.m-join .desc{font-size: 16px;line-height: 2;color: #666;padding-bottom: 24px;}

.m-join .btn{width: 140px;height: 46px;text-align: center;display: block;line-height: 46px;

	border-radius: 23px;font-size: 16px;color: #fff;margin-top: 10px;

	background-color: #F35F2C;

}

.m-join .item.open .top{border-bottom: 1px solid #F35F2C;

	box-shadow: 0px 20px 42px rgba(243, 95, 44, .15);

}



.m-join .item.open .top .s1{color: #F35F2C;}

.m-join .item.open .top:after{color: #F35F2C;

	-webkit-transform: translateY(-50%) rotate(-90deg);

	-moz-transform: translateY(-50%) rotate(-90deg);

	-o-transform: translateY(-50%) rotate(-90deg);

	-ms-transform: translateY(-50%) rotate(-90deg);

	transform: translateY(-50%) rotate(-90deg);

}








.section6,.section6>div{
    height: auto !important
}



/*!
 * fullPage 2.8.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow: hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box;
    /* <=28 */
    box-sizing: border-box;
}

.fp-slide {
    float: left;
}

.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block;
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.fp-slidesContainer {
    float: left;
    position: relative;
}

.fp-controlArrow {
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: none;
    /* mozilla browsers */
    -khtml-user-select: none;
    /* webkit (konqueror) browsers */
    -ms-user-select: none;
    /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
    overflow: hidden;
    position: relative;
}

.fp-scroller {
    overflow: hidden;
}

.iScrollIndicator {
    border: 0 !important;
}

.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    bottom: 10%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
}

#fp-nav.right {
    right: 45px;
}

#fp-nav.left {
    left: 17px;
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.fp-slidesNav.bottom {
    bottom: 17px;
}

.fp-slidesNav.top {
    top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 10px;
    height: 10px;
    margin: 18px 0;
    position: relative;
}

.fp-slidesNav ul li {
    display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    height: 18px;
    width: 18px;
    background-image: url(../images/rnav1_03.png);
    background-repeat: no-repeat
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background-image: url(../images/rnav2_03.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    /*border-radius: 50%;*/
    position: absolute;
    z-index: 1;
    height: 18px;
    width: 18px;
    border: 0;
    left: 50%;
    top: 50%;
    border: 2px solid transparent;
    /*margin: -2px 0 0 -2px;*/
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    width: 18px;
    height: 18px;
    /* margin: -5px 0px 0px -5px;*/
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

#fp-nav ul li a span {
    z-index: 2;
}

#fp-nav ul li:last-child a span:after {
    display: none;
}

#fp-nav ul li a span:before {
    text-align: right;
    width: 100px;
    position: absolute;
    left: -115px;
    content: '';
    top: -7px;
    text-transform: uppercase;
    color: #fff;
    color: rgba(255, 255, 255, 0.6);
    font-family: 'Conv_Square721BT-RomanCondensed';
    opacity: 0;
}

#fp-nav ul li a:hover span:before,
#fp-nav ul li a.active span:before {
    opacity: 1;
}
/* 通用滚动条代码 */
::-webkit-scrollbar {
	width: 0px;
	height: 1px;
}

::-webkit-scrollbar-thumb {

	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	background: rgba(0,0,0,.5);
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	background: rgba(0,0,0,.1);
}