@charset "utf-8";

.contain {
  width: 1200px;
  margin: 0 auto;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: ""
}

.clearfix:after {
  clear: both
}

/*初始化按钮*/
.btn {
  display: inline-block;
  text-align: center;
  padding: 0px;
  border: 0px;
  margin: 0px;
  position: relative;
  cursor: pointer;
}

.btn span {
  display: inline-block;
}

/*通用img*/
img.rollover {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  filter: Alpha(opacity=0);
  z-index: 2;
}

input.text,
textarea.text {
  display: block;
  padding: 0px;
  width: 100%;
  border: 0px;
  background: none;
  margin: 0px;
}

/*--- Header ---*/
.Header-wrapper {
  z-index: 99;
}

.Header-wrapper .Header-cl {
  height: 72px;
  position: relative;
}

.header-container {
  background-color: rgb(0, 0, 0, 0);
  width: 100%;
  color: #fff;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 90;
  border-bottom: 1px solid rgb(254 254 254 / 10%);
  transition: background-color .5s ease-in-out;
}

.header-container.black {
  background-color: rgb(0 0 0 / 80%);
}


.header-container.white {
  background-color: rgba(0, 0, 0, 0.8);
}

.header-container.white .Hnav .Hname {
  color: #fff;
}

.header-container.white .Hnav .Hname {
  color: #fff;
}

.header-container.white .Hnav>li.cur .Hname,
.header-container.white .Hnav>li:hover .Hname {
  color: #fff;
}

.Hlogo {
  height: 72px;
  line-height: 72px;
  font-size: 0px;
  float: left;
  overflow: hidden;
  padding-top: 0px;
}

.Hnav {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.Hnav>li {
  margin: 0 110px 0 0;
}

/* .Hnav>li:first-child {
  margin: 0px;
} */

.Hnav .Hname {
  display: block;
  /* padding: 0 .26rem; */
  line-height: 69px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}

.Hn2nd-wrap {
  width: 100%;
  padding: 30px 0 10px;
  font-size: 0px;
  background: rgba(0, 0, 0, 0.9);
  border-top: 1px solid rgba(254, 254, 254, 0.3);
  position: absolute;
  top: 72px;
  left: 0px;
  display: none;
}

.Hn2nd-wrap.solution {
  width: auto;
  padding: 30px 0 10px 30px;
  left: calc(50% - 250px);
}

.Hn2nd-wrap.business {
  width: auto;
  padding: 30px 0 10px 30px;
  left: calc(50% + 50px);
}

.Hn2nd-box {
  font-size: 14px;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  width: 1200px;
  margin: 0 auto;
}

.Hn2nd-img {
  text-align: center;
  float: left;
  width: 309px;
}

.Hn2nd-img img {
  width: 309px;
  height: 309px;
  object-fit: cover;
}

.Hn2nd-img .type {
  line-height: 23px;
  font-size: 16px;
  color: #fff;
  margin: 10px 0 0;
}

.Hn2nd-box .Hsplit {
  display: block;
  width: 0px;
  height: 150px;
  background: #e1e1e1;
  margin: 0 100px 0 95px;
}

.Hn2nd-list {
  float: left;
  margin: -22px 0 0 -58px;
}

.Hn2nd-list a,
.Hn2nd-nav .type {
  color: #eee;
  display: inline-block;
  /* width: 100%; */
  padding: 0 0 6px;
  line-height: 26px;
  border-bottom: 1px solid rgb(225 225 225 / 40%);
  position: relative;
  margin: 22px 0 0 0px;
}

.Hn2nd-list a:after,
.Hn2nd-nav .type:after {
  content: "";
  display: block;
  width: 0px;
  height: 1px;
  background: rgb(229 0 18 / 40%);
  position: absolute;
  left: 0px;
  bottom: -1px;
}

.Hn2nd-list a:hover:after,
.Hn2nd-nav:hover .type:after {
  width: 100%;
}

/*集团概况*/
.Hn2nd-box.Hn2nd-abUs {
  left: 3.24rem;
}

/*投资者关系*/
.Hn2nd-box.Hn2nd-IR {
  right: 2.95rem;
  float: right;
}


.HcommSrv-left {
  margin: 0 40px 0 0;
}

.HcommSrv-left .bg {
  width: 110%;
  height: 110%;
  position: absolute;
  top: -5%;
  left: -5%;
}

/*云网络*/
.Hn2nd-box.Hn2nd-cWeb {
  float: right;
  margin: 0 1rem 0 0;
}

.Hn2nd-box.Hn2nd-cWeb .Hsplit {
  margin: 0 .35rem 0 1rem;
}

.Hn2nd-nav {
  margin: 0 60px 30px 0;
  width: 250px;
}

.Hn2nd-nav .type {
  display: inline-block;
  /* width: 100%; */
  margin: 0px 0px 11px;
  font-size: 16px;
}

.Hn2nd-nav dl {
  clear: both;
}

.Hn2nd-nav dl dt {
  padding: 0 0 0 22px;
  line-height: 30px;
  font-size: 13px;
  color: #444;
}

.Hn2nd-nav dl dd a {
  display: block;
  line-height: 30px;
  font-size: 14px;
  color: #eee;
}

.Hn2nd-nav.Hn2nd-nav2 {
  width: 4.14rem;
}

.Hn2nd-nav2 ul li {
  width: 45%;
  float: left;
}

.Hn2nd-nav2 ul li:nth-child(2n) {
  float: right;
}

.Hn2nd-nav a:hover {
  color: #e50012;
}

.Hn2nd-nav a.group {
  font-weight: bold;
}

.Hn2nd-nav a.group:hover {
  color: #eee;
}


.Hnav>li.cur .Hname,
.Hnav>li:hover .Hname {
  color: #fff;
  border-bottom: 3px solid #e50012;
}

.Hnav>li:active .Hname {
  color: #fff;
  border-bottom: 3px solid #e50012;
}

.Hnav li:hover .Hn2nd-wrap {
  display: block;
  -webkit-animation: opGradient .4s;
  animation: opGradient .4s;
}

@-webkit-keyframes opGradient {
  0% {
    -webkit-transform: translate3d(0, -10px, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes opGradient {
  0% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

/*搜索*/
.Hsrch {
  position: relative;
  float: right;
  margin: 0 .24rem 0 .03rem;
}

.Hsrch-menu {
  display: block;
  width: 38px;
  height: 72px;
  transition: none !important;
  -webkit-transition: none !important;
}

.Hsrch-box {
  padding: 0 60px 0 10px;
  width: 330px;
  height: 50px;
  background: #fff;
  position: absolute;
  top: 72px;
  right: 0px;
  z-index: 2;
  display: none;
}

.Hsrch-box .text {
  width: 100%;
  height: 48px;
}

.Hsrch-box .btn {
  width: 50px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
}

.Hsrch-box i {
  display: block;
  width: 1px;
  height: 16px;
  background: #ccc;
  position: absolute;
  right: 50px;
  top: 50%;
  margin: -8px 0 0;
}

/*语言*/
.Hlang {
  display: block;
  padding: 0 14px 0 26px;
  height: 72px;
  line-height: 72px;
  font-weight: lighter;
  color: #444;
  position: relative;
  float: right;
}

.Hlang:after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background: #a1a1a1;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -8px;
}


/*右侧内容*/

.Hmenu-btn-hr.Hmenu-btn {
  float: right;
}

.Header-right {
  padding: 72px 0 0;
  width: 333px;
  height: 100%;
  background: #f5f5f5;
  position: fixed;
  right: -333px;
  top: 0px;
  overflow-y: auto;
  z-index: 100;
}

.HeaderRight-box {
  padding: 29px 32px 30px;
  border-top: 1px solid #e1e1e1;
}

.HRb-com {
  padding: 0 0 27px;
  border-bottom: 1px solid #dfdfdf;
}

.HRb-com .logo {
  height: 28px;
}

.HRb-com .name {
  line-height: 31px;
  font-size: 16px;
  margin: 15px 0 0;
}

.HRb-child {
  margin: 34px 0 0;
}

.HRb-child .type,
.HRb-link .type {
  line-height: 26px;
  font-size: 16px;
  margin: 0 0 10px;
}

.HRb-child .con {
  line-height: 24px;
  padding: 5px 0;
  color: #777777;
}

.HRb-child .con:hover {
  color: #e50012;
}

.HRb-link {
  margin: 34px 0 0;
}

.HRb-link ul {
  margin: 16px 0 0;
}

.HRb-link ul li {
  padding: 7px 0;
}

.HRb-link ul li .btn {
  width: 190px;
  height: 42px;
  line-height: 40px;
  color: #666666;
  border-radius: 42px;
  border: 1px solid #c6c6c6;
}

.HRb-link ul li .btn i {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: -2px 15px 0 0;
  vertical-align: middle;
}


.HRb-link ul li .btn:hover {
  color: #fff;
  border-color: #e50012;
  background: #e50012;
}

/*--- Footer ---*/
.Footer-wrapper {}

.Fcr {
  padding: 20px 0;
  line-height: 20px;
  text-align: center;
  font-size: 13px;
  color: rgba(255, 255, 255, .3);
  background: #1c1c1c;
}

.Footer-container {
  padding: 55px 0 64px;
  color: #fff;
  background: #252525;
}

.Fcon {
  float: left;
  margin: 30px 0 0;
}

.Flogo img {
  max-width: 195px;
}

.Fticker {
  line-height: 24px;
  color: #666666;
  margin: 10px 0 0;
}

.Fshare {
  margin: 25px 0 0;
}

.Fshare a {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 34px;
  font-size: 0px;
  text-align: center;
  border-radius: 100%;
  border: 1px solid #969696;
  margin: 0 20px 0 0;
  position: relative;
}

.Fnav {
  width: 9.5%;
  float: left;
}

.Fnav dt .type,
.Fct dt {
  line-height: 31px;
  font-size: 15px;
}

.Fnav dt .split {
  display: block;
  width: 16px;
  height: 1px;
  background: #fff;
  margin: 5px 0 12px 2px;
}

.Fnav dd a {
  display: block;
  padding: 5px 10px 5px 0;
  line-height: 22px;
  opacity: .6;
}

.Fnav dd a:hover {
  opacity: 1;
}

.fewm {
  background: #fff;
  position: absolute;
  top: 50px;
  left: 0;
  right: -47px;
  margin: 0 auto;
  width: 96px;
  display: none;
}

.fewm img {
  width: 96px;
  height: 96px;
  object-fit: cover;
}

.Fshare a:hover .fewm {
  display: block;
}

.Fct {
  float: right;
}

.Fct .tel {
  line-height: 28px;
  font-size: 24px;
  opacity: .75;
}

.Fct .wx-code {
  display: inline-block;
  text-align: center;
  margin: 14px 0 0;
}

.Fct .wx-code img {
  max-width: 96px;
}

.Fct .wx-code .t {
  line-height: 24px;
  font-size: 13.21px;
  color: #b6b6b6;
  margin: 5px 0 0;
}

.Footer-container .Fsplit {
  display: block;
  width: 1px;
  height: 185px;
  background: #fff;
  opacity: .12;
  float: left;
  margin: 0 7.5% 0 6.5%;
}

.Footer-container .Fsplit.Fs2 {
  margin: 0 0 0 1.166666666666667%;
}

.Footer-wrapper.on .Fnav dd {
  display: block !important;
}

/*--- Banner ---*/
.bnr-img {
  display: block;
  width: 100%;
  height: auto;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
}

.index-bnr .bnr-img {
  height: 855px;
}

.index-bnr .swiper-pagination {
  font-size: 0px;
  bottom: 8.070175438596491% !important;
  opacity: .75;
}

.index-bnr .swiper-pagination-bullet {
  width: 60px;
  height: 6px;
  border-radius: 6px;
  background: #fff;
  position: relative;
  overflow: hidden;
  margin: 0 8px;
  opacity: 1;
}

.index-bnr .swiper-pagination-bullet-active {}

.index-bnr .swiper-pagination .swiper-pagination-bullet i {
  display: block;
  width: 100%;
  height: 100%;
  background: #e50012;
  position: absolute;
  left: -100%;
  top: 0px;
}

.index-bnr .bnr-bg {
  width: 100%;
  height: 100%;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: absolute;
  top: 0px;
  left: 0px;
}

/*iBnr-1*/
.iBnr1-box {
  text-align: center;
  color: #fff;
  z-index: 2;
}

.iBnr1-box .t1 {
  line-height: 76px;
  font-size: 60px;
  font-weight: lighter;
}

.iBnr1-box .t2 {
  line-height: 34px;
  font-size: 18px;
  font-weight: lighter;
  text-transform: uppercase;
  font-family: '微软雅黑';
  letter-spacing: 2px;
}

.iBnr1-box .iBnr1-block {
  width: 830px;
  height: 267px;
  position: relative;
  margin: -28px 0 0;
}

.iBnr1-block .orn1 {
  display: block;
  width: 89px;
  height: 89px;
  line-height: 89px;
  font-size: 18px;
  font-weight: lighter;
  position: absolute;
  left: 0px;
  top: 32px;
}

.iBnr1-block .orn1:after,
.iBnr1-block .orn3:after,
.iBnr1-block .orn5:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -2;
}

.iBnr1-block .orn2 {
  display: block;
  width: 42px;
  height: 42px;
  position: absolute;
  bottom: 0px;
  left: 145px;
}

.iBnr1-block .orn3 {
  display: block;
  width: 103px;
  height: 103px;
  line-height: 103px;
  font-size: 18px;
  font-weight: lighter;
  position: absolute;
  bottom: 4px;
  left: 339px;
}

.iBnr1-block .orn4 {
  display: block;
  width: 42px;
  height: 42px;
  position: absolute;
  bottom: 70px;
  left: 621px;
}

.iBnr1-block .orn5 {
  display: block;
  width: 93px;
  height: 92px;
  line-height: 92px;
  font-size: 18px;
  font-weight: lighter;
  position: absolute;
  top: 0px;
  right: 0px;
}


.iBnr1-block .orn1:after,
.iBnr1-block .orn2,
.iBnr1-block .orn3:after,
.iBnr1-block .orn4,
.iBnr1-block .orn5:after {
  animation-iteration-count: infinite;
  animation: rotation 3.5s linear infinite;
  -webkit-animation: rotation 3.5s linear infinite;
  -moz-animation: rotation 3.5s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@-moz-keyframes rotation {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(-360deg);
  }
}

#index-webBnr {
  display: none;
}

.banner-container {
  position: relative;
}

.bnr-img.page-bnr {
  height: 500px;
}

/*iBnr-2*/
.iBnr2-box {
  padding: 26px 0 20px;
  width: 765px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, .4);
  position: absolute;
  top: 39.53216374269006%;
  left: 50%;
  margin: 0 0 0 -382px;
}

.iBnr2-box .t1 {
  line-height: 62px;
  font-size: 42px;
  font-weight: lighter;
  letter-spacing: 8px;
}

.iBnr2-box .t2 {
  line-height: 34px;
  font-size: 16px;
  font-weight: lighter;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/*iBnr-3*/
.iBnr3-box {
  padding: 0 0 0 .9rem;
  width: 100%;
  text-align: center;
  color: #fff;
  position: absolute;
  left: 0px;
  top: 47.36842105263158%;
  z-index: 8;
}

.iBnr3-box .t1 {
  line-height: 63px;
  font-size: 48px;
  font-weight: lighter;
  letter-spacing: 5px;
}

.iBnr3-box .t2 {
  line-height: 30px;
  font-size: 16px;
  font-weight: lighter;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.iBnr-3 .orn1 {
  width: 100%;
  height: 947px;
  position: absolute;
  left: 0px;
  top: -114px;
  z-index: 2;
  opacity: .6;
  animation: orn1 20s linear infinite;
  -webkit-animation: orn1 20s linear infinite;
  transform-origin: 52.96875% 471px;
  -webkit-transform-origin: 52.96875% 471px;
}

.iBnr-3 .orn2 {
  width: 100%;
  height: 835px;
  position: absolute;
  left: 0px;
  top: -58px;
  z-index: 2;
}

.iBnr-3 .orn3 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0;
  z-index: 3;
  opacity: .4;
  animation: orn3 20s linear infinite;
  -webkit-animation: orn3 20s linear infinite;
  transform-origin: 52.08333333333333% 389px;
  -webkit-transform-origin: 52.08333333333333% 389px;
}

.iBnr-3 .orn4 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 4;
}

.iBnr-3 .orn5 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
}

