@CHARSET "UTF-8";
.left{float: left;}
.right{float: right;}
@media screen and (min-width: 768px){
	.m{width: 1200px;margin: 0px auto;}
	.mbtn{width: 156px;height: 40px;text-align: center;background: linear-gradient(to right,#f74e0e, #fc8043);border-radius: 6px;display: block;margin: 30px auto 0px;cursor: pointer;}
	.mbtn2{background: linear-gradient(to right,#f6c419,#fc8832);}
	.mbtn, .mbtn a{font-size: 16px;color: #fff;line-height: 40px;display: block;}
	.banner{width: 100%;margin: 0px auto;background: url(../img/product/cashier/banner.jpg) top center no-repeat;overflow: hidden;}
	.banner .m{margin: 90px auto 0px;color: #fff;position: relative;width: 1200px;}
	.banner h2{font-size: 46px;margin-bottom: 20px;}
	.banner h2::after{width: 140px;height: 2px;background: #fff;content: "";position: absolute;left: 0px;top: 110px;}
	.banner h3{font-size: 24px;font-weight: 500;}
	.banner a{margin: 30px 20px 0px 0px;}
	.banner .mbtn{float: left;background: linear-gradient(to right,#f6c419,#fc8832);}
	.banner .mbtn2{color: #f85314;background: #fff;}
	.m_1{width: 1200px;margin: 60px auto;}
	.title{max-width: 1200px;margin: 0px auto;text-align: center;}
	.title h2{font-size: 34px;margin-bottom: 20px;color: #222;}
	.title p{font-size: 16px;line-height: 34px;color: #666;}
	.simg{width: 1200px;margin: 30px auto 0px;overflow: hidden;text-align: center;display: block;}
	.m_1 .simg img,.m_2 .simg img{width: 100%;}
	.m_6{width: 100%;margin: 0px auto;padding: 60px 0px;overflow: hidden;}
	.m_6 ul{width: 1200px;margin: 30px auto 0px;}
	.m_6 ul li{width: 470px;float: left;background: #fff url(../img/product/cashier/pbg02.png) top right no-repeat;border-radius: 8px;box-shadow: 0px 0px 10px rgba(0,0,0,0.09);padding: 20px;margin: 5px;min-height: 260px;}
	.m_6 ul li:first-child{width: 200px;background: #fff url(../img/product/cashier/pbg01.png) top right no-repeat;}
	.m_6 ul li:last-child{width: 380px;float: right;background: #fff url(../img/product/cashier/pbg03.png) top right no-repeat;}
	.m_6 ul li h2{font-size: 22px;margin-bottom: 70px;}
	.m_6 ul li h3{font-size: 18px;color: #333;margin: 10px 0px 5px;font-weight: normal;}
	.m_6 ul li p{font-size: 16px;color: #666;}
	.m_6 ul li:first-child h2{margin-bottom: 170px;}
	.m_6 ul li:last-child h2{margin-bottom: 0px;}
	.m_2,.m_7,.m_11{width: 100%;margin: 0px auto;padding: 60px 0px;background: #f5f8fb;overflow: hidden;}
	.m_2 .mtxt{width: 460px;margin-top: 100px;}
	.m_2 .mtxt li{margin: 10px 0px 20px;overflow: hidden;}
	.m_2 .mtxt li i{width: 50px;height: 50px;float: left;display: block;background:rgba(247,78,14,0.1);border-radius: 50%;}
	.m_2 .mtxt li div{width: 400px;float: right;}
	.m_2 .mtxt li div h3{font-size: 18px;color: #333;}
	.m_2 .mtxt li div p{font-size: 14px;color: #666;margin-top: 3px;}
	.m_2 .mimg{width: 720px;margin-top: 30px;}
	.m_4{width: 100%;padding: 60px 0px;background: url(../img/product/cashier/bg.jpg) top center no-repeat;background-size: cover;}
	.m_4 .title h2,.m_4 .title p{color: #fff;}
	.m_4 ul{width: 1200px;margin: 20px auto 0px;color: #fff;}
	.m_4 ul li{width: 378px;margin: 40px 0px 10px 15px;float: left;overflow: hidden;}
	.m_4 ul li:nth-child(3n){margin-right: 15px;}
	.m_4 ul li i{width: 80px;height: 80px;background: linear-gradient(to right,#f74e0e, #fc8043);line-height: 80px;font-size: 32px;display: block;font-style: normal;border-radius: 50%;float: left;text-align: center;}
	.m_4 ul li h3{font-size: 16px;line-height: 26px;width: 280px;float: right;font-weight: normal;margin-top: 12px;opacity: 0.9;}
	.m_4 ul li:nth-child(1) h3{margin-top: 0px;}
	.wst-foot-link{background: linear-gradient(to bottom,#f74e0e, #fc8043);margin: 0px auto;}
	.wst-foot-link .m{width: 1000px;}
	.wst-foot-link h3{color: #fff;font-size: 32px;float: left;text-align: left;}
	.wst-foot-link .btn{float: right;background: #fff;line-height: 56px;width: 200px;color: #f74e0e;margin-top: 20px;border-radius: 8px;}
	.m_7 ul{width: 1200px;margin: 40px auto 0px;background: url(../img/product/cashier/pic001.png) top center no-repeat;height: 530px;}
	.m_7 ul li{width: 240px;border: 1px solid #ead2c6;background: rgba(255,255,255,0.2);border-radius: 6px;padding: 20px;overflow: hidden;margin: 0px 20px;box-shadow: 0px 0px 20px rgba(0,0,0,0.08);}
	.m_7 ul li:nth-child(2n){float: right;}
	.m_7 ul li dt{margin-bottom: 10px;}
	.m_7 ul li dt h3{font-size: 18px;margin-bottom: 10px;}
	.m_7 ul li dt p{font-size: 16px;color: #666;}
	.m_7 ul li dl{box-sizing: border-box;}
	.m_7 ul li dd{font-size: 16px;position: relative;padding-left: 20px;color: #3d5058;line-height: 32px;display: inline-block;width: 40%;}
	.m_7 ul li dd::before{width: 6px;height: 6px;background: #ff6e00;content: "";position: absolute;left: 6px;top: 14px;border-radius: 50%;}
	.m_7 ul li:nth-child(3){margin-top: 80px;}
	.m_7 ul li:nth-child(2){margin-top: -230px;}
	.m_7 ul li:nth-child(4){margin-top: -240px;}
	.m_7 ul .list-m{margin: -380px 460px 0px;float: none;background: rgba(255,255,255,0.8);}
	.m_7 .simg{display: none;}
	.m_8{width: 1200px;margin: 60px auto;overflow: hidden;}
	.m_8 .mtxt{width: 308px;overflow: hidden;padding: 50px;background: #333 url(../img/product/cashier/pic1-1.png);margin-top: 20px;height: 329px;}
	.m_8 .mtxt i{display: block;width: 80px;height: 80px;margin: 10px 0px;}
	.m_8 .mtxt h3{font-size: 24px;position: relative;color: #fff;margin-left: 10px;}
	.m_8 .mtxt h3::after{width: 50px;height: 1px;background: #fff;content: "";position: absolute;top: 46px;left: 0px;}
	.m_8 .mtxt ul{width: 100%;overflow: hidden;margin: 20px auto 0px;}
	.m_8 .mtxt ul li{font-size: 16px;line-height: 26px;position: relative;padding-left: 12px;color: #fff;margin: 10px 0px 0px;}
	.m_8 .mtxt ul li::before{width: 5px;height: 5px;background: #fff;border-radius: 50%;content: "";position: absolute;left: 0px;top: 11px;}
	.m_8 .simg{width: 792px;margin: 20px 0px;overflow: hidden;text-align: center;background: #fff;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
	.m_9{width: 100%;margin: 0px auto;overflow: hidden;background: url(../img/product/cashier/pic02.jpg) center center no-repeat;padding: 160px 0px;}
	.m_9 .title i{width: 100px;height: 100px;margin: 0px auto 20px;display: block;}
	.m_9 .title h2{color: #fff;position: relative;}
	.m_9 .title h2::after{width: 50px;height: 2px;background: #fff;content: "";position: absolute;top: 56px;left: 48%;}
	.m_9 .title p{color: #fff;font-size: 18px;}
	.m_3,.m_5,.bty,.m_10{width: 100%;margin: 0px auto;background: #f7f9fc;padding: 60px 0px;overflow: hidden;}
	.m_3 .mtxt{background: #ff6e00 url(../img/product/cashier/pic1-1.png);}
	.m_3 .mtxt h3::after{background: #fff;}
	.m_10 .mtxt{background: #ff6e00 url(../img/product/cashier/pic1-1.png);}
	.m_5,.m_14{background: #333}
	.m_5 .title h2{color: #fff;}
	.m_5 .mtxt{text-align: center;background: #fff url(../img/product/cashier/pic1-1.png);}
	.m_5 .mtxt h3{margin: 120px 0px 0px;font-size: 32px;color: #222;}
	.m_5 .mtxt h3::after{height: 0px;}
	.m_5 .mtxt p{font-size: 18px;margin-top: 10px;color: #666;}
	.m_11 ul{width: 1200px;margin: 20px auto 0px;overflow: hidden;}
	.m_11 ul li{width: 320px;float: left;margin: 20px 20px 10px;border-radius: 6px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);background: #fff;padding: 60px 20px;text-align: center;border-bottom-right-radius: 100px;}
	.m_11 ul li i{width: 80px;height: 80px;margin: 0px auto 30px;display: block;}
	.m_11 ul li h3{font-size: 16px;color: #333;margin-bottom: 20px;}
	.m_11 ul li p{font-size: 14px;color: #666;padding: 0px 30px;}
	.m_12{width: 1200px;margin: 60px auto;overflow: hidden;}
	.m_12 .m5box{width: 1200px;margin: 30px auto 0px;}
	.m_12 .m5box dl{width: 220px !important;float: left;margin: 0px 0px 20px 20px;box-shadow: 0px 0px 20px rgba(10,130,225,0.1);border-radius: 6px;overflow: hidden;background: #fff;}
	.m_12 .m5box dl dt{background: linear-gradient(to top,#f74e0e, #fc8043);padding: 26px 0px 20px;color: #fff;text-align: center;}
	.m_12 .m5box dl dt h3{font-size: 18px;font-weight: bold;}
	.m_12 .m5box dl dt p{font-size: 14px;}
	.m_12 .m5box dl dd{padding: 20px;overflow: hidden;border-bottom: 1px solid #eee;}
	.m_12 .m5box dl dd i{display: block;width: 40px;height: 40px;float: left;background:rgba(247,78,14,0.1);border-radius: 50%;margin-top: 10px;}
	.m_12 .m5box dl dd i img{width: 100%;}
	.m_12 .m5box dl dd div{width: 130px;float: right;}
	.m_12 .m5box dl dd div h3{font-size: 16px;}
	.m_12 .m5box dl dd div p{font-size: 14px;color: #666;line-height: 20px;height: 40px;}
	.m_12 .m5box dl:nth-child(3){width: 440px !important;}
	.m_12 .m5box dl:nth-child(3) dd{width: 180px;float: left;}
	.m_12 .m5box dl:last-child{margin-right: 20px;}
	.m_12 .m5box dl dd:last-child{border-bottom: 0px;}
	.m_12 .m5box dl:hover{transform: translateY(-10px);transition: all ease 300ms;cursor: pointer;}
	.m_12 .swiper-pagination{display: none;}
	.m_14 .mtxt{background-color: #fff;}
	.m_14 .mtxt h3,.m_14 .mtxt ul li{color: #222;}
	.m_14 .mtxt h3::after,.m_14 .mtxt ul li::before{background: #333;}
}
@media screen and (max-width: 768px){
	.m{width: 98%;margin: 0px auto;}
	.mbtn{width: 8rem;height: 2rem;text-align: center;background: linear-gradient(to right,#f74e0e, #fc8043);border-radius: 6px;display: block;margin: 1rem auto 0px;cursor: pointer;}
	.mbtn2{background: linear-gradient(to right,#f6c419,#fc8832);}
	.mbtn, .mbtn a{font-size: 0.8rem;color: #fff;line-height: 2rem;display: block;}
	.banner{width: 100%;margin: 0px auto;background: url(../img/product/cashier/mbanner.jpg) top center no-repeat;overflow: hidden;padding: 3.6rem 0rem;height: 16rem;background-size: cover;}
	.banner .m{margin: 2rem auto 0rem;color: #fff;text-align: center;box-sizing: border-box;}
	.banner h2{font-size: 1.3rem;margin-bottom: 2rem;position: relative;}
	.banner h2::after{width: 8rem;height: 1px;background: #fff;content: "";position: absolute;left: 29%;top: 2.8rem;}
	.banner h3{font-size: 0.8rem;font-weight: 500;}
	.banner a{margin: 1rem 0.5rem 0px 0px;display: inline-block;}
	.banner .mbtn{background: linear-gradient(to right,#f6c419,#fc8832);}
	.banner .mbtn2{color: #f85314;background: #fff;}
	.m_1,.m_8,.m_12{width: 98%;margin: 2rem auto;overflow: hidden;}
	.title{text-align: center;width: 98%;margin: 0rem auto;}
	.title h2{font-size: 1.2rem;line-height: 1.4rem;margin: 0px 0px 0.4rem 0px;}
	.title p{font-size: 0.8rem;color: #666;margin-top: 0.2rem;}
	.simg{width: 100%;margin: 0.6rem auto 0px;overflow: hidden;text-align: center;display: block;}
	.m_1 .simg img,.m_2 .simg img{width: 100%;}
	.m_6{width: 100%;margin: 0px auto;padding: 2rem 0px;overflow: hidden;}
	.m_6 ul{width: 98%;margin: 0.5rem auto 0px;overflow: hidden;}
	.m_6 ul li{width: 60%;background: #fff url(../img/product/cashier/pbg02.png) bottom right no-repeat;border-radius: 8px;box-shadow: 0px 0px 10px rgba(0,0,0,0.09);padding: 10%;margin: 0.5rem auto;}
	.m_6 ul li:first-child{background: #fff url(../img/product/cashier/pbg01.png) bottom right no-repeat;}
	.m_6 ul li:last-child{background: #fff url(../img/product/cashier/pbg03.png) bottom right no-repeat;}
	.m_6 ul li h2{font-size: 1rem;margin-bottom: 70px;}
	.m_6 ul li h3{font-size: 0.8rem;color: #333;margin: 10px 0px 5px;font-weight: normal;}
	.m_6 ul li p{font-size: 0.7rem;color: #666;}
	.m_6 ul li:first-child h2{margin-bottom: 4rem;}
	.m_6 ul li:last-child h2{margin-bottom: 0px;}
	.m_2,.m_7,.m_11,.m_4{width: 100%;margin: 0px auto;padding: 2rem 0px;background: #f5f8fb;overflow: hidden;}
	.m_2 .mtxt{width: 98%;margin-top: 0.6rem;float: none !important;}
	.m_2 .mtxt li{width: 39%;margin: 0.6rem 0px 0rem;overflow: hidden;float: left;text-align: center;background: #fff;padding: 5%;}
	.m_2 .mtxt li i{width: 3rem;height: 3rem;display: block;background:rgba(247,78,14,0.1);border-radius: 50%;margin: 0rem auto 0.6rem;}
	.m_2 .mtxt li i img{width: 100%;}
	.m_2 .mtxt li div h3{font-size: 0.8rem;color: #333;}
	.m_2 .mtxt li div p{font-size: 0.7rem;color: #666;margin-top: 0.2rem;}
	.m_2 .mtxt li:nth-child(2n){float: right;}
	.m_2 .mimg{width: 100%;margin-top: 0.5rem;float: none!important;}
	.mimg img{width: 100%;}
	.m_4{background: url(../img/product/cashier/bg.jpg) top center no-repeat;background-size: cover;}
	.m_4 .title h2,.m_4 .title p{color: #fff;}
	.m_4 ul{width: 98%;margin: 0.5remx auto 0px;color: #fff;}
	.m_4 ul li{width: 48%;margin: 1rem 0px 0rem;float: left;overflow: hidden;}
	.m_4 ul li:nth-child(2n){float: right;}
	.m_4 ul li i{width: 4rem;height: 4rem;background: linear-gradient(to right,#f74e0e, #fc8043);line-height: 4rem;font-size: 1.6rem;display: block;font-style: normal;border-radius: 50%;text-align: center;margin: 0rem auto 0.5rem;}
	.m_4 ul li h3{font-size: 0.8rem;line-height: 1.2rem;font-weight: normal;text-align: center;padding: 0rem 0.4rem;}
	.wst-foot-link{background: linear-gradient(to bottom,#f74e0e, #fc8043);margin: 0px auto;width: 100%;padding: 2rem 0rem;overflow: hidden;text-align: center;}
	.wst-foot-link h3{color: #fff;font-size: 1rem;}
	.wst-foot-link .btn{background: #fff;line-height: 2rem;width: 10rem;color: #f74e0e;border-radius: 8px;display: block;margin: 0.6rem auto 0rem;}
	.simg{display: block;width: 100%;margin: 1rem auto 0rem;}
	.simg img{width: 100%;}
	.m_7 ul{display: none;}
	.m_8 .mtxt{width: 80%;overflow: hidden;padding: 10%;background: #333 url(../img/product/cashier/pic1-1.png);margin-top: 0.5rem;float: none !important;}
	.m_8 .mtxt i{display: block;width: 5rem;height: 5rem;margin: 0rem auto;}
	.m_8 .mtxt h3{font-size: 1rem;position: relative;color: #fff;text-align: center;}
	.m_8 .mtxt h3::after{width: 6rem;height: 2px;background: #fff;content: "";position: absolute;top: 2.5rem;left: 32%;}
	.m_8 .mtxt ul{width: 80%;overflow: hidden;margin: 2rem auto 0px;}
	.m_8 .mtxt ul li{font-size: 0.8rem;line-height: 1.2rem;position: relative;padding-left: 0.6rem;color: #fff;margin: 0.2rem 0px 0px;}
	.m_8 .mtxt ul li::before{width: 5px;height: 5px;background: #fff;border-radius: 50%;content: "";position: absolute;left: 0px;top: 6px;}
	.m_8 .simg{background: #fff;}
	.m_9{width: 100%;margin: 0px auto;overflow: hidden;background: url(../img/product/cashier/pic02.jpg) center center no-repeat;padding: 6rem 0px;}
	.m_9 .title i{width: 5rem;height: 5rem;margin: 0px auto 0.6rem;display: block;}
	.m_9 .title i img{width: 100%;}
	.m_9 .title h2{color: #fff;position: relative;}
	.m_9 .title h2::after{width: 6rem;height: 2px;background: #fff;content: "";position: absolute;top: 2.5rem;left: 34%;}
	.m_9 .title p{color: #fff;margin-top: 2rem;}
	.m_3,.m_5,.bty,.m_10{width: 100%;margin: 0px auto;background: #f7f9fc;padding: 2rem 0px;overflow: hidden;}
	.m_3 .mtxt{background: #ff6e00 url(../img/product/cashier/pic1-1.png);}
	.m_3 .mtxt h3::after{background: #fff;}
	.m_10 .mtxt{background: #ff6e00 url(../img/product/cashier/pic1-1.png);}
	.m_5,.m_14{background: #333}
	.m_5 .title h2{color: #fff;}
	.m_5 .mtxt{text-align: center;background: #fff url(../img/product/cashier/pic1-1.png);}
	.m_5 .mtxt h3{margin: 120px 0px 0px;font-size: 32px;color: #222;}
	.m_5 .mtxt h3::after{height: 0px;}
	.m_5 .mtxt p{font-size: 18px;margin-top: 10px;color: #666;}
	.m_11 ul{width: 98%;margin: 20px auto 0px;overflow: hidden;}
	.m_11 ul li{width: 60%;margin: 0.5rem auto 0px;border-radius: 6px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);background: #fff;padding: 10%;text-align: center;border-bottom-right-radius: 60px;}
	.m_11 ul li i{width: 5rem;height:5rem;margin: 0px auto 30px;display: block;}
	.m_11 ul li i img{width: 100%;}
	.m_11 ul li h3{font-size: 0.8rem;color: #333;margin-bottom: 0.6rem;}
	.m_11 ul li p{font-size: 0.7rem;color: #666;padding: 0px 0.4rem;}
	.m_12 .m5box{width: 100%;margin: 0.8rem auto 0px;}
	.m_12 .m5box dl{width: 80% !important;margin: 0px 0.8rem;box-shadow: 0px 0px 20px rgba(10,130,225,0.1);border-radius: 6px;overflow: hidden;background: #fff;}
	.m_12 .m5box dl dt{background: linear-gradient(to top,#f74e0e, #fc8043);padding: 0.6rem 0px 0.4rem;color: #fff;text-align: center;}
	.m_12 .m5box dl dt h3{font-size: 0.9rem;font-weight: bold;}
	.m_12 .m5box dl dt p{font-size: 0.7rem;}
	.m_12 .m5box dl dd{padding: 0.4rem;overflow: hidden;border-bottom: 1px solid #eee;}
	.m_12 .m5box dl dd i{display: block;width: 2rem;height: 2rem;float: left;background:rgba(247,78,14,0.1);border-radius: 50%;margin-top: 0.4rem;}
	.m_12 .m5box dl dd i img{width: 100%;}
	.m_12 .m5box dl dd div{width: 80%;float: right;}
	.m_12 .m5box dl dd div h3{font-size: 0.8rem;}
	.m_12 .m5box dl dd div p{font-size: 0.7rem;color: #666;line-height: 1rem;height: 2rem;}
	.m_12 .m5box dl:nth-child(3){width: 100% !important;}
	.m_12 .m5box dl:nth-child(3) div{width: 70%;}
	.m_12 .m5box dl:nth-child(3) dd{width: 45%;float: left;}
	.m_12 .m5box dl:last-child{margin-right: 0rem;}
	.m_12 .m5box dl dd:last-child{border-bottom: 0px;}
	.swiper-pagination{bottom: 0rem;}
	.swiper-pagination .swiper-pagination-bullet{width: 1rem;height: 0.4rem;border-radius: 0.2rem;}
	.swiper-pagination .swiper-pagination-bullet-active{background: #dd232a;}
	.m_14 .mtxt{background-color: #fff;}
	.m_14 .mtxt h3,.m_14 .mtxt ul li{color: #222;}
	.m_14 .mtxt h3::after,.m_14 .mtxt ul li::before{background: #333;}
}