.home {
  background-color: #000f21;
}
html,
body {
  height: 100%;
}

.article .swiper-slide .banner{height:100vmin;background-color:#000f21;position:relative;margin-top: 0;}
.banner h1{font-size:6.25rem}
.banner h1,.banner h2{font-family:AkrobatBold;color:#fff}
.banner h2{font-size:2.75rem}
.banner h3{font-size:2.5rem;font-family:AkrobatBold;color:#fff}
.banner h4{font-size:1.87rem;font-weight:400;font-family:Microsoft YaHei,PingFangSC,Arial,Helvetica;color:#fff}
.banner h5{font-size:5rem;font-family:AkrobatBold;color:#fff}
.banner ._2YJd{font-size:1rem;font-weight:400;font-family:Microsoft YaHei,PingFangSC,Arial,Helvetica;color:#fff;line-height:2rem;text-align:justify;opacity:0}
.banner .banitem-btn{display:inline-block;margin-top:4.5vmin}
.banner .banitem-btntxt{
  font-size:1.2rem;font-weight:400;font-family:Microsoft YaHei,PingFangSC,Arial,Helvetica;color:#fff;display:inline-block;
  height:5.7vmin;line-height:5.7vmin;padding:0 3.3rem;background-color:#0057fe;border:none;cursor:pointer;white-space:nowrap;border-radius: 4px; 
}
.banner .banitem-btntxt:active,.banner .banitem-btntxt:focus,.banner .banitem-btntxt:hover{background-color:#0037dc}
.banbox .banner-down{width:6rem;height:3rem;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;position:absolute;left:50%;margin-left:-3rem;-webkit-animation:ban-down 1.5s infinite;animation:ban-down 1.5s infinite;z-index:1;cursor:pointer}
.banbox .ban-down1,.banbox .ban-down2,.banbox .ban-down3{width:0;height:0;border-style:solid;border-width:.56rem .56rem 0;border-color:#fff transparent transparent;position:relative;margin-bottom:-.4rem}
.banbox .ban-down1{opacity:.2;top:0}
.banbox .ban-down2{opacity:.6;top:.9375rem}
.banbox .ban-down3{opacity:1;top:1.875rem}
@-webkit-keyframes ban-down{0%{bottom:2.2rem}
60%{bottom:1.5rem}
to{bottom:2.2rem}
}
@keyframes ban-down{0%{bottom:2.2rem}
60%{bottom:1.5rem}
to{bottom:2.2rem}
}
.banner-bg {
  background-size: 100%;
  background-position: top right;
  background-repeat: no-repeat;
  height: 100%;
  margin-top: 71px!important;
}
.banbox .banbox-txt .phoneBg{
  display: none;
}
.banbox .banitem{background:#000f21}
.banbox .swiper-container{height:100%}
.banbox .swiper-button-next,.banbox .swiper-button-prev{top:auto;bottom:16%;width:2.5rem;height:2.5rem}
.banbox .swiper-button-next span,.banbox .swiper-button-prev span{font-size:1.25rem;font-weight:400;font-family:Microsoft YaHei,PingFangSC,Arial,Helvetica;color:#fff;position:absolute;white-space:nowrap;top:.7rem}
.banbox .swiper-button-prev{left:18.5%;background-image:url('../home/left.png');background-size:100% 100%}
.banbox .swiper-button-prev:hover{background-image:url('../home/left-h.png')}
.banbox .swiper-button-next{left:18.5%;margin-left:3.3rem;background-image:url(../home/right.png);background-size:100% 100%}
.banbox .swiper-button-next:hover{background-image:url(../home/right-h.png)}
.banbox .swiper-button-next.swiper-button-disabled span,.banbox .swiper-button-prev.swiper-button-disabled span{display:none}
.banbox .swiper-button-next:after,.banbox  .swiper-button-prev:after { display: none;}
.article .swiper-slide .banbox .banbox-txt{
  position:relative;margin:auto 14.5%;width:63%;height:100%;margin-top: 0;
}
.banbox .banbox-txt .banitem-addr{position:absolute;width:6.5rem;left:0;bottom:15.5%;height:3.2rem;z-index:3}
.banbox .banbox-txt h4{
  margin-top:2vmin;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;
  line-height: 2.8rem;
}
.banbox .banitem2{background:url(../home/bannerDefault2.png) no-repeat 40% 44% #000f21;background-size:92%}
.banbox .banitem2 .banitem-en{margin-top:2vmin; word-wrap:break-word;  white-space: normal;}
.banbox .banitem-txtinfo{position:absolute;z-index:1;margin-top:22vmin}
.banbox .banitem-txtinfo h1.banitem-h1{
  font-size:4.38rem;font-family:Microsoft YaHei,PingFangSC,Arial,Helvetica;color:#fff;line-height:6rem;
  font-weight: bold;
}
.banbox .banitem-txtinfo .banitem-en{
  font-size:2.6rem;font-family:AkrobatBold;color:#fff;margin-top:.6vmin;margin-left:-.2rem;line-height: 4rem;
}
.banbox .banitem-mainbg{width:100%;height:90%;position:relative;display:-ms-flexbox;display:flex;margin:auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.banbox .banitem-mainbg .banitem-mainbg-img{width:44.25rem;height:44.25rem;margin-left:21.5rem;background:url(../home/bannerDefault1.png);background-size:100% 100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.banbox .banitem-mainbg .banitem-mainbg-img1{width:44.25rem;height:44.25rem;margin-left:21.5rem;background:url(../home/bannerDefault5.png);background-size:100% 100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.banbox .swiper-slide-active .banitem-txtinfo h1{-webkit-animation:txtmove 1s;animation:txtmove 1s}
.banbox .swiper-slide-active .banitem-txtinfo h4{-webkit-animation:txtmove 1s .5s forwards;animation:txtmove 1s .5s forwards}
@media screen and (max-width:801px){.banbox ._1BkO{width:90%}}
@-webkit-keyframes txtmove{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes txtmove{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@media screen and (max-width:900px){
.banbox .banitem-txtinfo{margin-top:14vmin}
}
@media screen and (min-width:1200px) and (max-width:1350px){.banbox .banitem-txtinfo{margin-top:26vmin}
.banbox .banitem-mainbg .banitem-mainbg-img{right:3.8rem}
}


.banner-slide .banner-wrap {
  margin-top: 0!important;
  display: none;
}

.banner-slide .banner-txt {
  position: absolute;
  left: 18.2291%;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  color: #fff;
  z-index: 2;
  margin-top: 0 !important;
}
.banner-slide .banner-txt .txt1 {
  font-size: 72px;
  line-height: 1;
  margin-bottom: 30px;
  transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  opacity: 0;
  transition: all 0.45s ease;
  -ms-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  -webkit-transition: all 0.45s ease;
  -moz-transition: all 0.45s ease;
}
.banner-slide .banner-txt .txt2 {
  font-size: 78px;
  line-height: 1;
  transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  opacity: 0;
  transition: all 0.45s ease;
  -ms-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  -webkit-transition: all 0.45s ease;
  -moz-transition: all 0.45s ease;
}
.banner-slide .banner-txt .txt3 {
  font-size: 30px;
  line-height: 1;
  margin: 70px 0 42px;
  transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  opacity: 0;
  transition: all 0.45s ease;
  -ms-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  -webkit-transition: all 0.45s ease;
  -moz-transition: all 0.45s ease;
}
.banner-slide .banner-txt .txt4 {
  font-size: 24px;
  line-height: 64px;
  width: 238px;
  background: #1f45fe;
  text-align: center;
  display: block;
  color: #fff;
}
.banner-slide .banner-txt .txt4:hover {
  background: #2a46d1;
}
.banner-slide .swiper-arr {
  position: absolute;
  left: 18.2291%;
  bottom: 20%;
  z-index: 999;
}
.banner-slide .swiper-arr > div {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.45s ease;
  -ms-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  -webkit-transition: all 0.45s ease;
  -moz-transition: all 0.45s ease;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.banner-slide .swiper-arr > div.swiper-button-disabled {
  opacity: 0.5;
}
.banner-slide .swiper-arr .arr-left {
  background-image: url(../home/left.png);
}
.banner-slide .swiper-arr .arr-left:hover {
  background-image: url(../home/left-h.png);
}
.banner-slide .swiper-arr .arr-right {
  background-image: url(../home/right.png);
}
.banner-slide .swiper-arr .arr-right:hover {
  background-image: url(../home/right-h.png);
}
.banner-slide .arrow {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  width: 18px;
  height: 43px;
  background: url(../home/icon7.png) no-repeat;
  z-index: 999;
  animation: arr_ani 1.5s ease-in infinite;
  -webkit-animation: arr_ani 1.5s ease-in infinite;
  -moz-animation: arr_ani 1.5s ease-in infinite;
  -o-animation: arr_ani 1.5s ease-in infinite;
}
.banner-slide .swiper-slide-active .banner-txt .txt1 {
  animation: fadeInUp50 0.8s ease 0s both;
  -webkit-animation: fadeInUp50 0.8s ease 0s both;
  -moz-animation: fadeInUp50 0.8s ease 0s both;
  -o-animation: fadeInUp50 0.8s ease 0s both;
}
.banner-slide .swiper-slide-active .banner-txt .txt2 {
  animation: fadeInUp50 0.8s ease 0.2s both;
  -webkit-animation: fadeInUp50 0.8s ease 0.2s both;
  -moz-animation: fadeInUp50 0.8s ease 0.2s both;
  -o-animation: fadeInUp50 0.8s ease 0.2s both;
}
.banner-slide .swiper-slide-active .banner-txt .txt3 {
  animation: fadeInUp50 0.8s ease 0.4s both;
  -webkit-animation: fadeInUp50 0.8s ease 0.4s both;
  -moz-animation: fadeInUp50 0.8s ease 0.4s both;
  -o-animation: fadeInUp50 0.8s ease 0.4s both;
}
@keyframes fadeInUp50 {
  0% {
    transform: translate(0, 60px);
    -ms-transform: translate(0, 60px);
    -o-transform: translate(0, 0px);
    -webkit-transform: translate(0, 60px);
    -moz-transform: translate(0, 60px);
    opacity: 0;
  }
  100% {
    transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    opacity: 1;
  }
}
@keyframes arr_ani {
  0% {
    bottom: 20px;
  }
  50% {
    bottom: 40px;
  }
  100% {
    bottom: 20px;
  }
}




.article .swiper-slide .slider2-box {
  height: 100vmin;
  background-color: #000f21;
  position: relative;
  margin-top: 50px;
}
.source-slide .slider2-box.slider2-main {
  margin-top: 0px;
  display: flex;
  flex-direction: column;
  align-items: center!important;
  justify-content: center;
}

.slider2-box h1 {
  font-size: 6.25rem
}

.slider2-box h1,
.slider2-box h2 {
  font-family: AkrobatBold;
  color: #fff
}

.slider2-box h2 {
  font-size: 2.75rem
}

.slider2-box h3 {
  font-size: 2.5rem;
  font-family: AkrobatBold;
  color: #fff
}

.slider2-box h4 {
  font-size: 1.87rem;
  font-weight: 400;
  font-family: Microsoft YaHei, PingFangSC, Arial, Helvetica;
  color: #fff
}

.slider2-box h5 {
  font-size: 5rem;
  font-family: AkrobatBold;
  color: #fff
}

.slider2-box ._1jIN {
  font-size: 1rem;
  font-weight: 400;
  font-family: Microsoft YaHei, PingFangSC, Arial, Helvetica;
  color: #fff;
  line-height: 2rem;
  text-align: justify;
  opacity: 0
}

.slider2-box ._1o2f {
  display: inline-block;
  margin-top: 4.5vmin
}

.slider2-box ._2A2e {
  font-size: 1.5rem;
  font-weight: 400;
  font-family: Microsoft YaHei, PingFangSC, Arial, Helvetica;
  color: #fff;
  display: inline-block;
  height: 6.7vmin;
  line-height: 6.7vmin;
  padding: 0 4.3rem;
  background-color: #3253f9;
  border: none;
  cursor: pointer;
  white-space: nowrap
}

.slider2-box ._2A2e:active,
.slider2-box ._2A2e:focus,
.slider2-box ._2A2e:hover {
  background-color: #2a46d1
}

.slider2-main {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.slider2-main,
.slider2-main .slider2-info {
  display: -ms-flexbox;
  display: flex
}

.slider2-main .slider2-info .slider2-item {
  display: none;
  width: 50%
}

.slider2-main .slider2-info .slider2-item:first-child {
  display: -ms-flexbox;
  display: flex
}

.slider2-main .slider2-info .slider2-item:first-child>div {
  -ms-flex: 1 1;
  flex: 1 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.slider2-main .slider2-info .slider2-item:first-child>div>div {
  -ms-flex: 1 1;
  flex: 1 1
}

.slider2-main .slider2-info .slider2-item:nth-child(2) {
  display: -ms-flexbox;
  display: flex
}

.slider2-main .slider2-info .slider2-item:nth-child(2)>.slider2-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.slider2-main .slider2-info .slider2-item:nth-child(2)>.slider2-right>div {
  -ms-flex: 1 1;
  flex: 1 1
}

.slider2-main .slider2-info .slider2-item:nth-child(2) .HBXW {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.slider2-main .slider2-info .slider2-item:nth-child(2) .HBXW>div {
  -ms-flex: 1 1;
  flex: 1 1
}

.slider2-main .slider2-info .slider2-item:nth-child(2) .HBXW>div.slider2-btm {
  display: -ms-flexbox;
  display: flex
}

.slider2-main .slider2-info .slider2-item:nth-child(2) .HBXW>div.slider2-btm>div {
  -ms-flex: 1 1;
  flex: 1 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.slider2-main .slider2-info .slider2-item:nth-child(2) .HBXW>div.slider2-btm>div>div {
  -ms-flex: 1 1;
  flex: 1 1
}

.slider2-main .slider2-info .slider2-item .slider2-li {
  background: #001a77;
  font-size: 2.75rem;
  font-family: AkrobatBold;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.slider2-main .slider2-info .slider2-item .slider2-li .slider2-li-show>div {
  opacity: 0;
  text-align: center
}

.slider2-main .slider2-info .slider2-item .slider2-li .slider2-li-show .slider2-li-title {
  font-size: 1.25rem;
  font-weight: 400;
  font-family: Microsoft YaHei, PingFangSC, Arial, Helvetica;
  color: #fff;
  text-align: center;
  margin-top: 1rem
}

.slider2-main .slider2-info .slider2-item .slider2-li .slider2-li-show .numadd {
  display: inline-block;
  text-align: center;
  vertical-align: middle
}

.slider2-main .slider2-info .slider2-item .slider2-li:hover .slider2-txt-hover {
  opacity: 1 !important
}

.slider2-main .slider2-info .slider2-item .slider2-li .slider2-txt-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0
}

.slider2-main .slider2-info .slider2-item .slider2-li .slider2-txt-hover .slider2-txt-title {
  font-size: 1.25rem;
  font-weight: 400;
  font-family: Microsoft YaHei, PingFangSC, Arial, Helvetica;
  color: #fff;
  margin-top: 1rem;
  text-align: center;
  line-height: 1.5rem;
  width: 100%
}

.slider2-main .slider2-info .slider2-item .slider2-li .slider2-txt-hover.slider2-txt-hover1 {
  background: url(../home/slider2-1.png);
  background-size: cover
}

.slider2-main .slider2-info .slider2-item .slider2-li .slider2-txt-hover.slider2-txt-hover2 {
  background: url(../home/slider2-2.png);
  background-size: cover
}

.slider2-main .slider2-info .slider2-item .slider2-li .slider2-txt-hover.slider2-txt-hover4 {
  background: url(../home/slider2-4.png);
  background-size: cover
}

.slider2-main .slider2-info .slider2-item .slider2-li .slider2-txt-hover.slider2-txt-hover3 {
  background: url(../home/slider2-3.png);
  background-size: cover
}

.slider2-main .slider2-info .slider2-item .slider2-li .slider2-txt-hover.slider2-txt-hover5 {
  background: url(../home/slider2-5.png);
  background-size: cover
}

.slider2-main .slider2-info .slider2-item .slider2-li .slider2-txt-hover.slider2-txt-hover6 {
  background: url(../home/slider2-6.png);
  background-size: cover
}

.slider2-main .slider2-info .slider2-item .slider2-li .slider2-txt-hover.slider2-txt-hover7 {
  background: url(../home/slider2-7.png);
  background-size: cover
}

.slider2-main .slider2-info .slider2-item .slider2-txt-bg {
  background: rgba(50, 83, 249, .05)
}

.slider2-main .f55x {
  font-size: 2.75rem;
  font-family: AkrobatBold;
  color: #fff;
  width: .5rem;
  display: inline-block;
  position: relative
}

.slider2-main .f55x>span {
  position: absolute;
  bottom: -.6rem;
  left: -1px
}

.slider2-main .slider2-li-num {
  width: 1.3rem;
  font-size: 2.75rem;
  font-family: AkrobatBold;
  color: #fff;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  margin: 0
}

.slider2-main .slider2-li-num:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  word-break: break-all;
  background-color: #001a77;
}

@-webkit-keyframes nummove {
  0% {
      margin-top: -30rem
  }

  to {
      margin-top: 3rem
  }
}

@keyframes nummove {
  0% {
      margin-top: -30rem
  }

  to {
      margin-top: 3rem
  }
}

@-webkit-keyframes slider2-txtmove {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes slider2-txtmove {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@-webkit-keyframes divshow {
  0% {
      opacity: 0
  }

  50% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@keyframes divshow {
  0% {
      opacity: 0
  }

  50% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

.swiper-slide-active .slider2-li-num:first-child:before {
  content: "4792036815";
  -webkit-animation: nummove 1.33s .1s forwards;
  animation: nummove 1.33s .1s forwards
}

.swiper-slide-active .slider2-li-num:nth-child(2):before {
  content: "0295176384";
  -webkit-animation: nummove 2.56s .2s forwards;
  animation: nummove 2.56s .2s forwards
}

.swiper-slide-active .slider2-li-num:nth-child(3):before {
  content: "8562143079";
  -webkit-animation: nummove 1.82s .48s forwards;
  animation: nummove 1.82s .48s forwards
}

.swiper-slide-active .slider2-li-num:nth-child(4):before {
  content: "2471958306";
  -webkit-animation: nummove .96s .52s forwards;
  animation: nummove .96s .52s forwards
}

.swiper-slide-active .slider2-li-num:nth-child(5):before {
  content: "2360451897";
  -webkit-animation: nummove .2s .94s forwards;
  animation: nummove .2s .94s forwards
}

.swiper-slide-active .slider2-li-num:nth-child(6):before {
  content: "4851906723";
  -webkit-animation: nummove 2.88s .2s forwards;
  animation: nummove 2.88s .2s forwards
}

.swiper-slide-active .slider2-li-num:nth-child(7):before {
  content: "2156074938";
  -webkit-animation: nummove 2.2s .31s forwards;
  animation: nummove 2.2s .31s forwards
}

.swiper-slide-active .slider2-li-num:nth-child(8):before {
  content: "1867954302";
  -webkit-animation: nummove 2.2s .37s forwards;
  animation: nummove 2.2s .37s forwards
}

.swiper-slide-active .slider2-li-num:nth-child(9):before {
  content: "1452798306";
  -webkit-animation: nummove 1.65s .45s forwards;
  animation: nummove 1.65s .45s forwards
}

.swiper-slide-active .slider2-li-num:nth-child(10):before {
  content: "5012438697";
  -webkit-animation: nummove 1.9s .47s forwards;
  animation: nummove 1.9s .47s forwards
}

.swiper-slide-active .slider2-li-num:nth-child(11):before {
  content: "6027195483";
  -webkit-animation: nummove 3.04s .05s forwards;
  animation: nummove 3.04s .05s forwards
}

.swiper-slide-active .slider2-li-num:nth-child(12):before {
  content: "4692731805";
  -webkit-animation: nummove 3.36s .04s forwards;
  animation: nummove 3.36s .04s forwards
}

.swiper-slide-active .slider2-li-num:nth-child(13):before {
  content: "4738259106";
  -webkit-animation: nummove .29s .89s forwards;
  animation: nummove .29s .89s forwards
}

.swiper-slide-active .slider2-li-num:nth-child(14):before {
  content: "7018456293";
  -webkit-animation: nummove .612s .83s forwards;
  animation: nummove .612s .83s forwards
}

.swiper-slide-active .slider2-li-num:nth-child(15):before {
  content: "5764318209";
  -webkit-animation: nummove 2.08s .35s forwards;
  animation: nummove 2.08s .35s forwards
}

.swiper-slide-active .slider2-li-num:nth-child(16):before {
  content: "8730149265";
  -webkit-animation: nummove 1.7s .49s forwards;
  animation: nummove 1.7s .49s forwards
}

.swiper-slide-active .slider2-midbtm,
.swiper-slide-active .slider2-midbtm+.slider2-li-title,
.swiper-slide-active .slider2-midright,
.swiper-slide-active .slider2-midright+.slider2-li-title,
.swiper-slide-active .slider2-midmid,
.swiper-slide-active .slider2-midmid+.slider2-li-title,
.swiper-slide-active .slider2-leftbtm,
.swiper-slide-active .slider2-leftbtm+.slider2-li-title,
.swiper-slide-active .slider2-righttop,
.swiper-slide-active .slider2-righttop+.slider2-li-title,
.swiper-slide-active .slider2-rightbtm,
.swiper-slide-active .slider2-rightbtm+.slider2-li-title,
.swiper-slide-active .slider2-li-txt,
.swiper-slide-active .slider2-li-txt+.slider2-li-title {
  -webkit-animation: slider2-txtmove .5s .5s forwards;
  animation: slider2-txtmove .5s .5s forwards
}

.swiper-slide-active .slider2-txt-hover1 {
  -webkit-animation: divshow 1.5s 2.5s;
  animation: divshow 1.5s 2.5s
}

.swiper-slide-active .slider2-txt-hover2 {
  -webkit-animation: divshow 1.5s 3.5s;
  animation: divshow 1.5s 3.5s
}

.swiper-slide-active .slider2-txt-hover4 {
  -webkit-animation: divshow 1.5s 4.5s;
  animation: divshow 1.5s 4.5s
}

.swiper-slide-active .slider2-txt-hover3 {
  -webkit-animation: divshow 1.5s 5.5s;
  animation: divshow 1.5s 5.5s
}

.swiper-slide-active .slider2-txt-hover6 {
  -webkit-animation: divshow 1.5s 6.5s;
  animation: divshow 1.5s 6.5s
}

.swiper-slide-active .slider2-txt-hover5 {
  -webkit-animation: divshow 1.5s 7.5s;
  animation: divshow 1.5s 7.5s
}

.swiper-slide-active .slider2-txt-hover7 {
  -webkit-animation: divshow 1.5s 8.5s;
  animation: divshow 1.5s 8.5s
}

.slider2-main .slider2-info {
  width: 75.6rem;
  height: 50.4rem;
}

.slider2-main .slider2-info .slider2-item:nth-child(2)>.slider2-right {
  width: 12.6rem
}

.slider2-main .slider2-info .slider2-item:nth-child(2) .HBXW {
  width: 25.2rem
}

@media screen and (max-width:900px) {
  .slider2-main .slider2-info {
      width: 63vmax;
      height: 42vmax
  }

  .slider2-main .slider2-info .slider2-item:nth-child(2)>.slider2-right {
      width: 10.5vmax
  }

  .slider2-main .slider2-info .slider2-item:nth-child(2) .HBXW {
      width: 21vmax
  }
}



.article {
  height: 100%;
}
.article .main {
  height: 100vmin;
  overflow: hidden;
}
.article .swiper-container {
  height: 100%;
}
.article .swiper-slide:last-child {
  height: auto !important;
}
.article .swiper-slide > div {
  margin-top: 12vmin;
}
.article .swiper-pagination {
  position: fixed;
  bottom: auto;
  left: auto;
  right: 3.3854%;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.article .swiper-container  .swiper-pagination-bullet {
  opacity: 1;
  margin: 35px 0;
  font-size: 0;
  border-radius: 0;
  display: block;
  position: relative;
  background: none;
}
.article .swiper-pagination-bullet:last-child {
  display: none;
}
.article .swiper-pagination-bullet::before {
  content: '';
  width: 15px;
  height: 10px;
  background: url(../home/icon2.png) no-repeat center / 100% 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.article .swiper-pagination-bullet::after {
  width: 80px;
  content: '英思科技';
  font-size: 16px;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  text-align: right;
  opacity: 0;
}
.article .swiper-pagination-bullet:hover::before {
  display: none;
}
.article .swiper-pagination-bullet:hover::after {
  opacity: 1;
}
.article .swiper-pagination-bullet + .swiper-pagination-bullet::after {
  content: '產品';
}
.article .swiper-pagination-bullet + .swiper-pagination-bullet + .swiper-pagination-bullet::after {
  content: '解決方案';
}
.article .swiper-pagination-bullet + .swiper-pagination-bullet + .swiper-pagination-bullet + .swiper-pagination-bullet::after {
  content: '流量變現';
}
.article .swiper-pagination-bullet + .swiper-pagination-bullet + .swiper-pagination-bullet + .swiper-pagination-bullet + .swiper-pagination-bullet::after {
  content: '資源';
}
.article .swiper-pagination-bullet + .swiper-pagination-bullet + .swiper-pagination-bullet + .swiper-pagination-bullet + .swiper-pagination-bullet + .swiper-pagination-bullet::after {
  content: '合作夥伴';
}
.article .swiper-pagination-bullet + .swiper-pagination-bullet + .swiper-pagination-bullet + .swiper-pagination-bullet + .swiper-pagination-bullet + .swiper-pagination-bullet + .swiper-pagination-bullet::after {
  content: '我們的客戶';
}

/*.swiper-pagination-bullet:nth-last-child(1){
    display: none;
}
.swiper-pagination-bullet:nth-last-child(2){
    display: none;
}
.article .swiper-container .swiper-pagination-bullet:nth-last-child(2){
    display: none;
}*/



.article .swiper-pagination-bullet-active::before {
  display: none;
}
.article .swiper-pagination-bullet-active::after {
  opacity: 1;
}
.banner-slide .banner-wrap {
  margin-top: 0!important;
}
.banner-slide .banner-txt {
  position: absolute;
  left: 18.2291%;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  color: #fff;
  z-index: 2;
  margin-top: 0 !important;
}
.banner-slide .banner-txt .txt1 {
  font-size: 72px;
  line-height: 1;
  margin-bottom: 30px;
  transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  opacity: 0;
  transition: all 0.45s ease;
  -ms-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  -webkit-transition: all 0.45s ease;
  -moz-transition: all 0.45s ease;
}
.banner-slide .banner-txt .txt2 {
  width: 70%;
  font-size: 78px;
  line-height: 1;
  transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  opacity: 0;
  transition: all 0.45s ease;
  -ms-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  -webkit-transition: all 0.45s ease;
  -moz-transition: all 0.45s ease;
}
.banner-slide .banner-txt .txt3 {
  font-size: 30px;
  line-height: 1;
  margin: 70px 0 42px;
  transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  opacity: 0;
  transition: all 0.45s ease;
  -ms-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  -webkit-transition: all 0.45s ease;
  -moz-transition: all 0.45s ease;
}
.banner-slide .banner-txt .txt4 {
  font-size: 24px;
  line-height: 64px;
  width: 238px;
  background: #1f45fe;
  text-align: center;
  display: block;
  color: #fff;
}
.banner-slide .banner-txt .txt4:hover {
  background: #2a46d1;
}
.banner-slide .swiper-arr {
  position: absolute;
  left: 18.2291%;
  bottom: 13%;
  z-index: 999;
}
.banner-slide .swiper-arr > div {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.45s ease;
  -ms-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  -webkit-transition: all 0.45s ease;
  -moz-transition: all 0.45s ease;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.banner-slide .swiper-arr > div.swiper-button-disabled {
  opacity: 0.5;
}
.banner-slide .swiper-arr .arr-left {
  background-image: url(../home/left.png);
}
.banner-slide .swiper-arr .arr-left:hover {
  background-image: url(../home/left-h.png);
}
.banner-slide .swiper-arr .arr-right {
  background-image: url(../home/right.png);
}
.banner-slide .swiper-arr .arr-right:hover {
  background-image: url(../home/right-h.png);
}
.banner-slide .arrow {
  cursor: pointer;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  width: 18px;
  height: 43px;
  background: url(../home/icon7.png) no-repeat;
  z-index: 999;
  animation: arr_ani 1.5s ease-in infinite;
  -webkit-animation: arr_ani 1.5s ease-in infinite;
  -moz-animation: arr_ani 1.5s ease-in infinite;
  -o-animation: arr_ani 1.5s ease-in infinite;
}
.banner-slide .swiper-slide-active .banner-txt .txt1 {
  animation: fadeInUp50 0.8s ease 0s both;
  -webkit-animation: fadeInUp50 0.8s ease 0s both;
  -moz-animation: fadeInUp50 0.8s ease 0s both;
  -o-animation: fadeInUp50 0.8s ease 0s both;
}
.banner-slide .swiper-slide-active .banner-txt .txt2 {
  animation: fadeInUp50 0.8s ease 0.2s both;
  -webkit-animation: fadeInUp50 0.8s ease 0.2s both;
  -moz-animation: fadeInUp50 0.8s ease 0.2s both;
  -o-animation: fadeInUp50 0.8s ease 0.2s both;
}
.banner-slide .swiper-slide-active .banner-txt .txt3 {
  animation: fadeInUp50 0.8s ease 0.4s both;
  -webkit-animation: fadeInUp50 0.8s ease 0.4s both;
  -moz-animation: fadeInUp50 0.8s ease 0.4s both;
  -o-animation: fadeInUp50 0.8s ease 0.4s both;
}
@keyframes fadeInUp50 {
  0% {
    transform: translate(0, 60px);
    -ms-transform: translate(0, 60px);
    -o-transform: translate(0, 0px);
    -webkit-transform: translate(0, 60px);
    -moz-transform: translate(0, 60px);
    opacity: 0;
  }
  100% {
    transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    opacity: 1;
  }
}
@keyframes arr_ani {
  0% {
    bottom: 20px;
  }
  50% {
    bottom: 40px;
  }
  100% {
    bottom: 20px;
  }
}
.product-slide .phone{
  display: none;
}
.product-slide .product-wrap {
  background: url(../home/probg.png) no-repeat;
  background-size: contain;
  height: 100%;
  padding-top: 60px;
}
.product-title{
  font-size: 48px;
  line-height: 52px;
  color: #fff;
  text-align: center;
}
.product-slide .tab-wrapper {
  margin-top: 65px;
}
.product-slide .product-wrap1{
    display: none;
}
.product-slide .product-wrap {
  background: url(../home/projectBg.jpg) no-repeat;
  background-size: contain;
  height: 100%;
  padding-top: 60px;
}
.product-slide .product-wrap .box {
  width: 78.6458%;
  margin: 0 auto;
}
.product-slide .product-wrap .box .top-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.product-slide .product-wrap .box .top-box .item {
  width: 23% ;
  height: 10vmin;
  position: relative;
}
.product-slide .product-wrap .box .top-box .item .bg {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  position: absolute;
  border: 1px solid #0057fe;
}
.product-slide .product-wrap .box .top-box .item .bg .kailong {
  position: absolute;
}
.product-slide .product-wrap .box .top-box .item .top {

  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: rgba(0, 87, 254, .4);
  border-radius: 5px;
}
.product-slide .product-wrap .box .top-box .item .top .kailong1 {
  position: absolute;
}
.product-slide .product-wrap .box .top-box .item .top h5 {
  font-size: 2rem;
  color: #fff;
}
.product-slide .product-wrap .box .top-box .item .top p {
  font-size: 1rem;
  color: #fff;
  line-height: 1rem;
}
.product-slide .product-wrap .box .top-box .active {
  width: 23% ;
  height: 10vmin;
  position: relative;
}
.product-slide .product-wrap .box .top-box .active .bg {
  border-radius: 5px;
  position: absolute;
  background: #0057fe;
  border: none;
}
.product-slide .product-wrap .box .top-box .active .bg .kailong {
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 15px solid #0057fe;
  position: absolute;
  bottom: -13.5px;
  left: 50%;
  transform: translateX(-50%);
}
/* .product-slide .product-wrap .box .top-box .active .bg .kailong::before {
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 15px solid #030c45;
  content: '';
  display: block;
  left: 50%;
  transform: translatex(-50%);
  top: -18.5px;
  position: absolute;
} */
.product-slide .product-wrap .box .top-box .active .top {

  background: none;

}
/* .product-slide .product-wrap .box .top-box .active .top .kailong1 {
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 15px solid #355bb3;
  position: absolute;
  bottom: -11.5px;
  left: 50%;
  transform: translateX(-50%) scale(0.7);
}  */
.product-slide .product-wrap .box .top-box .active .top h5 {
  color: #ffffff;
}
.product-slide .product-wrap .box .top-box .active .top p {
  color: #ffffff;
}
.product-slide .product-wrap .box .bottom-box {
  width: 100%;
  margin-top: 5vmin;
  height: 40vmin;
  background: rgba(0, 87, 254, .4);
  border: 1px solid #0057fe;
  border-radius: 5px;
}
.product-slide .product-wrap .box .bottom-box .bottom-item {
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.product-slide .product-wrap .box .bottom-box .bottom-item .top-box1 {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.product-slide .product-wrap .box .bottom-box .bottom-item .top-box1 .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.product-slide .product-wrap .box .bottom-box .bottom-item .top-box1 .item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.product-slide .product-wrap .box .bottom-box .bottom-item .top-box1 .item a img{
  max-width: 291px;
}
.product-slide .product-wrap .box .bottom-box .bottom-item .top-box1 .item a p {
  font-size: 1.25rem;
  color: #fefefe;
  line-height: 4rem;
}
.product-slide .product-wrap .box .bottom-box .bottom-item .top-box1 .item a h5 {
  font-size: 2rem;
  line-height: 2rem;
  color: #fff;
  height: 43px;
}
.product-slide .product-wrap .box .bottom-box .bottom-item .more {
  margin-top: 5rem;
  width: 14.875rem;
  height: 4rem;
  background: #0057fe;
  border-radius: 5px;
}
.product-slide .product-wrap .box .bottom-box .bottom-item .more a {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  color: #ffffff;
}

.product-slide .product-wrap .box .bottom-box .bottom-item .more a:hover,
.product-slide .product-wrap .box .bottom-box .bottom-item .more a:active{
  background-color:#0037dc;
  border-radius: 5px;
}




.product-slide .product-wrap .box .bottom-box .bottom-item .more a span {
  margin-left: 10px;
}
.product-slide .product-wrap .box .bottom-box .show {
  display: flex;
}
.solution-slide::after {
  content: '';
  width: 100%;
  height: 200px;
  background: url(../home/solution-bg.png) no-repeat center / cover;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.solution-slide .solution-wrap {
  width: 78.6458%;
  margin: 0 auto;
  padding-top: 30px;
}
.solution-slide .solution-title {
  font-size: 48px;
  line-height: 60px;
  color: #fff;
  text-align: center;
}
.solution-slide .solution-list {
  margin-top: 60px;
}
.solution-slide .solution-list ul {
  margin: 0 -34px;
}
.solution-slide .solution-list li {
  float: left;
  width: 25%;
  padding: 0 34px;
  margin-bottom: 4.3046%;

}
.solution-slide .solution-list li a{
  transition: all 1s;
}
.solution-slide .solution-list li:hover a{
  transform: translateY(-20px);
  transition: all 1s;
}
.solution-slide .solution-list li:hover .solution-img::after {
  opacity: 0;
}
.solution-slide .solution-list a {
  display: block;
  background: #001a77;
  border-radius: 5px;
}
.solution-slide .solution-list .solution-img {
  position: relative;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
.solution-slide .solution-list .solution-img img{
  display: block;
}
.solution-slide .solution-list .solution-img::after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 15, 33, 0.15);
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.45s ease;
  -ms-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  -webkit-transition: all 0.45s ease;
  -moz-transition: all 0.45s ease;
}
.solution-slide .solution-list .solution-desc {
  padding: 30px 45px 40px;
}
.solution-slide .solution-list .solution-desc h4 {
  font-size: 32px;
  line-height: 36px;
  color: #fff;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-bottom: 20px;
}
.solution-slide .solution-list .solution-desc p {
  font-size: 15px;
  line-height: 24px;
  height: 48px;
  color: #fff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.solution-slide .solution-btn {
  margin-top: 40px;
  text-align: center;
  font-size: 0;
}
.solution-slide .solution-btn a {
  display: inline-block;
  vertical-align: middle;
  width: 176px;
  line-height: 52px;
  font-size: 24px;
  color: #001d40;
  border-radius: 25px;
  background: #fff;
  text-align: center;
  margin: 0 3.841%;
  transition: all 0.45s ease;
  -ms-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  -webkit-transition: all 0.45s ease;
  -moz-transition: all 0.45s ease;
}
.solution-slide .solution-btn a:hover {
  color: #fff;
  background: #001d40;
}
.source-slide .source-wrap {
  display:none;
  width: 1224px;
  margin: 0 auto;
  padding-top: 20px;
}
.source-slide .source-wrap .source-item {
  float: left;
  width: 408px;
  height: 382px;
}
.source-slide .source-wrap .source-item.item1 {
  width: 204px;
}
.source-slide .source-wrap .source-item.big-item {
  background: #001d40;
  position: relative;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.source-slide .source-wrap li {
  float: left;
  width: 204px;
  height: 191px;
  position: relative;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.source-slide .source-wrap li.box1 {
  background: #03122c;
}
.source-slide .source-wrap li > div {
  width: 100%;
}
.source-slide .source-wrap li.visiable-xs {
  display: none;
}
.source-slide .source-wrap .content {
  background: #001d40;
}
.source-slide .source-wrap .content:hover .source-desc {
  opacity: 1;
  filter: alpha(opacity=100);
}
.source-slide .source-wrap .source-num > div {
  font-size: 36px;
  line-height: 60px;
  font-family: AkrobatBold;
}
.source-slide .source-wrap .source-num p {
  font-size: 20px;
}

.source-slide .source-wrap .source-desc {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.45s ease;
  -ms-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  -webkit-transition: all 0.45s ease;
  -moz-transition: all 0.45s ease;
}
.source-slide .source-wrap .source-desc.desc1 {
  background: url(../home/source-img1.png) no-repeat center / cover;
}
.source-slide .source-wrap .source-desc.desc2 {
  background: url(../home/source-img2.png) no-repeat center / cover;
}
.source-slide .source-wrap .source-desc.desc3 {
  background: url(../home/source-img3.png) no-repeat center / cover;
}
.source-slide .source-wrap .source-desc.desc4 {
  background: url(../home/source-img4.png) no-repeat center / cover;
}
.source-slide .source-wrap .source-desc.desc5 {
  background: url(../home/source-img5.png) no-repeat center / cover;
}
.source-slide .source-wrap .source-desc.desc6 {
  background: url(../home/source-img7.png) no-repeat center / cover;
}
.source-slide .source-wrap .source-desc.desc7 {
  background: url(../home/source-img6.png) no-repeat center / cover;
}
.logo-slide::after {
  content: '';
  width: 204px;
  height: 202px;
  background: #001a77;
  position: absolute;
  left: 0;
  bottom: 25%;
  z-index: -1;
}
.article .logo-slide .title {
  width: 25.77rem;
  height: 25.2rem;
  background: #001a77;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0;
}
.logo-slide .title .box{
  position: absolute;
  top: 10.8rem;
  left: -1.8rem;
  text-align: right;
}
.logo-slide .title .box h5{
  font-size: 5rem;
  font-family: AkrobatBold;
  color: #fff;
  font-weight: bold;
  margin-bottom: 3vmin;
}
.logo-slide .title .box p{
  font-size: 1.87rem;
  color: #fff;
}

.logo-slide .logo-list {
  width: 52.5%;
  position: absolute;
  top: 50%;
  left: 12.5%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  margin-top: 0 !important;
}
.logo-slide .logo-list .swiper-slide {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.logo-slide .logo-list a {
  display: block;
  color: #fff;
  padding: 55% 0;
}
.logo-slide .logo-list .img1 {
  width: 45%;
}
.logo-slide .logo-list .img2 {
  width: 65%;
}
.logo-slide .logo-list .img3 {
  width: 62%;
}
.logo-slide .logo-list .img4 {
  width: 56%;
}
.logo-slide .logo-list .img5 {
  width: 55%;
}
.logo-slide .logo-list .img6 {
  width: 46%;
}
.logo-slide .logo-list .img7 {
  width: 50%;
}
.logo-slide .logo-list .img8 {
  width: 62%;
}
.logo-slide .logo-list .img9 {
  width: 46%;
}
.logo-slide .logo-list .img10 {
  width: 100%;
}
.news-slide .news-wrap {
  width: 75%;
  margin: 0 auto;
  padding-top: 40px;
}

.news-slide .news-wrap .new-list {
  margin-top: 52px;
}
.news-slide .news-wrap ul {
  margin: 0 -30px;
}
.news-slide .news-wrap li {
  float: left;
  width: 33.3333%;
  padding: 0 30px;
  margin-bottom: 6%;
}
.news-slide .news-wrap a {
  display: block;
}
.news-slide .news-wrap a .new-img img{
  border-radius: 5px;
}
.news-slide .news-wrap .new-desc {
  margin: 23px 0 0;
  color: #fff;
}
.news-slide .news-wrap .new-tit {
  font-size: 18px;
  line-height: 30px;
  height: 60px;
  border-bottom: 1px solid transparent;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.news-slide .news-wrap .new-time {
  font-size: 12px;
  line-height: 24px;
  color: #48586c;
}
.news-slide .news-wrap .new-time {
  margin: 15px 0 12px;
}
.news-slide .news-wrap .new-summary {
  font-size: 14px;
  line-height: 24px;
  color: #b8c9e0;
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.flow-slide {
  background: url(../home/flowbg.png) no-repeat;
  background-size: cover;
}
.flow-slide .flow-wrap {
  width: 100%;
  margin: 0 auto;
  padding-top: 60px;
}
.flow-slide .flow-wrap .flow-title {
  font-size: 48px;
  line-height: 60px;
  color: #fff;
  text-align: center;
}
.flow-slide .flow-wrap .flow-btn {
  margin-top: 9vmin;
  text-align: center;
  font-size: 0;
  padding: 0 10.4%;
  display: flex;
  justify-content: space-between;
}
.flow-slide .flow-wrap .flow-btn a {
  display: inline-block;
  width: 48%;
}
.flow-slide .flow-wrap .flow-btn a .content-box {
  height: 358px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding: 34px 64px 62px 0; */
  /* background: url(../home/flow11.png) no-repeat; */
  background-image: linear-gradient(to right ,#002384, #001a77);
  background-size: cover;
  box-sizing: border-box;
  border-radius: 5px;
}
.flow-slide .flow-wrap .flow-btn a .content-box:hover .img{
  transform: translateY(-20px);
  transition: all .5s;
}
.flow-slide .flow-wrap .flow-btn a .content-box .img {
  width: 37.21%;
  transition: all .5s;
}
.flow-slide .flow-wrap .flow-btn a .content-box .img img {
  width: 100%;
}
.flow-slide .flow-wrap .flow-btn a .content-box .text {
  width: 50%;
  margin-left: 50px;
  height: 160px;
}
.flow-slide .flow-wrap .flow-btn a .content-box .text h4 {
  font-size: 32px;
  text-align: left;
  color: #fefefe;
  line-height: 72px;
}
.flow-slide .flow-wrap .flow-btn a .content-box .text p {
  font-size: 18px;
  text-align: left;
  color: #d4d8de;
  line-height: 28px;
}
.flow-slide .flow-wrap .flow-btn a .content-box .text p span {
  display: block;
}


@media (max-width: 1680px) {
  .solution-slide .solution-wrap {
    width: 85%;
  }
  .solution-slide .solution-title {
    font-size: 42px;
    line-height: 52px;
  }
  .solution-slide .solution-list ul {
    margin: 0 -15px;
  }
  .solution-slide .solution-list li {
    padding: 0 15px;
  }
  .solution-slide .solution-list .solution-desc {
    padding: 30px 20px 40px;
  }
  .solution-slide .solution-list .solution-desc h4 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 15px;
  }
  .solution-slide .solution-btn a {
    line-height: 46px;
    font-size: 20px;
  }
  .product-slide .en-txt {
    font-size: 40px;
    line-height: 52px;
  }
  .product-slide .cn-txt {
    font-size: 20px;
    line-height: 36px;
  }
  .logo-slide .title {
    width: 365px;
    height: 305px;
  }
  /* .logo-slide .title h5 {
    padding-top: 35%;
  } */
  .logo-slide .logo-list {
    top: 60%;
  }
  .logo-slide .logo-list a {
    padding: 35% 0;
  }
  .news-slide .news-wrap {
    width: 85%;
  }
  .news-slide .news-wrap ul {
    margin: 0 -20px;
  }
  /* .news-slide .news-wrap li {
    padding: 0 20px;
  } */
  .banner-slide .banner-txt {
    left: 10%;
    top: 40%;
  }
  .banner-slide .banner-txt .txt1 {
    font-size: 62px;
    margin-bottom: 30px;
  }
  .banner-slide .banner-txt .txt2 {
    font-size: 72px;

  }
  .banner-slide .banner-txt .txt3 {
    font-size: 28px;
    margin: 50px 0 40px;
  }
  .banner-slide .banner-txt .txt4 {
    font-size: 20px;
    line-height: 52px;
    width: 210px;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box {
    height: 350px;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box .text p span {
    display: inline;
  }
  .product-slide .product-wrap .box .l-box .item .arr1 {
    top: 54%;

    width: 87.5%;
  }
  .product-slide .product-wrap .box .l-box .item .arr2 {
    top: 54%;

    width: 87.5%;
  }
  .product-slide .product-wrap .box .l-box .item .arr3 {
    top: -25%;

    width: 87.5%;
  }
  .product-slide .product-wrap .box .l-box .item .arr4 {
    top: -25%;

    width: 87.5%;
  }

.product-slide .product-wrap .box .l-box {
  padding-top: 0;
}
.product-slide .product-wrap .box .r-box .r-item{
  padding: 8% 16% 13% 8%;
}

}
@media (max-width: 1440px) {
  .solution-slide .solution-title {
    font-size: 36px;
    line-height: 48px;
  }
  .product-slide .product-wrap .box .l-box .item h6 {
    font-size: 20px;
    line-height: 30px;
  }
  .product-slide .product-wrap .box .l-box .item p {
    font-size: 12px;
    line-height: 18px;
  }
  .product-slide .product-wrap .box .l-box .item .arr {
    width: 75%;
  }
  .product-slide .product-wrap .box .l-box .item .arr1 {
    top: 57%;

  }
  .product-slide .product-wrap .box .l-box .item .arr2 {
    top: 48%;

  }
  .product-slide .product-wrap .box .l-box .item .arr3 {
    top: -10%;

  }
  .product-slide .product-wrap .box .l-box .item .arr4 {
    top: -15%;
;
  }
  .product-slide .product-wrap .box .r-box .r-item .item img {
    height: 30px;
  }
  .product-slide .product-wrap .box .r-box .r-item .item p {
    font-size: 14px;
    margin-top: 30px;
  }
  .product-slide .product-wrap .box .r-box .r-item .more {
    margin-top: 90px;
  }
  .product-slide .product-wrap .box .r-box .r-item .more a {
    width: 178px;
    height: 48px;
    line-height: 48px;
  }
  .product-slide .product-wrap .box .r-box .r-item .item:nth-of-type(3) {
    margin-top: 90px;
  }
  .logo-slide::after {
    width: 174px;
    height: 172px;
  }
  .logo-slide .title {
    width: 298px;
    height: 250px;
  }
  /* .logo-slide .title h5 {
    padding-top: 40%;
  } */
  .news-slide .news-wrap {
    width: 90%;
  }
  .news-slide .news-wrap .title {
    padding-left: 0;
  }
  .news-slide .news-wrap ul {
    margin: 0 -10px;
  }
  /* .news-slide .news-wrap li {
    padding: 0 10px;
  } */
  .banner-slide .banner-txt {
    top: 46%;
  }
  .banner-slide .banner-txt .txt1 {
    font-size: 52px;
    margin-bottom: 25px;
  }
  .banner-slide .banner-txt .txt2 {
    font-size: 62px;
  }
  .banner-slide .banner-txt .txt3 {
    font-size: 24px;
    margin: 40px 0 30px;
  }
  .banner-slide .banner-txt .txt4 {
    font-size: 18px;
    line-height: 52px;
  }
  .flow-slide .flow-wrap .flow-title {
    font-size: 36px;
    line-height: 48px;
  }
  .flow-slide .flow-wrap .flow-btn {
    margin-top: 100px;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box {
    height: 300px;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box .text h4 {
    font-size: 28px;
    line-height: 56px;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box .text p {
    font-size: 18px;
    line-height: 24px ;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box .text p span {
    display: inline;
  }
  /* .article .swiper-slide > div{
    margin-top: 40px;
  } */
  .product-slide .product-wrap .box .r-box .r-item {
    padding: 10% 16% 13% 8%;
  }
  .article .swiper-slide .slider2-box{
    align-items: flex-start;
  }
}

@media (max-width: 1366px) {

  .flow-slide .flow-wrap {
    padding-top: 40px;
  }
  .flow-slide .flow-wrap .flow-title {
    font-size: 36px;
    line-height: 48px;
  }
  .flow-slide .flow-wrap .flow-btn {
    margin-top: 70px;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box {
    height: 300px;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box .text h4 {
    font-size: 28px;
    line-height: 56px;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box .text p {
    font-size: 18px;
    line-height: 24px ;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box .text p span {
    display: inline;
  }
  .product-slide .product-title {
    font-size: 36px;
    line-height: 52px;
  }
  .product-slide .product-wrap {
    padding-top: 30px;
  }
  .product-slide .product-wrap .tab-wrapper {
    margin-top: 30px;
  }
  .product-slide .product-wrap .box .l-box .item h6 {
    font-size: 20px;
    line-height: 30px;
  }
  .product-slide .product-wrap .box .l-box .item p {
    font-size: 12px;
    line-height: 18px;
  }
  .product-slide .product-wrap .box .l-box .item .arr {
    width: 75%;
  }
  .product-slide .product-wrap .box .l-box .item .arr1 {
    top: 57%;

  }
  .product-slide .product-wrap .box .l-box .item .arr2 {
    top: 48%;

  }
  .product-slide .product-wrap .box .l-box .item .arr3 {
    top: -10%;

  }
  .product-slide .product-wrap .box .l-box .item .arr4 {
    top: -15%;

  }
  .product-slide .product-wrap .box .r-box .r-item .item img {
    height: 30px;
  }
  .product-slide .product-wrap .box .r-box .r-item .item p {
    font-size: 14px;
    margin-top: 30px;
  }
  .product-slide .product-wrap .box .r-box .r-item .item h5 {
    font-size: 26px;
  }
  .product-slide .product-wrap .box .r-box .r-item .more {
    margin-top: 90px;
  }
  .product-slide .product-wrap .box .r-box .r-item .more a {
    width: 178px;
    height: 48px;
    line-height: 48px;
  }
  .product-slide .product-wrap .box .r-box .r-item .item:nth-of-type(3) {
    margin-top: 60px;
  }
  .banner-slide .banner-txt {
    top: 36%;
  }
}
@media (max-width: 1280px) {
  .source-slide .source-wrap {
    width: 900px;
  }
  .source-slide .source-wrap li {
    width: 150px;
    height: 140px;
  }
  .source-slide .source-wrap .source-num > div {
    font-size: 26px;
    line-height: 48px;
  }
  .source-slide .source-wrap .source-num p {
    font-size: 16px;
  }
  .source-slide .source-wrap .source-item {
    width: 300px;
    height: 280px;
  }
  .source-slide .source-wrap .source-item.item1 {
    width: 150px;
  }
  .flow-slide .flow-wrap {
    padding-top: 40px;
  }
  .flow-slide .flow-wrap .flow-title {
    font-size: 36px;
    line-height: 48px;
  }
  .flow-slide .flow-wrap .flow-btn {
    margin-top: 50px;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box {
    height: 280px;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box .text h4 {
    font-size: 28px;
    line-height: 56px;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box .text p {
    font-size: 18px;
    line-height: 24px ;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box .text p span {
    display: inline;
  }
}
@media (max-width: 1200px) {
  .solution-slide::after {
    height: 120px;
  }
  .solution-slide .solution-wrap {
    width: 90%;
  }
  .solution-slide .solution-title {
    font-size: 32px;
    line-height: 42px;
  }
  .solution-slide .solution-list {
    margin-top: 40px;
    margin-bottom: 30px;
  }
  .solution-slide .solution-list ul {
    margin: 0 -10px;
  }
  .solution-slide .solution-list li {
    padding: 0 10px;
  }
  .solution-slide .solution-list .solution-desc {
    padding: 20px;
  }
  .solution-slide .solution-list .solution-desc h4 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .product-slide .product-title {
    font-size: 32px;
    line-height: 42px;
  }
  .product-slide .tab-wrapper {
    margin-top: 40px;
  }
  .product-slide .en-txt {
    font-size: 28px;
    line-height: 32px;
  }
  .product-slide .cn-txt {
    font-size: 16px;
    line-height: 24px;
  }
  .product-slide .tab-menu {
    margin: 0 -10px;
  }
  .product-slide .tab-menu li {
    width: calc(33.3333% - 20px);
    margin: 0 10px;
  }
  .news-slide .news-wrap .new-tit {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
  }
  .news-slide .news-wrap .new-time {
    margin: 8px 0;
  }
  .banner-slide .banner-txt {
    left: 5%;
    top: 50%;
  }
  .banner-slide .banner-txt .txt1 {
    font-size: 42px;
    margin-bottom: 20px;
  }
  .banner-slide .banner-txt .txt2 {
    font-size: 52px;
  }
  .banner-slide .banner-txt .txt3 {
    font-size: 22px;
    margin: 30px 0 20px;
  }
  .banner-slide .banner-txt .txt4 {
    font-size: 16px;
    line-height: 42px;
    width: 180px;
  }
  .banner-slide .swiper-arr {
    left: 5%;
  }
}
@media (max-width: 992px) {
  html,
  body {
    height: auto;
  }
  .article {
    height: auto;
  }
  .article .main {
    height: auto;
    overflow: auto;
  }
  .article .swiper-container {
    height: auto;
  }
  .article .swiper-container > .swiper-wrapper > .swiper-slide {
    height: auto;
  }
  .solution-slide::after {
    display: none;
  }
  .solution-slide .solution-wrap {
    width: 70%;
  }
  .solution-slide .solution-title {
    font-size: 28px;
    line-height: 36px;
  }
  .solution-slide .solution-list li {
    width: 50%;
    margin-bottom: 25px;
  }
  .solution-slide .solution-btn a {
    margin: 0 2%;
    font-size: 18px;
  }
  .product-slide .product-wrap {
    padding-top: 0;
  }
  .product-slide .product-title {
    font-size: 28px;
    line-height: 36px;
  }
  .product-slide .tab-wrapper {
    margin-top: 30px;
  }
  .product-slide .en-txt {
    font-size: 24px;
    line-height: 32px;
  }
  .product-slide .cn-txt {
    font-size: 14px;
  }
  .product-slide .tab-menu {
    margin: 0 -10px;
  }
  .product-slide .tab-menu li {
    width: calc(33.3333% - 20px);
    margin: 0 10px;
    padding: 10px 0;
  }
  .product-slide .tab-content-item {
    min-height: 72px;
    margin-top: 30px;
  }
  .product-slide .tab-content-item .tab-list-content {
    padding: 20px 3%;
  }
  .product-slide .tab-content-item .tab-list {
    padding: 20px 3%;
  }
  .product-slide .tab-content-item .tab-list span:first-child {
    margin-right: 20px;
  }
  .logo-slide::after {
    display: none;
  }
  .logo-slide .title {
    position: relative;
    top: auto;
    right: auto;
    background: none;
    width: 100%;
    height: auto;
    text-align: center;
  }
  .logo-slide .title h5 {
    padding: 0;
    margin-left: 0;
  }
  .logo-slide .title p {
    padding-left: 0;
  }
  .logo-slide .logo-list {
    width: 90%;
    margin: 0 auto;
    position: relative;
    top: auto;
    left: auto;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
  }
  .logo-slide .logo-list a {
    padding: 15% 0;
  }
  .source-slide .source-wrap {
    width: 600px;
  }
  .source-slide .source-wrap .source-item.item1,
  .source-slide .source-wrap .source-item.item3 {
    display: none;
  }
  .source-slide .source-wrap li.visiable-xs {
    display: flex;
  }
  .source-slide .source-wrap li.hidden-xs {
    display: none;
  }
  .news-slide .title {
    text-align: center;
  }
  .news-slide .news-wrap {
    padding-top: 0;
  }
  .news-slide .news-wrap li {
    width: 50%;
  }
  .news-slide .news-wrap .new-list {
    margin-top: 30px;
  }
  .article .swiper-wrapper {
    height: auto !important;
  }
  .article .swiper-slide > div {
    margin-top: 60px;
  }
  .banner-slide .arrow {
    display: none;
  }
}
@media (max-width: 768px) {
  .flow-slide .flow-wrap .flow-btn a .content-box .text {
      height: unset;
    }
  .banner-slide .swiper-arr .arr-left {
    background-image: url(../home/l.png);
  }
  .banner-slide .swiper-arr .arr-left:hover {
    background-image: url(../home/l-h.png);
  }
  .banner-slide .swiper-arr .arr-right {
    background-image: url(../home/r.png);
  }
  .banner-slide .swiper-arr .arr-right:hover {
    background-image: url(../home/r-h2.png);
  }
  .article .swiper-slide .banner{
    height: auto;
  }
  .article .swiper-slide .banbox .banbox-txt{
    position: relative;
    margin: 70px auto 0;
    width: 100%;
    height: 100%;
  }
  .banbox .banitem-txtinfo h1.banitem-h1{
    font-size: 35px;
    line-height: 70px;
  }
  .banbox .banitem-txtinfo .banitem-en{
    font-size: 28px;
    line-height: 42px;
    margin-bottom: 10px;
  }
  .banbox .banbox-txt h4{
    font-size: 14px;
    margin-top: 0;
  }
  .banbox .banitem-txtinfo{
    position:absolute;
    top: 10vmin;
    left: 10%;
    margin-top: 0;
  }
  .banbox .banitem-mainbg{
    display: none;
  }

  .logo-slide .title{
    display: none;
  }
  .banbox .banbox-txt .phoneBg{
    display: block;
  }
  .banbox .banitem2{background:url(../home/bannerDefault2.png) no-repeat 40% 44% #000f21;background-size:0%}


  .solution-slide .solution-wrap {
    width: 90%;
  }
  .solution-slide .solution-title {
    font-size: 24px;
    line-height: 32px;
  }
  .solution-slide .solution-btn {
    margin-top: 30px;
  }
  .solution-slide .solution-btn a {
    width: 140px;
    margin-bottom: 10px;
    line-height: 42px;
    font-size: 16px;
  }
  .product-slide .en-txt {
    font-size: 20px;
    line-height: 28px;
  }
  .product-slide .tab-menu li {
    width: calc(100% - 20px);
    margin-bottom: 10px;
    padding: 5px 0;
  }
  .banner-slide .banner-wrap {
    margin-top: 60px !important;
  }
  .banner-slide .banner-txt .txt1 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .banner-slide .banner-txt .txt2 {
    font-size: 22px;
  }
  .banner-slide .banner-txt .txt3 {
    font-size: 16px;
    margin: 10px 0;
  }
  .banner-slide .banner-txt .txt4 {
    font-size: 14px;
    line-height: 32px;
    width: 110px;
  }
  .banner-slide .swiper-arr {
    bottom: 12%;
    left: 10%;

  }
  .flow-slide .flow-wrap {
    padding-top: 40px;
  }
  .flow-slide .flow-wrap .flow-title {
    font-size: 24px;
    line-height: 24px;
  }
  .flow-slide .flow-wrap .flow-btn {
    display: block;
    margin-top: 50px;
  }
  .flow-slide .flow-wrap .flow-btn a {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box {
    padding: 50px 0;
    height: auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box .img {
    width: 70%;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box .text {
    width: 90%;
    margin-left: 0;
    margin-top: 30px;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box .text h4 {
    text-align: center;
    font-size: 20px;
    line-height: 30px;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box .text p {
    margin-top: 10px;
    font-size: 12px;
    line-height: 24px ;
  }
  .flow-slide .flow-wrap .flow-btn a .content-box .text p span {
    display: inline;
  }
  .product-slide .product-wrap {
    /* display: none; */
  }
  .article .product-slide .product-wrap1 {
    display: block;
    background: url(../home/phoneBg.png) no-repeat;
    background-size: contain;
    margin-top: 0;
  }
  .product-slide .product-wrap1 .product-title {
    padding-top: 20px;
  }
  .product-slide .product-wrap1 .product-title h3 {
    font-size: 28px;
    color: #fff;
    line-height: 40px;
    padding-bottom: 40px;
  }
  .product-slide .product-wrap1 .item-box .title {
    width: 90%;
    margin: 0 auto;
    background: url(../home/titleBg.png) no-repeat;
    background-size: 100% 100%;
    padding: 10px 0;
    box-sizing: border-box;
  }
  .product-slide .product-wrap1 .item-box .title h2 {
    font-size: 24px;
    line-height: 48px;
    color: #fff;
    text-align: center;
  }
  .product-slide .product-wrap1 .item-box .title h5 {
    font-size: 18px;
    line-height: 36px;
    color: #fff;
    text-align: center;
  }
  .product-slide .product-wrap1 .item-box .item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #1272bc;
  }
  .product-slide .product-wrap1 .item-box .item img {
    height: 37px;
  }
  .product-slide .product-wrap1 .item-box .item p {
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
    padding: 0 10px;
    text-align: center;
  }
  .product-slide .product-wrap1 .item-box .item h5 {
    font-size: 30px;
    line-height: 30px;
    color: #fff;
  }
  .product-slide .product-wrap1 .item-box .more {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 60px auto;
  }
  .product-slide .product-wrap1 .item-box .more a {
    display: block;
    width: 100%;
    height: 50px;
    background: #0057fe;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
  }
  .product-slide .product-wrap1 .item-box .more a img {
    vertical-align: middle;
    margin-left: 10px;
  }
}
@media (max-width: 680px) {
  .article .swiper-slide .slider2-box{
    display: none;
  }
  .source-slide .source-wrap {
    width: 310px;
    display: block;
  }
  .source-slide .source-wrap .source-item {
    float: none;
    margin-bottom: 10px;
    width: 310px;
  }
  .source-slide .source-wrap .source-item.item0 {
    height: 140px;
  }
  .source-slide .source-wrap ul {
    margin: 0 -5px;
  }
  .source-slide .source-wrap li.hide {
    display: none;
  }
  .source-slide .source-wrap .content {
    margin: 0 5px;
  }
}
@media (max-width: 480px) {
  .product-slide .tab-content-item {
    margin-top: 20px;
  }
  .product-slide .tab-content-item .tab-list-content > div {
    float: none;
  }
  .product-slide .tab-content-item .tab-list-content .tab-list-left {
    margin-bottom: 20px;
  }
  .product-slide .tab-content-item .tab-list-content .tab-list-right {
    width: 100%;
  }
  .news-slide .news-wrap li {
    width: 100%;
    margin-bottom: 25px;
  }
  .news-slide .news-wrap .new-tit {
    height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
}
@media (max-width: 420px) {
  .solution-slide .solution-list li {
    width: 100%;
  }
}


@media (max-width: 768px) {
  .banner-bg {
    width: 100vw;
    height: 100vw;
    background-size: cover;
    background-position: top left 40%;
  }   
  .banbox .banitem-txtinfo {
    right: 12%;
  }
  .banbox .banitem-txtinfo h1.banitem-h1 {
    font-size: 9vw;
    line-height: 10.6vw;
  }
  .banbox .banitem-txtinfo .banitem-en {
    font-size: 5vw;
    line-height: 7vw;
  }
  .banbox .banbox-txt h4 {
    font-size: 3.2vw;
  }
  .banner .banitem-btntxt {
    height: 10.7vmin;
    line-height: 10.7vmin;
  }
}


.resource-list-container {
  width: 75.6rem;
  height: 50.4rem;
}
.resource-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50%;
}
.resource-list-item {
  flex: 1;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.resource-list-item__1 {
  background-image: url(../home/1.png);
}
.resource-list-item__2 {
  background-image: url(../home/2.png);
}
.resource-list-item__3 {
  background-image: url(../home/3.png);
}
.resource-list-item__4 {
  background-image: url(../home/4.png);
}
.resource-list-item__5 {
  background-image: url(../home/5.png);
}
.resource-list-item__6 {
  background-image: url(../home/6.png);
}
.resource-list-item__7 {
  background-image: url(../home/7.png);
}
.resource-list-item__name {
  color: #fff;
  font-size: 1.8rem;
  margin-bottom: 8px;
  font-weight: 100;
}
.resource-list-item__num {
  color: #fff;
  /* font-weight: bold; */
  font-size: 3.2rem;
  display: inline-flex;
  align-items: center;
}
.resource-list-item__num > span {
  /* font-family: 'DINCond-Black'!important; */
  font-size: 4.2rem!important;
  line-height: 4rem;
  padding-top: .6rem;
}

.resource-list-item__num > span:last-child {
  margin-right: 5px;
}

.resource-list-item__num .slider2-li-num {
  width: 1.8rem;
}
.resource-list-item__num .slider2-li-num:before {
  background-color: #0a0b0a;
  top: 26px;
}