/* banner */
.bg-grey {
  background: #F6F6F6;
}

.top-area{
	width: 100%;
	position: relative;
}
.top-area figure{
	width: 100%;
	padding-bottom: 46.875%;
	background: url(https://file.jingdiao.com/website/jingdiao/cn/images/application-mode/top.png);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.top-container{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	text-align: center;
	margin-left: 11.5%;
	margin-right: 11.5%;
}
.top-title{
	font-family: "Univers LT Pro 47 Lt Cn","HarmonyOS_Sans_SC_Bold";
	font-size: 72px;
	line-height: 1;
	color: #004898;
	letter-spacing: 9px;
}
.top-desc{
	font-family: "HarmonyOS_Sans_SC_Bold";
	font-size: 28px;
	line-height: 1;
	color: #000000;
}
.top-info{
	font-family: "Helvetica LT Pro","HarmonyOS_Sans_SC_Regular";
	font-size: 18px;
	line-height: 36px;
	color: #333333;
	text-align: left;
}
.buttonBox {
  margin-left: auto;
  margin-right: auto;
  color: #FFFFFF !important;
  background: #004898 !important;
}
.more-button .icon--6::before {
  color: #FFFFFF !important;
}
@media only screen and (max-width: 1599px) {
	.top-title{
		font-size: 64px;
	}
	.top-desc{
		font-size: 24px;
	}
}
@media only screen and (max-width: 1299px) {
	.top-container {
	    margin-left: 8%;
	    margin-right: 8%;
	}
	.top-title{
		font-size: 60px;
	}
	.top-desc{
		font-size: 24px;
	}
	.top-info{
		font-size: 18px;
	}
}
@media only screen and (max-width: 1060px) {
	.top-title{
		font-size: 58px;
	}
}
@media only screen and (max-width: 1024px) {
	.top-area figure{
		padding-bottom: 145.07%;
		background: url(https://file.jingdiao.com/website/jingdiao/cn/images/application-mode/top-m.png);
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.top-container{
		margin-left: 3.8%;
		margin-right: 3.8%;
	}
	.top-title{
		font-size: 42px;
		line-height: 1.3;
		letter-spacing: 7px;
	}
	.top-desc{
		font-size: 20px;
	}
	.top-info{
		font-size: 16px;
		line-height: 1.7;
	}
}
@media only screen and (max-width: 450px) {
	.top-title{
		font-size: 36px;
		letter-spacing: 6px;
	}
	.top-desc{
		font-size: 18px;
	}
	.top-info{
		font-size: 14px;
	}
}
@media only screen and (max-width: 380px) {
	.top-area{
		padding-top: 100px;
	}
}

/*正文*/
.part-desc {
  font-family: "Helvetica LT Pro", "HarmonyOS_Sans_SC_Regular";
  font-size: 18px;
  line-height: 2;
  color: #333333;
}
.part1 .part-desc{
	width: 66.67%;
	margin-left: auto;
	margin-right: auto;
}

.part1 .part-content .part-desc {
  font-family: "Helvetica LT Pro", "HarmonyOS_Sans_SC_Regular";
  width: 100%;
}

.part1 .part-img .part-desc {
  font-family: "Helvetica LT Pro", "HarmonyOS_Sans_SC_Regular";
  padding: 0 24px;
  width: 100%;
}
.subtitle {
  font-family: "HarmonyOS_Sans_SC_Bold";
  font-size: 50px;
  line-height: 1;
  color: #000000;
  text-align: center;
}
.text-center {
  text-align: center;
}
.part-title {
  font-family: "HarmonyOS_Sans_SC_Bold";
  font-size: 28px;
  line-height: 1;
}
@media only screen and (max-width: 1599px) {
  .part1 .part-desc {
    width: 66.67%;
  }
  .subtitle {
    font-size: 40px;
  }
  .part-title {
    font-size: 24px;
  }
  .part1 .part-img .part-desc {
	  padding: 0 20px;
	}
}
@media only screen and (max-width: 1299px) {
  .part1 .part-desc {
    width: 80%;
  }
  .subtitle {
    font-size: 36px;
  }
  .part-desc {
    font-size: 16px;
  }

  .part-title {
    font-size: 22px;
  }
  .part1 .part-img .part-desc {
	  padding: 0 16px;
	}
}
@media only screen and (max-width: 1024px) {
  .part1 .part-desc {
    width: 100%;
    /*margin-bottom: 24px;*/
  }
  .subtitle {
    font-size: 28px;
  }
  .part-desc {
    font-size: 16px;
    line-height: 1.7;
  }
  .part-title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 450px) {
  .subtitle {
    font-size: 24px;
  }
  .part-desc {
    font-size: 14px;
  }
  .part-title {
    font-size: 18px;
  }
  .part1 .part-img .part-desc {
	  padding: 0 12px;
	}
}

.part-img{
	display: flex;
	display: -webkit-flex;
}
.part1-item{
	width: calc((100% - 48px) / 2);
	margin-right: 16px;
	display: block;
}
.part1-item:last-child{
	margin-right: 0;
}
.part1-item figure{
	width: 100%;
	padding-bottom: 45.87%;
}
.part-img .part1-item:nth-child(1) figure {
	background: url(https://file.jingdiao.com/website/jingdiao/cn/images/application-mode/part101.png);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.part-img .part1-item:nth-child(2) figure {
	background: url(https://file.jingdiao.com/website/jingdiao/cn/images/application-mode/part102.png);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.part2-item {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.part2-item .part-img {
  width: 50%;
}
.part2-item .part-content {
  width: 50%;
  padding-left: 56px;
}
.part2-item figure {
  width: 100%;
  padding-bottom: 45.87%;
}
.part2 .part2-item:nth-child(1) figure {
  background: url(https://file.jingdiao.com/website/jingdiao/cn/images/application-mode/part201.png);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.part2 .part2-item:nth-child(2) figure {
  background: url(https://file.jingdiao.com/website/jingdiao/cn/images/application-mode/part202.png);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.part-more{
	padding: 0 10px;
	text-align: left;
}
.part-more span:first-child{
	font-size: 18px;
}
.part-more .icon--6:before{
	font-size: 14px;
}
@media only screen and (max-width: 1299px) {
	.part-more span:first-child{
		font-size: 16px;
	}
	.part-more .icon--6:before{
		font-size: 12px;
	}
}
@media only screen and (max-width: 1024px) {
	.part-img,
	.part2-item {
		display: block;
	}
	.part1-item{
		width: 100%;
		margin-right: 0;
	}

	.part2-item .part-img {
	  width: 100%;
	}

	.part2-item .part-content {
	  width: 100%;
	  padding-left: 0px;
	}
	.part-more{
		padding: 0;
	}
}
@media only screen and (max-width: 450px) {
	.part-more span:first-child{
		font-size: 14px;
	}
	.part-more .icon--6:before{
		font-size: 10px;
	}
}