@charset "utf-8";
/* ===================首页样式========================== */

/* banner */
.ind-ban {width: 100%;}
.ind-ban img{width: 100%;object-fit: cover;display: none;}
.ind-ban img.img-PC{display: block;}
.ind-ban .swiper-pagination{bottom: 20px;}
.ind-ban .swiper-pagination-bullet{position: relative;border: 1px solid rgba(255, 255, 255, 0);background: transparent;opacity: 1;}
.ind-ban .swiper-pagination-bullet::after{content: '';width: 6px;height: 6px;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;}
.ind-ban .swiper-pagination-bullet-active.swiper-pagination-bullet::after{background-color: #fff;}
.ind-ban .swiper-pagination-bullet-active.swiper-pagination-bullet{border: 1px solid rgba(255, 255, 255, .6);}
.ind-ban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;width: 48px;height: 48px;}
.ind-ban .swiper-pagination-bullet svg{width: 48px;height: 48px;position: absolute;z-index: 10;left: -1px;top: -1px;transform: rotate(-90deg);}
.ind-ban .swiper-pagination-bullet-active.swiper-pagination-bullet .ring {opacity: 1;animation: show100 4s linear;}
.ban_video video{width: 100%;height: 100%;object-fit: cover;min-height: 320px;max-height: 760px;}
.ring {z-index: 1000;fill: transparent;stroke: #fff;stroke-width: 2;stroke-dasharray: 146;stroke-dashoffset: 0;stroke-linecap: round;
opacity: 0;}
@keyframes show100 {from {stroke-dashoffset: 146;}to {stroke-dashoffset: 0;}}

