@charset "utf-8";
body{font-family:"PingFang SC","Microsoft YaHei","微软雅黑","宋体";background:#fff;font-size:14px;}
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
a{text-decoration:none;cursor:pointer;}
img{border:0;vertical-align:middle;display:block;}
ul li{list-style:none;}
em,i,h1,h2{font-style:normal;font-weight:normal;}
strong{font-weight:normal;}
.width{width:1180px;margin:0 auto;}
.clearfix{*zoom:1;}
.clearfix:after{display:block;content:"";height:0;visibility:hidden;clear:both;}
.fl{float:left;}
.fr{float:right;}

.title_1{text-align:center;padding:80px 0 40px;}
.title_1 span,.title_1 h2{display:block;font-size:36px;color:#000;font-weight:bold;line-height:46px;}

a.a_button{display:block;text-align:center;font-size:16px;color:#fff;border-radius:4px;width:163px;height:50px;line-height:50px;background:#005EF4;margin:50px auto 0;}
a.a_button::after{content:"";display:inline-block;width:16px;height:16px;background:url(../../images/xinlingshou/pos/arrow.webp) no-repeat;background-size:100%;margin-left:4px;vertical-align:-3px;}

/* ========== Banner ========== */
.banner{height:400px;background:url(../../images/xinlingshou/pos/banner.webp) center top no-repeat;background-size:cover;box-sizing:border-box;padding-top:94px;}
.banner .banner_tag{display:flex;align-items:center;width:86px;height:24px;background:linear-gradient(90deg,#10AEFF 0%,#6467F0 100%);border-radius:2px;box-sizing:border-box;padding:0 8px;}
.banner .banner_tag img{display:block;width:12px;height:12px;margin-right:4px;}
.banner .banner_tag span{font-size:16px;color:#fff;line-height:24px;}
.banner .banner_title{display:block;font-size:38px;line-height:46px;margin-top:16px;font-weight:bold;}
.banner .banner_title .blk{color:#fff;}
.banner .banner_title .grad{color:#FFAA00;}
.banner .banner_feat{display:flex;align-items:center;margin-top:16px;}
.banner .banner_feat span{font-size:18px;color:#fff;line-height:22px;margin-right:36px;}
.banner .banner_feat span::before{content:"";display:inline-block;width:18px;height:18px;background:url(../../images/xinlingshou/pos/tick.webp) no-repeat;background-size:100%;margin-right:3px;vertical-align:-3px;}
.banner a.a_button{width:172px;height:48px;line-height:46px;margin:40px 0 0;background:none;border:1px solid #fff;box-sizing:border-box;border-radius:4px;}
.banner a.a_button::after{background:url(../../images/xinlingshou/pos/arrow.webp) no-repeat;background-size:100%;filter:brightness(10);}

/* ========== section-1 硬件设备 ========== */
.section-1{height:auto;overflow:hidden;padding-bottom:80px;}
.section-1 ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.section-1 ul li{width:220px;height:298px;background:linear-gradient(360deg,#F3F5F8 0%,#FFFFFF 100%);box-shadow:8px 8px 20px rgba(55,99,170,0.1);border-radius:8px;border:2px solid #FFFFFF;box-sizing:border-box;text-align:center;}
.section-1 ul li span{display:block;font-size:24px;color:#262626;font-weight:bold;line-height:32px;margin-top:32px;}
.section-1 ul li img{width:173px;height:178px;margin:24px auto 0;object-fit:contain;}
.section-1 a.a_button{width:163px;}

/* ========== section-2 台式收银机 Swiper ========== */
.section-2{overflow:hidden;height:auto;padding-bottom:80px;background:#F4F5F8;}
.section-2 .title_1{padding:80px 0 48px;}
.section-2 .title_1 span,.section-2 .title_1 h2{font-size:38px;}
.section-2 .fl2_main{display:flex;justify-content:space-between;}
.section-2 .fl2_tabs{width:240px;flex-shrink:0;}
.section-2 .fl2_tabs li{width:240px;height:120px;background:#E6F2FF;border-radius:8px;box-sizing:border-box;padding:24px;cursor:pointer;margin-bottom:16px;}
.section-2 .fl2_tabs li:last-child{margin-bottom:0;}
.section-2 .fl2_tabs li span{display:block;font-size:30px;color:#000;line-height:38px;font-weight:bold;}
.section-2 .fl2_tabs li em{display:block;font-size:14px;color:#595959;line-height:22px;margin-top:16px;}
.section-2 .fl2_tabs li.on{background:#0077FF;}
.section-2 .fl2_tabs li.on span{color:#fff;}
.section-2 .fl2_tabs li.on em{color:rgba(255,255,255,0.85);}
.section-2 .fl2_swiper{width:924px;height:392px;background:#fff;border-radius:8px;overflow:hidden;}
.section-2 .swiper-container{width:924px;height:392px;}
.section-2 .swiper-slide{width:924px;height:392px;box-sizing:border-box;padding:40px 40px 0;}
.section-2 .swiper-slide .labels{display:flex;justify-content:center;margin-bottom:20px;}
.section-2 .swiper-slide .labels span{display:block;width:100px;height:36px;line-height:34px;text-align:center;font-size:16px;color:#333;font-weight:bold;border:1px solid #95A3CB;border-radius:50px;box-sizing:border-box;margin:0 90px;flex-shrink:0;}
.section-2 .swiper-slide .labels.labels_4{justify-content:flex-start;padding:0 20px 0 0;}
.section-2 .swiper-slide .labels.labels_4 p{width:210px;font-size:14px;color:#333;text-align:center;flex-shrink:0;}
.section-2 .swiper-slide .labels.labels_4 + .labels span{margin:0 55px;}
.section-2 .swiper-slide .pics{display:flex;justify-content:space-between;align-items:flex-start;padding:0 30px;}
.section-2 .swiper-slide .pics img{width:240px;height:251px;object-fit:contain;}
.section-2 .swiper-slide .pics .tex{width:220px;padding-left:20px;box-sizing:border-box;}
.section-2 .swiper-slide .pics .tex .tx{margin-bottom:14px;}
.section-2 .swiper-slide .pics .tex .tx i{display:block;font-size:16px;color:#333;font-weight:bold;margin-bottom:4px;}
.section-2 .swiper-slide .pics .tex .tx em{display:block;font-size:14px;color:#555;line-height:20px;}
.section-2 .swiper-slide .pics_4{padding:0 20px;}
.section-2 .swiper-slide .pics_4 img{width:180px;height:200px;}
.section-2 .swiper-slide .pics_4 .tex{width:180px;padding-left:10px;}
.section-2 a.a_button{width:179px;margin-top:48px;}

/* ========== section-3 手持POS ========== */
.section-3{padding-bottom:80px;height:auto;overflow:hidden;}
.section-3 .fl3_box{height:400px;background:linear-gradient(0deg,#FFFFFF 0%,#F3F5F8 100%);box-shadow:8px 8px 20px rgba(55,99,170,0.1);border-radius:8px;border:2px solid #FFFFFF;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 40px;}
.section-3 .item{display:flex;align-items:center;}
.section-3 .item .pic{width:250px;height:312px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px;position:relative;flex-shrink:0;}
.section-3 .item .pic1{width:378px;}
.section-3 .item_v2 .pic{background-image:url(../../images/xinlingshou/pos/fl3_1.webp);}
.section-3 .item_p2 .pic{background-image:url(../../images/xinlingshou/pos/fl3_2.webp);}
.section-3 .item .pic span{position:absolute;left:0;right:0;text-align:center;font-size:24px;color:#fff;line-height:24px;}
.section-3 .item_v2 .pic span{top:30px;}
.section-3 .item_p2 .pic span{bottom:30px;}
.section-3 .item .tex{width:160px;margin-left:20px;}
.section-3 .item_p2 .tex{width:180px;}
.section-3 .item .tex .tx{margin-bottom:20px;}
.section-3 .item .tex .tx:last-child{margin-bottom:0;}
.section-3 .item .tex .tx i{display:block;font-size:22px;color:#000;font-weight:bold;line-height:30px;margin-bottom:4px;}
.section-3 .item .tex .tx em{display:block;font-size:16px;color:#595959;line-height:20px;}
.section-3 .item_p2 .te_l{width:108px;margin-right:20px;flex-shrink:0;}
.section-3 .item_p2 .te_l span{display:block;width:108px;height:32px;line-height:30px;text-align:center;font-size:16px;color:#595959;border:1px solid #BFBFBF;border-radius:50px;box-sizing:border-box;margin-bottom:36px;}
.section-3 .item_p2 .te_l span:last-child{margin-bottom:0;}
.section-3 a.a_button{width:179px;}

/* ========== section-4 自助收银 ========== */
.section-4{padding-bottom:80px;height:auto;overflow:hidden;background:#F4F5F8;}
.section-4 .title_1 span,.section-4 .title_1 h2{font-size:38px;}
.section-4 .fl4_box{background:#fff;border-radius:8px;height:390px;box-sizing:border-box;padding:39px 69px 0;}
.section-4 .fl4_box img.fl{width:623px;height:312px;object-fit:cover;border-radius:4px;}
.section-4 .con-box{width:359px;float:right;margin-top:28px;}
.section-4 .con-box span{display:block;font-size:24px;color:#000;font-weight:bold;line-height:30px;margin-bottom:30px;}
.section-4 .con-box div i{display:block;font-size:16px;color:#595959;line-height:20px;margin-bottom:12px;padding-left:28px;position:relative;}
.section-4 .con-box div i::before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;background:url(../../images/xinlingshou/pos/fl4_ico.png) no-repeat;background-size:auto 20px;}
.section-4 .con-box div i:nth-child(1)::before{background-position:0 0;}
.section-4 .con-box div i:nth-child(2)::before{background-position:-20px 0;}
.section-4 .con-box div i:nth-child(3)::before{background-position:-40px 0;}
.section-4 .con-box div i:nth-child(4)::before{background-position:-60px 0;}
.section-4 a.a_button{width:179px;}

/* ========== section-5 配件 ========== */
.section-5{padding-bottom:80px;height:auto;overflow:hidden;}
.section-5 ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.section-5 ul li{width:180px;height:298px;background:#FFFFFF;box-shadow:8px 8px 20px rgba(55,99,170,0.1);border-radius:8px;box-sizing:border-box;text-align:center;}
.section-5 ul li span{display:block;font-size:20px;color:#262626;font-weight:bold;margin-top:32px;}
.section-5 ul li img{width:150px;height:158px;margin:32px auto 0;object-fit:contain;}
.section-5 a.a_button{width:163px;}

/* ========== section-6 管理系统 ========== */
.section-6{padding-bottom:80px;height:auto;overflow:hidden;background:#F4F5F8;}
.section-6 .title_1 span,.section-6 .title_1 h2{font-size:38px;}
.section-6 ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.section-6 ul li{width:580px;height:700px;background:#fff;box-shadow:8px 8px 20px rgba(55,99,170,0.1);border-radius:10px;border:1px solid #F0F0F0;box-sizing:border-box;overflow:hidden;}
.section-6 ul li .t{height:89px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;}
.section-6 ul li.card_a .t{background:linear-gradient(90deg,#6F9CFC 0%,#A1D0FD 100%);border-radius:10px 10px 0 0;}
.section-6 ul li.card_b .t{background:linear-gradient(90deg,#FF8052 0%,#FF9D61 53.5%,#FDBAA1 100%);border-radius:10px 10px 0 0;}
.section-6 ul li .t i{display:block;width:38px;height:38px;margin-right:8px;background:url(../../images/xinlingshou/pos/fl6_ico.png) no-repeat;background-size:76px 38px;flex-shrink:0;}
.section-6 ul li.card_a .t i{background-position:0 0;}
.section-6 ul li.card_b .t i{background-position:-38px 0;}
.section-6 ul li .t span{font-size:28px;color:#fff;font-weight:bold;line-height:40px;}
.section-6 ul li .t_top{display:flex;justify-content:space-between;padding:39px 46px 0;}
.section-6 ul li .t_top em{display:block;width:136px;height:42px;line-height:40px;text-align:center;font-size:16px;color:#000;border:1px dashed #0E6EFF;border-radius:6px;box-sizing:border-box;}
.section-6 ul li .top_t{text-align:center;font-size:16px;color:#000;font-weight:bold;margin-top:36px;height:42px;line-height:42px;width:488px;margin-left:46px;border:1px dashed #FF8F5B;border-radius:6px;box-sizing:border-box;}
.section-6 ul li dl.dl_1{display:flex;justify-content:space-between;flex-wrap:wrap;width:440px;margin:34px auto 0;}
.section-6 ul li dl.dl_1 dd{width:120px;text-align:center;font-size:16px;color:#333;margin-bottom:14px;}
.section-6 ul li dl.dl_1 dd::before{content:"";display:block;width:88px;height:88px;margin:0 auto 8px;background:url(../../images/xinlingshou/pos/fl6_a.png) no-repeat;background-size:792px 88px;}
.section-6 ul li dl.dl_1 dd:nth-child(1)::before{background-position:0 0;}
.section-6 ul li dl.dl_1 dd:nth-child(2)::before{background-position:-88px 0;}
.section-6 ul li dl.dl_1 dd:nth-child(3)::before{background-position:-176px 0;}
.section-6 ul li dl.dl_1 dd:nth-child(4)::before{background-position:-264px 0;}
.section-6 ul li dl.dl_1 dd:nth-child(5)::before{background-position:-352px 0;}
.section-6 ul li dl.dl_1 dd:nth-child(6)::before{background-position:-440px 0;}
.section-6 ul li dl.dl_1 dd:nth-child(7)::before{background-position:-528px 0;}
.section-6 ul li dl.dl_1 dd:nth-child(8)::before{background-position:-616px 0;}
.section-6 ul li dl.dl_1 dd:nth-child(9)::before{background-position:-704px 0;}
.section-6 ul li dl.dl_2{display:flex;justify-content:space-between;flex-wrap:wrap;width: 483px;gap: 24px;margin: 38px auto 0;}
.section-6 ul li dl.dl_2 dd{width: 145px;height: 72px;background: #FFFFFF;border-radius: 4px 4px 4px 4px;font-size:16px;color:#333;border:1px solid #FFB088;box-sizing:border-box;padding-left:14px;display: flex;justify-content: start;align-items: center;}
.section-6 ul li dl.dl_2 dd::before{content:"";display:inline-block;width:24px;height:24px;background:url(../../images/xinlingshou/pos/fl6_b.png) no-repeat;background-size:auto 24px;vertical-align:-6px;margin-right:6px;}
.section-6 ul li dl.dl_2 dd:nth-child(1)::before{background-position:0 0;}
.section-6 ul li dl.dl_2 dd:nth-child(2)::before{background-position:-24px 0;}
.section-6 ul li dl.dl_2 dd:nth-child(3)::before{background-position:-48px 0;}
.section-6 ul li dl.dl_2 dd:nth-child(4)::before{background-position:-72px 0;}
.section-6 ul li dl.dl_2 dd:nth-child(5)::before{background-position:-96px 0;}
.section-6 ul li dl.dl_2 dd:nth-child(6)::before{background-position:-120px 0;}
.section-6 ul li dl.dl_2 dd:nth-child(7)::before{background-position:-144px 0;}
.section-6 ul li dl.dl_2 dd:nth-child(8)::before{background-position:-168px 0;}
.section-6 ul li dl.dl_2 dd:nth-child(9)::before{background-position:-192px 0;}
.section-6 ul li dl.dl_2 dd:nth-child(10)::before{background-position:-216px 0;}
.section-6 ul li dl.dl_2 dd:nth-child(11)::before{background-position:-240px 0;}
.section-6 ul li dl.dl_2 dd:nth-child(12)::before{background-position:-264px 0;}
.section-6 ul li a.a_button{margin-top:10px;}
.section-6 ul li.card_a a.a_button{width:136px;}
.section-6 ul li.card_b a.a_button{margin-top:40px;width:136px;background:linear-gradient(90deg,#FF8052 0%,#FF9D61 100%);}