/* 服务特性 */
.serviceCharacteristics li{ max-width: 253px; padding: 0 65px;  }
/* 服务优势 */
.serviceAdvantage li{ display: flex; justify-content: space-between; max-width: none; border: 1px solid #fff; padding: 0; height: auto; background-color: #fefeff;position: relative;top: 0;transition: all .3s; }
.serviceAdvantage li .advantageContent{ max-width: 350px; padding: 35px 30px; }
.serviceAdvantage li .advantageContent p{ text-align: left; }
.serviceAdvantage li .advantageContent span{ text-align: left; }
/* 客户价值 */
.customerData{ margin: 0; font-size: 0; display: flex; }
.customerData>li{ max-width: 449px; width: calc(33.3% - 5px); height: auto; background-color: #fff; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; position: relative; }
.customerData>li:not(:last-child){ margin-right: 30px; }
.function-item-box{padding: 43px 35px;  position: relative; top: 0; z-index: 2; border: solid 1px #ebedf0; height: 100%; box-sizing: border-box; transition: all .3s;background: linear-gradient(to bottom, #ebeef5, #fff); }
 .function-item-box::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; background: url(/images/new_kkidc/loophole/function_bg.png) 0 100% no-repeat; background-size: cover; background-color: #fff;opacity: 0;z-index: 1;transition: all .3s ; }

.function-item-box .function-item-hover{position: relative;z-index: 1;display: flex; flex-direction: column; align-items: center;}
.function-item-box .icon-box{ margin-bottom: 13px; }
.function-item-box p{ font-size: 18px; color: #1c1d1f; margin-bottom: 11px; font-weight: bold;}
.function-item-box span{ font-size: 14px; color: #626266; word-break: break-all; line-height: 24px; }
/* 等保合规 */
.compliancePolicies{ display: flex;  box-sizing: border-box; }
.complianceTitle{ margin-bottom: 80px; }
.complianceTitle .complianceSmallTitle{ color:#5d5d5d; max-width: 1022px; margin: auto; margin-top: 16px; line-height: 24px; }
.compliancePolicies li{ position: relative; }
.compliancePolicies li:not(:last-child){ margin-right: 30px; }
.compliancePolicies li:not(:last-child){ width: 25%;}
.compliancePolicies li .compliancePolicies-item { width: 260px; background-color: #fff; box-sizing: border-box; padding: 15px 25px; position: relative; z-index: 2; }
/* .compliancePolicies li .compliancePolicies-item:hover{ color:#2981ff; box-shadow: 0px -2px 20px rgba(231, 233, 236, .5); } */
.compliancePolicies li .compliancePolicies-item .compliancePolicies-item-icon{ display: inline-block; margin-right: 12px; vertical-align: middle; }
.compliancePolicies li .compliancePolicies-item span{ font-size: 16px; }
.compliancePolicies li .compliancePolicies-item-sub{ width: 260px; background-color: #fff; box-sizing: border-box; padding: 24px 22px; background: linear-gradient(#fff, #f4f9ff); color: #626265; }
.compliancePolicies li .compliancePolicies-item-sub span{ font-size: 14px; color:#626265; }
.compliancePolicies-first{ width:260px; }
/* .compliancePolicies-first:hover .compliancePolicies-item{ color:#2981ff; box-shadow: 0px -2px 20px rgba(231, 233, 236, .5); } */
.compliancePolicies-first:hover .compliancePolicies-item-sub{ box-shadow: 0px -2px 20px rgba(231, 233, 236, .5); }
.compliancePolicies-item-arrow{ position: absolute; top: 24px; right: 6px; }

.advantageContent-img{display: contents;}
.m-icon_04 {display: none;}
.m-icon_05 {display: none;}
.show-icon {display: none;}
.compliancePolicies-il{margin-top: -30px;}
.compliancePolicies{display:flex;}
.m-compliancePolicies{display: none;}
@media screen and (min-width:1024px) and (max-width:1440px){
    .compliancePolicies li .compliancePolicies-item{
            width: 205px;
    }
}
@media screen and (min-width: 1024px){
    .function-item-box:hover::before{opacity: 1;}
    .function-item-box:hover,.serviceAdvantage li:hover{top: -6px; box-shadow: 0px 6px 24px 0px rgba(18, 51, 100, 0.06);}
}
@media screen and (max-width: 1023px) {
  .banner .swiper-slide video{
    display: none;
  }
  .banner-single .banner-ani{
    background-image: url(/images/new_kkidc/loophole/m-banner.jpg);
  }
  .section-colflex-4{
    flex-wrap: wrap;
  }
  .serviceCharacteristics li{
    min-width: 98%;
  }
  .serviceCharacteristics li{
    padding: 0;
  }
  .section-body .box-top-p{
    font-size: 44px;
    text-align: justify;
    margin-left: 120px;
    margin-top: 10px;
  }
  .section-body li:not(:last-child){
    margin-bottom: 0;
  }
  .section-body ul li .icon-box{
    width: 80px;
    height: 70px;
    position: absolute;
    margin-top: 20px;
    left: 25px;
  }
  .section-a1 li>div{
    padding: 0;
  }
  .box-top{
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
  }
  .iconfont-iconclass{
    transform: rotate(90deg);
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 30px;
  }
  .icon-box-drop{
    background: linear-gradient(to bottom, #e7e9ef, #f8f8fa);
  }
  .box-top-drop{
    background: linear-gradient(to bottom, #E1E3EB, #FFFFFF);
    border: 1px solid #E1E5EB;
    box-shadow: 0px 8px 22px 0px rgba(199,208,222,0.25), 0px 3px 0px 0px #FFFFFF, -7px 32px 85px 0px rgba(225,227,235,0.65);
  }
  .box-top-div .drop{
    transform: rotate(270deg);
    color: #2981FF;
  }
  .section-colflex-4 span:not(.hover-icon-80){
    text-align: justify;
    font-size: 35px;
    line-height: 52px;
    position: relative;
    margin-top: 0;
    width: 94%;
    padding: 30px 3%;
    letter-spacing: 1px;
  }
  .box-top-div{
    width: 100%;
  }
  .show-icon {
    display: block;
  }
  .box-top-span {
    display: none !important;
  }
  .box-top-span-drop{
    display:block !important;
    background: url(/images/new_kkidc/loophole/m-top-banner.png) no-repeat;
    background-size: 100% 100%;
  }
  .function-item-box p{
    font-size: 41px;
  }
  .customerData>li::before{
    opacity: 1;
    background-size: 100% 100%;
  }
  .serviceAdvantage li{
    flex-wrap: wrap;
  }
  .advantageContent-img{
    display: block;
    width: 100%;
  }
  .icon_04 {
    display: none;
  }
  .icon_05 {
    display: none;
  }
  .m-icon_04 {
    display: block;
  }
  .m-icon_05 {
    display: block;
  }
  .bg-gray{
    background: #F5F7FA;
  }
  .serviceAdvantage li .advantageContent{
    max-width: 100%;
  }
  .section-body-li{
    margin-bottom: 30px !important;
    border: 1px solid #FFFFFF;
    background: linear-gradient(0deg, #F2F5FA 0%, #FFFFFF 100%);
    box-shadow: 0px 8px 33px 0px rgba(18,51,100,0.08);
  }
  .section-a2 li>div{
    padding: 41px;
  }
  .serviceAdvantage li .advantageContent p{
    text-align: left;
    margin-left: 0;
  }
  .section-colflex-4{
    margin: 0;
  }
  .customerData{
    flex-wrap: wrap;
  }
  .customerData>li{
    width: 100%;
    max-width: 100%;
  }
  .customerData>li:not(:last-child){
    margin-right: 0;
    margin-bottom: 40px;
  }
  .icon-box img{
    width: 55px;
    height: 48px;
  }
  .section-body ul li .icon-box{
    margin-top: 20px;
  }
  .section-body{
    padding: 25px 0;
  }
  .section-a4{
    padding: 100px 0;
  }
  .compliancePolicies{
    display: none;
  }
  .m-compliancePolicies{
    width: 100%;
    display: block;
  }
  .section .m-process object{
    width: calc(100% + 20px);
  }
  .section-colflex-4>*{
    margin: 0;
  }
  .section-header h1, .section-header h3{
    font-size: 37px;
  }
  .section-body .box-top-p{
    font-size: 33px;
  }
  .hover-icon-80{
    width: 62px;
    height: 62px;
  }
  .section-body ul li .icon-box{
    margin-top: 25px;
  }
  .section-colflex-4 span:not(.hover-icon-80){
    font-size: 27px;
    line-height: 39px;
  }
  .icon-box-drop{
    background: linear-gradient(to bottom, #eaebf1, #fbfcfd);
  }
  .function-item-box p{
    font-size: 31px;
    margin-bottom: 13px;
  }
  .icon-box img{
    width: 36px;
    height: 32px;
  }
  .section-a2 li>div{
    padding: 41px 41px 0 41px;
  }
  .section-header h1, .section-header h3{
    font-size: 20px;
  }
  .section-body .box-top-p{
    font-size: 18px;
  }
  .hover-icon-80{
    width: 34px;
    height: 34px;
  }
  .section-body ul li .icon-box{
    width: 34px;
    height: 34px;
  }
  .iconfont{
    font-size: 15px;
  }
  .section-body ul li .icon-box{
    margin-top: 27px;
    margin-left: 15px;
  }
  .section-body .box-top-p{
    margin-left: 75px;
  }
  .section-colflex-4 span:not(.hover-icon-80){
    line-height: 22px;
    font-size: 15px;
  }
  .icon-box-drop{
    background: linear-gradient(to bottom, #eeeff3, #f6f7f9);
  }
  .function-item-box p{
    font-size: 17px;
  }
  .icon-box img{
    width: 27px;
    height: 24px;
  }
  .section-body .box-top-p{
    font-size: 16px;
  }
  .iconfont{
    font-size: 13px;
  }
  .section-body ul li .icon-box{
    margin-top: 25px;
    margin-left: 15px;
  }
  .section-colflex-4 span:not(.hover-icon-80){
    padding: 20px 3%;
  }
  .section-a2{
    padding: 60px 0;
  }
  .m-icon_04{
    height: 120px;
  }
  .m-icon_05{
    height: 120px;
  }
  .section-a2 li>div{
    padding: 19px 19px 0 19px;
  }
  .section-body .advantageContent p{
    color: #1C1D1F;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 9px;
    line-height: 21px;
  }
  .function-item-box p{
    font-size: 15px;
    font-weight: 500;
    margin-left: 32px;
  }
  .function-item-box span {
    text-align: justify;
    line-height: 20px;
    font-size: 13px;
  }
  .section-body{
    padding: 40px 0;
  }
  .m-icon_04 {
    height: auto;
  }
  .m-icon_05{
    height: auto;
  }
  .section-body .box-top-p {
    margin-left: 70px;
  }
  .section-colflex-4 span:not(.hover-icon-80){
    padding: 21px 12px 20px 13px;
  }
  .section-body ul li .icon-box{
    margin-left: 0;
  }
  .box-top{
    border: 0;
  }
  .section-a1 .section-body {
    padding: 25px 0;
  }
  .section-a2{
    padding: 40px 0 25px;
  }
  .section-a2 .section-body{
    padding: 0;
  }
  .section-body-li{
    margin-bottom: 15px !important;
  }
  .section-a4{
    padding: 40px 0 16px;
  }
  .section-a4 .section-body{
    padding: 0;
  }
  .customerData>li:not(:last-child){
    margin-bottom: 15px;
  }
  .section-a3 .section-body{
    padding: 15px 0 40px;
  }
  .banner-ani .n-btn-default{
    margin-right: 0;
  }
  .section-a4 .section-header{
    margin-bottom: 10px;
  }
  .section .m-process object{
    padding: 0;
    margin: 0 -10px;
  }
  .n-btn-default {
    width: 150px;
    border-radius: 0;
    line-height: 15px;
  }
  .section-a1{
    padding: 39px 0 40px;
  }
  .section-a1 .section-body{
    padding: 0;
  }
  .section-a1 .section-header{
    margin-bottom: 26px;
  }
  .product-feature .box-top div:first-child img{
    max-width: 24px;
    margin-right: 15px;
    height: auto;
  }
  .section-body li:not(:last-child){
    margin-bottom: -1px;
  }
  .section-a1 ul{
    box-shadow: 0px 8px 22px 0px rgba(199,208,222,0.25);
  }
  .section-a1 .m-form-item .box-top.open-box {
    box-shadow: 0px 11px 8px -7px rgba(199, 208, 222, 0.2), inset 0px 0px 0px 0px #ffffff, inset -2px 19px 22px 0px rgba(225, 227, 235, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.8);
  }
  .section-a1 .section-body li{
      box-shadow: 0px 3px 8px 0px rgba(199,208,222,0.25);
  }
  .section-a1 .m-form-item .box-top {
    box-shadow: none;
    transition: all .3s;
  }
  .section-a1 .box-top {
    font-size: 10px;
    color: #6d6f74;
    box-sizing: border-box;
    height: 55px;
    line-height: 55px;
    box-shadow: 0px 3px 8px 0px rgba(199,208,222,0.25);
  }
  .section-a1 .m-form-item .box-top .product-l img {
    width: 100%;
    max-width: 43px;
    margin-right: 13px;
  }
  .section-a1 .m-form-item .box-top label {
    font-size: 16px;
    color: #1c1d1f;
  }
  .section-a1 .m-form-item .box-top .iconfont {
    color: #bdc4cf;
    transition: transform .3s ease;
    display: block;
  }
  .mobile-data li>div {
    padding: 18px 15px;
  }
  .product-feature li p{
    font-size: 13px;
  }
  .section-a1 .m-form-item .open-box label {
    font-weight: bold;
  }
  .section-a1 .m-form-item .box-top.open-box .iconfont {
    transform: rotate(-180deg);
    color: #2981ff;
  }
  .section-a1 .m-form-item .box-top .iconfont{
    font-size: 12px;
  }
  .section-a1 .section-body p{
    margin-bottom: 0;
  }
  .product-feature .slide-detail{
    background: url(/images/new_kkidc/loophole/m-top-banner.png) no-repeat;
    background-size: 100% 100%;
  }
  .section-a2{
    padding: 39px 0 25px;
  }
  .section-a2 .section-header {
    margin-bottom: 22px !important;
  }
  .section-a2 li .advantageContent-img{
    padding: 14px 14px 0 14px;
  }
  .serviceAdvantage li .advantageContent{
    padding: 15px 14px;
  }
  .serviceAdvantage li .advantageContent span{
    padding: 0;
    color: #626266;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    width: 100%;
    text-align: justify;
  }
  .section-a3{
    padding: 39px 0 40px;
  }
  .section-a3 .section-body{
    padding: 0;
  }
  .customerData>li:hover::before{
    height: 100%;
    left: 0;
    top: 0;
    box-shadow: 0 0 0;
  }
  .customerData>li:hover::after{
    height: 100%;
    left: 0;
    top: 0;
  }
  .section-a3 .section-body {
    padding: 0 7px;
  }
  .function-item-box {
    padding: 25px 16px;
  }
  .section-body ul li .function-item-box .icon-box img {
    max-width: 24px;
    margin-right: 15px;
    height: auto;
  }
  .section-body ul li .function-item-box .icon-box{
    margin-top: 0px;
    margin-left: -25px;
  }
  .function-item-box {
    padding: 26px 16px 20px;
    background: url(/images/new_kkidc/loophole/function_bg.png) 0 100% no-repeat;
    background-size: cover;
    border: 0;
  }
  .complianceTitle .complianceSmallTitle{
    line-height: 20px;
    font-size: 13px;
    margin-top: 9px;
    letter-spacing: 0.5px;
    text-align: justify;
  }
  .section-a3 .section-body li:not(:last-child){
    margin-bottom: 15px;
  }
  .function-item-box .function-item-hover p{
    color: #1C1D1F;
  }
}