.iBnr-3 .orn6 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 8;
}


@keyframes orn1 {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@keyframes orn3 {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

/*iBnr-4*/
.iBnr4-box {
  text-align: center;
  color: #fff;
}

.iBnr4-box .t1 {
  line-height: 66px;
  font-size: 48px;
  font-weight: lighter;
}

.iBnr4-box .t2 {
  line-height: 17px;
  font-size: 12px;
  font-weight: lighter;
  text-transform: uppercase;
  font-family: '微软雅黑';
  margin: 30px 0 0;
}


/*--- Container ---*/
.p-title {
  text-align: center;
}

.p-title .t {
  line-height: 49px;
  font-size: 30px;
}

.p-title .s {
  display: block;
  width: 20px;
  height: 3px;
  background: #e50012;
  margin: 10px auto 0;
}

.p-title .c {
  line-height: 27px;
  font-size: 16px;
  color: #666666;
  margin: 13px 0 0;
}

/*通用分类*/
.pubsort {
  border-bottom: 1px solid #e1e1e1;
  height: 63px;
}

.pubsort ul li {
  display: inline-block;
  height: 63px;
  line-height: 63px;
  margin-right: 80px;
}

.pubsort ul li a {
  display: block;
}

.pubsort ul li a:hover,
.pubsort ul li.on a {
  color: #e50012;
}

/*-- 首页 --*/

/*我们的产品*/
.index-pro {}

.Ipro-nav a {
  display: block;
  width: 33.3333%;
  padding: 25px 0;
  line-height: 50px;
  text-align: center;
  font-size: 0px;
  color: #666666;
  float: left;
}

.Ipro-nav a .icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  margin: 0 4px 0 0;
}

.Ipro-nav a span {
  font-size: 18px;
  vertical-align: middle;
}

.Ipro-nav a.cur {
  color: #fff;
  background: #e50012;
}

.Ipro-box {
  display: none;
}

.Ipro-box .Ipro-block {
  padding: 13px 0 0;
  width: 41.5%;
  float: left;
}

.Ipro-block .name {
  line-height: 47px;
  font-size: 30px;
}

.Ipro-block .split {
  display: block;
  width: 20px;
  height: 3px;
  background: #e50012;
  margin: 20px 0 37px;
}

.Ipro-block .con {
  max-height: 108px;
  line-height: 36px;
  font-size: 15px;
  color: #777777;
}

.Ipro-block .btn {
  display: block;
  width: 181px;
  height: 55px;
  line-height: 53px;
  border: 1px solid #999999;
  margin: 61px 0 0;
}

.Ipro-block .btn:hover {
  border-color: #e50012;
  background: #e50012;
}

.Ipro-block .btn:hover span {
  padding: 0px;
  color: #fff;
  background-position: 100px center;
}

.Ipro-box .Ipro-img {
  padding: 55px 0 0;
  width: 39.75%;
  float: right;
  position: relative;
}

.Ipro-img .IpImg-1 {
  display: block;
  width: 237px;
  height: 277px;
  box-shadow: 0px 10px 21px rgba(0, 0, 0, .5);
  position: absolute;
  top: 0px;
  left: -80px;
}

.Ipro-img .IpImg-2 {
  width: 100%;
  height: 312px;
  object-fit: cover;
}

/*关于我们*/
.index-abUs {
  background: #f5f5f5;
}


/*视频*/
.index-media {
  height: 580px;
  padding: 163px 0 190px;
  text-align: center;
  position: relative;
  background: #000;
  overflow: hidden;
}

.index-media .t1 {
  /*font:61.52px/84px '叶根友毛笔行书2.0版';*/
  height: 84px;
  color: #fff;
  position: relative;
  z-index: 6;
}

.index-media .t1 img {
  width: auto;
  height: 100%;
}

.index-media .t2 {
  line-height: 32px;
  font-size: 24px;
  color: #e8e8e8;
  margin: 10px 0 0;
  position: relative;
  z-index: 6;
}

.index-media .bg,
.index-media .orn1,
.index-media .orn2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.index-media .orn1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  animation: bg 50s linear infinite;
  z-index: 5;
}

.index-media .orn2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  animation: bg 50s linear infinite;
  z-index: 5;
}

@keyframes bg {
  0% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(-200px, 0, 0);
  }

  100% {
    transform: translate3d(0px, 0, 0);
  }
}

