*{
	padding: 0;margin: 0;
	font-size: 20rem;
}

@media screen and (max-width:960px) {
	#hearderBox{
		width: 1920rem;height: 180rem;padding-top: 50rem;box-sizing: border-box;
		position: relative;
	}
	#hb_logoBox{
		display: flex;justify-content: center;align-items: center;color: #8A9AF3;
	}
	#hb_logoBox span{
		font-size: 60rem;font-weight: bold;
	}
	#hearderBox img{
		width: 96rem;height: 76rem;margin-right: 20rem;
	}
	#hb_telBox{
		display: none
	}
	/* 轮播相关 */
	#container{
		width:1920rem;
		height:1400rem;
		position:relative;
		overflow:hidden;
	}
	.item{
		position:absolute;
	}
	.item img{
		width: 1920rem;height: 1400rem
	}
	
	/* 介绍图 */
	#descImg{
		width: 1920rem;height: 1250rem
	}
	
	/* 我们的优势 */
	.titleBox{
		text-align: center;position: relative;
	}
	.tb_name{
		font-size: 80rem;font-weight: bold;color: #333333;padding-top: 140rem;
	}
	.tb_desc{
		font-size: 60rem;color: #666;
	}
	.tb_bg{
		font-size: 280rem;color: #8275DB;opacity: 0.15;
		position: absolute;left: 880rem;top: 0;
	}
	#youshi_mobile{
		display: block;
	}
	#youshipc{
		display: none;
	}
	
	/* 核心功能 */
	#hexiaoBox{
		display: flex;flex-wrap: wrap;justify-content: space-between;width: 1600rem;margin: 0 auto;
	}
	.hx_lisBox{
		width: 500rem;height: 300rem;text-align: center;
		background-color: #fff;margin-top: 40rem;border-radius: 20rem;
		padding-top: 40rem;box-sizing: border-box;cursor: pointer;
	}
	.hx_lisBox:hover{
		box-shadow: 2rem 5rem 10rem #ccc;
	}
	.hx_lisBox img{
		width: 130rem;height: 130rem;
	}
	.hx_name{
		font-size: 50rem;color: #8275DB;padding: 10rem 0;
		font-weight: bold;
	}
	.hx_desc{
		display: none;
	}
	
	/* 收银端 */
	#syBox{
		width: 1600rem;margin:0 auto;padding-top: 60rem;
	}
	#syBox img{
		width: 1600rem;
	}
	#sy_tabBox{
		display: flex;justify-content: space-between;
		padding-bottom: 30rem;
	}
	.sy_tb_lis{
		width: 230rem;height: 120rem;cursor: pointer;
		border-radius: 8rem;text-align: center;font-size: 45rem;
		padding-top: 20rem;box-sizing: border-box;
	}
	.sel_syClass{
		background: linear-gradient( 180deg, #5685F5 0%, #868DF5 55%, #90A7F2 100%);color: #fff;
		box-shadow: 0rem 3rem 6rem 1rem rgba(0,0,0,0.16);
	}
	.sel_syClass span{
		display: block;width: 100rem;height: 7rem;background: linear-gradient( 90deg, #FFFFFF 0%, #9EC3FF 100%);
		border-radius: 8rem;margin: 6rem auto;
	}
	
	
	/* 小程序、app */
	#xcxBox{
		width: 1700rem;margin:60rem auto;background-color: #fff;padding: 30rem;box-sizing: border-box;display: flex;
	}
	#xcxBox img{
		width: 1000rem;height: 1000rem
	}
	.xcx_tb_lis{
		width: 500rem;height: 170rem;cursor: pointer;
		border-radius: 8rem;text-align: center;background-color:#F6F6F6;
		box-sizing: border-box;margin-bottom: 20rem;line-height: 170rem;font-size: 55rem;
	}
	.sel_xcxClass{
		background: linear-gradient( 180deg, #5685F5 0%, #868DF5 55%, #90A7F2 100%);color: #fff;
		box-shadow: 0rem 3rem 6rem 1rem rgba(0,0,0,0.16);padding-top: 30rem;line-height: normal;
		box-sizing: border-box;
	}
	.sel_xcxClass span{
		display: block;width: 100rem;height: 7rem;background: linear-gradient( 90deg, #FFFFFF 0%, #9EC3FF 100%);
		border-radius: 8rem;margin: 6rem auto;
	}
	.xcxLis{
		margin-bottom: 40rem;
	}
	.xcxLis:last-child{
		margin-bottom: 0rem;
	}
	.xcxLis div:nth-child(2){
		color: #666;display: none;
	}
	
	#footerBox{
		display: none;
	}
	#footerBox2{
		width: 1920rem;padding: 60rem 50rem;box-sizing: border-box;
		height: 1200rem;display: flex;justify-content: space-between;
		background: linear-gradient( 180deg, #5685F5 0%, #868DF5 55%, #90A7F2 100%);
	}
	
	
	#lxBox{
		width: 130rem;position: fixed;top: 20vh;right: 30rem;box-shadow: 0rem 12rem 24rem 4rem rgba(0,0,0,0.16);
		padding: 60rem 30rem;background-color: #fff;border-radius: 130rem;z-index: 999;
	}
	#lxBox img{
		width: 100rem;height: 100rem
	}
	#lxBox div{
		text-align: center;
	}
	.lb_hr{
		width: 100rem;height: 3rem;background-color: #333;margin: 50rem auto;
	}
	
	
	#lb_alertBox{
		position: fixed;top: 21vh;padding: 80rem;background-color: #fff;
		width: 650rem;right:150rem;box-sizing: border-box;box-shadow: 0rem 12rem 24rem 4rem rgba(0,0,0,0.16);
		z-index: 998;text-align: center;border-top-left-radius: 20rem;border-bottom-left-radius: 20rem;
		background: linear-gradient( 180deg, #2779FF 0%, #75AAFF 100%);
		transition: all 0.5s;color: #fff;font-size: 50rem;
	}
	#lb_alertBox img{
		width: 200rem;height: 200rem;
	}
}

