/*reset*/
* {
  margin: 0px;
  padding: 0;
  outline: none;
  text-decoration: none;
  list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold
}

.intro-page {
  min-width: 1240px
}

.btn-a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: .3s
}

/*banner轮播模块*/
.logo-con {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px;
  box-sizing: border-box
}

.logo-con h1 {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  display: flex;
  align-items: center
}

.logo-con h1 img {
  margin-right: 12px
}

.logo-con .btn-group {
  display: flex;
  align-items: center;
  justify-content: center
}

.logo-con .btn-a {
  background: linear-gradient(100deg, #5592da 15%, #4760dc 100%);
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-decoration: none;
  padding: 8px 13px;
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.03)
}

.logo-con .btn-a:hover {
  background: linear-gradient(100deg, #5592da 100%, #4760dc 100%)
}

.logo-con .btn-a+.btn-a {
  margin-left: 18px
}

.banner-title {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
}

.banner-title img {
  display: block;
  margin: 0 auto;
}

.banner-con {
  position: relative;
  background-size: cover;
  max-width: 1920px;
  margin: 0 auto
}

.banner-bg img {
  width: 100%;
  height: 775px;
  display: block;
  object-fit: cover
}

.swiper-box {
  position: absolute;
  bottom: 0;
  width: 100%
}

.banner-swiper {
  width: 1400px;
  height: 560px;
  padding: 8px 8px 0;
  background: #ffffff;
  border-radius: 16px 16px 0px 0px;
  box-shadow: 0px 0px 45px 0px rgba(5, 14, 43, 0.38);
  margin: 0 auto
}

.banner-swiper img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  border-radius: 10px;
}

.banner-swiper .img1 {
  display: block
}

.banner-swiper .img2 {
  display: none
}

.swiper-container-horizontal>.banner-pagination.swiper-pagination-bullets {
  bottom: 0;
  padding: 12px 0 8px;
  background: linear-gradient(180deg, rgba(192, 199, 216, 0.00), rgb(32 54 114 / 15%) 100%)
}

.banner-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0
}

.swiper-pagination.banner-pagination {
  transition: none;
}

.banner-pagination .swiper-pagination-bullet {
  position: relative;
  width: auto;
  height: auto;
  background: transparent;
  opacity: 1;
  width: 42px
}

.banner-pagination .swiper-pagination-bullet::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: rgb(170 195 225);
  border-radius: 50%;
  transition: .3s
}

.banner-pagination .swiper-pagination-bullet:hover:after,
.banner-pagination .swiper-pagination-bullet-active:after {
  width: 32px;
  background: #3594FF;
  border-radius: 7px
}

/*主体内容 main>fun-list */
.intro-detail {
  position: relative;
  z-index: 2
}

.menu-box {
  background: #ffffff;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  
}

.menu-box ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1450px;
}

.menu-box ul li {
  position: relative;
  /* margin-right: 96px; */
  display: flex;
  /* flex-direction: column; */
  justify-content: center;
  align-items: flex-start;
  /* min-height: 130px; */
  padding: 20px 20px 8px 20px;
  /* height: 130px; */
  min-height: 134px;
  box-sizing: border-box;
  flex:1;
  
}



.menu-box ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 20px 14px 20px 8px;
    padding-bottom: 10px;
  align-items: flex-start;
}

.menu-box ul li:last-of-type {
  margin-right: 0
}
.menu-box ul li:hover{
  background: #f3f7ff;
}
/* 
.menu-box ul li:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  height: 4px;
  background: transparent
} */

/* .menu-box ul li:hover,.menu-box ul li.cur{cursor:pointer} */
/* .menu-box ul li:hover:after,
.menu-box ul li.cur:after {
  background: #3594ff
} */

/* .menu-box ul li:hover h2,.menu-box ul li.cur h2{color:#3594FF} */
.menu-box ul li:not(:first-child):not(:nth-child(2)):hover h2,
.menu-box ul li:not(:first-child):not(:nth-child(2)).cur h2 {
  color: #3594FF
}

.menu-box ul li img {
  display: block;
  margin-right: 14px
}

.menu-box ul li:first-child {
  cursor: text;
}

