.wrapper {
  margin: 0 auto;
  width: 1200px;
  height: 100%;
}

/* 闂備胶绮〃鍛存偋閸℃瑧绱﹂柨鐕傛嫹 */
.content .banner {
  margin-bottom: 50px;
  width: 100%;
  height: 350px;
  background-image: url(../picture/Background/1.jpeg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.content .banner .bannerContent {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
}

.content .banner .bannerContent .bannerLeft {
  /* padding-top: 20px; */
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 50%;
  height: 100%;
  /* background-color: pink; */
}

.content .banner .bannerContent .bannerLeft .bannerLeftContent ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.content .banner .bannerContent .bannerLeft .bannerLeftContent li {
  margin-right: 20px;
  margin-bottom: 20px;
  width: 180px;
  height: 70px;
  background-color: #f5f5f5;
  border-radius: 10px;
  text-align: center;
  font-size: 18px;
  line-height: 70px;
  cursor: pointer;
}

.content .banner .bannerContent .bannerLeft .bannerLeftContent li .iconfont {
  margin-right: 5px;
  font-size: 24px;
}

.content .banner .bannerContent .bannerLeft .bannerLeftTitle {
  margin-top: 30px;
}

.content .banner .bannerContent .bannerLeft .bannerLeftTitle h1 {
  margin-bottom: 20px;
  font-size: 40px;
}

.content .banner .bannerContent .bannerLeft .bannerLeftTitle p {
  font-size: 18px;
  color: #999;
  line-height: 1.5;
}

.content .banner .bannerContent .bannerLeft .bannerLeftLogin button {
  width: 100px;
  height: 50px;
  font-size: 20px;
}

.content .banner .bannerContent .bannerRight {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
}

.content .banner .bannerContent .bannerRight button {
  display: none;
  padding: 0 20px;
  height: 60px;
  font-size: 20px;
  background-color: #f5f5f5;
  border-radius: 30px;
  border: none;
}

.content .banner .bannerContent .bannerRight:hover button {
  display: block;
  transition: all 1s;
}

/* 闂佽娴峰▍銏㈠緤閼测晜顫曢柨鐕傛嫹 */
.content .publicity {
  width: 100%;
  height: 150px;
  background-image: url(../picture/OpenSharing/font_bg.png);
  background-repeat: no-repeat;
}

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

.content .publicity li {
  width: 230px;
  height: 100px;
  /* background-color: #f5f5f5; */
  font-size: 18px;
  text-align: center;
  line-height: 100px;
}

.content .publicity li span {
  font-size: 30px;
  font-weight: 600;
  color: #00c29a;
}

/* 闁诲孩顔栭崳顖炲箯閻戣姤鐓涢柨鐔剁矙楠炲棜顦茬憸鐗堢懃闇夋繝濠冨姈鐎氾拷 */
.openSharing1 {
  margin-bottom: 50px;
}

.openSharing1 .openSharing1Title {
  text-align: center;
  margin-bottom: 50px;
}

.openSharing1 .openSharing1Title h1 {
  margin-bottom: 20px;
  font-size: 36px;
}

.openSharing1 .openSharing1Title p {
  color: #999;
  font-size: 20px;
}

.openSharing1 .openSharing1_1 {
  margin-bottom: 60px;
}

.openSharing1 .openSharing1Content .ContentContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  /*  height: 400px; */
  /* background-color: pink; */
}

.openSharing1 .openSharing1Content .ContentContainer .leftText {
  width: 49%;
}

.openSharing1 .openSharing1Content .ContentContainer .leftText h3 {
  font-size: 26px;
  line-height: 2;
}

.openSharing1 .openSharing1Content .ContentContainer .leftText p {
  font-size: 18px;
  text-indent: 2em;
  line-height: 2;
  text-align: justify;
  color: #333;
}

.openSharing1 .openSharing1Content .ContentContainer .rightText {
  width: 49%;
}

.openSharing1 .openSharing1Content .ContentContainer .rightText h3 {
  font-size: 26px;
  line-height: 2;
}

.openSharing1 .openSharing1Content .ContentContainer .rightText p {
  font-size: 18px;
  text-indent: 2em;
  line-height: 2;
  text-align: justify;
  color: #333;
}

.openSharing1 .bottomButton {
  text-align: center;
}

.openSharing1 .bottomButton button {
  padding: 0 20px;
  font-size: 20px;
  line-height: 2;
  border-radius: 20px;
}

.openSharing1 .bottomButton button img {
  margin-bottom: 4px;
}

/* 闂佸搫顦弲娑樏洪敃锟介湁妞ゆ洩鎷烽柡灞界墦婵℃悂濡烽妷褝鎷烽敓锟� */
.transitionPart {
  padding: 30px 0;
  margin-bottom: 30px;
  text-align: center;
  font-size: 20px;
  background-color: #f5f5f5;
}

/* 婵°倗濮烽崑娑㈠疮閼愁垬浜归悗娑欘焽椤╃兘鎮楅敐搴″闁活叏鎷� */
.platformIntroduction {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 50px;
  background-color: #f5f5f5;
}

.platformIntroduction .platformIntroduction1 {
  margin-bottom: 60px;
}

.platformIntroduction .platformIntroduction1 .platformIntroduction1Title {
  text-align: center;
  margin-bottom: 50px;
}

.platformIntroduction .platformIntroduction1 .platformIntroduction1Title h1 {
  margin-bottom: 20px;
  font-size: 36px;
}

.platformIntroduction .platformIntroduction1 .platformIntroduction1Title p {
  font-size: 20px;
  color: #999;
}

.platformIntroduction .platformIntroduction1 .platformIntroduction1Content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.platformIntroduction .platformIntroduction1 .platformIntroduction1Content .platformIntroduction1ContentLeftText {
  width: 49%;
}

.platformIntroduction .platformIntroduction1 .platformIntroduction1Content .platformIntroduction1ContentLeftText h3 {
  font-size: 26px;
  line-height: 2;
}

.platformIntroduction .platformIntroduction1 .platformIntroduction1Content .platformIntroduction1ContentLeftText p {
  text-indent: 2em;
  font-size: 18px;
  color: #333;
  line-height: 2;
}

.platformIntroduction .platformIntroduction1 .platformIntroduction1Content .platformIntroduction1ContentRightImg {
  display: flex;
  align-items: center;
  width: 49%;
}

.platformIntroduction .platformIntroduction1 .platformIntroduction1Content .platformIntroduction1ContentRightImg img {
  width: 100%;
  height: 300px;
}

.platformIntroduction .platformIntroductionDivider {
  margin: 50px 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}


.platformIntroduction .platformIntroduction2 .platformIntroduction2Title {
  text-align: center;
  margin-bottom: 50px;
}

.platformIntroduction .platformIntroduction2 .platformIntroduction2Title h1 {
  margin-bottom: 20px;
  font-size: 36px;
}

.platformIntroduction .platformIntroduction2 .platformIntroduction2Title p {
  font-size: 20px;
  color: #999;
}

.platformIntroduction .platformIntroduction2 .platformIntroduction2Content {
  display: flex;
  justify-content: space-between;
}

.platformIntroduction .platformIntroduction2 .platformIntroduction2Content .platformIntroduction2ContentRight,
.platformIntroduction .platformIntroduction2 .platformIntroduction2Content .platformIntroduction2Contentleft {
  width: 49%;
}

.platformIntroduction .platformIntroduction2 .platformIntroduction2Content .platformIntroduction2Contentleft {
	display: flex;
	align-items: center;
}

.platformIntroduction .platformIntroduction2 .platformIntroduction2Content .platformIntroduction2Contentleft img {
  width: 100%;
  height: 314px;
}

.platformIntroduction .platformIntroduction2 .platformIntroduction2Content .platformIntroduction2ContentRight h3 {
  font-size: 26px;
  line-height: 2;
}

.platformIntroduction .platformIntroduction2 .platformIntroduction2Content .platformIntroduction2ContentRight p {
  font-size: 18px;
  text-indent: 2em;
  line-height: 2;
  text-align: justify;
  color: #333;
}

/* 濠电儑绲藉ù鍌炲窗濡ゅ懎鏋佸┑鍌滎焾缁�鍫ユ煥閻曞倹瀚� */
.platformIntroduction .platformIntroduction2 .platformIntroduction2Content .platformIntroduction2Contentleft ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.platformIntroduction .platformIntroduction2 .platformIntroduction2Content .platformIntroduction2Contentleft li .leftImg {
  display: flex;
  align-items: center;
}

.platformIntroduction .platformIntroduction2 .platformIntroduction2Content .platformIntroduction2Contentleft li .leftImg img {
  width: 100px;
  height: auto;
}

.platformIntroduction .platformIntroduction2 .platformIntroduction2Content .platformIntroduction2Contentleft li .rightText {
  flex: 1;
}

.platformIntroduction .platformIntroduction2 .platformIntroduction2Content .platformIntroduction2Contentleft li .rightText p {
  color: #999;
  line-height: 1.5;
}

.platformIntroduction .platformIntroduction2 .platformIntroduction2Content .platformIntroduction2Contentleft li {
  display: flex;
  /* margin: 0 auto; */
  margin-bottom: 20px;
  padding: 10px;
  width: 500px;
  /* height: 100px; */
  background-color: #fff;
  border-radius: 10px;
}

.platformIntroduction .platformIntroduction2 .platformIntroduction2Content li h3 {
  text-align: center;
  font-size: 26px;
  line-height: 2;
}

.platformIntroduction .platformIntroduction2 .platformIntroduction2Content li p {
  text-indent: 2em;
  font-size: 16px;
  text-align: justify;
}

.platformIntroduction .platformIntroduction2 .platformIntroduction2Content li .iconfont {
  margin-right: 5px;
  font-size: 30px;
  /* color: #999; */
}

.platformIntroduction .platformIntroduction2 button {
  display: block;
  margin: 30px auto;
  padding: 10px 20px;
  font-size: 18px;
  border-radius: 30px;
}



/* 闂佸湱鍘ч悺銊ヮ潖婵犳艾鏋侀柕鍫濇椤╃兘鎮楅敐搴″闁活叏鎷� */
.appIntroduction1 .appIntroduction1Title {
  margin-bottom: 50px;
}

.appIntroduction1 .appIntroduction1Title h1 {
  margin-bottom: 20px;
  text-align: center;
  font-size: 36px;
}

.appIntroduction1 .appIntroduction1Title p {
  text-align: center;
  font-size: 20px;
  color: #999;
}

.appIntroduction1 .rightContent ul {
  display: flex;
  flex-wrap: wrap;
}

.appIntroduction1 .rightContent li {
  display: flex;
  /* flex-wrap: wrap; */
  padding: 10px;
  margin-right: 74px;
  margin-bottom: 20px;
  width: 250px;
  height: 100px;
  background-color: #f5f5f5;
  border-radius: 10px;
  cursor: pointer;
}

.appIntroduction1 .rightContent li .leftImg {
  display: flex;
  align-items: center;
}

.appIntroduction1 .rightContent li .leftImg img {
  width: 80px;
  height: 80px;
}

.appIntroduction1 .rightContent li .rightText {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  /* padding-top: 12px; */
}

.appIntroduction1 .rightContent li .rightText h3 {
  margin-bottom: 10px;
  text-align: center;
  font-size: 20px;
  line-height: 1.5;
}

.appIntroduction1 .rightContent li .rightText p {
  text-indent: 2em;
  text-align: justify;
  font-size: 14px;
  color: #666;
  line-height: 2;
}

.appIntroduction1 button {
  display: block;
  margin: 20px auto;
  padding: 10px 20px;
  font-size: 18px;
  border-radius: 30px;
}

/* 2025.9.5 娣囶喗鏁� */
.appIntroduction1 .systemModule,
.appIntroduction1 .knowledgeModule,
.appIntroduction1 .appModule {
  display: flex;
  /* justify-content: space-between; */
}

.appIntroduction1 .leftTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20%;
}

.appIntroduction1 .leftTitle h3 {
  font-size: 28px;
}

.appIntroduction1 .rightContent {
  width: 80%;
}

.appIntroduction1 .divideLine {
  margin-bottom: 20px;
  height: 1px;
  background-color: #999;
}