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

.baner{width: 100%;position: relative;z-index: 1;}
#banner-animated{position:absolute;left：0;top:0;width:100%;height:100%}
.baner-show{width: 100%;position: relative;}
.baner-bg{width: 100%;}
.baner-bg img{width: 100%;height: calc(100vh - 88px);object-fit: cover}
.baner-pc{display: block;}
.baner-mb{display: none;}
.baner-content{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:4}
.baner-content .contain{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.baner-intro{width: 55%;}
.baner-intro .banModel{font-weight:bold;color:#eeb81d;line-height:1}
.baner-intro .banTit{font-weight: 700;color: #fff;line-height: 1.1;}
.baner-list{width: 100%;display: flex;}
.baner-list img{max-width: 100%;object-fit: cover;}
.baner li{position:relative;color:#fff;font-size:16px;padding-left:20px}
.baner li:after{content:'';width:10px;height:10px;border-radius:50%;background:#fff;position:absolute;left:0;top:7px}
.baner li+li{margin-top:10px}
.baner-btn{display: flex;width: 100%;}
.baner-btn a+a{margin-left: 14px;}
.baner-btn .btn:hover{background-color: #fff;color: #016fdf;}
.baner-img{width: 45%;display: flex;justify-content:center}
.baner-img img{max-width: 80%;max-height: 80%;object-fit: cover;width: auto;height: auto}
.baner-prev,.baner-next{width: 20px;height: 32px;background: url('../images/index/ban_Arr.png')no-repeat center;position:absolute;left: 48px;top: 50%;margin-top: -16px;z-index: 3;cursor: pointer;transition: all .4s ease;}
.baner-next{transform: rotate(180deg);left: auto;right: 48px;}
.baner-prev:hover,.baner-next:hover{background: url('../images/index/ban_ArrH.png')no-repeat center;}
.baner-nav {position: absolute;width: 100%;bottom: 56px;z-index: 3;}
.baner-nav .swiper-pagination{position: static;}
.baner-nav .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#fff;opacity:1;border-radius: 50%;position:relative;transition:all .4s ease}
.baner-nav .swiper-pagination .swiper-pagination-bullet:not(:first-child){margin-left:310px}
.baner-nav .swiper-pagination .swiper-pagination-bullet:not(:first-child):before{content:'';width:290px;height:1px;background:rgba(255,255,255,.5);position:absolute;left:-301px;top:4px;}
.baner-nav .swiper-pagination .swiper-pagination-bullet-active{box-shadow: inset 0 0 0 2px #1e6fff;background-color: transparent;}
.baner-nav .swiper-pagination .swiper-pagination-bullet .text{font-size: 14px;color: #fff;font-family: DIN-pro;opacity: .7;position: absolute;top: -32px;left: 0;width: 200px;margin-left: -100px;text-align: center;}
.baner-nav .swiper-pagination .swiper-pagination-bullet-active .text{opacity: 1;}
.incom-title{width: 100%;text-align: center;}
.incom-title .name{color: #333;font-weight: 700;line-height: 1.1;}
.incom-title .text{color: #959595;text-transform: uppercase;letter-spacing: 4px;line-height: 1.1;font-family: DIN-pro}
.incom-title.white .name,.incom-title.white .text{color: #fff;}
/*.baner .swiper-slide-active .baner-intro{animation: fadeInLeft 1s ease both .4s}*/
/*.baner .swiper-slide-active .baner-img{animation: fadeInRight 1s ease both .4s}*/
.baner video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:3}

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

.inabout{width: 100%;background-color: #f5f7fb;overflow: hidden;}
.inabout-items{display: flex;justify-content: space-between;width: 100%;}
.inabout-intro{width: 50%;position: relative;z-index: 3}
.inabout-cont{width: 100%;}
.inabout-cont h2{font-size: 24px;color: #333;font-weight: 700;margin-bottom: 12px;}
.inabout-cont p{font-size: 16px;color: #888;line-height: 26px;}
.inabout-cont .btn{background-color: #1e6fff;border: 2px solid #1e6fff;}
.inabout-data{display: flex;flex-wrap: wrap}
.inabout-data li{width: 50%;height: 156px;background-color: #fff;border: 1px solid #e6ebf3;padding: 0 30px;display: flex;align-items: center}
.inabout-data li .data-icon{width: 65px}
.inabout-data li .data-icon img{max-width: 100%;object-fit: cover}
.inabout-num{font-size: 18px;color: #000;line-height: 1;margin-bottom: 4px;}
.inabout-num span{font-size: 54px;color: #000;font-family:'DINEN';vertical-align: sub;display: inline-block;line-height: 1}
.inabout-num b{margin-left: 8px}
.inabout-text p{font-size: 16px;color: #6b6b6b;font-weight: 700;}
.inabout-show{display: flex;justify-content: center;align-items: center;width: 50%;}
.inabout-img{width: 550px;height: 550px;position: relative;}
.inabout-earth{animation: cleQiuS 25s linear infinite;position: relative;z-index: 1;animation:cleQiu 25s linear infinite}
.inabout-earth::after{content: '';width: 886px;height: 928px;background: url('../images/index/earth_Bj.png')no-repeat center;position: absolute;right: -34%;bottom: -54%;z-index: -1;}
.inabout-img img{width: 100%;height: 100%;object-fit: cover;}
.inabout-dots{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;}
.dots-img i{display: inline-block;width: 14px;height: 14px;border-radius: 50%;border: 1px solid #1e6fff;position: absolute;transform: rotateX(45deg);animation: sitequan 2s linear infinite .5s;}
.dots-img i::before{content: '';width: 10px;height: 10px;border-radius: 50%;background-color: #1e6fff;position: absolute;left: 50%;top: 50%;margin-top: -5px;margin-left: -5px;animation: sitequan 2s linear infinite;}
.dots-li1{position: absolute;right: 32%;top: 25%;}
.dots-li1 .dots-img i{left:-3px;bottom: -4px;}
.dots-li2{position: absolute;right: 43%;top: 34%;}
.dots-li2 .dots-img i{right:-3px;bottom: -4px;}
.dots-li3{position: absolute;right: 21%;top: 35%;}
.dots-li3 .dots-img i{left:-3px;bottom: -4px;}
@keyframes sitequan {0%{transform:scale(1)}50%{transform:scale(0.8)}100%{transform:scale(1)} }
@keyframes cleQiu{0%{transform:rotate(0);}50%{transform: rotate(30deg);}100%{transform: rotate(0);}}


.solution{width: 100%;}
.solution-menu{width: 100%;font-size: 0;text-align: center;user-select: none;overflow: hidden;display:flex;justify-content:center}
.solution-menu a{display: inline-block;width: 16.666%;padding: 0 0 30px;cursor: pointer;position: relative;}
.solution-menu a::after{content: '';width:100%;height: 3px;background-color: #1e6fff;position: absolute;right: 0;left: 0; bottom: 0;margin: 0 auto; transition: all .4s ease;transform: translateY(100%)}
.solution-menu a img{margin: 0 auto;transition: all .4s ease;max-height: 46px}
.solution-menu a img.solution-pic{display: block;}
.solution-menu a img.solution-picH{display: none;}
.solution-menu a p{font-size: 16px;color: #555;margin-top: 14px;transition: all .4s ease;white-space:nowrap}
.solution-menu a.active img.solution-pic{display: none;}
.solution-menu a.active img.solution-picH{display: block;}
.solution-menu a.active p{color: #1e6fff;}
.solution-menu a.active::after{transform: translateY(0)}
.solution-coulmn{width: 100%;position: relative;overflow: hidden;}
.solution-coulmn img{width: 100%;object-fit: cover;}
.solution-pc{display: block;}
.solution-mb{display: none;}
.solution-cont{width:100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;display: flex;align-items: center;}
.solution-cont .contain{display: flex;flex-direction: column;align-items: flex-end;}
.solution-cont h6{font-size: 24px;line-height: 36px;font-weight: 700; color: #fff}
.solution-cont .solution-btn{display: flex;justify-content: center;align-items: center;width: 110px;height: 42px;border-radius: 20px;background-color:#1e6fff;font-size: 14px;color: #fff;margin-top: 22px}

.hardware{width: 100%;}
.hardware-items{width: 100%;}
.hardware-items ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;}
.hardware-items li{display: flex;justify-content: space-between;width: 49.5%;margin-top: 1%;}
.hardware-coulmn{width:100%;border-radius: 5px;padding: 38px 34px;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;background: #f4f4f4}
.hardware-coulmn:hover img{transform: scale(0.95)}
.hardware-intro{width: 100%;}
.hardware-intro h2{font-size: 22px;color: #333;font-weight: 700;line-height: 1.1;margin-bottom: 12px;}
.hardware-intro p{font-size: 16px;color: #666;line-height: 1.1;}
.hardware-show{display: flex;justify-content: center;align-items: center; width: 100%;height: 260px;}
.hardware-show img{max-width:88%;max-height:88%;object-fit: cover;width: auto;height: auto;transition: all .4s ease}
.hardware-items li:last-child .hardware-coulmn{width: 49%;}


.software{width: 100%;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden}
.software-coulmn{width: 100%;}
.software-item{width: 100%;display: none;}
.software-item.active{display:block;}
.software-link{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width: 100%;}
.software-cont{width: 44%;overflow: hidden;}
.software-cont h2{font-size:24px;color: #fff;font-weight: 700;text-transform: uppercase;}
.software-cont p{font-size: 16px;color: #fff;line-height: 26px;max-width: 90%; margin-top: 12px;}
.software-btn{display: flex;width: 100%;margin-top: 38px;}
.software-btn a+a{margin-left: 12px;}
.software-btn .btn:hover{background-color: #1e6fff;border-color: #1e6fff;}
.software-img{ width: 56%; position: relative; overflow: hidden;}
.software-img img {max-width:100%;object-fit: cover;}
.software-menu{display: flex;flex-wrap: wrap; width: 100%;font-size: 0;user-select: none;}
.software-menu a{display:flex;justify-content: center;align-items: center;width: 33.333%;height: 102px;background-color: #fff;transition: all .4s ease;}
.software-menu a i{display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 50%;background-color: #e4ecf5;margin-right: 16px;}
.software-menu a i img{max-width:88%;max-height: 88%;object-fit: cover;}
.software-menu a h2{display: inline-block; font-size: 16px;line-height: 68px;color: #444;transition: all .4s ease;text-transform: uppercase;}
.software-menu a.active,.software-menu a:hover{background-color: #2970d6;}
.software-menu a.active h2,.software-menu a:hover h2{color: #fff;}

.partner{width: 100%;background-color: #f6f6f6;}
.partner-loop{width: 100%;}
.partner-list ul{margin-left: -2%;}
.partner-list li{width: 18%;float: left;margin-left: 2%;margin-top: 20px;height: 98px;border-radius: 5px;background-color: #fff;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: all .4s ease;}
.partner-list li:hover{background: #2970d6}
.partner-list li img{max-width: 88%;max-height: 88%;object-fit: cover;width: auto;height: auto}
.partner-list li img.s,.partner-list li:hover img.d{display: none}
.partner-list li:hover{box-shadow: 0 3px 10px 3px #eee;}
.partner-list li:hover img.s{display: block}
.partner-pagination{width: 100%;text-align: center;margin-top: 32px;}
.partner-pagination .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;margin: 0 7.5px !important; border-radius: 50%;border: 2px solid #d1d1d1;background: transparent;}
.partner-pagination .swiper-pagination-bullet-active{background: #016fdf;border: 2px solid #016fdf;}


.news{width: 100%;}
.news-coulmn{display: flex;justify-content: space-between;flex-wrap: wrap; width: 100%;}
.news-lft{width: 49.7%;}
.news-show{width: 100%;border-radius: 5px;overflow: hidden;position: relative;display: block}
.news-show img{width: 100%;object-fit: cover;height: 100%;transition: all .4s ease}
.news-show:hover img{transform: scale(1.04)}
.news-intro{position: absolute;left: 0;bottom: 60px;padding: 0 45px;width: 100%;}
.news-intro h2{font-size: 18px;color: #fff;font-weight: 700;}
.news-intro span{display: block;font-size: 13px;color: #fff;opacity: .7;margin: 10px 0 20px;font-family: DIN-pro}
.news-btn{display: inline-block;font-size: 14px;color: #fff;line-height: 1;padding-right:18px;background: url(../images/index/news_btn.png) no-repeat center right;}
.news-rgt{width: 49.7%;display: flex;flex-direction: column;justify-content: space-between;}
.news-item{display: flex;flex-wrap: wrap; width: 100%;height: 49%; border-radius: 5px;overflow: hidden;position: relative;background-color: #1059ad;}
.news-img{width: 50%;height: 100%;overflow: hidden;display: block}
.news-img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease}
.news-img:hover img{transform: scale(1.04)}
.news-cont{width: 50%;position: relative;background-color: #f1f4f8;}
.news-cont .news-intro h2{color: #444;line-height: 28px;height: 56px; overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.news-cont .news-intro span{color: #828282;opacity: 1;}
.news-cont .news-btn{color: #444;background: url(../images/index/news_btnH.png) no-repeat center right;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .baner-nav{bottom: 40px}
    .inabout-num span{font-size: 45px}
    .inabout-img { width: 500px;height: 500px;}
    .dots-li3 {right: 24%;}
    .btn,.solution-cont .solution-btn{width: 100px;height: 36px}
    .baner-img{justify-content: center}
    .inabout-data li{height: 140px;padding: 0 20px}
    .solution-menu a img{max-height: 40px}
    .solution-menu a{padding-bottom: 20px}
    .software-menu a i{width: 46px;height: 46px}
    .software-menu a i img{max-width: 26px}
    .news-intro{padding: 0 30px}
    .news-intro span{margin: 5px 0 10px}
    .news-intro h2{font-size: 16px}
    .news-cont .news-intro h2{line-height: 24px;height: 48px}
    .software-img{width: 50%}
    .software-cont{width: 50%}
    .software-menu a{height: 90px}
    .hardware-coulmn{padding: 30px}
    .hardware-show{height: 220px}
    .hardware-intro h2{font-size: 20px;margin-bottom: 8px}
    .hardware-intro p{font-size: 15px}
    .baner-img img{transform:scale(0.8)}
}

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

@media all and (max-width:1359px) {
    /* 1280 */
    .baner-prev, .baner-next{opacity: 0;}
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .baner-nav .swiper-pagination .swiper-pagination-bullet:not(:first-child){margin-left:210px}
    .baner-nav .swiper-pagination .swiper-pagination-bullet:not(:first-child):before{width:188px;left:-200px;}
    .baner-prev, .baner-next{opacity: 1;}
    .baner-img img{max-width: 60%;max-height: 60%}

    .inabout-cont p{font-size: 14px}
    .inabout-cont h2{margin-bottom:5px}
    .inabout-text p{font-size: 14px}
    .inabout-num{margin-bottom: 0}
    .inabout-num span{font-size:38px}
    .inabout-num b{margin-left: 5px}
    .inabout-data li .data-icon{width: 55px}
    .inabout-data li .data-icon img{max-width: 36px}
    .inabout-data li{height: 130px}
    .inabout-img { width: 400px;height:400px;}
    .inabout-show{justify-content: flex-end}
    .dots-li3 {right: 18%;top: 35%}
    .dots-li2{top:32%;right: 41%}
    .dots-li1{right: 22%;top: 20%}
    .solution-menu a p{margin-top:10px}
    .solution-menu a img{max-height: 34px}
    .solution-menu a{padding-bottom: 15px}
    .solution-coulmn img{min-height: 400px}

    .solution-cont h6{font-size: 20px;line-height: 30px;}

    .hardware-coulmn {padding: 25px 20px}
    .hardware-show{height: 200px}
    .hardware-intro p{font-size: 15px;}
    .software-cont h2{font-size: 22px}
    .software-cont p{font-size: 15px;line-height: 24px}
    .software-btn{margin-top: 30px}
    .partner-list li{height: 88px;width: 19%;margin-left: 1%;margin-top: 10px}
    .partner-pagination{margin-top: 20px}
    .partner-list ul{margin-left: -1%}
    .software-menu a{height: 88px;}
    .incom-title .text{letter-spacing: 0}
    .news-intro {bottom:35px;padding: 0 20px;}
    .news-cont .news-intro h2{line-height: 26px;height: 52px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .baner-prev, .baner-next{opacity: 0;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .baner-bg img{min-height:618px;height: auto}
    .baner-img img {max-width: 80%;max-height: 80%;transform:scale(1)}
    .baner-nav .swiper-pagination .swiper-pagination-bullet:not(:first-child){margin-left:128px}
    .baner-nav .swiper-pagination .swiper-pagination-bullet:not(:first-child):before{width:110px;left:-120px;}
    .baner-nav{bottom: 40px;}
    .btn{border-width: 1px}
    .baner-btn a+a{margin-left: 10px}
    .baner .swiper-slide-active .baner-intro,.baner .swiper-slide-active .baner-img{animation: none}
    .baner li+li{margin-top:5px}
    .baner li:after{width:7px;height:7px;top:8px}
    .baner li{padding-left:15px}

    .inabout-items{flex-direction: column;}
    .inabout-intro{width: 100%;}
    .inabout-cont h2 {font-size: 22px;}
    .inabout-data{width: 100%;}
    .inabout-num span{font-size: 38px;}
    .inabout-show{width: 100%;margin-top: 28px;justify-content: center}
    .inabout-earth::after{right: -68%;bottom: -60%;}

    .solution-menu a p{font-size: 15px}
    .solution-coulmn img{min-height: 300px}
    .hardware-items li:nth-child(3){width: 100%}
    .hardware-items li:last-child{width: 100%}
    .hardware-show {height: 200px;}
    .hardware-intro h2{font-size: 18px;margin-bottom: 5px}
    .partner-list li{width: 32%}

    .software-cont h2{font-size: 22px;}
    .software-cont p {font-size: 14px;line-height: 24px;width: 100%;max-width: 100%;margin-top: 5px}
    .software-menu a{height: 70px}
    .software-btn{margin-top: 20px}
    .software-menu a i {width: 42px;height: 42px;}
    .software-menu a i img {max-width: 60%;max-height: 60%;}

    .news-lft{width: 100%;}
    .news-rgt{width: 100%;margin-top: 28px;}
    .news-item{height: auto;background-color: transparent;}
    .news-rgt .news-item:last-child {background-color: #016fdf;padding: 32px 0;margin-top: 28px;}
    .news-rgt .news-item:last-child .news-intro{position: static;}
    .news-rgt,.news-rgt .news-item:last-child{margin-top: 20px}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .baner-bg img{min-height:580px;height: auto}
    .baner-pc{display: none;}
    .baner-mb{display: block;}
    .baner-content .contain{flex-direction: column;justify-content: center;}
    .baner-intro{width: 100%;}
    .baner-img{width: 100%;margin-top: 28px;height:45%;display:flex;align-items:center}
    .baner li{font-size:14px}
    .baner-prev, .baner-next{opacity: 1;left: 4%;display:none}
    .baner-next {left: auto;right: 4%}
    .baner-nav{display: none;}
    .btn, .solution-cont .solution-btn{width: 90px;height: 32px}
    .incom-title .name{font-size: 24px}

    .inabout-cont h2 {font-size: 18px;margin-bottom: 8px;}
    .inabout-data li .data-icon{width: 40px}
    .inabout-data li .data-icon img{max-width: 26px}
    .inabout-data li{padding: 0 15px;height: 100px}
    .solution-menu a img{max-height: 30px}
    .solution-menu a p{font-size: 14px;margin-top: 5px}
    .inabout-num span{font-size: 30px}
    .inabout-num{font-size: 13px;}
    .inabout-img {width: 328px;height: 328px;}

    .solution-menu{justify-content:flex-start;overflow-x:auto;overflow-y:hidden}
    .solution-menu a{margin-top: 10px;padding:0 10px 5px;width:auto}
    .solution-cont .contain{justify-content: center;align-items: center}
    .solution-cont .solution-btn{margin-top: 15px}
    .hardware-items li:last-child{width: 100%;flex-wrap: wrap}
    .hardware-items li:last-child .hardware-coulmn{width: 100%}
    .hardware-items li:last-child .hardware-coulmn:not(:first-child){margin-top:4%}
    .solution-menu a::after{display: none;}
    .solution-cont h6 {font-size: 15px;line-height: 25px;}
    .solution-pc {display: none;}
    .solution-mb {display: block;}

    .hardware-items li{width: 100%;margin-top: 4%;}
    .hardware-coulmn{height: auto;}
    .hardware-show {height: auto;margin-top: 28px;padding: 10px 0}

    .software-cont {width: 100%;}
    .software-cont h2 { font-size:18px}
    .software-img{width: 100%;text-align: center;margin-top: 28px;}
    .software-menu a h2{font-size: 14px;white-space:nowrap}
    .software-menu a i{width: 26px;height: 26px;min-width: 26px;margin-right: 5px;display: none}
    .software-menu a{padding: 0 15px;height: 50px}
    .software-menu a h2{font-size: 13px;line-height: 1}
    .software-menu a+a{border-left: 1px solid #eaeaea}

    .partner-list li{width:32%;margin-top: 1%;height:80px;}
    .partner-pagination .swiper-pagination-bullet{margin: 0 5px!important;width: 8px;height: 8px}
    .software .contain{width: 100%}
    .software-coulmn{padding: 0 4%}

    .news-rgt {margin-top: 20px;}
    .news-img {width: 100%;height: auto;}
    .news-cont {width: 100%;}
    .news-cont .news-intro{position: static;padding: 28px 20px;}
    .news-rgt .news-item:last-child {padding: 28px 0;margin-top: 20px;}
    .dots-li3{right: 12%;top: 34%}
    .dots-li1{right: 17%;top: 18%}
}