@charset "utf-8";
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
b,
small,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
tt,
var,
del,
dfn,
ins,
kbd,
q,
s,
samp,
strike,
applet,
object,
iframe,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
mark,
audio,
video,
input,
textarea,
select {
    margin: 0;
    padding: 0;
    border: none;
}
img {
    max-width: 100%;
    max-height: 100%;
}
input,
textarea,
select {
    border-radius: 0;
}
ul,
li,
ol {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
button,
input,
select,
textarea {
    font-family: PingFangSC, PingFang SC, "Microsoft YaHei", sans-serif;
}
html {
    font-size: 14px;
}
html,
body {
    position: relative;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
        "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    font-size: 14px;
}
.body{
    /* height: 100%; */
}
a {
    text-decoration: none;
    color: #333;
}

/* =============================================================================
   base.css 增强层 v2  (2026-09)
   -----------------------------------------------------------------------------
   【说明】仅做纯增量增强，不修改任何旧模板依赖的上方规则。
   旧页面与新版 tp- 页面共用本文件，所有增强均对旧页面安全。
   ============================================================================= */

/* 平滑滚动（尊重系统"减弱动效"偏好） */
@media (prefers-reduced-motion: no-preference){
    html{scroll-behavior:smooth;}
}

/* 字体渲染优化 */
html{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
}

/* 现代滚动条（WebKit / Blink） */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:#F1F4F8;}
::-webkit-scrollbar-thumb{
    background:#C7D0DC;border-radius:6px;
    border:2px solid #F1F4F8;
}
::-webkit-scrollbar-thumb:hover{background:#A9B4C2;}

/* 选中颜色 */
::selection{background:#1B57C4;color:#fff;}

/* 锚点定位时避开吸顶头部 */
[id]{scroll-margin-top:96px;}

/* 图片 / 视频默认块级，避免底部基线空隙 */
img,svg,video{vertical-align:middle;}
img{font-style:italic;}

/* 旧站点在 viewport 小于 1260px 时用 min-width 锁宽度导致右缘裁切；
   此规则对"使用新版头部"的页面解除锁定（:has 现代浏览器均支持），
   旧页面未使用 .tp-header 时保持原行为不受影响。 */
body:has(.tp-header){min-width:0 !important;}

/* 减少辅助元素对键盘焦点的影响 */
a,button,input,select,textarea{
    -webkit-tap-highlight-color:transparent;
}
button{cursor:pointer;}

@media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto;}
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
.middleCenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: auto;
}
.lf{
    float: left;
}
.rt{
    float: right;
}
body{
    min-width: 1260px;
    width: 100%;
    font-family: 'PingFang SC', -apple-system-font, BlinkMacSystemFont, 'Microsoft YaHei UI', 'Microsoft YaHei', sans-serif, Arial !important;
}
.container{
    max-width: 1260px;
    margin: auto;
}
.headerH96Bg{
    height: 96px;
}
.header{
    width: 100%;
    height: 96px;
    padding: 20px 72px;
    box-sizing: border-box;
    position: fixed;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 9999;

}
.header:hover{
  background: #fff;
}
.header.headerFix{
    background: #fff;
}
.header .logoImg{
   max-width: 160px;
   max-height: 57px;
   display: block;
   margin-right: 16px;
   float: left;
}
.header .logoImg .minimg{
    display: none;
}
.operation-link  .minimg{
    display: none;
}
.header .stockcode{
    height: 57px;
    display: block;
    margin-right: 72px;
    float: left;
    line-height: 18px;
    padding-top: 13px;
    padding-left: 16px;
    position: relative;
    font-weight: bold;
    font-size: 14px;
    color: #4A4A4A;
}
.header .stockcode::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 25px;
    background: rgba(151,151,151,0.4);
    top: 18px;
    left: 0;
}
.header .meun{
 display: flex;
 align-items: center;
 float: left;
 line-height: 57px;
}
.header .menu-list{
  display: flex;
  align-items: center;
  float: left;
}
.header .menu-list li.first-li{
    padding-right: 55px;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 20px;
}
.header .menu-list li a{
    font-size: 16px;
    font-weight: bold;
    color: #233863FF;
    line-height: 19px;
}
.header .menu-list li.first-li::after{
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    margin-top: -3px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat center right;

}
.header .menu-list .first-li .subBox{
    background: #FFFFFF;
    box-shadow: 0px 10px 20px 0px rgba(51,56,64,0.15);
    border-radius: 4px;
    padding: 16px;
    box-sizing: border-box;
}
.header .menu-list li.first-li .subBox.productsSubBox{
    width: 318px;
}
.header .menu-list li.first-li .subBox.industrySubBox{
    width: 330px;
}
.header .menu-list li.first-li .subBox.companySubBox{
    width: 330px;
}
.header .menu-list li.first-li .subBox.supportSubBox{
    width: 259px;
}
.header .menu-list .first-li .subBox .subUL li{
   line-height: 48px;
   padding-left: 16px;
   box-sizing: border-box;
   margin-bottom: 4px;
}
.header .menu-list .first-li .subBox .subUL li:nth-last-of-type(1){
    margin-bottom: 0;
}
.header .menu-list .first-li .subBox .subUL li .img{
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-right: 12px;
    padding: 4px;
    text-align: center;
    border-radius: 5px;
    background: #FFFFFF;
}
.header .menu-list .first-li .subBox .subUL li a{
    font-size: 14px;
    color: #233863;
    font-weight: 400;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    height: 48px;
}
.header .menu-list .first-li.activeM>a{
    color: #229AF4;
}
.header .menu-list .first-li.activeM::after{
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat center right;
    transform:rotate(-180deg);
    -webkit-transform: rotate(-180deg);
     -ms-transform: rotate(-180deg);
    margin-top: 1px;
}
.header .menu-list .first-li .subBox .subUL li:hover{
    background: #F5F7FB;
    border-radius: 4px;
}
.header .menu-list .first-li .subBox .subUL li:hover .img{
    box-shadow: 6px 6px 11px 0px rgba(40,61,108,0.1);
}
.header .menu-list .first-li .subBox .subUL li:hover a,.header .menu-list .first-li .subBox .subUL li.activeS a{
    font-weight: bold;
    color: #229AF4;
}
.header .menu-list .subBox{
    color: #fff;
    background: #fff;
    position: absolute;
    top: 56px;
    left: 0;
    width: 100%;
    opacity: 1;
    height: auto;
    z-index: 999;
    overflow: hidden;
    -webkit-transition-property: height;
    transition-property: height;
    -webkit-transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
        opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
        opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    display: none;
}
.header .menu-list li:hover .subBox{
  display: block;
}
.header .menu-list li:hover>a{
    color: #229AF4;
}
.header .menu-list li:hover::after{
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat center right;
}
.header .menu-list li.activeM:hover::after{
   transform: rotate(0);
   -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
   margin-top: -1px;
}

.header .operation-link{
    display: flex;
    align-items: center;
    float: right;
    height: 100%;
}
.productBG {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 96px;
    bottom: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
}
.productBox{
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fff;
    left: -70%;
    -webkit-transition:left 200ms cubic-bezier(0.000,0.655,0.000,1);
    -webkit-transition:left 200ms cubic-bezier(0.025,0.685,0.000,0.990);
    -moz-transition:left 200ms cubic-bezier(0.025,0.685,0.000,0.990);
    -o-transition:left 200ms cubic-bezier(0.025,0.685,0.000,0.990);
    transition:left 200ms cubic-bezier(0.025,0.685,0.000,0.990)
}
.productBox.active {
    left: 0;
}
.productMenu{
    margin-left: 180px;
    padding: 40px;
    width: 450px;
    float: left;
    height: 100%;
}
.productMenu .title{
    font-weight: bold;
    font-size: 40px;
    color: #233863;
    line-height: 43px;
}
.productMenu .productList{
    margin-top: 32px;
}
.productMenu .productList .navitem{
    height: 48px;
    line-height: 48px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    margin-bottom: 16px;
}
.productMenu .productList .navitem:after{
    position: absolute;
    content: '';
    width: 50%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background: #FFF;
    transition: all .3s;
}
.productMenu .productList .navitem.active:hover:after,.productMenu .productList .navitem.active:after,.productMenu .productList .navitem.activeP:after{
    width: 100%;
    background: #ECF5FF;
    border-radius: 4px;
}
.productMenu .productList .navitem.active,.productMenu .productList .navitem.activeP{
    font-weight: bold;
}
.productMenu .productList .navitem.active .img{
    box-shadow: 6px 6px 11px 0px rgba(40,61,108,0.1);
}
.productMenu .productList .navitem p{
    font-size: 16px;
    color: #4A4A4A;
    padding-left: 52px;
    position: relative;
    z-index: 1;
}

