/*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:center}
.menu-box ul li{position:relative;margin-right:96px}
.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}
.menu-box ul li:last-of-type{margin-right:0}
.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 .menu-text{display:flex;flex-direction:column}
.menu-box .menu-text span{font-size:12px;color:#999;line-height:14px}
.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;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 li{margin-right:50px}
}
@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;}
.help{
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
  border-radius: 4px 4px 0 0;
}
.kefu{
  border-radius: 0 0 4px 4px;
}
.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)}
}