@charset "UTF-8";

@font-face {
    font-family: 'Alibaba';
    src: url('Alibaba-Regular.woff') format('truetype');
}

html,
body {font-family:  'Alibaba';
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;display: block;}
.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
          transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
          transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}
.swiper-slide {
          flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-lazy-preloader {
  width: 2.188vw;
  height: 2.188vw;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.094vw;
  margin-top: -1.094vw;
  z-index: 10;
          transform-origin: 50%;
  box-sizing: border-box;
  border: 0.208vw solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
          animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper-pagination-lock,
.swiper-button-lock {
  opacity: 0;
  visibility: hidden;
}
.swiper-button-disabled {
  opacity: 0.6;
  pointer-events: none;
} 
 
 
 
@keyframes rotate {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
@keyframes progressBar {0% {width: 0;}100% {width: 100%;}}
@keyframes float {0% {transform: translateY(0px);}50% {transform: translateY(20px);}100% {transform: translateY(0px);}}
@keyframes scale {0% {transform: scale(1);}50% {transform: scale(1.2);}100% {transform: scale(1);}}
@keyframes amplify2 {
  0% {transform: translate(-50%, -50%) scale(0.4);opacity: 0;}20% {opacity: 1;}
  75% {transform: translate(-50%, -50%) scale(1);opacity: 0;}100% {opacity: 0;}
}
/* wow */
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
 
@keyframes fadeInUp {
  0% {opacity: 0;transform: translate3d(0, 30px, 0);}to {opacity: 1;transform: none;}
}
.fadeInUp {animation-name: fadeInUp;}
.scale {animation-name: scale;}

/* 公共样式 */
* {
  box-sizing: border-box;
}
 
img {
  max-width: 100%;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  font-weight: normal;
}
i {
  font-style: normal;
}
body {
  position: relative;
  left: 0px;
  -webkit-transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


 
/* 版心 */
.content1560 {
  width: 81.25vw;
  margin: 0px auto;
}
/* 背景 */
.commonBg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.commonBg img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 停止滚动 */
.stopScroll {
  overflow: hidden;
}




/* 底部 */
.footer {background: #004875;}
.footer .footerPlatform {padding: 4.167vw 0px 1.927vw;margin-bottom: 1.302vw;border-bottom: 1px solid rgba(255, 255, 255, 0.1);align-items: center;justify-content: space-between;display: flex;}
.footer .footerPlatform .footerLogo a img {width: auto;height: 2.883vw;}
.footer .footerPlatform .footerShare {display: flex;}
.footer .footerPlatform .footerShare a {display: block;width: 2.5vw;height: 2.5vw;border: 1px solid rgba(255, 255, 255, 0.1);margin-right: 0.469vw;transition: all 0.4s ease;}
.footer .footerPlatform .footerShare a:last-child {margin-right: 0px;}
.footer .footerPlatform .footerShare a:hover {background: #D92829;}
.footer .footerPlatform .footerShare a img {width: 100%;height: auto;}
.footer .footerNav {display: flex;margin: 0px -2.604vw;padding: 2.031vw 0px 0.469vw;}
.footer .footerNav dl {flex: 1;padding: 0px 2.604vw;border-right: 1px solid rgba(255, 255, 255, 0.05);}
.footer .footerNav dl:last-child {border-right: 0px;}
.footer .footerNav dl dt {margin-top: -2.031vw;}
.footer .footerNav dl dt a {font-weight: 300;font-size: 0.833vw;color: rgba(255, 255, 255, 0.95);line-height: 2.5vw;white-space: nowrap;text-transform: uppercase;}
.footer .footerNav dl dd:last-child {margin-bottom: -0.469vw;}
.footer .footerNav dl dd a {font-weight: 300;font-size: 0.729vw;color: rgba(255, 255, 255, 0.45);line-height: 1.563vw;white-space: nowrap;transition: all 0.4s ease;}
.footer .footerNav dl dd a:hover {color: rgba(255, 255, 255, 0.9);}
.footer .copyright {border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 1.406vw 0px;margin-top: 3.698vw;}
.footer .copyright, .footer .copyright a {font-size: 0.729vw;color: rgba(255, 255, 255, 0.8);}

 
/* 首页标题 */
.indexTitle {text-align: center;}
.indexTitle .title {font-weight: 600;font-size: 1.354vw;margin-bottom: 0.677vw;text-transform: uppercase;}
.indexTitle .intro {font-weight: 600;font-size: 2.604vw;line-height: 3.5vw;text-transform: uppercase;}
.indexTitle h3 {font-weight: 500;font-size:0.9vw;line-height: 2.5vw;text-transform: uppercase;}


/* 首页-产品 */
.indexProducts {position: relative;overflow: hidden;}
.indexProducts .indexTitle {position: absolute;left: 0px;top: 0px;width: 100%;z-index: 2;padding-top: 7.292vw;}
.indexProducts .indexTitle .title {color: #D92829;}
.indexProducts .indexTitle .intro {color: #333333;}
.indexProducts .indexProductsMain {border-left: 1px solid #f2f2f2;position: relative;}
.indexProducts .indexProductsMain::before {position: absolute;top: 0px;right: 0px;width: 1px;height: 100%;background: #f2f2f2;content: "";display: block;}
.indexProducts .indexProductsMain .swiper-slide:last-child a {border-right: 0px;}
.indexProducts .indexProductsMain .swiper-slide a {display: block;height: 48.021vw;padding-top: 1px;text-align: center;position: relative;border-right: 1px solid #f2f2f2;}
.indexProducts .indexProductsMain .swiper-slide a::after {position: absolute;left: 0px;bottom: 0px;width: 100%;height: 100%;background: url(indexProductsHover.png) no-repeat center/cover;z-index: -1;opacity: 0;visibility: hidden;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;content: "";display: block;}
.indexProducts .indexProductsMain .swiper-slide a:hover::after {opacity: 1;visibility: visible;}
.indexProducts .indexProductsMain .swiper-slide a:hover .content .more {margin-top: 2.344vw;opacity: 1;visibility: visible;}
.indexProducts .indexProductsMain .swiper-slide a .image {margin: 18.594vw 0px 0.26vw;position: relative;}
.indexProducts .indexProductsMain .swiper-slide a .image img {width: auto;height: 11.458vw;object-fit: cover;}
.indexProducts .indexProductsMain .swiper-slide a .image span {position: absolute;top: 49.5%;left: 0px;width: 100%;padding: 0px 38% 0px 27%;font-weight: bold;font-size: 0.99vw;color: #c9c9c9;}
.indexProducts .indexProductsMain .swiper-slide a .content {padding: 0px 2.083vw;}
.indexProducts .indexProductsMain .swiper-slide a .content .title {font-weight: bold;font-size: 1.25vw;color: #333333;}
.indexProducts .indexProductsMain .swiper-slide a .content .intro {font-weight: 300;font-size: 0.938vw;color: #828282;line-height: 1.042vw;height: 2.083vw;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 0.313vw;}
.indexProducts .indexProductsMain .swiper-slide a .content .more {width: 2.708vw;height: 2.708vw;border-radius: 50%;border: 2px solid #D92829;margin: 4.167vw auto 0px;position: relative;opacity: 0;visibility: hidden;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.indexProducts .indexProductsMain .swiper-slide a .content .more::before, .indexProducts .indexProductsMain .swiper-slide a .content .more::after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #D92829;content: "";display: block;}
.indexProducts .indexProductsMain .swiper-slide a .content .more::before {width: 30%;height: 2px;}
.indexProducts .indexProductsMain .swiper-slide a .content .more::after {width: 2px;height: 30%;}
.indexProducts .indexProductsMain .swiper-pagination {display: none;}
.indexProducts .indexProductsMain .swiper-button-prev,
.indexProducts .indexProductsMain .swiper-button-next {display: flex;align-items: center;justify-content: center;position: absolute;bottom: 0px;width: 3.125vw;height: 3.125vw;font-size: 1.563vw;background: #F1F3F5;
  color: #9b9b9b;cursor: pointer;z-index: 2; transition: all 0.4s ease;}
.indexProducts .indexProductsMain .swiper-button-prev:hover,
.indexProducts .indexProductsMain .swiper-button-next:hover {background: #D92829;color: #fff;}
.indexProducts .indexProductsMain .swiper-button-prev {right: 3.125vw;}
.indexProducts .indexProductsMain .swiper-button-prev i {transform: rotate(180deg) translateY(2px);}
.indexProducts .indexProductsMain .swiper-button-next {right: 0px;}




/* 首页-解决方案 */
.indexSolutions {padding: 5.729vw 0px 5.885vw;position: relative;overflow: hidden;}
.indexSolutions .bg {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: -1;}
.indexSolutions .bg img {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;object-fit: cover;}
.indexSolutions .indexTitle .title {color: #D92829;}
.indexSolutions .indexTitle .intro {color: #333333;}
.indexSolutions .indexSolutionsMain {width: 116%;margin: 2.813vw 0px 2.083vw;}
.indexSolutions .indexSolutionsMain .swiper-slide {-webkit-transition: all 0.8s ease;transition: all 0.8s ease;overflow: hidden;}
.indexSolutions .indexSolutionsMain .swiper-slide:hover {width: 45.833vw !important;}
.indexSolutions .indexSolutionsMain .swiper-slide:hover .content {opacity: 1;visibility: visible;transform: translate(0%, 0%);}
.indexSolutions .indexSolutionsMain .swiper-slide a {display: block;position: relative;}
.indexSolutions .indexSolutionsMain .swiper-slide a .image img {width: auto;height: 30.208vw;object-fit: cover;}
.indexSolutions .indexSolutionsMain .swiper-slide a .content {width: 19.531vw;padding: 3.125vw 5.208vw 3.125vw 3.125vw;position: absolute;left: 0px;bottom: 0px;background: #fff;opacity: 0;
  visibility: hidden;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;transform: translate(-100%, 100%);}
.indexSolutions .indexSolutionsMain .swiper-slide a .content .title {font-weight: 500;font-size: 1.367vw;color: #333333;line-height: 1.875vw;text-transform: uppercase;margin-bottom: 1.094vw;}
.indexSolutions .indexSolutionsMain .swiper-slide a .content .more {width: 2.604vw;height: 2.604vw;border-radius: 50%;background: #D92829;position: relative;transition: all 0.4s ease;}
.indexSolutions .indexSolutionsMain .swiper-slide a .content .more::before, .indexSolutions .indexSolutionsMain .swiper-slide a .content .more::after {position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);background: #fff;content: "";display: block;}
.indexSolutions .indexSolutionsMain .swiper-slide a .content .more::before {width: 30%;height: 2px;}
.indexSolutions .indexSolutionsMain .swiper-slide a .content .more::after {width: 2px;height: 30%;}
.indexSolutions .indexSolutionsOther {display: flex;align-items: center;}
.indexSolutions .indexSolutionsOther .icon {width: 1.198vw;display: flex;align-items: center;}
.indexSolutions .indexSolutionsOther .icon .play {font-size: 0.625vw;color: #6b6e78;cursor: pointer;}
.indexSolutions .indexSolutionsOther .icon .stop {display: flex;align-items: center;margin-right: 0.781vw;cursor: pointer;}
.indexSolutions .indexSolutionsOther .icon .stop::before, .indexSolutions .indexSolutionsOther .icon .stop::after {width: 0.156vw;height: 0.573vw;background: #6b6e78;content: "";display: block;}
.indexSolutions .indexSolutionsOther .icon .stop::before {margin-right: 0.156vw;}
.indexSolutions .indexSolutionsOther .swiper-button-prev {font-size: 0.625vw;color: #6b6e78;cursor: pointer;transition: all 0.4s ease;}
.indexSolutions .indexSolutionsOther .swiper-button-prev:hover {color: #D92829;}
.indexSolutions .indexSolutionsOther .swiper-button-prev i {display: block;transform: rotate(180deg);}
.indexSolutions .indexSolutionsOther .swiper-pagination {display: flex;align-items: center;font-size: 0.677vw;font-weight: bold;margin: 0px 0.521vw;}
.indexSolutions .indexSolutionsOther .swiper-pagination .progressBar {width: 6.667vw;height: 0.156vw;background: #acafb5;margin: 0px 0.833vw;position: relative;}
.indexSolutions .indexSolutionsOther .swiper-pagination .progressBar::after {position: absolute;left: 0px;top: 0px;width: 0%;height: 100%;background: #D92829;content: "";display: block;}
.indexSolutions .indexSolutionsOther .swiper-pagination .progressBar.active::after {animation: progressBar 4.5s ease forwards;}
.indexSolutions .indexSolutionsOther .swiper-pagination .swiper-pagination-current {color: #D92829;}
.indexSolutions .indexSolutionsOther .swiper-pagination .swiper-pagination-total {color: #757881;}
.indexSolutions .indexSolutionsOther .swiper-button-next {font-size: 0.625vw;color: #6b6e78;margin-top: -1px;cursor: pointer;transition: all 0.4s ease;}
.indexSolutions .indexSolutionsOther .swiper-button-next:hover {color: #D92829;}


/* 首页-趋势资源 */
.indexResources {padding: 7.656vw 0px 14.635vw;position: relative;overflow: hidden;}
.indexResources .indexTitle .title {color: #fff;}
.indexResources .indexTitle .intro {color: #fff;}
.indexResources .indexResourcesMain {margin-top: 2.917vw;}
.indexResources .indexResourcesMain ul {display: flex;}
.indexResources .indexResourcesMain ul li{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:12.5vw;padding:0 4.688vw;border-right:1px solid rgba(255,255,255,0.1);}
.indexResources .indexResourcesMain ul li:last-child {border-right: 0px;}
.indexResources .indexResourcesMain ul li .icon img {width: auto;height: 3.208vw;}
.indexResources .indexResourcesMain ul li .title {font-weight: 600;font-size: 1.25vw;color: #FFFFFF;line-height: 2.188vw;margin: 0.677vw 0px 0.208vw;text-transform: uppercase;}
.indexResources .indexResourcesMain ul li .intro {font-weight: 500;font-size: 0.833vw;color: rgba(255, 255, 255, 0.5);line-height: 1.646vw;height: 3.438vw;}

/* 首页-新闻资讯 */
.indexNews {padding: 5.729vw 0px 6.25vw;position: relative;}
.indexNews .indexTitle .title {color: #D92829;}
.indexNews .indexTitle .intro {color: #333333;}
.indexNews .indexNewsMain {margin-top: 2.865vw;justify-content: space-between;display: flex;}
.indexNews .indexNewsLeft {width: 46.615vw;}
.indexNews .indexNewsLeft .swiper-slide a {display: block;position: relative;}
.indexNews .indexNewsLeft .swiper-slide a:hover .image img {transform: scale(1.1);}
.indexNews .indexNewsLeft .swiper-slide a .image {overflow: hidden;}
.indexNews .indexNewsLeft .swiper-slide a .image img {width: 100%;height: auto;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.indexNews .indexNewsRight {width: 31.25vw;height: 31.771vw;}
.indexNews .indexNewsRight .swiper-slide {height: auto;}
.indexNews .indexNewsRight .swiper-slide a {display:block;padding:1.14vw 2.18vw 0.46vw 2.39vw;background:rgba(245,245,247,0.7);transition:all 0.4s ease;}
.indexNews .indexNewsRight .swiper-slide a:hover {background: #D92829;}
.indexNews .indexNewsRight .swiper-slide a:hover .list {color: #fff;}
.indexNews .indexNewsRight .swiper-slide a:hover .title {color: #fff;}
.indexNews .indexNewsRight .swiper-slide a:hover .other {border-color: rgba(255, 255, 255, 0.2);}
.indexNews .indexNewsRight .swiper-slide a:hover .other .time {color: #fff;}
.indexNews .indexNewsRight .swiper-slide a:hover .other .more {color: #fff;}
.indexNews .indexNewsRight .swiper-slide a .list {font-weight:300;font-size:0.78vw;color:#999;line-height: 1.146vw;transition: all 0.4s ease;}
.indexNews .indexNewsRight .swiper-slide a .title {font-weight: 500;font-size: 0.938vw;color: #333333;line-height: 1.458vw;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin: 0px 0px 0.781vw;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.indexNews .indexNewsRight .swiper-slide a .other {display: flex;align-items: center;justify-content: space-between;padding-top: 0.313vw;border-top: 1px solid rgba(142, 142, 142, 0.1);transition: all 0.4s ease;}
.indexNews .indexNewsRight .swiper-slide a .other .time {font-weight: 300;font-size: 0.729vw;color: #999999;transition: all 0.4s ease;}
.indexNews .indexNewsRight .swiper-slide a .other .more {font-size: 1.458vw;color: #999999;transition: all 0.4s ease;}
.indexNews .indexNewsRight .swiper-pagination {display: none;}

/* 首页-关于我们 */
.indexAboutus {padding: 8.073vw 0px 7.292vw;position: relative;}
.indexAboutus .indexTitle {padding: 0px 6.51vw;}
.indexAboutus .indexTitle .title {color: #fff;}
.indexAboutus .indexTitle .intro {color: #fff;}
.indexAboutus .indexTitle .info {font-weight: 300;font-size: 1.042vw;color: rgba(255, 255, 255, 0.7);line-height: 1.854vw;margin-top: 1.51vw;}
.indexAboutus .indexAboutusMain {margin-top: 4.375vw;}
.indexAboutus .indexAboutusMain ul {display: flex;}
.indexAboutus .indexAboutusMain ul li {flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;height: 4.167vw;border-right: 1px solid rgba(255, 244, 245, 0.3);}
.indexAboutus .indexAboutusMain ul li:last-child {border-right: 0px;}
.indexAboutus .indexAboutusMain ul li .number {font-weight: 400;font-size: 4.063vw;color: #FFFFFF;line-height: 2.5vw;}
.indexAboutus .indexAboutusMain ul li .title {font-weight: 400;font-size: 0.885vw;color: #FFFFFF;line-height: 1;margin-top: 0.917vw;}
.indexAboutus .indexAboutusMain ul li .number i{ font-size: 1.885vw; }
.indexAboutus .indexAboutusMore {text-align: center;margin-top: 2.604vw;}
.indexAboutus .indexAboutusMore .more {display: inline-block;min-width: 9.375vw;height: 2.656vw;line-height: 2.5vw;font-weight: 400;font-size: 0.833vw;color: #fff;border-radius: 1.354vw;padding: 0px 1.719vw;
  border: 1px solid rgba(255, 255, 255, 0.5);-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.indexAboutus .indexAboutusMore .more:hover {background: #D92829;border-color: #D92829;color: #fff;}
.indexAboutus .indexAboutusMore .more i {font-size: 1.458vw;margin-left: 0.938vw;vertical-align: middle;}
 
 
@media (max-width: 1200px) {
  /* 版心 */
  .content1560 {width: 92%;}
 
  /* 首页标题 */
  .indexTitle .title {font-size: 1.625vw;margin-bottom: 0.813vw;}
  .indexTitle .intro {font-size: 3.125vw;line-height: 3vw;}
 
  /* 首页-产品 */
  .indexProducts .indexTitle { padding-top: 8.75vw;}
  .indexProducts .indexProductsMain .swiper-slide a {height: 57.625vw;}
  .indexProducts .indexProductsMain .swiper-slide a:hover .content .more {margin-top: 2.813vw;}
  .indexProducts .indexProductsMain .swiper-slide a .image {margin: 22.313vw 0px 0.313vw;}
  .indexProducts .indexProductsMain .swiper-slide a .image img {height: 13.75vw;}
  .indexProducts .indexProductsMain .swiper-slide a .image span {font-size: 1.188vw;}
  .indexProducts .indexProductsMain .swiper-slide a .content {padding: 0px 2.5vw;}
  .indexProducts .indexProductsMain .swiper-slide a .content .title {font-size: 1.5vw;}
  .indexProducts .indexProductsMain .swiper-slide a .content .intro {font-size:1.125vw;line-height: 1.25vw;height: 2.5vw;margin-top: 0.375vw;}
  .indexProducts .indexProductsMain .swiper-slide a .content .more {width: 3.25vw;height: 3.25vw;border-width: 2px;margin: 5vw auto 0px;}
  .indexProducts .indexProductsMain .swiper-slide a .content .more::before {height: 2px;}
  .indexProducts .indexProductsMain .swiper-slide a .content .more::after {width: 2px;}
  .indexProducts .indexProductsMain .swiper-button-prev,
  .indexProducts .indexProductsMain .swiper-button-next {width: 3.75vw;height: 3.75vw;font-size: 1.875vw;}
  .indexProducts .indexProductsMain .swiper-button-prev {right: 3.75vw;}
  .indexProducts .indexProductsMain .swiper-button-prev i {transform: rotate(180deg) translateY(2px);}
  /* 首页-解决方案 */
  .indexSolutions {padding: 6.875vw 0px 7.062vw;}
  .indexSolutions .indexSolutionsMain {width: 116%;margin: 3.375vw 0px 2.5vw;}
  .indexSolutions .indexSolutionsMain .swiper-slide:hover {width: 55vw !important;}
  .indexSolutions .indexSolutionsMain .swiper-slide a .image img {height: 36.25vw;}
  .indexSolutions .indexSolutionsMain .swiper-slide a .content {width: 23.438vw;padding: 3.75vw 6.25vw 3.75vw 3.75vw;}
  .indexSolutions .indexSolutionsMain .swiper-slide a .content .title {font-size: 2vw;line-height: 2.25vw;margin-bottom: 1.313vw;}
  .indexSolutions .indexSolutionsMain .swiper-slide a .content .more {width: 3.125vw;height: 3.125vw;}
  .indexSolutions .indexSolutionsMain .swiper-slide a .content .more::before {height: 2px;}
  .indexSolutions .indexSolutionsMain .swiper-slide a .content .more::after {width: 2px;}
  .indexSolutions .indexSolutionsOther .icon {width: 1.438vw;}
  .indexSolutions .indexSolutionsOther .icon .play {font-size: 0.75vw;}
  .indexSolutions .indexSolutionsOther .icon .stop {margin-right: 0.938vw;}
  .indexSolutions .indexSolutionsOther .icon .stop::before, .indexSolutions .indexSolutionsOther .icon .stop::after {width:0.18vw;height:0.68vw;}
  .indexSolutions .indexSolutionsOther .icon .stop::before {margin-right: 0.188vw;}
  .indexSolutions .indexSolutionsOther .swiper-button-prev {font-size: 0.75vw;}
  .indexSolutions .indexSolutionsOther .swiper-pagination {font-size: 0.813vw;margin: 0px 0.625vw;}
  .indexSolutions .indexSolutionsOther .swiper-pagination .progressBar {width: 8vw;height: 0.188vw;margin: 0px 1vw;}
  .indexSolutions .indexSolutionsOther .swiper-button-next {font-size: 0.75vw;}
  /* 首页-趋势资源 */
  .indexResources {padding: 9.188vw 0px 17.563vw;}
  .indexResources .indexResourcesMain {margin-top: 3.5vw;}
  .indexResources .indexResourcesMain ul li {height: 15vw;padding: 0px 5.625vw;}
  .indexResources .indexResourcesMain ul li .icon img {height: 6.25vw;}
  .indexResources .indexResourcesMain ul li .title {font-size: 1.5vw;line-height: 2.625vw;margin: 0.813vw 0px 0.25vw;}
  .indexResources .indexResourcesMain ul li .intro {font-size: 1vw;line-height: 1.375vw;height: 4.125vw;}
  /* 首页-新闻资讯 */
  .indexNews {padding: 6.875vw 0px 7.5vw;}
  .indexNews .indexNewsMain {margin-top: 3.438vw;}
  .indexNews .indexNewsMain .indexNewsLeft {width: 55%;}
  .indexNews .indexNewsMain .indexNewsLeft .swiper-slide a .content {padding: 0px 25.25vw 2.25vw 2.938vw;}
  .indexNews .indexNewsMain .indexNewsLeft .swiper-slide a .content .title {font-size:1.5vw;line-height:1.75vw;margin-bottom: 1.313vw;}
  .indexNews .indexNewsMain .indexNewsLeft .swiper-slide a .content .time {font-size: 0.875vw;}
  .indexNews .indexNewsMain .indexNewsLeft .swiper-slide a .content .time i {margin-right: 0.375vw;}
  .indexNews .indexNewsMain .indexNewsLeft .swiper-pagination {right: 2.875vw;bottom: 2.5vw; }
  .indexNews .indexNewsMain .indexNewsLeft .swiper-pagination .swiper-pagination-bullet {width: 1.063vw;height: 0.188vw;border-radius: 2px;
    margin-right: 0.438vw;}
  .indexNews .indexNewsMain .indexNewsLeft .swiper-pagination .swiper-pagination-bullet-active {width: 1.438vw;}
  .indexNews .indexNewsMain .indexNewsRight {width: 41%;height: 34.063vw;}
  .indexNews .indexNewsMain .indexNewsRight .swiper-slide a {padding: 2.5vw 2.625vw 3vw 2.875vw;}
  .indexNews .indexNewsMain .indexNewsRight .swiper-slide a .list {font-size: 1vw;line-height: 1.375vw;}
  .indexNews .indexNewsMain .indexNewsRight .swiper-slide a .title {font-size: 1.5vw;line-height: 1.75vw;
    margin:0.75vw 0 1.688vw;display:-webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
  .indexNews .indexNewsMain .indexNewsRight .swiper-slide a .other {padding-top: 0.875vw;}
  .indexNews .indexNewsMain .indexNewsRight .swiper-slide a .other .time {font-size: 0.875vw;}
  .indexNews .indexNewsMain .indexNewsRight .swiper-slide a .other .more {font-size: 1.75vw;}
  /* 首页-关于我们 */
  .indexAboutus {padding: 9.688vw 0px 8.75vw;}
  .indexAboutus .indexTitle {padding: 0px 7.813vw;}
  .indexAboutus .indexTitle .info {font-size: 1.25vw;line-height: 1.625vw;margin-top: 1.812vw;}
  .indexAboutus .indexAboutusMain {margin-top: 5.25vw;}
  .indexAboutus .indexAboutusMain ul li {height: 5vw;}
  .indexAboutus .indexAboutusMain ul li .number {font-size: 4.875vw;line-height: 3vw;}
  .indexAboutus .indexAboutusMain ul li .title {font-size: 1.063vw;margin-top: 0.5vw;}
  .indexAboutus .indexAboutusMore {margin-top: 3.125vw;}
  .indexAboutus .indexAboutusMore .more {min-width:11.2vw;height:3.18vw;line-height:3vw;font-size:1vw;border-radius:1.62vw;padding:0 2.06vw;}
  .indexAboutus .indexAboutusMore .more i {font-size: 1.75vw;margin-left: 1.125vw;}
}




/* 小分辨率设备 */
@media (min-width: 1260px) and (max-width: 1560px) {
  .indexTitle .title {font-size: 20px;margin-bottom: 10px;}
  .indexTitle .intro {font-size: 40px;line-height: 38px;}
 
  .indexProducts .indexProductsMain .swiper-slide a .content .title {font-size: 19px;}
  .indexProducts .indexProductsMain .swiper-slide a .content .intro {font-size: 15px;line-height: 21px;height: 42px;margin-top: 6px;}

  .indexResources .indexResourcesMain ul li .icon img {height: 80px;}
  .indexResources .indexResourcesMain ul li .title {font-size: 19px;line-height: 33.01px;margin: 10px 0px 3px;}
  .indexResources .indexResourcesMain ul li .intro {font-size: 15px;line-height: 21px;height: 63px;}

  .indexNews .indexNewsMain .indexNewsRight .swiper-slide a .list {font-size: 12px;}
  .indexNews .indexNewsMain .indexNewsRight .swiper-slide a .title {font-size: 15px;}
  .indexNews .indexNewsMain .indexNewsRight .swiper-slide a .other .time{font-size: 12px;}
  .indexNews .indexNewsMain .indexNewsRight .swiper-slide a .other .more{font-size: 22px;}
  .indexNews .indexNewsMain .indexNewsLeft .swiper-slide a .content .title{font-size: 19px;line-height: 24px;margin-bottom: 18px;}
  .indexNews .indexNewsMain .indexNewsLeft .swiper-slide a .content .time{font-size: 12px;}
  .indexNews .indexNewsMain .indexNewsLeft .swiper-slide a .content .time i{margin-right: 5px;}

  .indexAboutus .indexTitle .info {font-size: 15.01px;line-height: 22.997px;margin-top: 23.992px;}
  .indexAboutus .indexAboutusMain ul li .title {font-size: 15px;margin-top: 8.006px;}
  .indexAboutus .indexAboutusMain ul li .number {font-size: 62px;}
  .indexAboutus .indexAboutusMain ul li .title{font-size: 14px;margin-top: 7px;}
}

 
 

.icen {max-width: 1440px;width: 100%; position:relative;padding:0 20px;margin:0 auto;}


/* header */
.header{width: 100%;padding: 0 5%;position: fixed;top: 0;left: 0;z-index: 20;transition: all .3s;}
.header .box{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.header .logo img{width: 350px;}
.header .logo .logo02{display: none;}
.header .nav{display: flex;justify-content: flex-start;align-items: center;}
.header .nav ul{display: flex;justify-content: flex-start;align-items: center;}
.header .nav ul li{position: relative;}
.header .nav ul li>a{display: block;height:90px;line-height:90px;font-size:18px;color: #fff;position: relative;padding: 0 30px;}
.header .nav ul li .nav02{width:140%;background:rgba(255,255,255,.95);position:absolute;left:50%;top:90px;z-index:999;transform-origin:0 0 0;transform:scaleY(0.2) translateX(-50%);transition:all 0.4s;opacity:0;
	padding-bottom:10px;}
.header .nav ul li .nav02 a{display: block;width: 100%;font-size:15px;color: #666;line-height:45px;position: relative;text-align: center;}
.header .nav ul li .nav02 a:hover{color: #D92829;background: #fff;}
.header .nav ul li:hover .nav02{opacity: 1;transform: translateY(0px) translateX(-50%);}


.header:hover{background: #fff;}
.header:hover .box .logo .logo01{display: none;}
.header:hover .box .logo .logo02{display: block;}
.header:hover .box .nav ul li a{color: #333333;}
.header:hover .box .nav ul li:hover>a{color: #D92829;}


.div1.header{background: #fff;}
.div1.header .box .logo .logo01{display: none;}
.div1.header .box .logo .logo02{display: block;}
.div1.header .box .nav ul a{color: #333;}


@media (max-width: 1480px) {
.header .nav ul li>a{padding: 0 20px;}
    
}
 
/*banner*/
.banner{ width:100%; height:auto;position:relative; overflow:hidden;}
.banner .swiper-slide { width:100%;position:relative;}
.banner .swiper-slide .img{width:100%; height:100%;}
.banner .swiper-slide .img img{width:100%; height:auto; z-index:0;}
.banner .swiper-slide .txt { width: 100%; height:100%; position:absolute; left:0;top:0;display: flex; align-items: center;z-index:20; text-align:center; }
.banner .swiper-slide .txt div{ width: 100%;}
.banner .swiper-slide .txt h1{ font-size:48px;font-weight:700;margin-bottom:0.15rem;color:#fff;}
.banner .swiper-slide .txt h2{ font-size:36px;font-weight:500;color:#fff;}.banner .swiper-pagination {position: absolute;right: 4.219vw;bottom: 4.063vw;z-index: 2;display: flex;}
.banner .swiper-pagination .swiper-pagination-bullet {width: 0.677vw;height: 0.26vw;background: #FFFFFF;border-radius: 0.156vw;opacity: 0.3;transition: all 0.4s ease;margin-right: 0.26vw;cursor: pointer;}
.banner .swiper-pagination .swiper-pagination-bullet:last-child {margin-right: 0px;}
.banner .swiper-pagination .swiper-pagination-bullet-active {width: 1.146vw;opacity: 1;}




/* n_banner */
.n_banner { width:100%;position: relative;overflow: hidden;}    
.n_banner img { width:100%;} 


/* 内页位置 */
.n_nav_wap{position: relative;border-bottom:1px solid #ccc;}
.n_nav_wap .con{display: flex; justify-content: center;align-items: center;height: 60px;line-height: 60px;}
.n_nav_wap .con .n_home{ width:35%;display: flex;align-items: center; font-size:14px;color: #555;}
.n_nav_wap .con .n_home a{font-size:14px;color: #555;}
.n_nav_wap .con .n_nav{ width:65%;}
.n_nav_wap .con .n_nav ul{display: flex; justify-content: flex-end;align-items: center;}
.n_nav_wap .con .n_nav ul li{margin-right: 30px;height: 60px;line-height: 80px;position: relative;}
.n_nav_wap .con .n_nav ul li a{ display:block;font-size:14px;position: relative;color: #555;height: 60px;line-height: 60px;}
.n_nav_wap .con .n_nav ul li a::after{content: "";width: 0;height: 3px;position: absolute;left: auto;right: 0;bottom:0;background: #2a2547;transition: all 0.6s;}
.n_nav_wap .con .n_nav ul li a:hover{color: #2a2547;}
.n_nav_wap .con .n_nav ul li a:hover:after{width: 100%;transition: all 0.6s;left: 0;right: auto;}
.n_nav_wap .con .n_nav ul li a.act{color: #2a2547;}
.n_nav_wap .con .n_nav ul li a.act::after{width: 100%;}


.n_tit { color: #333;padding-bottom:25px;position: relative;font-size: 28px; font-weight:normal;}
.n_tit::after {position: absolute;content: "";width: 50px;height: 3px;background-color:#00a0e9;left: 0px;bottom: 0px;}


/* n_about */
.n_about {width:100%;position: relative;padding: 80px 0;}
.n_about .con {width:100%;position: relative;line-height: 30px;margin-top:25px; min-height:350px; padding-bottom:50px; text-align:justify; font-size:14px;}
.n_about .con p{ line-height: 30px; }

.n_main{ width:100%; position:relative;}



.all_title {position: relative;padding-bottom:10px;}
.all_title::before {content: '';display: block;width:50px;height:5px;background: linear-gradient(90deg, #00DA99 0%, #0170FF 100%);position: absolute;bottom: 0;left: 0;}
.all_title h3 {font-size:36px;font-weight: 500;color: #1B2756;}



.ab01 { width:100%; position:relative;overflow: hidden;padding:90px 0;}
.ab01 .con {display: flex;justify-content: space-between;}
.ab01 .img {width: 45%;overflow: hidden;}
.ab01 .img img {width: 100%;}
.ab01 .txt {width: 52%;position: relative;box-sizing: border-box;}
.ab01 .txt .tit h1 {font-size: 34px;line-height: 48px;color: #000;font-weight: 600;letter-spacing: 1px;margin-bottom: 15px;margin-top: 25px;}
.ab01 .txt .tit h2 {font-size: 18px;color: #000;font-weight: 600;letter-spacing: 1px;margin-bottom: 20px;word-spacing: 12px;}
.ab01 .txt .sum {font-size: 16px;color:#666;line-height: 42px;margin-top: 35px;}

.ab02 { width:100%; position:relative;padding:90px 0;}
.ab02 .content .grid_box { display: grid;grid-template-columns: repeat(4, 1fr);gap:60px; margin-top:60px;}
.ab02 .content .grid_box .grid_item .icon {width:60px;height:60px;}
.ab02 .content .grid_box .grid_item .text { width:100%; position:relative; margin-top:15px;text-align: justify;}
.ab02 .content .grid_box .grid_item .text h1 {font-size:24px;font-weight:700;color: #1B2756;}
.ab02 .content .grid_box .grid_item .text h2 {font-size:14px;font-weight:500;color: rgba(27, 39, 86, 0.7);line-height:25px; margin-top:10px;}


.ab03 { width:100%; position:relative; padding:90px 0;background: #F4F7F9;}
.ab03 .grid_box {display: grid;grid-template-columns: repeat(3, 1fr);gap:30px; margin-top:60px;}
.ab03 .grid_box .item {padding: 6.25rem 2.8125rem 8.125rem;background: #fff;position: relative;}
.ab03 .grid_box .item:hover {background: #0467bb;}
.ab03 .grid_box .item:hover .con h1,
.ab03 .grid_box .item:hover .con h2 {color: #fff;}
.ab03 .grid_box .item .img {position: absolute;width: 100%;height: 0%;top: 50%;transform: translateY(-50%);left: 0;z-index: 1;transition: all .6s;opacity: 0;}
.ab03 .grid_box .item .con {position: relative;z-index: 2;margin-top: 1.875rem;}
.ab03 .grid_box .item .con h1 {color: #1B2756;text-align: center;font-size: 1.5rem;font-weight: 700;}
.ab03 .grid_box .item .con h2 {margin-top: .625rem;color: rgba(27, 39, 86, 0.7);text-align: center;font-size: 1.25rem;font-weight: 400;line-height: 2.125rem;}