.productMenu .productList .navitem .img{
    position: relative;
    top: 10px;
    left: 12px;
    width: 28px;
    height: 28px;
    background: #FFFFFF;
    z-index: 1;
    padding: 6px;
    border-radius:5px ;
    float: left;
}
.productMenu .productList .navitem .img img{
    max-width: 21px;
}
.productMenu .productList .navitem p:after{
    content: '';
    position: absolute;
    top: 16px;
    right: 12px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    background-size: cover;
}
.productMenu .productList .navitem:hover p:after,.productMenu .productList .navitem.active p:after{
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.productSub{
    float: left;
    padding: 40px;
    width: 420px;
    height: 100%;
    background: #ECF5FF;
    position: relative;
}

.productSub:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 420px;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    background-size: cover;
    z-index: 0;
}
.showscroll{
    min-height: 100px;
    overflow-y: scroll;
}
.showscroll:after{
    bottom:auto;
}
.showscroll::-webkit-scrollbar {
    width:5px;
    height:4px;
}
.showscroll::-webkit-scrollbar-thumb {
    border-radius:5px;
    -webkit-box-shadow: #888888;
    background:rgba(0,0,0,0.2); 
}
.showscroll::-webkit-scrollbar-track {
    -webkit-box-shadow: #888888;
    border-radius:2;
    background:rgba(0,0,0,0.1);
}
.productSub .subitem{
    display: none;
    position: relative;
    z-index: 2;
}
.productSub .subitem.active,.productSub .subitem.activeP{
    display: block;
}
.productSub .subitem .img{
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    box-shadow: 9px 9px 16px 0px rgba(40,61,108,0.1);
    padding: 5px;
    border-radius: 5px;
    position: relative;
}
.productSub .subitem .tit{
    margin-top: 24px;
    font-weight: bold;
    font-size: 28px;
    color: #233863;
    line-height: 30px;
}
.productSub .subitem .des{
    margin-top: 17px;
    font-size: 14px;
    color: #4A4A4A;
    line-height: 20px;
}
.productSub .subitem .submain{
    margin-top: 40px;
}
.productSub .subitem .submain .subtit{
    font-weight: bold;
    font-size: 16px;
    color: #233863;
    line-height: 28px;
    margin-bottom: 16px;
}
.productSub .subitem .submain .subtit:hover>a,.productSub .subitem .submain .subtit.activeP>a{
    color: #229AF4;
}
.productSub .subitem .submain .subtit .lllist{
    margin-bottom: 24px;
}
.productSub .subitem .submain .subtit .lllist .itemfour:hover, .productSub .subitem .submain .subtit .lllist .itemfour.activeT{
    color: #229AF4;
}
.productSub .subitem .submain .subtit .lllist a{
    display: block;
    margin-top: 8px;
    font-size: 15px;
    color: #233863;
    line-height: 28px;
    padding-left: 16px;
    font-weight: normal;
}
.operation-link span{
    color: #233863;
    font-size: 14px;
    height: 32px;
    margin-right: 16px;
    display: inline-block;
    line-height: 32px;
}
.operation-link .switch-language{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}
.operation-link .switch-language img{
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.operation-link .switch-language .language-box{
   position: absolute;
    top: 30px;
    left: -33px;
    padding-top: 9px;
}
.operation-link .switch-language .language-box .box{
    width: 100px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 0px rgba(78,89,105,0.1);
    border-radius: 4px;
    padding: 4px 0;
}
.operation-link .switch-language .language-box a{
    font-weight: 400;
font-size: 14px;
display: block;
line-height: 36px;
padding-left: 12px;
box-sizing: border-box;
transition: all 0.3s;
color: #233863;
}
.switch-language .language-box a:hover{
    background: #F2F3F5;
    font-weight: 400;
    color: #233863;
}
.operation-link .switch-language .language-box{
    display: none;
}
.operation-link .switch-language:hover .language-box{
    display: block;
}
.switch-language .language-box a.curLg{
    color: #229AF4;
}
.operation-link .switch-user {
    width: 120px;
    height: 32px;
    position: relative;
    cursor: pointer;
    line-height: 32px;
}
.operation-link .switch-user::after{
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    margin-top: -24px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat center right;
}
.operation-link .switch-user .welcome{
    display: inline-block;
    max-width: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.operation-link .switch-user .down{
    position: absolute;
    top: 30px;
    left: 0;
    padding-top: 9px;
}
.operation-link .switch-user .down .box{
    width: 100px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 0px rgba(78,89,105,0.1);
    border-radius: 4px;
    padding: 4px 0;
}
.operation-link .switch-user .down a{
    font-weight: 400;
    font-size: 14px;
    display: block;
    line-height: 36px;
    padding-left: 12px;
    box-sizing: border-box;
    transition: all 0.3s;
    color: #233863;
}
.switch-user .down a:hover{
    background: #F2F3F5;
    font-weight: 400;
    color: #233863;
}
.operation-link .switch-user .down{
    display: none;
}
.operation-link .switch-user:hover .down{
    display: block;
}
.operation-link .switch-user:hover::after{
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat center right;
}
.switch-user .down a.curLg{
    color: #229AF4;
}


.operation-link .login-btn,.operation-link .freeBtn{
    cursor: pointer;
}
.operation-link .login-btn{
    margin-right: 24px;
}
.operation-link .login-btn img{
    vertical-align: top;
    padding-top: 8px;
}
.operation-link .freeBtn{
    width: 85px;
    height: 32px;
    background: #E8F4FD;
    border-radius: 4px;
    margin-right: 0;
    line-height: 32px;
    text-align: center;
    transition: all 0.3s;
}
.operation-link .login-btn:hover{
    color: #229AF4;
}
.operation-link .freeBtn:hover{
    background: rgba(34, 154, 244, 1);
    color: #FFFFFF;
}
.operation-link .login-btn .deHover{
    opacity: 0;
    display: none;
  }
.operation-link .login-btn:hover .default{
    opacity: 0;
    display: none;
  }
.operation-link .login-btn:hover .deHover{
  opacity: 1;
  display: inline-block;
}
.operation-link .switch-language:hover,.operation-link .switch-language.curswitch{
    background: rgba(34, 154, 244, 0.1);
}
.operation-link .switch-language .deHover{
    display: none;
    opacity: 0;
}
.operation-link .switch-language:hover .default,.operation-link .switch-language.curswitch .default{
    display: none;
    opacity: 0;
  }
.operation-link .switch-language:hover .deHover,.operation-link .switch-language.curswitch .deHover{
  display: inline-block;
  opacity: 1;
}
.inside-banner{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.inside-banner .txtInfor .txt .bigTxt {
    font-size: 56px;
    font-weight: bold;
    color: #233863;
    line-height: 72px;
    margin-bottom: 24px;
}
.inside-banner .txtInfor .txt .smallTxt {
    font-size: 20px;
    font-weight: 400;
    color: #4A4A4A;
    line-height: 30px;
    margin-bottom: 56px;
}
.inside-banner .btn a.getBtn {
    width: 180px;
    height: 52px;
    line-height: 52px;
    background: #229AF4;
    border-radius: 45px;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
}
.footer{
    background: #F7F8FA;
    padding-top: 43px;
}
.footer .lxwm-nav a:hover,.footer .recomInfo .item a:hover,.footer .infoBox a:hover,.footer .copyInfo .f_right a:hover{
    color: #233863;
}
.footer .infoBox{
   display: flex;
   justify-content: space-between;
}
.footer .infoBox .leftBox, .footer .infoBox .mainBox, .footer .infoBox .rightBox{
    float: left;
    width: 250px;
}
.footer .infoBox .mainBox{
    width: calc(100% - 500px);
    padding: 13px 58px 0 66px;
    position: relative;
    white-space: nowrap;
}
.footer .infoBox .mainBox::before,.footer .infoBox .mainBox::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 186px;
    background:  #E5E8F0;
    top: 0;

}
.footer .infoBox .mainBox::before{
    left: 0;
}
.footer .infoBox .mainBox::after{
    right: 0px;
}
.footer .infoBox .mainBox .item{
    padding-right: 72px;
    display: inline-block;
    vertical-align: top;
}
.footer .infoBox .mainBox .item:last-child{
    padding-right: 0px;
}
.footer .infoBox .title{
    font-weight: bold;
    font-size: 15px;
    color: #4A4A4A;
    line-height: 20px;
    margin-bottom: 20px;
}
.footer .infoBox .m-title,.footer .recomInfo .m-title{
    font-weight: 400;
    font-size: 12px;
    color: #6B7B9B;
    line-height: 25px;
}
.footer .infoBox .sub{
    float: left;
}
.footer .infoBox .question .sub-02{
    margin-right: 24px;
}
.footer .infoBox .mainBox .question{
    width: 214px;
}
.footer .infoBox .mainBox .question-ai {
    width: 220px;
}
.footer .infoBox .rightBox{
    padding-left: 64px;
}
.footer .infoBox .rightBox .img .item{
    width: 79px;
    text-align: center;
    float: left;
}
.footer .infoBox .rightBox .img .item span{
    font-weight: 400;
    font-size: 12px;
    color: #6B7B9B;
    line-height: 24px;
}
.footer .infoBox .rightBox .img .item-02{
    margin-right: 24px;
}
.footer .infoBox .logo{
  width: 160px;
  height: 57px;
  margin-bottom: 14px;
}
.footer .infoBox p, .footer .infoBox a{
    font-weight: 400;
    font-size: 12px;
    color: #6B7B9B;
}
.footer .infoBox p.lxwm{
    font-size: 15px;
    font-weight: bold;
    color: #4A4A4A;
    line-height: 20px;
}
.footer .lxwm-nav a{
    display: inline-block;
    position: relative;
    padding:0 10px;
}
.footer .lxwm-nav a:first-child{
    padding-left:0;
}

.footer .lxwm-nav a::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 11px;
    background:  #E5E8F0;
    right: 0;
    top: 3px;
}
.footer .lxwm-nav a:last-child::after{
    display: none;
}
.footer .infoBox .box.box1 p{
    line-height: 24px;
}
.footer .infoBox .box p.tit{
    font-size: 16px;
    font-weight: bold;
    color: #6B7B9B;
    line-height: 32px;
    margin-bottom: 16px;
}
.footer .infoBox .box1 p.tit{
  margin-top: 14px;
}

.footer .infoBox .contact-num{
    font-size: 24px;
    color: #4A4A4A;
    line-height: 26px;
    margin: 8px 0 28px;
    font-family: "D-DINExp-Bold";
}
.footer .recomInfo{
    margin-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #E5E8F0;
}
.footer .recomInfo-ai {
    padding-bottom: 0;
    margin-top: 22px;
}
.footer .recomInfo .item .title{
    font-weight: 400;
    font-size: 12px;
    color: #4A4A4A;
    line-height: 17px;
    display: inline-block;
    width: 80px;
}
.footer .recomInfo .item a{
    display: inline-block;
    min-width: 140px;
}
.footer .copyInfo{
    padding: 20px 0;
    color: #6B7B9B;
}
.footer .copyInfo p,.footer .copyInfo a{
    font-weight: 400;
    font-size: 14px;
    color: #6B7B9B;
    line-height: 20px;
}
.footer .copyInfo .f_copy{
    float: left;
}
.footer .copyInfo .f_copy img{
   vertical-align: bottom;
}
.footer .copyInfo .f_copy .span-01 {
    margin-right: 20px;
}
.footer .copyInfo .f_right{
    float: right;
}
.footer .copyInfo .f_right a{
    padding-left: 16px;
}
.footer .infoBox .box a:hover{
    color: #229AF4;
}

.contact_us{
    padding-bottom: 64px;
}
.contact_us .container{
    width: 100%;
    background-size: cover;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    box-sizing: border-box;
    height: 364px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact_us .contact_conter{
    padding: 0 150px;
}
.contact_us p{
    text-align: center;
}
.contact_us .txt1{
    font-size: 40px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 56px;
    margin-bottom: 24px;
}
.contact_us .txt2{
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin:auto;
    margin-bottom: 40px;
    color:rgba(255, 255, 255, 0.7)
}
.contact_us .freeBtn{
    width: 205px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 6px 14px 0px rgba(22,113,181,0.24);
    border-radius: 26px;
    font-size: 16px;
    font-weight: bold;
    color: #229AF4;
    display: block;
    margin: auto;
}
.contact_us .freeBtn:hover{
    background: #4EDDC7;
    color: #FFFFFF;
}
.inside-banner .box .btn .getBtn {
    display: block;
    width: 180px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background: #229AF4;
    border-radius: 45px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
}
.global-universal-button-style {
    display: block;
    width: 180px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background: #229AF4;
    border-radius: 45px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
}
.global-universal-button-style:hover{
    background: #1E8ADA;
}
.inside-banner .txtInfor .btn .watchBtn{
    width: 180px;
    height: 52px;
    line-height: 52px;
    background: #4EDDC7;
    border-radius: 45px;
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}
.inside-banner .box .btn .getBtn:hover{
    background: #1E8ADA;
}
.inside-banner .box .btn .watchBtn:hover{
    background: #49CFBA;
}
#pageTrueland {
    text-align: center;
    font-size: 0;
}
#pageTrueland li {
    display: inline-block;
    padding: 0 4px;
    vertical-align: middle;
}
#pageTrueland .page-link {
    color: rgba(0,0,0,0.65);
    min-width: 32px;
    line-height: 30px;
    display: block;
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
    box-shadow: 2px 3px 4px 0px rgba(63,94,128,0.1);
    border-radius: 2px;
}
#pageTrueland .page-link:hover {
    color: #fff;
    background: #229AF4;
}
#pageTrueland .page-link[rel="prev"],
#pageTrueland .page-link[rel="next"] {
    font-size: 24px;
}
#pageTrueland span.page-link {
    border-color: #fff;
}
#pageTrueland span.page-link:hover {
    color: #666;
    background: #fff;
    border-color: #fff;
}
#pageTrueland .active .page-link {
    color: #fff !important;
    background: #229AF4 !important;
}
#pageTrueland .disabled[aria-label="芦 Previous"] span,
#pageTrueland .disabled[aria-label="Next 禄"] span {
    cursor: no-drop;
    font-size: 24px;
}
@media screen and (max-width:1480px){
    .header{
        padding: 20px 16px;
    }
    .header .menu-list li.first-li{
        padding-right: 34px;
    }
    .body {
        overflow: hidden;
    }
}

