@charset "utf-8";

@font-face{ font-family: BEBAS; src: url(../fonts/BEBAS.OTF);}
@font-face{ font-family: BEBASNEUE_BOOK; src: url(../fonts/BEBASNEUE_BOOK.TTF);}
@font-face{ font-family: BEBASNEUE_BOLD; src: url(../fonts/BEBASNEUE_BOLD.OTF);}



/* 这个css是初始化的css，在任何项目里面都可以使用 */
/* 禁用iPhone中Safari的字号自动调整 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 解决IOS默认滑动很卡的情况 */
  -webkit-overflow-scrolling: touch;
  font-size: calc(100vw / 120);
  overflow-x: hidden;
}
::-webkit-scrollbar{ width:0}
/* 禁止缩放表单 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
  resize: none;
  border: none;
}
button {
  /* border: none;
     */
}
.map img {
  max-width: inherit;
}
/* 取消链接高亮 */
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color:#333
}
/* 设置HTML5元素为块 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
/* 图片自适应 */
img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */
  -ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/
}
/* 初始化 */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: 'montserrat';
  font-display: swap;
  src: url('../fonts/Montserrat-Regular-8.otf');
}
body {
  outline: none;
  font-family: -apple-system, BlinkMacSystem, 'Noto Sans SC', 'Montserrat', sans-serif;
  font-size: 1rem;
  height: 100%;
  overflow: hidden;
}
.enzt {
  font-family: 'montserrat';
}
button:focus {
  outline: none;
}
em,
i {
  font-style: normal;
}
ul,
li {
  list-style-type: none;
}
.w100 {
  width: 100%;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.px {
  position: fixed;
}
a:hover,
a:link,
a:visited {
  text-decoration: none;
}
.clearfix {
  zoom: 1;
}
input:focus,
textarea:focus {
  outline: none;
}
.overh {
  overflow: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.ta {
  text-align: center;
}
.tr {
  text-align: right;
}
.tl {
  text-align: left;
}
.displaynone {
  display: none;
}
.swiper-button-prev:focus,
.swiper-button-next:focus {
  outline: none;
}
.wen_hied {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.line1 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line4 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.line5 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.after {
  content: '';
  position: absolute;
}
.f14px {
  font-size: 14px;
}
.f16px {
  font-size: 16px;
}
.book {
  border: 1px solid #000;
}
.db {
  display: block;
}
.dnb {
  display: inline-block;
}
.flight {
  font-weight: lighter;
}
.fbold {
  font-weight: bold;
}
.imghover {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  /* IE 9 */
  -moz-transform: scale(1.1);
  /* Firefox */
  -webkit-transform: scale(1.1);
  /* Safari 和 Chrome */
  -o-transform: scale(1.1);
}
.sca1 {
  transform: scale(1);
  -ms-transform: scale(1);
  /* IE 9 */
  -moz-transform: scale(1);
  /* Firefox */
  -webkit-transform: scale(1);
  /* Safari 和 Chrome */
  -o-transform: scale(1);
}
.sca0 {
  transform: scale(0);
  -ms-transform: scale(0);
  /* IE 9 */
  -moz-transform: scale(0);
  /* Firefox */
  -webkit-transform: scale(0);
  /* Safari 和 Chrome */
  -o-transform: scale(0);
}
.tran {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.tran2 {
  transition: 200ms ease-in-out;
  -moz-transition: 200ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 200ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 200ms ease-in-out;
  /* Opera */
}
.zhong {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  justify-content: center;
  align-items: center;
}
.z {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
  -webkit-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -o-transform: translate(-50%, -50%);
}
.l0 {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cen {
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
}
.wen_hied {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.p15 {
  padding: 15px;
}
.w50 {
  width: 50%;
}
.bd {
  font-weight: bold;
}
.wen_hied2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.fix {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ju {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.hide {
  overflow: hidden;
}
.container {
  padding: 0 15.9375rem;
  max-width: 100%;
}
.phone-show {
  display: none;
}
@media (max-width: 767px) {
  .phone-show {
    display: block;
  }
  .pc-hide {
    display: none;
  }
}
@media (max-width: 1600px) {
  body,
  html {
    font-size: calc(100vw / 110);
  }
  .container {
    padding: 0 10rem;
  }
}
@media (max-width: 1440px) {
  body,
  html {
    font-size: calc(100vw / 100);
  }
  .container {
    padding: 0 8rem;
  }
}
@media (max-width: 1366px) {
  body,
  html {
    font-size: calc(100vw / 95);
  }
}
@media (max-width: 1280px) {
  body,
  html {
    font-size: calc(100vw / 90);
  }
}
@media (max-width: 990px) {
  body,
  html {
    font-size: 14px;
  }
  .container {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .container {
    padding: 0 15px;
  }
}
.line .bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
}
.line .bg:before,
.line .bg:after {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  content: '';
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.line .bg:before {
  border-top: 2px solid #0770ac;
  border-bottom: 2px solid #0770ac;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
.line .bg:after {
  border-right: 2px solid #0770ac;
  border-left: 2px solid #0770ac;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}
.line:hover .bg:after,
.line:hover .bg:before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.iconimg {
  cursor: pointer;
}
.iconimg:hover {
  animation: swing 1s infinite linear;
}
.scoll {
  bottom: 4%;
  right: 20%;
  color: #6A6667;
  font-size: 0.875rem;
  font-family: 'montserrat';
  z-index: 4;
  animation: scrool 3s infinite;
}
.scoll a {
  color: #6A6667;
}
@keyframes scrool {
  0% {
    bottom: 4%;
  }
  50% {
    bottom: 6%;
  }
  100% {
    bottom: 4%;
  }
}
.imgfd {
  -webkit-animation: fd 30s ease-out infinite;
  -moz-animation: fd 30s ease-out infinite;
  -o-animation: fd 30s ease-out infinite;
  animation: fd 30s ease-out infinite;
}
@keyframes fd {
  0% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.heads {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  right: 0;
  line-height: 5.625rem;
  background: #fff;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.heads .log-div {
  left: 3.75rem;
}
.heads .log-div img {
  width: 10.5rem;
}
.heads .na-ul {
  text-align: center;
}
.heads .na-ul > li {
  margin: 0 2.5rem;
  display: inline-block;
}
.heads .na-ul > li > a {
  color: #1B1C21;
  font-size: 1rem;
  font-weight: 400;
  position: relative;
  text-transform:uppercase
}
.heads .na-ul > li > a::after {
  content: '';
  position: absolute;
  width: 1.5rem;
  height: 0.81431rem;
  background: url(../images/u.png) no-repeat;
  background-size: 100% 100%;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  bottom: 120%;
  opacity: 0;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.heads .na-ul > li:hover > a,
.heads .na-ul > li.active > a {
  color: #0770ac;
}
.heads .na-ul > li:hover > a::after,
.heads .na-ul > li.active > a::after {
  opacity: 1;
  bottom: 110%;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.heads.active {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.07);
  line-height: 4rem;
}
.san {
  content: '';
  position: absolute;
  width: 70%;
  right: 0;
  height: 6.5rem;
  background-color: rgba(255, 255, 255, 0.9);
  transform: skew(-40deg);
  transform-origin: top;
  right: -10%;
  z-index: 3;
  bottom: 0;
}
.more a,
.more button {
  display: inline-block;
  width: 10.6875rem;
  height: 2.87769rem;
  line-height: 2.87769rem;
  text-align: center;
  z-index: 2;
  font-size: 0.875rem;
  color: #838383;
  position: relative;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.more a::after,
.more button::after {
  content: '';
  border: 1px solid #DADADA;
  width: 100%;
  height: 100%;
  left: 0;
  background: #fff;
  z-index: -1;
  top: 0;
  position: absolute;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: skew(-31deg);
  -webkit-transform: skew(-31deg);
  /* Safari 和 Chrome */
  -moz-transform: skew(-31deg);
  /* Firefox */
  -ms-transform: skew(-31deg);
  /* IE 9 */
  -o-transform: skew(-31deg);
  /* Opera */
}
.more a::before,
.more button::before {
  content: '';
  position: absolute;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  width: 0%;
  height: 100%;
  left: 0;
  background: #0770ac;
  transform: skew(-31deg);
  -webkit-transform: skew(-31deg);
  /* Safari 和 Chrome */
  -moz-transform: skew(-31deg);
  /* Firefox */
  -ms-transform: skew(-31deg);
  /* IE 9 */
  -o-transform: skew(-31deg);
  z-index: -1;
}
.more a:hover,
.more button:hover {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  color: #FFf;
}
.more a:hover::after,
.more button:hover::after {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  z-index: -2;
  opacity: 0;
}
.more a:hover::before,
.more button:hover::before {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  width: 100%;
}
.more .trapezoid {
  position: absolute;
  width: 1.9375rem;
  height: 2.625rem;
  right: -1.1rem;
  top: -0.6rem;
  z-index: 2;
}
.more.bai-more a {
  color: #fff;
}

.more.bai-more{ font-size:1.2rem;}

.more.bai-more a::after {
  background: transparent;
  border-color: #fff;
}
.lunbo {
  overflow: hidden;
}
.lunbo .swiper-pagination {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  font-size: 1rem;
  font-style: italic;
  color: #6A6667;
  z-index: 5;
  bottom: 4%;
}
.lunbo .swiper-pagination .swiper-pagination-bullet {
  margin: 0 1rem;
  background: transparent;
  width: auto;
  opacity: 1;
}
.lunbo .swiper-pagination .swiper-pagination-bullet-active {
  background: transparent;
  color: #0770ac;
}
.lunbo::after {
  content: '';
  position: absolute;
  width: 70%;
  right: 0;
  height: 6.5rem;
  background-color: rgba(255, 255, 255, 0.9);
  transform: skew(-40deg);
  transform-origin: top;
  right: -10%;
  z-index: 3;
  bottom: 0;
}
.lunbo .lunbo-wenzi {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
  color: #fff;
}
.lunbo .lunbo-wenzi .div1 {
  font-size: 3.125rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom:1rem;
  text-transform:uppercase
}
.lunbo .lunbo-wenzi .div2 {
  font-size: 2rem;
  font-weight: bold;
  margin: 0.5rem 0;
}
.lunbo .lunbo-wenzi .more {
  margin-top: 1.5rem;
}
.more {
  margin-top: 2.3rem;
}
.head-div .head-en {
  color: #0770ac;
  font-size: 1.25rem;
  font-family: 'montserrat';
  font-weight: 700;
  padding-left: 3rem;
  position: relative;
  text-transform: uppercase;
}
.head-div .head-en span {
  display: inline-block;
  width: 2.46875rem;
  height: 2px;
  background: #0770ac;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
.head-div .head-cn {
  color: #1B1C21;
  font-size: 2.8125rem;
  font-weight: 700;
  line-height: 3.75rem;
  /* 133.333% */
}
.head-miao {
  color: #838383;
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  /* 175% */
}
.index-about {
  padding: 0 0rem;
}
.index-about .container {
  overflow: hidden;
}
.index-about .abou-ul {
  margin-top: 2rem;
  padding: 1.47rem 0;
  border: 1px solid #E8E8E8;
  background: #FFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.index-about .abou-ul li {
  width: 33.33%;
  padding: 0 6rem 0 7.5rem;
  border-right: 1px solid #DEDEDE;
}
.index-about .abou-ul li .icon-img {
  left: 4rem;
  width: 3.125rem;
  top: 0.5rem;
}
.index-about .abou-ul li .p1 {
  color: #000;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  /* 140% */
}
.index-about .abou-ul li .p2 {
  color: #989898;
  margin-top: 0.5rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.index-about .abou-ul li:last-child {
  border-right: none;
}


.s_shuzi{ margin-top: 5.625rem;}

.s_shuzi ul{ display: flex; width: 100%;}

.s_shuzi ul li{color: #d8171b; font-size: 0; text-align: center; flex-grow: 1; position: relative;}

.s_shuzi ul li+li:before{ content: ""; display: block; position: absolute; left: 0; top: 1rem; height: calc(100% - 1rem); width: 1px; background: #ccc;}

.s_shuzi ul li span{ font-size: 4rem; font-family: BEBASNEUE_BOLD; color: #d8171b;}

.s_shuzi ul li i{ font-size: .875rem; margin-left: .5rem;}

.s_shuzi ul li i font{ font-size: 3rem; font-family: BEBASNEUE_BOLD}

.s_shuzi ul li p{ font-size: 1.25rem; margin-top: .5rem; color:#333}


/*产品中心*/

.index-product{overflow:hidden; background:#f8f8f8}
.index-product-top{ margin-top:40px;}
.i-productBox{ overflow:hidden; padding-top:2rem;}
.i-productBox a{ display:block; background:#fff; border:1px solid #e5e5e5; padding:8%; text-align:center}
.i-productBox h3{ font-size:24px; color:#333}
.i-productBox .pic{ position:relative; padding-top:26em}
.i-productBox .pic img{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; max-width:100%; max-height:100%; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.i-productBox .swiper-container{ /*padding-bottom:50px*/}
.i-productBox .swiper-pagination{ width:100%;}
.i-productBox .swiper-pagination-bullet{ width:10px; height:10px; border:1px solid #ddd; background:#fff;opacity:1;}
.i-productBox .swiper-pagination-bullet-active{opacity:1; width:30px; background:#0075c1; border-radius:5px;}
.i-productBox a:hover .pic img{ -webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03)}
.i-productBox .more{ display:flex; display:-webkit-flex; align-items:center; justify-content:center; width:125px; height:40px; line-height:40px;font-size:14px; color:#333; background:rgb(0,0,0,0.1); border-radius:20px; margin:0 auto; -moz-transition:.4s;-webkit-transition:.4s;transition:.4s}
.i-productBox .more:hover{ background:#0770ac; color:#fff;}



.index-technology {
  overflow: hidden;
  padding-bottom: 8.75rem;
}
.index-technology .le {
  width: 56%;
}
.index-technology .re {
  width: 44%;
  padding: 15rem 12rem 0 7rem;
}

.index-technology .re .head-div .head-cn {
  color: #1B1C21;
  font-size: 2.725rem;
  font-weight: 700;
  line-height: 3.025rem;
  text-transform:uppercase;
  /* 133.333% */
}


.index-technology .head-miao {
  margin-top: 4rem;
}
.index-technology .trapezoid3 {
  width: 70%;
  right: 0;
  height: 57%;
  background-color: #F7F7F7;
  transform: skew(-20deg);
  transform-origin: top;
  right: -10%;
  z-index: -1;
  bottom: 0;
}
.index-innovations {
  padding: 5rem 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.index-innovations .index-innovations-img {
  width: 100%;
  left: 0;
  z-index: -1;
  top: 0;
}
.index-innovations .index-innovations-img li {
  display: none;
}
.index-innovations .index-innovations-img li img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.index-innovations .le {
  width: 38%;
  position: absolute;
  left: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.index-innovations .re {
  width: 36.75rem;
  height: 41.3125rem;
}
.index-innovations .re .index-innovations-ul {
  position: relative;
  width: 100%;
  height: 100%;
}
.index-innovations .re .index-innovations-ul li {
  position: absolute;
  cursor: pointer;
  color: #FFF;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.index-innovations .re .index-innovations-ul li a{ color:#fff;}


.index-innovations .re .index-innovations-ul li:hover svg path,
.index-innovations .re .index-innovations-ul li.active svg path {
  fill: #0770ac;
  fill-opacity: 1;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.index-innovations .re .index-innovations-ul li:hover .icon-img img,
.index-innovations .re .index-innovations-ul li.active .icon-img img {
  animation: swing 1s infinite linear;
}
.index-innovations .re .index-innovations-ul li .icon-img {
  width: 100%;
  z-index: 44;
}
.index-innovations .re .index-innovations-ul li .title-p {
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  margin-top:0.5rem;
}
.index-innovations .re .index-innovations-ul li svg {
  width: 100%;
  height: 100%;
}
.index-innovations .re .index-innovations-ul li svg path {
  fill: white;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  width: 100%;
  height: 100%;
  fill-opacity: 0.1;
}
.index-innovations .re .index-innovations-ul li:nth-child(2) {
  width: 18.4375rem;
  height: 10.5rem;
  right: 17%;
  top: 0;
}
.index-innovations .re .index-innovations-ul li:nth-child(3) {
  width: 18.4375rem;
  top: 25%;
  right: 0%;
  height: 20.75rem;
}
.index-innovations .re .index-innovations-ul li:nth-child(3) .icon-img {
  position: absolute;
  top: 50%;
  width: auto;
  left: 40%;
}
.index-innovations .re .index-innovations-ul li:nth-child(1) {
  width: 18.4375rem;
  height: 10.5rem;
  bottom: 0;
  left: 17%;
}
.index-innovations .re .index-innovations-ul li:nth-child(4) {
  width: 18.4375rem;
  height: 20.75rem;
  top: 24.7%;
  left: 0;
}
.index-innovations .re .index-innovations-ul li:nth-child(4) .icon-img {
  position: absolute;
  top: 25%;
  width: auto;
  left: 25%;
}
.bai-head .head-en {
  color: #fff;
}
.bai-head .head-en .xian-sp {
  background: #fff;
}
.bai-head .head-cn {
  color: #fff;
  line-height:0.9;
  text-transform:uppercase;
}

.bai-head .head-p{ line-height:1.2; margin-top:1rem; font-size:2.5rem;}

.white {
  color: #fff;
}
.index-new {
  padding: 8rem 0;
  background:#f8f8f8;
  background-size: cover;
}


.index-new-top{ margin-top:2rem;}
.i-newsList{ position:relative; margin-top:2rem;}
.i-newsList .left, .i-newsList .right{ position:relative; z-index:2}
.i-newsList .left{ width:43%; background:#fff; border-bottom-right-radius:60px; box-shadow:0 0 60px rgba(0,0,0,.05)}
.i-newsList .left .pic{ position:relative; overflow:hidden; padding-top:22rem}
.i-newsList .left .pic img{ position:absolute; left:0;top:0;right:0;bottom:0; width:100%; height:100%; object-fit:cover; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.i-newsList .left .txt{ padding:6% 8% 9%}
.i-newsList .left .time{color:#999}
.i-newsList .left .tit{ color:#333; font-weight:bold; font-size:20px; margin:1% 0 4%}
.i-newsList .left .more{ margin-left:0}
.i-newsList .left:hover .pic img{ -webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03)}
.i-newsList .right{ width:50%}
.i-newsList .right li{ border-bottom:1px solid #e5e5e5}
.i-newsList .right a{ display:flex; display:-webkit-flex;justify-content:space-between; padding:5.5% 0}
.i-newsList .right .time{ width:75px; border-right:1px solid #e5e5e5; font-size:14px; color:#999}
.i-newsList .right .time span{ font-size:45px; font-weight:bold; display:block; line-height:40px}
.i-newsList .right .txt{ width:calc(100% - 100px)}
.i-newsList .right .tit{ font-size:20px;line-height: 35px; color:#333; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-transition:.4s;-webkit-transition:.4s;transition:.4s}
.i-newsList .right .intro{ color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i-newsList .right a:hover .tit{color:#0075c1}
.i-newsList .other {position: absolute;z-index:1;bottom:0;left:35%; pointer-events: none;}
.i-newsList .other .en-words {width: 100%; text-align: left;font-size:30rem; line-height:20rem; color: rgba(0, 0, 0, 0.02);font-family:Arial, Helvetica, sans-serif; font-weight:bold}

.i-newsList .more3{background:none; border:1px solid #ddd; color:#666}
.i-newsList .more3 i{border-top:1px solid #666;border-right:1px solid #666;}
.i-newsList .more3:hover i{}
.i-newsList .more:hover{ background:#0770ac; color:#fff;}
.i-newsList .more3 span{ margin-right:5px}
.i-newsList .more3:hover path{fill:#fff}
.i-newsList .more{ display:flex; display:-webkit-flex; align-items:center; justify-content:center; width:125px; height:40px; line-height:40px;font-size:14px; color:#333; background:rgb(0,0,0,0.1); border-radius:20px; margin:0 auto; -moz-transition:.4s;-webkit-transition:.4s;transition:.4s}

/*.index-new .index-new-bot {
  margin-top: 2.75rem;
}
.index-new .index-new-bot .new-box {
  background: #fff;
  padding: 1.8rem 2.3rem;
  height: 26.8125rem;
}
.index-new .index-new-bot .new-box .hd-title {
  color: #1B1C21;
  line-height: 1rem;
  padding-bottom: 1.25rem;
  font-size: 1.75rem;
  border-bottom: 1px solid #DEDEDE;
}
.index-new .index-new-bot-lunbo {
  margin-top: 1.625rem;
}
.index-new .index-new-bot-lunbo .swiper-slide .overh a {
  display: block;
}
.index-new .index-new-bot-lunbo .swiper-slide .overh a .datas {
  bottom: 0;
  width: 100%;
  left: 0;
  color: #FFF;
  padding: 0.9rem 1.5rem 1.2rem;
  background: linear-gradient(180deg, rgba(27, 28, 33, 0) 0%, #1B1C21 100%);
}
.index-new .index-new-bot-lunbo .swiper-slide .overh a .datas .renqi {
  font-family: 'montserrat';
  font-size: 0.875rem;
}
.index-new .index-new-bot-lunbo .swiper-slide .overh a .datas .p1 {
  font-size: 1.125rem;
  margin-top: 0.3rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.index-new .index-new-bot-lunbo .swiper-slide .describe-div {
  color: #585858;
  font-size: 1.125rem;
  font-style: normal;
  margin-top: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}*/





/*application*/

.index_three {
  overflow: hidden;
  height: calc(100vh);
  position: relative;
}

.index_three .index_three_img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.index_three .index_three_img li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  opacity: 0;
  -webkit-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  background-size: cover;
  background-position: center center;
}

.index_three .index_three_img li img {
  height: 100%;
  object-fit: cover;
}

.index_three .index_three_img li.active {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.index_three .index_three_wz {
  width: 100%;
  text-align: center;
  top: 8rem;
  z-index: 2;
}

.index_three .index_three_wz .title {
  color: #fff;
  font-size: 1.75rem;
  line-height: 2.5rem;
}

.index_three .index_three_ul {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.index_three .index_three_ul li {
  width: 25%;
  position: relative;
  float: left;
  height: 100%;
  cursor: pointer;
  overflow: hidden;
}

.index_three .index_three_ul li .more_a :hover div {
  background: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_three .index_three_ul li .more_a :hover div .iconfont {
  color: #eac956;
}

.index_three .index_three_ul li .bottom {
  padding: 4.375rem;
  position: absolute;
  bottom:0px;
  z-index: 2;
  left: 0;
  right: 0;
}


.index_three .index_three_ul li:hover .bottom{ bottom:10px;transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;}


.index_three .index_three_ul li .bottom .p1 {
  font-size: 1.45rem;
  line-height: 2.5rem;
  margin-bottom: 0.625rem;
  color: #FFFFFF;
  font-weight:bold;
}

.index_three .index_three_ul li .bottom .p2{ color:#FFFFFF; opacity:0;margin-bottom: 1.625rem;font-size: 0.875rem; line-height:1.75rem;}

.index_three .index_three_ul li:hover .bottom .p2,
.index_three .index_three_ul li.active .bottom .p2 {
  margin-top: 2rem;
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_three .index_three_ul li .icon-img img {
  height: 3.5rem;
}

.index_three .index_three_ul li .icon-img .xians {
  display: inline-block;
  height: 1px;
  background: #fff;
  width: 40%;
  margin-left: 2%;
}

.index_three .index_three_ul li .more_a {
  opacity: 0;
  margin-top: 3rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_three .index_three_ul li::before {
  content: '';
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  right: 0;
}

.index_three .index_three_ul li::after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  left: -100%;
  z-index: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_three .index_three_ul li:hover::after,
.index_three .index_three_ul li.active::after {
  left: 0%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_three .index_three_ul li:hover .more_a,
.index_three .index_three_ul li.active .more_a {
  margin-top: 2rem;
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_three .subtitle div {
  padding-right: 0;
  padding-bottom: 1rem;
}

.index_three .subtitle div::before {
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  right: auto;
}

.index_three .font20 {
  margin-top: 1.25rem;
  color:#fff;
  font-size:1rem;
}







@media (max-width: 990px) {
	.index_three {
    height: calc(80vh - 60px);
  }

  .index_three .index_three_ul li .bottom {
    padding: 0 20px 60px;
  }

  .index_three .index_three_ul li .bottom .p1 {
    font-size: 20px;
  }
  
	}

@media (max-width: 767px) {
	.index_three .index_three_wz {
    top: 30px;
  }

  .index_three .font20 {
    font-size: 14px;
    padding: 0 15px;
    margin-top: 10px;
  }

  .index_three {
  overflow: hidden;
  height:auto !important;
  position: relative;
}

   .index_three .index_three_img li img{
	   
	   width:100% !important;
	   height:auto;
	   }

  .index_three .index_three_ul li::before,
  .index_three .index_three_ul li::after {
    display: none;
  }

  .index_three .index_three_ul {
    padding: 0 15px;
    margin-top: 30px;
  }

  .index_three .index_three_ul li {
    width: 50%;
    height: auto;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: -1px;
    margin-left: -1px;
  }

  .index_three .index_three_ul li .bottom {
    position: static;
  }

  .index_three .index_three_ul li .icon-img img {
    height: 3.25rem;
  }

  .index_three .index_three_ul li .bottom {
    padding: 25px 20px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
	overflow:hidden;
  }

  .index_three .index_three_ul li .bottom .p1 {
    order: 2;
    width: 100%;
    margin: 15px 0 0;
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .index_three .index_three_ul li .bottom .p2{
	  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; /* 定义文本的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
  display:none;
	  }

  .index_three .index_three_ul li .more_a {
    order: 4;
    opacity: 1;
    margin-top: 10px !important;
    width: 100%;
  }

  .index_three .index_three_ul li .bottom div {
    justify-content: center;
  }

  .index_three .index_three_ul li .more_a div div {
    width: 30px;
    height: 30px;
  }

  .index_three .index_three_ul li .more_a div div .iconfont {
    font-size: 14px;
  }

  .index_three .index_three_ul li .bottom div {
    width: 100%;
    order: 1;
  }

  .index_three .index_three_ul li .icon-img .xians {
    display: none;
  }

  .index_three {
    height: auto;
    padding-bottom: 30px;
  }

  .index_three .index_three_ul {
    position: static;
    height: auto;
  }
	}

@media (max-width: 520px) {
.index_three .index_three_ul li .bottom {
    padding: 10px 20px;
  }
}


@media (max-width: 420px) {
.index_three .index_three_ul li .bottom {
    padding: 0 20px;
  }
}





.recent-ul li {
  border-bottom: 1px solid #DEDEDE;
  padding: 1.5rem 0;
}
.recent-ul li a {
  display: block;
}
.recent-ul li a:hover .p1 {
  color: #0770ac;
}
.recent-ul li .p1 {
  color: #585858;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.recent-ul li .sj-div {
  color: #585858;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  margin-top: 0.5rem;
}
.recent-ul li:last-child {
  border-bottom: none;
}
.color-page .swiper-button-next {
  right: -1rem;
}
.color-page .swiper-button-prev {
  left: -1rem;
}
.color-page .swiper-button-next,
.color-page .swiper-button-prev {
  width: 3.75rem;
  height: 3.125rem;
  background-image: none;
  text-align: center;
  line-height: 3.125rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.color-page .swiper-button-next::after,
.color-page .swiper-button-prev::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  border: 1px solid #c6c6c6;
  background: #fff;
  transform: skew(-31deg);
  -webkit-transform: skew(-31deg);
  -moz-transform: skew(-31deg);
  -ms-transform: skew(-31deg);
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.color-page .swiper-button-next i,
.color-page .swiper-button-prev i {
  color: #1B1C21;
  font-size: 1.25rem;
}
.color-page .swiper-button-next:hover::after,
.color-page .swiper-button-prev:hover::after {
  background: #0770ac;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  opacity: 1;
}
.color-page .swiper-button-next:hover i,
.color-page .swiper-button-prev:hover i {
  color: #fff;
}
.footer {
  background: #fff;
  border-top: 1px solid #DEDEDE;
}
.footer .social-share .social-share-icon {
  color: #fff;
  background: transparent;
  border: none;
  font-size: 0.9375rem;
  border: 1px solid #fff;
}
.footer .bshare-custom.icon-medium a:hover i {
  color: #fff;
}
.footer .foot-top {
  padding: 5.375rem 0 2.625rem;
}
.footer .foot-top .p1 {
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 700;
  color: #000;
}
.footer .foot-top .p2 {
  color: #0770ac;
  font-size: 1.25rem;
  font-weight: 500;
}
.footer .foot-top .foot-ul li {
  margin-right: 4%;
  float: left;
  width:10%;
}

.footer .foot-top .foot-ul li img{ width:125px;}

.footer .foot-top .foot-ul li:last-child {
  margin-right: 0;
  width:30%;
}


.footer .foot-top .foot-a {
  font-size: 1rem;
  color: #828282;
  line-height: 1.8;
  margin-top: 0.5rem;
}
.footer .foot-top .foot-a a {
  color: #828282;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  display: block;
  line-height: 1.8;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.footer .foot-top .foot-a a:hover {
  color: #0770ac;
}
.footer .foot-bot {
  border-top: 1px solid rgba(125, 125, 125, 0.2);
  font-size: 1rem;
  padding: 1rem 0;
}
.footer .foot-bot .le {
  width: 100%;
  text-align:center;
  color: #828282;
  line-height: 2.5rem;
}
.footer .foot-bot .le a {
  color: #828282;
}
.footer .foot-bot .re {
  color: #828282;
}
.footer .foot-bot .re span {
  color: rgba(103, 94, 94, 0.2);
  font-weight: lighter;
}
.footer .foot-bot .re a {
  color: #828282;
  display: inline-block;
  margin-left: 0.3125rem;
}
.footer .foot-bot .re a:hover {
  color: #0770ac;
}
.footer .foot-bot .re span {
  display: inline-block;
  margin-left: 0.3125rem;
}
.feng {
  margin-top: 0.5rem;
}
.feng .social-share a {
  display: inline-block;
  line-height: 30px;
  font-size: 0.8rem;
  background: #212121;
  border: none;
  color: #FFf;
}
.nav-div {
  right: 5%;
  color: #1B1C21;
  font-size: 1rem;
  font-weight: 500;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nav-div svg {
  width: 1.25rem;
  height: 1.3125rem;
}
.nav-div .sou-div {
  cursor: pointer;
  margin-left: 0.8rem;
}
.nav-div .yu-box {
  width: 100%;
  background: #fff;
  line-height: 30px;
  padding: 1rem 0;
  font-size: 1rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  border: 1px solid #c6c6c6;
  text-align: center;
  transform: scaleY(0);
  transform-origin: top center;
}
.nav-div .yu-box > div:hover a {
  color: #0770ac;
}
.nav-div .yu-div {
  cursor: pointer;
  position: relative;
}
.nav-div .yu-div a:hover,
.nav-div .yu-div a.active {
  color: #0770ac;
}
.nav-div .yu-div:hover .yu-box {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scaleY(1);
}
.fp-overflow {
  width: 100%;
}
.index-innovations-con {
  margin-top: 3rem;
}


.ban .div1 {
  color: #FFF;
  font-size: 3.01469rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform:uppercase;
}

.ban .div2

{
  color: #FFF;
  font-size: 1.45rem;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
}


.ban::after {
  content: '';
  position: absolute;
  width: 70%;
  right: 0;
  height: 6.5rem;
  background-color: rgba(255, 255, 255, 0.9);
  transform: skew(-40deg);
  transform-origin: top;
  right: -10%;
  z-index: 3;
  bottom: 0;
}
.ban .ban-er {
  bottom: 2.625rem;
  left: 30%;
}
.ban-er {
  color: #B1B1B1;
  z-index: 4;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.ban-er a {
  color: #B1B1B1;
  text-transform:uppercase
}
.ban-er a:hover {
  color: #7A7A7B;
}
.ban-er span:last-child {
  display: none;
}


.culture{ padding:4rem 0 0 0}

.w30-b{ margin-top:3rem; margin-bottom:5rem;}
.w30-b h1{font-size: 1.75rem;color: #000000}
.w30-b p{ line-height:32px; font-size:1.1rem; color:#666; margin-top:1rem;}

.w20-b1{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 20px;margin-bottom: 100px; margin-top:4rem;}
.w20-b1-img{width: 100%;max-width: 100%;display: block;transition: all .7s;}
.w20-b1-top{position: relative;overflow: hidden;}
.w20-b1-top-btn{transition: all .7s;position: absolute;left: 1.56vw;bottom: 0;width: 76px;height: 70px;display: flex;align-items: center;justify-content: center;border-radius: 20px 0px 0px 0px;background: rgba(255, 255, 255, .8);}
.w20-b1-bottom{padding: 30px 30px 0;}
.w20-b1-txt1{font-size: 1.5rem;color: #000000;margin-bottom: 18px;}
.w20-b1-txt2{font-size: 1.2rem;color: rgba(51, 51, 51, .8);}
.w20-b1b:hover .w20-b1-img{transform: scale(1.2);transition: all .7s;}
.w20-b1b:hover .w20-b1-top-btn{background: rgba(7, 112, 172, .8);transition: all .7s;}
.w20-b1b:hover .w20-b1-top-btn img{filter: grayscale(1) brightness(100);}



.w20-b2{position: relative;overflow: hidden;}
.w20-b2-img img{width: 100%;max-width: 100%;display: block;}
.w20-b2b{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.w20-b2b{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));align-items: stretch;}
.w20-b2bb{border-right: 1px solid rgba(255, 255, 255, .2);}
.w20-b2bb:last-child{border-right: none;}
.w20-b2bb1{margin-bottom: 50px;}
.w20-b2bb2{font-size: 1.75rem;color: #FFFFFF;margin-bottom: 23px;}
.w20-b2bb3{font-size:1rem;color: #FFFFFF; padding:0 20px; text-align:center;}
.w20-b2bb{position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;}
.w20-b2bb::after{content: '';position: absolute;top: 100%;left: 0;bottom: 0;right: 0;background: rgba(7, 112, 172, .5);z-index: -1;transition: all 1.2s;}
.w20-b2bb:hover:after{top: 0;transition: all .7s;}
.w20-b2bbb{transform: translateY(0);display: flex;align-items: center;justify-content: center;flex-direction: column;height:50%;transition: all .9s;}
.w20-b2bb:hover .w20-b2bbb{transform: translateY(0);transition: all .9s; margin-top:-20px}


.shebei{ padding:4rem 0;}
.horlist{ display:flex; display:-webkit-flex; flex-wrap:wrap; margin-right:-2%; padding-top:3rem;}
.horlist li{ width:23%; margin-right:2%; margin-bottom:1%; float:left; }
.horlist .pic{ position:relative; overflow:hidden;height:auto; display:block;}
.horlist .pic img{ display:block; width:100%; height:auto; padding:5px; border:1px solid #eee;cursor: pointer;transition: all 1.5s;}

.horlist .pic:hover img{transform:scale(1.1);}

.equ .pic:hover img{transform:scale(1);}

.horlist .tit{ margin-top:15px; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center}




/* 文化 */


.culture-page .box1{padding: 40px 0 80px;}
.culture-page .box1 li{display: flex;height:500px;position: relative;margin-bottom: 60px;}
.culture-page .box1 .img-bg{width:68.75%;height:100%}
.culture-page .box1 .img{height:100%}
.culture-page .box1 .info{position: absolute;right:0;bottom:0;height:420px;width:50%;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,.1);padding:20px 80px 0; text-transform:uppercase}
.culture-page .box1 .img-div{width:53px;height: 52px;}
.culture-page .box1 .info>p:nth-of-type(1){font-size: 30px;line-height: 36px;color:#000;margin:15px 0 10px}
.culture-page .box1 .info>p:nth-of-type(2){font-size: 20px;line-height: 30px;margin-bottom: 10px;}
.culture-page .box1 .info>p:nth-of-type(3){font-size: 16px;line-height: 28px;color:#999;max-height: 90px; text-transform:capitalize}
.culture-page .box1 li:nth-child(2n){justify-content: flex-end}
.culture-page .box1 li:nth-child(2n) .info{right:auto;left: 0;}

@media (max-width:1560px){
	
    .culture-page .box1 .info{padding:10px 60px 0;height:420px}

	
	}



@media (max-width:1440px){


    .culture-page .box1 li{height:480px}
    .culture-page .box1 .info{padding:10px 60px 0;height:420px}
    .culture-page .box1 .img-div{width:48px;height:47px}
    .culture-page .box1 .info>p:nth-of-type(1){font-size: 26px;line-height: 30px;}

}

@media (max-width:1279px){

    .culture-page .box1{padding: 50px 0 20px;}
    .culture-page .box1 li{display: block;height:auto;margin-bottom: 30px;}
    .culture-page .box1 .img-bg{width:100%;height:auto}
    .culture-page .box1 .img{height:auto;}
    .culture-page .box1 .info{position: static;height:auto;width:100%;box-shadow: 0 0 10px rgba(0,0,0,.1);padding:30px 25px}
    .culture-page .box1 .img-div{width:43px;height: 42px;}
    .culture-page .box1 .info>p:nth-of-type(1){font-size: 20px;line-height: 30px;margin:10px 0 5px}
    .culture-page .box1 .info>p:nth-of-type(2){font-size: 16px;line-height: 26px;margin-bottom: 15px;}
    .culture-page .box1 .info>p:nth-of-type(3){font-size: 14px;line-height: 24px;max-height: 900px;}


}




/*翻页*/


.page {
    margin:0 auto;
	padding-top:40px;
	text-align:center;
	
	
}

.page-m {
    position: relative;
    top: -1px;
    +display: inline !important;
}

.page a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.page-m a {
    display: inline-block;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
	border:1px solid #eeeeee;
	color:#999;

}

.page-m a:hover {
	
	background:#0770ac;
  color:#fff;
  border:1px solid #0770ac;
}

.page-m a.xianshi{
     background:#0770ac;
  color:#fff;
  border:1px solid #0770ac;
}

.page-m a.active {
    background:#0770ac;
  color:#fff;
  border:1px solid #0770ac;
}

.page-m .page-num-current{ 
  background:#0770ac;
  color:#fff;
  } 



.download {
  padding: 6rem 0 3rem 0;
}



.downbox { padding:4rem 0 4rem 0;}
.downbox li{ width:100%; height:auto; display:inline-block;border-bottom:1px dashed #ddd;}
.downbox li a{ display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;padding:15px 20px;}
.downbox p{ margin:0; line-height:34px; font-size:18px;}
.downbox p b {color:#666;font-size:20px;}
.downbox h5 {font-size:15px;font-weight:600;color:#333;}
.downbox h5 b {width:24px;height:24px;line-height:22px;text-align:center;color:#fff;background:#666;display:inline-block;margin-right:10px;border-radius:3px;}
.downbox i {font-size:20px;color:#666;transform: rotateZ(180deg);}
.downbox li:hover{ background:rgb(248,248,248,0.5)}
.downbox:hover {cursor:pointer;}
.downbox:hover p{color:#0770ac;}
.downbox:hover p b{color:#0770ac;}
.downbox:hover h5 {color:#0770ac;}
.downbox:hover h5 b {cursor:pointer;background:#0770ac;}
.downbox:hover i {color:#0770ac;}



.pro-list-box{ 
  padding: 4rem 0 3rem 0;
}



.pronav{ width:25%; float:left; background:rgb(255,255,255,0.8); margin-right:1%;}
.pronav ul li{ height:56px; line-height:56px; border-bottom:1px solid rgb(0,0,0,0.05);}
.pronav ul li a{ padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:block; padding-right:10px; -webkit-transition:all 1s;
 transition:all 1s}
.pronav ul li a:hover{ background:#0770ac; color:#fff;}
.pronav ul .on{background:#0770ac;}
.pronav ul .on a{ color:#fff;}
.pronav ul li a span{ margin-left:8px;}
.pronav ul li i{ font-size:14px; font-weight:bold;}

.pro-list-box{ background:#f1f1f1; padding:35px 0 80px 0;}
.pro-list-box .page{ border-top:1px solid #e1e1e1; margin-top:20px; width:100%;}
.pro-list-box .page a{ border:1px solid #e0dede;}
	
.pro-list-box .allItems {
 width:73%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.pro-list-box .allItems .item {
 width:32%;
 margin-left:1%;
 cursor:pointer;
 margin-bottom:40px;
 background-color:#fff;
 padding:10px 0;
 -webkit-transition:all 1s;
 transition:all 1s
}
.pro-list-box .allItems .item .one {
 width:100%;
 overflow:hidden
}
.pro-list-box .allItems .item .one img {
 width:100%;
 -o-object-fit:cover;
 object-fit:cover;
 display:block;
 -webkit-transition:all 1s;
 transition:all 1s
}
.pro-list-box .allItems .item p {
 /*width:90%;
 margin-left:5%;*/
 width:100%;
 border-top:1px solid #ededed;
 padding:10px 0;
 font-family:Fira Code Medium;
 text-align:center;
 font-weight:lighter;
 position:relative;
 -webkit-transition:all 1s;
 transition:all 1s
}
.pro-list-box .allItems .item p:before {
 position:absolute;
 top:0;
 left:0;
 content:"";
 display:inline-block;
 height:1px;
 width:0;
 background-color:#0770ac;
 -webkit-transition:all 1s;
 transition:all 1s
}

.pro-list-box .allItems .item a:hover{color:#0770ac}


.pro-list-box .allItems .item:hover {
 -webkit-box-shadow:0 2px 5px 5px #e2e2e2;
 box-shadow:0 2px 5px 5px #e2e2e2
}
.pro-list-box .allItems .item:hover .one img {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.pro-list-box .allItems .item:hover p {
 color:#0770ac
}
.pro-list-box .allItems .item:hover p:before {
 width:100%
}
.pro-list-box .more {
 width:100%;
 text-align:center;
 margin:60px 0
}
.pro-list-box .more a {
 cursor:pointer;
 font-family:Fira Code Medium;
 font-weight:lighter;
 font-size:14px;
 text-decoration:none;
 color:#fff;
 padding:10px 50px;
 border-radius:20px;
 -webkit-tap-highlight-color:transparent;
 display:inline-block;
 vertical-align:middle;
 -webkit-transform:translateZ(0);
 transform:translateZ(0);
 -webkit-box-shadow:0 0 1px transparent;
 box-shadow:0 0 1px transparent;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 position:relative;
 overflow:hidden;
 background:#0770ac;
 -webkit-transition-property:color;
 transition-property:color;
 -webkit-transition-duration:.3s;
 transition-duration:.3s
}
.pro-list-box .more a:before {
 content:"";
 position:absolute;
 z-index:-1;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:#222430;
 border-radius:100%;
 -webkit-transform:scale(2);
 transform:scale(2);
 -webkit-transition-property:transform;
 -webkit-transition-property:-webkit-transform;
 transition-property:-webkit-transform;
 transition-property:transform;
 transition-property:transform,-webkit-transform;
 -webkit-transition-duration:.6s;
 transition-duration:.6s;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out
}
.pro-list-box .more a:hover:before {
 -webkit-transform:scale(0);
 transform:scale(0)
}


@media screen and (max-width:1199px) {
.pronav{ width:100% !important; float:none; background:rgb(255,255,255,0.8); margin-right:0% !important;}
.pronav ul li{ height:48px; line-height:48px; border-bottom:1px solid rgb(0,0,0,0.05); float:left; width:48%;}

	
	
.pro-list-box .allItems {
 width:100%;
 padding-top:4% !important;
}
.pro-list-box .allItems .item {
 width:33%;
 margin-left:1%;

}
}

@media screen and (max-width:1000px) {
 
 .pro-list-box {
  
 }
 .pro-list-box .allItems {
  /*-webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column*/
 }
 .pro-list-box .allItems .item {
  width:46% !important;
  margin-left:2% !important;
 }
}

@media screen and (max-width:600px) {
 
 .pro-list-box {
  
 }
 .pro-list-box .allItems {
 -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
 .pro-list-box .allItems .item {
  width:100% !important;
  margin-left:0 !important;
  margin-bottom:10px !important
 }
}





.proszi{ width: 100%; height:36px; margin-left:20px;}
.proz-title{ border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:20px;}
.proszi h1{font-size:24px; font-weight:bold; margin-bottom:0}
.proszi h2{font-size:16px; height:36px; line-height:36px;}
.pdescribe{}
.pdescribe p{ line-height:32px; font-size:16px; color:#666;}

.prodetail-jjgm{margin-top: 40px;}
.prodetail-jjgm .mai{
    display: block;
	padding:0 20px;
    height: 40px;
	width:auto;
    background: rgb(0,0,0,0.1);
    color: #666;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
	font-size:14px;
	float:left;
	margin-right:40px;
	display:inline-block;
	-webkit-transition:all 1s;
 transition:all 1s;
}


.prodetail-jjgm .mai:nth-child(2){ margin-right:0}

.prodetail-jjgm .mai svg{ width:16px; height:16px; margin-right:8px;}
.prodetail-jjgm .mai path{ fill:#666}
.prodetail-jjgm .mai:hover{
    display: block;
	padding:0 30px;
    height: 40px;
    background: #2492b8;
    color: #fff;
	width:auto;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
	-webkit-transition:all 1s;
 transition:all 1s;
    
}

.prodetail-jjgm .mai:hover path{ fill:#fff}



.pro-des-box{ background:#f8f8f8 !important; padding:0 0 6rem 0}



.pro-des-box .head-div{ padding-bottom:1rem; padding-left:15px; padding-top:4rem;}




/*代言*/

.daiyan-box{padding: 6rem 0 3rem 0;}


.n_video{ padding:3rem 0 0 0}


.video_ul ul li {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	position: relative;

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

.video_ul ul li .imgs {
	overflow: hidden;
	position: relative;
	padding-top: 66.8%;
}
.video_ul ul li .imgs:after {
	content: "";
	background: rgba(0,0,0,0.2);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}
.video_ul ul li:hover .imgs:after {
	background: rgba(0,0,0,0.4);
}
.video_ul ul li .imgs img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.6s ease-out 0s;
	-moz-transition: all 0.6s ease-out 0s;
	-o-transition: all 0.6s ease-out 0s;
	transition: all 0.6s ease-out 0s;
}
.video_ul ul li:hover .imgs img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.video_ul ul li .boxs {
	width: 100%;
	margin: 0 auto;
}
.video_ul ul li .h3 {
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	height: 30px;
	color: #333333;
	margin-top: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.video_ul ul li .p {
	overflow: hidden;
	line-height: 24px;
	height: 48px;
	color: #666666;
	font-size: 16px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 8px;
	margin-bottom: 4px;
}
.video_ul ul li:hover .h3 {
	color: #034383;
}
.video_ul ul li i {
	display: block;
	width: 52px;
	height: 52px;
	margin-top: -26px;
	margin-left: -26px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: url(../images/video_pic1.png) center center no-repeat;
	background-size: 100%;
	transition: all 0.3s;
	z-index: 2;
}
.video_ul ul li:hover i {
	transform: scale(1.1, 1.1);
	background-image: url(../images/video_pic1_on.png);
}
/*视频弹窗*/
.mainFilter {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 100;
	display: none;
	background: url(../images/about_bg.png);
}
.popupVideo {
	max-width: 800px;
	width: 96%;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	z-index: 120;
	display: none;
	border-radius: 4px;
	outline: none;
}
.popupVideo iframe, .popupVideo video {
	width: 100%;
	max-height: 500px;
	background: #000;
}
.popupVideo .close {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 18px;
	right: 18px;
	background: url(../images/c10.png) no-repeat center;
	cursor: pointer;
	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	border-radius: 50%;
	z-index: 2;
}
.popupVideo .close:hover {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	background-color: #292f46;
	background-image: url(../images/c10.png);
}
.popupVideo .video_t {
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	background: #fff;
	padding-left: 18px;
	color: ##424242;
	font-size: 18px;
	font-weight: 400;
	display: none;
}











.contact {
  padding: 6rem 0 3rem 0;
}

.contact-us-map{}
.contact-us-map img{ max-width:none;}

.contact .contact-us-top {
  margin-top: 4rem;
}
.contact .contact-us-top .pp1 {
  color: #1B1C21;
  font-family: 'montserrat';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.25rem;
  /* 180% */
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #DADADA;
}
.contact .contact-us-top .lx-con {
  color: #828282;
  font-family: 'montserrat';
  margin: 0.5rem 0 3rem;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.25rem;
  /* 180% */
}
.contact-us-bot {
  padding: 5rem 0;
  background: #F7F7F7;
}
.contact-us-bot .contact-message {
  margin-top: 2rem;
}
.contact-us-bot .contact-message .input-div input {
  height: 2.875rem;
  background: #fff;
  border: 1px solid #DADADA;
  color: #838383;
  font-size: 0.875rem;
  width: 100%;
  margin-bottom: 1.5rem;
  padding-left: 4rem;
}
.contact-us-bot .contact-message .input-div .p1 {
  color: #838383;
  font-size: 0.875rem;
  font-weight: 400;
  position: absolute;
  top: 0;
  line-height: 2.875rem;
  left: 0.5rem;
}
.contact-us-bot .contact-message .input-div .p1 span {
  color: #0770ac;
}
.contact-us-bot .contact-message textarea {
  background: #fff;
  border: 1px solid #DADADA;
  padding: 0.5rem;
  color: #838383;
  width: 100%;
  height: 11.25rem;
}
.tijiao {
  border: none;
  background: transparent;
}
.heixian-ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.heixian-ul li {
  margin-top: 4.375rem;
  padding: 0 4rem;
  text-align: center;
}
.heixian-ul li .pp1 {
  color: #838383;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  /* 140% */
  margin-top: 1rem;
}
.technology {
  padding: 7.875rem 0 5rem;
}
.technology .div-xons {
  margin-top: 6rem;
  color: #838383;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
  /* 175% */
}
.technology .div-xons .col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: justify;
}
.technology .div-xons .col .pp2 {
  color: #838383;
  margin-bottom: 0.8rem;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.5;
}
.juli-re > div {
  padding-right: 0.5rem;
}
.juli-le > div {
  padding-left: 0.5rem;
}
.plan-top {
  padding: 7.5rem 0;
}
.plan-bot {
  background: #F2F2F2;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  padding: 4rem 0;
}
.plan-bot .plan-ul {
  border-bottom: 1px solid #D7D7D7;
  text-align: center;
}
.plan-bot .plan-ul li {
  padding-bottom: 1rem;
  color: #1B1C21;
  text-align: justify;
  padding: 0 4rem 1rem;
  margin: 0 2rem;
  font-size: 2rem;
  cursor: pointer;
  font-weight: 700;
  line-height: 1;
  /* 187.5% */
  display: inline-block;
  position: relative;
}
.plan-bot .plan-ul li::after {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  content: '';
  position: absolute;
  background: #0770ac;
  height: 0.375rem;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  bottom: -0.125rem;
  width: 0%;
}
.plan-bot .plan-ul li:hover,
.plan-bot .plan-ul li.active {
  color: #0770ac;
}
.plan-bot .plan-ul li:hover::after,
.plan-bot .plan-ul li.active::after {
  width: 100%;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.plan-bot.active {
  background: #fff;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.plan-ul-img {
  padding-top: 2rem;
}
.plan-ul-img li {
  display: none;
}


.nnav{ line-height:65px; text-align:center; border-bottom:solid 1px #ddd;}
.nnav li{ display:inline-block; font-size:18px;}
.nnav li a{ display:block; margin:0 25px; position:relative}
.nnav li a:after{content: '';width: 0;height:2px;background:#0770ac;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom:-1px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.nnav li.cur a:after, .nnav li:hover a:after {width:100%}
.nnav li.cur a, .nnav li a:hover{ color:#0770ac}


.about-us {
  padding: 5rem 0 0rem;
}


.about-us .about-imgs {
  margin-top: 4rem;
}
.about-us .le {
  width: 20%;
}
.about-us .re {
  width: 80%;
}
.about-us .re .div3 {
  color: #838383;
  text-align: justify;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55;
}

.about-us .re .div3 p{ line-height:1.75; text-indent:0em; margin-bottom:1.5rem;}

.about-us .re .abs-ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.about-us .re .abs-ul li {
  width: 50%;
  margin-top: 3rem;
}
.about-us .re .abs-ul li .p1 {
  color: #000;
  text-align: justify;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem;
  /* 107.692% */
}
.about-us .re .abs-ul li .divs {
  color: #6B6B6B;
  margin-top: 0.8rem;
  text-align: justify;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55;
}
.about-us .re .abs-ul li:nth-child(2) {
  /*border-left: 1px solid #0770ac;
  padding-left: 6rem;*/
}
.about-us .re .abs-ul li:last-child {
  width: 100%;
}



.about-liucheng{ margin-top:3rem; background:#efefef; padding:4rem 0; text-align:center}
.about-liucheng2{background:#fff;padding:4rem 0; text-align:center}
.about-liucheng img,.about-liucheng2 img{ max-width:1000px;}



.map-img {
  margin-top: 5rem;
}
.map-d-ul {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.map-d-ul li {
  position: absolute;
  cursor: pointer;
}
.map-d-ul li .divs-con {
  display: none;
  text-align: left;
  left: 7rem;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 22.0625rem;
  border: 1px solid #EBEBEB;
  background: #FFF;
  padding: 1.5rem;
  box-shadow: 0px 3px 15px 0px rgba(157, 157, 157, 0.1);
  height: 24.6875rem;
}
.map-d-ul li .divs-con .colse {
  right: 0.4rem;
  top: 0.2rem;
}
.map-d-ul li .divs-con .p-title {
  color: #000;
  margin-top: 1rem;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.map-d-ul li .divs-con .div-con1 {
  color: #000;
  margin-top: 0.8rem;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.map-d-ul li .divs-con .div-con1 span {
  color: #0770ac;
}
.map-d-ul li:nth-child(1) {
  left: 36%;
  top: 38%;
}
.map-d-ul li:nth-child(2) {
  left: 40%;
  top: 38%;
}
.map-d-ul li {
  text-align: center;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.map-d-ul li .ming {
  color: #6F6E6E;
  font-size: 1.10294rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.map-d-ul li .di-yuan {
  display: inline-block;
  width: 0.24513rem;
  height: 0.24513rem;
  background: #0770ac;
  border-radius: 100%;
  position: relative;
}
.map-d-ul li .di-yuan::after {
  content: '';
  position: absolute;
  width: 400%;
  height: 400%;
  border-radius: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
  -webkit-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -o-transform: translate(-50%, -50%);
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  border: 1px dashed #0770ac;
}
.map-d-ul li.active .di-yuan {
  width: 0.84031rem;
  height: 0.84031rem;
}
.map-d-ul li.active .di-yuan::after {
  width: 170%;
  height: 170%;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.map-d-ul li.active .ming {
  color: #0770ac;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.segmental {
  padding: 9rem 0;
}
.partner {
  padding: 9rem 0;
  background: #F7F7F7;
}
.partner .partner-con {
  margin-top: 3.375rem;
}
.partner .partner-con .swiper-slide {
  background: #fff;
  border: 1px solid #DBDBDB;
}
.color-page .swiper-pagination {
  width: 100%;
}
.color-page .swiper-pagination-bullet {
  width: 0.8125rem;
  background: #BFBFBF;
  height: 0.4375rem;
  opacity: 1;
  margin: 0 0.5rem;
  border-radius: 0;
  transform: skew(-31deg);
  -webkit-transform: skew(-31deg);
  /* Safari 和 Chrome */
  -moz-transform: skew(-31deg);
  /* Firefox */
  -ms-transform: skew(-31deg);
  /* IE 9 */
  -o-transform: skew(-31deg);
  /* Opera */
}
.color-page .swiper-pagination-bullet-active {
  background: #0770ac;
}
.footer .foot-top .foot-a .social-share .social-share-icon {
  display: inline-block;
  line-height: 30px;
  font-size: 0.8rem;
  background: #212121;
  border: none;
  color: #FFf;
}
.new-xqq {
  margin-top: 5.625rem;
  padding-bottom: 7rem;
}
.new-xqq .social-share {
  margin-left: 4rem;
}
.new-xqq .social-share a {
  display: inline-block;
  font-size: 0.8rem;
  background: #212121;
  border: none;
  color: #FFf;
}
.new-xqq .top-news {
  border-top: 1px solid #EAEAEA;
  background: #F7F7F7;
}
.new-xqq .wz-div {
  opacity: 0.8;
  color: #7A7A7B;
  font-weight: 400;
  line-height: normal;
  text-transform:uppercase
}
.new-xqq .wz-div a {
  color: #7A7A7B;
}
.new-xqq .wz-div a:hover {
  color: #0770ac;
}
.new-xqq .wz-div span:last-child {
  display: none;
}
.new-xqq .top-news {
  padding: 1.6rem 0 2.6rem;
}
.new-xqq .top-news .title {
  color: #000;
  text-align: justify;
  font-size: 2rem;
  margin-top: 1.8rem;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
}
.new-xqq .top-news .datas-yuan {
  color: #585858;
  font-family: 'montserrat';
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
}
.new-xqq .top-news .new-xing-box {
  color: #464646;
  text-align: justify;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
  text-transform: uppercase;
}
.new-xqq .top-news .new-xing-box .data-xw {
  color: #949494;
  font-family: 'montserrat';
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 1.9rem;
}
.new-xqq .top-news .new-xing-box .new-xq-con {
  margin-bottom: 3rem;

}


.new-xqq .top-bot-news {
  padding: 4.6rem 0 5.5rem;
}
.new-xqq .top-bot-news .new-xing-box {
  width: 100%;
  color: #838383;
  text-align: justify;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.55;
  /* 155.556% */
}
.new-xqq .top-bot-news .latest-new {
  position: sticky;
  top: 6rem;
  width: 30%;
  border: 1px solid #D8D8D8;
  background: #FFF;
  padding: 1.6rem 2.5rem;
  box-shadow: 0px 3px 0.9375rem rgba(157, 157, 157, 0.1);
}
.new-xqq .top-bot-news .latest-new .icomnimg {
  left: -2.4rem;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.new-xqq .head-wz {
  color: #1B1C21;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.xingguan-ul li {
  padding: 1.6rem 0;
  border-bottom: 1px solid #DEDEDE;
}
.xingguan-ul li .title {
  color: #585858;
  text-align: justify;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.xingguan-ul li .title a {
  color: #585858;
}
.xingguan-ul li .data {
  color: #585858;
  margin-top: 0.9rem;
  font-family: 'montserrat';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.xingguan-ul li:last-child {
  border-bottom: none;
}
.new-xqq .social-share {
  display: inline-block;
}

.newss .head-div .head-cn{ text-transform:uppercase !important}

.newss .newss-top {
  padding: 6.5rem 0 7rem;
  background: #F7F7F7;
}
.new-list {
  padding: 5rem 0 7rem;
}

.new-list-uls{ padding:2rem 0 0 0}

.new-list-uls li {
  padding: 2.5rem 0;
  border-bottom: 1px solid #DEDEDE;
  padding-left: 7.4rem;
  position: relative;
}
.new-list-uls li .data-div {
  left: 0.625rem;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0rem;
}
.new-list-uls li .data-div .data {
  color: #585858;
  font-family: 'montserrat';
  font-size: 1.27906rem;
  font-weight: 500;
}
.new-list-uls li .data-div .data-nian {
  color: #585858;
  font-family: 'montserrat';
  font-size: 1.57906rem;
  font-weight: 500;
}
.new-list-uls li .data-div:after {
  content: '';
  position: absolute;
  width: 1px;
  background: #DADADA;
  right: -1.5rem;
  top: 0;
  height: 5rem;
  transform: skew(-18deg);
  -webkit-transform: skew(-18deg);
  /* Safari 和 Chrome */
  -moz-transform: skew(-18deg);
  /* Firefox */
  -ms-transform: skew(-18deg);
  /* IE 9 */
  -o-transform: skew(-18deg);
  /* Opera */
}
.new-list-uls li .title {
  color: #585858;
  text-align: justify;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.new-list-uls li .title a {
  color: #585858;
}
.new-list-uls li .miao-p {
  color: #838383;
  text-align: justify;
  margin-top: 0.6rem;
  font-size: 1.07088rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.new-list-uls li::after {
  content: '';
  position: absolute;
  width: 0%;
  left: 0;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  bottom: 0;
  background: #0770ac;
  height: 1px;
}
.new-list-uls li:hover {
  border-color: #0770ac;
}
.new-list-uls li:hover::after {
  width: 100%;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.new-list-uls li:hover .title a {
  color: #0770ac;
}
.index-new-tui-lunbo {
  margin-top: 3rem;
}
.index-new-tui-lunbo .swiper-slide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.index-new-tui-lunbo .swiper-slide .overh img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.index-new-tui-lunbo .swiper-slide:hover .title a {
  color: #0770ac;
}
.index-new-tui-lunbo .swiper-slide:hover .overh img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  /* IE 9 */
  -moz-transform: scale(1.1);
  /* Firefox */
  -webkit-transform: scale(1.1);
  /* Safari 和 Chrome */
  -o-transform: scale(1.1);
}
.index-new-tui-lunbo .fl {
  width: 48%;
}
.index-new-tui-lunbo .re {
  width: 48%;
  margin-left: 4%;
}
.index-new-tui-lunbo .re .title {
  color: #585858;
  text-align: justify;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 1.375rem;
}
.index-new-tui-lunbo .re .title a {
  color: #585858;
}
.index-new-tui-lunbo .re .data-p1 {
  color: #585858;
  font-family: 'montserrat';
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 1rem 0;
}
.index-new-tui-lunbo .re .miao-p {
  color: #838383;
  text-align: justify;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55;
  /* 155.556% */
}
.index-new-tui-lunbo .re .miao-p a {
  color: #838383;
}
.history-ul {
  padding: 5rem 0;
}
.history-ul li {
  width: 23%;
  margin: 0 0.5%;
  display: inline-block;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.2;
  position: relative;
}
.history-ul li a {
  padding: 2rem 0;
  display: block;
  color: #989898;
}
.history-ul li::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-18deg);
  -webkit-transform: skew(-18deg);
  /* Safari 和 Chrome */
  -moz-transform: skew(-18deg);
  /* Firefox */
  -ms-transform: skew(-18deg);
  /* IE 9 */
  -o-transform: skew(-18deg);
  z-index: -1;
  border: 1px solid #DADADA;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.history-ul li:hover a,
.history-ul li.active a {
  color: #FFf;
}
.history-ul li:hover::after,
.history-ul li.active::after {
  background: #0770ac;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  border-color: #0770ac;
}
.history-con-ul > li {
  padding: 9rem 0;
}
.history-con-ul > li .fl {
  width: 55%;
}
.history-con-ul > li .fr {
  width: 40%;
}
.history-con-ul > li .div1 {
  color: #838383;
  text-align: justify;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
}
.history-con-ul > li .div1 ul li {
  color: #5B5B5B;
  font-weight: 700;
  position: relative;
  padding-left: 1rem;
}
.history-con-ul > li .div1 ul li::after {
  content: '';
  position: absolute;
  width: 0.325rem;
  height: 0.325rem;
  border-radius: 100%;
  left: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #5B5B5B;
}
.history-con-ul > li:nth-child(2n) {
  background: #F7F7F7;
}
.lunbo-history-bots {
  margin-top: 2.875rem;
}
.jion-choose {
  padding: 7.5rem 0;
}
.jion-choose .choose-img {
  margin-top: 4.375rem;
}
.jion-choose .choose-img-box .re {
  width: 55%;
  position: relative;
  margin-top: -10.625rem;
  margin-right: 3.125rem;
  height: 25.0625rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-content: center;
  justify-content: right;
  background: url(../img/bjs.svg) no-repeat;
  background-size: cover;
}
.jion-choose .choose-img-box .re .wz {
  width: 66%;
  padding-right: 3.875rem;
  text-align: justify;
  color: #838383;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  /* 175% */
}
.jion-choose .choose-div .choosw-box {
  margin-bottom: 3.4rem;
}
.jion-choose .choose-div .choosw-box .div1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.jion-choose .choose-div .choosw-box .div1 span {
  align-items: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 4.625rem;
  height: 4.625rem;
  border: 1px solid #EBEBEB;
  box-shadow: 0px 3px 15px rgba(157, 157, 157, 0.1);
  border-radius: 100%;
}
.jion-choose .choose-div .choosw-box .div1 .p1 {
  color: #000;
  margin-left: 1.4rem;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 4.625rem;
  display: inline-block;
}
.jion-choose .choose-div .choosw-box .div2 {
  color: #838383;
  text-align: justify;
  margin-top: 1.1rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  /* 175% */
}
.jion-choose .choose-div .choosw-box1 {
  position: relative;
  margin-top: -5rem;
}
.le-jl .choosw-box {
  padding-right: 3rem;
}
.re-jl .choosw-box {
  padding-left: 3rem;
}
.jion-us {
  background: #F7F7F7;
}
.jion-us .jion-zi {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.jion-us .jion-zi .head-div .head-en,
.jion-us .jion-zi .head-div .head-cn {
  color: #fff;
}
.jion-box {
  background: #F7F7F7;
  width: 85%;
  position: relative;
  margin: -15rem auto 0;
  padding: 5rem 8rem;
}
.talented-ul li {
  display: inline-block;
  color: #838383;
  text-align: justify;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.talented-ul li:nth-child(1) {
  display: none;
}
.talented-ul li {
  width: 9.375rem;
  height: 2.875rem;
  margin-right: 1.25rem;
  position: relative;
}
.talented-ul li a {
  display: block;
  height: 100%;
  text-align: center;
  line-height: 2.875rem;
  position: relative;
  z-index: 2;
}
.talented-ul li::after {
  content: '';
  border: 1px solid #DADADA;
  width: 100%;
  height: 100%;
  left: 0;
  background: #fff;
  z-index: 1;
  top: 0;
  position: absolute;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: skew(-31deg);
  -webkit-transform: skew(-31deg);
  /* Safari 和 Chrome */
  -moz-transform: skew(-31deg);
  /* Firefox */
  -ms-transform: skew(-31deg);
  /* IE 9 */
  -o-transform: skew(-31deg);
}
.talented-ul li:hover::after,
.talented-ul li.active::after {
  background: #0770ac;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.talented-ul li:hover a,
.talented-ul li.active a {
  color: #fff;
}
.jion-div {
  border: 1px solid #EBEBEB;
  margin-bottom: 1.875rem;
  background: #FFF;
  box-shadow: 0px 3px 15px 0px rgba(157, 157, 157, 0.1);
  padding: 2rem 1.8rem;
  cursor: pointer;
}
.jion-div .title {
  color: #070707;
  text-align: justify;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem;
  /* 127.273% */
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #DDD;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.jion-div .div2 {
  margin-top: 1.1rem;
  color: #838383;
  text-align: justify;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  /* 175% */
}
.jion-div .svg-icon {
  left: 0;
  top: 18%;
}
.jion-bot {
  margin-top: 3rem;
}
.sousuo-div .search-form .inp-fl {
  position: relative;
}
.sousuo-div .search-form .inp-fl input {
  width: 21.88288rem;
  height: 2.87769rem;
  color: #838383;
  text-align: justify;
  background: transparent;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0 2rem;
  position: relative;
  z-index: 2;
}
.sousuo-div .search-form .inp-fl input::placeholder {
  color: #838383;
  font-size: 0.875rem;
}
.sousuo-div .search-form .inp-fl::after {
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1;
  top: 0;
  position: absolute;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: skew(-31deg);
  -webkit-transform: skew(-31deg);
  /* Safari 和 Chrome */
  -moz-transform: skew(-31deg);
  /* Firefox */
  -ms-transform: skew(-31deg);
  /* IE 9 */
  -o-transform: skew(-31deg);
  background: #fff;
  border: 1px solid #DADADA;
}
.sousuo-div .search-form button {
  margin-left: 1rem;
  position: relative;
  background: transparent;
  border: none;
  width: 5.35163rem;
  height: 2.87769rem;
}
.sousuo-div .search-form button svg {
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  z-index: 2;
}
.sousuo-div .search-form button::after {
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1;
  top: 0;
  position: absolute;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: skew(-31deg);
  -webkit-transform: skew(-31deg);
  /* Safari 和 Chrome */
  -moz-transform: skew(-31deg);
  /* Firefox */
  -ms-transform: skew(-31deg);
  /* IE 9 */
  -o-transform: skew(-31deg);
  background: #0770ac;
}
.afters {
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1;
  top: 0;
  position: absolute;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: skew(-31deg);
  -webkit-transform: skew(-31deg);
  /* Safari 和 Chrome */
  -moz-transform: skew(-31deg);
  /* Firefox */
  -ms-transform: skew(-31deg);
  /* IE 9 */
  -o-transform: skew(-31deg);
}
.model-tanchu {
  color: #838383;
  text-align: justify;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  /* 175% */
}
.model-tanchu .modal-header {
  padding: 1rem 0 0.7rem;
}
.model-tanchu .modal-body {
  padding: 0;
  border-bottom: 0;
}
.model-tanchu .modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #EBEBEB;
  background: #FFF;
  box-shadow: 0px 3px 15px 0px rgba(157, 157, 157, 0.1);
  border-radius: 0rem;
  outline: 0;
  padding: 0 2.5rem;
}
.model-tanchu .modal-content .modal-title {
  color: #070707;
  text-align: justify;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem;
  /* 127.273% */
}
.model-tanchu .mtk-div {
  margin: 1.4rem 0 0;
}
.model-tanchu .mtk-div .p1 {
  color: #070707;
  text-align: justify;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  margin: 1rem 0 0.4rem;
  line-height: 1.55;
  /* 155.556% */
}
.model-tanchu .modal-footer {
  color: #000;
  border: none;
  padding: 1rem 0;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;
  justify-content: flex-start;
}
.model-tanchu .modal-footer span {
  color: #0770ac;
}
@media (min-width: 1200px) {
  .model-tanchu .modal-xl {
    max-width: 49.3125rem;
  }
}
body.modal-open {
  padding-right: 0 !important;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
    top: 15%;
  }
}
.detail_feature {
  position: relative;
}
.detail_feature .cover_left {
  left: 0;
}
.detail_feature .cover_right {
  right: 0;
}
.detail_feature .cover_left,
.detail_feature .cover_right {
  position: absolute;
  top: 0px;
  width: 0%;
  background-color: #fff;
  bottom: 0;
  transform: translate(0, 0);
  z-index: 333;
  transition: all 0.3s ease;
}
.ban {
  overflow: hidden;
}
.ban img {
  height: 100vh;
  -webkit-animation: fd 30s ease-out infinite;
  -moz-animation: fd 30s ease-out infinite;
  -o-animation: fd 30s ease-out infinite;
  animation: fd 30s ease-out infinite;
}
.er-div-box {
  width: 100vw;
  left: 0;
  border-top: 1px solid #F0F0F0;
  background: #FFF;
  padding: 3.125rem 0;
  transform: scaleY(0);
  transform-origin: top center;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.er-div-box .left {
  width: 36%;
}
.er-div-box .re {
  width: 64%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.er-div-box .re .er-box {
  width: 25%;
  border-right: 1px solid #F0F0F0;
}
.er-div-box .re .er-box .div1 {
  color: #000;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.er-div-box .re .er-box .head-div-a {
  margin-top: 0.8rem;
  color: #1B1C21;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  /* 200% */
}
.er-div-box .re .er-box .head-div-a a {
  display: block;
}
.er-div-box .re .er-box .head-div-a a:hover {
  color: #0770ac;
}
.heads .na-ul > li:hover .er-div-box {
  transform: scaleY(1);
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.ban img {
  object-fit: cover;
}
.m-bm-nav .aniut.aniut_son {
  top: -50px;
}
.lunbo-history-img img {
  height: 23.875rem;
  object-fit: cover;
}
.index-innovations .re .index-innovations-ul li .svg-img {
  width: 100%;
  height: 100%;
}
.fp-is-overflow .fp-overflow.fp-auto-height-responsive,
.fp-is-overflow .fp-overflow.fp-auto-height,
.fp-is-overflow > .fp-overflow {
  overflow-y: visible;
}
.newss-top .color-page .swiper-button-next {
  right: -6rem;
}
.newss-top .color-page .swiper-button-prev {
  left: -6rem;
}
@media (max-width: 1700px) {
  .footer .foot-top .foot-ul li {
    margin-right: 6%;
  }
}
@media (max-width: 1440px) {
  .index-new .index-new-bot {
    margin-top: 1rem;
  }
  .recent-ul li {
    padding: 1rem 0;
  }
  .index-new .index-new-bot .new-box {
    padding: 1.5rem;
  }
  .index-new .index-new-bot .new-box .hd-title {
    font-size: 1.5rem;
  }
  .head-div .head-cn {
    font-size: 2.5rem;
  }
  .footer .foot-top .foot-ul li {
    margin-right: 4%;
  }
  .jion-box {
    margin-top: -5rem;
  }
  .jion-div .title {
    font-size: 1.25rem;
  }
  .index-technology .re {
    padding: 10rem 5rem 0 5rem;
  }
  .heads .na-ul > li {
  margin: 0 2.1rem;
  display: inline-block;
}
}
.index-new-bot-lunbo .swiper-slide .overh img {
  height: 19.625rem;
  object-fit: cover;
}
@media (max-width: 1280px) {
  .lunbo .lunbo-wenzi .div2 {
    font-size: 3rem;
  }
  .index-innovations .re .index-innovations-ul li:nth-child(1) {
    width: 19.4375rem;
    height: 10.5rem;
    bottom: 3%;
    left: 13%;
  }
  .index-innovations .re .index-innovations-ul li:nth-child(3) .icon-img {
    top: 46%;
    left: 36%;
  }
  .index-innovations .re .index-innovations-ul li:nth-child(2) {
    width: 18.4375rem;
    height: 14.5rem;
    right: 25%;
  }
  .index-innovations .re .index-innovations-ul li:nth-child(3) {
    width: 15.4375rem;
    height: 21.75rem;
    top: 25%;
    right: 11%;
  }
  .index-innovations .re .index-innovations-ul li:nth-child(4) {
    width: 15.4375rem;
    height: 21.75rem;
  }
  .head-div .head-cn {
    font-size: 2rem;
    line-height: 1.2;
  }
  .index-new .index-new-bot .new-box {
    height: 23.8125rem;
  }
  .index-about .abou-ul {
    display: none;
  }
  .index-new-bot-lunbo .swiper-slide .overh img {
    height: 15.625rem;
    object-fit: cover;
  }
  .heads .na-ul > li {
  margin: 0 2rem;
  display: inline-block;
}
}
@media (max-width: 1200px) {
  .index-about {
    padding: 5rem 0;
  }
  .index-technology .head-miao {
    margin-top: 3rem;
  }
  .index-innovations-con {
    width: 100%;
  }
  .index-innovations > div {
    width: 100%;
  }
}
@media (max-width: 990px) {
  .newss-top .color-page .swiper-button-next {
    right: 0rem;
  }
  .newss-top .color-page .swiper-button-prev {
    left: 0rem;
  }
  .index-technology {
    padding-bottom: 5rem;
  }
  .index-innovations .le {
    float: none;
  }
  .index-innovations .re {
    float: none;
    margin: 0 auto;
  }
  .index-innovations .index-innovations-img li {
    height: 100%;
  }
  .index-technology .le {
    width: 100%;
  }
  .index-innovations .index-innovations-img {
    height: 100%;
  }
  .index-innovations .le {
    width: 100%;
    position: relative;
  }
  .index-innovations .index-innovations-img li img {
    height: 100%;
  }
  .index-innovations .le {
    width: 100%;
    top: 0%;
    -ms-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  .index-technology .re {
    width: 100%;
    padding: 3rem 1rem;
  }
  .jion-box {
    padding: 3rem 0;
    margin-top: 1rem;
  }
  .heads,
  .footer,
  .ban .ban-er,
  .scoll,
  .ban::after {
    display: none;
  }
  
  .footer{ display:block !important; padding-top:10px;}
  .footer .foot-bot{ display:none}
  .footer li{ display:none;}
  .footer li:last-child{ display:block !important; padding-top:0;}
  .foot-top {  padding-top:10px !important; }
  
  .rightfix1 {
    display: none;
    overflow: visible;
    opacity: 0;
  }
  .ban img {
    height: auto;
  }
  .ban-wz {
    width: 100%;
    text-align: center;
  }
  .ban .div1 {
    font-size: 3rem;
  }
  
  .ban .div2 {
    font-size: 2.5rem;
  }
  .head-div .head-cn {
    font-size: 2rem;
    line-height: 1.5;
  }
  .history-con-ul > li .div1 {
    line-height: 1.5;
  }
  .history-ul {
    padding: 3rem 0;
  }
  .history-con-ul > li {
    padding: 3rem 0;
  }
  .history-ul li {
    font-size: 1.25rem;
  }
  .index-new-tui-lunbo .re .title {
    font-size: 1.25rem;
  }
  .new-xqq {
    margin-top: 0;
  }
  .jion-choose .choose-img-box .re {
    width: 83%;
    height: 19.0625rem;
  }
  .jion-choose .choose-div .choosw-box1 {
    margin-top: 0;
  }
  .le-jl .choosw-box {
    padding-right: 0rem;
  }
  .re-jl .choosw-box {
    padding-left: 0rem;
  }
  .lunbo::after {
    width: 80%;
    height: 4.5rem;
    right: -21%;
  }
  .lunbo .swiper-pagination {
    bottom: 3%;
  }
  .index-about {
    padding: 3rem 0;
  }
  .index-about .ju {
    margin-bottom: 1rem;
  }
  
  .lunbo img{ height:auto !important; width:100%;}
  .lunbo .lunbo-wenzi .div1 {
    font-size: 2.5rem;
  }
  .lunbo .lunbo-wenzi .div2 {
    font-size: 2rem;
  }
  
  
  .s_shuzi ul li span{ font-size: 3rem; font-family: BEBASNEUE_BOLD; color: #d8171b;}

.nnav{ line-height:55px;}
.nnav li{ display:inline-block; font-size:17px;}
.nnav li a{ margin:0 20px; }


.w20-b1{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 20px;margin-bottom: 100px;}

.w20-b2b{position:relative !important;}
	.w20-b2bb1 i{ color:#333; font-size:35px;}
.w20-b2bb2{color: #333;}
.w20-b2bb3{color: #333;}
	.w20-b2bb{ width:50%; float:left; padding:30px 0; height:230px;}
	.w20-b2b{display:block;}
	.w20-b2bb:hover .w20-b2bb1 i{ color:#fff;}
.w20-b2bb:hover .w20-b2bb2{color: #fff}
.w20-b2bb:hover .w20-b2bb3{color: #fff;}

.horlist li {
	width: 31.33%
}

.about-liucheng img,.about-liucheng2 img{ max-width:100% !important;}

}
@media (max-width: 767px) {
	
	.s_shuzi{ margin-top:0; padding-bottom:2rem; float:left; width:100%;}
	.s_shuzi ul{ display:block; width: 100%;}
	
	.s_shuzi ul li{ width:50%; float:left; margin-top:20px;}
	
	.s_shuzi ul li+li:before{ background:none; width:0}	
    .s_shuzi ul li span{ font-size: 3.5rem !important;}
	
	.i-newsList .left{ width:100% !important; background:#fff; border-bottom-right-radius:60px; box-shadow:0 0 60px rgba(0,0,0,.05)}
	.i-newsList .right{ width:100%;}
	
  .index-technology {
    padding-bottom: 0;
  }
  .index-technology .head-miao {
    margin-top: 1rem;
  }
  .lunbo .swiper-slide img {
    object-position: 67%;
  }
  .lunbo .lunbo-wenzi .div1 {
    font-size: 2rem;
  }
  .lunbo .lunbo-wenzi .div2 {
    font-size: 2.3rem;
  }
  .jin-wz > img {
    height: 18.75rem;
    object-fit: cover;
  }
  .modal-header .close {
    padding: 0;
  }
  .modal-dialog {
    top: 15%;
  }
  .jion-top .fr {
    width: 100%;
    margin-top: 1rem;
  }
  .jion-div {
    margin-bottom: 1rem;
  }
  .jion-choose .choose-img {
    margin-top: 1rem;
  }
  .jion-box {
    width: 100%;
    padding: 1rem;
  }
  .sousuo-div .search-form .inp-fl input {
    width: 70%;
  }
  .jion-choose {
    padding: 3rem 0;
  }
  .jion-choose .choose-div .choosw-box1 {
    margin-top: 1rem;
  }
  .jion-choose .choose-div .choosw-box {
    margin-bottom: 1rem;
  }
  .jion-choose .choose-img-box .re {
    margin-top: 1rem;
    width: 100%;
    height: auto;
    margin-right: 0;
    background: transparent;
  }
  .jion-choose .choose-img-box .re .wz {
    padding: 0;
    width: 100%;
  }
  .new-xqq .top-bot-news .new-xing-box {
    width: 100%;
  }
  .new-xqq .head-wz {
    font-size: 1.5rem;
  }
  .new-xqq .top-bot-news .latest-new {
    width: 100%;
    margin-top: 2rem;
  }
  .new-xqq .wz-div {
    display: none;
  }
  .new-xqq .social-share {
    width: 100%;
    margin-left: 0;
    margin-top: 0.5rem;
  }
  .new-xqq .top-bot-news {
    padding: 3rem 0;
  }
  .xingguan-ul li .data {
    margin-top: 0.5rem;
  }
  .xingguan-ul li {
    padding: 1rem 0;
  }
  .color-page .swiper-button-next,
  .color-page .swiper-button-prev {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
  }
  .color-page .swiper-button-next i,
  .color-page .swiper-button-prev i {
    font-size: 1rem;
  }
  .new-xqq .top-news .title {
    font-size: 1.3rem;
    margin-top: 0;
  }
  .new-list {
    padding: 3rem 0;
  }
  .index-new-tui-lunbo {
    margin-top: 1rem;
  }
  .new-list-uls li .title {
    font-size: 1.125rem;
  }
  .new-list-uls li .miao-p {
    font-size: 1rem;
  }
  .new-list-uls li .data-div .data,
  .new-list-uls li .data-div .data-nian {
    font-size: 1.25rem;
  }
  .new-list-uls li {
    padding: 1rem 0rem 1rem 7rem;
  }
  .index-new-tui-lunbo .re .miao-p {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .index-new-tui-lunbo .fl {
    width: 100%;
  }
  .index-new-tui-lunbo .re {
    width: 100%;
    margin-top: 1rem;
    margin-left: 0;
  }
  .newss .newss-top {
    padding: 3rem 0;
  }
  .history-con-ul > li .fr {
    margin-top: 1rem;
  }
  .history-ul {
    padding: 3rem 0 0;
  }
  .history-ul li a {
    padding: 1rem 0;
  }
  .history-ul li {
    font-size: 0.8rem;
  }
  .lunbo-history-bots {
    margin-top: 1rem;
  }
  .lunbo-history-img img {
    height: 14.875rem;
  }
  .history-con-ul > li .fl {
    width: 100%;
  }
  .history-con-ul > li .fr {
    width: 100%;
  }
  .ban .div1 {
    font-size: 2rem;
  }
  .ban .div2 {
    font-size: 1.5rem;
  }
  .head-div .head-cn {
    font-size: 1.5rem;
  }
  .plan-bot .plan-ul li {
    padding: 1rem ;
    margin: 0 0.5rem;
    font-size: 1.5rem;
  }
  .plan-top,
  .plan-bot,
  .contact,
  .contact-us-bot,
  .technology {
    padding: 3rem 0;
  }
  .contact .contact-us-top .lx-con {
    margin: 0.5rem 0 1rem;
  }
  .contact .contact-us-top {
    margin-top: 2rem;
  }
  .contact-us-bot .more {
    text-align: center;
  }
  .heixian-ul li {
    margin-top: 2rem;
    padding: 0;
  }
  .heixian-ul li .pp1 {
    font-size: 1.125rem;
  }
  .technology .div-xons {
    padding: 3rem 0;
    margin-top: 0;
  }
  .juli-re > div,
  .juli-le > div {
    padding: 1rem 0;
  }
  .about-us {
    padding: 3rem 0;
  }
  .about-us .le {
    width: 100%;
  }
  .about-us .re {
    width: 100%;
    margin-top: 1rem;
  }
  .about-us .re .abs-ul li {
    width: 100%;
    padding-bottom: 1rem;
    border-bottom: 1px solid #c6c6c6;
    margin-top: 1rem;
  }
  .about-us .re .abs-ul li:nth-child(2) {
    padding-left: 0;
    border-left: none;
  }
  .about-us .re .abs-ul li .p1 {
    font-size: 1.4rem;
  }
  .about-us .about-imgs {
    margin-top: 3rem;
  }
  .segmental {
    padding: 3rem 0;
  }
  .map-img {
    margin-top: 1rem;
  }
  .partner {
    padding: 3rem 0 5rem;
  }
  .partner .partner-con {
    margin-top: 1rem;
  }
  .index-innovations {
    padding: 3rem 0;
  }
  .index-innovations .re {
    width: 100%;
  }
  .index-innovations .re .index-innovations-ul li:nth-child(3) {
    width: 49%;
    margin: 0.5%;
    height: auto;
    right: auto;
    top: auto;
    bottom: auto;
    left: auto;
    position: relative;
  }
  .index-innovations .re .index-innovations-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1rem 0;
  }
  .index-innovations .re {
    height: auto;
    margin-top: 1rem;
  }
  .index-innovations .re .index-innovations-ul li.active {
    background: #0770ac;
  }
  .index-innovations .re .index-innovations-ul li:nth-child(4) {
    width: 49%;
    margin: 0.5%;
    height: auto;
    right: auto;
    top: auto;
    bottom: auto;
    position: relative;
    left: auto;
  }
  .index-innovations .re .index-innovations-ul li .svg-img {
    display: none;
  }
  .index-innovations .re .index-innovations-ul li:nth-child(2) {
    width: 49%;
    margin: 0.5%;
    height: auto;
    right: auto;
    top: auto;
    position: relative;
    bottom: auto;
    left: auto;
  }
  .index-innovations .re .index-innovations-ul li:nth-child(1) {
    width: 49%;
    margin: 0.5%;
    height: auto;
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
    left: auto;
  }
  .index-innovations .re .index-innovations-ul li {
    padding: 1rem;
    position: relative;
    border: 1px solid #ccc;
  }
  .index-innovations .re .index-innovations-ul li .title-p {
    font-size: 0.8rem;
  }
  .index-innovations .re .index-innovations-ul li .icon-img {
    width: 100%;
  }
  .index-innovations .re .index-innovations-ul li .icon-img img {
    width: 30px;
  }
  .index-new-tui-lunbo .re .title {
    font-size: 1.125rem;
  }
  .index-innovations .re .index-innovations-ul li:nth-child(4) .icon-img,
  .index-innovations .re .index-innovations-ul li:nth-child(3) .icon-img,
  .index-innovations .re .index-innovations-ul li:nth-child(2) .icon-img,
  .index-innovations .re .index-innovations-ul li:nth-child(1) .icon-img {
    right: auto;
    top: auto;
    bottom: auto;
    left: auto;
    position: relative;
  }
  .index-new {
    padding: 3rem 0;
  }
  .index-new .index-new-bot .new-box {
    margin: 1rem 0;
    height: auto;
  }
  .index-innovations-con {
    margin-top: 0;
  }
  .index-innovations {
    overflow: hidden;
  }
  .lunbo {
    width: 100%;
  }
  .index-technology .trapezoid3 {
    display: none;
  }
  .about-us .re .abs-ul li .divs {
    font-size: 1rem;
  }
   .s_shuzi ul li span{ font-size: 2.5rem;}
   
 .nnav{ line-height:50px;}
.nnav li{  font-size:16px;}
.nnav li a{ margin:0 15px; }
   .nnav li{white-space:nowrap;}
.nnav ul{width:100%;display: flex; display: -webkit-flex;}
   
.w20-b1{grid-template-columns: repeat(1,minmax(0,1fr));gap: 38px;}
	.w20-b1-txt1{font-size: 20px;}
	.w20-b1-txt2{font-size: 16px;}
	.w20-b1{margin-bottom: 80px;}
	
.w20-b2-img{display:none;}
	
	.w20-b2b{position:relative !important}
.w20-b2b{display:block;}
.w20-b2bb{border-right:none; padding:30px 0; width:100%; height:auto;}
.w20-b2bb1{margin-bottom: 30px;}
.w20-b2bb1 i{ color:#333; font-size:35px;}
.w20-b2bb2{font-size:24px;color: #333;font-family: BEBASNEUE_BOLD;margin-bottom: 23px;}
.w20-b2bb3{font-size:14px;color: #333; padding:0 20px; text-align:center;}
.w20-b2bb{position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;}
.w20-b2bb::after{content: '';position: absolute;top: 100%;left: 0;bottom: 0;right: 0;background: rgba(7, 112, 172, .5);z-index: -1;transition: all 1.2s;}

.w20-b2bb:hover:after{top: 0;transition: all .7s;}
.w20-b2bb:hover .w20-b2bb1 i{ color:#fff;}
.w20-b2bb:hover .w20-b2bb2{color: #fff}
.w20-b2bb:hover .w20-b2bb3{color: #fff;}
   
   
.horlist li {
	width: 48%
}  
   
.contact-us-map .map{ height:500px !important;}   
   
   
   
.video_ul ul li {
	width: 49%;
}
.video_ul ul li:nth-child(2n+0) {
	margin-right: 0;
}
   
   
   
   
   .lunbo .lunbo-wenzi .div1 {
    font-size: 1.8rem;
  }
  .lunbo .lunbo-wenzi .div2 {
    font-size: 1.2rem;
  }
   
   .bai-more {
    font-size: 0.875rem !important;
  }
   
   .lunbo .swiper-pagination{ display:none;}
   .lunbo::after{ display:none;}
   
}


@media (max-width: 480px) {
	
	.horlist {
	margin-right: 0
}
.horlist li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 3%
}
	
.contact-us-map .map{ height:350px !important;}  
	
	
.video_ul ul li {
	width: 100%;
	margin-right:0 !important
}
	
	}

@media (max-width: 420px) {
	

.nnav li{white-space:nowrap;}
.nnav ul{width:100%;display: flex; display: -webkit-flex;overflow-x:auto;overflow-y: hidden; padding-bottom:15px; margin-bottom:15px;}
	}

.index-innovations {
  position: relative;
}
.index-innovations::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.index-innovations-con {
  z-index: 2;
}
.index-about .abou-ul li .icon-img img {
  cursor: pointer;
}
.index-about .abou-ul li .icon-img img:hover {
  animation: swing 1s infinite linear;
}
.index-new-bot-lunbo .swiper-slide .overh img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.index-new-bot-lunbo .swiper-slide .overh img:hover {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  /* IE 9 */
  -moz-transform: scale(1.1);
  /* Firefox */
  -webkit-transform: scale(1.1);
  /* Safari 和 Chrome */
  -o-transform: scale(1.1);
}
.recent-ul li {
  position: relative;
}
.recent-ul li::after {
  content: '';
  position: absolute;
  width: 0%;
  left: 0;
  height: 1px ;
  background: #0770ac;
  bottom: 0;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.recent-ul li:hover::after {
  width: 100%;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.index-innovations .index-innovations-img li img {
  -webkit-animation: fd 30s ease-out infinite;
  -moz-animation: fd 30s ease-out infinite;
  -o-animation: fd 30s ease-out infinite;
  animation: fd 30s ease-out infinite;
}
.index-new {
  background-attachment: fixed;
}
.head-div .head-en span {
  overflow: hidden;
}
.head-div .head-en span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 5px;
  background: #fff;
  opacity: 0.9;
  -webkit-animation: animationMove 3s infinite linear;
  -moz-animation: animationMove 3s infinite linear;
  -o-animation: animationMove 3s infinite linear;
  animation: animationMove 3s infinite linear;
}
@-webkit-keyframes animationMove {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
  31% {
    -webkit-transform: translateX(-3.125rem);
    transform: translateX(-3.125rem);
  }
  71% {
    -webkit-transform: translateX(10.625rem);
    transform: translateX(10.625rem);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
}
@-moz-keyframes animationMove {
  0% {
    -moz-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
  31% {
    -moz-transform: translateX(-3.125rem);
    transform: translateX(-3.125rem);
  }
  71% {
    -moz-transform: translateX(10.625rem);
    transform: translateX(10.625rem);
  }
  100% {
    -moz-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
}
@-o-keyframes animationMove {
  0% {
    -o-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
  31% {
    -o-transform: translateX(-3.125rem);
    transform: translateX(-3.125rem);
  }
  71% {
    -o-transform: translateX(10.625rem);
    transform: translateX(10.625rem);
  }
  100% {
    -o-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
}
@keyframes animationMove {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    -moz-transform: translate(0px, 0px) rotate(0deg);
    -o-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
  31% {
    -webkit-transform: translateX(-3.125rem);
    -moz-transform: translateX(-3.125rem);
    -o-transform: translateX(-3.125rem);
    transform: translateX(-3.125rem);
  }
  71% {
    -webkit-transform: translateX(10.625rem);
    -moz-transform: translateX(10.625rem);
    -o-transform: translateX(10.625rem);
    transform: translateX(10.625rem);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    -moz-transform: translate(0px, 0px) rotate(0deg);
    -o-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
}
.bai-head .head-en span::before {
  background: #0770ac;
}
.index-innovations {
  overflow: hidden;
}
.shang-div {
  margin: 2rem 0;
  padding: 2rem 0;
  color: #585858;
  text-align: justify;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.25rem;
  /* 180% */
  border-top: 1px solid #DADADA;
}
.shang-div a {
  color: #585858;
}
.shang-div a:hover {
  color: #0770ac;
}
.xingguan-ul li .title:hover a {
  color: #0770ac;
}
.heixian-ul1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.heixian-ul1 li {
  text-align: center;
  width: 32%;
  margin: 0.6%;
  padding: 3rem 0.8rem;
  border: 1px solid #EAEAEA;
  background: linear-gradient(0deg, #F4F4F4 3.97%, #FFF 96.55%), #F2F2F2;
}
.heixian-ul1 li .pp1 {
  margin-top: 1rem;
  color: #7B7A7A;
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.technology-con {
  margin-top: 2rem;
}
.technology-con .pp4 {
  color: #1B1C21;
  text-align: justify;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.risc-div-ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -2%;
}
.risc-div-ul li {
  width: 46%;
  margin: 2rem 2% ;
  padding-left: 7rem;
}
.risc-div-ul li .img-tu {
  width: 4.625rem;
  height: 4.625rem;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  background: #fff;
  border-radius: 100%;
  border: 1px solid #EBEBEB;
}
.risc-div-ul li .pp2 {
  color: #000;
  text-align: justify;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem;
  /* 116.667% */
}
.risc-div-ul li .div-sp {
  color: #838383;
  text-align: justify;
  margin-top: 0.8rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.ying-ip .heixian-ul1 li {
  width: 23%;
}
.shangta-div-con .heixian-ul1 li {
  border: 1px solid #EAEAEA;
  margin: 0;
  background: #fff;
  width: 20%;
}
.shangta-div-con .heixian-ul1 li .pp1 {
  color: #838383;
}
.hes-p {
  color: #1B1C21;
  text-align: justify;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem;
  /* 187.5% */
}
.ronghe-div-con .rigju {
  padding-right: 5rem;
}
.ronghe-div-con .ronghe-div-ul li {
  padding: 1.8rem 0;
  padding-left: 7rem;
}
.ronghe-div-con .ronghe-div-ul li .img-tu {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
.ronghe-div-con .ronghe-div-ul li .div-sp {
  color: #1B1C21;
  text-align: justify;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.unit .heixian-ul1 li {
  background: #FFF;
}
.unit .heixian-ul1 li .pp1 {
  color: #838383;
}
.re-box {
  width: 90% ;
  margin: 0 auto;
  height: 17.6875rem;
  border-radius: 50%;
  border: 1px solid #A5A5A5;
  background: #FFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.re-box .re-box2 {
  width: 90%;
  border-radius: 50%;
  height: 67%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border: 1px solid #0770ac;
  background: #FDF2F3;
  color: rgba(230, 0, 18, 0.5);
  text-align: justify;
  font-size: 2.85975rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.reram {
  margin-top: 5rem;
  padding: 6rem 0;
}
.reram .re-box-ul {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.reram .re-box-ul li {
  position: absolute;
  text-align: center;
}
.reram .re-box-ul li .pp5 {
  color: #000;
  text-align: justify;
  margin: 0.7rem 0;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.reram .re-box-ul li:nth-child(1) {
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  top: -2%;
}
.reram .re-box-ul li:nth-child(2) {
  top: 43%;
  right: 0;
}
.reram .re-box-ul li:nth-child(3) {
  bottom: 0;
  right: 30%;
}
.reram .re-box-ul li:nth-child(4) {
  bottom: 0;
  left: 30%;
}
.reram .re-box-ul li:nth-child(5) {
  top: 43%;
  left: 2%;
}
.heixian-ul3 li {
  width: 25%;
  margin: 0%;
  position: relative;
}
.heixian-ul3 li::after {
  content: '';
  position: absolute;
  width: 2.25rem;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  top: -1px;
  background: #0770ac;
}
.erdiv {
  line-height: 1;
  text-align: center;
  padding: 0rem  1rem ;
  margin-left: 1rem;
  margin-bottom: 2rem;
  border-right: 1px solid #ccc;
}
.erdiv a:hover {
  color: #0770ac;
}
.heixian-ul1 li {
  cursor: pointer;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.heixian-ul1 li:hover {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  background: #FDF2F3;
}
.heixian-ul1 li:hover img {
  animation: swing 1s infinite linear;
}
.risc-div-ul li .img-tu {
  cursor: pointer;
}
.risc-div-ul li .img-tu:hover img {
  animation: swing 1s infinite linear;
}
.reram .re-box-ul li .overh {
  cursor: pointer;
}
.reram .re-box-ul li .overh:hover img {
  animation: swing 1s infinite linear;
}
@media (max-width: 767px) {
  .risc-div-ul li {
    padding-left: 5.5rem;
  }
  .contact .contact-us-top .pp1 {
    font-size: 1.1rem;
  }
  .contact .contact-us-top .lx-con {
    font-size: 1rem;
  }
  .about-us .re .div3 {
    font-size: 1rem;
  }
  .map-d-ul li:nth-child(1) {
    left: 35%;
  }
  .map-d-ul li .ming {
    font-size: 0.6rem;
  }
  .map-d-ul li .divs-con {
    left: 4rem;
    width: 14rem;
    z-index: 2;
    height: auto;
    padding: 0.5rem;
  }
  .map-d-ul li .divs-con .p-title {
    font-size: 1rem;
  }
  .map-d-ul li .divs-con .div-con1 {
    font-size: 0.8rem;
  }
  .technology-con .pp4 {
    font-size: 1.125rem;
  }
  .heixian-ul1 li {
    width: 100%;
    padding: 1rem;
    margin: 0.5rem 0;
  }
  .heixian-ul1 li .pp1 {
    margin-top: 0;
  }
  .risc-div-ul li {
    width: 100%;
    margin: 1rem ;
  }
  .risc-div-ul li .pp2 {
    font-size: 1.125rem;
  }
  .ying-ip .heixian-ul1 li {
    width: 100%;
    margin: 0.5rem 0;
  }
  .shangta-div-con .heixian-ul1 li {
    width: 100%;
    margin: 0.5rem 0;
  }
  .reram .re-box-ul li:nth-child(1) {
    width: 100%;
  }
  .reram .re-box-ul li .overh img {
    width: 70px;
  }
  .re-box {
    width: 80%;
  }
  .reram .re-box-ul li:nth-child(2) {
    text-align: right;
  }
  .reram .re-box-ul li:nth-child(4) {
    bottom: 3%;
    left: 21%;
  }
  .reram .re-box-ul li:nth-child(5) {
    left: 0;
    text-align: left;
  }
  .reram .re-box-ul li:nth-child(3) {
    right: 21%;
    bottom: 3%;
  }
}
.social-share .social-share-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  line-height: normal;
}
.feng .social-share a {
  line-height: 32px;
}
.partner .partner-con .swiper-slide {
  cursor: pointer;
}
.partner .partner-con .swiper-slide img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.partner .partner-con .swiper-slide:hover img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  /* IE 9 */
  -moz-transform: scale(1.1);
  /* Firefox */
  -webkit-transform: scale(1.1);
  /* Safari 和 Chrome */
  -o-transform: scale(1.1);
}
.partner .partner-con .swiper-slide .map-d-ul li .ming {
  font-size: 0.8rem;
}
.plan-top {
  background: linear-gradient(0deg, #F4F4F4 3.97%, #FFF 96.55%);
}
.er-div-box .re .er-box2 {
  width: 50%;
  text-align: left;
  padding: 0 3rem;
  min-height: 15rem ;
}
.er-div-box .re .er-box:last-child {
  border-right: none;
}
.yauyans {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 70px;
  font-size: 16px;
}
.new-xqq .social-share a {
  line-height: 32px;
 
}
.foot-fot1 .banquan{ text-align:center;}
.foot-fot1 .banquan a {
  color: #FFF;
}
.pagination {
  justify-content: center;
  margin-top: 3rem;
}
.pagination li {
  width: 2.5rem;
  text-align: center;
  line-height: 2.4rem;
  border: 1px solid #ddd;
  margin: 0 0.125rem;
  border-radius: 0%;
  padding: 0 !important;
  background: #fff;
  height: 2.5rem;
  color: #0770ac;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.pagination li a {
  color: #0770ac;
  display: block;
}
.pagination li.active,
.pagination li:hover {
  border-color: #0770ac;
  color: #fff;
  background: #0770ac;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.pagination li.active span,
.pagination li:hover span,
.pagination li:hover a {
  color: #fff;
}
.pagination li a {
  position: relative;
  display: block;
  z-index: 1;
  overflow: hidden;
}
.social-share .icon-wechat:hover .wechat-qrcode{
  z-index: 99999;
}