* {
  padding: 0;
  margin: 0;
  font-size:100%;
}

html {
  text-decoration: none;
  min-width: 1280px;
  /* overflow: auto; */
  width: 100%;
}

/* #body_all{
    overflow-x: hidden;
} */
a {
  text-decoration: none;
  /* display: block; */
  /* width: 100%; */
  /* color: white; */
}

a:hover {
  /* text-decoration: none;
  color: white; */
}

li {
  /* list-style: none;
  cursor: pointer; */
}

.list {
  position: fixed;
  width: 5.5%;
  height: 0;
  background-color: #20347d;
  opacity: 0.8;
  transition: 0.5s;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.list>ul>li {
  color: white;
  line-height: 50px;
}

.list>ul>li:hover {
  background: white;
  color: #20347d;
}

.list>ul>li:hover a {
  background: white;
  color: #20347d;
}

.listAlla>li:hover .list {
  height: 200px;
}

.listAllb>li:hover .list {
  height: 200px;
}

.listAllc>li:hover .list {
  height: 150px;
}

.listAlld>li:hover .list {
  height: 200px;
}

/* .nav {

  width: 100%;
  height: 840px;
} */

.nav_a {
  background: #20347d;
  font-size: 16px;
  color: #fff;
  height: 124px;
  width: 100%;
  margin-top: 80px;
}

.navs_a {

  margin-left: 13%;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 68%;
}

.lineHeight_a {
  color: white;
  font-size: 20px;
  line-height: 60px;
}

.lineHeight_a a:hover {
  color: white;
}

.closeNav {
  display: none;
  cursor: pointer;
}

.openNav {
  cursor: pointer;
}

.navs {
  position: fixed;
  top: 124px;
  left: 0;
  width: 100%;
  background: rgba(17, 65, 138, 0.8);
  padding: 30px 0px;
  z-index: 100;
  display: none;
}

#poFixed {
  /* min-width: 1700px; */
  background-image: linear-gradient(to right, #4a1299, #261190);
  position: fixed;
  width: 100%;
  z-index: 999;
}

#poFixed>div {
  font-size: 16px;
  color: #fff;
  margin: 0 auto;
  width: 70%;

}

.lineHeight {
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 124px;
  line-height: 124px;
}

.nav_b {
  margin-top: 120px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../imgs/home/nav_a.png");
  height: 800px;
  overflow: hidden;
}

#body_b1 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("./ball.png");

}

#body_a {
  margin-top: 80px;
  padding: 100px 0;
}

#body_b {
  margin-top: 50px;
}

.title_a {
  height: 100px;
  font-family: SourceHanSansCN-Medium;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 43px;
  letter-spacing: 0px;
  color: #434343;
}

.title_b {
  margin: 30px 0;
  font-family: SourceHanSansCN-Regular;
  font-size: 18px;
  color: #575656;

}

.title_d {
  margin: 30px 0;
  font-family: SourceHanSansCN-Regular;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #575656;
}

.title_num {
  margin: 60px 0;
  font-family: SourceHanSansCN-Regular;
  font-size: 66px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 28px;
  letter-spacing: 0px;
  color: #3913d2;
  /* position: relative; */
}

.addIcon {
  position: absolute;
  margin-top: -30px;
  /* top: -30px; */
  margin-left: -20px;
}

.contentFont {
  font-family: SourceHanSansCN-Regular;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 39px;
  letter-spacing: 0px;
  color: #545454;
}

#body_d {
  margin-bottom: 100px;
}

#body_c {
  margin: 150px 0 80px 0;
}

.title_p {
  width: 50%;
  height: 50%;
}

.title_p_1 {
  width: 100%;
  height: 15.5208vw;
  overflow: hidden;
}
.p_1 {
  border-radius: 10px;
}
.p_2 {
  border-radius: 10px;
  border-top-right-radius: 30px;
 
}
.p_3 {
  border-radius: 10px;
  border-bottom-left-radius: 30px;
}
.title_p h4 {
  margin-bottom: 10px;
}

.title_p_main {

  margin: 50px 0 30px 0;
}

.title_p_sub {
  margin-bottom: 10px;
}

.title_p1 {
  width: 80%;
  height: 80%;
}

.center_p {
  /* position: relative; */
  border-radius: 100px;
}

.center_p1 {
  z-index: 1;
  position: absolute;
  margin-left: -145px;
  margin-top: -135px;
}

.magTop1 {
  margin-top: 25px;
}

.magTop1 .title_e {
  color: gray;
  font-size: 18px;
}

#videoPlay {
  margin: 0 auto;
  object-fit: fill;
  width: 100%;
  height: 100%;
}

#body_j {
  padding-bottom: 100px;
}


.magTop {
  margin-top: 50px;
}

.magRela {
  position: relative;
}
#poFixed{
  min-width: 1280px;
}