@media screen and (max-width:1280px){
    .header{
        min-width: 1260px;
    }
    .container{
        padding: 0 15px;
        box-sizing: border-box;
    }
}
.global-m-hide{
    display: block;
}
.global-m-show{
    display: none;
}
.m-menuNav{
    display: none;
}

.globa-cookie{
    padding: 20px 50px;
    display: flex;
    justify-content: space-between;
    background-color: rgba(128, 133, 139, .9);
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    align-items: center;
    display: none;
    z-index: 10000000;
}
.globa-cookie .info{
    color: #ffffff;
    font-size: 14px;
    flex: 1;
}
.globa-cookie .info .title{
    font-weight: bold;
    font-size: 16px;
    line-height: 32px;
}
.globa-cookie .yes-no{
    display: flex;

}
.globa-cookie .yes-no button{
    width: 108px;
    height: 40px;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 10;
}

.globa-cookie .yes-no button::after{
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    background: #ffffff;
    transition: all 0.3s;
    z-index: -1;
}
.globa-cookie .yes-no button:hover::after{
    left: 0;

}
.globa-cookie .yes-no button:hover{
    color: #1e5096;
    border: 1px solid #ffffff;
}
.globa-cookie .yes-no .yes{
    background-color: #1e5096;
    font-size: 14px;
    color: #ffffff;
    border: 1px solid #1e5096;
}
.globa-cookie .yes-no .no{
    background-color: none;
    background: none;
    border: 1px solid #ffffff;
    font-size:14px;
    color: #ffffff;

}
.global-logo-roll {
    max-width: 1920px;
    height: 104px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 999;
    background-color: #fff;
    justify-content: center
}