@keyframes bg2 {
  0% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(800px, 0, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

.index-media .bg {
  transition: all 3s ease-in-out .2s;
  -webkit-transition: all 3s ease-in-out .2s;
}

.index-media .bg {
  opacity: 1;
}

/*.index-media .bg{transform:scale(.8);-webkit-transform:scale(.8);}
.index-media.active .bg{transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1);opacity:1;}
*/
.index-media .bg,
.index-media .orn1,
.index-media .orn2 {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
}


/*.index-media{height:580px;background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important;position:relative;}*/
.index-media .Imedia-con,
.index-media .mejs-container,
.index-media .Imedia-con video,
.index-media .mejs-overlay-play {
  width: 100% !important;
  height: 100% !important;
}

/*.index-media .mejs-overlay-button{display:none;}*/
.index-media .Imedia-con {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
}

.index-media .Imedia-btn {
  display: block;
  text-align: center;
  z-index: 5;
}

.Imedia-btn .btn {
  display: block;
  width: 90px;
  height: 88px;
  margin: 0 auto 28px;
  transition: all .6s ease-in-out;
  -webkit-transition: all .6s ease-in-out;
}

.Imedia-btn:hover .btn {
  transform: translate(0, -15px);
  -webkit-transform: translate(0, -15px);
}

.prtvideo .Imedia-con {
  display: none;
}

.IabUs-wrap {
  background: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
  position: relative;
  top: -.7rem;
  left: 0px;
  margin: -.3rem 0 0;
  z-index: 2;
}

.IabUs-wrap:before {
  content: "";
  display: block;
  width: 100px;
  height: 90%;
  box-shadow: -6px 0px 27px rgba(0, 0, 0, .8);
  background: none;
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: -2;
  transform: skew(4deg) rotate(0deg);
}

.IabUs-wrap:after {
  content: "";
  display: block;
  width: 100px;
  height: 90%;
  box-shadow: 6px 0px 27px rgba(0, 0, 0, .8);
  background: none;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: -2;
  transform: skew(-4deg) rotate(0deg);
}

.IabUs-wrap ul {
  text-align: center;
  background: #fff;
  position: relative;
  z-index: 2;
}

.IabUs-wrap ul li {
  width: 33.3334%;
  float: left;
}

.IabUs-wrap .IabUs-box {
  display: block;
  padding: 41px 0 0;
  position: relative;
}

.IabUs-box .IabUs-icon {
  width: 132px;
  height: 132px;
  line-height: 130px;
  font-size: 0px;
  border-radius: 100%;
  border: 1px solid #d8d8d8;
  overflow: hidden;
  margin: 0 auto;
}

.IabUs-box .IabUs-block {
  padding: 26px 11.25% 25px;
  margin: 22px 0 0;
}

.IabUs-block .type {
  line-height: 34px;
  font-size: 20px;
}

.IabUs-block .con {
  line-height: 27px;
  height: 54px;
  color: #777777;
  margin: 15px 0 0;
}

.IabUs-box:after {
  content: "";
  display: block;
  width: 20px;
  height: 6px;
  position: absolute;
  bottom: 19px;
  right: 26px;
  opacity: 0;
  transform: translateX(-20px);
  -webkit-transform: translateX(-20px);
}

.IabUs-wrap ul li:nth-child(2),
.IabUs-box .IabUs-block {
  background: #f0f0f0;
}

.IabUs-wrap ul li:nth-child(2) .IabUs-block {
  background: #fff;
}


.IabUs-box:hover {
  box-shadow: 0px 4px 18px rgba(255, 2, 22, .16);
  transition: all .3s cubic-bezier(.55, 0, .1, 1);
  z-index: 2;
}

.IabUs-box:hover .IabUs-icon {
  border-color: #e71122;
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
}

.IabUs-box:hover .IabUs-block {
  background: #e50012 !important;
}

.IabUs-box:hover .IabUs-block .type,
.IabUs-box:hover .IabUs-block .con {
  color: #fff;
}

.IabUs-box:hover:after {
  opacity: 1;
  transform: translateX(0);
  -webkit-transform: translateX(0);
}

.index-abUs.cur {
  padding: 0 0 30px;
}

.index-abUs.cur .IabUs-wrap {
  top: 0px;
  margin: 30px 0 0;
}

/*新闻*/
.index-news {
  padding: 50px 0 66px;
}

.Inews-nav {
  text-align: center;
  font-size: 0px;
  margin: 25px 0 0;
}

.Inews-nav a {
  display: inline-block;
  width: 148px;
  height: 48px;
  line-height: 46px;
  font-size: 15px;
  color: #666666;
  border: 1px solid #cecccc;
  margin: 0 6px;
}

.Inews-nav a.cur,
.Inews-nav a:hover {
  color: #fff;
  border-color: #e50012;
  background: #e50012;
}

.Inews-wrap {
  margin: 50px 0 0;
  display: none;
}

.Inews-1st {
  display: block;
  width: 47.5%;
  height: 395px;
  color: #fff;
  position: relative;
  overflow: hidden;
  float: left;
}

.Inews-1st .In1st-box {
  padding: 7px 100 9px 3.3333%;
  padding: 7px calc(86px + 4%) 9px 3.3333%;
  width: 100%;
  background: rgba(0, 0, 0, .6);
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.In1st-box .t {
  line-height: 36px;
  font-size: 16px;
  font-weight: 600;
}

.In1st-box .c {
  line-height: 30px;
}

.Inews-1st .In1st-date {
  padding: 10px 0 11px;
  width: 86px;
  text-align: center;
  font-size: 18px;
  background: #e50012;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 2;
}

.In1st-date .d,
.Inews-date .d {
  line-height: 26px;
  font-weight: 600;
}

.In1st-date .y,
.Inews-date .y {
  line-height: 24px;
}

.In1st-date .s,
.Inews-date .s {
  display: block;
  width: 63px;
  height: 1px;
  background: #fff;
  margin: 5px auto;
}

.Inews-swiper {
  width: 46.6666%;
  float: right;
}

.Inews-box {
  display: block;
  padding: 3px 0 0 114px;
  position: relative;
  overflow: hidden;
  margin: 38px 0 0;
}

.Inews-box:first-child {
  margin: 0px;
}

.Inews-box .Inews-date {
  padding: 9px 0 10px;
  width: 86px;
  text-align: center;
  font-size: 18px;
  color: #666666;
  border: 1px solid #b4b4b4;
  position: absolute;
  left: 0px;
  top: 0px;
}

.Inews-date .s {
  background: #bdbdbd;
}

.Inews-box .name {
  line-height: 22px;
  font-size: 16px;
  font-weight: 600;
}

.Inews-box .con {
  height: 54px;
  line-height: 27px;
  color: #666666;
  margin: 10px 0 0;
}

.InSwiper-pagination {
  text-align: center;
  font-size: 0px;
  position: relative;
  bottom: 0px;
  margin: 50px 0 0;
}

.InSwiper-pagination .swiper-pagination {
  display: inline-block !important;
  padding: 0 14px;
  background: #ffffff;
  position: relative !important;
  bottom: 0px !important;
  z-index: 2;
}

.InSwiper-pagination .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #d4d4d4;
  opacity: 1;
  margin: 0 5px;
  cursor: pointer;
}

.InSwiper-pagination .swiper-pagination .swiper-pagination-bullet-active {
  background: #e50012;
}

.InSwiper-pagination:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #e1e1e1;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -1px;
}

.Inews-box:hover .name {
  color: #e50012;
}

.Inews-box:hover .Inews-date {
  background: #e50012;
  border-color: #e50012;
}

.Inews-box:hover .Inews-date .d,
.Inews-box:hover .Inews-date .y {
  color: #fff;
}

.Inews-box:hover .Inews-date .s {
  background: #fff;
}

/*-- 通信服务 --*/

.commSrv-nav {
  width: 100%;
  background: rgba(0, 0, 0, .35);
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.commSrv-nav a {
  display: block;
  padding: 12px 0 9px;
  width: 16.6667%;
  text-align: center;
  float: left;
}

.commSrv-nav a img {
  width: 43px;
  opacity: .8;
}

.commSrv-nav a .name {
  line-height: 24px;
  font-size: 16px;
  color: #fff;
  margin: 10px 0 0;
}

.commSrv-nav a.cur,
.commSrv-nav a:hover {
  background: #e50012;
}

.commSrv-nav a.cur img,
.commSrv-nav a:hover img {
  opacity: 1;
}

/*简介*/
.commSrv-Ibrief {
  padding: 60px 0;
  background: #f5f5f5;
}

.csIbrief-box {
  padding: 22px 0 0;
  width: 51.75%;
  float: left;
}

.csIbrief-box .name {
  line-height: 48px;
  font-size: 30px;
}

.csIbrief-box .split {
  display: block;
  width: 20px;
  height: 3px;
  background: #e50012;
  margin: 20px 0 29px;
}

.csIbrief-box .con {
  line-height: 34px;
  color: #666666;
}

.csIbrief-img {
  width: 42.3333%;
  height: 304px;
  overflow: hidden;
  float: right;
}

.csIbrief-box .btn {
  display: block;
  width: 181px;
  height: 55px;
  line-height: 53px;
  border: 1px solid #999999;
  margin: 61px 0 0;
}

.csIbrief-box .btn span {
  padding: 0 25px 0 0;
  transition: all 0.3s ease-out;
}

.csIbrief-box .btn:hover {
  border-color: #e50012;
  background: #e50012;
}

.csIbrief-box .btn:hover span {
  padding: 0px;
  color: #fff;
  background-position: 100px center;
}


/*产品*/
.commSrv-Ipro {
  padding: 50px 0 60px;
}

.csIpro-swiper {
  position: relative;
}

.csIpro-swiper .swiper-container {
  width: 104%;
  padding: 40px 2% 50px;
  margin: 0 0 0 -2%;
}

.csIpro-box {
  display: block;
  text-align: center;
}

.csIpro-box .csIpro-img {
  width: 100%;
  height: 254px;
  object-fit: cover;
}

.csIpro-box .name {
  line-height: 25px;
  font-size: 18px;
  margin: 26px 0 0;
}

.csIpro-box .con {
  padding: 0 5.263157894736842%;
  line-height: 26px;
  height: 52px;
  color: #777777;
  margin: 15px 0 0;
}

.csIpro-box .btn {
  display: block;
  width: 100%;
  padding: 0 6.842105263157895%;
  line-height: 42px;
  text-align: left;
  font-size: 12px;
  color: #777777;
  background: #f2f2f2;
  position: relative;
  margin: 36px 0 0;
}

.csIpro-box .btn:after {
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  position: absolute;
  right: 6.842105263157895%;
  top: 0px;
}

.csIpro-box:hover:hover {
  box-shadow: 0 0 10px 4px #e1e1e1;
  transform: translate3d(0, -2px, 0);
  transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

.csIpro-box:hover .btn {
  color: #fff;
  background: #e50012;
}

.csIpro-swiper .swiper-pagination {
  font-size: 0px;
  position: relative;
  bottom: 0px;
}

.csIpro-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  background: #bababa;
  opacity: 1;
  margin: 0 6px;
}

.csIpro-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #e50012;
}

/*解决方案*/
.commSrv-Icase {
  padding: 40px 0 67px;
  background: #f5f5f5;
}

.csIcase-list {
  width: 104.1666%;
  margin: 0 0 0 -4.1666%;
}

.csIcase-list li {
  width: 50%;
  padding: 44px 0 0 3.999938559960678%;
  float: left;
}

.csIcase-list .csIcase-box {
  display: block;
  padding: 0 0 39px;
  background: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}

.csIcase-box img {
  width: 100%;
  height: 260px;
  object-fit: cover;
}

.csIcase-box .name {
  padding: 23px 5.217391304347826% 0;
  line-height: 31px;
  font-size: 18px;
}

.csIcase-box .con {
  padding: 0 5.217391304347826%;
  line-height: 30px;
  height: 60px;
  color: #777777;
  margin: 10px 0 0;
}

.csIcase-box:hover {
  box-shadow: 0 0 10px 4px #e1e1e1;
  transform: translate3d(0, -2px, 0);
  transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

/*- 产品列表 -*/
.csPro-container {
  padding: 46px 0 50px;
  background: #f2f2f2;
}

/*顶部*/

.csPro-top .csPtop-name {
  display: block;
  padding: 0 0 0 18px;
  line-height: 36px;
  font-size: 18px;
  position: relative;
  float: left;
}

.csPtop-name:after {
  content: "";
  display: block;
  width: 4px;
  height: 15px;
  background: #666666;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -7px;
}

.csPro-top .csPtop-nav {
  float: left;
}

.csPtop-nav a {
  display: block;
  padding: 0 10px;
  min-width: 102px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  color: #666666;
  border: 1px solid #d6d6d6;
  border-radius: 36px;
  margin: 0 10px;
  float: left;
}

.csPtop-nav a.cur,
.csPtop-nav a:hover {
  color: #fff;
  border-color: #e50012;
  background: #e50012;
}

.csPro-top .csPtop-locate {
  line-height: 36px;
  color: #999999;
  float: right;
}

.csPtop-locate a:first-child {
  display: inline-block;
  padding: 0 0 0 23px;
}

.csPtop-locate a:last-child {
  color: #555555;
}

.csPro-list {
  width: 103.3333%;
  margin: 14px 0 0 -3.3333%;
}

.csPro-list li {
  width: 50%;
  padding: 20px 0 20px 3.225775234121043%;
  float: left;
}

.csPro-list .csPlist-box {
  display: block;
  background: #fff;
  border: 1px solid #e1e1e1;
  position: relative;
}

.csPlist-box .csPlist-img {
  width: 46.02076124567474%;
  height: 272px;
  line-height: 272px;
  font-size: 0px;
  text-align: center;
  border-right: 1px solid #e1e1e1;
  overflow: hidden;
  float: left;
}

.csPlist-img img {
  max-width: 90%;
  max-height: 90%;
}

.csPlist-block {
  display: table;
  width: 43.25259515570934%;
  height: 272px;
  float: right;
  margin: 0 5.190311418685121% 0 0;
}

.csPlist-block .csPlist-con {
  display: table-cell;
  vertical-align: middle;
}

.csPlist-con .name {
  line-height: 28px;
  font-size: 18px;
}

.csPlist-con .con {
  line-height: 30px;
  color: #777777;
  margin: 10px 0 0;
}

.csPlist-box .btn {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  color: #a6a6a6;
  background: #efefef;
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.csPlist-box:hover {
  border-color: #e50012;
  box-shadow: 0 0 10px 4px #e1e1e1;
  transform: translate3d(0, -2px, 0);
  transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

.csPlist-box:hover .btn {
  color: #fff;
  background: #e50012;
}

.csPro-container .pagination {
  margin: 27px 0 0;
}

/*产品详情*/
.csPro-info {
  padding: 60px 0;
  background: #f5f5f5;
}

.csPinfo-swiper {
  width: 45.5%;
  background: #fff;
  position: relative;
  float: left;
}

.csPIswiper-man {
  width: 72.52747252747253%;
  float: left;
}

.csPIsMan-box {
  display: block;
  height: 300px;
  line-height: 301px;
  text-align: center;
  font-size: 0px;
  overflow: hidden;
}

.csPIsMan-box img,
.csPIsMin-box img {
  max-width: 98%;
  max-height: 98%;
}

.csPIswiper-min {
  width: 27.47252747252747%;
  height: 300px;
  overflow: hidden;
  float: right;
}

.csPIswiper-min .swiper-container {
  height: 300px;
}

.csPIsMin-box {
  display: block;
  height: 100px;
  line-height: 98px;
  text-align: center;
  border: 1px solid #e3e3e3;
  position: relative;
  overflow: hidden;
}

.csPIsMin-box.cur:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #e50012;
  position: absolute;
  top: 0;
  left: 0;
}

.csPIswiper-min .swiper-slide.swiper-slide-active .csPIsMin-box,
.csPIswiper-min .swiper-slide.swiper-slide-next .csPIsMin-box {
  border-bottom: 0px;
}

.csPinfo-box {
  padding: 10px 0 0;
  width: 44.25%;
  float: right;
  margin: 0 4.25% 0 0;
}

.csPinfo-box .name {
  line-height: 38px;
  font-size: 30px;
}

.csPinfo-box .con {
  line-height: 30px;
  color: #777777;
  margin: 36px 0 0;
}

.csPinfo-box .btn.dd-btn {
  display: block;
  width: 168px;
  height: 48px;
  line-height: 48px;
  color: #fff;
  background: #e50012;
  margin: 48px 0 0;
}

.csPinfo-box .btn.dd-btn span {
  padding: 0 32px 0 0;
}

.csPinfo-dtl {
  padding: 50px 0;
  line-height: 30px;
  color: #777777;
  position: relative;
  overflow: hidden;
}

.csPinfo-dtl img {
  max-width: 100%;
}

/*解决方案详情*/
.bnr-img.csCase-bnr {
  height: 420px;
}

.csCbnr-box {
  text-align: center;
  color: #fff;
}

.csCbnr-box .t1 {
  line-height: 59px;
  font-size: 36px;
}

.csCbnr-box .t2 {
  line-height: 39px;
  font-weight: lighter;
  font-size: 18px;
  letter-spacing: 3px;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}

.csCbnr-box .t1 {
  animation: fadeInLeft .6s ease-in-out;
  -webkit-animation: fadeInLeft .6s ease-in-out;
}

.csCbnr-box .t2 {
  animation: fadeInRight .6s ease-in-out;
  -webkit-animation: fadeInRight .6s ease-in-out;
}

.csCase-info {
  padding: 60px 0 89px;
  background: #f5f5f5;
}

.csCinfo-left {
  padding: 46px 3.5% 63px;
  width: 74%;
  background: #fff;
  float: left;
}

.csCinfo-top {
  padding: 0 0 30px;
  line-height: 47px;
  font-size: 30px;
  border-bottom: 1px solid #e1e1e1;
}

.csCinfo-top .btn.rtn {
  padding: 0 24px 0 0;
  font-size: 14px;
  color: #777777;
  float: right;
}

.csCinfo-box {
  padding: 40px 0;
  line-height: 32px;
  color: #666666;
  position: relative;
}

.csCinfo-page {
  padding: 0 3.358208955223881%;
  background: #f4f4f4;
  margin: 20px 0 0;
}

.csCinfo-page a {
  display: block;
  padding: 15px 0;
  width: 45%;
  line-height: 30px;
  color: #777777;
}

.csCinfo-page a .type {
  color: #333333;
}

.csCinfo-page a.fr {
  text-align: right;
}

/*右侧*/
.csCinfo-right {
  width: 23%;
  float: right;
}

.csCinfo-right .csCIr-box {
  padding: 8px 6.521739130434783% 0;
  background: #fff;
  border-top: 1px solid #e50012;
  margin: 30px 0 0;
}

.csCinfo-right .csCIr-box:first-child {
  margin: 0px;
}

.csCIr-box .csCIr-type {
  padding: 0 0 5px 8.3333%;
  line-height: 31px;
  font-size: 16px;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
}

.csCIr-type:after {
  content: "";
  display: block;
  width: 4px;
  height: 15px;
  background: #e50012;
  position: absolute;
  left: 3px;
  top: 9px;
}

/*相关产品*/
.csCIr-aPro {
  width: 106.6666%;
  padding: 15px 0 18px;
  margin: 0 0 0 -6.6666%;
}

.csCIr-aPro li {
  width: 50%;
  padding: 6px 0 6px 6.249941406213379%;
  float: left;
}

.csCIr-aPro li a {
  display: block;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #666666;
  background: #f1f1f1;
}

.csCIr-aPro li a:hover {
  color: #fff;
  background: #e50012;
}

/*相关案例*/
.csCIr-aCase {
  padding: 13px 0 26px;
}

.csCIr-aCase a {
  display: block;
  padding: 5px 0 5px 23px;
  line-height: 26px;
  color: #777777;
}

.csCIr-aCase a:hover {
  color: #e50012;
}

/*-- 关于我们 --*/

/*简介*/
.abUs-comPro {
  padding: 60px 0 40px;
}

.auCp-box {
  line-height: 27px;
  /*text-align:center;*/
  color: #777777;
  margin: 33px 0 0;
  overflow: hidden;
  visibility: hidden;
}

.auCp-more {
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #777777;
  background: #f1f1f1;
  margin: 34px 0 0;
  display: none;
}

/*数据*/
.abUs-comData {
  padding: 124px 0;
  text-align: center;
  color: #fff;
}

.abUs-comData ul li {
  width: 25%;
  padding: 26px 0 1px;
  border-right: 1px solid rgba(255, 255, 255, .65);
  float: left;
  opacity: 0;
}

.abUs-comData ul li:first-child {
  border-left: 1px solid rgba(255, 255, 255, .65);
}

.abUs-comData ul li .num {
  font: bold 48px/55px 'Verdana';
}

.abUs-comData ul li .con {
  padding: 0 15%;
  line-height: 27px;
  height: 54px;
  margin: 10px 0 0;
  opacity: .8;
}

/*企业愿景*/
.abUs-comVision {
  padding: 45px 0 85px;
}

.auCv-wrap {
  position: relative;
  margin: 34px 0 0;
  z-index: 2;
}

.auCv-box {
  padding: 68px 0 0;
  width: 659px;
  height: 260px;
  background: #fff;
  box-shadow: 0px 5px 10px rgba(221, 0, 0, .12);
  position: absolute;
  top: 67px;
  left: 2.8333%;
  z-index: 2;
}

.auCv-box .auCv-block {
  width: 505px;
  line-height: 36px;
  font-size: 15px;
  color: #777777;
  position: relative;
  margin: 0 auto;
}

.auCv-block:before,
.auCv-block:after {
  content: "";
  display: block;
  width: 22px;
  height: 21px;
  position: absolute;
}

.auCv-block:before {
  top: -26px;
  left: -36px;
}

.auCv-block:after {
  bottom: -10px;
  right: -30px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.auCv-img {
  width: 39.3333%;
  height: 394px;
  position: relative;
  float: right;
  margin: 0 4.5% 0 0;
}

.auCv-img:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #e9414f;
  position: absolute;
  left: -20px;
  bottom: -20px;
  z-index: -1;
}

/*社会责任*/
.abUs-comSR {
  padding: 60px 0 68px;
}

.auCSR-list {
  margin: 43px 0 0;
}

.auCSR-list li {
  width: 20%;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 1;
}

.auCSR-list .auCSR-box {
  overflow: hidden;
  position: relative;
  z-index: 5;
}

.auCSR-box:before,
.auCSR-box:after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background: rgba(0, 0, 0, .4);
  position: absolute;
  left: 0px;
}

.auCSR-box:before {
  top: 0px;
}

.auCSR-box:after {
  bottom: 0px;
}

.auCSR-box .name {
  width: 120px;
  padding: 15px 0;
  line-height: 34px;
  font-size: 20px;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, .4);
  border-bottom: 1px solid rgba(255, 255, 255, .4);
  position: absolute;
  top: 120px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 2;
}

.auCSR-list li:nth-child(5) .auCSR-box .name {
  width: 160px;
}

.auCSR-box .icon {
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  bottom: 153px;
  margin-left: -30px;
  z-index: 2;
}

.auCSR-list .auCSR-bg {
  width: 100%;
  height: 468px;
  object-fit: cover;
}

.auCSR-con {
  width: 200%;
  height: 100%;
  background: #f5f5f5;
  position: absolute;
  top: 0px;
  opacity: 0;
}

.auCSR-con .auCSR-tb {
  display: table;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: absolute;
  top: 0px;
  left: 0px;
}

.auCSR-tb .auCSR-td {
  display: table-cell;
  padding: 0 12.5%;
  vertical-align: middle;
}

.auCSR-td .name {
  line-height: 40px;
  font-size: 22px;
  color: #222;
}

.auCSR-td .split {
  display: block;
  width: 31px;
  height: 1px;
  background: #e50012;
  margin: 10px 0 20px;
}

.auCSR-td .con {
  line-height: 32px;
  color: #666666;
}


.auCSR-box:before,
.auCSR-box:after,
.auCSR-box .name,
.auCSR-box .icon,
.auCSR-con {
  transition: all .6s ease-in-out;
  -webkit-transition: all .6s ease-in-out;
}

.auCSR-list li:hover .auCSR-box:before {
  top: -100%;
  opacity: 0;
  transition-delay: .2s;
  -webkit-transition-delay: .2s;
}

.auCSR-list li:hover .auCSR-box:after {
  bottom: -100%;
  opacity: 0;
  transition-delay: .2s;
  -webkit-transition-delay: .2s;
}

.auCSR-list li:hover .auCSR-box .name {
  top: -100px;
  opacity: 0;
}

.auCSR-list li:hover .auCSR-box .icon {
  transform: translateY(100px);
  -webkit-transform: translateY(100px);
  opacity: 0;
}


.auCSR-list li:nth-child(1) .auCSR-con,
.auCSR-list li:nth-child(2) .auCSR-con,
.auCSR-list li:nth-child(3) .auCSR-con {
  left: 0px;
}

.auCSR-list li:nth-child(4) .auCSR-con,
.auCSR-list li:nth-child(5) .auCSR-con {
  right: 0px;
}

.auCSR-list li:hover {
  z-index: 5;
}

.auCSR-list li:hover .auCSR-con {
  opacity: 1;
}

.auCSR-list li:nth-child(1):hover .auCSR-con,
.auCSR-list li:nth-child(2):hover .auCSR-con,
.auCSR-list li:nth-child(3):hover .auCSR-con {
  left: 100%;
}

.auCSR-list li:nth-child(4):hover .auCSR-con,
.auCSR-list li:nth-child(5):hover .auCSR-con {
  right: 100%;
}

/*发展历程*/
.abUs-comHist {
  padding: 50px 0 0;
}

.abUs-comHist .p-title .t {
  color: #fff;
}

.abUs-comHist .p-title .s {
  background: #e50012;
}

/*大*/
.auCHist-man {
  width: 928px;
  padding: 0 0 246px;
  position: relative;
  margin: 80px auto 0;
}

.auCHist-man .swiper-container {
  padding: 69px 0 0;
}

.auCHist-man .auCHman-box {
  display: block;
  height: 72px;
  text-align: center;
  color: #fff;
  position: relative;
}

.auCHman-box .year {
  line-height: 28px;
  font-size: 16px;
}

.auCHman-box:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #fff;
  position: absolute;
  left: 50%;
  margin-left: -4px;
  bottom: 0px;
}

