@import '/css/iconfont/iconfont.css';
div, ul, li, h1, h2, h3, h4, p, dt, dd, img, p, form { padding: 0px; margin: 0px; }
a { text-decoration: none; }
* { list-style: none; margin: 0px; padding: 0px; font-family: "PingFangSC-Regular","Microsoft YaHei"; box-sizing: border-box; }
.b { font-weight: bold; }
.layui-layer-btn { text-align: center !important; }
.relative { position: relative; }
.boxbackshadow { background: linear-gradient(to right bottom, rgb(249, 250, 251), rgb(255, 255, 255)); box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px; }

/*流动模块*/
.qLat { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.qLat .o9 { stroke-dasharray: 12 88; opacity: .04; animation: o9 8s linear infinite; }
.qLat .o8 { stroke-dasharray: 10 90; opacity: .1; animation: o8 8s linear infinite; }
.qLat .o7 { stroke-dasharray: 9 91; opacity: .17; animation: o7 8s linear infinite; }
.qLat .o6 { stroke-dasharray: 8 92; opacity: .26; animation: o6 8s linear infinite; }
.qLat .o5 { stroke-dasharray: 7 93; opacity: .36; animation: o5 8s linear infinite; }
.qLat .o4 { stroke-dasharray: 6 94; opacity: .48; animation: o4 8s linear infinite; }
.qLat .o3 { stroke-dasharray: 5 95; opacity: .6; animation: o3 8s linear infinite; }
.qLat .o2 { stroke-dasharray: 4 96; opacity: .72; animation: o2 8s linear infinite; }
.qLat .o1 { stroke-dasharray: 3 97; opacity: .85; animation: o1 8s linear infinite; }
.qLat .o0 { stroke-dasharray: 2 98; opacity: 1; animation: o0 8s linear infinite; }
.qLat rect { fill: none; stroke: #35D661; stroke-width: 1; stroke-linecap: butt; }

@keyframes o0 {
    0% { stroke-dashoffset: 0 }
    to { stroke-dashoffset: -100 }
}

@keyframes o1 {
    0% { stroke-dashoffset: .5 }
    to { stroke-dashoffset: -99.5 }
}

@keyframes o2 {
    0% { stroke-dashoffset: 1 }
    to { stroke-dashoffset: -99 }
}

@keyframes o3 {
    0% { stroke-dashoffset: 1.5 }
    to { stroke-dashoffset: -98.5 }
}

@keyframes o4 {
    0% { stroke-dashoffset: 2 }
    to { stroke-dashoffset: -98 }
}

@keyframes o5 {
    0% { stroke-dashoffset: 2.5 }
    to { stroke-dashoffset: -97.5 }
}

@keyframes o6 {
    0% { stroke-dashoffset: 3 }
    to { stroke-dashoffset: -97 }
}

@keyframes o7 {
    0% { stroke-dashoffset: 3.5 }
    to { stroke-dashoffset: -96.5 }
}

@keyframes o8 {
    0% { stroke-dashoffset: 4 }
    to { stroke-dashoffset: -96 }
}

@keyframes o9 {
    0% { stroke-dashoffset: 5 }
    to { stroke-dashoffset: -95 }
}
/*流动模块结束*/

/*头部*/
header { margin: 0 auto; align-items: center; background-color: rgba(3,121,237,0.01); box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px; }
.widCenter { margin: auto; width: 1280px; }
.navlan { display: flex; align-items: center; }
.logo { display: flex; align-items: center; margin: 9px 0; }
.logo img { height: 64px; }
.logo dl { align-items: center; justify-content: center; margin-left: 6px; }
.logo dt { font-weight: bold; font-size: 18px; }
.logo dd { font-weight: bold; font-size: 12px; color: #444; line-height: 25px; white-space: nowrap; }

.head_products { display: flex; align-items: center; margin-left: auto; }
.head_products .layui-nav { background-color: #fff !important; display: flex; padding: 0px; }
.head_products .layui-nav .layui-nav-more { right: 9px !important; }
.head_products .column_title { display: flex !important; align-items: center; padding: 0 25px 0 12px !important; font-size: 14px; font-weight: bold; line-height: 35px; border-radius: 6px; color: #4D6366 !important; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; }

.head_products .column_title:hover { background-color: #eee; }
.head_products .column_title .iconfont { font-size: 20px; margin-right: 5px; }
.head_products .column_title .layui-badge { margin: -15px 0px 0 -2px !important; font-size: 10px; padding: 0 3px; border-radius: 5px; }
.head_products .layui-nav-child { top: 40px; padding: 6px; }
.head_products .layui-nav-child dd { width: 236px; border: 1px solid rgba(226, 232, 240, 1); border-radius: 6px; margin-top: 9px; padding: 6px 9px; }
.head_products .layui-nav-child dd:first-child { margin-top: 0px; }
.head_products .layui-nav-child dd:hover { background-color: rgba(241, 245, 249, 0.8); }

.head_products .layui-nav .layui-nav-child a:hover { background-color: initial !important; }
.head_products .column_href { padding: 0 !important; }
.column_link { display: flex; justify-content: space-between; align-items: center; }
.column_link span { display: flex !important; align-items: center; gap: .3rem; line-height: 25px; color: rgb(90, 106, 129); font-weight: bold; font-size: 14px; }
.column_link span i { font-size: 18px; }
.column_link label { line-height: 15px; padding: 2px 5px; font-size: 9px; border-radius: 5px; }
.column_link .hot { color: red; background-color: rgba(239,68,68,.1); }
.column_link .new { color: rgb(34, 197, 94); background-color: rgba(0,120,0,.1); }
.column_descript { color: rgb(100, 116, 139) !important; font-size: .75rem !important; line-height: 1.3rem; white-space: normal; margin-top: 3px; }
.head_products .layui-nav-bar { display: none; }

.head_products .column_language dd { width: 98px; }
.head_products .lang { width: 19px; height: 16px; background-size: contain; background-position: 50%; background-repeat: no-repeat; }
.head_products .lang.cn { background-image: url(/images/cn.svg); }
.head_products .lang.en { background-image: url(/images/en.svg); }
/*头部结束*/

.ads { margin-top: 12px; border: 1px solid #ccc; border-radius: 5px; height: 168px; }
.ads img { width: 100%; height: 100%; }

footer { background: #002C5A; color: #eee; padding: 38px 0; }
.foot_container { margin: auto; width: 1280px; display: flex; justify-content: space-between; }
.foot_container a { color: #ccc; }
.foot_container a:hover { color: green; }
.foot_one img { width: 64px; }
.foot_one dt { display: flex; margin-bottom: 6px; }
.foot_one dt span { font-weight: bold; font-size: 25px; line-height: 64px; margin-left: 12px; }
.foot_one dd { padding-left: 12px; }

.foot_dl dt { margin-bottom: 12px; color: #999; }
.foot_dl dd { margin-top: 9px; }
.mobile { display: none; }
.collapse_container { }
.collapse_container dl { display: flex; flex-direction: column; gap: 12px; }
.collapse_container dd { border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 12px; }
.collapse_container dd:last-child { border-bottom: 0; }
.collapse_container .column_link span { color: #006ba8; }
.collapse_container .layui-colla-title i:first-child { font-size: 20px; margin-right: 12px; }

.collapse_container .lang { width: 19px; height: 16px; background-size: contain; background-position: 50%; background-repeat: no-repeat; }
.collapse_container .lang.cn { background-image: url(/images/cn.svg); }
.collapse_container .lang.en { background-image: url(/images/en.svg); }

@media only screen and (max-width: 768px) {
    .widCenter { width: 100%; }
    .head_products { display: none; }
    .logo { margin-right: 0px; flex: 1; }
    .head_products .layui-nav { flex-direction: column; }

    .foot_container { width: 100% !important; }
    .foot_dl { display: none; }
    footer { padding-left: 50px; }

    table, thead, tbody, th, td, tr { display: block; }
    td { border-width: 0 !important; border-bottom-width: 1px !important; }
    td:last-child { border-bottom-width: 0 !important; }
    thead { display: none; }
    tr { margin-bottom: 1rem; border: 1px solid #eee; border-radius: 6px; padding: 0.5rem; }
    th { background: #f5f5f5; font-weight: bold; }
    td::before { content: attr(data-label); font-weight: bold; display: block; color: #666; }

    .layui-form-label { text-align: left !important; padding-left: 0px !important; }

    .mobile { display: block; margin-right: 18px; cursor: pointer; }
}