.menu-box ul li:first-child a {
  cursor: text;
}

.menu-box ul li:nth-child(2) {
  cursor: text;
}




.menu-box .menu-text {
  display: flex;
  flex-direction: column
}

.menu-box .menu-text span {
  font-size: 12px;
  color: #999;
  line-height: 18px
}

.menu-box h2 {
  font-size: 16px;
  margin-bottom: 4px;
  color: #333;
  line-height: 22px
}

.menu-box .code-box {
  position: absolute;
  top: 100%;
  width: 170px;
  height: 170px;
  left: 50%;
    margin-left: -85px;
  align-items: center;
  justify-content: center;
  /* margin-left: 6px; */
  border-radius: 20px;
  padding: 10px;
  box-sizing: border-box;
  transition: .3s;
  background: #ffffff;
  box-shadow: 0px 4px 60px 0px rgb(11 56 108 / 16%);
  display: none;
  cursor: default
}

.menu-box ul li:hover .code-box {
  display: flex
}

.menu-box .code-box img {
  width: 120px;
  height: 120px;
  object-fit: contain;
  display: block;
  margin: 0;
}

.func-list {
  position: relative;
  display: flex;
  justify-content: center
}

.func-list:before,
.func-list:after,
.func-ul-box:before {
  content: "";
  display: block;
  position: absolute
}

.func-list:before {
  left: 0;
  width: 41%;
  height: 100%;
  background: #F2F8FF
}

.func-list:after {
  top: 0;
  left: 0;
  z-index: 3;
  width: 440px;
  height: 100%;
  background: url("../images/func1.png") no-repeat left bottom -106px;
  background-attachment: fixed;
  pointer-events: none
}

.func-ul-box {
  position: relative;
  width: 1252px;
  z-index: 2;
  padding: 107px 0 60px;
  background: url("../images/func_bg2.jpg") repeat-y;
  background-size: contain
}

.func-ul-box:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/func2.png) no-repeat left calc(50% - 195px) top 300px;
  background-attachment: fixed;
  z-index: 2
}

.func-ul {
  position: relative;
  z-index: 2;
  margin-left: -10px
}

.func-ul>li {
  display: flex;
  margin-bottom: 100px
}

.func-ul h2 {
  min-width: 420px;
  margin-right: 110px !important;
  flex: none;
  font-size: 34px;
  text-align: right;
  color: #3594ff
}

.item-ul {
  margin-top: 4px
}

.item-ul li {
  position: relative;
  font-size: 20px;
  padding-left: 28px;
  color: #000000;
  margin-bottom: 28px
}

.item-ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3594ff
}

.item-ul li .tip {
  font-size: 16px;
  color: #777777;
  margin-top: 8px
}

.item-ul li .font-w {
  color: #3594ff;
  font-weight: bold
}

/* main>fun-sale */
.func-sale {
  background: url("../images/func_bg.jpg");
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center
}

.func-sale .btn-box {
  display: flex;
  color: #fff;
  font-size: 20px;
  align-items: center;
  margin-right: 290px
}

.func-sale .btn-box a {
  background: #3594ff;
  color: #fff;
  padding: 10px 24px;
  border-radius: 4px;
  margin-left: 52px
}

.func-sale .btn-box a:hover {
  background: #3474d9
}

/* 弹窗公用 */
.pop-shaw,
.pop-shaw-white {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.pop-shaw {
  background: rgba(0, 0, 0, .4);
}

.pop-shaw-white {
  background: rgba(255, 255, 255, 0);
}

.icon-close {
  position: absolute;
  right: 16px;
  top: -6px;
  font-weight: bold;
  z-index: 1;
}

.icon-close:after,
.icon-close:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  border: 2px solid rgba(255, 255, 255, .6);
  box-sizing: border-box;
  border-radius: 1px
}

.icon-close:before {
  border-top: none;
  border-left: none
}

.icon-close:after {
  border-bottom: none;
  border-right: none;
  margin-top: 1px
}

.icon-close:hover {
  color: #f80;
}

.icon-close:hover:after,
.icon-close:hover:before {
  border-color: inherit;
}

