@charset "utf-8";
/* ===================首页样式========================== */

/* 轮播 */
.inbaner{width: 100%;}
.inbaner-bg{width: 100%;height: 100vh;}
.inbaner-bg img{width: 100%;object-fit: cover;height: 100%;transition: all 4s ease}
.inbaner-pc{display:block}
.inbaner-mb{display:none}
.inbaner-content{position:absolute;width:100%;top:240px;left:0;text-align: center;}
.inbaner-content h2{font-size: 50px;color: #fff;font-weight: 700;transform: translateY(100px);transition: all 1s ease;opacity: 0}
.inbaner .swiper-pagination{width:100%;text-align:center;font-size:0;bottom:56px}
.inbaner .swiper-pagination-bullet{width:100px;height:3px;background:rgba(255, 255, 255, .7);opacity:1;position:relative;overflow:hidden;margin:0 7px !important;border-radius: 0;}
.inbaner .swiper-pagination-bullet:after{left:-100%;content:'';display:block;width:100%;height:100%;background:#016fdf;position:absolute;border-radius: 0;}
.inbaner .active:after{transition:all 4s linear;left:0}
.inbaner .swiper-slide-active .inbaner-content h2{transform: translateY(0);opacity: 1;transition-delay: .2s}


.btn{display: flex;justify-content: center;align-items: center;width: 124px;height: 40px;border: 1px solid #fff;border-radius: 4px;font-size: 14px;color: #fff;transition: all .6s ease;}

.incom-title{width: 100%;text-align: center;}
.incom-title h2{font-size: 34px;color: #333;font-weight: 700;line-height: 1;}
.incom-title p{font-size: 16px;color: #777;margin-top: 12px;}
.incom-title.white h2{color: #fff;}
.incom-title.white p{color: #fff;}

.inprod{width: 100%;padding: 90px 0 124px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.inprod-items{width: 100%;margin-top: 68px;}
.inprod-items ul{ display: flex;flex-wrap: nowrap; margin-left: -20px;}
.inprod-items li{width: 180px;margin-left: 20px;position: relative;height: 460px;overflow: hidden;}
.inprod-items li img{position: absolute;height: 460px;left: 0;top: 0;object-fit: fill;max-width: none;}
.inprod-items li:nth-child(2){transform: translateY(36px);}
.inprod-items li:nth-child(3){transform: translateY(-28px);}
.inprod-items li:last-child{margin-right: 0;transform: translateY(22px);}
.inprod-link{display: block;width: 100%;height: 100%;position: relative;z-index: 1;}
.inprod-link::after{content: '';width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);position: absolute;left: 0;top: 0;z-index: 2;opacity: 0;transition: all .4s ease;}
.inprod-intro{position: absolute;left: 0;top:100px; width: 100%;z-index: 3;padding: 0 20px;}
.inprod-intro h2{font-size: 22px;color: #fff;margin-bottom: 20px;}
.inprod-intro p{font-size: 16px;color: #fff;line-height: 26px;opacity: 0;transition: all .6s ease;max-width: 482px;}
.inprod-intro .btn{margin-top: 38px;opacity: 0;}
.inprod-intro .btn:hover{background: linear-gradient(to right,#3077e0,#68399b);border-color: transparent;}
.inprod-items li.active{width:calc(100% - 620px);}
.inprod-items li.active .inprod-link::after{opacity: 1;}
.inprod-items li.active .inprod-intro{padding:0 100px;}
.inprod-items li.active .inprod-intro h2{animation: incontUp 1s ease both .6s;}
.inprod-items li.active .inprod-intro p{animation: incontUp 1s ease both .7s;}
.inprod-items li.active .inprod-intro .btn{animation: incontUp 1s ease both .8s;pointer-events: auto;}
@keyframes incontUp {0%{opacity: 0;transform: translateY(80px);}100%{opacity: 1;transform: translateY(0);}}

.inshow{width: 100%;padding-top: 86px;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
.inshow-coulmn{width: 100%;margin-top: 62px;}
.inshow-item{width: 100%;display: none;}
.inshow-item.active{display:block;}
.inshow-link{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width: 100%;}
.inshow-cont{width: 44%;overflow: hidden;}
.inshow-cont h2{font-size:24px;color: #fff;font-weight: 700;}
.inshow-cont p{font-size: 16px;color: #fff;line-height: 26px;max-width: 90%; margin-top: 12px;}
.inshow-btn{display: flex;width: 100%;margin-top: 38px;}
.inshow-btn a+a{margin-left: 12px;}
.inshow-btn .btn:hover{background: linear-gradient(to right,#3077e0,#68399b);border:none;}
.inshow-img{ width: 56%; position: relative; overflow: hidden;}
.inshow-img img {max-width:100%;object-fit: cover;}
.inshow-menu{display: flex;flex-wrap: wrap; width: 100%;font-size: 0;user-select: none;margin-top: 100px;}
.inshow-menu a{display:flex;justify-content: center;align-items: center;width: 50%;height: 122px;background-color: #fff;transition: all .4s ease;}
.inshow-menu a i{display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 50%;background-color: #e4ecf5;margin-right: 16px;}
.inshow-menu a i img{max-width:88%;max-height: 88%;object-fit: cover;}
.inshow-menu a h2{display: inline-block; font-size: 16px;line-height: 68px;color: #444;transition: all .4s ease;}
.inshow-menu a.active{background-color: #2970d6;}
.inshow-menu a.active h2,.inshow-menu a:hover h2{color: #fff;}

.inserve{width: 100%;padding: 75px 0 90px;background-color: #f6faff;}
.inserve-items{display: flex;justify-content: space-between;width: 100%;flex-wrap: wrap; margin-top: 54px;}
.inserve-coulmn{width: 32.333%;}
.inserve-img{display: flex;justify-content: center;align-items: center; width: 100%;height: 220px;border: 1px solid #dfe6ee;border-bottom: none;}
.inserve-img img{max-width: 100%;max-height: 100%;object-fit: cover;}
.inserve-intro{display: flex;flex-direction: column;align-items: center; width: 100%;border: 1px solid #dfe6ee;padding: 40px 0;transition: all .4s ease;}
.inserve-intro h2{font-size: 20px;color: #333;font-weight: 700;transition: all .4s ease;}
.inserve-intro ul{display: flex;justify-content: center; width: 100%;margin-top: 24px;}
.inserve-intro ul li{display: flex;flex-direction: column; align-items: center; width: auto;}
.inserve-intro ul li+li{margin-left: 58px;}
.inserve-intro ul li i{display: flex;justify-content: center;align-items: flex-end;width: 42px;height: 35px;position: relative;}
.inserve-intro ul li i img{max-width: 100%;object-fit: cover;transition: all .4s ease;}
.inserve-icon{position: absolute;opacity: 1;}
.inserve-iconH{opacity: 0;}
.inserve-intro ul li h6{font-size:14px;color: #666;margin-top: 12px;transition: all .4s ease;}
.inserve-intro:hover{background-color: #2970d6;border-color: #2970d6;}
.inserve-intro:hover h2{color: #fff;}
.inserve-intro:hover ul li .inserve-icon{opacity: 0;}
.inserve-intro:hover ul li .inserve-iconH{opacity: 1;}
.inserve-intro:hover ul li h6{color: #fff;}
.inserve-btn{display: flex;justify-content: center;width: 100%;margin-top: 42px;}
.inserve-btn .btn{color: #016fdf;border-color: #016fdf;}
.inserve-btn .btn:hover{color: #fff;background: linear-gradient(to right,#3077e0,#68399b);border: none;}

.incase{width: 100%;padding: 80px 0 108px;background-color: #0b2241;position: relative;}
.dongge{width: 100%;height: 100%; position: absolute;left: 0;bottom: 0;}
.dongge canvas{width: 100% !important;height: 100% !important;}
.incase-loop{width: 100%;margin-top: 45px;position:relative;}
.incase-show{width: 100%;position: relative;overflow: hidden;z-index:1;}
.incase-show::after{content: '';width: 100%;height: 100%;background-color: rgba(41,112, 214, .8);position: absolute;left: 0;top: 0;opacity: 0;z-index: 2;transition: all .4s ease;}
.incase-show .incase-img{width: 100%;object-fit: cover;}
.incase-cont{display: flex;flex-direction: column;align-items: center; width: 100%;height: 100%;position: absolute;left: 0;top:158px;transition: all .6s ease;z-index:3;}
.incase-cont i{display: flex;justify-content: center;align-items: center;position: relative;z-index: 9; width: 68px;height: 68px;border-radius: 50%;background-color: rgba(41,112, 214, .8);transition: all .4s ease;}
.incase-cont i img{max-width: 100%;object-fit: cover;}
.incase-cont h2{font-size: 20px;color: #fff;margin-top: 16px;}
.line{width: 1px;height: 28px;background: #fff;margin-top: 18px;transition: height .2s ease;}
.incase-intro{opacity: 0;width: 100%;padding:  0 28px;text-align: center;}
.incase-intro p{font-size: 15px;color: #fff;line-height: 24px;height: 48px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.incase-intro .btn{margin: 36px auto 0;}
.incase-intro .btn:hover{background: linear-gradient(to right,#3077e0,#68399b);border: none;}
.incase-show:hover::after{opacity: 1;}
.incase-show:hover .incase-cont{top:100px;}
.incase-show:hover .incase-cont i{background-color: rgba(255,255, 255, .2)}
.incase-show:hover .incase-cont .line{height: 0;}
.incase-show:hover .incase-cont .incase-intro{opacity: 1;animation: sHeight .4s ease;}
@keyframes sHeight {0%{transform: translateY(60px);}100%{transform: translateY(0);}}
.incase-prev,.incase-next{width: 32px;height: 32px;background: url('../images/index/case_ArrL.png')no-repeat center;position: absolute;left: -60px;top: 50%;margin-top: -16px;cursor: pointer;z-index: 3;}
.incase-next{transform: rotate(180deg);left: auto;right: -60px;}


.inpartner{width: 100%;padding: 90px 0 124px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.inpartner-items{width: 100%;margin-top: 30px;}
.inpartner-list ul{margin-left: -2%;}
.inpartner-list li{width: 18%;float: left;margin-left: 2%;margin-top: 20px;height: 98px;background-color: #fff;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: all .4s ease;}
.inpartner-list li img{max-width: 88%;max-height: 88%;object-fit: cover;transition: all .4s ease;}
.inpartner-list li:hover{box-shadow: 0 3px 10px 3px #eee;}
.inpartner-pagination{width: 100%;text-align: center;margin-top: 32px;}
.inpartner-pagination .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;margin: 0 7.5px !important; border-radius: 50%;border: 2px solid #d1d1d1;background: transparent;}
.inpartner-pagination .swiper-pagination-bullet-active{background: #016fdf;border: 2px solid #016fdf;}

.inbaner-content.center{display:flex;align-items:center;top:0;height:100%;padding-top:8%}
.inbaner-content.center h2{max-width:400px;margin: 0 auto;font-size:36px;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .inbaner-content h2{font-size: 42px;}

   
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
    .incase-prev,.incase-next{left: -40px;}
    .incase-next{right: -40px;left: auto;}


   
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .inbaner-content h2{font-size: 32px;}
    .incom-title h2 {font-size: 28px;}

    .inprod {padding: 80px 0 100px;}
    .inprod-items {margin-top: 48px;}
    .inprod-items ul{margin-left: -12px;}
    .inprod-items li{width: 140px;height: 380px;margin-left: 12px;}
    .inprod-items li.active {width: calc(100% - 468px);}
    .inprod-items li img{height: 380px;}
    .inprod-intro{padding: 0 12px;top: 80px;}
    .inprod-intro h2{font-size: 18px;margin-bottom: 12px;}
    .inprod-intro p{font-size: 15px;line-height: 24px;}
    .inprod-intro .btn{margin-top: 28px;}
    .inprod-items li.active .inprod-intro{padding: 0 40px;}


    .inserve-intro ul li+li {margin-left: 30px;}

    .inshow-cont h2{font-size: 22px;}
    .inshow-cont p {font-size: 14px;line-height: 24px;max-width: 98%;}
    .inshow-btn {margin-top: 28px;}

    .inpartner {padding: 80px 0 88px;}
    .consult-intro h2{font-size: 24px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .incase-prev,.incase-next{left: 6px;}
    .incase-next{right: 6px;left: auto;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .inbaner-content h2{font-size: 28px;}

    .inprod {padding: 60px 0 68px;}
    .inprod-items {margin-top: 38px;}
    .inprod-items ul{margin-left: 0;flex-wrap: wrap;margin-top: -12px;}
    .inprod-items li{transform: translateY(0) !important;margin-top: 12px;margin-left: 0;}
    .inprod-items li img, .inprod-items li{height: auto;position: relative;width: 100% !important;}
    .inprod-intro{padding:0 40px !important;}
    .inprod-intro h2,.inprod-intro p,.inprod-intro .btn{opacity: 1;animation: none !important;}

    .inshow {padding-top: 68px;}
    .inshow-cont h2{font-size: 20px;}
    .inshow-menu{margin-top: 80px;}


    .inpartner {padding: 60px 0 68px;}
    .inpartner-list li{width: 31.333%;}
    .consult-intro h2{font-size: 20px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .inbaner-content h2{font-size: 20px;}
    .incom-title h2 { font-size: 22px; }
    .btn{width: 98px;height: 38px;}

    .inbaner-bg {height: auto;}
    .inbaner-bg img{height: auto;}
    .inbaner-content {top:100px;}
    .inbaner-pc{display: none;}
    .inbaner-mb{display: block;}
    .inbaner .swiper-pagination-bullet{width: 40px;}

    .inprod {padding: 40px 0 48px;}
    .inprod-items {margin-top: 10px;}
    .inprod-intro { padding: 0 20px !important;top: 28px;}
    .inprod-intro p{display: none;}
    .inprod-intro .btn{width: 80px;height: 30px;margin-top: 16px;}

    .inshow {padding-top: 48px;}
    .inshow-coulmn{margin-top: 38px;}
    .inshow-link{flex-direction: column-reverse;}
    .inshow-cont{width: 100%;}
    .inshow-img{width: 100%;margin-bottom: 32px;text-align: center;}
    .inshow-cont p{max-width: 100%;}
    .inshow-menu{margin-top: 40px;}
    .inshow-menu a{width: 50%;height: 80px;justify-content: flex-start;padding: 0 6px;float:left}
    .inshow-menu a h2{font-size: 14px;line-height:24px;width: calc(100% - 30px);}
    .inshow-menu a i{width:30px;height:30px;margin-right: 12px;}
   .inshow-menu a i img{max-width:48%;max-height: 48%;}

    .inserve{padding: 40px 0 48px;}
    .inserve-items{margin-top: 10px;}
    .inserve-coulmn{width: 100%;margin-top: 28px;}

    .inpartner {padding: 40px 0 48px;}
    .inpartner-list li{height: 80px;margin-top: 2%;}
    .inpartner-pagination{margin-top: 24px;}
    .consult-intro a{width: 98px;height: 38px;}
    .consult-intro h2{font-size: 16px;}
    
    .inbaner-content.center{padding-top:0}
    .inbaner-content.center h2{max-width:100%;font-size:20px;}
    .inshow-menu{display: block;}
}