.auCHman-box:after {
  content: "";
  display: block;
  width: 1px;
  height: 9px;
  background: #fff;
  position: absolute;
  left: 50%;
  margin-left: -1px;
  bottom: 11px;
}

.auCHman-box.cur .year {
  width: 77px;
  height: 77px;
  line-height: 77px;
  background: rgba(229, 0, 18, .75);
  border-radius: 100%;
  position: absolute;
  top: -53px;
  left: 50%;
  margin-left: -38.5px;
}

.auCHman-box.cur .year:after {
  content: "";
  display: block;
  width: 109px;
  height: 109px;
  background: rgba(229, 0, 18, .25);
  border-radius: 100%;
  position: absolute;
  top: -16px;
  left: -16px;
  z-index: -1;
}

.auCHman-box.cur:before,
.auCHman-box.cur:after {
  background: #e50012;
}

.auCHman-box.cur:after {
  height: 30px;
  z-index: 2;
}

.auCHistManSwiper-prev,
.auCHistManSwiper-next {
  display: block;
  width: 11px;
  height: 21px;
  position: absolute;
  top: 70px;
}

.auCHistManSwiper-prev {
  left: -58px;
}

.auCHistManSwiper-next {
  right: -58px;
}

.auCHist-man:before,
.auCHist-man:after {
  content: "";
  display: block;
  width: 26px;
  height: 24px;
  position: absolute;
  top: 125px;
}