/* 下载介绍弹窗 */
.intro-pop-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.intro-pop-wrap h3 {
  font-size: 20px;
  color: #3594ff;
  margin: 36px 0 20px
}

.intro-swiper-box {
  position: relative;
  width: 760px;
  height: 560px;
  background-color: #fff;
  box-shadow: 0 0 40px 0 rgb(157 184 210 / 50%);
  border-radius: 12px;
  text-align: center
}

.intro-swiper-box .download-a {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 2;
  width: 106px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #fff;
  background: #3594ff;
  box-shadow: 0px 2px 4px 0px #a7cef5, 0px 4px 14px 0px rgb(167 206 245 / 74%);
  transition: .3s
}

.intro-swiper-box .download-a:hover {
  background: #3474d9;
  cursor: pointer
}

.intro-swiper-box .icon-close {
  top: 16px;
  right: 20px
}

.intro-swiper-box .icon-close:after,
.intro-swiper-box .icon-close:before {
  border-color: #3594ff
}

.intro-swiper-box .icon-close:hover:after,
.intro-swiper-box .icon-close:hover:before {
  border-color: #f60
}

.intro-swiper {
  height: 450px
}

.intro-swiper img {
  display: block;
  width: 461px;
  margin: 0 auto;
  object-fit: contain
}

.intro-swiper p {
  position: absolute;
  bottom: 70px;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  margin: 24px 140px 0
}

.intro-swiper .intro-dot {
  margin-top: -93px;
  margin: -80px 16px 0;
  width: 22px;
  height: 22px;
  background-size: contain
}

.intro-swiper .intro-dot:hover {
  opacity: .8
}

/* 发布提醒弹窗 */
.update-pop-wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 101;
  width: 540px;
  height: 340px
}

.update-pop-con {
  padding: 1px 32px 25px;
  line-height: 32px;
  font-size: 16px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  background: #fff;
  border-radius: 0 0 8px 8px
}

.update-pop-con a {
  color: #3594ff
}

.update-pop-con a:hover {
  color: #f80
}

.update-pop-ht {
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  line-height: 1;
  padding: 40px 0 90px 25px;
  color: #fff;
  height: 149px;
  box-sizing: border-box;
  margin-top: -30px;
  position: relative;
  box-sizing: border-box;
  background: url(../images/update-bj.png) no-repeat top center
}

.update-pop-wrap .ads-close {
  position: absolute;
  top: -8px;
  right: 5px;
  width: 32px;
  height: 32px;
  z-index: 4
}

.update-pop-wrap .ads-close:after,
.update-pop-wrap .ads-close:before {
  content: "";
  display: block;
  background: #fff;
  transform: rotate(45deg);
  position: absolute
}

.update-pop-wrap .ads-close:before {
  width: 15px;
  height: 1px;
  top: 18px;
  left: 9px
}

.update-pop-wrap .ads-close:after {
  width: 1px;
  height: 15px;
  left: 16px;
  top: 11px
}

.update-pop-wrap .ads-close:hover:after,
.update-pop-wrap .ads-close:hover:before {
  background: #fff
}

.tright {
  text-align: right;
}

/* 公共组件-页尾 */
.f-a:hover {
  text-decoration: underline
}

/* 适配 */
@media only screen and (max-width:1440px) {
  .banner-title {
    top: 50px;
  }

  .banner-bg img {
    height: 625px;
  }

  .banner-swiper {
    width: 1200px;
    height: 450px
  }

  .banner-swiper .img1 {
    display: none
  }

  .banner-swiper .img2 {
    display: block
  }
.menu-box ul {
   width: 1250px;
}
 .maxHeight{
  max-width: 220px;
 }
}

@media only screen and (max-width:1260px) {
  .func-ul-box:before {
    background: none
  }
}

.icon-close-image {
  position: absolute;
  right: 16px;
  top: -6px;
  font-weight: bold;
  z-index: 1;
  background: url(../images/close.png) center no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  background-size: cover;
}

.closeBlue {
  position: absolute;
  top: 16px;
  right: 20px;
  background: url(../images/closeBlue.png) center no-repeat;
  background-size: cover;
}

.icon-close-image:hover {
  background: url(../images/closeHover.png) center no-repeat;
  background-size: cover;
}

