@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: 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: 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: 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: ;} .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: 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: 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: 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;} }