.global-logo-roll>div {
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.global-logo-roll img {
    width: 140px;
    height: 70px;
    margin-right: 4px;
}
@media screen and (max-width: 768px) {
    .globa-cookie{
        flex-flow: column;
        z-index: 1000000;
    }
    .globa-cookie .yes-no{
        margin-top: 20px;
        width: 100%;
        justify-content: center;
    }
}
@media screen and (max-width: 768px) {
    body {
        min-width: 100%;
        width: 100%;
    }

    .global-m-hide {
        display: none;
    }

    .global-m-show {
        display: block;
    }

    .container {
        max-width: 100%;
        width: 100%;
        margin: auto;
        padding: 0 24px;
    }
    .m-container {
        padding: 0px;
    }
    .m-header {
        position: fixed;
        z-index: 998;
        top: 0;
        left: 0;
        right: 0;
        background-color: #FFF;
        height: 52px;
        display: flex;
        padding: 0 20px;
        align-items: center;
        justify-content: space-between;
    }

    .m-header-place {
        height: 52px;
        width: 100%;
        display: block;
    }

    .m-header .m-header-logo {
        display: flex;
        align-items: center;
    }

    .m-header .m-header-logo .m-logoImg {
        margin-left: 13px;
    }

    .m-header .m-header-logo .m-logoImg img {
        width: 80px;
        height: 29px;
    }

    .m-header .header_right {
        display: flex;
        align-items: center;
    }

    .m-header .m-lang {
        margin-right: 16px;
    }

    .m-header .m-lang img {
        width: 20px;
        vertical-align: middle;
    }

    .m-header .m-button-consult {
        width: 85px;
        height: 32px;
        background: #229AF4;
        border-radius: 4px;
        font-family: Verdana;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 32px;
        text-align: center;
        font-style: normal;
    }

    .m-menuNav {
        position: fixed;
        left: 0;
        right: 0;
        top: 52px;
        bottom: 0;
        z-index: 999;
        display: none;
        width: 100%;
        height: calc(100% - 52px);
    }

    .m-menuNav .menu-box.opened {
        left: 0
    }

    .m-menuNav .menu-box {
        position: absolute;
        left: -100%;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        background: #FFF;
        -webkit-transition: left 200ms cubic-bezier(0.000, 0.655, 0.000, 1);
        -webkit-transition: left 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990);
        -moz-transition: left 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990);
        -o-transition: left 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990);
        transition: left 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990)
    }

    .m-menuNav .nav-container {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 170px;
        overflow: auto
    }

    .m-menuNav ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .main-menu.firstHide {
        display: none;
    }

    .m-menuBtn {
        width: 16px;
        height: 16px;
        background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
        background-size: contain;
    }

    .m-menuBtn.focused {
        background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }
    .m-stockcode{
        margin-left: 8px;
        font-weight: bold;
        font-size: 8px;
        color: #4A4A4A;
        line-height: 10px;
        text-align: left;
    }

    .m-menuNav .menu-back {
        height: 48px;
        line-height: 48px;
        padding-left: 36px;
        position: relative;
        font-size: 14px;
        color: #233863;
    }

    .m-menuNav .menu-back::before {
        content: '';
        background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
        background-size: contain;
        position: absolute;
        left: 16px;
        top: 16px;
        width: 16px;
        height: 16px;
    }

    .m-menuNav ul.main-menu > li {
        display: block;
        width: 100%;
        line-height: 48px;
        font-family: Verdana, Verdana;
        font-weight: bold;
        font-size: 16px;
        color: #233863;
    }

    .m-menuNav ul.main-menu > li > a {
        display: block;
        padding-left: 24px;
        padding-right: 24px;
        position: relative;
        font-weight: bold;
        font-size: 24px;
        color: #233863;
        height: 64px;
        line-height: 64px;
    }

    .m-menuNav ul.main-menu > li > a.child::after {
        content: '';
        position: absolute;
        right: 24px;
        top: 23px;
        width: 16px;
        height: 16px;
        background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .m-menuNav ul.ulchild-menu {
        display: none;
    }

    .m-menuNav ul.ulchild-menu > li {
        padding-left: 24px;
        padding-right: 24px;
        font-size: 14px;
        line-height: 40px;
        background: #FFFFFF;
    }

    .m-menuNav ul.ulchild-menu > li > a {
        display: block;
        padding-left: 16px;
        color: #6B7B9B;
        font-family: Verdana;
        font-style: normal;
    }

    .m-menuNav ul.ulchild-menu > li.active a {
        background: #F5F7FB;
        border-radius: 4px;
        color: #229AF4;
    }

    .m-second-box {
        display: none;
        overflow-y: scroll;
    }

    .m-second-item {
        display: none;
    }

    .m-second-item.active {
        display: block;
    }

    .m-second-box .m-second-item {
    }

    .m-second-box .m-second-item .m-title {
        padding: 17px 0;
        margin-bottom: 12px;
        font-weight: bold;
        font-size: 24px;
        color: #233863;
        line-height: 29px;
        text-align: left;
        margin-left: 24px;
        margin-right: 24px;
    }

    .m-second-box .m-second-item .m-navitem {
        margin-left: 24px;
        margin-right: 24px;
        cursor: pointer;
        position: relative;
        z-index: 2;
        padding-bottom: 16px;
        background: #fff;
    }

    .m-second-box .m-second-item .m-navitem .m-second-level {
        height: 48px;
        line-height: 48px;
    }

    .m-second-box .m-second-item .m-navitem .m-three-level {
        display: none;
        margin-top: 16px;
    }

    .m-second-box .m-second-item .m-navitem .m-three-level.active {
        display: block;
    }

    .m-second-box .m-second-item .m-navitem:after {
        position: absolute;
        content: '';
        width: 50%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 0;
        background: #FFF;
    }

    .m-second-box .m-second-item .m-navitem p {
        font-size: 16px;
        color: #4A4A4A;
        padding-left: 52px;
        position: relative;
        z-index: 1;
    }

    .m-second-box .m-second-item .m-navitem .img {
        position: relative;
        top: 10px;
        left: 12px;
        width: 28px;
        height: 28px;
        background: #FFFFFF;
        z-index: 1;
        padding: 6px;
        border-radius: 5px;
        float: left;
    }

    .m-second-box .m-second-item .m-navitem .img img {
        max-width: 21px;
    }

    .m-second-box .m-second-item .m-navitem.childthreed p:after {
        content: '';
        position: absolute;
        top: 16px;
        right: 12px;
        width: 16px;
        height: 16px;
        background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
        background-size: cover;
    }

    .m-second-box .m-second-item .childthreed.active p:after {
        background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .m-second-box .m-second-item .m-navitem.active{
        border-radius: 4px;
    }
    .m-second-box .m-second-item .m-navitem.active .m-second-level{
        background: #ECF5FF;
        border-radius: 4px;
    }
    .m-second-box .m-second-item .m-navitem.active .img{
        box-shadow: 6px 6px 11px 0px rgba(40,61,108,0.1);
    }
    .m-second-box .m-second-item .m-navitem .m-second-level{
        position: relative;
        z-index: 2;
    }
    .m-three-level .m-three-item{
        background: #FFFFFF;
        font-size: 14px;
        color: #6B7B9B;
        position: relative;
        z-index: 2;
        padding-left: 16px;
        line-height: 40px;
        border-radius: 4px;
    }
    .m-three-level .m-three-item a{
        display: inline-block;
        width: 100%;
    }
    .m-three-level .m-three-item.active{
        background: #F5F7FB;
    }
    .m-three-level .m-three-item.active a{
        color: #229AF4;
    }
    .m-three-level .m-three-item .m-fourth-item a{
        padding-left: 16px;
        font-size: 13px;
        color: #333333;
    }
    .m-banner{
        position: relative;
        background-position: center;
        background-size: cover;
    }
    .m-banner .container{
        padding-top: 33px;
        position: relative;
    }
    .m-banner .m-title{
        font-weight: bold;
        font-size: 42px;
        color: #233863;
        line-height: 59px;
        text-align: left;
        margin-bottom: 24px;
    }
    .m-banner .m-sub-title{
        font-weight: 400;
        font-size: 20px;
        color: #4A4A4A;
        line-height: 30px;
        text-align: left;
        font-style: normal;
        margin-bottom: 40px;
    }
    .m-banner .m-btn a{
        width: 327px;
        height: 52px;
        line-height: 52px;
        border-radius: 45px;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        color: #FFFFFF;
        margin: auto;
        display: block;
        background: #229AF4;
    }
    .m-banner .m-btn a:nth-child(2){
        margin-top: 16px;
        background: #4EDDC7;
    }
    .m-banner img{
        display: block;
        margin: auto;
    }
    body{
        -webkit-tap-highlight-color:rgba(0,0,0,0); 
    }
    #pageTrueland li{
        padding: 4px;
    }
    .contact_us{
        padding-bottom: 48px;
        margin: 0 24px;
    }
    .contact_us .container{
        background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
        background-position: bottom;
        background-color: #229af4;
        height: auto;
        min-height: 395px;
        border-radius: 8px;
    }
    .contact_us .contact_conter{
        padding: 0;
    }
    .contact_us .txt1{
        font-size: 32px;
        line-height: 45px;
    }
    .contact_us .txt2{
        font-size: 16px;
        line-height: 22px;
    }
    .footer{
        padding-top: 32px;
    }
    .footer .infoBox{
        display: block;
        padding-bottom: 32px;
    }
    .footer .infoBox .logo{
        width: 120px;
        height: 44px;
        margin-bottom: 24px;
    }
    .footer .infoBox .box.box1 p.m-tit{
        float: left;
        margin-right: 16px;
    }
    .footer .infoBox .box1 p.tit{
        margin-top: 24px;
        line-height: 19px;
    }
    .footer .copyInfo{
        padding: 25px 0 24px;
        line-height: 22px;
    }
    .footer .infoBox .mainBox{
        display: none;
    }
    .footer .infoBox .leftBox, .footer .infoBox .rightBox{
        width: 100%;
    }
    .footer .infoBox .rightBox .img .item span{
        font-size: 14px;
    }
    .footer .recomInfo{
        display: none;
    }
    .footer .infoBox p, .footer .infoBox a{
        font-size: 14px;
        line-height: 16px;
    }
    .footer .infoBox .lxwm-nav{
        margin-bottom: 25px;
    }
    .footer .infoBox .rightBox{
        padding-left: 0;
        margin-bottom: 24px;
    }
    .footer .infoBox .title{
        margin-bottom: 8px;
        line-height: 32px;
    }
    .footer .infoBox .rightBox .img .item{
        width: 150px;
    }
    .footer .infoBox .rightBox .img .item img{
        margin-bottom: 8px;
    }
    .footer .footer_copyright{
        width: 100%;
        border-top:  1px solid #E5E8F0;
    }
    .footer .copyInfo{
        padding: 24px 0;
    }
    .footer .copyInfo .f_right{
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 12px;
    }
    .footer .copyInfo p, .footer .copyInfo a{
        line-height: 24px;
    }
    .footer .copyInfo .f_copy .span-01{
        display: block;
    }

    #TTalk .action {
        background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') !important;
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
    }

    #TTalk .action.fx {
        display: none !important;
    }

    #TTalk .tt-online {
        background: none !important;
    }
    #TTalk .tt-hi-icon::after {
        border-radius: 100% !important;
    }
    .aiNewBlueFrame{
        padding-top:0 !important;
    }
    .aiNewBlueFrame .aiNewBlueBlock{
        height: auto !important;
    }
    .aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .left{
        display: none !important;
    }
    .aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox{
        width: 100% !important;
    }
    .aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .right{
        margin-left:0px !important;
        padding: 32px 24px;
        width: 100%;
    }
    .aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .right .aiNewBlueBlockTitle{
        display: none;
    }
    .aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .right .inputBox{
        width: 100% !important;
        margin-top: 0 !important;
    }
    .aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .right .inputBox .aiNewBlueBlockTextInput{
        width: 221px !important;
    }
    .aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .right .caseLine{
        display:block !important;
        height: auto !important;
    }
    .aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .right .caseLine span{
        display: inline-block !important;
        margin-bottom: 12px;
    }
    .aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .right .caseLine span:nth-of-type(4){
        margin-bottom: 0;
    }
}
@media screen and (max-width:375px){
    .m-banner .m-btn a{
        width: 100%;
    }
    .footer .infoBox .rightBox .img .item{
        width: 46%;
    }
}
@media screen and (max-width:1050px){
    .productMenu{
        width: 60%;
        margin-left: 0px;
    }
    .productSub{
        width: 40%;
    }
}
.header .menu-list li.first-li.no-icon::after {
    display: none;
}