.auCHist-man:before {
  left: -103px;
}

.auCHist-man:after {
  right: -103px;
}

.auCHist-man .orn1,
.auCHist-man .orn2 {
  display: block;
  height: 1px;
  background: rgba(255, 255, 255, .3);
  position: absolute;
  top: 137px;
}

/*小*/
.auCHist-min {
  width: 1000px;
  position: relative;
  margin: -151px auto 0;
  z-index: 2;
}

.auCHist-min .swiper-container {
  padding: 0 0 69px;
}

.auCHist-min .swiper-container .swiper-slide {
  padding: 0 10px;
}

.auCHmin-box {
  display: block;
  padding: 0 6.851851851851852% 0 41.6666%;
  box-shadow: 0 4px 20px rgba(162, 162, 162, .24);
  position: relative;
}

.auCHmin-box .auCHmin-img {
  display: block;
  width: 38.7037037037037%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0px;
  top: 0px;
}

.auCHmin-box .auCHmin-block {
  padding: 61px 0 51px;
  min-height: 284px;
}

.auCHmin-block li {
  padding: 0 0 0 37px;
  line-height: 29px;
  color: #666666;
  position: relative;
  margin: 9px 0 0;
}

.auCHmin-block li:first-child {
  margin: 0px;
}

.auCHmin-block li:before {
  content: "";
  display: block;
  width: 13px;
  height: 1px;
  background: #afafaf;
  position: absolute;
  left: 0px;
  top: 14px;
}

/*资质荣誉*/
.abUs-comHonor {
  padding: 57px 0 51px;
  background: #f5f5f5;
}

.auChonor-swiper {
  width: 92.552083%;
  margin: 35px auto 0;
}

.auChonor-box {
  display: block;
  padding: 0 0 35px;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
}

.auChonor-block {
  width: 94%;
  height: 300px;
  line-height: 300px;
  font-size: 0px;
  text-align: center;
  background: #fff;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.auChonor-block img {
  max-width: 92%;
  max-height: 92%;
}

.auChonor-block:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .75);
  position: absolute;
  top: 0px;
  left: 0px;
}

.auChonor-block:after {
  content: "";
  display: block;
  width: 91.74528301886792%;
  height: 87.3333%;
  border: 1px solid rgba(255, 255, 255, .4);
}

.auChonor-con {
  padding: 0 0 58px;
}

.auChonor-con .name {
  width: 245px;
  height: 60px;
  line-height: 30px;
  font-size: 16px;
  color: #fff;
}

.auChonor-block:before,
.auChonor-block:after,
.auChonor-con {
  opacity: 0;
}

.auChonor-box:hover .auChonor-block:before,
.auChonor-box:hover .auChonor-block:after,
.auChonor-box:hover .auChonor-con {
  opacity: 1;
}

.auChonor-box:hover {
  border-bottom: 1px solid #e50012;
}

.auChonor-box:hover .auChonor-block {
  box-shadow: 0 0 10px 4px #e1e1e1;
  transform: translate3d(0, -2px, 0);
  transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

.auChonor-swiper .swiper-pagination {
  text-align: center;
  font-size: 0px;
  position: relative;
  bottom: 0px !important;
  margin: 46px 0 0;
}

.auChonor-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  background: #a6a6a6;
  opacity: 1;
  margin: 0 6px;
}

.auChonor-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #e50012;
}


/*物联网*/
.IFT-box {
  padding: 70px 0 75px;
  border-bottom: 1px solid #e1e1e1;
}

.IFT-box .IFT-block {
  width: 51%;
  float: left;
}

.IFT-box .IFT-img {
  width: 42.08333%;
  height: 309px;
  position: relative;
  overflow: hidden;
  float: right;
  margin: 17px 0 0;
}

.IFT-block .name {
  line-height: 43px;
  font-size: 30px;
}

.IFT-block .split {
  display: block;
  width: 20px;
  height: 3px;
  background: #e50012;
  margin: 13px 0 19px;
}

.IFT-block .con {
  line-height: 34px;
  color: #666666;
}

.IFT-data {
  padding: 60px 0 70px;
}

.IFTdata-box {
  text-align: center;
  margin: 50px 0 0;
}

.IFTdata-box img {
  max-width: 100%;
}

.IFT-title {
  line-height: 43px;
  text-align: center;
  font-size: 24px;
}

.IFT-title .num {
  display: inline-block;
  font-size: 30px;
  line-height: 30px;
  height: 30px;
  font-weight: 600;
  color: #666666;
  position: relative;
  margin: 0 20px 0 0;
  vertical-align: middle;
}

.IFT-title .num:after {
  content: "";
  display: block;
  width: 25px;
  height: 5px;
  border-top: 1px solid #d5d5d5;
  background: #f5f5f5;
  position: absolute;
  bottom: 3px;
  right: -8px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.IFT-more {
  display: block;
  width: 136px;
  height: 42px;
  line-height: 42px;
  color: #fff;
  background: #e50012;
  border-radius: 3px;
  margin: 38px auto 0;
}

/*云平台*/
.IFT-CP {
  padding: 60px 0 70px;
  background: #f5f5f5;
}

.IFTcp-top {
  text-align: center;
  position: relative;
  margin: 38px 0 0;
}

.IFTcp-top span {
  display: inline-block;
  padding: 0 .75rem;
  line-height: 58px;
  font-size: 20px;
  color: #1cadf2;
  background: #f5f5f5;
  border: 1px dashed #1cadf2;
  position: relative;
  z-index: 2;
}

.IFTcp-top:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #1cadf2;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -1px;
}

.IFTcp-box {
  text-align: center;
  margin: 18px 0 0;
}

.IFTcp-box img {
  max-width: 100%;
}


/*模组*/
.IFT-mod {
  padding: 60px 0 70px;
}

.IFT-mod .IFT-title .num:after {
  background: #fff;
}

.IFTmod-top {
  line-height: 21px;
  text-align: center;
  color: #666;
  margin: 22px 0 0;
}

.IFTmod-box {
  text-align: center;
  margin: 37px 0 0;
}

.IFTmod-box img {
  max-width: 100%;
}


/*解决方案*/
.IFT-case {
  padding: 60px 0 70px;
  background: #f5f5f5;
}

.IFTcase-list {
  width: 101.5%;
  margin: 25px 0 0 -1.5%;
}

.IFTcase-list li {
  width: 25%;
  padding: 27px 0 0 1.477832512315271%;
  float: left;
}

.IFTcase-list .IFTcase-box {
  padding: 35px 0 24px;
  height: 170px;
  background: #fff;
  overflow: hidden;
}

.IFTcase-box .IFTcase-left {
  width: 42%;
  text-align: center;
  border-right: 1px solid #e1e1e1;
  float: left;
}

.IFTcase-left .name {
  line-height: 31px;
  font-size: 16px;
  margin: 10px 0 0;
}

.IFTcase-box .IFTcase-right {
  padding: 0 6.968641114982578%;
  width: 58%;
  line-height: 26px;
  color: #777777;
  float: left;
}