.ind-ban-mb {position: absolute;transform: translateY(-50%);top: 50%;left: 0;width: 100%;color: #fff;}
.ind-ban-wd h5{font-size: 26px;line-height: 43px;}
.ind-ban-wd h1{font-size: 70px;line-height: 80px;font-weight: bold;padding-bottom: 40px;}
.ind-ban-wd h5 img{display: block !important;}
.ind-ban-list {max-width: 750px;}
.ind-ban-list li{font-size: 16px;line-height: 28px;position: relative;padding-left: 16px;float:left;width: 16.6666%;color: #c3e6f1;}
.ind-ban-list li:before{content: "";position: absolute;top:10px;left: 0;width: 13px;height: 10px;background: url("../images/index/gougou.png") no-repeat center;}

/* 解决方案 */
.ind-solve {width: 100%;padding: 100px 0 80px;}
.ind-solvepage {width: 100%;margin: 40px auto 0;border-bottom: 1px solid #e8e9ea;}
.ind-solvepage ul{width: 75%;margin: 0 auto;}
.ind-solvepage li{width: 10.5%;float: left;text-align: center;color: #666;font-size: 16px;padding-bottom:24px;cursor: pointer;height: 60px;}
.ind-solvepage li.ontrue,.ind-solvepage li:hover{color: #34a0e2;border-bottom: 2px solid #0091ed;font-size: 22px;}
.ind-solvetab {width: 100%;padding-top: 90px;overflow: hidden;}
.ind-solvetab .ind-solve-tab{display: none;}
.ind-solvetab .ind-solve-tab.ontrue{display: block;}
.ind-solvetab .swiper-container {padding-bottom: 80px;}
.ind-tab-wd {width: 58%;float: left;}
.ind-tab-wd h5{font-size: 30px;line-height: 43px;color: #333;font-weight: bold;}
.ind-tab-wd p{font-size: 16px;line-height: 32px;color: #888;padding: 26px 0;}
.ind-solvetab-jump a{display: block;float: left;width: 15%;margin:10px 5px 0;line-height: 72px;color: #555;font-size: 15px;text-align: center;box-shadow: 0 0 15px rgba(0, 0, 0, .1);transition: all .4s ease;padding:0 6px ;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ind-solvetab-jump a:hover{color: #fff;background: #1291e2;}
.ind-solvetab .swiper-button-prev, .ind-solvetab .swiper-button-next{background: url("../images/index/solve-2.png") no-repeat center;width: 40px;height: 40px;border-radius: 50%;box-shadow:0 0 15px rgba(0,145,237,.3);top: unset;bottom: 8px;transition: all .4s ease;}
.ind-solvetab .swiper-button-prev {transform: rotate(180deg);}
.ind-solvetab .swiper-button-next {right: unset;left: 60px;}
.ind-solvetab .swiper-button-prev:hover, .ind-solvetab .swiper-button-next:hover{background-color:#d7ebf7;box-shadow: none;}
.ind-solvetab-btn a{position: absolute;right: 0;color: #555;padding-right: 20px;background: url("../images/index/solve-3.png") no-repeat right 0 center;font-size: 15px;display: block;bottom:14px;transition: all .4s ease;}
.ind-solvetab-btn a:hover{color: #0091ed;background-image: url("../images/index/solve-2.png");}
.ind-tab-img{width: 42%;float: left;padding: 0 80px;text-align: right;}
.ind-tab-img img{max-width: 100%;object-fit: cover;max-height: 364px;}
.ind-solvetab-jump{min-height: 164px;}

/* 履历 */
.ind-map {width: 100%;padding: 120px 0 80px;background: url("../images/index/map-1.png") no-repeat center/100% 100%;}
.ind-map-gdnum {width: 100%;padding: 30px 0 10px;}
.ind-map-gdnum li{width: 33.33333%;float: left;text-align: center;color: #fff;border-left: 1px dashed #fff;}
.ind-map-gdnum ul li:first-child{border-left: none;}
.ind-map-gdnum li h5{font-size: 70px;font-weight: bold;font-family: Arial;display: inline-block;}
.ind-map-gdnum li span{font-size: 16px;font-weight: normal;font-family: \5FAE\8F6F\96C5\9ED1;}
.ind-map-gdnum li p{font-size: 16px;}
.ind-map-img {text-align: center;width: 100%;}
.ind-map-img img{/* max-width:60%; */object-fit: cover;}

/* 收银 */
.ind-cashier {width: 100%;padding: 124px 0 0;}
.ind-cashier-gdnum {width: 100%;padding: 26px 0;}
.ind-cashier-gdnum li{width: 25%;text-align: center;color: #57ccfe;float: left;}
.ind-cashier-gdnum li h5{font-size: 40px;display: inline-block;}
.ind-cashier-gdnum li span{font-size: 18px;}
.ind-cashier-gdnum li p{font-size: 18px; color: #888;}
.ind-cashier-list {width: 100%;padding: 28px 0 0;}
.ind-cashier-list ul li {width: 18.2%;float: left;height: 457px;transition: all .8s ease;background-size: cover;background-repeat: no-repeat;}
.ind-cashier-list ul li.ontrue{width: 45.4%;}
.ind-cashier-list ul li.ontrue .ind-cashier-wd {padding: 70px 126px 0 70px;}
.ind-cashier-wd {color: #fff;padding: 70px 50px 0;overflow: hidden;max-height: 100%;}
.ind-cashier-wd h5{font-size: 26px;line-height: 30px;font-weight: bold;}
.ind-cashier-wd p{font-size: 14px;line-height: 24px;margin-top: 32px;max-width: 200px;}

/* 案例 */
.ind-case {width: 100%;padding: 110px 0;background: linear-gradient(#f3f4f8,#dee0e9);}
.ind-case-ban {width: 100%;padding: 40px 0 0;}
.ind-case-ban .swiper-container{padding: 10px 10px 50px;}
.ind-case-jump{margin: -.2% 0 0 -.2%;}
.ind-case-jump a{display: block;float: left;width: 16.4%;margin: .2% 0 0 .2%;border: 1px solid #e4e4e4;z-index: 2;}
body.winter .ind-case-jump a:hover{box-shadow: 0 0 30px rgba(87, 204, 254, 1);z-index: 3;position: relative;}
.ind-case-img{width: 100%;display: flex;justify-content: center;align-items: center;height: 125px;background: #fff;}
.ind-case-jump a img{max-width: 100%;object-fit: cover;max-height: 100%;}
.ind-case-ban .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;opacity: 1;}
.ind-case-ban .swiper-pagination-bullet-active{background: #12b3ff;}
.ind-case-ban .swiper-pagination{bottom: 0;}

/* 新闻 */
.ind-news {width: 100%;padding: 116px 0 80px;}
.ind-news-ban {width: 100%;margin-top: 30px;box-shadow: 8px 8px 30px rgba(0, 0, 0, .2);}
.ind-news-img ,.ind-news-wd,.ind-news-data{width: 50%;float: left;}
.ind-news-img{height: 420px;}
.ind-news-img img{width: 100%;object-fit: cover;height: 100%;}
.ind-news-wd {padding: 60px 60px 0;height: 336px;}
.ind-news-wd h5{display: inline-block;padding:6px;background:#ef2408;color: #fff;font-size: 14px;}
.ind-news-wd h1{font-size: 22px;line-height: 30px;color: #333;margin-top: 20px;height: 60px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.ind-news-wd p{font-size: 14px;line-height: 28px;color: #666;height: 56px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 24px;}
.ind-news-data {padding-left: 60px;}
.ind-news-data span{font-size: 12px;color: #888;}
.ind-news-data p{line-height: 28px;}
.ind-news-ban .swiper-pagination{bottom: 38px;text-align: right;right: 60px;left: unset;width: unset;}
.ind-news-list {width: 100%;padding: 40px 0;}
.ind-news-list ul{margin: -3% 0 0 -3%;}
.ind-news-list li{width: 30.3333%;float: left;margin: 3% 0 0 3%;}
.ind-news-listimg {width: 100%;position: relative;}
.ind-news-listimg img{width: 100%;object-fit: cover;}
.ind-news-listimg h5{position: absolute;top: 50%;left: 0;transform: translateY(-50%);font-size: 22px;font-weight: bold;color: #fff;background: url("../images/index/news-5.png") no-repeat center right 22px;width: 100%;padding: 0 22px;}
.ind-news-listwd{padding: 24px 22px;min-height: 146px;box-shadow: 0 0 30px rgba(0, 0, 0, .1);}
.ind-news-listwd a{width: 100%;display: block;margin-top: 10px;}
.ind-news-listwd a:first-child{margin-top: unset;}
.ind-news-listwd a p{font-size: 15px;line-height: 26px;color: #555;max-width: 82%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;float: left;transition: all .4s ease;}
.ind-news-listwd a p:hover{color: #23a5e2;}
.ind-news-listwd a span{font-size: 12px;color: #888;float: right;line-height: 26px;}

/* 注册 */
.ind-zc {width: 100%;padding: 60px 0 52px;background: url("../images/index/news-8.png") no-repeat center/100% 100%;}
.ind-zc h1{font-size: 30px;line-height: 43px;color: #fff;text-align: center;padding-bottom: 26px;}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .ind-tab-wd p{min-height: 148px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .ind-ban-wd h5 {font-size: 24px;line-height: 38px;}
    .ind-ban-wd h1 {font-size: 64px;line-height: 74px;padding-bottom: 38px;}
    .ind-tab-wd h5 {font-size: 28px;line-height: 30px;}
    .ind-tab-wd p {line-height: 30px;padding: 22px 0;}
    .ind-solvetab-jump a {line-height: 60px;}
    .ind-news {padding: 80px 0;}
    .ind-news-img {height: 390px;}
    .ind-news-wd {padding: 50px 50px 0;height: 306px;}
    .ind-news-wd p ,.ind-news-data p{line-height: 26px;}
    .ind-news-wd p {height: 52px;margin-top: 16px;}
    .ind-news-data {padding-left: 50px;}
    .ind-news-listimg h5 {font-size: 20px;}
    .ind-zc h1 {font-size: 28px;line-height: 36px;padding-bottom: 22px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */

    .ind-ban-wd h5 {font-size: 22px;line-height: 34px;}
    .ind-ban-wd h1 {font-size: 60px;line-height: 66px;padding-bottom: 34px;}
    .ind-tab-img {padding: 0 60px;}
    .ind-map-gdnum li h5 {font-size: 60px;}
    .ind-case {padding: 80px 0;}
    .ind-case-ban {padding: 30px 0 0;}
    
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .ind-tab-img {padding: 0 50px;}
    .ind-solvetab {padding-top: 70px;}
    .ind-tab-wd h5 {font-size: 26px;line-height: 26px;}
    .ind-tab-wd p {line-height: 26px;padding: 18px 0;}
    .ind-cashier-gdnum li h5 {font-size: 34px;}
    .ind-cashier {padding: 100px 0 0;}
    .ind-cashier-gdnum li span ,.ind-cashier-gdnum li p{font-size: 16px;}
    .ind-cashier-gdnum {padding: 18px 0;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .ind-ban-wd h1 {font-size: 50px;line-height: 56px;padding-bottom: 28px;}
    .ind-tab-img {padding: 0 10px;}
    .ind-solvetab-jump a {width: 18%;}
    .ind-map-gdnum li h5 {font-size: 50px;}
    .ind-zc h1 {font-size: 26px;line-height: 30px;}
    
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .ind-ban img{min-height: 500px;}
    .ind-ban img.img-PC{display: none;}
    .ind-ban img.img-YD{display: block;}
    .ind-ban-mb {display: none;}
    .ind-ban .swiper-pagination{bottom: 10px;}
    .ind-ban .swiper-pagination-bullet svg{display: none !important;}
    .ind-ban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 24px;height: 24px;margin: 0 2px;}
    .ind-ban .swiper-pagination-bullet-active.swiper-pagination-bullet{border: 1px solid rgba(255, 255, 255, 1);}
    .ind-solve{padding: 60px 0;}
    .ind-solvepage {margin: 30px auto 0;}
    .ind-solvepage ul{margin-top: -10px;}
    .ind-solvepage li {width: 25%;padding:unset;line-height: 60px;margin-top: 10px;height: 60px;}
    .ind-solvepage li.ontrue {font-size: 20px;}
    .ind-solvetab {padding-top: 60px;}
    .ind-tab-wd ,.ind-tab-img{width: 100%;float: unset;}
    .ind-tab-img {padding: 30px 0;text-align: center;}
    .ind-tab-img img{max-height: none;}
    .ind-tab-wd p{min-height: auto;}
    .ind-solvetab-jump {min-height: auto;}
    .ind-map {padding: 60px 0}
    .ind-map-img img {max-width: 70%;}
    .ind-map-gdnum li h5 {font-size: 40px;}
    .ind-cashier {padding: 60px 0 0;}
    .ind-cashier-list ul li.ontrue,.ind-cashier-list ul li{width: 100%;}
    .ind-cashier-gdnum li h5 {font-size: 30px;}
    .ind-case-ban .swiper-container{padding: 0 0 40px;}
    .ind-case {padding: 60px 0;}
    .ind-case-ban .swiper-pagination-bullet {width: 8px;height: 8px;}
    .ind-news {padding: 60px 0;}
    .ind-news-img, .ind-news-wd, .ind-news-data{width: 100%;}
    .ind-news-ban {margin-top: 20px;}
    .ind-news-ban .swiper-pagination{bottom: 30px;right: 30px;}
    .ind-news-wd,.ind-news-img {height: unset;}
    .ind-news-wd{padding: 30px 30px 0;}
    .ind-news-data {padding-bottom: 30px;padding-left: 30px;}
    .ind-news-list li { width: 47%;}
    .ind-zc {padding: 40px 0;}
    .ind-zc h1 {font-size: 24px;line-height: 26px;width: 92%;margin: 0 auto;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .ind-ban img {min-height: 300px;}
    .ind-solve{padding: 30px 0;}
    .ind-solvepage {margin: 20px auto 0;padding-bottom: 20px;}
    .ind-solvepage li {width: 50%;line-height: 44px;height: 44px;}
    .ind-solvepage li.ontrue {font-size: 18px;}
    .ind-solvetab {padding-top: 30px;}
    .ind-tab-wd h5 {font-size: 22px;line-height: 22px;}
    .ind-tab-wd p {line-height: 24px;padding: 14px 0;font-size: 14px;}
    .ind-solvetab-jump a {width: 46.9%;line-height: 50px;font-size: 14px;}
    .ind-map {padding: 30px 0;}
    .ind-map-gdnum {padding: 20px 0 10px;}
    .ind-map-gdnum li h5 {font-size: 26px;}
    .ind-map-gdnum li span {font-size: 12px;}
    .ind-map-gdnum li p { font-size: 12px;}
    .ind-map-img img {max-width: 90%;}
    .ind-cashier {padding: 30px 0 0;}
    .ind-cashier-gdnum { padding: 12px 0;}
    .ind-cashier-gdnum ul{margin-top: -10px;}
    .ind-cashier-gdnum li{width: 50%;margin-top: 10px;}
    .ind-cashier-gdnum li span, .ind-cashier-gdnum li p {font-size: 14px;}
    .ind-cashier-gdnum li h5 {font-size: 24px;}
    .ind-cashier-list ul li {height: 200px;position: relative;}
    .ind-cashier-list ul li:after{position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, .3);z-index: 1;}
    .ind-cashier-list {padding: 16px 0 0;}
    .ind-cashier-wd {padding: 30px 26px 0;z-index: 2;position: relative;}
    .ind-cashier-wd h5 {font-size: 22px;line-height: 26px;}
    .ind-cashier-wd p {margin-top: 20px;max-width: initial;}
    .ind-case {padding: 30px 0;}
    .ind-case-ban {padding: 20px 0 0;}
    .ind-case-ban .swiper-container {padding: 0 0 30px;}
    .ind-news {padding: 30px 0;}
    .ind-news-wd {padding: 20px 20px 0;}
    .ind-news-data {padding-bottom: 20px;padding-left: 20px;}
    .ind-news-ban .swiper-pagination {right: 20px;bottom: 20px;}
    .ind-news-wd h1 {font-size: 18px;line-height: 28px;margin-top: 12px;}
    .ind-news-wd p, .ind-news-data p {line-height: 24px;}
    .ind-news-wd p {height: 48px;}
    .ind-news-list { padding: 24px 0 30px;}
    .ind-news-list ul {margin: -5% 0 0;}
    .ind-news-list li {width: 100%;margin: 5% 0 0;float: unset;}
    .ind-zc h1 {font-size: 20px;}
}

