.jumb-item{background:url(../img/index/home_bg_img_1@2x.png) no-repeat right bottom;background-size:302px auto;}

.nav-tabs{display:flex;border:0;justify-content:center;margin-top:30px;}
.nav-tabs .nav-item{width:75px;height:75px;margin:5px;list-style:none;}
.nav-tabs .nav-item .nav-link{width:75px;height:75px;font-size:13px;padding:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;transition: all .2s ease-out;}
.nav-tabs .nav-item .nav-link img{width:24px;height:24px;}
.nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link:hover{background:rgba(255,255,255,1);box-shadow:0px 10px 40px 0px rgba(223,233,245,1);border-radius:6px;color:#333;transition: all .4s ease-out;}
.pro-item{display:flex;align-items:center;padding:30px 10px 0;flex-direction:column;}
.pro-item .pro-text{text-align:center;}
.pro-item .pro-text h3{font-size:22px;}
.pro-item .pro-text p{font-size:14px;}
.pro-item .pro-img{width:80%;height:auto;margin-top:15px;}

.pro-future{position:relative;text-align:center;margin-top:40px;}
.pro-future .future-img{width:90%;height:auto;margin-top:80px;}
.pro-future .l-icon{position:absolute;top:0;left:0;width:64px;height:auto;}
.pro-future .r-icon{position:absolute;top:0;right:0;width:36px;height:auto;}
.solution{padding:10px 15px 10px;margin-top:-50px;background:#00A7E8 url(../img/index/home_bg_img_2@2x.png);background-size:cover;}
.solution .item-hd, .solution .item-hd p{color:#fff;}
.solution .solution-card{margin-top:60px;background:none;}
.solution .solution-card .card-bd{position:relative;height:160px;margin-bottom:30px;background:#fff;border-radius:6px;padding:24px;transition: all .2s ease-out;}
.solution .solution-card .card-bd:hover{box-shadow:0px 25px 25px -10px rgba(0,0,0,0.15);transition: all .4s ease-out;}
.solution .solution-card .card-bd h3{font-size:18px;color:#00A7EB;}
.solution .solution-card .card-bd p{color:#999;font-size:14px;}
.solution .solution-card .card-bd .icon{position:absolute;top:-24px;width:48px;height:48px;}
.solution .solution-card .card-bd.mr-60 .icon{left:-24px;}
.solution .solution-card .card-bd.ml-60 .icon{right:-24px;}

.price{padding-bottom:50px;background:#F8F9FF;}
.price .price-card{display:flex;flex-direction:column;align-items:center;transition: all .2s ease-out;padding:26px;margin:20px 30px 0;background:rgba(255,255,255,1);box-shadow:0px 10px 40px 0px rgba(223,233,245,1);border-radius:6px;text-align:center;}
.price .price-card:hover{transform: translateY(-10px);}
.price .price-card img{width:64px;height:64px;}
.price .price-card h3{font-size:22px;margin-top:20px;}
.price .price-card p{margin-top:18px;color:#5A6C73;}
.price .price-card .btn{margin-top:auto;font-size:14px;}
.price .price-card:hover .btn-outline-primary{background:linear-gradient(315deg,rgba(0,186,219,1) 0%,rgba(0,161,236,1) 100%);box-shadow:0px 20px 20px -10px rgba(0,173,228,0.2);border-radius:6px;border:0;color:#fff;transition: all .4s ease-out;}

.case{}
.case .card-body{background:#fff;border:1px solid rgba(224,232,243,1);border-radius:6px;text-align:center;margin-bottom:15px;}
.case .logo{width:136px;height:66px;}

.news{background:#F8F9FF;}
.news .card{border-color:#F8F9FF;transition: all .2s ease-out;}
.news .card:hover{position:relative;z-index:99;transform: translateY(-10px);transition: all .2s ease-out;box-shadow:0px 10px 40px 0px rgba(223,233,245,1);}
.news .thumb{margin-bottom:1.25rem;}
.news p{color:#999999;font-size:14px;}

.qualification{background:#F8F9FF;margin-bottom:-100px;}
.qualification .item-bd{position:relative;z-index:999;padding:20px;box-shadow:10px 20px 20px -10px rgba(0,0,0,0.15);background:#fff;}
.qualification .item-bd .qu-card{text-align:center;font-size:14px;padding:10px 0}
.qualification .item-bd img{width:75%;}
.qualification .item-bd p{font-size:13px;color:#5A6C73;margin-top:18px;margin-bottom:0;}
.footer{padding-top:180px;}
.feedback{transition: all .2s ease-out;display:block;position:fixed;z-index:999;right:18px;bottom:18px;width:60px;height:60px;line-height:20px;padding-top:10px;text-align:center;border-radius:100%;background:linear-gradient(315deg,rgba(0,186,219,1) 0%,rgba(0,161,236,1) 100%);color:#fff;font-weight:bold;}
.feedback:hover{color:#fff;transform: translateY(-10px);transition: all .2s ease-out;box-shadow:0px 10px 40px 0px rgba(223,233,245,.1);}
@media (min-width:1280px){
    .jumb-item{background-size:502px 297px;}
    .nav-tabs{margin-top:60px;}
    .nav-tabs .nav-item{width:140px;height:140px;}
    .nav-tabs .nav-item .nav-link{width:140px;height:140px;font-size:16px;}
    .nav-tabs .nav-item .nav-link img{width:64px;height:64px;}
    .pro-item{flex-direction:row;padding:76px 0 0 60px;}
    .pro-item .pro-text h3{font-size:36px;}
    .pro-item .pro-text p{font-size:20px;}
    .pro-item .pro-text{margin-right:110px;text-align:left;}
    .pro-item .pro-img{width:517px;height:377px;margin-left:auto;}
    .pro-future{margin-top:140px;}
    .pro-future .future-img{width:772px;height:569px;}
    .pro-future .l-icon{width:164px;height:95px;}
    .pro-future .r-icon{width:86px;height:86px;}

    .solution{padding:10px 0 60px;margin-top:-120px;}
    .solution .solution-card{margin-top:100px;background:url(../img/index/home_img_time_axis@2x.png);background-repeat:no-repeat;background-size:32px auto;background-position:top center;}
    .solution .solution-card .card-bd{height:200px;margin-bottom:50px;background:#fff;border-radius:6px;padding:36px;}
    .solution .solution-card .card-bd h3{font-size:22px;}
    .solution .solution-card .card-bd p{font-size:16px;}
    .solution .solution-card .card-bd.mr-60{margin-right:60px;}
    .solution .solution-card .card-bd.ml-60{margin-left:60px;}
    .solution .solution-card .card-bd .icon{position:absolute;top:-36px;width:72px;height:72px;}
    .solution .solution-card .card-bd.mr-60 .icon{left:-36px;}
    .solution .solution-card .card-bd.ml-60 .icon{right:-36px;}

    .price{padding-bottom:100px;}
    .price .price-card{height:330px;padding:26px;margin:60px 0 0;}
    .price .price-card img{width:64px;height:64px;}
    .price .price-card h3{font-size:22px;margin-top:20px;}
    .price .price-card p{margin-top:18px;font-size:16px;}
    .price .price-card .btn{font-size:16px;}
    .price .price-card .d-flex{width:100%;height:100%;}

    .case{padding-bottom:50px;}
    .case .card-body{margin:15px;}
    .case .logo{width:170px;height:82px;}

    .qualification .item-bd .qu-card{padding:20px;font-size:16px;}
    .qualification .item-bd img{width:100%;}
}