.gray-bg {
    background:#f9faff
}
.button-base-whiteborder {
    display: inline-block;
    padding: 0 24px;
    font-size: 14px;
    box-sizing: border-box;
    transition: all .25s ease-in-out;
    font-weight: 400;
    border-radius: 4px;
    height: 34px;
    line-height: 32px;
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
    box-shadow: 0 7px 14px 0 #3860f4;
    margin-top: 24px
}

.button-base-whiteborder:hover {
    background: hsla(0,0%,100%,.3);
    color: #fff;
    box-shadow: 0 16px 22px 0 #3357df
}

.moban-banner.blue-bg {
    background:#3860f4
}
.moban-banner {
    position:relative;
    min-width:1200px;
    padding-top:80px;
    height:340px;
    text-align:center;
    overflow:hidden
}
.moban-banner .banner-img {
    position:absolute;
    left:0;
    height:260px;
    transform:translate(-18%);
    z-index:0
}
.moban-banner .moban-banner-main {
    position:relative;
    margin:0 auto;
    width:1200px;
    min-width:1200px;
    padding:0 60px;
    height:auto;
    clear:both;
    box-sizing:border-box
}
.button-base {
    display:inline-block;
    padding:0 24px;
    height:40px;
    line-height:40px;
    font-size:14px;
    box-sizing:border-box;
    border-radius:2px;
    transition:all .25s ease-in-out;
    font-weight:400;
    box-shadow:none
}
.tl {
    text-align:left
}
.pos-rel {
    position:relative
}
.mt64 {
    margin-top:64px
}
.mt24 {
    margin-top:24px
}
.h34 {
    height:34px;
    line-height:34px
}
.mt8 {
    margin-top:8px
}
.button-yellowgradient {
    background:linear-gradient(90deg, #ffcf87, #ffbc76);
    color:#4e342e
}
.button-radius-4 {
    border-radius:4px
}
.moban-banner.blue-bg .moban-desc {
    color:#fff
}
.moban-desc {
    font-size:16px;
    color:#7a8ba6;
    line-height:32px
}
.button-yellowgradient:hover {
    background:linear-gradient(90deg, #fec672, #f6ad61);
    color:#4e342e
}
.products-gray-wrap {
    background:#f9faff;
    min-width:1200px
}
.products-wrap {
    margin:0 auto;
    padding-top:80px;
    width:1200px;
    min-width:1200px;
    clear:both;
    overflow:visible
}
.products-nav {
    position:-webkit-sticky;
    position:sticky;
    top:0;
    float:left;
    width:212px;
    z-index:0
}
.products-nav>ul {
    border-right:1px solid #e1e6f0;
    box-sizing:border-box
}
.products-nav>ul li {
    position:relative;
    width:151px;
    height:32px;
    padding:14px 0 14px 60px;
    line-height:32px;
    box-sizing:content-box
}
.products-nav>ul li.active {
    width:150px;
    border-right:2px solid #3860f4;
    background:linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff)
}
.products-nav>ul li.active:before {
    background:linear-gradient(90deg, #3860f4, rgba(95, 135, 248, 0))
}
.products-nav>ul li:before {
    display:block;
    content:"";
    float:left;
    margin:13px 0 0 -34px;
    width:6px;
    height:6px;
    background:linear-gradient(90deg, rgba(56, 96, 244, .21), rgba(249, 250, 255, 0));
    border-radius:4px
}
.products-nav>ul li.active a {
    font-weight:700;
    color:#3860f4
}
.products-nav>ul li a {
    display:block;
    font-size:16px;
    color:#374567
}
.products-nav>ul li:after {
    position:absolute;
    left:13px;
    bottom:0;
    display:block;
    content:"";
    width:185px;
    height:1px;
    background:#ebf0fc
}
.products-nav>ul li:last-child:after {
    content:none
}
.products-banner-buttons {
    width:880px;
    height:80px;
    margin-left:260px;
    margin-bottom:64px;
    padding:0 34px;
    background-image:url(/static/img/imgbj-18.png);
    background-color:#fff;
    box-shadow:0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    border:1px solid #e1e6f0;
    box-sizing:border-box;
    font-size:0
}
.products-banner-buttons .banner-desc {
    float:left;
    margin-top:28px;
    font-size:16px;
    color:#374567;
    line-height:24px;
    font-weight:700
}
.products-banner-buttons .banner-buttons {
    float:right;
    margin-top:22px
}
.button-bluegradient {
    background:linear-gradient(90deg, #5f87f8, #3860f4);
    color:#fff
}
.ml16 {
    margin-left:16px
}
.h34-border {
    height:34px;
    line-height:32px
}
.button-blueborder {
    border:1px solid #3860f4;
    background:#fff;
    color:#3860f4
}
.button-bluegradient:hover {
    background:linear-gradient(90deg, #537ffa, #3357df);
    color:#fff;
    box-shadow:none
}
.button-blueborder:hover {
    background:#e7eeff;
    box-shadow:none
}
.products-content {
    width:880px;
    margin-left:212px;
    margin-bottom:80px;
    padding-left:48px;
    padding-right:60px;
    box-sizing:content-box
}
.products-h2 {
    margin-bottom:48px;
    font-size:28px;
    font-weight:700;
    color:#374567;
    line-height:48px
}
.products-list1 {
    font-size:0
}
.products-list1 li {
    display:inline-block;
    margin-right:64px;
    margin-bottom:48px;
    vertical-align:top
}
.products-list1 li:nth-child(2n) {
    margin-right:0
}
.products-list1 li:last-child, .products-list1 li:nth-last-child(2) {
    margin-bottom:0
}
.products-list1 li .simg {
    display:inline-block;
    margin-top:4px;
    vertical-align:top;
    width:24px;
    height:24px
}
.products-list1 li .simg img {
    width:24px;
    height:24px
}
.products-list1 li .info {
    display:inline-block;
    width:360px;
    margin-left:24px
}
.products-list1 li .info .title {
    font-size:16px;
    font-weight:700;
    color:#374567;
    line-height:32px
}
.products-list1 li .info .desc {
    margin-top:8px;
    font-size:16px;
    font-weight:400;
    color:#7a8ba6;
    line-height:32px;
    text-align:justify
}
.products-config-links {
    float:right;
    margin-top:-86px;
    font-size:14px;
    font-weight:400;
    color:#3860f4;
    line-height:28px;
    vertical-align:bottom
}
.en3 {
    font-family:Numttf;
    letter-spacing:1px
}
.products-list2 {
    font-size:0
}
.products-list2 li {
    position:relative;
    display:inline-block;
    width:408px;
    margin-right:64px;
    margin-bottom:48px;
    vertical-align:top
}
.products-list2 li:nth-child(2n) {
    margin-right:0
}
.products-list2 li:last-child, .products-list2 li:nth-last-child(2) {
    margin-bottom:0
}
.products-list2 li .title {
    display:inline-block;
    font-size:16px;
    font-weight:600;
    color:#374567;
    line-height:32px
}
.products-list2 li .desc {
    margin-top:16px;
    font-size:16px;
    font-weight:400;
    color:#7a8ba6;
    line-height:32px;
    text-align:justify
}
.products-list2 li .links {
    position:absolute;
    top:2px;
    right:0;
    display:inline-block;
    font-size:14px;
    font-weight:400;
    color:#3860f4;
    line-height:28px
}
.products-list3 {
    font-size:0
}
.products-list3 li {
    display:inline-block;
    width:277px;
    margin-right:24px;
    margin-bottom:48px;
    background:linear-gradient(180deg, #f9faff, #ebf0fc);
    border:1px solid #e1e6f0;
    box-shadow:0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    box-sizing:border-box;
    vertical-align:top;
    overflow:hidden
}
.products-list3 li:nth-child(3n) {
    margin-right:0
}
.products-list3 li .bimg, .products-list3 li .bimg img {
    width:277px;
    height:151px
}
.products-list3 li .desc {
    min-height:80px;
    padding:8px 24px;
    background:#fff;
    border-top:1px solid #e1e6f0;
    font-size:16px;
    font-weight:700;
    color:#374567;
    line-height:32px;
    text-align:justify;
    box-sizing:border-box
}
.pd {
    padding-bottom:80px;
    margin-bottom:0
}
.products-config-links:hover, .products-list2 li .links:hover {
    color:#2a49b8
}
.smc-card-wrap {
    margin-top:24px;
    margin-bottom:24px;
    display:flex
}
.smc-card-wrap .smc-card {
    position:relative;
    background:#fff;
    box-shadow:0 16px 16px 0 rgb(55 69 103/2%), 0 8px 8px 0 rgb(235 240 252/2%);
    border:1px solid #e1e6f0;
    text-align:left
}
.smc-card-wrap .smc-card.card-md {
    margin:0 12px;
    padding-bottom:84px
}
.smc-card-wrap .smc-card.card-md:first-child {
    margin-left:0
}
.smc-card-wrap .smc-card {
    width:50%
}
.smc-card-wrap .smc-card:before {
    content:"";
    position:absolute;
    width:60px;
    height:4px;
    background:#3860f4;
    box-shadow:0 16px 16px 0 rgb(55 69 103/2%), 0 8px 8px 0 rgb(235 240 252/2%);
    border-radius:0 0 2px 2px
}
.smc-card-wrap .smc-card.card-md:before {
    left:24px
}
.smc-card-wrap .smc-card .card-top {
    border-bottom:1px solid #ebf0fc
}
.smc-card-wrap .smc-card.card-md .card-top {
    margin:0 24px;
    padding:36px 0 16px 0
}
.smc-card-wrap .smc-card .card-top .title {
    font-size:18px;
    font-weight:700;
    line-height:32px;
    color:#374567
}
.smc-card-wrap .smc-card.card-md .card-content {
    margin:0 24px;
    padding:16px 0 16px 0
}
.smc-card-wrap .smc-card .card-content .content-table {
    width:100%;
    margin-bottom:32px
}
.smc-card-wrap .smc-card .card-content .content-table tr {
    height:48px;
    line-height:32px
}
.smc-card-wrap .smc-card .card-content .content-table tr .icon-circle {
    display:none;
    margin-right:14px;
    width:4px;
    height:4px;
    background:linear-gradient(90deg, #5f87f8, #3860f4);
    border-radius:2px;
    vertical-align:middle
}
.smc-card-wrap .smc-card .card-content .content-table tr .label {
    position:relative;
    font-size:14px;
    color:#374567
}
.smc-card-wrap .smc-card .card-content .content-table tr .control {
    font-size:14px;
    font-weight:700;
    color:#374567
}
.smc-card-wrap .smc-card .card-bottom {
    position:absolute;
    bottom:0;
    width:100%
}
.smc-card-wrap .smc-card .card-bottom .bottom-wrap {
    height:34px;
    border-top:1px solid #ebf0fc
}
.smc-card-wrap .smc-card.card-md .card-bottom .bottom-wrap {
    margin:0 24px;
    padding:24px 0 36px 0;
    box-sizing:content-box
}
.smc-card-wrap .smc-card .card-bottom .bottom-wrap .price-detail {
    display:inline-block;
    font-size:12px;
    color:#374567;
    line-height:30px
}
.smc-card-wrap .smc-card .card-bottom .bottom-wrap .price-detail .font-num {
    font-size:50px;
    color:#3860f4;
    letter-spacing:1px
}
.smc-card-wrap .smc-card .card-bottom .bottom-wrap .price-detail .desc {
    display:inline-block;
    line-height:17px
}
.smc-card-wrap .smc-card .card-bottom .bottom-wrap .price-detail .gray {
    color:#7a8ba6
}
.smc-card-wrap .button-yellowgradient {
    background:linear-gradient(90deg, #ffcf87, #ffbc76);
    color:#4e342e;
    display:inline-block;
    padding:0 24px;
    font-size:14px;
    box-sizing:border-box;
    transition:all .25s ease-in-out;
    border-radius:4px;
    height:34px;
    line-height:34px;
    float:right
}
.smc-card-wrap .button-yellowgradient:hover {
    background:linear-gradient(90deg, #fec672, #f6ad61);
    color:#4e342e
}
.form-select {
    display:inline-block;
    position:relative;
    width:120px;
    height:32px;
    vertical-align:middle;
    cursor:pointer
}
.form-select>input {
    position:absolute;
    width:120px;
    padding:6px 12px;
    border:1px solid #e1e6f0;
    border-radius:4px;
    font-size:12px;
    font-weight:400;
    color:#374567;
    line-height:18px;
    cursor:pointer;
    box-sizing:border-box;
    vertical-align:0
}
.form-select>svg {
    position:absolute;
    right:10px;
    top:8px;
    pointer-events:none
}
.deg {
    transform:rotate(180deg)
}
.form-select>ul {
    display:none;
    position:absolute;
    top:32px;
    min-width:100%;
    max-height:200px;
    border:1px solid #e1e6f0;
    background:#fff;
    box-sizing:border-box;
    z-index:10;
    overflow:auto
}
.form-select>ul>li>span {
    font-size:12px;
    font-weight:400;
    color:#7a8ba6
}
.form-select>ul>li:hover>span {
    color:#374567
}
.products-table {
    width:100%;
    color:#374567;
    background:#fff;
    border:1px solid #e1e6f0;
    box-shadow:0 16px 16px 0 rgb(55 69 103/2%), 0 8px 8px 0 rgb(235 240 252/2%);
    box-sizing:border-box
}
.products-table table {
    width:100%
}
.products-table thead tr {
    background:linear-gradient(180deg, #f9faff 70%, rgba(224, 231, 255, .52) 130%)
}
.products-table thead tr th {
    padding:0 36px;
    font-weight:600;
    line-height:40px
}
.products-table tbody tr td, .products-table thead tr th {
    font-size:16px;
    color:#374567;
    border-right:1px solid #ebf0fc;
    border-bottom:1px solid #ebf0fc;
    text-align:left
}
.products-table tbody tr td {
    height:48px;
    padding:16px 36px;
    line-height:32px;
    vertical-align:middle
}
.products-table tbody tr td.bold {
    font-size:16px;
    font-weight:700
}
.products-table tbody tr td.good {
    position:relative;
    padding:0 32px 0 84px
}
.products-table tbody tr td.gray {
    background:rgba(249, 250, 255, .69)
}
.products-table tbody tr td:last-child {
    border-right:0
}
.products-table tbody tr td.good:before {
    display:inline-block;
    content:"";
    position:absolute;
    left:32px;
    top:50%;
    margin-top:-10px;
    width:20px;
    height:14px;
    background:url(data:image/png;base64,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);
    background-size:cover
}