.title_g {
  font-family: SourceHanSansCN-Light;
  font-size: 2rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 48px;
  letter-spacing: 0px;
  color: #545454;
  text-align: left;
}

#body_i {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("./banner_05.jpg");
  height: 250px;
  overflow: hidden;
}

.magTop_second {
  margin: 350px 0 80px 0;
}

#body_h {
  background-color: violet;
}

.body_i1>div {
  color: #ffffff;
}

/* #footer {
  margin-top: -5px;
  height: 350px;
  background-image: linear-gradient(to right, #4a1299, #261190);
}

#footer>div {
  color: #fff;
} */

.padTop {
  padding-top: 60px;
} 

.ligHit {
  text-align: left;
  margin-top: 10px;
  font-size: 1.25rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #cccccc;
}

.ligHit a {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #cccccc;
  padding-left: 0px;
}

.ligHit1 {
  padding-left: 20px;
  text-align: left;
  /* margin-bottom: 30px; */

}

#body_h {
  box-sizing: border-box;
}

.case {
  overflow: hidden;
  width: 8960px;
  position: relative;
  top: 50px;
}

.case .banimg-item {
  width: 350px;
  float: left;
  margin: 0;

}

.banimg-item .banimg_pic {
  margin: 0 10px;
  height: 247px;
}

/* .title_a_mar {
  margin-bottom: 20px;
} */
.banimg-item {
  width: 4480px;
  animation: 64s rowup linear infinite normal
}

.banimg-item:hover {
  cursor: pointer;
  animation-play-state: 'paused';
}

@keyframes rowup {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

}

/* @-webkit-keyframes rowup {
  0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-800%, 0, 0);
    transform: translate3d(-800%, 0, 0);
  }
} */


.banimg_text {
  height: 150px;
  background-color: white;
  box-sizing: border-box;
  padding: 30px;
}

.banimg_text h3 {
  margin-bottom: 20px;
}
.banimg_text p {
  margin-bottom:20px;
}
.case img {
  width: 100%;
  height: 100%;
}

.case div {
  margin: 0 10px;
}

#items {
  right: 1%;
  top: 35%;
  position: fixed;
}

#items>div {
  margin: 10px 0;
}

.weChatShow {
  display: none;
  position: fixed;
  right: 140px;
  margin-top: -82px;

}

.phoneShow {
  text-align: unset;
  line-height: 30px;
  display: none;
  position: fixed;
  right: 140px;
  margin-top: -30px;

  background-color: #e3e3e3;
  opacity: 0.8;
  width: 100px;
  height: 30px;
  z-index: 999;
}

.weChat:hover .weChatShow {
  display: block;
}

.phone:hover .phoneShow {
  display: block;
}

#changeItems {
  height: 82px;
  line-height: 60px;
  margin: 0 auto;
  width: 40%;
}

.changeItem {
  font-family: SourceHanSansCN-Medium;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #434343;

  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.imgWidth {
  width: 488px;
  height: 339px
}

.baiban {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../imgs/application/bai.png");
  width: 695px;
  height: 337px;
}

.biaoti {
  padding-left: 50px;
  text-align: left;
  font-family: SourceHanSansCN-Medium;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 43px;
  letter-spacing: 0px;
  color: #434343;
  padding-top: 25px;
}

.leirong {
  padding-left: 50px;
  padding-top: 5%;
  padding-right: 20%;
  text-align: left;
  font-family: SourceHanSansCN-Normal;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #434343;
}

.phone {
  margin-top: 10px;
}

.footer_item {
  cursor: pointer;
  font-size: 16px;

}

/* .copyright {
  background-color: rgba(0, 0, 0, 0.3);
  height: 75px;
  width: 100%;
  line-height: 75px;
  text-align: center;
  color: white;

}

.copyrightBg {
  background: #20347d;
} */

#all_a {

  background-image: url("../imgs/application/fwzc.png");
  ;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 500PX;
}

.ligHit1>h4 {
  font-family: SourceHanSansCN-Regular;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 48px;
  letter-spacing: 0px;
  color: #ffffff;
  margin-left: -22px;
}

.changeItem a {
  font-family: SourceHanSansCN-Medium;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 82px;
  letter-spacing: 0px;
  color: #434343;
}

#srvers_b {
  padding-top: 105px;
  height: 626px;
  background: linear-gradient(to right, #f5f4f7, #f5f6f6);
}

#enterprise_b .title_a {
  margin-top: 95px;
}

.title_c {
  margin-top: -40px;
}

#technology_a .title_a {
  margin-top: 85px;
}

#personnel_b .title_a {
  margin-top: 85px;
}

.videosBox .title_b {
  margin: 80px 0px;
  font-family: SourceHanSansCN-Medium;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 43px;
  letter-spacing: 0px;
  color: #434343;
}

.number {
  font-family: SourceHanSansCN-Normal;
  font-size: 158px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #281ddc;
}