.online-style {
    animation: none !important;
    transform: translateY(-50%) !important;
}

@media screen and (min-width: 768px) {
    #TTalk .action {
        background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') !important;
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        border-radius: 0 !important;
    }

    #TTalk .tt-online {
        width: 200px !important;
        height: 50px !important;
    }

    #TTalk .tt-hi-icon::after {
        border-radius: 25px !important;
        animation-name: sonarEffect;
    }

    #TTalk .action.fx {
        display: none !important;
    }

    #TTalk .tt-online {
        background: none !important;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: .3
    }
    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(32, 70, 169, 0.1), 0 0 10px 10px #0b70ff, 0 0 0 10px rgba(32, 70, 169, 0.1);
    }
    to {
        box-shadow: 0 0 0 2px rgba(32, 70, 169, 0.1),0 0 10px 10px #0b70ff,0 0 0 10px rgba(32, 70, 169, 0.1);
        transform: scale(1.1);
        opacity: 0
    }
}

.aiSearchFrame{
    position: relative;
    float: left;
    width: 252px;
    height: 42px;
    z-index: 1000;
    margin-top: 7px;
    display: none;
}
.aiSearchFrame .aiSearchBox{
    position: absolute;
    top: 0;
    right: 0;
    width: 252px;
    height: 100%;
    transition: all 0.3s;
}

.aiSearchFrame .aiSearchBox .aiSearchSmall{
    position: relative;
    width: 100%;
    height: 42px;
    border-radius: 4px;
    background-clip: padding-box;
    cursor: pointer;
    background: #FFFFFF;
}
.aiSearchFrame .aiSearchBox .aiSearchSmall .topLine{
    width: 100%;
    height: 42px;
    display: flex;
    padding: 0 8px;
}
.aiSearchFrame .aiSearchBox .aiSearchSmall ul{
    display: none;
}
.aiSearchFrame .aiSearchBox .aiSearchSmall ul{
    padding: 16px 0;
}
.aiSearchFrame .aiSearchBox .aiSearchSmall ul li{
    width: 100%;
    height: 40px;
    display: flex;
    padding: 0 16px;
}
.aiSearchFrame .aiSearchBox .aiSearchSmall ul li img{
    width: 24px;
    height: 24px;
    margin-top: 8px;
}
.aiSearchFrame .aiSearchBox .aiSearchSmall ul li b{
    line-height: 40px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #4A4A4A;
    text-align: left;
    font-style: normal;
    margin-left: 8px;
}
.aiSearchFrame .aiSearchBox .aiSearchSmall ul li:hover{
    background: rgba(107, 123, 155, 0.1);
}
.aiSearchFrame .aiSearchBox .aiSearchSmall input{
    height: 30px;
    width: 650px;
    margin-top: 6px;
    margin-left: 8px;
    display: none;
}
.aiSearchFrame .aiSearchBox .aiSearchSmall input::placeholder {
    color: #4A4A4A;
}
.aiSearchFrame .aiSearchBox .aiSearchSmall::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    border-radius: inherit;
    background: linear-gradient(131deg, rgba(91, 148, 255, 1), rgba(144, 80, 233, 1));
}
.aiSearchFrame .aiSearchBox .aiSearchSmall .magnifying{
    width: 30px;
    height: 30px;
    margin-top:5px;
}
.aiSearchFrame .aiSearchBox .aiSearchSmall span{
    line-height: 42px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 14px;
    color: #233863;
    text-align: left;
    font-style: normal;
    margin-left: 8px;
}
.aiSearchFrame .aiSearchBox.aiSearchOpen{
    width: 710px;
    height: 194px;
}
.aiSearchFrame .aiSearchBox.aiSearchOpen .aiSearchSmall{
    border-radius: 8px;
    height: 194px;
}
.aiSearchFrame .aiSearchBox.aiSearchOpen .aiSearchSmall .topLine{
    border-bottom: 1px #EBEBEB solid;
}
.aiSearchFrame .aiSearchBox.aiSearchOpen .aiSearchSmall span{
    display: none;
}
.aiSearchFrame .aiSearchBox.aiSearchOpen .aiSearchSmall input{
    display: block;
}
.aiSearchFrame .aiSearchBox.aiSearchOpen .aiSearchSmall ul{
    display: block;
}
@media (min-width: 1800px) {
    .aiSearchFrame:not(.aiResearchInstitutePageSearch){
        display: block;
    }
}
@media (min-width: 1360px) {
    .aiSearchFrame.aiResearchInstitutePageSearch{
        display: block;
    }
}

.aiNewBlueFrame{
    overflow: hidden;
    animation:aiNewBlueFrameMymove 0.5s linear 0.8s;
    -webkit-animation:aiNewBlueFrameMymove 0.5s linear 0.8s;
    height:0;
    padding-top:0;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}
.aiNewBlueFrame.aiResearchInstitutePageBlue{
    position: relative;
}
.aiNewBlueFrame.hide{
    height:0px;
    padding-top:0;
    animation:aiNewBlueFrameMymoveNone 0.5s linear;
    -webkit-animation:aiNewBlueFrameMymoveNone 0.5s linear;
}
@keyframes aiNewBlueFrameMymove
{
	from {
        height:0px;
        padding-top:0;
    }
	to {
        height:309px;
        padding-top:96px;
    }
}

@-webkit-keyframes aiNewBlueFrameMymove
{
	from {
        height:0px;
        padding-top:0;
    }
	to {
        height:309px;
        padding-top:96px;
    }
}

@keyframes aiNewBlueFrameMymoveNone
{
	from {
        height:309px;
        padding-top: 96px;
    }
	to {
        height:0;
        padding-top:0;
    }
}

@-webkit-keyframes aiNewBlueFrameMymoveNone
{
	from {
        height:309px;
        padding-top: 96px;
    }
	to {
        height:0;
        padding-top:0;
    }
}

.aiNewBlueFrame .aiNewBlueBlock{
    background: #2B75EB;
    height: 213px;
}
.aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox{
    margin: 0 auto;
    width: 1000px;
    display: flex;
}
.aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .left{
    width: 131px;
}
.aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .left img{
    width: 100%;
    margin-top: 34px;
}
.aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .right{
  margin-left: 40px;  
}
.aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .right .aiNewBlueBlockTitle{
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 23px;
    color: #FFFFFF;
    line-height: 34px;
    text-align: left;
    font-style: normal;
    margin-top: 28px;
}
.aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .right .inputBox{
    background: #FFFFFF;
    border-radius: 4px;
    display: flex;
    width: 816px;
    height: 48px;
    padding: 0 16px;
    margin-top: 16px;
}
.aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .right .inputBox .left_icon{
    width: 32px;
    height: 32px;
    margin-top: 8px;
}
.aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .right .inputBox .aiNewBlueBlockTextInput{
    width: 710px;
    height: 32px;
    margin-top: 8px;
    margin-left: 12px;
    font-size: 14px;
}

.aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .right .inputBox .aiNewBlueBlockTextInput::placeholder {
    color: #999;
}
.aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .right .inputBox .searchConfirm{
    width: 30px;
    height: 30px;
    margin-top: 9px;
    cursor: pointer;
}
.aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .right .inputBox .search_confirm_highlight{
    display: none;
}
.aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .right .caseLine{
    width: 100%;
    height: 36px;
    display: flex;
    margin-top: 16px;
}
.aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .right .caseLine span{
    border-radius: 4px;
    border: 1px solid #FFFFFF;
    display: block;
    text-align: center;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 34px;
    margin-right: 12px;
    padding: 0 16px;
    cursor: pointer;
}
.aiNewBlueFrame .aiNewBlueBlock .aiNewBlueBlockBox .right .caseLine span:hover{
    background: rgba(0,0,0,0.2);
    box-shadow:0px 0px 0 2px rgba(28, 192, 254, 1);
}
/* 产品中心标题样式参考 */
        .title-01 {
            font-size: 48px;
            font-weight: bold;
            color: #1a365d; /* 深海军蓝，与首页标题一致 */
            text-align: center;
            margin-bottom: 30px;
        }

        .category-nav {
            margin: 20px 0;
            padding: 25px 20px;
            background: #f9fafb; /* 更柔和的浅灰背景，贴合首页风格 */
            border-radius: 12px;
            border: 1px solid #e2e8f0;
        }
        .category-row {
            margin-bottom: 15px;
            line-height: 2.4;
        }
        .category-row label {
            font-weight: bold;
            color: #1a365d; /* 与产品中心标题同色 */
            margin-right: 12px;
            font-size: 18px;
        }
        /* 核心修改：字体大小改为14px，与首页导航一致 */
        .category-item {
            display: inline-block;
            padding: 8px 16px; /* 适当减小内边距以匹配14px字体 */
            margin: 0 8px 8px 0;
            border: 1px solid #cbd5e0;
            border-radius: 8px;
            cursor: pointer;
            font-size: 14px; /* 修改为14px */
            font-weight: bold;
            color: #1a365d;
            transition: all 0.3s ease;
            text-decoration: none;
            background: #ffffff;
            white-space: nowrap; /* 防止文字换行 */
        }
        .category-item.active {
            background: #007bff;
            color: #fff;
            border-color: #007bff;
        }
        .category-item:hover {
            border-color: #007bff;
            color: #007bff;
            background: #f0f8ff;
        }
        .logos-box .img {
            text-align: center;
            margin-bottom: 20px;
        }
        .product-title {
            margin-top: 12px;
            font-size: 16px;
            color: #1a365d;
            line-height: 1.5;
            font-weight: 500;
        }
        .pagination {
            text-align: center;
            margin: 40px 0;
        }
        .pagination a, .pagination span {
            display: inline-block;
            padding: 8px 16px;
            margin: 0 6px;
            border: 1px solid #e2e8f0;
            border-radius: 6px;
            text-decoration: none;
            color: #1a365d;
            font-weight: 500;
        }
        .pagination a:hover {
            background: #007bff;
            color: #fff;
            border-color: #007bff;
        }
        .pagination .thispage {
            background: #007bff;
            color: #fff;
            border-color: #007bff;
        }