.cb3594FF {
  color: #3594ff;
}

.menu-box .menu-text span.showIntropopBtn {
  color: #3594ff;
  padding-top: 4px;
}

.menu-box .menu-text span.showIntropopBtn:hover {
  color: #f80;
}

.index-fixed {
  position: fixed;
  right: 20px;
  bottom: 7%;
  z-index: 10;
}

.index-fixed {
  position: fixed;
  right: 20px;
  bottom: 7%;
  z-index: 10;
}

.index-fix-a {
  display: block;
  width: 50px;
  height: 50px;
  background: rgba(80, 102, 151, .8);
  color: #fff;
  border-radius: 4px;
  text-align: center;
  line-height: 42px;
  margin-bottom: 2px;
  cursor: pointer;
}

.index-fix-a-svg {
  font-size: 20px;
  line-height: 1;
  padding: 6px 0 0;
}

.index-fix-name {
  font-size: 12px;
  display: block;
  margin-top: 6px;
}

.index-fix-span {
  display: none;
  font-size: 12px;
  line-height: 14px;
  width: 2em;
  padding-top: 12px;
  margin: 0 auto;
}

.index-fix-a:hover .index-fix-a-svg {
  display: none;
}

.index-fix-a:hover {
  background: rgba(80, 102, 151, 1);
}

.index-fix-a:hover .index-fix-span {
  display: block;
}

.online-animation {
  animation: onlinePhone 1.2s linear infinite
}

@keyframes onlinePhone {

  0%,
  100%,
  90% {
    transform: rotate(0) scale(1)
  }

  20%,
  40% {
    transform: rotate(-15deg) scale(1.1)
  }

  30%,
  50% {
    transform: rotate(15deg) scale(1.1)
  }
}

@keyframes onlinePhone {

  0%,
  100%,
  90% {
    transform: rotate(0) scale(1)
  }

  20%,
  40% {
    transform: rotate(-15deg) scale(1.1)
  }

  30%,
  50% {
    transform: rotate(15deg) scale(1.1)
  }
}

.downloadChajian {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  /* width: 100%;
  height: 100%; */
  box-sizing: border-box;
  /* padding: 20px 14px 20px 8px;
  padding-bottom: 10px; */
  cursor: pointer;
}



.down32Btn {
  color: #3594ff;
  /* padding-top: 4px;  */
  font-size: 12px;
  line-height: 14px;
  cursor: pointer;
  /* padding-left: 60px;
            margin-bottom: 10px; */
}

.down32Btn:hover {
  color: #f80
}

.minHeight {
  min-height: 112px;
}

.download-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* padding-left: 104px; */
  margin-top: 6px;
  position: relative;
}
.other-download-txt:hover + .other-download-box {
  display: block;
}
.other-download-box {
  position: absolute;
  background: #fff;
  bottom: -107px;
  padding: 26px;
  left: 0;
  width: 206px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-radius: 8px;
  color: #333;
  border: 1px solid #e0e0e0;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  outline: none;
}

.other-download-box:focus,
.other-download-box:focus-visible {
  outline: none;
  border: 1px solid #e0e0e0;
}

.other-download-box p {
  outline: none;
}

.other-download-box p:focus,
.other-download-box p:focus-visible {
  outline: none;
}

/* 边框闪烁动画 */
@keyframes borderFlash {
  0%,24%,48%, 72%,100% {
    border-color: #e0e0e0;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  }
  12%,36%,60%,84% {
    border-color: #f80;
    box-shadow: 0px 2px 8px 0px #f80;
  }
}

.other-download-box.border-flash {
  animation: borderFlash 1.5s ease-in-out;
}

.download-box .down-nowbtn {
  width: 80px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #3594ff;
  background: #3594ff;
  color: #fff;
  border-radius: 4px;
  margin-right: 10px;
  cursor: pointer;
}

.download-box .down-nowbtn:hover {
  background: #3474d9;
  color: #fff;
}

.download-box .down-span-box {
  display: flex;
  flex-direction: column;
}

.download-box .down-span-box span {
  cursor: pointer;
  line-height: 18px;
}