.IFTcase-box .IFTcase-left img {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.IFTcase-box:hover .IFTcase-left img {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
}


/*联系方式*/
.IFT-ct {
  padding: 70px 0;
  background: #f5f5f5;
}

.IFTct-box {
  width: 29.1667%;
  float: left;
  margin: 27px 0 0;
}

.IFTct-box .type {
  line-height: 49px;
  font-size: 30px;
}

.IFTct-box .com {
  line-height: 31px;
  font-size: 18px;
  margin: 20px 0 0;
}

.IFTct-box ul {
  margin: 15px 0 0;
}

.IFTct-box ul li {
  line-height: 30px;
  font-size: 14px;
  color: #777777;
}

.IFTct-map {
  width: 63.91666666666667%;
  border: 1px solid #e1e1e1;
  position: relative;
  overflow: hidden;
  float: right;
}



/*---  小蔡  ----*/

/*内页banner*/
.bann {
  position: relative;
}

.bann .bann_txt {
  position: absolute;
  width: 330px;
  height: 160px;
  text-align: center;
  font-size: 72px;
  color: #fff;
  left: 50%;
  top: 50%;
  margin-left: -160px;
  margin-top: -80px;
}

.bann .bann_note {
  width: 1200px;
  position: absolute;
  left: 50%;
  top: 35%;
  margin-left: -600px;
  color: #fff;
}

.bann .bann_note h3 {
  font-weight: normal;
  color: #fff;
  font-size: 36px;
  margin-bottom: 40px;
}

.bann .bann_note p {
  line-height: 28px;
}

.bann .bann_mf {
  top: 15%;
}

.bann .bann_txt h2 {
  margin-top: 20px;
}

.bann .bann_txt h3 {
  font-size: 38px;
  margin-top: 30px;
  margin-bottom: 18px;
}

.bann .bann_txt p {
  font-size: 20px;
  text-transform: uppercase;
}

/*解决方案*/
.solutioncase {
  padding: 64px 0 70px;
}

.solcontent {
  margin-top: 20px;
}

.solcontent p {
  font-size: 16px;
  color: #666;
  text-align: center;
  line-height: 35px;
}

.solcontent p img {
  margin: 20px auto;
}

/*投资者关系*/
.investor {
  background: #f4f4f4;
  padding: 60px 0;
}

.investor ul li {
  margin-bottom: 30px;
  height: 348px;
}

.investor .iponote {
  padding: 70px 40px;
  background: #fff;
  height: 100%;
  box-shadow: 1px 0px 10px #eee;
}

.investor .iponote,
.investor .ipopic {
  width: 50%;
  float: left;
}

.investor .ipopic {
  width: 50%;
  overflow: hidden;
}

.investor .iponote h3 {
  font-size: 30px;
  color: #333;
  font-weight: bold;
}

.investor .iponote p {
  line-height: 32px;
  color: #666;
}

.investor .iponote i {
  display: block;
  width: 30px;
  height: 3px;
  background: #e50012;
  margin: 30px 0 35px;
}

/*联系我们*/
.contact_fs {
  overflow: hidden;
  text-align: center;
}

.contact_fs li {
  width: 240px;
  float: left;
  border-left: 1px solid #ececec;
}

.contact_fs li:first-child {
  border: 0px;
}

.contact_fs li h3 {
  margin: 35px 0 25px;
  color: #333;
}

.contact_fs li p {
  color: #777;
}

.map {
  margin: 40px 0 60px;
}

.base ul {
  overflow: hidden;
}

.base ul li {
  float: left;
  width: 50%;
  border-left: 1px solid #e1e1e1;
  padding-left: 185px;
}

.base ul li:first-child {
  border: 0px;
  padding-left: 45px;
}

.base ul li h4 {
  font-size: 18px;
  color: #333;
  font-weight: bold;
}

.base ul li i {
  display: block;
  height: 1px;
  background: #e50012;
  margin: 20px 0 30px;
  width: 22px;
}

.base ul li p {
  color: #666;
  line-height: 30px;
}

/*人才招聘*/
.job {
  background: #fff;
}

.jobctit {
  background: #f3f3f3;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #333;
}

.jobctit span {
  display: inline-block;
  width: 18%;
  text-align: center;
}

.job-content h1 {
  text-align: center;
  font-size: 30px;
  color: #333;
  margin-bottom: 20px;
  font-weight: normal;
  margin-bottom: 50px;
}

.job-content {
  margin-bottom: 20px;
}

.job-content dl dt {
  height: 60px;
  line-height: 60px;
  cursor: pointer;
  border-bottom: 1px solid #ededed;
}

.job-content span.job_cls {
  width: 6%;
}

.job-content dl dt .down {
  width: 11px;
  height: 60px;
  display: block;
}

.job-content dl dt span {
  display: inline-block;
  width: 18%;
  text-align: center;
  color: #666;
}

.job-content span.job_post {
  text-align: left;
  padding-left: 25px;
}

.job-content dl dd {
  background: #f3f3f3;
  padding: 25px;
  line-height: 28px;
}

.job-content dl dd p {
  color: #666;
}

.job-content dl dd a.job-apply {
  background: #e50012;
  display: block;
  width: 140px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  color: #fff;
  margin-top: 20px;
}

/*新闻列表页*/
.newslist {
  background: #f3f3f3;
}

.firstnews {
  height: 505px;
  background: #fff;
  margin-bottom: 20px;
  overflow: hidden;
}

.firstnews .slidenews {
  width: 731px;
  float: left;
}

.firstnews .fstlist {
  width: 469px;
  float: right;
}

.firstnews .fstlist ul {
  padding: 30px 40px;
}

.firstnews .fstlist ul li {
  margin-bottom: 20px;
  padding-left: 20px;
}

.firstnews .fstlist ul li a {
  color: #777;
}

.firstnews .fstlist ul li a:hover {
  color: #e50012;
}

.firstnews .fstlist ul li span {
  color: #777;
  float: right;
}

.firstnews #fstnews .swiper-slide {
  position: relative;
}

.firstnews #fstnews .swiper-slide img {
  min-height: 505px;
  width: 100%;
  object-fit: cover;
}

.firstnews #fstnews .swiper-slide h4 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 48px;
  line-height: 48px;
  color: #fff;
  width: 100%;
  padding: 0px 20px;
  font-size: 18px;
  font-weight: normal;
}

.firstnews #fstnews .swiper-pagination {
  text-align: right;
  right: 20px;
  left: auto;
  bottom: 15px;
}

.firstnews #fstnews .swiper-pagination-bullet {
  background: #fff;
}

.firstnews #fstnews .swiper-pagination .swiper-pagination-bullet-active {
  background: #e50012;
}

.nlist ul li {
  height: 308px;
  background: #fff;
  margin-bottom: 20px;
  overflow: hidden;
}

.nlist ul li .newsimg {
  width: 35%;
}

.newsimg img {
  width: 100%;
  object-fit: cover;
}

.nlist ul li .newsnote {
  width: 65%;
}

.nlist ul li .newsnote .notec {
  padding: 40px 40px 30px;
}

.nlist ul li .newsnote .notec h4 a {
  font-size: 24px;
  color: #333;
}

.nlist ul li .newsnote .notec h4 a:hover {
  color: #e50012;
}

.nlist ul li .newsnote .notec .time {
  margin: 20px auto;
  color: #999;
  font-size: 13px;
}

.nlist ul li .newsnote .notec p {
  color: #777;
  line-height: 24px;
}

.nlist ul li .newsnote .notec p a {
  display: block;
  width: 143px;
  height: 43px;
  text-align: center;
  line-height: 43px;
  border: 1px solid #e1e1e1;
  margin-top: 20px;
}

.nlist ul li .newsnote .notec p a:hover {
  background: #e50012;
  color: #fff;
  border-color: #e50012;
}

/*新闻详情页*/
.newscon {
  padding: 70px 80px;
  background: #f4f4f4;
}

.newscon .news_content {
  padding: 55px 60px 65px;
  background: #fff;
}

.newscon .news_content h1 {
  text-align: center;
  font-size: 27px;
  color: #333;
  font-weight: normal;
}

.newscon .news_content .time {
  text-align: center;
  font-size: 13px;
  margin: 30px auto 40px;
  color: #999;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 30px;
}

.newscon .news_content p {
  line-height: 30px;
  color: #777;
}

.newscon .news_content a.return {
  display: block;
  width: 184px;
  height: 54px;
  position: relative;
  text-align: center;
  font-size: 16px;
  color: #e50012;
  border: 1px solid #e50012;
  line-height: 54px;
  margin: 40px auto 60px;
  border-radius: 5px;
}

/*.newscon .news_content a.return:hover{background:#e50012;color:#fff;}*/
.flippage {
  background: #f4f4f4;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  padding: 0px 20px;
}

.flippage div a {
  color: #777;
}

.flippage div a:hover {
  color: #e50012;
}

/*人才发展*/
.mechanism {
  margin: 10px auto 50px;
}

img.talimg {
  width: 100%;
  height: auto;
}

.mechanism p {
  font-size: 16px;
  color: #777;
  line-height: 35px;
}

.opportunity {
  background: #f5f5f5;
  padding: 60px 0px;
  overflow: hidden;
}

.opportunity ul li {
  width: 378px;
  height: 349px;
  background: #fff;
  float: left;
  margin-left: 32px;
}

.opportunity ul li h4 {
  color: #333;
  font-size: 18px;
  text-align: center;
  margin-top: 30px;
}

.opportunity ul li:first-child {
  margin-left: 0px;
}

.welfare .welsay {
  text-align: center;
  font-size: 16px;
  color: #666;
  line-height: 35px;
  margin-bottom: 68px;
}

.welfare ul li {
  width: 20%;
  float: left;
  text-align: center;
  margin-bottom: 62px;
}

.welfare ul li img {
  max-height: 60px;
  display: block;
  margin: 0px auto;
}

.welfare ul li p {
  margin-top: 28px;
  font-size: 16px;
}

.welfare ul li img {
  transition-delay: .1s;
  -webkit-transition-delay: .1s;
}