@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.inside-banner{
    height: 620px;
}
.inside-banner .box .txt{
    margin-top: 73px;
    width: 800px;
}
.inside-banner .box .txt .bigTxt{
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-weight: bold;
    font-size: 56px;
    color: #233863;
    line-height: 72px;
}
.inside-banner .box .txt .smallTxt{
    margin-top: 34px;
    margin-bottom: 64px;
    font-size: 24px;
    color: #4A4A4A;
    line-height: 38px;
}
.inside-banner .box {
    position: relative;
}
.inside-banner  .img{
    position: absolute;
    bottom: 0;
    width: 596px;
    height: 382px;
    margin-left: 556px;
}
.title-01{
    font-size: 40px;
    color: #233863;
    line-height: 43px;
    text-align: center;
}
.solution{
    margin-top: 64px;
}
.solution .title-01 {
font-family: PingFangSC, PingFang SC;
font-weight: 600;
    font-weight: bold;
font-size: 40px;
color: #233863;
line-height: 56px;
}
.solution .solution-box{
    margin: 48px -16px 0;
}
.solution .solution-box .item{
    width: 25%;
    float: left;
    padding: 0 16px;
    box-sizing: border-box;
    cursor: pointer;
}
.solution .solution-box .item .insideBox{
    background: #FFFFFF;
    border-radius: 8px;
    /* height: 417px; */
    height: 416px;
    position: relative;
}
.solution .solution-box .item .insideBox.insideHover{
    height: 456px;
}
.solution .solution-box .insideBox{
    transition: all 0.3s;
}
.solution .solution-box .insideBox .img{
    position: relative;
    height: 206px;
}
.solution .solution-box .insideBox .txt{
    padding: 22px 16px 0;
    text-align: center;
}
.solution .solution-box .insideBox .txt .des{
    font-weight: 400;
    font-size: 14px;
    color: #4A4A4A;
    line-height: 20px;
}
.solution .solution-box .insideBox .txt .tit{
    font-size: 18px;
    font-weight: bold;
    color: #233863;
    line-height: 25px;
    margin-bottom: 24px;
}
.solution .solution-box .insideBox .txt .des.desHover{
    display: none;
}
.solution .solution-box .insideBox .lookText{
    position: absolute;
    bottom: 30px;
    left: 16px;
    text-decoration: underline;
    color: #233863;
}
.solution .solution-box .insideBox:hover {
    background: #FFFFFF;
    box-shadow: 0px 16px 40px -2px rgba(0,0,0,0.05);
}
.solution .solution-box .insideBox:hover .des{
    display: none;
}
.solution .solution-box .insideBox:hover .des.desHover{
    display: block;
}
.solution .solution-box .insideBox:hover .lookText{
    display: none;
}
.manage{
    padding-top: 108px;
    position: relative;
}
.manage::before{
    position: absolute;
    content: '';
    top: -312px;
    left: 8%;
    right: 8%;
    /*width: 100%;*/
    width: 1600px;
    height: 462px;
    margin: auto;
    text-align: center;
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat;
    background-size: cover;
    z-index: -1;
}
.manage .title-01 {
font-family: PingFangSC, PingFang SC;
font-weight: 600;
    font-weight: bold;
font-size: 40px;
color: #233863;
line-height: 56px;
}
.manage .manage-box{
    margin-top: 42px;
}
.manage .manage-box .manage-tab{
    display: inline-flex;
    width: 100%;
    text-align: center;
    background: #fff;
}
.manage .manage-box .manage-tab a{
    width: 20%;
    height: 59px;
    position: relative;
    font-weight: 400;
    font-size: 18px;
    color: #233863;
    line-height: 59px;
    font-family: PingFangSC, PingFang SC;
}
/*.xian{
    width: 100%;
    background: #EFEFF6;
    height: 3px;
    transition: all 0.3s;
}
.manage .manage-box .manage-tab a:hover .xian{
    background: #229AF4;
}*/
.manage .manage-box .manage-tab a::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #EFEFF6;
    height: 3px;
    transition: all 0.3s;
}
.manage .manage-box .manage-tab a:hover::after,.manage .manage-box .manage-tab a.cur::after{
    background: #229AF4;
}
.manage .manage-box .manage-tab a:hover,.manage .manage-box .manage-tab a.cur{
    font-weight: 600;
    font-weight: bold;
}
.manage-main .manage-list{
    display: none;
}
.manage-main .manage-list.selected{
    display: block;
}
.manage-main .manage-list .manage-item{
    margin-top: 64px;
}
.manage-main .manage-list .manage-item:first-child{
    margin-top: 40px;
}
.manage-main .manage-list .manage-item .img{
    float: right;
    height: 280px;
    width: 456px;
}
.manage-main .manage-list .manage-item .text{
    float: left;
    height: 280px;
    width: calc(100% - 456px);
    margin-top: 42px;
    padding-right: 44px;
}
.manage-main .manage-list .manage-item:nth-child(2n) .img{
    float: left;
}
.manage-main .manage-list .manage-item:nth-child(2n) .text{
    float: right;
    padding-left: 44px;
    padding-right: 0;
}
.manage-item .text .btn{
    width: 112px;
    height: 36px;
    background: #e4f3fd;
    border-radius: 18px;
    font-weight: 400;
    font-size: 16px;
    color: #229AF4;
    line-height: 36px;
    text-align: center;
}
.manage-item .text .tit{
    margin-top: 22px;
    font-weight: bold;
    font-size: 36px;
    color: #233863;
    line-height: 50px;
}
.manage-item .text .wnowrap{
    white-space: nowrap;
}
.manage-item .text .desc{
    margin-top: 24px;
    font-weight: 400;
    font-size: 20px;
    color: #4A4A4A;
    line-height: 32px;
}
.tabfixed {
    position: fixed;
    top: 96px;
    height: 59px;
    z-index: 999;
    margin: auto;
    left: 0;
    right: 0;
    max-width: 1260px;
}
.help{
    position: relative;
}
.help::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 774px;
    top: -44px;
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat;
    background-size: cover;
    z-index: -1;
}
.help .title-01{
    padding-top: 290px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-weight: bold;
    font-size: 40px;
    color: #233863;
    line-height: 56px;
}
.help .img{
    margin-top: 54px;
}
.client{
    position: relative;
    padding-top: 130px;
}
.client .title-01 {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-weight: bold;
    font-size: 40px;
    color: #233863;
    line-height: 56px;
}
.client::before{
    position: absolute;
    content: '';
    top: -241px;
    width: 100%;
    height: 1098px;
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat;
    background-size: cover;
    z-index: -1;
}
/* 轮播 */
.client-box .conTabs {
    overflow: hidden;
    position: relative;
}
.client-box .conTabs .swiper-slide {
    width: 960px;
}
.client-box .conTabs .spBox{
    background: #FFFFFF;
    box-shadow: 0px 16px 50px -4px rgba(157,168,194,0.2);
    border-radius: 16px;
    padding: 40px;
    box-sizing: border-box;
    height: 284px;
    position: relative;
}
.client-box .conTabs .spBox .top{
    padding-bottom: 16px;
    font-size: 24px;
    color: #233863;
    line-height: 33px;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.client-box .conTabs .spBox .top img{
    width: 56px;
    height: 56px;
    float: left;
    margin-right: 16px;
}
.client-box .conTabs .spBox .text{
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    color: #4A4A4A;
    line-height: 28px;
}
.client-box .conTabs .spBox a{
    position: absolute;
    bottom: 40px;
    text-decoration: underline;
}
.client-box .conTabs .swiper-container{
    padding: 56px 0 51px;
}
.client-box .conTabs .swiper-pagination{
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.client-box .conTabs .swiper-pagination-bullet {
    margin: 0 3px;
    width: 12px;
    height: 12px;
    background: #d8d8d8;
    opacity: 1;
    cursor: pointer;
}
.client-box .conTabs .swiper-pagination-bullet-active {
    width: 30px;
    background: #229af4;
    border-radius: 6px;
}
.client-box .conTabs .swiper-slide.swiper-slide-next .spBox,.client-box .conTabs .swiper-slide.swiper-slide-prev .spBox{
    box-shadow: 0px 16px 50px -4px rgba(157,168,194,0.15);
    opacity: 0.5;
}
.logos{
    margin-top: 88px;
}
.logos .title-01 {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-weight: bold;
    font-size: 40px;
    color: #233863;
    line-height: 56px;
}
.logos .logos-box{
    margin-top: 40px;
    margin-bottom: 44px;
}
.logos .logos-box .img{
    width: 14.285%;
    padding: 0 16px;
    float: left;
    margin-bottom: 20px;
}
.logos .logos-box .img .insideImg {
    height: 162px;
    background: #FFFFFF;
    box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.1);
    border-radius: 8px;
    position: relative;
    padding: 16px;
}
.logos .logos-box .img .insideImg img {
    max-width: 130px;
}
.contact_us .txt1{
    margin-bottom: 40px;
}
@media screen and (max-width: 1600px) {
    .manage::before {
        left: 0;
        width: 100%;
    }
}
@media screen and (max-width: 1340px) {
    .client-box .conTabs .spBox .text {
        font-size: 12px;
    }
    .client-box .conTabs .spBox a{
        font-size: 12px;
    }
}



@media screen and (max-width: 768px){
    .m-banner img{
        margin-top: 56px;
    }
    .m-banner .m-btn a {
        width: 100%;
    }
    .solution {
        margin-top: 20px;
        padding-top: 28px;
        background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: top;
    }
    .solution .title-01 {
        font-weight: 600;
    font-weight: bold;
        font-size: 32px;
        color: #233863;
        line-height: 45px;
        margin-bottom: 32px;
    }
    .solution .solution-box {
        margin: 0px;
    }
    .solution .solution-box .item {
        width: 100%;
        padding: 0px;
        margin-bottom: 24px;
    }
    .solution .solution-box .item .insideBox {
        height: revert;
        background: #FFFFFF;
        box-shadow: 0px 0px 23px -5px rgba(197,210,235,0.3);
        border-radius: 8px;
    }
    .solution .solution-box .insideBox .img {
        height: revert;
    }
    .solution .solution-box .insideBox .txt {
        padding: 20px 16px 100px;
    }
    .solution .solution-box .insideBox .txt .tit {
        margin-bottom: 16px;
        font-size: 20px;
        line-height: 24px;
    }
    .solution .solution-box .insideBox .txt .des {
        font-size: 16px;
        line-height: 28px;
    }

    .solution .solution-box .insideBox .lookText {
        bottom: 32px;
        line-height: 20px;
    }

    .solution .solution-box .insideBox:hover .des.desHover {
        font-weight: 400;
        font-size: 16px;
        color: #4A4A4A;
        line-height: 28px;
    }

    .solution .solution-box .insideBox:hover .txt{
        padding-bottom: 44px;
    }

    .solution .solution-box .insideBox:hover .txt-last{
        padding-bottom: 16px;
    }

    .manage{
        padding-top: 24px;
    }
    .manage .title-01 {
        font-weight: 600;
    font-weight: bold;
        font-size: 32px;
        color: #233863;
        line-height: 45px;
    }
    .manage .manage-box {
        margin-top: 24px;
    }

    .m-container {
        padding: 0px;
    }

    .m-container .title-01 {
        padding: 0 24px;
    }

    .manage .manage-box .manage-tab {
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        top: 52px;
        z-index: 998;
    }
    .manage .manage-box .manage-tab::-webkit-scrollbar {
        display: none;
    }
    .manage .manage-box .manage-tab a {
        white-space: nowrap;
        display: inline-table;
        padding: 0px 16px;
    }
    .manage-main {
        padding: 0 24px;
    }
    .manage-main .manage-list .manage-item:first-child{
        margin-top: 32px;
    }

    .manage-main .manage-list .manage-item .img {
        width: revert;
        height: revert;
    }

    .manage-main .manage-list .manage-item .text {
        width: revert;
        height: revert;
        margin-top: 16px;
        padding: 0px!important;
    }
    .manage-main .manage-list .manage-item .mf-left {
        float: left!important;
    }
    .manage-item .text .desc {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 16px;
        color: #4A4A4A;
        line-height: 28px;
    }
    .manage-item .text .tit {
        margin-top: 16px;
        font-size: 32px;
        line-height: 45px;
        white-space: revert;
    }
    .manage-main .manage-list .manage-item {
        margin-top: 32px;
    }
    .help .title-01 {
        padding-top: 126px;
        font-weight: 600;
    font-weight: bold;
        font-size: 32px;
        color: #233863;
        line-height: 45px;
    }
    .help .img {
        margin-top: 34px;
    }
    .client {
        padding-top: 67px;
    }
    .client .title-01 {
        font-weight: 600;
    font-weight: bold;
        font-size: 32px;
        color: #233863;
        line-height: 45px;
    }

    .client-box .conTabs {
        padding: 0 24px;
    }
    .client-box .conTabs .swiper-container {
        padding: 32px 0 41px;
    }

    .client-box .conTabs .spBox {
        height: 440px;
        box-shadow: none;
        padding: 32px 24px;
    }

    .client-box .conTabs .spBox .text {
        font-size: 16px;
        line-height: 28px;
    }
    .client-box .conTabs .spBox a {
        font-size: 14px;
        line-height: 20px;
        color: #233863;
        bottom: 32px;
    }

    .client-box .conTabs .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background: #D8D8D8;
    }

    .client-box .conTabs .swiper-pagination-bullet-active {
        width: 30px;
        height: 12px;
        background: #229AF4;
    }

    .logos {
        margin-top: 48px;
    }
    .logos .title-01 {
        font-weight: 600;
    font-weight: bold;
        font-size: 32px;
        color: #233863;
        line-height: 45px;
    }
    .logos .logos-box {
        margin: 32px auto;
    }

    .logos .logos-box .img{
        width: 25%;
        margin-bottom: 16px;
        padding: 0 6px;
    }


    .logos .logos-box .img .insideImg {
        width: 76px;
        height: 76px;
        padding: 8px;
    }
    .logos .logos-box .img .insideImg img{
        max-width: 62px;
    }

    .help::before{
        position: absolute;
        content: '';
        width: 100%;
        height: 540px;
        top: 4px;
        background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat;
        background-size: cover;
        z-index: -1;
    }
    .contact_us .txt1{
        margin-bottom: 64px;
    }
}
.global-universal-button {
    display: flex;
    justify-content: center;
    width: 188px!important;
	height: 44px!important;
    margin-top: 24px!important;
}
.global-universal-button.scrm-universal-button {
    width: 100%!important;
    margin-top: 35px!important;
    position: relative;
    top: 80px;
}
.btn .global-universal-button-style {
	width: 188px;
	height: 44px;
	font-weight: 600;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #229AF4;
    position: relative;
    z-index: 9;
}
.global-universal-button .global-universal-button-style {
    margin-top: 0;
}
.global-universal-button-solution a{
    font-weight: 400;
    font-size: 14px;
    color: #229AF4;
    line-height: 20px;
    margin-top: 16px;
    display: flex;
}
/* v7 内页导航与首页对齐：透明叠加式头部（滚动后恢复白底） */
body .tp-topbar{display:none!important;}
body .tp-header{position:fixed;top:0;left:0;right:0;background:transparent;border-bottom-color:transparent;box-shadow:none;backdrop-filter:none;}
body .tp-header .tp-logo img{filter:brightness(0) invert(1);}
body .tp-header .tp-nav-item>a{color:rgba(255,255,255,.92);}
body .tp-header .tp-nav-item:hover>a,body .tp-header .tp-nav-item.is-current>a{color:#fff;}
body .tp-header .tp-head-tel{color:rgba(255,255,255,.8);}
body .tp-header .tp-head-tel b{color:#fff;}
body .tp-header .tp-head-tel img{filter:brightness(0) invert(1);}
body .tp-header .tp-burger{background:transparent;border-color:rgba(255,255,255,.38);}
body .tp-header .tp-burger i{background:#fff;}
body .tp-header.is-stuck{background:rgba(255,255,255,.94);border-bottom-color:transparent;box-shadow:0 6px 24px rgba(10,21,38,.09);}
@supports (backdrop-filter:blur(10px)){body .tp-header.is-stuck{background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(14px);}}
body .tp-header.is-stuck .tp-logo img{filter:none;}
body .tp-header.is-stuck .tp-nav-item>a{color:#0F1A2B;}
body .tp-header.is-stuck .tp-nav-item:hover>a,body .tp-header.is-stuck .tp-nav-item.is-current>a{color:#1B57C4;}
body .tp-header.is-stuck .tp-head-tel{color:#54657C;}
body .tp-header.is-stuck .tp-head-tel b{color:#0A1526;}
body .tp-header.is-stuck .tp-head-tel img{filter:none;}
body .tp-header.is-stuck .tp-burger{background:#fff;border-color:#E5EAF1;}
body .tp-header.is-stuck .tp-burger i{background:#0A1526;}
.inside-banner{padding-top:116px!important;}
.consultation_button_list {
  position: fixed;
  right: 10px;
  top: 50%;
  z-index: 1100;
}

.consultation_button_list .contact .line {
  margin: 9px 0;
  height: 1px;
  border-top: 1px solid #233863;
  opacity: 0.1;
}
.consultation_button_list .contact {
  width: 68px;
  height: 210px;
  background: #ffffff;
  box-shadow: 0px 2px 8px 0px rgba(147, 182, 215, 0.3);
  border-radius: 34px;
  padding: 22px 10px 20px 10px;
  text-align: center;
}
.consultation_button_list .contact .default,
.consultation_button_list .contact .deHover {
  width: 24px;
  height: 24px;
  display: block;
}
.consultation_button_list .contact .h5-img {
  display: none;
}
.consultation_button_list .contact .tit {
  width: 48px;
  height: 17px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #233863;
  line-height: 17px;
  text-align: left;
  font-style: normal;
}
.consultation_button_list .contact .item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.consultation_button_list .contact .item-img {
  width: 24px;
  height: 24px;
  background-size: cover;
  margin-left: 12px;
}

.consultation_button_list .contact .item :hover {
  color: #229af4;
}
.consultation_button_list .contact .item .deHover,
.consultation_button_list .contact .item:hover .default {
  display: none;
  opacity: 0;
}
.consultation_button_list .contact .item:hover .deHover {
  display: inline-block;
  opacity: 1;
}
.consultation_button_list .contact .item.arrow_scroll {
  background: #fff;
  border-radius: 50%;
  width: 52px;
  height: 52px;
  line-height: 64px;
  position: absolute;
  bottom: -62px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s; 
  z-index: 99999;
}
.consultation_button_list .contact .item.arrow_scroll.visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}


.onlineService:hover .online-qw-wrapper,
.telService:hover .tel-details {
    display: inline-block;
}

.onlineService .online-qw-wrapper {
    position: absolute;
    top: 0;
    right: 85px;
    width: 220px;
    height: 270px;
    box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 15%);
    display: none;
    background-color: #fff;
    padding: 24px 40px 33px;
    box-shadow: 0px 0px 30px -12px rgba(120, 160, 197, 0.3);
    border-radius: 16px;
    z-index: 99999;
}
.onlineService .online-qw-wrapper .online-title {
    height: 28px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 20px;
    color: #233863;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    text-align: center;
    margin-bottom: 16px;
}


.telService .tel-details {
  display: none;
  width: 240px;
  height: auto;
  position: absolute;
  right: 85px;
  top: 40px;
  padding: 12px;
  border-radius: 8px;
  box-shadow: 0px 4px 12px 0px rgb(0 0 0 / 15%);
  text-align: left;
  background-color: #fff;
  line-height: 26px;
  padding: 32px 24px;
  z-index: 99999;
}
.telService .tel-details .tel-title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 16px;
  color: #233863;
  line-height: 22px;
  text-align: left;
  font-style: normal;
  margin-bottom: 8px;
  display: flex;
}
.telService .tel-details .tel-title span {
  margin-left: 8px;
}
.telService .tel-details .tel-num {
  height: 30px;
  font-family: D, D;
  font-weight: normal;
  font-size: 28px;
  color: #229af4;
  line-height: 30px;
  text-align: left;
  font-style: normal;
}
.consultation_button_list .contact .online-pc {
  display: block;
}
.consultation_button_list .contact .online-h5 {
  display: none;
}
.consultation_button_list .contact .h5-suspension-item .tel-details .pc-img {
  display: inline-block;
}
.consultation_button_list .contact .h5-suspension-item .tel-details .h5-img {
  display: none;
}

@media screen and (max-width: 768px) {
  .consultation_button_list {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background: #ffffff;
    box-shadow: 0px -2px 8px 0px rgba(147, 182, 215, 0.3);
    top: initial;
  }
  
  .consultation_button_list .contact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 62px;
    background: #ffffff;
    box-shadow: initial;
    background: #229AF4;
    border-radius: 0;
  }
  .consultation_button_list .contact .line {
    width: 1px;
    height: 45px;
    border-right: 1px solid #fff;
    opacity: 1;
    z-index: 9999;
    position: relative;
    top: -2px;
  }
  .consultation_button_list .contact .tit {
    width: 100%;
    text-align: center;
    color: #fff!important;
    opacity: 1;
  }
  .consultation_button_list .contact .tit a {
    color: #fff;
  }
  .consultation_button_list .contact .h5-suspension-item {
    flex: 1;
  }
  .consultation_button_list .contact .h5-suspension-item .online-qw-wrapper {
    top: -200px;
    left: 24px;
    right: 85px;
    width: 158px;
    height: 181px;
    padding: 16px;
  }
  .consultation_button_list .contact .h5-suspension-item .online-qw-wrapper::after {
    content: "";
    position: absolute;
    left: 25%;
    bottom: -10px;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffffff;
    width: 0;
  }
  .consultation_button_list .contact .h5-suspension-item .online-qw-wrapper img {
    width: 126px;
    height: 126px;
    margin-bottom: 8px;
  }
  .consultation_button_list .contact .h5-suspension-item .online-title,
  .consultation_button_list .contact .h5-suspension-item .online-pc {
    display: none;
  }
  .consultation_button_list .contact .h5-suspension-item .online-h5 {
    display: block;
    font-weight: 400;
    font-size: 12px;
    color: #233863;
  }
  
  .consultation_button_list .contact .h5-suspension-item .item {
    flex: 1;
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .consultation_button_list {
    display: flex;
    bottom: 0;
  }
  
  .consultation_button_list .contact {
    flex-direction: row;
  }

  .consultation_button_list .contact .item {
    flex: 1;
    position: relative;
  }
  .consultation_button_list .contact .default,
  .consultation_button_list .contact .deHover {
    display: none!important;
  }
  .consultation_button_list .contact .h5-img {
    width: 24px;
    height: 24px;
    display: block;
  }
  .consultation_button_list .contact .h5-suspension-item .tel-details {
    right: 100px;
    top: -100px;
    width: 195px;
    height: 82px;
    padding: 16px;
  }
  .consultation_button_list .contact .h5-suspension-item .tel-details::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffffff;
    width: 0;
  }
  .consultation_button_list .contact .h5-suspension-item .tel-details .tel-title {
    font-weight: 400;
    font-size: 14px;
    color: #233863;
    line-height: 20px;
    margin-bottom: 4px;
  }
  .consultation_button_list .contact .h5-suspension-item .tel-details .tel-num {
    font-weight: normal;
    font-size: 24px;
    color: #229AF4;
    line-height: 26px;
  }
  .consultation_button_list .contact .h5-suspension-item .tel-details .h5-img {
    display: inline-block;
  }
  .consultation_button_list .contact .h5-suspension-item .tel-details .pc-img {
    display: none;
  }
}