.g_w2 {
  max-width: 1500px;
  margin: 0 auto;
}
@media screen and (max-width: 1500px) {
  .g_w2 {
    padding: 0 5%;
  }
}
.d-flex {
  display: flex;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-between {
  justify-content: space-between;
}
.align-items-center {
  align-items: center;
}
.font30 {
  font-size: 30px !important;
}
@media screen and (max-width: 1440px) {
  .font30 {
    font-size: 20px !important;
  }
}
@media screen and (max-width: 1220px) {
  .font30 {
    font-size: 18px !important;
  }
}
@media screen and (max-width: 768px) {
  .font30 {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 640px) {
  .font30 {
    font-style: 12px !important;
  }
}
.pro_SelfPOS70 .font52 {
  font-size: 52px;
}
@media screen and (max-width: 1440px) {
  .pro_SelfPOS70 .font52 {
    font-size: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .pro_SelfPOS70 .font52 {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .pro_SelfPOS70 .font52 {
    font-size: 20px;
  }
}
.pro_SelfPOS70 .font24 {
  font-size: 24px;
}
@media screen and (max-width: 1440px) {
  .pro_SelfPOS70 .font24 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1024px) {
  .pro_SelfPOS70 .font24 {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .pro_SelfPOS70 .font24 {
    font-size: 18px;
  }
}
.pro_SelfPOS70 .font18 {
  font-size: 18px;
}
@media screen and (max-width: 1440px) {
  .pro_SelfPOS70 .font18 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .pro_SelfPOS70 .font18 {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .pro_SelfPOS70 .font18 {
    font-size: 12px;
  }
}
.pro_SelfPOS70 .text-bold {
  font-weight: bold;
}
.pro_SelfPOS70 .text-color-1 {
  color: #fff;
}
.pro_SelfPOS70 .text-color-2 {
  color: #000;
}
.pro_SelfPOS70 .text-color-3 {
  color: #3c3c3c;
}
.pro_SelfPOS70 .text-color-4 {
  color: #474747;
}
.pro_SelfPOS70 .pos-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pro_SelfPOS70 .con13 {
  background: url(../images/product_SelfPOS70/con13-bg.jpg) no-repeat center;
  background-size: cover;
  padding: 105px 0 55px;
}
.pro_SelfPOS70 .con13 .l-box {
  width: 60%;
  flex-shrink: 0;
}
.pro_SelfPOS70 .con13 .l-box .text {
  letter-spacing: 1px;
  margin-top: 65px;
}
.pro_SelfPOS70 .con13 .l-box ul {
  margin-top: 127px;
}
.pro_SelfPOS70 .con13 .l-box ul li {
  width: 140px;
  height: 140px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.21);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 1440px) {
  .pro_SelfPOS70 .con13 .l-box ul li {
    width: 100px;
    height: 100px;
  }
}
.pro_SelfPOS70 .con13 .l-box ul li img {
  display: block;
  margin: 0 auto 15px;
  max-width: 80%;
}
@media screen and (max-width: 1024px) {
  .pro_SelfPOS70 .con13 .l-box ul li img {
    max-width: 30%;
  }
}
.pro_SelfPOS70 .con13 .l-box ul li:not(:last-child) {
  margin-right: 70px;
}
@media screen and (max-width: 1024px) {
  .pro_SelfPOS70 .con13 .l-box ul li:not(:last-child) {
    margin-right: 35px;
  }
}
.pro_SelfPOS70 .con13 .l-box ul li:hover {
  background: #004ea2;
}
.pro_SelfPOS70 .con13 .r-box {
  width: 21.8%;
}
.pro_SelfPOS70 .con13 .r-box img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .pro_SelfPOS70 .con13 {
    padding: 50px 0;
  }
  .pro_SelfPOS70 .con13 .l-box ul {
    margin-top: 50px;
  }
  .pro_SelfPOS70 .con13 .l-box ul li {
    width: 80px;
    height: 80px;
  }
  .pro_SelfPOS70 .con13 .l-box ul li img {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 640px) {
  .pro_SelfPOS70 .con13 .g_w2 > .d-flex {
    flex-direction: column;
  }
  .pro_SelfPOS70 .con13 .l-box .text,
  .pro_SelfPOS70 .con13 .l-box ul {
    margin-top: 15px;
  }
  .pro_SelfPOS70 .con13 .r-box {
    margin-top: 40px;
    width: 30%;
  }
}
.pro_SelfPOS70 .con14 {
  box-sizing: border-box;
  padding: 0 40px;
  margin: 40px 0 50px;
}
.pro_SelfPOS70 .con14 .l-box,
.pro_SelfPOS70 .con14 .r-box {
  width: 48.9%;
  height: 960px;
  background-size: cover;
  position: relative;
  background: url(../images/product_SelfPOS70/con14-bg.png) no-repeat center;
}
@media screen and (max-width: 1440px) {
  .pro_SelfPOS70 .con14 .l-box,
  .pro_SelfPOS70 .con14 .r-box {
    height: 760px;
  }
}
.pro_SelfPOS70 .con14 .l-box .text,
.pro_SelfPOS70 .con14 .r-box .text {
  position: absolute;
  top: 17%;
  left: 10%;
}
@media screen and (max-width: 1440px) {
  .pro_SelfPOS70 .con14 .l-box .text,
  .pro_SelfPOS70 .con14 .r-box .text {
    top: 10%;
  }
}
.pro_SelfPOS70 .con14 .l-box .text img,
.pro_SelfPOS70 .con14 .r-box .text img {
  display: block;
  margin-bottom: 45px;
}
.pro_SelfPOS70 .con14 .l-box .text b,
.pro_SelfPOS70 .con14 .r-box .text b {
  font-size: 46px;
  color: #3c3c3c;
}
@media screen and (max-width: 1440px) {
  .pro_SelfPOS70 .con14 .l-box .text b,
  .pro_SelfPOS70 .con14 .r-box .text b {
    font-size: 36px;
  }
}
.pro_SelfPOS70 .con14 .l-box .text p,
.pro_SelfPOS70 .con14 .r-box .text p {
  font-size: 24px;
  color: #474747;
  line-height: 52px;
}
@media screen and (max-width: 1440px) {
  .pro_SelfPOS70 .con14 .l-box .text p,
  .pro_SelfPOS70 .con14 .r-box .text p {
    font-size: 20px;
    line-height: 40px;
  }
}
.pro_SelfPOS70 .con14 .l-box .bg,
.pro_SelfPOS70 .con14 .r-box .bg {
  position: absolute;
}
.pro_SelfPOS70 .con14 .l-box .title {
  margin-bottom: 80px;
}
@media screen and (max-width: 1440px) {
  .pro_SelfPOS70 .con14 .l-box .title {
    margin-bottom: 60px;
  }
}
.pro_SelfPOS70 .con14 .l-box .title b {
  display: block;
}
.pro_SelfPOS70 .con14 .l-box .bg {
  bottom: 0;
  right: 0;
  width: 63.3%;
}
.pro_SelfPOS70 .con14 .r-box .title {
  margin-bottom: 65px;
}
@media screen and (max-width: 1440px) {
  .pro_SelfPOS70 .con14 .r-box .title {
    margin-bottom: 40px;
  }
}
.pro_SelfPOS70 .con14 .r-box .bg {
  bottom: 0;
  left: 0;
  width: 68.67%;
}
@media screen and (max-width: 768px) {
  .pro_SelfPOS70 .con14 {
    height: auto;
  }
  .pro_SelfPOS70 .con14 > div {
    flex-direction: column;
  }
  .pro_SelfPOS70 .con14 .l-box,
  .pro_SelfPOS70 .con14 .r-box {
    width: 100%;
    margin-bottom: 20px;
  }
  .pro_SelfPOS70 .con14 .l-box .text .title,
  .pro_SelfPOS70 .con14 .r-box .text .title {
    margin-bottom: 30px;
  }
  .pro_SelfPOS70 .con14 .l-box .text b,
  .pro_SelfPOS70 .con14 .r-box .text b {
    font-size: 20px;
  }
  .pro_SelfPOS70 .con14 .l-box .text p,
  .pro_SelfPOS70 .con14 .r-box .text p {
    font-size: 12px;
    line-height: 24px;
  }
}
@media screen and (max-width: 640px) {
  .pro_SelfPOS70 .con14 .l-box,
  .pro_SelfPOS70 .con14 .r-box {
    height: auto;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
  }
  .pro_SelfPOS70 .con14 .l-box .bg,
  .pro_SelfPOS70 .con14 .r-box .bg {
    position: relative;
  }
  .pro_SelfPOS70 .con14 .l-box .text,
  .pro_SelfPOS70 .con14 .r-box .text {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 20px;
  }
}
.pro_SelfPOS70 .con15 {
  background: url(../images/product_SelfPOS70/con15-bg.jpg) no-repeat center;
  background-size: cover;
  padding: 100px 0 45px;
}
.pro_SelfPOS70 .con15 .r-box {
  margin-left: 20.3125%;
  margin-top: -15%;
}
.pro_SelfPOS70 .con15 .l-box {
  width: 19.1%;
  position: relative;
}
.pro_SelfPOS70 .con15 .l-box img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  transition: all 0.8s ease-in-out;
}
.pro_SelfPOS70 .con15 .l-box img.active {
  opacity: 1;
  z-index: 2;
  position: relative;
}
.pro_SelfPOS70 .con15 ul {
  position: relative;
  margin-top: 60px;
}
.pro_SelfPOS70 .con15 ul li {
  font-size: 30px;
  color: #474747;
  height: 100%;
  position: relative;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
}
.pro_SelfPOS70 .con15 ul li:not(:last-child) {
  margin-right: 70px;
}
.pro_SelfPOS70 .con15 ul li::after {
  content: "";
  width: 0;
  height: 5px;
  background: #22a3ff;
  position: absolute;
  left: 0;
  bottom: -31px;
  z-index: 2;
  transition: all 0.5s ease-in-out;
}
.pro_SelfPOS70 .con15 ul li:hover {
  color: #22a3ff;
}
.pro_SelfPOS70 .con15 ul li:hover::after {
  width: 100%;
}
.pro_SelfPOS70 .con15 ul li.active {
  color: #22a3ff;
}
.pro_SelfPOS70 .con15 ul li.active::after {
  width: 100%;
}
.pro_SelfPOS70 .con15 ul::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #9f9f9f;
  position: absolute;
  left: 0;
  bottom: -30px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .pro_SelfPOS70 .con15 {
    padding: 45px 0;
    background-size: 100% 100%;
  }
  .pro_SelfPOS70 .con15 .g_w2 {
    flex-direction: column-reverse;
  }
  .pro_SelfPOS70 .con15 .g_w2 .r-box {
    margin-left: 0;
    margin-top: 0;
  }
  .pro_SelfPOS70 .con15 .g_w2 .l-box {
    margin-top: 10%;
  }
  .pro_SelfPOS70 .con15 .g_w2 ul {
    margin-top: 30px;
  }
  .pro_SelfPOS70 .con15 .g_w2 ul li {
    font-size: 18px;
  }
  .pro_SelfPOS70 .con15 .g_w2 ul li::after {
    bottom: -16px;
  }
  .pro_SelfPOS70 .con15 .g_w2 ul::after {
    bottom: -15px;
  }
}
.pro_SelfPOS70 .con16 {
  background-color: #eff4fb;
  position: relative;
  justify-content: space-between;
}
.pro_SelfPOS70 .con16 .l-box {
  padding-left: 8.33%;
}
.pro_SelfPOS70 .con16 .title .title {
  color: #222222;
}
.pro_SelfPOS70 .con16 ul {
  margin-top: 110px;
}
.pro_SelfPOS70 .con16 ul li .img-box {
  width: 110px;
  height: 110px;
  position: relative;
  border: 1px solid rgba(119, 119, 119, 0.7);
  margin: 0 auto 17px;
  border-radius: 10px;
  transition: all 0.5s ease-in-out;
}
.pro_SelfPOS70 .con16 ul li .img-box img {
  display: block;
}
.pro_SelfPOS70 .con16 ul li p {
  letter-spacing: -1px;
  text-align: center;
}
.pro_SelfPOS70 .con16 ul li:not(:last-child) {
  margin-right: 45px;
}
.pro_SelfPOS70 .con16 ul li:hover .img-box {
  background: #fff;
}
.pro_SelfPOS70 .con16 .rigtImg {
  display: block;
  width: 54.2%;
}
@media screen and (max-width: 768px) {
  .pro_SelfPOS70 .con16 {
    flex-direction: column;
    padding: 50px 0;
  }
  .pro_SelfPOS70 .con16 .l-box {
    padding-left: 0;
  }
  .pro_SelfPOS70 .con16 .l-box ul {
    margin-top: 20px;
    justify-content: center;
  }
  .pro_SelfPOS70 .con16 .l-box ul li .img-box {
    width: 80px;
    height: 80px;
  }
  .pro_SelfPOS70 .con16 .l-box ul li .img-box img {
    max-width: 40%;
  }
  .pro_SelfPOS70 .con16 .r-box {
    margin-top: 20px;
  }
}
.pro_SelfPOS70 .con17 {
  background: url(../images/product_SelfPOS70/con17-BG.png.jpg) center no-repeat;
  background-size: cover;
  padding: 70px 0 25px;
}
.pro_SelfPOS70 .con17 .l-box .title {
  margin-bottom: 65px;
}
.pro_SelfPOS70 .con17 .l-box ul {
  margin-top: 75px;
}
.pro_SelfPOS70 .con17 .l-box ul li {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 2px solid #fff;
}
.pro_SelfPOS70 .con17 .l-box ul li.li1 {
  background: #ff0000;
}
.pro_SelfPOS70 .con17 .l-box ul li.li2 {
  background: #09b600;
}
.pro_SelfPOS70 .con17 .l-box ul li.li3 {
  background: #0097e6;
}
.pro_SelfPOS70 .con17 .l-box ul li:not(:last-child) {
  margin-right: 42px;
}
.pro_SelfPOS70 .con17 .r-box img {
  position: relative;
  width: 32%;
}
.pro_SelfPOS70 .con17 .r-box .img1 {
  top: -50px;
  left: -20px;
}
.pro_SelfPOS70 .con17 .r-box .img2 {
  top: -20px;
  left: -20px;
}
@media screen and (max-width: 768px) {
  .pro_SelfPOS70 .con17 .g_w {
    flex-direction: column;
  }
  .pro_SelfPOS70 .con17 .l-box {
    margin-bottom: 75px;
  }
  .pro_SelfPOS70 .con17 .l-box .title {
    margin-bottom: 20px;
  }
  .pro_SelfPOS70 .con17 .l-box ul {
    margin-top: 25px;
  }
}
.pro_SelfPOS70 .con18 {
  padding: 160px 0 130px;
  background: url(../images/product_SelfPOS70/con18-bg.png) no-repeat center;
  background-size: cover;
}
.pro_SelfPOS70 .con18 .title {
  text-align: center;
}
.pro_SelfPOS70 .con18 .title p:first-child {
  margin-bottom: 50px;
}
.pro_SelfPOS70 .con18 .con18-box {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 340px);
  grid-gap: 20px;
  margin-top: 60px;
}
.pro_SelfPOS70 .con18 .con18-box .item {
  border-radius: 20px;
  position: relative;
  box-shadow: 0 0 10px 5px rgba(189, 207, 237, 0.3);
}
.pro_SelfPOS70 .con18 .con18-box .item img {
  display: block;
  margin: 0 auto;
}
.pro_SelfPOS70 .con18 .con18-box .item p {
  font-size: 24px;
  color: #3c3c3c;
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 1440px) {
  .pro_SelfPOS70 .con18 .con18-box .item p {
    font-size: 20px;
  }
}
.pro_SelfPOS70 .con18 .con18-box .item1 {
  grid-column-start: 1;
  grid-column-end: 4;
  background-image: linear-gradient(-23deg, #e3f1fb 0%, #f1f9ff 50%, #e3f1fb 100%);
}
.pro_SelfPOS70 .con18 .con18-box .item2 {
  grid-column-start: 4;
  grid-column-end: 7;
  background-image: linear-gradient(-36deg, #e3f1fb 0%, #f1f9ff 50%, #e3f1fb 100%);
}
.pro_SelfPOS70 .con18 .con18-box .item3 {
  grid-column-start: 1;
  grid-column-end: 3;
  background-image: linear-gradient(-36deg, #e3f1fb 0%, #f1f9ff 50%, #e3f1fb 100%);
}
.pro_SelfPOS70 .con18 .con18-box .item4 {
  grid-column-start: 3;
  grid-column-end: 5;
  background-image: linear-gradient(-36deg, #e3f1fb 0%, #f1f9ff 50%, #e3f1fb 100%);
}
.pro_SelfPOS70 .con18 .con18-box .item5 {
  grid-column-start: 5;
  grid-column-end: 7;
  background-image: linear-gradient(-36deg, #e3f1fb 0%, #f1f9ff 50%, #e3f1fb 100%);
}
@media screen and (max-width: 768px) {
  .pro_SelfPOS70 .con18 {
    padding: 50px 0;
  }
  .pro_SelfPOS70 .con18 .title p:first-child {
    margin-bottom: 15px;
  }
  .pro_SelfPOS70 .con18 .con18-box {
    display: block;
  }
  .pro_SelfPOS70 .con18 .con18-box .item {
    height: 200px;
  }
  .pro_SelfPOS70 .con18 .con18-box .item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.pro_SelfPOS70 .con19 {
  background: url(../images/product_SelfPOS70/con19-pc.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}
.pro_SelfPOS70 .con19 .bg {
  display: block;
  width: 100%;
}
.pro_SelfPOS70 .con19 .title {
  position: absolute;
  width: 100%;
  top: 11.8125%;
  left: 0;
  text-align: center;
}
.pro_SelfPOS70 .con19 .title .text {
  font-size: 24px;
  color: #525252;
  letter-spacing: 2px;
  margin-top: 45px;
}
@media screen and (max-width: 768px) {
  .pro_SelfPOS70 .con19 .title .text {
    font-size: 16px;
    margin-top: 20px;
  }
}
.pro_SelfPOS70 .con11 .list {
  justify-content: center;
}
.pro_SelfPOS70 .con11 .list .item {
  width: 28.6%;
}
.pro_SelfPOS70 .con11 .list .item:not(:last-child) {
  margin-right: 60px;
}
@media screen and (max-width: 768px) {
  .pro_SelfPOS70 .con11 .list .item {
    width: 100%;
  }
}
.pro_SelfPOS70 .n_cs .tab_nav a:nth-child(1),
.pro_SelfPOS70 .n_cs .tab_nav a:nth-child(2) {
  padding: 0 25px;
  width: auto;
}
@media screen and (max-width: 640px) {
  .pro_SelfPOS70 .n_cs .tab_nav {
    flex-direction: column;
    width: 100%;
  }
  .pro_SelfPOS70 .n_cs .tab_nav a {
    margin-bottom: 15px;
  }
  .pro_SelfPOS70 .con18 .con18-box .item {
    height: 150px;
  }
  .pro_SelfPOS70 .con18 .con18-box .item img {
    width: 35px;
  }
  .pro_SelfPOS70 .con19 {
    background: url(../images/product_SelfPOS70/con19-pc.jpg) no-repeat top left;
    background-size: unset;
  }
  .pro_SelfPOS70 .con19 .title {
    position: relative;
    top: 20px;
  }
}