/* 为什么选择快快 */
.introduce-box{ display: flex; }
.introduce-l{ min-width: 380px; min-height: 349px; border: 1px solid #ebedf0; padding: 50px; box-sizing: border-box; background-image:url(../../images/new_kkidc/zuyong/waykk.png);background-repeat: no-repeat; background-position: bottom right;background-size:auto 100%; margin-right: 20px; }
.introduce-l p{ font-size: 24px; color: #1c1d1f; line-height: 1; margin-bottom: 16px; }
.introduce-l span{ font-size: 14px; color: #5d5d5d; }
.introduce-r table { border-collapse: collapse; border: 1px solid #ebedf0; width: 100%; }
.introduce-r table td{ border: 1px solid #ebedf0; width: 50%; height: 174px; padding: 25px 32px; box-sizing: border-box; position: relative; }
.introduce-r table td::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; background: url(/images/new_kkidc/zuyong/bg1.png) no-repeat; background-position: top right; background-size: auto 100%; transition: all .3s ease-in-out; }
.introduce-r table td:hover::before{ opacity: 1; }
.introduce-r table td .section-item{ position: relative; z-index: 1; }
.introduce-r table td h4{ font-size: 16px; font-weight: bold; color: #323236; line-height: 1; margin-bottom: 13px; }
.introduce-r table td p{ font-size: 14px; color: #626266; line-height: 24px; margin-bottom: 14px; }
.introduce-r table td a{ display: block; width: 110px; height: 32px; line-height: 32px; font-size: 14px; text-align: center; color: #2981ff; border: 1px solid #2981ff; transition: all .3s ease-in-out; }

/* 产品推荐 */
.section-zuyong1 .section-title { margin-bottom: 52px; }
.section-title h2 {font-size: 24px;color: #1c1d1f;font-weight: normal; line-height: 1;margin-bottom: 20px;}
.section-title p {line-height: 1;color: #5d5d5d;}
.tab-btn ul{ display: flex; flex-direction: row; flex-wrap: wrap; margin: -10px; }
.tab-btn ul li{ width: 16.6666%; padding: 10px; box-sizing: border-box; min-width: 180px; }
.tab-btn li a { display: block; font-size: 14px; color: #323235; height: 40px; line-height: 40px; box-sizing: border-box; text-align: center; background-color: #fff; border: 1px solid #ebedf0; transition: all .3s; }
.table01{width: 100%;border-collapse: collapse;background-color: #fff}
.section-proinfo .section{padding-top: 55px;}
.tab-btn li.on a,.tab-btn li a:hover { background: none; background-color: #2981ff; color: #fff;border-color: #2981ff; }
.btn-hover:hover { background: none; border: 1px solid #2981ff; color: #2981ff; background-color: rgb(41, 129, 255, 0.05); cursor: pointer; }
.btn-white { color: #ffffff; border: solid 1px #ffffff; }
.skip-item ul li.on a::after { position: absolute; content: ''; width: 100%; height: 3px; bottom: 0; left: 0; right: 0; background-color: #2981ff; }

.table01 th { height: 50px; text-align: left; background-color: #e9edf3; white-space: nowrap; padding: 0 20px; color: #323235; font-weight: normal; font-weight: bold; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #fff; }
.table01 th:first-child{ border-left:none; }
/* .table01 tr:nth-child(2n + 1){background-color: #f5f7fa;} */
.table01 tr:hover{background-color: #f5f7fa;}
.table01 td { height: 65px; text-align: left; padding: 0 20px; color: #626266; border-bottom: 1px solid #ebedf0; box-sizing: border-box; line-height: 24px; }
.table01 td .bold{ font-weight: bold; color: #323235; }
.table01 td .btn-box{font-size: 0;}
.table01 td .btn { width: 82px; font-size: 14px; line-height: 34px; cursor: pointer; margin: 0 12px 0 0; color: #2981ff; border: solid 1px #2981ff; box-sizing: border-box; transition: all 0.3s; }
.table01 td .btn.buy-btn{ background-color: #2981ff; color: #fff; transition: all 0.3s; }
.table01 td .btn.buy-btn:hover{ background-color: #2574e5; }
.table01 td .btn:last-child{margin: 0;}

.section { padding: 80px 0; overflow: hidden; width: 100%; }

/* 产品优势 */
.section-zuyong2{background-image: url(../../images/new_kkidc/zuyong/bg2.jpg); background-color: #121627; background-repeat: no-repeat; background-position: bottom; background-size: cover; min-height: 342px; box-sizing: border-box;}
.block11 p{ font-size: 14px; color: #626266; line-height: 28px; max-width: 895px; }
.block11 h2{ font-size: 22px; line-height: 1; font-weight: normal; color: #323235; position: relative; margin-bottom: 27px; }
.block11 h2::before{ content: url(../../images/new_kkidc/zuyong/icon_jian.png); position: absolute; top: -3px; left: 99px; }
/* 优势对比 */
.section-zuyong3 .section-header { margin-bottom: 37px; }
.section.section-zuyong3{ padding-bottom: 58px; }
.advantage-contrast { min-height: 774px; background: url(../../images/new_kkidc/zuyong/bg6.png) no-repeat; background-position: center top; background-size: auto 100%; position: relative; }
.contrast-r{ padding: 72px 56px 40px 72px; }
.contrast-l .contrast-items { padding: 0 55px 0 28px; }

/* 应用场景 */
.block-items{ margin: -10px -11px; font-size: 0; }
.block-items li{ width: 33.3333%; padding: 10px 11px; display: inline-block; box-sizing: border-box; }
.scene-li{ height: 168px; background-image: url(../../images/new_kkidc/zuyong/bg3.png);background-size: 100% 100%;background-repeat: no-repeat; position: relative; display: flex; align-items: center; justify-content: center; }
.scene-li::before{ content: ""; position: absolute; width: 100%; height: 100%; background-image: url(../../images/new_kkidc/zuyong/bg4.png);background-size: 100% 100%;background-repeat: no-repeat; opacity: 0; transition: all .3s; }

.scene-li::after{ content: attr(data-title); position: absolute; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #fff; transition: all .3s; font-size: 18px; -webkit-font-smoothing: auto; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; z-index: 1; opacity: 0; }
.scene-item{ text-align: center; opacity: 1; transition: all .3s; }
.scene-item img{ margin-bottom: 12px; }
.scene-item p{ font-size: 18px; color: #1c1d1f; transition: all .3s; }

.section-zuyong4 .section-title{margin-bottom: 48px;}

.footer-tips{font-size: 20px;color: #fff;background-image: url(../../images/new_kkidc/zuyong/bg5.png);background-position: center center;background-size: cover;background-repeat: no-repeat;height: 150px;}
.footer-tips .w1400{ height: 100%; }
.footer-tips .tips-box{ display: flex; align-items: center; justify-content: center; height: 100%; }
.footer-tips p{font-weight: normal;}

[data-skin="1"]>.tab-box-head li.active:after {height: 3px;}
.section-title h3 {font-weight: normal;font-size: 20px;color: #1c1d1f;line-height: 1;margin-bottom: 17px;}
.section-title .desc {font-size: 14px;color: #93939a;line-height: 1.5;}
[class^="zuyong-icon"]{display: inline-block;}

.section-content .no-data-tip{margin-bottom: 56px;color: #93939a;}
.section-content .no-data-img{
    margin-top: 25px;margin-bottom: 20px;
}
.no-data-box .tab-btn li{margin: 0 10px;}


.block11 p{max-width: 798px;}
.block11 div{max-width: 650px;}

@media screen and (min-width: 1024px){
    .scene-li:hover::after{ opacity: 1; }
    .scene-li:hover .scene-item p{ color: #fff; }
    .scene-li:hover::before{ opacity: 1; }
    .table01 td .btn:hover { background: none; background-color: #2981ff; color: #fff; border-color: #2981ff; }
    .introduce-r table td:hover a{ color: #fff; background-color: #2981ff; }
    .scene-li:hover .scene-item{ opacity: 0; }
}
@media screen and (max-width: 1023px){
    .section-zuyong1 .section-header h3{
        margin-bottom: 16px;
    }
    .section-zuyong1 .section-header p{
        margin: 0;
        color: #323235;
    }
    .banner-single .banner-ani{
        background-image: url(/images/new_kkidc/zuyong/m-banner.jpg);
    }
    .tab-btn ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: -7.5px;
        justify-content: flex-start;
        max-height: 60px;
    }
    .tab-btn ul li{
        width: 50% !important;
        padding: 0;
        margin: 0;
        min-width: auto;
        background-color: transparent;
    }
    .tab-btn li a {
        display: block;
        font-size: 14px;
        color: #323235;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background-color: #fff;
        border: 1px solid #ebedf0;
        transition: all .3s;
        margin: 7.5px 5px;
        padding: 0 5px;
        box-sizing: border-box;
    }

    .section-proinfo .section{
        padding-bottom: 40px;
    }
    .proInfo li{
        background: url(/images/new_kkidc/baer_metal/m-item-bg.png) 100% 100% no-repeat;
        background-size: 100% 100%;
        padding: 20px 15px;
        border: 1px solid #ebedf0;
        box-sizing: border-box;
        margin: 0;
        margin-bottom: 15px;
    }
    .proInfo li:last-child{
        margin-bottom: 0;
    }
    .section-content .mobile-data li>div{
        background-color: transparent;
        padding: 0;
    }
    .info-body dd{
        min-width: auto;
        float: none;
        display: flex;
        align-items: center;
        font-size: 13px;
    }
    .info-body dd span{
        color: #626266;
        min-width: 90px;
    }
    .info-body dd p{
        flex: 1;
        color: #1c1d1f;
    }
    .proInfo li .info-head{
        margin-bottom: 11px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .proInfo li .info-head .copy img{
        width: 11px;
        height: 11px;
        margin-right: 9px;
    }
    .proInfo li .info-head .copy{
        width: auto;
        display: flex;
        align-items: center;
        font-size: 13px;
        color: #2981ff;
    }
    .price-box .price{
        font-size: 13px;
        color: #1c1d1f;
        padding: 10px 0;
    }
    .price-box .price b{
        font-size: 18px;
        color: #f33e3e;
    }
    .info-body dl{
        margin-bottom: 12px;
    }
    .btn-group{
        display: flex;
        align-items: center;
        width: 63%;
    }
    .btn-group .btn{
        width: 50%;
        height: 40px;
    }
    .btn-group .btn.btn-qq{
        background-color: #fff;
        border: 1px solid #2981ff;
        box-sizing: border-box;
        color: #2981ff;
    }
    .btn-group .btn.buy-btn{
        background-color: #2981ff;
        color: #fff;
    }
    .new-info-foot{
        display: flex;
        align-items: center;
        margin: 0 -6.5px;
        margin-top: 7px;
    }
    .new-info-foot .btn{
        width: 50%;
        height: 40px;
        margin: 0 6.5px;
    }
    .new-info-foot .btn.btn-qq{
        background-color: #fff;
        border: 1px solid #2981ff;
        box-sizing: border-box;
        color: #2981ff;
    }
    .new-info-foot .btn.buy-btn{
        background-color: #2981ff;
        color: #fff;
    }
    .price-box{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .price-box .zx-btn{
        width: 50%;
        height: 40px;
        background-color: #2981ff;
        color: #fff;
        display: inline-block;
        line-height: 40px;
        text-align: center;
    }
    [data-skin="1"]>.tab-box-head {
        margin-bottom: 20px;
    }
    [data-skin="1"]>.tab-box-head li{
        margin: 0 18px;
    }



    /* 优势对比 */
    .advantage-contrast{display: none;}
    .m-advantage-contrast .advantage-contrast-box{
        border: 1px solid #e1e5eb;
        overflow: hidden;
    }
    .m-advantage-contrast .section-nav{
        display: flex;
        align-items: center;
        margin-right: -6%;
    }
    .m-advantage-contrast .section-nav>span{
        width: 50%;
        text-align: center;
        height: 45px;
        font-size: 15px;
        color: #323235;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f6f9fc;
    }
    .m-advantage-contrast .section-nav>span img{
        width: 33px;
        margin-left: 4px;
    }
    .m-advantage-contrast .section-nav>span:first-child{
        -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    }
    .m-advantage-contrast .section-nav>span:last-child{
        -webkit-clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
        margin-left: -5%;
    }
    .m-advantage-contrast .section-nav>span.active{
        color: #fff;
        background-image: linear-gradient(90deg,
		#1e78f9 0%,
		#6eaaff 100%);
    }
    .m-contrast-data .contrast-item-title img{
        width: 15px;
        margin-right: 8px;
    }
    .m-contrast-data li{
        border: none;
        display: block;
    }
    .m-contrast-data .contrast-item-title{
        color: #1c1d1f;
        font-size: 15px;
        margin-bottom: 10px;
        font-weight: bold;
        display: flex;
        align-items: center;
    }
    .m-contrast-data{
        padding: 20px 15px;
        box-sizing: border-box;
        background-color: #fff;
    }
    .m-contrast-data .contrast-item-p{
        line-height: 20px;
        font-size: 13px;
        color: #626266;
        margin-bottom: 0;
    }
    .m-contrast-data li:not(:last-child) {
        margin-bottom: 16px;
    }


    .section-zuyong1{
        background-color: #fff;
    }
    .section-zuyong3{
        background-color: #f5f7fa;
    }
    .section{
        padding: 40px 0;
    }

    .fj .envir-more {
        color: #2981ff;
        position: relative;
        margin: 20px 0;
    }
    .fj .envir-more::after {
        content: "";
        position: absolute;
        width: 6px;
        height: 6px;
        margin-left: 8px;
        top: 2px;
        border-bottom: 1px solid #2981ff;
        border-right: 1px solid #2981ff;
        transform: rotate(45deg);
        transition: all .3s;
    }
    .fj .envir-more.retract::after {
        transform: rotate(-135deg);
        top: 7px;
    }
    .section-title h2,.section-title h3{
        font-size: 18px;
        font-weight: bold;
    }
    .section-proinfo .section{
        padding-top: 0;
    }
    .section-title h3{
        font-size: 18px;
        color: #1c1d1f;
    }
    .section-title .desc{
        font-size: 13px;
        color: #323235;
        text-align: left;
    }
    .section-proinfo .section .section-title{
        margin-bottom: 21px;
    }
    .section-proinfo .section-title p{
        text-align: center;
        color: #323235;
    }
    .section-zuyong1 .section-title{
        margin-bottom: 20px;
    }

    .block11 h2{
        font-size: 18px;
        color: #fff;
        margin-bottom: 12px;
    }
    .block11 p,.block11 span{
        font-size: 13px;
        color: #ffffff !important;
	    opacity: 0.88;
        line-height: 24px !important;
    }
    .section-zuyong2{
        min-height: auto;
        padding: 30px 0;
        background-image: url(../../images/new_kkidc/zuyong/m-youshi-bg.png);
    }

    .block11 h2::before {
        content: "";
        position: absolute;
        width: 25px;
        height: 7px;
        background-image: url(../../images/new_kkidc/zuyong/m-sanjiao.png);
        background-size: 100% 100%;
        top: 6px;
        left: 80px;
    }

    .section-zuyong4{
        background-color: #fff;
    }
    .block-items{
        margin: 0;
    }
    .block-items li {
        width: 50%;
        padding: 0;
        display: inline-block;
        box-sizing: border-box;
        border: 1px solid #e1e5eb;
        margin: 0 -1px -1px 0;
    }
    .scene-li{
        background-image: none;
        height: 100px;
    }
    .scene-item p {
        font-size: 15px;
        color: #1c1d1f;
    }
    .scene-item img{
        max-width: 30px;
        margin-bottom: 9px;
    }
    .footer-tips{
        font-size: 15px;
        line-height: 26px;
        background-image: url(../../images/new_kkidc/zuyong/m-bottom.png);
        height: 125px;
        box-sizing: border-box;
        padding: 15px;
    }
    .footer-tips .w1400{
        width: 100%;
    }

    .zuyong-server{background-image: url(../../images/new_kkidc/zuyong/m-bg1.png);background-size: 100% 100%;background-position: center center;}
    .swiper-container-m .zuyong-new-item{
        background-image: url(../../images/new_kkidc/zuyong/m-bg0.png);background-size: 100% 100%;background-position: center center;
        padding: 20px;
        box-sizing: border-box;
        min-height: 150px;
        width: 95%;
        min-width: 330px;
        box-shadow: 0px 3px 12px 0px
		rgba(18, 51, 100, 0.06);
    }
    .swiper-container-m .zuyong-new-item h4{
        font-size: 16px;
        font-weight: bold;
        color: #1c1d1f;
        margin-bottom: 5px;
    }
    .swiper-container-m .zuyong-new-item p{
        font-size: 13px;
        color: #323235;
        line-height: 22px;
        margin-bottom: 11px;
        letter-spacing: -0.5px;
    }
    .swiper-container-m .zuyong-new-item a{
        display: inline-block;
        border: 1px solid #2981ff;
        color: #2981ff;
        font-size: 13px;
        padding: 0 20px;
        text-align: center;
        height: 27px;
        line-height: 27px;
        float: right;
    }
    .swiper-container-m.swiper-container-horizontal>.swiper-pagination-bullets{
        text-align: center;
        position: relative;
        bottom: -15px;
    }
    .swiper-container-m .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
        display: inline-block;
        border-radius: 2px;
        background: #c2ccdc;
        opacity: 1;
        transition: all .3s;
    }
    .swiper-container-m .swiper-pagination-bullet-active{
        width: 14px;
        background: #2981ff;
    }
    .section-title p {
        color: #323235;
    }
    .zuyong-server .section-title {
        margin-bottom: 24px;
    }
    .zuyong-server .section-title h2{
        margin-bottom: 16px;
    }
    .section-zuyong4 .section-title{
        margin-bottom: 25px;
    }
    .n-btn-default{
        border-radius: 0px;
    }
    .section .section-content .tab-box{
        margin-bottom: 37.5px;
    }
    .section-zuyong4 .block-items ul{
        display: flex;
        flex-wrap: wrap;
    }
    .section-header p{
        text-align: center;
    }
}