.mySwiper .swiper-pagination {
		width: 20% !important;
		bottom: 80px !important;
		left: 20% !important;
	}

	.mySwiper .swiper-pagination-bullet {
		width: 40px !important;
		height: 4px !important;
		background-color: #E6F0FF !important;
		border-radius: 0 !important;
	}

	.mySwiper img {
		width: 100%;
	}

	.java_2 {
		margin: 0 auto;
		width: 100%;
		height: 832px;
	}

	.title_2 {
		font-size: 40px;
		font-weight: 600;
		line-height: 56px;
		color: #333333;
		opacity: 1;
	}

	.section1 {
		/* margin-top: 80px; */
		height: 832px;
		background: #fff;
		background-image: url('/static/images/java_mer/bg-1.png');
		background-repeat: no-repeat;
		background-size: cover;
	}
	.section1 .container{
		width: 1200px;
		height: 498px;
		margin-top: 80px;
		background-image: url('/static/images/java_mer/container-1.png');
		background-repeat: no-repeat;
		background-size: cover;
	}

	.second_tit_box {
		width: 1188px;
		height: 56px;
		font-size: 18px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #666666;
		margin: 20px auto 0;
	}

	.mer_table {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		margin-top: 50px;
		position: relative;
	}

	.pc_phone {
		width: 570px;
		height: 454ppx;
	}

	.fly {
		width: 143px;
		height: 178px;
		position: absolute;
	}

	.fly1 {
		top: 50px;
		left: 160px;
	}
	
	.fly2 {
		bottom: 100px;
		left: 80px;
	}
	
	.fly3 {
		top: 50px;
		right: 160px;
	}
	
	.fly4 {
		bottom: 100px;
		right: 80px;
	}

	.section2 {
		height: 910px;
		background-image: url('/static/images/java_mer/bg2-1.png')
	}

	.slide_x {
		padding: 0 150px;
		height: 64px;
		width: 1200px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.39);
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 20px;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 28px;
		color: #FFFFFF;
		opacity: 1;
		position: relative;
	}

	.slide1:hover {
		cursor: pointer;
	}

	/* .slide2:hover~.line {
		animation: move 0.5s;
		animation-fill-mode: both;
	} */

	.slide2:hover {
		cursor: pointer;
	}

	.line {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 600px;
		height: 3px;
		background: #fff;
	}
	.line1 {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 600px;
		height: 3px;
		background: #fff;
	}
	@keyframes move {
		to {
			transform: translateX(100%);
		}
	}

	.statistics {
		width: 1200px;
		height: 520px;
		background-image: url(/static/images/java_mer/bg2-2.jpg);
		padding-top: 20px;
		padding-left: 38px;
	}
	.time_line{
		width: 1070px;
	}
	.statistics_title {
		font-size: 20px;
		font-family: PingFang SC;
		font-weight: 600;
		line-height: 40px;
		color: #333333;
	}

	.statistics_img {
		/* margin-top: 90px; */
		width: 1079px;
		height: 420px;
	}
	.statistics_content1{
		
	}
	.statistics_content1 .map{
		width: 532px;
		height: 320px;
	}
	.statistics_content1 .desc{
		font-size: 18px;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 40px;
		color: #333333;
		margin-left: 12px;
	}
	.section3 {
		height: 500px;
		background-image: url('/static/images/java_mer/bg3.png');
	}

	.flex1 {
		display: flex;
	}

	.left {
		width: 594px;
	}

	.left img {
		margin-top: 78px;
		width: 60px;
		height: 60px;
	}

	.right img {
		width: 600px;
		height: 500px;
	}

	.left_title {
		font-size: 32px;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 45px;
		color: #333333;
	}

	.yuan {
		display: inline-block;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background-color: #2A7EFB;
		margin-right: 8px;
		margin-bottom: 25px;
	}

	.left_text {
		display: inline-block;
		width: 500px;
		font-size: 17px;
		font-weight: 400;
		color: #555555;
		margin-top: 30px;
	}

	.section4 {
		height: 500px;
		background-image: url('/static/images/java_mer/bg4.jpg');
	}

	.section5 {
		height: 500px;
		background-image: url('/static/images/java_mer/bg5.png');
	}

	.m-b-7 {
		margin-bottom: 7px !important;
	}

	.section6 {
		height: 500px;
		background-image: url('/static/images/java_mer/bg6.png');
	}

	.m-l-35 {
		margin-left: 35px;
	}

	.section7 {
		height: 800px;
		background-image: url('/static/images/java_mer/bg7.png');
	}

	.nav {
		margin-top: 80px;
	}

	.nav_box {
		width: 440px;
		height: 140px;
		background: rgba(255, 255, 255, 0.39);
		border-radius: 2px 2px 0px 0px;
		color: #333;
		padding: 35px 0 35px 18px;
	}

	.nav_box img {
		width: 70px;
		height: 70px;
		vertical-align: middle;
	}

	.nav_title {
		font-size: 20px;
		font-weight: 600;
	}

	.section7 .nav_text {
		margin-top: 7px;
		width: 285px;
		height: 45px;
		font-size: 15px;
		font-weight: 400;
		color: #666;
	}

	.section7 .active {
		transition: all .7s;
		background-color: #2A7EFB;
		box-shadow: 15px 20px 10px 0px rgba(0, 0, 0, 0.3);
	}

	.section7 .active .nav_title {
		color: #fff;
	}

	.section7 .active .nav_text {
		color: #fff;
	}

	.mallImg {
		width: 737px;
		height: 467px;
		margin-left: 75px;

	}

	.section8 {
		height: 953px;
		background-color: #F9FAFC;
	}

	.content7 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.content_box {
		width: 280px;
		height: 300px;
		background-color: #fff;
		border-radius: 4px;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 27px;
		transition: all .5s ease-in-out;
	}
	.content_box_active{
		transform: translateY(-15px);
	}
	.content_img {
		width: 94px;
		height: 94px;
		margin-top: 44px;
	}

	.content_title {
		font-size: 22px;
		font-weight: 400;
		color: #333333;
		font-family: PingFang SC;
		margin-top: 20px;
	}

	.content_text {
		width: 220px;
		height: 46px;
		font-size: 15px;
		font-weight: 400;
		color: #777777;
		text-align: center;
		margin-top: 15px;
	}

	.section9 {
		height: 774px;
		background-image: url('/static/images/java_mer/bg8.png');
		background-size: auto 774px;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.one {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
	}

	.pop {
		width: 348px;
		height: 131px;
		background-image: url('/static/images/java_mer/bg-8.png');
		background-size: cover;
		padding: 28px 0 0 30px;
		margin-right: 504px;
		margin-bottom: 123px;
	}

	.pop_title {
		font-size: 20px;
		font-weight: 500;
		line-height: 28px;
		color: #333333;
	}

	.pop_text {
		width: 266px;
		height: 40px;
		font-size: 14px;
		font-weight: 400;
		color: #666666;
		margin-top: 8px;
	}

	.rotate_pop {
		width: 348px;
		height: 131px;
		background-image: url('/static/images/java_mer/bg.png');
		background-size: cover;
		padding: 28px 0 0 60px;
	}

	.section10 {
		height: 534px;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.73) 0%, rgba(255, 255, 255, 0.5) 100%);
	}

	.business {
		width: 650px;
		height: 180px;
		border-radius: 6px;
		background: rgba(236, 240, 246, 0.39);
	}
	.section12 {
		background: url("/static/images/mer/mer_section12_bg.png")
	}
	
	.section12 .section-body {
		display: flex;
	}
	
	.section12 .card {
		flex: none;
		display: flex;
		align-items: center;
		width: 676px;
		height: 180px;
		border-radius: 6px;
		background-color: #FFFFFF;
		box-shadow: 0 0px 12px 1px rgba(0,0,0,0.1);
	}
	
	.section12 .card:first-child {
		margin: 34px -123px 0 0;
		background-color: #ECF0F6;
	}
	
	.section12 .card img {
		width: 100px;
		height: 100px;
		margin: 0 35px;
		object-fit: contain;
	}
	
	.section12 .title {
		font-weight: 500;
		font-size: 22px;
		line-height: 30px;
		color: #333333;
	}
	
	 .section12 .message {
		padding: 10px 50px 20px 0;
		font-size: 14px;
		line-height: 21px;
		color: #666666;
	}
	
	 .section12 .card:first-child .message {
		padding-right: 139px;
	}
	
	 .section12 a {
		font-size: 14px;
		line-height: 20px;
		color: #2A7EFB;
	}
	.section13{
		height: 627px;
		background: linear-gradient(180deg, #FFFFFF 0%, rgba(248,248,252,0.62) 100%);
	}
	.section13 .grid_box{
		margin-top: 70px;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(2, 1fr);
		width: 100%;
		grid-gap: 22px;
	}
	.section13 .grid_item{
		width: 385px;
		height: 139px;
		border-radius: 2px;
		border: 1px solid #ddd;
	}
	.section13 .grid_item:hover{
		background: linear-gradient(180deg, #EAEEF5 0%, #FFFFFF 100%);
	}
	.section13 .grid_item .tit{
		height: 25px;
		font-size: 18px;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 600;
		color: #333333;
		line-height: 25px;
	}
	.section13 .grid_item .desc{
		width: 266px;
		height: 40px;
		font-size: 14px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #777777;
		line-height: 20px;
	}
	.section16 {
		background: url("/static/images/criteria_section16_bg.png");
	}
	
	 .section16 .section-body {
		display: flex;
	}
	
	 .section16 ul {
		flex: none;
		width: 846px;
		padding: 0 23px 19px;
		border-top: 4px solid #2A7EFC;
		border-radius: 6px;
		background-color: #FFFFFF;
	}
	
	 .section16 li {
		display: flex;
		align-items: center;
		margin-bottom: 18px;
		font-size: 14px;
		line-height: 20px;
		color: #777777;
	}
	.section16 li a{
		color: #777777;
	}
	 .section16 li:first-child {
		height: 75px;
		border-bottom: 1px solid #EEEEEE;
		margin-bottom: 28px;
		font-size: 17px;
		color: #333333;
	}
	
	 .section16 li div:nth-child(1) {
		width: 125px;
	}
	
	 .section16 li div:nth-child(2) {
		flex: 1;
	}
	
	.section16 li div:nth-child(3) {
		width: 240px;
	}
	
	 .section16 li div:nth-child(4) {
		width: 125px;
	}
	
	 .section16 .qrcodes {
		 width: 333px;
		display: flex;
		margin-left: 20px;
		padding: 40px 16px 25px;
		border-top: 4px solid #FF9D00;
		border-radius: 6px;
		background-color: #FFFFFF;
	}
	
	 .section16 .qrcodes>div {
		width: 140px;
		margin-right: 21px;
		text-align: center;
		font-size: 14px;
		line-height: 20px;
		color: #333333;
	}
	
	 .section16 .qrcodes>div:last-child {
		margin-right: 0;
	}
	
	 .section16 .qrcodes img {
		width: 132px;
		height: 132px;
		margin: 0 auto 8px;
	}