.welfare ul li img,
.welfare ul li p {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.welfare ul li:hover img,
.welfare ul li:hover p {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
}

.welfare ul li:hover img {
  transition-delay: 0s !important;
  -webkit-transition-delay: 0s !important;
}

.welfare ul li:hover p {
  transition-delay: .1s !important;
  -webkit-transition-delay: .1s !important;
}

/*投资者关系*/
.shareholder .centit {
  text-align: center;
  font-size: 18px;
  color: #666;
  margin-bottom: 30px;
}

.holder {
  background: #f5f5f5;
  padding: 60px 50px;
}

.comtable {
  width: 100%;
  max-width: 1080px;
  margin: 0px auto;
}

.comtable tr th {
  text-align: center;
  color: #333;
  font-size: 16px;
}

.comtable tr:nth-child(2n-1) {
  background: #dedede;
}

.comtable tr:nth-child(2n) {
  background: #fff;
}

.comtable tr {
  height: 60px;
  line-height: 60px;
}

.comtable tr td {
  text-align: center;
  color: #666;
}

.comtable tr td span {
  color: #e50012;
}

.numberbox {
  padding: 60px 0px;
  overflow: hidden;
}

.numberbox h2 {
  font-size: 30px;
  margin-bottom: 40px;
  font-weight: normal;
}

.caters {
  position: fixed;
  right: 0px;
  top: 45%;
  width: auto;
}

.caters ul {
  position: relative;
}

.caters ul li a {
  position: absolute;
  width: auto;
  right: 0px;
  top: 0px;
  width: auto;
  height: 40px;
  line-height: 40px;
  background: #8a8a8a;
  color: #fff;
  margin-bottom: 10px;
  border-radius: 20px 0 0 20px;
  text-align: center;
}

.caters ul li.g2 {
  position: absolute;
  width: 100px;
  right: 0px;
  top: 50px;
}

.caters ul li.g3 {
  position: absolute;
  width: 100px;
  right: 0px;
  top: 100px;
}

.caters ul li.g4 {
  position: absolute;
  width: 100px;
  right: 0px;
  top: 150px;
}

.caters ul li a {
  display: block;
  border-radius: 20px 0 0 20px;
  width: 100px;
}

.caters ul li:hover a,
.caters ul li.on a,
.caters ul li.on a:hover {
  background: #e50012;
  width: 140px;
}

/*投资者关系--联系方式*/
.investorinfo .cmedia {
  font-size: 20px;
  color: #333;
  font-weight: normal;
  text-align: center;
}

.investorinfo .centit {
  text-align: center;
  color: #777;
  margin: 30px 60px;
}

.director {
  overflow: hidden;
}

.director .ct1,
.director .ct2 {
  width: 578px;
  height: 290px;
  border: 1px solid #e9e9e9;
  float: left;
  padding: 24px 38px;
  position: relative;
}

.director h2 {
  color: #333;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e1e1e1;
}

.director h2 span {
  border-bottom: 1px solid #e50016;
  padding-bottom: 31px;
}

.director p {
  color: #777;
  line-height: 30px;
}

.director .ct2 {
  margin-left: 40px;
}

.director .ct1 .i1,
.director .ct2 .i1 {
  display: block;
  width: 21px;
  height: 20px;
  border-left: 1px solid #e50016;
  border-top: 1px solid #e50016;
  position: absolute;
  left: -1px;
  top: -1px;
}

.director .ct1 .i2,
.director .ct2 .i2 {
  display: block;
  width: 21px;
  height: 20px;
  border-right: 1px solid #e50016;
  border-bottom: 1px solid #e50016;
  position: absolute;
  right: -1px;
  bottom: -1px;
}

.director {
  margin-bottom: 70px;
  padding-bottom: 70px;
  border-bottom: 1px solid #ececec;
}

.investortwo {
  overflow: hidden;
}

.investortwo .note {
  border: 1px solid #e1e1e1;
  padding: 30px;
  background: #fff;
}

.investortwo h2 {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 20px;
  position: relative;
}

.investortwo h2 span {
  position: absolute;
  width: 68px;
  height: 1px;
  background: #999;
  top: 50%;
}

.investortwo .ct1,
.investortwo .ct2 {
  width: 555px;
  float: left;
}

.investortwo .ct2 {
  margin-left: 90px;
  float: left;
}

.investortwo p {
  line-height: 27px;
  font-size: 15px;
  color: #777;
}

@keyframes rotation2 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotation2 {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes rotation2 {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

.Client {
  background: #f5f5f5;
  padding: 50px 0px;
}

.Client .note {
  text-align: center;
  font-size: 16px;
  color: #666;
  line-height: 35px;
  margin-bottom: 90px;
}

.features ul {
  overflow: hidden;
  margin-top: 38px;
}

.features ul li {
  width: 393px;
  height: 90px;
  background: #f3f3f3;
  float: left;
  margin-left: 10px;
  padding: 25px 70px;
  text-align: center;
  color: #333;
  font-size: 15px;
  line-height: 25px;
}

.features ul li:first-child {
  margin-left: 0px;
}


/*数据中心*/
.date .note {
  text-align: center;
  line-height: 35px;
  font-size: 16px;
  color: #666;
}

.dateimg1 {
  margin: 60px auto;
}

.globalfz {
  background: #f1f1f1;
  margin-bottom: 160px;
}

/*投资者保护*/
.protection .prtvideo {
  margin-bottom: 40px;
}

.protection ul li {
  width: 566px;
  height: 120px;
  border: 1px solid #e1e1e1;
  margin-left: 64px;
  margin-bottom: 34px;
  float: left;
  padding: 23px 33px;
}

.protection ul li:hover {
  border-color: #ec4451;
  box-shadow: 1px 1px 30px #fae2e4;
}

.protection ul {
  overflow: hidden;
  margin-left: -64px;
}

.protection ul li .date {
  width: 80px;
  height: 74px;
  background: #f0f0f0;
  padding: 13px;
  text-align: center;
  float: left;
  margin-right: 25px;
  color: #888;
}

.protection ul li .date p {
  font-size: 15px;
  border-bottom: 1px solid #dadada;
  margin-bottom: 7px;
  padding-bottom: 8px;
}

.protection ul li .date span {
  font-size: 21px;
}

.protection ul li .tit h4 {
  font-size: 16px;
  color: #666;
  font-weight: normal;
  margin-bottom: 15px;
  margin-top: 5px;
}

.protection ul li .tit span {
  color: #999;
}

.protection ul li:hover a {
  color: #ec4451;
}

.protection ul li:hover .date {
  background: #ff4150;
  color: #fff;
}

.protection ul li:hover .date p {
  border-color: #ff8c95;
}


/*数据中心*产品*/
.datefl {
  float: left;
  width: 245px;
  border: 1px solid #e1e1e1;
}

.datefl h3 {
  height: 67px;
  line-height: 67px;
  text-align: center;
  font-size: 16px;
  color: #333;
  font-weight: normal;
}

.datefl dl dt {
  border-top: 1px solid #e1e1e1;
  padding-left: 76px;
  position: relative;
  cursor: pointer;
}

.datefl dl .subdd {
  padding-top: 25px;
  border-top: 1px solid #e1e1e1;
}

.datefl dl dt i {
  position: absolute;
  left: 46px;
  top: -2px;
}

.datefl dl dt span {
  width: 11px;
  height: 7px;
  display: block;
  position: absolute;
  right: 20px;
  top: 30px;
}

.datefl dl dd {
  font-size: 13px;
  color: #777;
  padding-left: 78px;
  height: 25px;
  margin-bottom: 25px;
  position: relative;
}

.datefl dl dd i {
  position: absolute;
  left: 60px;
  top: 8px;
  display: block;
  width: 4px;
  height: 4px;
  background: #888;
}

.datefl dl dd:hover a {
  color: #e50012;
}

.datefl dl dd:hover i {
  background: #e50012;
}

.datefl dl dt {
  height: 67px;
  line-height: 67px;
}

.datefr {
  width: 915px;
}

.datefr h2 {
  font-size: 30px;
  color: #333;
  font-weight: normal;
  margin-bottom: 40px;
}

.datefr .note {
  color: #666;
  line-height: 35px;
}

.datefr .datecate {
  border: 1px solid #e1e1e1;
  margin-top: 50px;
}

.datefr .datecate .dmenu {
  overflow: hidden;
  border-bottom: 1px solid #e1e1e1;
  height: 49px;
  line-height: 49px;
  text-align: center;
  display: block !important;
}

.datefr .datecate .dmenu li {
  float: left;
  width: 160px;
  cursor: pointer;
  font-size: 16px;
}

.datefr .datecate .dmenu li.on {
  color: #e50012;
}

.datefr .datecate .content {
  padding: 38px;
}

.datefr .datecate .content h3 {
  background: #f5f5f5;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-weight: normal;
  color: #333;
  font-size: 16px;
  margin-bottom: 40px;
}

.datefr .datecate .content h6 {
  font-weight: normal;
  font-size: 15px;
  color: #333;
  margin-bottom: 20px;
  position: relative;
  padding-left: 15px;
}

.datefr .datecate .content h6:after {
  width: 4px;
  height: 12px;
  background-color: #666666;
  position: absolute;
  left: 0px;
  top: 5px;
  content: "";
}

.datefr .datecate .content p {
  color: #666;
  line-height: 30px;
}

.datefr .datecate .content p.taC {
  margin: 60px auto;
}

.datefr .datecate .content dl dd {
  padding-left: 20px;
  position: relative;
  color: #666;
  margin-bottom: 30px;
}

.datefr .datecate .content dl dd:after {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0px;
  top: 5px;
  content: "";
}

.datefr .datecate table {
  width: 100%;
}

.datefr .datecate .content table {
  border: 1px solid #ccc;
  border-collapse: collapse;
}

.datefr .datecate .content table tr td {
  border: 1px solid #ccc;
  text-align: center;
  color: #666;
}

.datefr .datecate .content tr td {
  height: 100%;
  border-right: 1px solid #ccc;
  padding: 10px 0;
  font-size: 14px;
  color: #666;
}

.datefr .datecate .content table tr th {
  height: 48px;
  background-color: #f6f6f6;
  font-size: 16px;
  color: #666;
  text-align: center;
  font-weight: 100;
  border: 1px solid #ccc;
}

.protab {
  width: 100%;
}

.protab tr th {
  background: #e9e9e9;
  text-align: center;
  height: 48px;
  line-height: 48px;
  font-size: 15px;
  font-weight: normal;
  color: #666;
}

.protab tr td {
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  color: #777;
}

.protab tr td:nth-child(1) {
  border-left: 1px solid #e9e9e9;
}

.protab tr td {
  height: 48px;
  line-height: 48px;
  padding: 10px 30px;
}

/*云网络*/
.dcenter {
  height: 461px;
  background-size: cover;
}

.dcenter ul li {
  width: 25%;
  float: left;
  padding: 125px 0px;
  color: #fff;
  height: 461px;
  text-align: center;
}

.dcenter ul li p {
  margin: 35px auto 55px;
  font-size: 18px;
}

.dcenter ul li a {
  display: block;
  width: 138px;
  height: 40px;
  border: 1px solid #fff;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  line-height: 40px;
  margin: 0px auto;
}

.dcenter ul li a:hover {
  background: #e50012;
  border-color: #e50012;
}

.dcenter ul li h4,
.dcenter ul li a {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.dcenter ul li:hover h4 {
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
}

.dcenter ul li:hover a {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
}

.dateproduct {
  background: #f5f5f5;
}

.date-solution .fl {
  width: 555px;
}

.date-solution .fl h2 {
  text-align: left;
}

.date-solution .fl i {
  margin: 20px 0px;
}

.date-solution .fl p {
  font-size: 15px;
  line-height: 30px;
  color: #666;
  margin-bottom: 20px;
}

.date-solution .fl a {
  display: block;
  width: 155px;
  height: 46px;
  border: 1px solid #e1e1e1;
  line-height: 46px;
  text-align: center;
  color: #666;
}

.date-solution .fl a:hover {
  background: #e50012;
  color: #fff;
  border-color: #e50012;
}

.datersnav {
  margin-top: 50px;
}

.datersnav ul {
  border-bottom: 1px solid #e1e1e1;
  text-align: center;
}

.datersnav ul li {
  display: inline-block;
  color: #777;
  font-size: 16px;
  margin-left: 60px;
  margin-right: 60px;
  padding-bottom: 30px;
}

.datersnav ul li.on {
  border-bottom: 2px solid #e50012;
}

.datersnav ul li.on a {
  color: #e50012;
}

.dateprolist {
  margin-top: 40px;
}

.dateprolist dl {
  overflow: hidden;
  margin-left: -25px;
}

.dateprolist dl dd {
  background: #fff;
  width: 100%;
  height: 230px;
  float: left;
  margin-left: 0;
  padding: 30px 0;
}

.dateprolist dl dd .fl {
  width: 45%;
  text-align: center;
  border-right: 1px solid #e1e1e1;
  margin: 0 5% 0 0;
}

.dateprolist dl dd .fl img {
  /* border-right:1px solid #e1e1e1; */
  /* padding-right:40px; */
  max-width: 92%;
}

.dateprolist dl dd .fr {
  width: 50%;
}

.dateprolist dl dd h4 {
  font-size: 16px;
  color: #333;
}

.dateprolist dl dd p {
  font-size: 13px;
  color: #777;
  line-height: 25px;
  margin: 20px auto;
}

.dateprolist dl dd a {
  color: #777;
}

.dateprolist dl dd a:hover {
  color: #e50012;
}

#datepro {
  padding-bottom: 30px;
}

#datepro .swiper-pagination-bullet-active {
  background: #e50012;
}

#datepro .swiper-pagination-bullets {
  bottom: 0px;
}

.dateprolist dl dd:hover h4 {
  color: #e50012;
}

.dateprolist dl dd .btn {
  padding: 0 23px 0 0;
}

/*全局通用*/
.linei {
  display: block;
  width: 20px;
  height: 3px;
  background: #e50012;
  margin: 20px auto;
  font-style: normal;
}

.pubcatetit {
  font-size: 30px;
  color: #333;
  text-align: center;
  font-weight: normal;
}

.pdtb60 {
  padding: 60px 0px;
}

/*通用分类*/
.pubsort {
  border-bottom: 1px solid #e1e1e1;
  height: 63px;
}

.pubsort ul li {
  display: inline-block;
  height: 63px;
  line-height: 63px;
  margin-right: 80px;
}

.pubsort ul li a {
  display: block;
  font-size: 16px;
}

.pubsort ul li a:hover,
.pubsort ul li.on a {
  color: #e50012;
}

/*投资者保护*/
.proregular .prtvideo {
  margin-bottom: 40px;
}

.proregular ul {
  border-left: 1px solid #e1e1e1;
}

.proregular ul li {
  width: 360px;
  height: 122px;
  border: 1px solid #e1e1e1;
  margin-left: 38px;
  margin-bottom: 34px;
  float: left;
  padding: 23px 33px;
}

.proregular ul li:hover {
  border-color: #ec4451;
  box-shadow: 1px 1px 30px #fae2e4;
}

.proregular ul li .date {
  width: 80px;
  height: 74px;
  background: #f0f0f0;
  padding: 13px;
  text-align: center;
  float: left;
  margin-right: 25px;
  color: #888;
}

.proregular ul li .date p {
  font-size: 15px;
  border-bottom: 1px solid #dadada;
  margin-bottom: 5px;
  padding-bottom: 6px;
}

.proregular ul li .date span {
  font-size: 21px;
}

.proregular ul li .tit h4 {
  font-size: 16px;
  color: #666;
  font-weight: normal;
  margin-bottom: 15px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.proregular ul li .tit span {
  color: #999;
}

.proregular ul li:hover a {
  color: #ec4451;
}

.proregular ul li:hover .date {
  background: #ff4150;
  color: #fff;
}

.proregular ul li:hover .date p {
  border-color: #ff8c95;
}

.proregular ul {
  position: relative;
}

.proregular ul i {
  position: absolute;
  left: -20px;
  top: 50%;
  display: block;
  width: 36px;
  height: 50px;
  margin-top: -42px;
}

.proregular ul h2 {
  font-size: 18px;
  padding-left: 50px;
  margin-bottom: 55px;
}

.proregular ul h2:after {
  width: 5px;
  height: 18px;
  background: #ff4150;
  position: absolute;
  left: 30px;
  top: 5px;
  content: "";
}

.proregular .temporary {
  padding-left: 40px;
  color: #888;
  font-size: 16px;
}

.proregular ul h2 span {
  font-weight: normal;
  float: right;
  display: block;
}

.proregular ul h2 span a {
  font-size: 14px;
  color: #999;
}

.proregular ul h2 span a:hover {
  color: #e50012;
}

/*投资者保护更多页面*/
.regularlist .prtvideo {
  margin-bottom: 40px;
}

.regularlist ul li {
  width: 360px;
  height: 122px;
  border: 1px solid #e1e1e1;
  margin-left: 38px;
  margin-bottom: 34px;
  float: left;
  padding: 23px 33px;
}

.regularlist ul li:hover {
  border-color: #ec4451;
  box-shadow: 1px 1px 30px #fae2e4;
}

.regularlist ul li .date {
  width: 80px;
  height: 74px;
  background: #f0f0f0;
  padding: 13px;
  text-align: center;
  float: left;
  margin-right: 25px;
  color: #888;
}

.regularlist ul li .date p {
  font-size: 15px;
  border-bottom: 1px solid #dadada;
  margin-bottom: 7px;
  padding-bottom: 8px;
}

.regularlist ul li .date span {
  font-size: 21px;
}

.regularlist ul li .tit h4 {
  font-size: 16px;
  color: #666;
  font-weight: normal;
  margin-bottom: 15px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.regularlist ul li .tit span {
  color: #999;
}

.regularlist ul li:hover a {
  color: #ec4451;
}

.regularlist ul li:hover .date {
  background: #ff4150;
  color: #fff;
}

.regularlist ul li:hover .date p {
  border-color: #ff8c95;
}

.regularlist ul {
  margin-left: -38px;
}

.regularlist ul h2 {
  font-size: 24px;
  margin-bottom: 55px;
  text-align: center;
  color: #333;
}

.regularlist ul h2:after {
  width: 5px;
  height: 18px;
  background: #ff4150;
  position: absolute;
  left: 30px;
  top: 5px;
  content: "";
}

.regularlist .temporary {
  padding-left: 40px;
  color: #888;
}

.bann img {
  width: 100%;
  max-width: 100%;
  height: 582px;
  object-fit: cover;
}

/*iBnr1*/
.iBnr1-box .t1,
.iBnr1-box .t2,
.iBnr1-box .iBnr1-block,
.iBnr2-box,
.iBnr2-box .t1,
.iBnr2-box .t2,
.iBnr3-box {
  transition: all .6s ease-in-out .2s;
  -webkit-transition: all .6s ease-in-out .2s;
}

.iBnr1-box .t1,
.iBnr1-box .t2,
.iBnr1-box .iBnr1-block,
.iBnr2-box,
.iBnr2-box .t1,
.iBnr2-box .t2,
.iBnr3-box {
  opacity: 0;
}

.iBnr3-box .t1 {
  transition-delay: .3s;
  -webkit-transition-delay: .3s;
}

.iBnr1-box .t1,
.iBnr3-box {
  transition-delay: .4s;
  -webkit-transition-delay: .4s;
}

.iBnr1-box .t2,
.iBnr2-box .t1,
.iBnr2-box .t2 {
  transition-delay: .6s;
  -webkit-transition-delay: .6s;
}

.iBnr2-box .t1 {
  transform: translateX(-100px);
  -webkit-transform: translateX(-100px);
}

.iBnr2-box .t2 {
  transform: translateX(100px);
  -webkit-transform: translateX(100px);
}

.iBnr1-box .t1 {
  transform: translateY(50px);
  -webkit-transform: translateY(50px);
}

.iBnr1-box .t2 {
  transform: translateY(50px);
  -webkit-transform: translateY(50px);
}



.iBnr2-box,
.iBnr3-box {
  transform: scale(.8);
  -webkit-transform: scale(.8);
}

.iBnr1-box .iBnr1-block {
  transform: translateY(50px) scale(.9);
  -webkit-transform: translateY(50px) scale(.9);
}

.swiper-slide.swiper-slide-active .iBnr1-box .t1,
.swiper-slide.swiper-slide-active .iBnr1-box .t2,
.swiper-slide.swiper-slide-active .iBnr1-box .iBnr1-block,
.swiper-slide.swiper-slide-active .iBnr2-box,
.swiper-slide.swiper-slide-active .iBnr2-box .t1,
.swiper-slide.swiper-slide-active .iBnr2-box .t2,
.swiper-slide.swiper-slide-active .iBnr3-box {
  transform: translate(0, 0) scale(1);
  -webkit-transform: translate(0, 0) scale(1);
  opacity: 1;
}


.index-bnr .swiper-slide .iBnr-1 .bnr-bg,
.index-bnr .swiper-slide .iBnr-2 .bnr-bg,
.index-bnr .swiper-slide .iBnr-4 .bnr-bg {
  transform: matrix(1.1, 0, 0, 1.1, 0, 0);
  -webkit-transition: all 0.4s ease 1.2s;
  -moz-transition: all 0.4s ease 1.2s;
  -ms-transition: all 0.4s ease 1.2s;
  -o-transition: all 0.4s ease 1.2s;
  transition: all 0.4s ease 1.2s;
}

.index-bnr .swiper-slide.swiper-slide-active .iBnr-1 .bnr-bg,
.index-bnr .swiper-slide.swiper-slide-active .iBnr-2 .bnr-bg,
.index-bnr .swiper-slide.swiper-slide-active .iBnr-4 .bnr-bg {
  transition-delay: 0.4s !important;
  transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transition: all 7.0s ease;
  -moz-transition: all 7.0s ease;
  -ms-transition: all 7.0s ease;
  -o-transition: all 7.0s ease;
  transition: all 7.0s ease;
}


.bannVin-size {
  width: 100%;
  height: 38px;
  position: absolute;
  left: 0;
  top: 62%;
  text-align: center;
}

.bannVin-size h6 {
  display: inline-block;
  width: 166px;
  height: 42px;
  border: 1px solid #fff;
  overflow: hidden;
  position: relative;
  z-index: 3;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 42px;
  transition: all .3s;
}

.bannVin-size h6 span {
  position: relative;
  z-index: 9;
}

.bannVin-size h6:hover {
  background-color: #e50012;
  border: 1px solid #e50012;
}

.bannVin-size h6 i {
  width: 26px;
  height: 9px;
  display: inline-block;
  vertical-align: middle;
  margin: -6px 0 0 10px;
  background-repeat: no-repeat;
  transition: all .3s;
}

.bannVin-size h6:hover i {
  width: 0;
}







/* ------------------------------------vinter修改----------------------------------- */
.HcommSrv-left ul {
  position: relative;
  z-index: 2;
  display: flex;
  flex-flow: column nowrap;
  width: 120px;
}

.Hn2nd-vtnavbar li {
  margin: 0 0 30px 0;
  transition: 0s;
}

.Hn2nd-vtnavbar li:nth-child(n+2) {
  margin-top: 10px;
}

.Hn2nd-vtnavbar li a {
  font-size: 18px;
  /* font-weight: bold; */
  color: #fff;
  padding-bottom: 10px;
  transition: 0s;
}

/* .Hn2nd-vtnavbar li.ontrue {
  background: #e50012;
} */

.Hn2nd-vtnavbar li.ontrue a {
  border-bottom: 2px solid #e50012;
}

.vtnavbar-words {
  margin: 0;
}

.vtnavbar-words>div.onfalse {
  display: none;
}

.vtnavbar-words>div.always-show {
  display: flex;
}

.vtnavbar-words>div {
  display: flex;
  flex-flow: row wrap;
}