.numberb1 {
  margin-left: 10px;
  font-size: 24px;
  /* margin-left: 0; */

}

.contact_bj {
  background-image: url(../imgs/enterprise/about_bj_1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#nav-sub1 {
  bottom:-130px;
}
#nav-sub2 {
  bottom:-49px;
}
.footer dd,dl {
  line-height:45px;
}

.slideImg img,
.dt-main .box ul li .img01 { transition: transform .3s; }
.slideImg img:hover,
.dt-main .box ul li:hover .img01 { transform: scale(1.05); }
.cont {
  /* width:1200px; */
  width: 74.8958vw;
  margin:0 auto;
}
.cont li {
  width: 33.333%;
  float: left;
}
.cont .box {
  width: 90%;
    max-width: 440px;
    margin: 0 auto 30px;
}
.cont .box .t {
  overflow: hidden;
}
.cont .box .t img {
  display: block;
  width: 100%;
  height: 9.8438vw;
}
.cont .box .z {
  padding: 0 17% 0 10px;
  position: relative;
  height: 140px;
  background: #f4f4f7;
}
.cont .box h5 {
  font-size: 18px;
  font-weight: inherit;
  line-height: 2;
  padding-top: 5px;
  color: #333333;
  position: relative;
  z-index: 5;
}
.cont .box p {
  line-height: 22px;
  color: #626262;
  position: relative;
  z-index: 5;
  font-size:14px;
}
.cont .box:hover h5 {
  color:#fff;
}
.cont .box:hover p {
  color:#fff;
}
 .cont .box span {
  display: block;
  width: 17%;
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgba(55, 60, 82, 0.2);
  background-image: url(./icon-arrow-r2.png);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 5;
}
 .cont .box em {
  width: 0%;
  height: 100%;
  background: #2c81ea;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  transition: width 0.3s;
  -moz-transition: width 0.3s;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
}
.cont .box:hover em {
  width: 100%;
}
.service-qq img:nth-child(1) {
  /**display:none;**/
}
.service-qq span:nth-child(2) {
  /**display:none;**/
}

.magTop1 ul {
  width: 100%;
  margin-top: 40px
}
.magTop1 ul li:not(:nth-child(4)) {
  border-right: 1px dashed #D1D1D4;
}
.magTop1 ul li {
  float: left;
  box-sizing: border-box;
  width: 25%;
  height: 250px;
  position: relative;
  text-align: center;

}
.magTop1 ul li .custom-container {
  text-align: center;
}
.magTop1 ul li .cus-tit-bac {
  display: block;
  width: 100%;
  height: 175px;
  background-repeat: no-repeat;
  background-position: center top;
}
.bac01 {
  background-image: url(./pro-icon-1.jpg);
}
.bac02 {
  background-image: url(./pro-icon-2.jpg);
}
.bac03 {
  background-image: url(./pro-icon-3.jpg);
}
.bac04 {
  background-image: url(./pro-icon-4.jpg);
}
.magTop1 ul li .cus-tit-box {
  margin-top: 20px;
  text-align: center;
}
.magTop1 ul li .cus-tit-box .cus-tit {
  display: inline-block;
  text-align: center;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
.magTop1 ul li .cus-tit-box .cus-det {
  display: inline-block;
  text-align: center;
  width: 100%;
  color: #666;
  margin-top: 10px;
}
.magTop1 ul li .cus-tit-box-h {
  position: absolute;
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  /* top: 0; */
  background-color: #F4F4F7;
  display: none;
}
.magTop1 ul li .cus-c1 {
  color: #F99154;
}
.magTop1 ul li .cus-c2 {
  color: #4ebfe9;
}
.magTop1 ul li .cus-c3 {
  color: #ffb32c;
}
.magTop1 ul li .cus-c4 {
  color: #45cfad;
}
.magTop1 ul li:hover .cus-tit-box {
  display: none;
}
.magTop1 ul li:hover .cus-tit-box-h {
  display:block;
}

.swiper-slide .swText {
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  /* width: 100px;
  height: 100px; */
  color: #fff;
  font-size: 2.5vw;
}
.swiper-slide img {
  height: 42.7604vw;
}
.banimg1 {
  position:relative;
}
.banimg1>a>div {
  position:absolute;
  top: 15%;
  left:8%;
  color:#fff;
  
}
.banimg1>a>div>h4 {
  font-size:3.125vw;
  text-align: left;
}
.banimg1>a>div>span {
  margin-top: 1.3021vw;
  display: block;
  font-size: 1.3021vw;
}
.ball>div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 14.5313vw;
  height: 14.5313vw;
  /* line-height: 14.5313vw;
  text-align: center; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #750ec0;
  border-radius: 50%;
  z-index: 999;
  border:20px solid #fff;
  color: #fff;
}
.ball>div>h4 {
  font-size: 1.5625vw;
  margin-bottom: 0.5208vw;
}