@media screen and (min-width:961px) {
	#hearderBox{
		width: 1920rem;height: 80rem;padding-top: 20rem;box-sizing: border-box;
		position: relative;
	}
	#hb_logoBox{
		display: flex;justify-content: center;align-items: center;color: #8A9AF3;
	}	
	#hearderBox img{
		width: 48rem;height: 38rem;margin-right: 20rem;
	}
	#hb_telBox{
		position: absolute;top: 32rem;right: 200rem;font-size: 14rem;
		color: #333333;
	}
	/* 轮播相关 */
	#container{
		width:1920rem;
		height:614rem;
		position:relative;
		overflow:hidden;
	}
	.item{
		position:absolute;
	}
	.item img{
		width: 1920rem;height: 614rem
	}
	
	/* 介绍图 */
	
	#descImg{
		width: 1920rem;height: 873rem
	}
	
	
	/* 我们的优势 */
	.titleBox{
		text-align: center;position: relative;
	}
	.tb_name{
		font-size: 38rem;font-weight: bold;color: #333333;padding-top: 60rem;
	}
	.tb_desc{
		font-size: 24rem;color: #666;
	}
	.tb_bg{
		font-size: 130rem;color: #8275DB;opacity: 0.15;
		position: absolute;left: 880rem;top: 0;
	}
	#youshi_mobile{
		display: none;
	}
	#youshipc{
		display: block;
	}
	
	
	/* 核心功能 */
	#hexiaoBox{
		display: flex;flex-wrap: wrap;justify-content: space-between;width: 1400rem;margin: 0 auto;
	}
	.hx_lisBox{
		width: 442rem;height: 258rem;text-align: center;
		background-color: #fff;margin-top: 40rem;border-radius: 20rem;
		padding-top: 40rem;box-sizing: border-box;cursor: pointer;
	}
	.hx_lisBox:hover{
		box-shadow: 2rem 5rem 10rem #ccc;
	}
	.hx_lisBox img{
		width: 86rem;height: 86rem;
	}
	.hx_name{
		font-size: 28rem;color: #8275DB;padding: 10rem 0;
	}
	.hx_desc{
		font-size: 18rem;color: #666666;
	}
	
	
	/* 收银端 */
	#syBox{
		width: 1400rem;margin:0 auto;padding-top: 60rem;
	}
	#syBox img{
		width: 1400rem;
	}
	#sy_tabBox{
		display: flex;justify-content: space-between;
		padding-bottom: 20rem;
	}
	.sy_tb_lis{
		width: 200rem;height: 60rem;cursor: pointer;
		border-radius: 8rem;text-align: center;
		padding-top: 10rem;box-sizing: border-box;
	}
	.sel_syClass{
		background: linear-gradient( 180deg, #5685F5 0%, #868DF5 55%, #90A7F2 100%);color: #fff;
		box-shadow: 0rem 3rem 6rem 1rem rgba(0,0,0,0.16);
	}
	.sel_syClass span{
		display: block;width: 53rem;height: 7rem;background: linear-gradient( 90deg, #FFFFFF 0%, #9EC3FF 100%);
		border-radius: 8rem;margin: 6rem auto;
	}
	
	
	/* 小程序、app */
	#xcxBox{
		width: 1400rem;margin:60rem auto;background-color: #fff;padding: 30rem;box-sizing: border-box;display: flex;
	}
	#xcxBox img{
		width: 730rem;height: 780rem
	}
	.xcx_tb_lis{
		width: 200rem;height: 60rem;cursor: pointer;
		border-radius: 8rem;text-align: center;background-color:#F6F6F6;
		box-sizing: border-box;margin-bottom: 20rem;line-height: 60rem;
	}
	.sel_xcxClass{
		background: linear-gradient( 180deg, #5685F5 0%, #868DF5 55%, #90A7F2 100%);color: #fff;
		box-shadow: 0rem 3rem 6rem 1rem rgba(0,0,0,0.16);padding-top: 10rem;line-height: normal;
	}
	.sel_xcxClass span{
		display: block;width: 53rem;height: 7rem;background: linear-gradient( 90deg, #FFFFFF 0%, #9EC3FF 100%);
		border-radius: 8rem;margin: 6rem auto;
	}
	
	.xcxLis{
		margin-bottom: 40rem;
	}
	.xcxLis:last-child{
		margin-bottom: 0rem;
	}
	.xcxLis div:nth-child(2){
		color: #666
	}
	
	#footerBox{
		width: 1920rem;padding-top: 60rem;box-sizing: border-box;
		height: 385rem;display: block;
		background: linear-gradient( 180deg, #5685F5 0%, #868DF5 55%, #90A7F2 100%);
	}
	#footerBox2{
		display: none;
	}
	
	
	#lxBox{
		width: 40rem;position: fixed;top: 30vh;right: 30rem;box-shadow: 0rem 12rem 24rem 4rem rgba(0,0,0,0.16);
		padding: 20rem 10rem;background-color: #fff;border-radius: 130rem;z-index: 999;
		cursor: pointer;
	}
	#lxBox img{
		width: 30rem;height: 30rem
	}
	#lxBox div{
		text-align: center;
	}
	.lb_hr{
		width: 30rem;height: 1rem;background-color: #333;margin: 20rem auto;
	}
	
	#lb_alertBox{
		position: fixed;top: 30vh;padding: 20rem;background-color: #fff;
		width: 350rem;right:70rem;box-sizing: border-box;box-shadow: 0rem 12rem 24rem 4rem rgba(0,0,0,0.16);
		z-index: 998;text-align: center;border-top-left-radius: 20rem;border-bottom-left-radius: 20rem;
		background: linear-gradient( 180deg, #2779FF 0%, #75AAFF 100%);
		transition: all 0.5;color: #fff;font-size: 22rem;
	}
	#lb_alertBox img{
		width: 160rem;height: 160rem;
	}
}