@media (max-width:768px) {
.top {
	width: 960px;
	height: 544px;
}

.content {
	width: 100%;
	height: auto;
}

.content-top {
	width: 829px;
	height: 410px;
	margin: 0 auto;
	padding-top: 46px;
}

.content-top-left {
	width: 102px;
	height: 364px;
	margin-right: 5.5px;
	float:left;
}

.content-top-right {
	width: 102px;
	height: 364px;
	margin-left: 5.5px;
	float:left;
}

.content-top-middle {
	width: 100%;
	height: auto;
	/* float:left; */
}

.content-bottom {
	width: 94%;
	height: auto;
	/* margin-left: calc((100% - 960px) / 2 + 419px); */
	margin-top: 35.5px;
	left: 3%;
	position: relative;
}

.bottom-1 {
	width: 100%;
	margin-bottom: 30px;
}

.bottom-2 {
	width: 100%;
	margin-bottom: 30px;
}

.bottom-3 {
	width: 100%;
	margin-bottom: 30px;
}

.bottom-4 {
	width: 100%;
	height: 60px;
}

.content-bottom p {
	color: #347CFF;
	font-size: 12.5px;
}

.content-bottom span {
	color: #3F3B3A;
	font-size: 12.5px;
}


  .pcH {
    display: none;
    height: 0 !important;
  }

  .phoneH {
    display: block !important;
  }
  
    .footer-tip{
    font-size: 0.6rem;
    text-align: center;
  }
}

@media (min-width:768px) {
	.top {
	width: 960px;
	height: 544px;
}

.content {
	width: 960px;
	height: 742px;
}

.content-top {
	width: 829px;
	height: 410px;
	margin: 0 auto;
	padding-top: 46px;
}

.content-top-left {
	width: 102px;
	height: 364px;
	margin-right: 5.5px;
	float:left;
}

.content-top-right {
	width: 102px;
	height: 364px;
	margin-left: 5.5px;
	float:left;
}

.content-top-middle {
	width: 610px;
	height: 364px;
	float:left;
}

.content-bottom {
	width: 479px;
	height: 150px;
	margin-left: calc((100% - 960px) / 2 + 419px);
	margin-top: 35.5px;
}

.bottom-1 {
	width: 100%;
	margin-bottom: 30px;
}

.bottom-2 {
	width: 100%;
	margin-bottom: 30px;
}

.bottom-3 {
	width: 100%;
	margin-bottom: 30px;
}

.bottom-4 {
	width: 100%;
	height: 30px;
}

.content-bottom p {
	color: #347CFF;
	font-size: 12.5px;
}

.content-bottom span {
	color: #3F3B3A;
	font-size: 12.5px;
}

  .phoneH {
    display: none;
  }

}