/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

body { color: #323235; }
.gray {color: #626266;}

/* 默认状态按钮 */
.n-btn-default {display:inline-block;padding: 9px 24px;line-height: 1; color: #2981ff;text-align: center;border:1px solid #2981ff;border-radius: 4px;}
.n-btn-default.active {display:inline-block;color: #ffffff;background-color: #2981ff;}
.n-btn-default:not(.disabled):hover {background-color: rgb(41, 129, 255, 0.05);-webkit-transition: background 0.3s;-o-transition: background 0.3s;transition: background 0.3s;}
.n-btn-default.active:hover {background-color: #3d8dfe;-webkit-transition: background 0.3s;-o-transition: background 0.3s;transition: background 0.3s;}
.n-btn-default.active.disabled {background-color: #d7d8dc;border-color: transparent;color: #ffffff;}
.n-btn-default.disabled {border-color: #eaebef;color: #93939a;}
.n-btn-default.hollow {border-color: #eaebef;color: #ffffff;}
.banner-info .n-btn-default:not(:last-child) { margin-right: 7px; }

.font-btn {color: #2981ff;margin-left: 19px;}

/* 输入框 */
.kk-input{position:relative}
.kk-input input{width:100%;height:40px;padding:13px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px #eaebef;background-color:#ffffff;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.kk-input input:focus{border-color:#2981ff}
.kk-input input::-webkit-input-placeholder{color:#bababc}
.kk-input input::-moz-placeholder{color:#bababc}
.kk-input input:-ms-input-placeholder{color:#bababc}
.kk-input input::-ms-input-placeholder{color:#bababc}
.kk-input input::placeholder{color:#bababc}
.kk-input .iconfont{position:absolute;right:13px;top:13px;cursor:pointer;color:#bababc}

/* 自定义表格 */
.kk-table {width: 100%;font-size: 14px;}
.kk-table .kk-table-header {display: flex;justify-content: space-between;align-items: center; width: inherit;color: #1c1d1f;background-color: #f6f7fb;}
.kk-table .kk-table-header .kk-table-th {width: 100%;height: 48px;line-height: 48px;}
.kk-table .kk-table-body {width: inherit;color: #323235;}
.kk-table .kk-table-body .kk-table-tr {display: flex;justify-content: space-between;align-items: center;border-bottom: dashed 1px #eaebef;}
.kk-table .kk-table-body .kk-table-tr:hover {color: #2981ff;background-color: rgba(246, 247, 251, .4);}
.kk-table .kk-table-body .kk-table-td {width: 100%;height: 60px;line-height: 60px;}
.kk-table .kk-table-header .kk-table-th,.kk-table .kk-table-body .kk-table-td {padding-left: 85px;}

/* 下拉框 */
.select-skin{width:100%;margin:0;position:relative;display:inline-block}
.select-skin.iconfont::before{display:inline-block;position:absolute;top:30%;right:8px;color:#3a4453;z-index:9;font-size:14px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.select-skin.iconfont.anim::before{-webkit-transform:rotate(-270deg);-ms-transform:rotate(-270deg);transform:rotate(-270deg)}
.select-skin .select-title{position:relative}
.select-skin .select-title input{border:1px solid #eaebef;width:100%;height:40px;margin:0;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;ime-mode:disabled}
.select-skin .select-title i{position:absolute;right:15px;top:32px}
.select-skin .select-title i:after{content:'';display:block;width:0;left:0;border-style:solid;border-width:5px;border-color:#a1a8b9 transparent transparent transparent}
.select-list{display:none;border:none;border-top:0;position:absolute;top:40px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;z-index:9;-webkit-box-shadow:0px 0 3px 0px rgb(0 0 0 / 30%);box-shadow:0px 0 3px 0px rgb(0 0 0 / 30%)}
.select-list dd{line-height:40px;padding:0 15px;cursor:pointer}
.select-list dd:hover{background-color:#2982ff3d;}
.select-list dd.cur{background-color: #2981ff;color: #ffffff;}


/*分页*/
.page{font-size: 14px;margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.page a{font-family: cursive; display:inline-block;width:30px;height:30px;cursor:pointer;color:#626266;text-align:center;margin-left: 2px; margin-right:4px;line-height:30px;border:solid 1px #eaebef;background-color:#ffffff}
.page a.on{background-color: #2981ff;color:#fff;border-color: #2981ff;}
.page a[disabled]{cursor: not-allowed;color:#d9d9d9}
.page select{border:1px solid #eaebef;height: 36px;padding:0 10px;margin-right: 5px;}
.page select:focus,.page input:focus{border:1px solid #2981ff}
.page span{margin:0 5px;font-size: 14px;border: none;color: #626266;}
.page .count {margin-right: 14px;}
.page input{border:1px solid #eaebef;width:48px;height:32px;font-size: 14px;color: #626266;-webkit-box-sizing: border-box;box-sizing: border-box; padding:0 5px;margin:0 10px;border-radius:0;text-align:center;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.page .select-skin{width:82px;margin:0 8px 0 3px;color: #626266;}
.page .select-skin.iconfont::before{top:9px;font-size:12px}
.page .select-skin .select-title input{height:32px;padding:0 10px;line-height:32px;font-size: 14px;text-align: left;}
.page .select-skin .select-list{font-size:14px}
.page .select-skin .select-list dd{line-height:32px}


/* 栅格布局 */
.col-space-20{margin:-10px 0;}
.col-space-20>*{padding:10px;}
.col-space-30{margin:-15px 0;}
.col-space-30>*{padding:15px;}
.col-space-40{margin:-20px 0;}
.col-space-40>*{padding:20px;}
.col-space-80{margin: -40px 0;}
.col-space-80>*{padding:40px;}

/* 文字省略 */
.p-1{overflow: hidden;display: block;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis}
.p-2{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space: normal}
.p-3{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space: normal}
.p-4{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;white-space: normal}
.p-5{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;white-space: normal}
.p-6{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;white-space: normal}

/* banner调整 */
.banner .swiper-slide {background-position: initial;}
/* .banner-info {max-width: 630px;} */
.banner-info > p {font-size: 14px;margin: 14px 0 35px 0;}
.banner-info h2 {font-weight: normal;}
.banner-ani {max-width: 1180px;}

/* 子导航 */
.skip-item{height: 60px;text-align: center;background-color: #ffffff;width:100%;z-index:100;top:0;position: relative;overflow: hidden;-webkit-box-shadow: 0px 2px 6px 0px rgba(52, 65, 91, 0.08);box-shadow: 0px 2px 6px 0px rgba(52, 65, 91, 0.08);}
.skip-item span {text-align: left;}
.skip-box ul li {line-height: 60px;}
.skip-item ul li a {position: relative;font-size: 14px;}
.skip-item ul li.on a {border-bottom: 0;}
.skip-item ul li.on a::after {position: absolute;bottom: 1px;left: 0;right: 0;content: '';width: 100%;height: 3px;background-color: #2981ff;}

/* 表格 */
.gray-table {width: 100%;border-collapse: collapse;border-spacing: 1px;}
.gray-table thead th {padding: 18px 0;text-align: center;color: #1c1d1f;background-color: #f4f6f9;}
.gray-table tbody td {padding: 22px 16px;color: #626266;}
.gray-table th,.gray-table td {border: 1px solid #eaebef;font-size: 14px;line-height: 1;}

/* 镂空表格 底部虚线 */
.dashed-table {width: 100%;border-collapse: collapse;border-spacing: 0;}
.dashed-table thead th {padding: 14.5px 75px;text-align: left;color: #1c1d1f;background-color: #f6f7fb;}
.dashed-table tbody td {padding: 21px 75px;color: #323235;text-align: left;}
.dashed-table td {border-bottom: 1px dashed #eaebef;line-height: 18px;}
.dashed-table tr:hover td{background-color: rgba(246, 247, 251, .4);color: #2981ff;cursor: pointer;}
.dashed-table tr:hover td a {color: #2981ff;}

/* 滑块验证 */
.sliding-img-check-box{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-align:center;background-color: #fff;-webkit-box-shadow: 0 5px 20px rgba(14,106,231,0.15);box-shadow: 0 5px 20px rgba(14,106,231,0.15);visibility: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.sliding-img-check-box>div:last-child{margin-bottom: 10px}
.sliding-img-check-box>.close{position: absolute;right:16px;top: 6px;cursor: pointer;font-size: 22px;z-index: 1;color: #11111a;text-decoration: none;}
.sliding-img-display{position:relative;padding:0 20px;border-radius:16px;overflow:hidden;margin:auto;}
.sliding-img-display>p{text-align: left;line-height: 35px;font-size: 12px;color:#333;margin-bottom: 0px}
.sliding-img-cnt{position:relative;width: 240px;height: 161px}
.sliding-img-src,.sliding-img-fragment-hollow{position:absolute;left:0;top:0;z-index:10}
.sliding-img-src{width: 100% !important;height: 100% !important;position: static !important;}
.sliding-img-fragment-cnt{top:50px;left:0;position:absolute;width: 38px ;height: 42px}
.sliding-img-fragment-cnt .sliding-img-fragment-content,.sliding-img-fragment-cnt .sliding-img-fragment{position:absolute;left:0;z-index:20}
.sliding-smooth-cnt{position:relative;width:240px;height: 40px;margin: 0 auto;border-radius:24px;}
.sliding-smooth-bar,.sliding-smooth-circle{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.sliding-smooth-bar{width:100%;height:10px;background-color:#e4e4e4;border-radius:24px}
.sliding-smooth-circle{position:absolute;width: 52px;height:30px;background-color: #306af4;border-radius: 30px;-webkit-box-shadow: 0 0 6px 0 #306af4;box-shadow: 0 0 6px 0 #306af4;cursor:pointer;padding: 5px 14px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.sliding-smooth-circle span{display: inline-block;width: 2px;height: 10px;background-color: #fff;margin-right: 6px;}
.sliding-smooth-circle span:last-child{margin-right: 0}
.sliding-icon-refresh{display:block;position:relative;cursor:pointer;font-size: 12px;color:#333;margin-top: 5px;}
.sliding-icon-refresh span{position: relative;top:1px }
.sliding-loadding{background-color: #fff;position: absolute;top:0;left:0;width: 241px;height: 100%;/* display: none; */z-index: 99;padding:60px 0;margin: 0 -1px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.sliding-loadding img{position: static !important;width: 32px !important;height: 32px !important;}

.sliding-btn{height: 46px;background-color: #e7ecf0;border-radius: 4px;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.sliding-btn:before{content:'向右拖动滑块';display:block;line-height: 45px;text-align: center;color:#666}
.sliding-btn.success{background-color: #44cb77;color:#fff}
.sliding-btn.success >*{display: none}
.sliding-btn.success:before{content:'验证成功';color:#fff;padding-left: 30px;}
.sliding-btn.success:after{content:'\e61c';color:#fff;display:block;width: 100%;font-family: iconfont;font-size: 20px;position: absolute;top:0;line-height: 45px;text-align: center;margin-left: -30px;}
.sliding-btn.error:before{content:'验证失败';color:#f4583f;padding-left: 30px;}
.sliding-btn.error{background-color: #ffece9}
.sliding-btn.error:after{content:'\e6b2';color:#f4583f;display:block;width: 100%;font-family: iconfont;font-size: 20px;position: absolute;top:0;line-height: 45px;text-align: center;margin-left: -30px;}
.sliding-btn .sliding-smooth-bar{width:0;height: 100%;position: absolute;left: 0;background-color: #4a8ff9;border-radius:4px;z-index: 9}
.sliding-btn .sliding-smooth-circle{width: 50px;height:46px;border-radius: 4px;-webkit-box-shadow: 0 0 10px rgba(14,106,231,0.15);box-shadow: 0 0 10px rgba(14,106,231,0.15);background-color: #fff;z-index: 9}
.sliding-btn .sliding-smooth-circle i{position: absolute;left: 9px;top: 16px;color:#d4d9dc;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.sliding-btn .sliding-smooth-circle i:nth-child(2){left: 17px;}
.sliding-btn .sliding-smooth-circle.moving i{color:#8bb8ff;-webkit-animation: moving 1s infinite;animation: moving 1s infinite}
.sliding-btn .sliding-smooth-circle.moving i:nth-child(2){-webkit-animation-delay: 1s;animation-delay: 1s}

.sliding-btn[data-disabled=true]{background-color: #f7f7f7}
.sliding-btn[data-disabled=true]:before{content:'暂不可拖动';color:#d6d5d5}
.sliding-btn[data-disabled=true]:after{display: none}
.sliding-btn[data-disabled=true] .sliding-smooth-circle{background-color: rgba(85,255,255,0.8)}


/* 主体 */
.w890, .w905, .w950, .w1120, .w1180, .w1189, .w1200, .w1268, .w1380, .w1400 {width: 93%;}
.section {padding: 100px 0;}
/* .section-header {margin-bottom: 20px;} */
.section-header h1, .section-header h3 {font-size: 30px;color: #1c1d1f;text-align: center;font-weight: normal;line-height: 30px;}
.section-header p {color: #323235;line-height: 24px;width: 86%;}
.section-body p {font-size: 16px;color: #1c1d1f;}
.section-body span {display: block; text-align: left;line-height: 22px;color: #626266;overflow: visible;}
.section-a1 .section-body span {text-align: center;}
/* .section-a1 ul {padding-top: 40px;} */
.section-a1 li {cursor: auto;}
.section-body ul li .icon-box {position: relative;width: 98px; height: 80px;padding: 0;margin: 0 auto; margin-bottom: 6px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.section-body ul li .icon-box object {position: absolute;bottom: 0;transform: translate(-50%);left: 50%;}
.section-a1 li img {width: initial;height: initial;max-width: 100%;}
.mobile-data,.show-more {display: none;}
.banner-info{max-width: 640px;}

@media screen and (max-width: 1400px) {
    .banner.h600,.banner.h560,.banner.h531,.banner.h440,.banner.h480{height: 480px}
    .banner .swiper-slide {background-position: center center;}
}


/* 企业文化 */
.culture-item{padding:80px 0;background-color: #f6f7fb; }
.section-title>span{font-size: 16px;color:#333;line-height: 30px;display: block;line-height: 24px}

.culture-content{text-align: center;margin-bottom: 18px;}
.culture-content .pc-data{width:879px;height: 300px; margin:0 auto;position: relative; background: url('../image/cultrue.png') no-repeat center center;}
.culture-content li{position: absolute;top: 31px;}
.culture-content li.cul-left {left: -10px;text-align: right;}
.culture-content li.cul-right {right: 15px;text-align: left;}
.culture-content li .cul-top {margin-bottom: 130px;}
.culture-content li .cul-title {font-size: 16px;color: #323235;}
.culture-content li .cul-desc {color: #626266;margin-top: 24px;}
.culture-content li p {max-width: 280px;}
.culture-item-join {padding: 80px 0;}
#certify {position:relative;width: 1180px;margin:0 auto}
#certify .swiper-container{padding-bottom:60px;}
#certify .swiper-slide{width:609px;height:337px;-webkit-box-shadow:0 8px 30px #ddd;box-shadow:0 8px 30px #ddd;background-color: #fff;border: 6px solid #fff;border-radius: 6px;}
#certify .swiper-slide-active{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
#certify .swiper-slide img{display:block;width:100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #00aadc;background-color:#fff}
#certify .swiper-button{outline:none;background-image: none;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
#certify .swiper-button i{font-size: 46px;color:#fff;-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);}
#certify .swiper-button-prev{left:20px;width:45px;height:45px;}
#certify .swiper-button-next{right:20px;width:45px;height:45px;}
#certify .swiper-button:hover i{color:#389bfd}
#certify .swiper-slide-next {left: -20px;}
#certify .swiper-slide-prev {right: -20px;}
#certify .swiper-slide p {display: none;text-align: center;margin-top: 35px;font-size: 16px;color: #323235;}
#certify .swiper-slide p span:first-child {border-right: 1px solid #dcdcdc;padding-right: 10px;margin-right: 8px;}

/* 联系我们 */
div.envir{background-color: #f6f7fb;padding:80px 0;font-size: 0}
.envir{text-align: center}
.envir li{max-width: 100%;height: 100%;width: 30.33%;margin:0;display: inline-block;overflow: initial;vertical-align: top}
.envir li a{position: relative;display:block;width:100%;padding-bottom: 0;-webkit-box-sizing: border-box;box-sizing: border-box}
.envir li a img{position: absolute;width: 100%;height: 100%;top:0;left: 0}
.envir-wrapper{padding-top: 80px;padding-bottom: 80px;background-color: #ffffff;}
.envir-wrapper .envir { text-align: center;padding-top: 25px; }
.envir-wrapper .envir li {position: relative; display: inline-block;text-align: left;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 10px; }
.envir-wrapper .envir li a {width: 100%;height: 200px;border-radius: 10px;}
.envir-wrapper .envir li h4 {font-size: 20px;color: #323235;margin: 23px auto 21px;}
.envir-wrapper .envir li p { color: #626266;margin-bottom: 10px;opacity: .6; }
/*.envir-wrapper .envir li:nth-child(1) a { background: url('/images/new_img/contact_xm.png') no-repeat center center; }*/
/*.envir-wrapper .envir li:nth-child(2) a { background: url('/images/new_img/contact_bj.png') no-repeat center center; }*/
/*.envir-wrapper .envir li:nth-child(3) a { background: url('/images/new_img/contact_sz.png') no-repeat center center; }*/


/* 关注我们 */
.flow-us {height: 208px;padding: 38px 0;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center; background: url('../image/contact_bg.png') no-repeat center/cover;}
.flow-us .media-list .items {display: inline-block;width: 110px;height: 110px;padding: 4px;-webkit-box-sizing: border-box;box-sizing: border-box; background-color: #fff;border-radius: 6px; margin: 0 4%;color: #fff;}
.flow-us .media-list .items p {line-height: 30px;}
.flow-us .media-list .items:first-child {border: 0;background-color: transparent;}
.flow-us .media-list .items:first-child img {max-width: 110px;height: 110px;border-radius: 6px;}
.flow-us .media-list .items:first-child p {line-height: 20px;}
.flow-us .media-list .items:last-child {margin-right: 192px;}

/* 我们的优势 */
.banner-foot {
    position: relative;
    background-color: #4d96ff;
    background-image: url('https://www.kkidc.com/images/new_website/banner-foot-bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    z-index: 2;
}