.mr-0 {
		margin-right: 0;
	}
	
	.mr-20 {
		margin-right: 20rem;
	}
	
	.mr-40 {
		margin-right: 40rem;
	}
	
	.mr-60 {
		margin-right: 60rem;
	}
	
	
	.ml-0 {
		margin-left: 0;
	}
	
	.ml-20 {
		margin-left: 20rem;
	}
	
	.ml-40 {
		margin-left: 40rem;
	}
	
	.ml-60 {
		margin-left: 60rem;
	}
	
	
	.back {
		display: inline-block;
		width: 100%;
		height: 40rem;
		line-height: 40rem;
		/* background-color: #f5f5f5; */
		position: sticky;
		top: 0rem;
		left: 0rem;
		font-size: 18rem;
		color: #999;
		text-align: center;
	}
	
	.swiper, .swiper-wrapper, .swiper-slide {
		width: 100%;
		/* height: 800rem; */
		display: flex;
	 }
	 
	 .swiper-slide img {
	 	width: 100%;
	 }
	 
	
	.banner {
		width: 100%;
		display: flex;
	}

	.banner img {
		width: 100%;
	}

	.show-btn {
		background-color: #E40011;
		color: #fff;
		padding: 20rem;
		width: 460rem;
		border-radius: 8rem;
		margin: 0 auto;
		text-align: center;
		font-size: 22rem;
		margin-bottom: 30rem;
		cursor: pointer;
	}

	.methods-list {
		width: 1200rem;
		margin: 0rem auto;
		text-align: center;
		padding-top: 60rem;
	}

	.method-item {
		width: 175rem;
		height: 300rem;
		padding: 20rem 0;
		background-color: #fff;
		border: 1rem solid #ccc;
		box-sizing: border-box;
		transition: all 0.3s; 
	}
	
	.method-item:hover {
		margin-top: -30rem;
	}

	.method-item img {
		width: 60rem;
	}

	.method-item .method-title {
		font-size: 22rem;
		font-weight: 600;
		margin: 16rem 0;
	}

	.method-item .method-info {
		font-size: 18rem;
		line-height: 24rem;
	}

	.implement-table {
		width: 900rem;
	}

	.sevices-box {
		width: 1200rem;
		margin: 0 auto
	}

	.sevices-box-left {
		width: 500rem;
		margin-right: 30rem;
	}

	.sevices-box-left img {
		width: 100%;
	}

	.sevices-box .sevice-item {
		margin-bottom: 10rem;
		font-size: 18rem;
	}
	
	.text-left {
		text-align: left;
	}

	.num-item {
		background-color: #409eff;
		border-radius: 3rem;
		color: #fff;
		padding: 0rem 6rem;
		margin-right: 20rem;
		font-size: 16rem;
		height: 30rem;
		line-height: 30rem;
		width: 100rem;
		text-align: center;
	}

	.wt-item {
		padding: 12rem 20rem;
		border-radius: 40rem;
		border: 1rem solid #ccc;
		background-color: #fff;
		margin-bottom: 14rem;
		text-align: left;
		box-sizing: border-box;
		font-size: 16rem;
	}

	.wt-item .num {
		font-weight: 700;
		margin-left: 30rem;
		font-size: 24rem;
	}

	.wenti-box {
		background-image: url('../images/stock/bj.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 36%;
		height: 460rem;
		width: 1200rem;
		margin: 20rem auto;
	}
	
	
	.yuan-box {
		width: 200rem;
		height: 200rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-image: url('../images/stock/yuan.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		color: #fff;
		font-size: 36rem;
		font-weight: 600;
		margin: 0 20rem;
	}
	
	
	.wt-item {
		padding: 12rem 20rem;
		border-radius: 40rem;
		border: 1rem solid #ccc;
		background-color: #fff;
		margin-bottom: 14rem;
		text-align: left;
		transition: all 0.3s;
		box-sizing: border-box;
	}
	
	.wt-item:hover {
		transform: scale(1.05);
	}
	
	.wt-item .num {
		font-weight: 700;
		margin-left: 30rem;
		font-size: 25rem;
	}
	
	.b-t {
		position: relative;
	}

	.b-t::after {
		content: "";
		position: absolute;
		height: 20rem;
		width: 4rem;
		background-color: #409eff;
		left: -20rem;
		top: 4rem;
	}

	.shi-s {
		text-align: left;
	}

	.shi-s .flex-box-ce {
		margin-bottom: 10rem;
		font-size: 16rem;
	}

	.shi-s span {
		font-weight: 600;
		font-size: 24rem;
		margin-right: 16rem;
		position: relative;
		top: 2rem;
	}

	.shi-s img {
		width: 24rem;
		margin-right: 10rem;
	}

	.title-box {
		text-align: center;
		position: relative;
		overflow: hidden;
		padding: 60rem 0;
	}

	.title-box .title {
		font-weight: 600;
		font-size: 32rem;
		margin: 40rem 0 30rem 0;
		text-align: center;
		position: relative;
	}

	.title2 {
		font-weight: 600;
		font-size: 28rem;
		margin-bottom: 30rem;
		position: relative;
	}

	.title-box .title::before {
		content: "";
		position: absolute;
		bottom: -10rem;
		left: 50%;
		transform: translateX(-50%);
		width: 200rem;
		height: 5rem;
		border-radius: 3rem;
		background-color: #409eff;
	}

	.img {
		width: 100%;
		height: 500rem;
	}

	.login-box {
		/* 		position: absolute;
		z-index: 3;
		width: 1200rem;
		left: 50%;
		margin-left: -600rem;
		top: 0; */
	}

	.login-content {
		background-color: #fff;
		height: 500rem;
		width: 384rem;
		text-align: center;
		position: absolute;
		z-index: 3;
		left: 50%;
		margin-left: 250rem;
		top: 0;
		background: url(../images/stock/noe.png) no-repeat center center;
	}

	.case-box {
		background-color: #F7F7F7;
		padding: 60rem 0;
		box-sizing: border-box;
	}

	.case-box .title {
		font-size: 32rem;
		font-weight: 600;
		margin-top: 0rem;
		text-align: center;
	}

	.case-box .sub-title {
		width: 100%;
		margin: 40rem 0;
		text-align: center;
		color: #409eff;
		font-size: 24rem;
	}


	.case-items {
		width: 1200rem;
		margin: 0 auto;
	}

	.case-item {
		margin-bottom: 30rem;
	}

	.case-item img {
		width: 285rem;
		height: 160rem;
		border-radius: 10rem;
		vertical-align: middle;
		transition: all 0.3s;
	}
	
	.case-item img:hover {
		transform: scale(1.05);
	}

	.case-item h3 {
		margin: 10rem 0 5rem 0;
		font-size: 18rem;
	}

	.case-item div {
		color: #89919F;
		font-size: 16rem;
	}

	.text-content {
		text-align: center;
		color: #409eff;
		width: 1000rem;
		padding: 10rem;
		border: 1rem solid #f56c6c;
		border-radius: 3rem;
		margin: 20rem auto;
		font-size: 18rem;
		box-sizing: border-box;
	}
	
	.title-items {
		width: 1200rem;
		margin: 0 auto;
	}
	
	
	.border-b {
		border-bottom: 1px solid #e9e9f2;
	}
	
	
	.title-items span {
		text-align: center;
		margin-right: 0.375rem;
		margin-left: 0.375rem;
		padding: 16rem 25rem;
		font-weight: 700;
		font-size: 16rem;
		position: relative;
		
	}
	
	.active::before {
		display: block;
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -40rem;
		width: 80rem;
		height: 6rem;
		border-radius: 3rem;
		background-color: #409eff;
		transform: scale3d(0, 1, 1);
		transform-origin: left;
		transition: all 0.5s;
	}
	
	.active::before {
		transform: scale3d(1, 1, 1);
	}



	/* 屏幕小于768 */

	@media screen and (max-width: 768px) {
		
		.mr-0 {
			margin-right: 0;
		}
		
		.mr-20 {
			margin-right: 0;
		}
		
		.mr-40 {
			margin-right: 0;
		}
		
		.mr-60 {
			margin-right: 0;
		}
		
		
		.ml-0 {
			margin-left: 0;
		}
		
		.ml-20 {
			margin-left: 0;
		}
		
		.ml-40 {
			margin-left: 0;
		}
		
		.ml-60 {
			margin-left: 0;
		}
		
		.show-btn {
			background-color: #E40011;
			color: #fff;
			padding: 40rem;
			width: 1000rem;
			border-radius: 8rem;
			margin: 0 auto;
			text-align: center;
			font-size: 40rem;
			margin-bottom: 30rem;
			cursor: pointer;
			box-sizing: border-box;
		}
		
		.methods-list {
			width: 1800rem;
			margin: 0rem auto;
			text-align: center;
			padding-top: 60rem;
		}

		.method-item {
			width: 300rem;
			height: 600rem;
			padding: 20rem 0;
			background-color: #fff;
			border: 1rem solid #ccc;
			
			box-sizing: border-box;
		}

		.method-item img {
			width: 80rem;
		}

		.method-item .method-title {
			font-size: 40rem;
			font-weight: 600;
			margin: 16rem 0;
		}

		.method-item .method-info {
			line-height: 60rem;
			font-size: 30rem;
		}


		.sevices-box {
			width: 1600rem;
			margin: 0 auto
		}

		.sevices-box-left {
			width: 600rem;
			margin-right: 30rem;
		}

		.sevices-box-left img {
			width: 100%;
		}

		.sevices-box .sevice-item {
			margin-bottom: 10rem;
			display: flex;
			align-items: center;
		}

		.title2 {
			font-size: 50rem;
		}

		.num-item {
			background-color: #409eff;
			border-radius: 3rem;
			color: #fff;
			padding: 0rem 6rem;
			margin-right: 20rem;
			height: 50rem;
			line-height: 50rem;
			width: 120rem;
			text-align: center;
			font-size: 30rem;
		}

		.fontColorB {
			font-size: 30rem;
		}


		.case-items {
			width: 1500rem;
			margin: 30rem auto;
			
		}

		.case-item {
			margin-bottom: 30rem;
		}

		.case-item img {
			width: 500rem;
			height: 300rem;
			border-radius: 10rem;
			vertical-align: middle;
		}

		.case-item h3 {
			font-size: 40rem;
		}

		.case-item div {
			color: #89919F;
			font-size: 30rem;
		}

		.text-content {
			text-align: center;
			color: #409eff;
			width: 1500rem;
			padding: 10rem;
			font-size: 30rem;
			border: 1rem solid #f56c6c;
			border-radius: 3rem;
			margin: 0 auto;
		}

		.title-box .title {
			font-size: 80rem;
		}

		.implement-table {
			width: 1500rem;
			margin: 30rem 0;
		}
	}
	
	
	
	/* 屏幕小于767 */
	
	@media screen and (max-width: 767px) {
		
		.back {
			font-size: 60rem;
			margin-top: 60rem;
		}
		
		.wenti-box {
			background: none;
			background-size: 50%;
			height: 1800rem;
			width: 1800rem;
			margin: 40rem auto;
			position: relative;
			display: flex;
			flex-direction: column;
		}
		
		.yuan-box {
			display: none;
		}
		
		.wenti-box .wt-item {
			font-size: 60rem;
			border-radius: 0;
			border: none;
			background-color: transparent;
			border-bottom: 1px solid #f1f1f1;
		}
		
		
		.wenti-box .wt-item .num{
			font-size: 80rem;
			margin: 0;
		}
		
		.wenti-box .flex-1 {
			width: 1800rem;
			z-index: 10;
		}
		
		
		.wenti-box .flex-1:nth-child(1) .wt-item{
			flex-direction: row-reverse;
			
		}
		
		.wenti-box .flex-1:nth-child(1) .wt-item .num{
			margin-right: 20rem;
		}
		
		.wenti-box .flex-1:nth-child(2) .wt-item{
			width: 1800rem;
			flex-direction: row-reverse;
			border-radius: 0;
			border: none;
			background-color: transparent;
		}
		
		.title-box {
			width: 1800rem;
			margin: 0 auto;
			padding: 100rem 0;
			box-sizing: border-box;
		}
		
		.title-box .title{
			font-size: 80rem;
			margin: 100rem 0;
		}
		
		.methods-list {
			width: 1800rem;
			margin: 160rem auto 0 auto;
			display: flex;
			flex-wrap: wrap;
		}
		
		.methods-list .method-item {
			width: 560rem;
			height: 1000rem;
			padding: 80rem 0;
			background-color: #fff;
			border: 1rem solid #ccc;
			box-sizing: border-box;
			transition: all 0.3s; 
			margin-bottom: 100rem;
		}
		
		.method-item:hover {
			margin-top: -60rem;
		}
		
		.method-item img {
			width: 200rem;
		}
		
		.method-item .method-title {
			font-size: 80rem;
			font-weight: 600;
			margin: 30rem 0;
		}
		
		.method-item .method-info {
			line-height: 80rem;
			font-size: 60rem;
		}
		
		
		.sevices-box {
			width: 1800rem;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
			padding: 40rem 0;
			box-sizing: border-box;
		}
		
		.sevices-box .sevices-box-left {
			width: 1800rem;
		}
		
		.sevices-box .flex-1 {
			width: 1800rem;
		}
		
		.sevices-box .flex-1 .title2{
			font-size: 80rem;
			text-align: center;
			margin: 40rem 0;
		}
		
		.sevices-box .sevice-item {
			margin-bottom: 60rem;
		}
		
		.sevices-box .sevice-item .num-item{
			width: 300rem;
			height: 100rem;
			text-align: center;
			line-height: 100rem;
			font-size: 60rem;
		}
		
		.sevices-box .sevice-item .flex-1 {
			font-size: 60rem;
		}
		
		
		
		.case-box {
			background-color: #F7F7F7;
			padding: 60rem 0;
			box-sizing: border-box;
		}
		
		.case-box .title {
			font-size: 80rem;
		}
		
		.case-box .sub-title {
			width: 100%;
			margin: 60rem 0;
			font-size: 76rem;
		}
		
		/* .active::before {
		    transform: scale3d(1, 1, 1);
		}
		.active::before {
		    display: block;
		    content: "";
		    position: absolute;
		    bottom: 0;
		    left: 50%;
		    margin-left: -40rem;
		    width: 100rem;
		    height: 6rem;
		    border-radius: 3rem;
		    background-color: #409eff;
		    transform: scale3d(0, 1, 1);
		    transform-origin: left;
		    transition: all 0.5s;
		} */
		
		
		.case-items {
			width: 1800rem;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-around;
		}
		
		
		.case-item {
			margin-bottom: 60rem;
		}
		
		.case-item img {
			width: 700rem;
			height: 460rem;
			border-radius: 10rem;
			vertical-align: middle;
			transition: all 0.3s;
		}
		
		.case-item img:hover {
			transform: scale(1.05);
		}
		
		.case-item h3 {
			font-size: 60rem;
			text-align: center;
			margin: 30rem 0;
		}
		
		.case-item div {
			color: #89919F;
			font-size: 54rem;
			text-align: center;
		}
		
		.text-content {
			text-align: center;
			color: #409eff;
			width: 1600rem;
			padding: 10rem;
			border: 1rem solid #f56c6c;
			border-radius: 3rem;
			margin: 20rem auto;
			font-size: 60rem;
			box-sizing: border-box;
		}
		
		.text-content br {
			display: none;
		}
		
		.title-items {
			width: 1800rem;
			margin: 0 auto;
		}
		
		.title-items .tab-item {
			font-size: 60rem;
		}
		
		.show-btn {
			width: 1500rem;
			height: 150rem;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			font-size: 60rem;
			padding: 100rem 0;
			box-sizing: border-box;
		}
		
		
	}