@charset "UTF-8";

/*
 * 存放公共变量，如颜色值，字体大小
 * eg: $navColor
 */


/*
 * 存放公共样式，如导航，按钮，底部，表单
 * eg: .bk-header{ ... }
 */


/*
 * 存放公共变量，如颜色值，字体大小
 * eg: $navColor
 */

* {
    box-sizing: border-box;
}

img {
    border: 0;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
i,
pre,
form,
fieldset,
input,
blockquote,
th,
td,
p,
span,
button,
textarea,
b {
    margin: 0;
    padding: 0;
}


/*@font-face{
    font-family: 'pingFang';
    src:url('./?mortyurl=https%3A%2F%2Fdoc.lightnode.com%2F');
}*/

body {
    min-width: 320px;
    font-size: 14px;
    font-family: 'pingFang-SC-Regular', '微软雅黑', Arial;
    /* font-family:'微软雅黑',;*/
}

a {
    text-decoration: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

a:hover {
    text-decoration: none;
}

ul,
ol,
li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #4f515e;
    font-weight: normal;
}

p {
    color: #7b7d8a;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.hide {
    display: none !important;
    visibility: hidden;
}
input[type=number] {
    -moz-appearance: textfield;
}

input,
select {
    background: none;
}

input[disabled] {
    background: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.pa {
    position: absolute;
}

.pr {
    position: relative;
}

.tc {
    text-align: center;
}

.pl10 {
    padding-left: 10px;
}

.mr40 {
    margin-right: 40px;
}

.mb20 {
    margin-bottom: 20px;
}

.mt20 {
    margin-top: 20px;
}

.pr20 {
    padding-right: 20px;
}

.mr10 {
    margin-right: 10px;
}

.min-width-center {
    width: 1180px;
    margin: 0 auto;
}

.copy-success {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 50%;
    top: 20%;
    background: #FFF;
    width: 150px;
    height: 42px;
    margin-left: -75px;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    color: #666;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

.copy-success.copy-success-on {
    opacity: 1;
    visibility: visible;
}

.copy-success img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.product-series-title {
    font-size: 30px;
    color: #4f515e;
    line-height: 1;
}

.product-series-title-line {
    width: 30px;
    border: 1px solid #57a3f1;
    text-align: center;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    margin-top: 47px;
}

.bk-not-allowed {
    cursor: not-allowed !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bk-paging {
    text-align: center;
    font-size: 0;
}

.bk-paging a {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #FFF;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #878996;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin: 0 5px;
}

.bk-paging a.on {
    background: #57a3f1;
    color: #FFF;
    border: none;
}

.bk-paging a.on:hover {
    background: #57a3f1;
    color: #FFF;
}

.bk-paging a:hover {
    background: #f4f4f4;
    opacity: 1;
}

.bk-new-tab {
    height: 72px;
    background: #fafafa;
    border-bottom: 1px solid #e5e5e5;
}

.bk-new-tab ul {
    overflow: hidden;
    border-right: 1px solid #e5e5e5;
}

.bk-new-tab li {
    float: left;
    line-height: 72px;
    text-align: center;
    border-left: 1px solid #e5e5e5;
    font-size: 18px;
    color: #878996;
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.bk-new-tab li.items-3 {
    width: 33.333%;
}

.bk-new-tab li.items-4 {
    width: 25%;
}

.bk-new-tab li.on {
    background: #FFF;
    font-weight: bold;
    color: #4f515e;
    position: relative;
}

.bk-new-tab li.on:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px solid #FFF;
}

.bk-new-tab li:hover {
    color: #4f515e;
}


/* 头部导航 */

header {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 14px 60px;
    box-sizing: border-box;
    /* height: 72px; */
    min-width: 1180px;
    z-index: 10000;
}

header .logo {
    float: left;
    width: 290px;
    position: relative;
}

header .logo img {
    display: inline-block;
    vertical-align: middle;
}

header a {
    color: #9b9ca8;
}

header .bk-nav {
    float: left;
    font-size: 14px;
}

header .bk-nav li {
    float: left;
    /*position: relative;*/
}

header .bk-nav li.active a {
    color: #fff;
}

header .bk-nav li>.bk-nav-list {
    display: inline-block;
    padding: 12px 23px;
    position: relative;
}

header .bk-nav li>.bk-nav-list:hover {
    color: #fff;
}


/*        header .bk-nav li > .bk-nav-list:hover:before {
          position: absolute;
          left: 50%;
          bottom: -4px;
          content: "";
          border: 8px solid;
          border-color: transparent transparent #fff transparent;
          width: 0px;
          margin: 0 0 0 -8px; }*/

header .bk-nav li>.bk-nav-list.on {
    color: #fff;
}

header .bk-nav .help-con>.help {
    display: inline-block;
    padding: 12px 23px;
}

header .bk-nav .help-con>.help.on {
    color: #FFF;
}

header .bk-nav .help-con:hover .helplist {
    opacity: 1;
    visibility: inherit!important;
}

header .bk-nav .help-con:hover>a {
    color: #fff;
}

header .bk-nav .helplist {
    background: rgba(6, 5, 9, 0.92);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    width: 100%;
    height: 508px;
    /*margin: 0 0 0 -166px;*/
    border-radius: 3px;
    font-size: 0;
    letter-spacing: -5px;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}


/*      header .bk-nav .helplist:before {
        position: absolute;
        left: 50%;
        top: -16px;
        content: "";
        border: 8px solid;
        border-color: transparent transparent #e5e5e5 transparent;
        width: 0px;
        margin: 0 0 0 -8px; }*/


/*      header .bk-nav .helplist:after {
        position: absolute;
        left: 50%;
        top: -15px;
        content: "";
        border: 8px solid;
        border-color: transparent transparent #fff transparent;
        width: 0px;
        margin: 0 0 0 -8px; }*/

header .bk-nav .helplist a {
    line-height: 1;
    cursor: pointer;
    letter-spacing: 0;
    margin-bottom: 30px;
    text-align: left;
    display: block;
    color: #9b9ca8;
    width: 88px;
    font-size: 14px;
    box-sizing: border-box;
}

header .bk-nav .helplist a:hover {
    color: #6793ee;
    opacity: 1;
}


/*      header .bk-nav .helplist a + a {
        border-left: 1px solid #e5e5e5; }*/

header .bk-nav .helplist p {
    letter-spacing: 0;
    margin: 10px 0 0 0;
    font-size: 14px;
}

header .bk-login {
    float: right;
}

header .bk-login li {
    float: left;
    position: relative;
}

header .bk-login .workbench {
    display: inline-block;
    margin: 0 40px 0 0;
    padding: 12px 0;
}

header .bk-login .workbench-content:hover .workbench-list {
    opacity: 1;
    visibility: visible;
    z-index: 100;
}

header .bk-login .workbench-content:hover>a {
    color: #fff;
}

header .bk-login .workbench-list {
    opacity: 0;
    visibility: hidden;
    border: 1px solid #e5e5e5;
    position: absolute;
    z-index: 99;
    top: 47px;
    left: 50%;
    width: 120px;
    border-radius: 3px;
    background: #fff;
    margin: 0 0 0 -80px;
    box-sizing: border-box;
    -webkit-transition: all .35s ease-in;
    -moz-transition: all .35s ease-in;
    -ms-transition: all .35s ease-in;
    -o-transition: all .35s ease-in;
    transition: all .35s ease-in;
}

header .bk-login .workbench-list:before {
    position: absolute;
    left: 50%;
    top: -16px;
    content: "";
    border: 8px solid;
    border-color: transparent transparent #e5e5e5 transparent;
    width: 0px;
    margin: 0 0 0 -8px;
}

header .bk-login .workbench-list:after {
    position: absolute;
    left: 50%;
    top: -15px;
    content: "";
    border: 8px solid;
    border-color: transparent transparent #fff transparent;
    width: 0px;
    margin: 0 0 0 -8px;
}

header .bk-login .workbench-list a {
    display: block;
    text-align: center;
    line-height: 44px;
}

header .bk-login .workbench-list a:hover {
    background: #fafafa;
}

header .bk-login .workbench-list a+a {
    border-top: 1px solid #e5e5e5;
    box-sizing: border-box;
}

header .bk-login .login-button {
    display: inline-block;
    width: 80px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    margin-top: 3px;
}

header .bk-login .login-button:hover {
    color: #fff;
    background: #4491e1;
    border-color: #4491e1;
}

header .bk-login .login-name:hover .logged-in-list {
    opacity: 1;
    visibility: visible;
    z-index: 100;
}

header .bk-login .logged-in {
    display: inline-block;
    padding: 12px 0;
}

header .bk-login .logged-in i {
    vertical-align: 2px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #9b9ca8;
    margin-left: 5px;
    display: inline-block;
}

header .bk-login .logged-in:hover {
    color: #fff;
}

header .bk-login .logged-in:hover i {
    border-top: 5px solid #FFF;
}

header .bk-login .logged-in-list {
    opacity: 0;
    visibility: hidden;
    border: 1px solid #e5e5e5;
    position: absolute;
    right: 0px;
    top: 47px;
    width: 216px;
    /*
      height: 173px;
      */
    background: #fff;
    z-index: 98;
    border-radius: 3px;
    -webkit-transition: all .35s ease-in;
    -moz-transition: all .35s ease-in;
    -ms-transition: all .35s ease-in;
    -o-transition: all .35s ease-in;
    transition: all .35s ease-in;
}

header .bk-login .logged-in-list:before {
    position: absolute;
    left: 78%;
    top: -16px;
    content: "";
    border: 8px solid;
    border-color: transparent transparent #e5e5e5 transparent;
    width: 0px;
}

header .bk-login .logged-in-list:after {
    position: absolute;
    left: 78%;
    top: -15px;
    content: "";
    border: 8px solid;
    border-color: transparent transparent #fff transparent;
    width: 0px;
}

header .bk-login .nickname {
    display: block;
    padding: 20px 26px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #e5e5e5;
}

header .bk-login .nickname img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
}

header .bk-login .nickname:hover {
    background: #fafafa;
}

header .bk-login .other {
    padding-top: 6px;
}

header .bk-login .other a {
    margin: 13px 26px;
    display: block;
}

header .bk-login .other a:hover {
    color: #57a3f1;
}


/*首页导航调整*/

header .bk-nav .helplist .items-list {
    padding-top: 30px;
    padding-right: 90px;
    float: left;
}

header .bk-nav .helplist .items-list .document-title {
    color: #666;
    cursor: default;
}

header .bk-nav .helplist .items-list:last-child {
    padding-right: 0;
}

header .bk-nav .helplist .more-list-content {
    padding-left: 365px;
}

.bk-header-static {
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

.bk-header {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

.bk-header.bgback {
    background: rgba(0, 0, 0, 0.8);
}

.bk-header::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: transparent;
    -webkit-transition: height .2s, background-color .2s;
    transition: height .2s, background-color .2s;
}

.bk-header:hover::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 72px;
    background-color: #111;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}


/* 头部导航 end*/


/* 底部 */

.bk-footer {
    min-width: 1180px;
    width: 100%;
    height: 320px;
    background: #090b1a;
}

.bk-footer .footer-content {
    padding: 52px 10px;
    box-sizing: border-box;
}

.bk-footer .footer-content dl {
    width: 400px;
    float: left;
}
.bk-footer .footer-content dl:nth-child(1) {
    width: 250px;
    float: left;
    margin-right: 40px;
}
.bk-footer .footer-content dl:nth-child(2) {
    width: 200px;
    float: left;
}
.bk-footer .footer-content dl:nth-child(3) {
    width: 300px;
    float: left;
}
.bk-footer .footer-content dl:nth-child(3) dd:nth-child(3){
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
}
.bk-footer .footer-content dt {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 13px;
}

.bk-footer .footer-content dd {
    margin-top: 22px;
    float: left;
    margin-right: 46px;
    line-height: 1;
    color: #7b7d8a;
}

.bk-footer .footer-content dd a {
    color: #7b7d8a;
}

.bk-footer .footer-content dd a:hover {
    color: #fff;
}

.bk-footer .footer-content .qr_code {
    float: right;
}

.bk-footer .copy {
    border-top: 1px solid #222431;
}

.bk-footer .copy-content {
    padding: 0 10px;
    line-height: 70px;
    box-sizing: border-box;
}

.bk-footer .copy-content img {
    display: inline-block;
    vertical-align: middle;
}

.bk-footer .copy-content>div {
    float: right;
}

.bk-footer .copy-content p {
    float: left;
    color: #7a7b87;
    font-size: 14px;
    margin-right: 20px;
}

.bk-footer .copy-content .language {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 80px;
    height: 28px;
    line-height: 25px;
    padding: 0 5px;
    font-size: 12px;
    background: none;
    border: 1px solid #6f707c;
    border-radius: 3px;
    color: #6f707c;
    font-family: 'Microsoft YaHei';
    vertical-align: 2px;
}

.bk-footer .copy-content .language span {
    margin-left: 5px;
}

.bk-footer .copy-content .language:hover {
    color: #fff;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.bk-footer .copy-content .language:hover .language-choose {
    bottom: 100%;
    opacity: 1;
    transform: translateY(0px);
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.bk-footer .copy-content .language option {
    color: #7b7d8a;
}

.bk-footer .copy-content .language::-ms-expand {
    display: none;
}

.bk-footer .copy-content .language-choose {
    opacity: 0;
    position: absolute;
    width: 80px;
    left: -1px;
    bottom: 100%;
    padding: 5px 0;
    overflow: hidden;
    border: 1px solid #6f707c;
    transform: translateY(20px);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

.bk-footer .copy-content .language-choose a {
    display: block;
    color: #6f707c;
    padding: 0 5px;
}

.bk-footer .copy-content .language-choose a:hover {
    color: #fff;
}
/* 底部 end*/

/* content部分样式 */
.bk-document {
  width: 100%;
  /* min-height: 1295px; */
  background-color: #fff;
  margin-top: 80px;
  /* background: url('./?mortyurl=https%3A%2F%2Fdoc.lightnode.com%2Fimages%2Fdocument%2Fbanner.png') no-repeat top left; */
}
.bk-document .bk-banner {
    width: 100%;
    height: 100%;
    background: url('./?mortyurl=https%3A%2F%2Fdoc.lightnode.com%2Fkpy_files%2Fbg.png') no-repeat top left;
}
.bk-document .bk-banner .bk-container {
    /* min-height: 1295px; */
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.bk-document .bk-banner .bk-container .bk-title {
	font-size: 48px;
    color: #ffffff;
    margin: 96px 0px 120px 0;
    align-self: start;
    padding: 0 20px;
}
.bk-document .bk-banner .bk-container .bk-background {
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: 2px;
}
.bk-document .bk-banner .bk-container .bk-background .bg-top{
    position: absolute;
    top: -9px;
    left: 0px;
    width: 100%;
    height: 10px;
    /*background: url('./?mortyurl=https%3A%2F%2Fdoc.lightnode.com%2Fimages%2Fdocument%2Fbg-top.png');*/

}
.bk-document .bk-banner .bk-container .bk-background .bk-guide-hot {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 50px;
}
.bk-document .bk-banner .bk-container .bk-background .bk-guide-hot .bk-guide {
    width: 48.6%;
	height: 210px;
    /*border: solid 1px #dde4eb;*/
    position: relative;
    margin-right: 40px;
}
.bk-document .bk-banner .bk-container .bk-background .bk-guide-hot .bk-guide .bk-guide-title{
    width: 8%;
	height: 100%;
    background-color: #30d878;
    font-size: 16px;
    color: #ffffff;
    writing-mode:vertical-lr;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.bk-document .bk-banner .bk-container .bk-background .bk-guide-hot .bk-guide .bk-guide-content{
    width: 92%;
	height: 210px;
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #dde4eb;
    border-left: none;
    padding: 10px 30px 10px 44px;

}
.bk-document .bk-banner .bk-container .bk-background .bk-guide-hot .bk-guide .bk-guide-content li {
    /*list-style: url('./?mortyurl=https%3A%2F%2Fdoc.lightnode.com%2Fimages%2Fdocument%2Fdisc.png');*/
    line-height: 35px;

}
.bk-document .bk-banner .bk-container .bk-background .bk-guide-hot .bk-guide .bk-guide-content .bk-guide-list a{
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #737987;
}
.bk-document .bk-banner .bk-container .bk-background .bk-guide-hot .bk-guide .bk-guide-content .bk-guide-list a:hover{
    font-size: 14px;
    color: #4690e2;
}
.bk-document .bk-banner .bk-container .bk-background .bk-guide-hot .bk-hot {
    width: 48.6%;
	height: 210px;
    /*border: solid 1px #dde4eb;*/
    position: relative;

}
.bk-document .bk-banner .bk-container .bk-background .bk-guide-hot .bk-hot .bk-hot-title{
    width: 8%;
	height: 100%;
    background-color: #ffb400;
    font-size: 16px;
    color: #ffffff;
    writing-mode:vertical-lr;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.bk-document .bk-banner .bk-container .bk-background .bk-guide-hot .bk-hot .bk-hot-content{
    width: 92%;
	height: 210px;
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #dde4eb;
    border-left: none;
    padding: 10px 30px 10px 44px;

}
.bk-document .bk-banner .bk-container .bk-background .bk-guide-hot .bk-hot .bk-hot-content li {

     /*list-style: url('./?mortyurl=https%3A%2F%2Fdoc.lightnode.com%2Fimages%2Fdocument%2Ficon-yellow.png');*/
     line-height: 35px;
}
.bk-document .bk-banner .bk-container .bk-background .bk-guide-hot .bk-hot .bk-hot-content .bk-hot-list a{

    font-size: 14px;
    color: #737987;
}
.bk-document .bk-banner .bk-container .bk-background .bk-guide-hot .bk-hot .bk-hot-content .bk-hot-list a:hover{

    font-size: 14px;
    color: #5c90d2;
}
.bk-document .bk-banner .bk-container .bk-background .bk-product-list {
    width: 100%;
    height: 38px;
    /*background: url('./?mortyurl=https%3A%2F%2Fdoc.lightnode.com%2Fimages%2Fdocument%2Fproduct.png') no-repeat center top;*/
    margin-bottom: 30px;

}
.bk-document .bk-banner .bk-container .bk-background .bk-product-content {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 0 50px 12px 50px;
}
.bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc{
    /* float: left; */
    width: 29.05%;
    min-height: 267px;
    margin-right: 4.5%;
    margin-bottom: 48px;

}
.bk-document .bk-banner .bk-container .bk-background .bk-product-content  li.bk-product-desc:nth-child(3n){
    float: left;
    width: 29.05%;
    min-height: 267px;
    margin-bottom: 48px;
    /* background-color: #6793ee; */
    margin-right: 0;
}
.bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc .bk-product-desc-head img{
    width: 24px;
    height: 26px;
    /*margin-right: 7px;*/
}
.bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc .bk-product-desc-head .bk-head-word{
    font-size: 18px;
    color: #333948;
    margin-left: 10px;
    vertical-align: -2px;
}

.bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc .bk-product-desc-lists {
    padding-left: 30px;
    padding-top: 15px;
}
.bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc .bk-product-desc-lists .bk-product-desc-li{
    line-height: 41px;
    border-bottom: 1px solid  #ebf0f5;
    padding: 0 0 0 10px;
}
.bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc .bk-product-desc-lists .bk-product-desc-li:hover{
    background: #fafbfd;
    color: #4690e2;
}
.bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc .bk-product-desc-lists .bk-product-desc-li .bk-product-desc-words{
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
	color: #737987;
}
.bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc .bk-product-desc-lists .bk-product-desc-li:hover .bk-product-desc-words{

    color: #4690e2;
    cursor: pointer;
}

.bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc .bk-product-desc-button {
    float: right;
    width: 90.4%;
    height: 32px;
    /* background: url('./?mortyurl=https%3A%2F%2Fdoc.lightnode.com%2Fimages%2Fdocument%2Fdown-arrow.png') no-repeat center center; */
    background: #fafbfd;
    display: flex;
    justify-content: space-around;
    align-items: center;
    cursor: pointer;
    font-size: 10px;

}    
.bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc .bk-product-desc-button .bk-icon{
    transform: scale(0.8);
    color: #66aeff;
}
.bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc .bk-product-desc-button .bk-arrow-down{
    width: 12px;
    height: 7px;

    background: url('./?mortyurl=https%3A%2F%2Fdoc.lightnode.com%2Fimages%2Fdocument%2Ficon-down.png') no-repeat center center;
}
.bk-arrow-up{
    width: 12px;
    height: 7px;
    background: url('./?mortyurl=https%3A%2F%2Fdoc.lightnode.com%2Fimages%2Fdocument%2Ficon-up.png') no-repeat center center;
}
/* 底部 */
.m-footer-top{
    background: linear-gradient(0deg, #6064ff 0%, #00f3b7 100%);
}
.m-boxModel {
    width: 1440px;
    margin: 0 auto;
    display: flex;
    padding: 0 20px;
}
.m-footer-top .m-boxModel dl{
    flex: 1;
    padding: 60px 0;
    line-height: 160%;
}
.m-footer-top .m-boxModel dl.flex-2{
    flex: 1.5;
}
.m-footer-top .m-boxModel dl dt{
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
.m-footer-top .m-boxModel dl dd{
    margin-bottom: 15px;
    color: rgba(255, 255, 255, .7);
}
.m-footer-top .m-boxModel dl dd a{
    color: rgba(255, 255, 255, .7);
}
.m-footer-top .m-boxModel dl dd a:hover{
    color: #fff;
}
.m-footer-top .m-boxModel dl dd:hover{
    color: #fff;
}
.m-footer-top .m-boxModel dl dd img{
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    margin-top: -3px;
}
.m-footer-bottom{
  display: flex;
  height: 45px;
}
.m-footer-bottom .m-boxModel{
    padding: 0 10%;
    align-self: center;
    text-align: center;
    color: #999999;
    line-height: 160%;
    display: flex;
    justify-content: center;
}
/* 头部 */
header{
    box-shadow: 0px 0px 10px 0px rgba(54, 58, 80, 0.2);
}
.m-header{
    height: 80px;
    background-color: #fff;
}
.m-header .m-boxModel{
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}
.m-header .m-boxModel .header-logo{
    min-width: 180px;
    width: 180px;
    height: 70px;
}
.m-header .m-boxModel .header-logo a{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.m-header .m-boxModel .header-logo img{
    display: block;
    width: 100%;
    height: auto;
}
.m-header .m-boxModel .header-toolbar{
    display: none;
}
.m-header .m-boxModel .header-menu{
    display: flex;
}
.m-header .m-boxModel .header-menu>ul{
    display: flex;
    margin-right: 60px;
}
.m-header .m-boxModel .header-menu ul>li{
    position: relative;
    display: flex;
    min-width: 80px;
    margin-left: 45px;
    font-weight: bold;
    font-size: 16px;
    height: 76px;
    line-height: 76px;
}
.m-header .m-boxModel .header-menu ul>li a{
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 5px;
    justify-content: center;
    color: #121212;
}
.m-header .m-boxModel .header-menu ul>li a::before{
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    opacity: 0;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}
.m-header .m-boxModel .header-menu ul>li:hover a::before{
    background: #0f7aff;
    width: 100%;
    opacity: 1;
}
.m-header .m-boxModel .header-menu ul>li.active a::before{
    background: #0f7aff;
    width: 100%;
    opacity: 1;
}
.m-header .m-boxModel .header-menu ul>li.about .header-submenu{
    position: absolute;
    top: 94px;
    left: -258px;
    transform-origin: 50% -4px;
    background: #fff;
    align-items: center;
    padding: 0px;
    margin: 0;
    padding: 12px 16px;
    border-radius: 14px;
    box-shadow: 0px 0px 10px 4px rgba(54, 58, 80, 0.2);
    display: none;
}
.m-header .m-boxModel .header-menu ul>li.about:hover .header-submenu{
    display: flex;
}
.m-header .m-boxModel .header-menu ul>li.about .header-submenu::before{
   content: '';
   display: block;
   position: absolute;
   top: -28px;
   right: 240px;
   border: 14px solid transparent;
   border-bottom-color: #fff;
   box-shadow: -1px -6px 4px -4px rgba(54, 58, 80, 0.2);
   z-index: 2;
}
.m-header .m-boxModel .header-menu ul>li.about .header-submenu::after{
   content: '';
   display: block;
   position: absolute;
   top: -20px;
   right: 0px;
   width: 100%;
   height: 24px;
   background: transparent;
}
.m-header .m-boxModel .header-menu ul>li.about .header-submenu li{
    margin: 0;
    padding: 20px;
    width: 260px;
    height: 80px;
    position: relative;
    z-index: 2;
}
.m-header .m-boxModel .header-menu ul>li.about .header-submenu li:hover{
    background: #eff7ff;
}
.m-header .m-boxModel .header-menu ul>li.about .header-submenu li>a{
    display: flex;
    align-items: center;
    justify-content: start;
    color: #333;
    font-weight: normal;
    width: 100%;
    height: 100%;
    font-size: 16px;
}
.m-header .m-boxModel .header-menu ul>li.about .header-submenu li>a::before{
    display: none;
}
.m-header .m-boxModel .header-menu ul>li.about .header-submenu li>a img{
    width: 46px;
    height: auto;
    object-fit: cover;
    margin-right: 30px;
}
.m-header .m-boxModel .header-menu ul>li.about .header-submenu li>a:hover{
    color: #0f7aff;
}
.m-header .m-boxModel .header-menu .u-menu-btn{
    display: flex;
    align-items: center;
}
.m-header .m-boxModel .header-menu .u-menu-btn label{
    position: relative;
    z-index: 2;
    display: block;
    min-width: 90px;
    height: 38px;
    margin-left: 15px;
    border: 1px solid transparent;
    background-color: #0f7aff;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
}
.m-header .m-boxModel .header-menu .u-menu-btn label a{
    position: relative;
    z-index: 2;
    display: block;
    padding: 0px 15px;
}
.m-header .m-boxModel .header-menu .u-menu-btn label.u-active{
    border-color: #0f7aff;
    background: #fff;
    color: #0f7aff;
}
.m-header .m-boxModel .header-menu .u-menu-btn label.u-active a{
    color: #0f7aff;
}
.m-header .m-boxModel .header-menu .u-menu-btn label.u-active::before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 0;
    width: 0;
    background-color: rgba(255, 255, 255, .3);
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    opacity: 0;
    -webkit-transition: 0.15s all;
    -moz-transition: 0.15s all;
    -ms-transition: 0.15s all;
    -o-transition: 0.15s all;
    transition: 0.15s all;
}
.m-header .m-boxModel .header-menu .u-menu-btn label.u-active:hover{
    border-color: #fff;
    background: #0f7aff;
}
.m-header .m-boxModel .header-menu .u-menu-btn label.u-active:hover a{
    color: #fff;
}
.m-header .m-boxModel .header-menu .u-menu-btn label.u-active:hover::before{
    left: 0;
    width: 100%;
    height: 100%;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-color:rgba(255, 255, 255, .3);
    opacity: 1;
}
.m-header .m-boxModel .header-menu .u-menu-btn label.u-hover{
    background: #0f7aff;
    color: #fff;
    border: #0f7aff;
    display: inline-block;
}
.m-header .m-boxModel .header-menu .u-menu-btn label.u-hover a{
    color: #fff;
}
.m-header .m-boxModel .header-menu .u-menu-btn label.u-hover a img{
    width: 18px;
    margin-right: 6px;
}
.m-header .m-boxModel .header-menu .u-menu-btn label.u-hover::before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 0;
    width: 0;
    background-color: rgba(255, 255, 255, .3);
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    opacity: 0;
    -webkit-transition: 0.15s all;
    -moz-transition: 0.15s all;
    -ms-transition: 0.15s all;
    -o-transition: 0.15s all;
    transition: 0.15s all;
}
.m-header .m-boxModel .header-menu .u-menu-btn label.u-hover:hover::before{
    left: 0;
    width: 100%;
    height: 100%;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-color:rgba(255, 255, 255, .3);
    opacity: 1;
}
@media screen and (max-width: 1440px) {
    .m-boxModel {
        width: 980px;
    }
    .m-header{
        min-width: 980px;
    }
    .m-header .m-boxModel .header-logo{
        min-width: calc(180px * 0.68);
        width: calc(180px * 0.68);
        height: calc(70px * 0.68);
    }
    .m-header .m-boxModel .header-menu>ul{
        display: flex;
        margin-right: 30px;
    }
    .m-header .m-boxModel .header-menu ul>li{
        min-width: 90px;
        margin-left: 10px;
    }
    .m-header .m-boxModel .header-menu ul>li.about .header-submenu{
        left: -150px;
    }
    .m-header .m-boxModel .header-menu ul>li.about .header-submenu::before{
        right: 175px;
     }
    .m-header .m-boxModel .header-menu ul>li.about .header-submenu li{
        width: calc(260px * 0.68);
        height: calc(80px * 0.68);
    }
    .m-header .m-boxModel .header-menu ul>li.about .header-submenu li>a img{
        width: calc(46px * 0.68);
        margin-right: calc(30px * 0.68);
    }
    .m-footer-top{
        min-width: 980px;
    }
    .bk-document .bk-banner {
        min-width: 980px;
        background-size: contain;
    }
    .bk-document .bk-banner .bk-container .bk-title {
        font-size: calc(48px * 0.68);
        margin: 50px 0px 20px 0;
        width: 100%;
        height: 8vw;
    }
}
@media screen and (max-width: 768px) {
    .m-boxModel {
        width: 100%;
        min-width: 100%;
        padding: 0 3.125rem;
    }
    .m-footer-top{ 
        display: none;
    }
    .m-footer-bottom{
        display: flex;
        height: calc(140rem / 16);
    }
    .m-footer-bottom .m-boxModel{
        padding: 0 calc(50rem / 16);
        font-size: calc(22rem / 16);
    }
    .m-header{
        min-width: 100%;
        height: 7.5rem;
    }
    .m-header .m-boxModel .header-logo{
        min-width: 13.125rem;
        width: 13.125rem;
        height: auto;
    }
    .m-header .m-boxModel .header-menu{
        display: none;
    }
    .m-header .m-boxModel .header-toolbar{
        display: block;
        width: 2.25rem;
        height: 2.25rem;
    }
    .header-mobile {
        width: 84vw !important;
    }
    .header-mobile .offcanvas-header{
        height: 7.5rem;
        padding: 0 3.125rem;
    }
    .header-mobile .offcanvas-body{
        padding: 0 3.125rem;
    }
    .m-header .header-mobile .header-menu{
        display: flex;
        flex-direction: column;
        margin-bottom: 12rem;
    }
    .m-header .header-mobile .header-menu>ul, .m-header .header-mobile .header-menu>ul .header-submenu{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .m-header .header-mobile .header-menu ul>li{
        width: 100%;
        margin-left: 0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: calc(30rem / 16);
        height: calc(140rem / 16);
        line-height: calc(140rem / 16);
    }
    .m-header .header-mobile .header-menu ul>li a{
        justify-content: start;
        font-weight: normal;
    }
    .m-header .header-mobile .header-menu>ul>li.about::after{
        content: '';
        display: inline-block;
        width: calc(24rem / 16);
        height: calc(24rem / 16);
        border-right: 2px solid #ccc;
        border-top: 2px solid #ccc;
        transform: rotate(135deg);
        transition: all 100ms;
    }
    .m-header .m-boxModel .header-menu ul>li.active a {
        color: #0f7aff;
    }
    .m-header .m-boxModel .header-menu ul>li a::before {
        display: none;
    }
    .m-header .header-mobile .header-menu>ul .header-submenu {
        display: none;
    }
    .m-header .header-mobile .header-menu>ul .header-submenu.show{
        display: flex;
        padding-left: 1em;
    }
    .m-header .header-mobile .header-menu>ul .header-submenu.show  img{
        display: none;
    }
    .m-header .header-mobile .header-menu>ul>li.about.show::after{
        transform: rotate(315deg);
        transition: all 100ms;
    }
    .m-header .header-mobile .header-menu .u-menu-btn{
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        background: #fff;
        padding: 0.5rem 3.125rem 5rem;
        z-index: 999;
    }
    .m-header .header-mobile .header-menu .u-menu-btn label{
        width: 46%;
        height: 6.25rem;
        font-size: 1.875rem;
        line-height: 6.25rem;
        margin-left: 0px;
    }
    .bk-document {
        margin-top: 7.5rem;
    }
    .bk-document .bk-banner {
        min-width: 100%;
        background: url('./?mortyurl=https%3A%2F%2Fdoc.lightnode.com%2Fkpy_files%2Fmobile-bg.png') no-repeat top left;
        background-size: contain;
    }
    .bk-document .bk-banner .bk-container .bk-title {
        font-size: 5rem;
        margin: 4rem 0px 4.2rem 0;
        height: auto;
    }
    .bk-document .bk-banner .bk-container .bk-background .bk-product-list {
        height: 4.25rem;
        margin-bottom: 0;
    }
    .bk-document .bk-banner .bk-container .bk-background .bk-product-content {
        flex-direction: column;
        padding: 0px;
    }
    .bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc, .bk-document .bk-banner .bk-container .bk-background .bk-product-content li.bk-product-desc:nth-child(3n){
        width: 100%;
        min-height: auto;
        margin-right: 0;
        margin-bottom: 3rem;
    }
    .bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc .bk-product-desc-head{
       margin-bottom: 2rem;
    }
    .bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc .bk-product-desc-head::after{
        content: '';
        display: inline-block;
        width: calc(24rem / 16);
        height: calc(24rem / 16);
        border-top: 2px solid #ccc;
        border-left: 2px solid #ccc;
        transform: rotate(135deg);
        transition: all 100ms;
        margin-top: 1rem;
        float: right;
    }
    .bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc.show .bk-product-desc-head::after{
        transform: rotate(225deg);
        transition: all 100ms;
    }
    .bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc .bk-product-desc-head img{
       width: 2.6rem;
       height: auto;
    }
    .bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc .bk-product-desc-head .bk-head-word{
       font-size: 2.6rem;
       margin-left: 2rem;
    }
    .bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc .bk-product-desc-lists{
        display: none;
        padding: 0px;
        padding-left: 5rem;
    }
    .bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc.show .bk-product-desc-lists{
        display: block;
    }
    .bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc .bk-product-desc-lists .bk-product-desc-li{
        padding: 0px;
        line-height: 6rem;
    }
    .bk-document .bk-banner .bk-container .bk-background .bk-product-content .bk-product-desc .bk-product-desc-lists .bk-product-desc-li .bk-product-desc-words{
        font-size: 2rem;
    }
}