@charset "utf-8";
/* CSS sxf 2013 */
html {font-size: 62.5%;} /* 16×62.5%=10px → 1rem=10px */
.logo {font-size: 2.4rem;margin-left: 2.2rem;} /* 2.4×10=24px */
.card-title { font-size: 1.2rem; } /* 12px */

*{margin:0;padding:0;list-style-type:none;box-sizing: border-box;}
body{color:#333;background:#fff;overflow-x: hidden;
    font-family: "Open Sans", Arial, Helvetica, "微软雅黑", "Microsoft YaHei", Verdana, sans-serif !important;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}
a,img{border:0;}
a { text-decoration:none;color:#666;cursor: pointer;}
a:hover{text-decoration: none;color: #2552ed;cursor: pointer;}
a:focus{ outline:none}
.fl{ float:left;*display:inline}
.fr{ float:right;*display:inline}
img{display:block}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cb { clear:both;}
.pr{ position:relative} 
.pa{ position:absolute}
.ovh{ overflow:hidden;*zoom:1}
em,i{ font-style:normal}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
.t-o{
white-space:nowrap !important;  /*强制文字不换行(标准浏览器)*/
white-space:normal;  /*溢出的时候文字换行，并配合上面的固定高度，对文字进行裁切*/
text-overflow:ellipsis;  /*截断文字，显示省略号(...)*/
-o-text-overflow:ellipsis;  /*Opera的专用截断文字的属性*/
}

.img100{width: 100%;}
/*header*/
.w1244{width: 124.4rem;margin: auto;}
.flexs{display: flex;justify-content: space-between;}
.wrap{margin: auto; }
.header{height: 6.4rem;background: #fff;display: flex;justify-content: space-between;align-items: center; margin: auto;}
.logoimg{width: 12.8rem;height: 3.6rem;}
.nav-menu{flex: 1;display: flex;justify-content: flex-end;}
.nav-menu ul{display: inline-flex;justify-content: flex-end;gap: 0.8rem;}
.nav-menu li{display: inline-flex;flex-direction: column;flex-wrap: wrap;align-items: center;justify-content: center;position: relative;transition: 0.3s;padding: 0 4rem;}
.nav-menu .texts{font-size: 1.6rem;color: #333;}
.nav-menu .lines{background: #fff;width: 0rem;height: 0.4rem;border-radius: 0.4rem;margin-top: 1rem;transition: 0.3s; opacity: 0;  transform: scale(0.9);}
.nav-menu .deepfund{text-align: center;}
.nav-menu .deepfund img{width: 9rem;}
.nav-menu li:hover .texts{ font-weight: bold; }
.nav-menu li.on .texts{font-weight: bold;color: #000; }
.nav-menu li.on .lines{ display: block; background: #1f40ff; opacity: 1;width: 2.2rem;transform: scale(1)}
.nav-menu li:hover .lines{ display: block; background: #1f40ff;width: 2.2rem; opacity: 1; transform: scale(1)}


.suberji{background: #fff; position: absolute;top: 5.1rem;left: 0;border-radius: 1rem;box-shadow: -1px 0rem 1.4rem 0px #a0d4ffb3;left: 50%;margin-left: -20rem;padding: 1.6rem;/* padding-top: 4rem; */padding-bottom: 0;}
.suberji a:hover{border: 0.1rem solid #d3f2ff;background: #f3fbfe;display: flex;}
.suberji a{border: 0.1rem solid #eaeaea;display: block;border-radius: 1rem;margin-bottom: 1.4rem;}
.suberji img{width: 380px;;margin: auto;}
.suberji .zwf{display: none;}
.suberji2{display: none;}


.suberji {
/* 初始隐藏状态 */opacity: 0;          /* 透明度为0 */visibility: hidden;  /* 不可见（不占交互空间） */transform: translateY(10px); /* 向上偏移10px（出场动画起点） */
/* CSS3过渡动画：所有属性变化在0.3秒内完成，带缓动效果 */transition: all 0.3s ease;}

/* 显示状态的样式类 */
.suberji.show {
opacity: 1;          /* 透明度为1 */
visibility: visible; /* 可见 */
transform: translateY(0); /* 回到原位置 */
}

/*banner*/
.banner{width: 100%;background: #e3f1ff;}
.banner img{ margin: auto;width: 124.4rem; }
/*band-all*/
.band-all{display: flex; }
/*sanband*/
.sanband{background: #f7faff url(../images/mask1.jpg);background-size: cover;/* background-position: left top; */}

.sanband-nr{width: 112.2rem;  margin: auto;display: flex; justify-content: space-between;}
.tit{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6.1rem 0 10rem 0;
}
.tit h3{font-size: 3.2rem;color: #144edd;font-weight: bold;text-align: center;}
.tit .stexts{font-size: 1.6rem;color: #333;text-align: center;padding-top: 0.9rem;}

.js{width: 33%;max-width: 28.5rem; display: inline-flex; flex-wrap: wrap; flex-direction: column;
    align-items: center; height: 40rem; position: relative;}
.js dt{}
.js dt img{ margin: auto;}
.js dd{display: inline-flex;  flex-wrap: wrap; flex-direction: column;align-items: center;
}
.js dd .t1{color: #000000; font-size: 2rem; font-weight: bold;padding-top: 1.3rem;
}
.js dd .t2{ font-size: 1.4rem; color: #333; padding-top: 1rem; line-height: 2.2rem;text-align: center;}
/**/
.js.hover dl{display: none;}
.js .nr{z-index: 1;position: absolute;top: -75px;}
.js .nr img{ border-radius: 16px;}
.js.hover .nr{ display: block;  }
.js.hover .nr img{}
/**/
.js .nr{transition: 0.3s;opacity:0;transform: scale(0.8)}
.js.hover .nr{opacity: 1;display:block; transform: scale(1);}
/*母定义最终效果，子定义要执行的多个动作*/
@keyframes myfirst
{
    from {background: red;}
    to {background: yellow;}
}

/*fivebox*/
.fivebox{padding-bottom: 1.1rem;}
.fivebox .tlogos{display: flex;flex-direction: column;align-items: center;padding-top: 5.3rem;padding-bottom: 7.5rem;}
.fivebox .tlogos-img{width: 16.7rem;/* height: 5.4rem; */}
.fivebox .tlogos .texts{font-size: 1.6rem;color: #313131;padding-top: 1rem;}
.submenuss{width: 28.3rem;margin-top: 2.4rem;height: 40rem;}
.submenuss .suba1{margin-top: 1.2rem;}
.submenuss .bar1{
  border-radius: 1rem;
  background-image: -moz-linear-gradient( 122deg, rgb(10,2,4) 0%, rgb(167,52,42) 0%, rgb(77,112,240) 0%, rgb(78,202,254) 100%);
  background-image: -webkit-linear-gradient( 122deg, rgb(10,2,4) 0%, rgb(167,52,42) 0%, rgb(77,112,240) 0%, rgb(78,202,254) 100%);
  background-image: -ms-linear-gradient( 122deg, rgb(10,2,4) 0%, rgb(167,52,42) 0%, rgb(77,112,240) 0%, rgb(78,202,254) 100%);
  height: 7.8rem;
  display: flex;
  padding-left: 2.6rem;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  }
.submenuss .bar1 dt{ display: flex;    align-items: center;}
.submenuss .bar1 dt .texts{font-size: 1.6rem;color: #fff;font-weight: bold;margin-left: 0.2rem;text-shadow: 0.2rem 0.2rem #00000005;}
.submenuss .bar1 dd{font-size: 1.2rem;color: #fff;opacity: .9;text-align: left;}
.submenuss .v1img{width: 2.8rem;height: 3.3rem;}
.submenuss .v2img{width: 2.4rem;height: 2.4rem;}
.submenuss .bar2{border-radius: 1rem;background: #E8EFFB;display: flex;align-items: center;height: 5.7rem;padding-left: 2.6rem;/* margin-top: 0.4rem; */}
.submenuss .bar2 dt{}
.submenuss .bar2 dt .texts{}
.submenuss .bar2 dd{font-size: 1.4rem;padding-left: 0.9rem;font-weight: bold;}
/**/
.submenuss .suba1:hover .bar1{display: flex;}
.submenuss .suba1:hover .bar2{display: none;}
.submenuss .suba1.active .bar1{display: flex;}
.submenuss .suba1.active .bar2{display: none;}
.submenuss .suba1 .bar1{display: none;transition: 0.3s;}
.submenuss .suba1 .bar2{display: flex;transition: 0.3s;}
/*yyfwzx*/
.yyfwzx{background: #fbfcff;padding-bottom: 3.7rem;}
.yyfwzx .inn{display: flex;justify-content: center;gap: 2%;}
.yyfwzx .tit{ padding: 6.1rem 0 7.3rem 0; }
.yyfwzximg{width: 25%;max-width: 27rem;}
/*hxys*/
.hxys{position: relative;background: #dce9ff;}
.tabs{ position: absolute;z-index: 2;left: 0;top: 10.1rem;width: 100%;text-align: center;}
.tabs ul{display: flex;gap: 2.1rem;justify-content: center;margin: 0 auto;}
.tabs .tab-item:hover{ background: #cdddf7; cursor: pointer; }
.tabs .tab-item{background: #DCE9FF;border-radius: 1rem;display: flex;width: 22.6rem;height: 5.2rem;align-items: center;font-size: 1.4rem;justify-content: center;}
.tabs .tab-item.active,.tabs .tab-item.active:hover{
  background-image: -moz-linear-gradient( 122deg, rgb(10,2,4) 0%, rgb(167,52,42) 0%, rgb(77,112,240) 0%, rgb(78,202,254) 100%);
  background-image: -webkit-linear-gradient(
112deg, rgb(10, 2, 4) 0%, rgb(167, 52, 42) 0%, rgb(77, 112, 240) 0%, rgb(78, 202, 254) 100%);
  background-image: -ms-linear-gradient( 122deg, rgb(10,2,4) 0%, rgb(167,52,42) 0%, rgb(77,112,240) 0%, rgb(78,202,254) 100%);
}
.tabs .tab-item.active .texts{color: #fff;}
.tabs .tab-item img{width: 2.8rem;height: 2.8rem;margin-right: 1rem;}
.tabs .tab-item .x1{display: block;}
.tabs .tab-item .x2{display: none;}
.tabs .tab-item.active .x1{display: none;}
.tabs .tab-item.active .x2{display: block;}
.tabs .texts{color: #000;font-size: 1.6rem;}
.hxys .tit { padding: 3.1rem 0 3.3rem 0;    position: absolute;    z-index: 2;    position: absolute;    top: 0;
    width: 100%; left: 0; text-align: center;}
/**/
.m-slide{margin: auto;}
.m-slide .stextsbar2{display: flex;flex-direction: column;position: absolute;left: 50%;top: 38rem;width: 114rem;transform: translate(-50%, 0);}
.m-slide .stextsbar2 .s1{font-size: 3.4rem;color: #2545f0;font-weight: bold;}
.m-slide .stextsbar2 .s2{font-size: 1.8rem;color: #292929;padding-top: 1.5rem;}
/*hytb*/
.hytb{background: #fbfcff;width: 12;}
.hytb .tit{padding: 6.1rem 0rem 4.8rem 0;}
.hytb-in{display: flex;justify-content: center;padding-bottom: 3.1rem;}
.hytb-in img{width: 100%;max-width: 1244px;margin: auto;}

/*foot*/
.fot_copy{width:100%;background: #02102d;padding:1rem 0;clear:both;overflow:hidden}
.link_pr{  color:#9f9f9f; overflow:hidden ;clear:both; text-align:center;}
.link_pr a{color:#ccc}
.fot_copy .copyright{ padding-top:1rem; text-align:center; margin:auto; clear:both; overflow:hidden;color:#ccc; display:block; text-align:center; }
 .copyright a{color:#ccc;}


/* 导航栏样式 */
.navbar {position: sticky;top: 0; z-index: 100;}
.navbar-container {display: flex; justify-content: space-between; align-items: center;}
.nav-item a { padding: 0.5rem 0; border-bottom: 0.2rem solid transparent; transition: border-color 0.3s;
}
.nav-item a:hover {border-color: #3498db;}

/* 移动端菜单按钮（默认隐藏） */
.menu-toggle {display: none;font-size: 2rem;cursor: pointer;}
.w1200{width: 112.2rem; margin: auto;}

/*解决方案**********************************************************************/
/*solution-banner*/
.bodyblue{background: #ffffff;}
.solution-banner{background-image: linear-gradient(
90deg, #eafcfe 0%, #a7dcfe 100%);height: 46.9rem;}
.solution-banner h4{font-size: 4.8rem;font-weight: bold;background-image:-webkit-linear-gradient(left,#256CE7,#2623F7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align: center;padding: 0 10%;padding-top: 12.4rem;}
.solution-banner .inn{ background: url(../images/solution-banner.png);background-size: cover;    width: 100%;    height: 100%; }
.solution-banner p{color: #000000;font-size: 2.4rem;text-align: center;padding-top: 2.1rem;}
.solution-banner .bbar{display: flex;padding-top: 5.9rem;justify-content: center;gap: 4%;flex-wrap: wrap;}
.solution-banner .bbar .blueblock{background-image: linear-gradient(
84deg, #4689fd 0%, #2623F7 100%);color: #fff;font-size: 2rem;text-align: center;border-radius: 1rem;display: inline-flex;width: 21rem;height: 5.4rem;justify-content: center;align-items: center;font-weight: 500;white-space: nowrap;}
/*js1*/
.jbfont{color: #144edd;/* -webkit-background-clip:text; *//* -webkit-text-fill-color:transparent; *//* background-image: -webkit-linear-gradient(left, #256CE7, #2623F7); */}
.stit{font-size: 3.2rem;font-weight: bold;text-align: center;/* height: 12rem; */display: flex;justify-content: center;padding: 4.8rem 0 4.4rem  0;}
.js1{padding-bottom: 5.7rem;}
.js1 .stit{ }
.js1 .innbar{display: flex;justify-content: center;gap: 14.1rem;flex-wrap: wrap;}
.js1 dl{ display: flex;align-items: center;}
.js1 dt{}
.js1 dt img{width: 10rem;height: 10rem;}
.js1 dd{padding-left: 2.8rem;}
.js1 dd .t1{font-size: 2.2rem;font-weight: bold;color: #000;display: block;clear: both;padding-bottom: 0.9rem;}
.js1 dd .t2{font-size: 2rem; color: #333; display: block; clear: both;}

/*yxwlb*/
.yxwlb{}
.yxwlb .innbar{display: flex;justify-content: center;gap: 10%;/* padding-bottom: 4rem; */flex-wrap: wrap;}
.yxwlb .innbar dl{display: inline-flex;flex-wrap: wrap;flex-direction: column;align-items: center;margin-bottom: 4rem;}
.yxwlb .innbar dt{}
.yxwlb .innbar dt img{width: 8.8rem;height: 8.8rem;}
.yxwlb .innbar dd{font-size: 2.2rem;color: #000;font-weight: 600;padding-top: 1.4rem;}

/*dspzb*/
.dspzb{}
.dspzb  .innbar{display: flex;justify-content: center;gap: 6rem;padding-bottom: 7rem;flex-wrap: wrap;}
.dspzb dl{background: #edf6ff;border: 0.1rem solid #E2E9FF;border-radius: 1rem;width: 20.1rem;/* height: 20.7rem; */display: inline-flex;flex-direction: column;padding: 1rem;align-items: center;padding-bottom: 4.8rem;}
.dspzb dt{font-size: 2rem;color: #000;font-weight: bold;padding-top: 4.2rem;}
.dspzb dd{font-size: 1.6rem;color: #333;padding: 1rem 2.2rem 0 2.2rem;text-align: center;line-height: 3rem;}
.dspzb dl.spbj1{background: url(../images/spbj1.png);background-size: cover;}
.dspzb dl.spbj2{background: url(../images/spbj2.png);background-size: cover;}
.dspzb dl.spbj3{background: url(../images/spbj3.png);background-size: cover;}
.dspzb dl.spbj4{background: url(../images/spbj4.png);background-size: cover;}

/*twonr*/
.twonr{display: flex;justify-content: center;gap: 6%;margin-top: -9.8rem;margin-bottom: 7rem;}
.blueblock{background: #fff;border-radius: 1rem;width: 38.3rem;overflow: hidden;gap: 10%;box-shadow: 0px 0.2rem 4rem 0px #e3e3e3;border: 1px solid #eee;}
.blueblock .tops{background-image: linear-gradient(84deg, #4689fd 0%, #2623F7 100%);height: 9.8rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.blueblock .tops .t1{font-size: 2.4rem;color: #fff;font-weight: bold;}
.blueblock .tops .t2{font-size: 1.8rem;color: #fff;padding-top: 1rem;}
.blueblock .bottoms{padding: 0 2.6rem;}
.blueblock .bottoms li{font-size: 1.8rem;color: #333;text-align: center;border-bottom: 0.1rem solid #dbdbdb;padding: 2rem 0;}
.blueblock .bottoms li:last-child{border: 0;}
.blueblock .tops .t3{font-size: 2.4rem;color: #fff;padding-top: 1rem;font-weight: bold;}

.twonr.style2{margin-top: -8.4rem;}
.blueblock .tops.style2{height: 8.4rem;}
.blueblock .tops.style2 .t3{padding: 0}
.blueblock dl{}
.blueblock dt{font-size: 1.8rem;color: #000;text-align: center;padding: 1.6rem;}
.blueblock dd{display: flex;gap: 1rem;justify-content: space-around;padding: 0 1rem;}
.blueblock dd span{font-size: 1.6rem;color: #000;background: #E3EBFF;border-radius: 0.4rem;padding: 1rem 1rem;text-align: center;flex: 1;}
.blueblock dd em{clear: both;display: block;font-size: 1.2rem;color: #575757;}
/*xscfyy*/
.xscfyy{margin-bottom: 4.2rem;}
.xscfyy .inbar{display: flex;gap: 2%;justify-content: center;flex-wrap: wrap;}
.xscfyy .inbar .opblue{background: #E3EBFF;border-radius: 1rem;font-size: 2rem;color: #000;width: 23.3rem;height: 7.7rem;text-align: center;display: inline-flex;align-items: center;justify-content: center;font-weight: 500;margin-bottom: 1rem;}
.xscfyy .inbar.style2 .opblue{width: 17.9rem;}
/*xscfyy*/
.xscfyy{}
.hengbar{  }
.hengbar dl{background: #E3EBFF;display: flex;max-width: 127.9rem;margin: auto;margin-bottom: 1.5rem;border-radius: 0.8rem;align-items: center;padding: 3rem 2rem;}
.hengbar dt{color: #2623F7;font-size: 2.4rem;font-weight: bold;padding-left: 2rem;display: inline-flex;align-items: center;white-space: nowrap;}
.hengbar dd{color: #000;font-size: 2.2rem;padding-left: 3.7rem;}
.sanjiao{width: 1.7rem;height: 1.7rem;margin-left: 1.5rem;}


/* 标签容器样式 */
.tab-container.style2 {
    display: flex;margin-bottom: 1.5rem; gap: 2.9rem; overflow: hidden;justify-content: center;
}

/* 单个标签样式 */
.tab-item {
    text-align: center;cursor: pointer;transition: all 0.3s ease;
}

/* 标签选中状态 */
.tab-container.style2 .tab-item.active {
    background-color: #007aff;color: white;
}

/* Swiper容器样式 */
.swiper-container {
    width: 100%;  hidden;
}
.swiper-container.style2 {
    height: 76.8rem;
}

/* 轮播图片样式 */
.swiper-slide {
    display: flex; align-items: center; justify-content: center;font-size: 2.4rem;color: white;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 144rem;
    /* margin-top: 24px; */
}
.deepfundjpg{background: url(../images/deepfund.jpg) no-repeat;background-position: top center;max-width: 1440px;margin: auto;height: 836px; display: block;}
.mlogin{ display: none; }
.dpbj{ background: #fff; }
/*兼容类代码*/
.submenuss .suba1 .bar1,.submenuss .suba1 .bar2,.js{cursor:pointer ;}
.banner2{display: none;}
.sanband.mobile{display: none;}


/**/
.submenuss-w{display: flex;width:1000px;margin: auto}
.submenuss-right{width: 520px;/* padding-top: 26px; */margin-top: 10px;}
.sstexts{position:absolute;top: -2px;left:0;width:100%;display:flex;align-items: center;/* padding:1rem 0; */flex-wrap:wrap;flex-direction:column;}
.sstexts .s1{font-size: 2.2rem;color:#144edd;/* font-weight: bold; */}
.sstexts .s2{font-size: 1.6rem;color:#898989;/* padding:0 2rem; */padding-top:0.5rem;text-align:center;}

.swiper-pagination.style3{display: none;}