@import "Normalize.css";

*{
  box-sizing: border-box;
  -webkit-tap-highlight-color:transparent;
}
ul,ol{
  list-style: none;
  margin: 0;
  padding: 0;
}
p{
  margin: 0;
  padding: 0;
}
a{
  text-decoration: none;
}
img{
  vertical-align: bottom;
  border: 0;
  border: none;
}
a,img{
  -webkit-touch-callout: none;
  -moz-user-select: none;
  user-select: none;
}
input,button{
  -webkit-appearance: none;
}
a,input{
  outline: none;
}
.clearfix::after{
  content: "";
  clear: both;
  visibility: hidden;
  display: table;
  height: 0;
}


body{
  max-width: 1920px;
  min-width: 320px;
  width: 100%;
  font-family: -apple-system,Helvetica,sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  margin: 6px auto;
  padding-bottom: env(safe-area-inset-bottom);
}
header{
  width: 100%;
  height: 1120px;
  margin-bottom: 8%;
  background-image: url("img/01yy.png");
  background-size: 100% 98%;
  background-repeat: no-repeat;
}
.nav-top{
  width: 100%;
  height: 120px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  background: url("img/04.png")
  100% no-repeat;
}
.nav_1{
  margin-left: 300px;
}
.nav_1,.nav_2,.nav_3,.nav_4,.nav_5{
  font-size: 24px;
  line-height: 24px;
}
.nav_1 a,.nav_2 a,.nav_3 a,.nav_4 a,.nav_5 a{
  color: rgba(42, 42, 42, 1);
}
.nav_1,.nav_3{
  width: 48px;
  height: 32px;
  display: block;
}
.nav_2,.nav_4,.nav_5{
  width: 96px;
  height: 32px;
  display: block;
}
.nav-bottom{
  display: flex;
  flex-direction: column;
  max-width: 1920px;
  min-width: 320px;
  height: 400px;
  justify-content: space-evenly;
  margin-top: 180px;
  margin-left: 160px;
}
.nav-bottom span{
  color: rgba(245, 245, 245, 1);
  font-size: 68px;
}
.nav-bottom span:nth-child(2){
  font-size: 80px;
}
.container{
  width: 100%;
}
.main_1{
  width: 100%;
  height: 900px;
  background-image: url(img/05.png);
  background-repeat: no-repeat;
  background-size: 100%,100%;
  position: relative;
}
.us1 {
  color: rgba(42, 42, 42, 1);
  font-size: 60px;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 84px;
  text-align: left;
  /*display: block;*/
  /*border-bottom: 3px solid #333;*/
}
.us2 {
  color: rgba(102, 102, 102, 1);
  font-size: 42px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 59px;
  text-align: left;
}
.main_1 .us2{
  position: absolute;
  right: 8%;
  top: -4%;
}
.main_1 .us1{
  position: absolute;
  right: 16%;
  top: -5%;
}
.mz_1{
  height: 84px;
  width: 100%;
}
.mz_1-1{
  color: rgba(42, 42, 42, 1);
  font-size: 60px;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 84px;
  margin: 0 40px 0 200px;
}
.mz_1-2{
  color: rgba(102, 102, 102, 1);
  font-size: 42px;
  font-family: PingFangSC-Medium;
  line-height: 59px;
  margin-top: 13px;
}
.main_2{
  width: 100%;
  height: 960px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.mt_1,.item{
  margin-top:60px;
}
.mt_1{
  width: 36%;
  height: 860px;
  background: url("img/06.png") 100% no-repeat;
}
.item{
  height: 860px;
  width: 64%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.item1{
  display: flex;
}
.item1-1{
  height: 200px;
  border-radius: 50%;
  background: url(img/SketchPng1b7a806a02149b467cd4e9df38ba1cea6514522db8cacabda236a604e2ae271d.png)
  100% no-repeat;
  margin-left: 100px;
  width: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.item1-2{
  height: 200px;
  border-radius: 50%;
  background: url(img/SketchPng6b021892a3411bc73f5a01cfa0031d0127018e8a0cec1f57b3634e5f973b3ce9.png)
  100% no-repeat;
  margin-left: 85px;
  width: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.item1-3{
  height: 200px;
  border-radius: 50%;
  background: url(img/SketchPnge2630184e1deafea64b34703ccce9c6fa5526d2f78eea16894eb4109ee9a332f.png)
  100% no-repeat;
  margin-left: 85px;
  width: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.info-1{
  margin-top: 20px;
  font-size: 40px;
  color: rgba(255, 255, 255, 1);
}
.box-1{
  width: 92px;
  height: 3px;
  border-radius: 1.5px 1.5px 1.5px 1.5px;
  background-color: rgba(255, 255, 255, 1);
  margin: 11px 0 0 5px;
}
.infobox-1{
  display: inline-block;
  height: 50px;
  color: rgba(255, 255, 255, 0.69);
  font-size: 16px;
}
.info-2{
  margin-top: 20px;
  font-size: 40px;
  color: rgba(7, 7, 7, 1);
}
.box-2{
  width: 92px;
  height: 3px;
  border-radius: 1.5px 1.5px 1.5px 1.5px;
  background-color: rgba(7, 7, 7, 1);
  margin: 11px 0 0 5px;
}
.infobox-2{
  display: inline-block;
  height: 50px;
  color: rgba(7, 7, 7, 1);
  font-size: 16px;
}
.info-3{
  margin-top: 20px;
  font-size: 40px;
  color: rgba(255, 255, 255, 0.69);
}
.box-3{
  width: 92px;
  height: 3px;
  border-radius: 1.5px 1.5px 1.5px 1.5px;
  background-color: rgba(255, 255, 255, 0.69);
  margin: 11px 0 0 5px;
}
.infobox-3{
  display: inline-block;
  height: 50px;
  color: rgba(255, 255, 255, 0.69);
  font-size: 16px;
}
.item2{
  margin-left: 100px;
  margin-top: 100px;
  width: 80%;
  height: 420px;
  background-color: rgba(84, 164, 232, 0.79);
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  justify-content: center;
}
.item2-1{
  align-self: center;
  margin-bottom: 10px;
}
.word_t{
  width: 480px;
  height: 67px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 48px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 67px;
  text-align: left;
}
.item2-2{
  display: flex;
  padding: 10px;
  margin: 0 auto;
}
.index-t{
  width: 12px;
  height: 12px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 50%;
  margin-top: 6px;
  margin-right: 16px;
}
.word-t{
  width: 649px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}
.main3{
  display: flex;
  flex-direction: row;
  margin-top: 100px;
  justify-content: center;
}
.mz_2{
  width: 849px;
  height: 120px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(223, 223, 223, 1);
  font-size: 120px;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 120px;
  text-align: left;
  margin: 0 auto;
}
.main4{
  width: 100%;
  height: 1300px;
}
.main4-1{
  height: 700px;
  width: 100%;
  background-image: url("img/b3e5b439214aaab150b90bcff7cd466.png");
  background-size: 100% 120%;
  background-repeat: no-repeat;
  margin-top: 5%;
  margin-bottom: 120px;
}
.main4-2{
  width: 100%;
  height: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}
.main4-2-1{
  display: flex;
  flex-direction: row;
}
.main4-2-2{
  display: flex;
  flex-direction: row;
}
.main4-2-3{
  display: flex;
  flex-direction: row;
}
.mz_3{
  position: relative;
  left: 56%;
  top: 70px;
  width: 660px;
}
.mz_3-1{
  width: 437px;
  height: 84px;
  display: inline-block;
  overflow-wrap: break-word;
  color: rgba(42, 42, 42, 1);
  font-size: 60px;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 84px;
  text-align: left;
}
.mz_3-2{
  width: 168px;
  height: 59px;
  display: inline-block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 42px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 59px;
  text-align: left;
  margin-top: 13px;
}
.main5{
  width: 100%;
}
.main19{
  z-index: 245;
  height: 520px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 7px 40px 0px rgba(198, 198, 198, 0.5);
  width: 520px;
  position: absolute;
  left: 404px;
  top: 6003px;
}
.main5-2{
  position: relative;
  width: 100%;
  height: 860px;
}
.main19{
  z-index: 245;
  height: 520px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 7px 40px 0px rgba(198, 198, 198, 0.5);
  width: 520px;
  position: absolute;
  left: 16%;
  top: 30%;
}
.main20{
  z-index: 263;
  height: 520px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 7px 40px 0px rgba(198, 198, 198, 0.5);
  width: 520px;
  position: absolute;
  left: 56%;
  top: 30%;
}
.section35-5{
  z-index: 267;
  position: absolute;
  left: 101px;
  top: 100px;
  width: 306px;
  height: 197px;
  background: url(img/SketchPngd2682ea1891ab545b750fba2dfe47c9e9fba909f35457dc1a6f8438d70c3f85b.png)
  100% no-repeat;
}
.pic121{
  width: 301px;
  height: 140px;
}
.section35-52{
  z-index: 267;
  position: absolute;
  left: 101px;
  top: 100px;
  width: 306px;
  height: 197px;
  background: url(img/SketchPng60c06c850fa5e1b31e945f16086eb8639ab2905cb89225a744bc3858fcbd1327.png)
  100% no-repeat;
}
.main6 img{
  max-width: 1920px;
  min-width: 320px;
  width: 100%;
}
.main7{
  width: 100%;
  height: 380px;
}
.main7 p{
  height: 400px;
  display: inline-block;
  overflow-wrap: break-word;
  color: rgba(88, 88, 88, 1);
  font-size: 24px;
  font-family: PingFangSC-Medium;
  line-height: 48px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 auto;
  padding: 100px 200px 100px 200px;
}
footer img{
  width: 100%;
}
.main3-1{
  z-index: 149;
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  overflow: hidden;
  background: url("img/08.png") 100% no-repeat;
}
.pic2 {
  width: 220px;
  height: 220px;
}
.main3-2{
  height: 220px;
  border-radius: 50%;
  background: url("img/09.png") 100% no-repeat;
  width: 220px;
  margin: 51px 0 0 70px;
}
.main3-3{
  z-index: 133;
  position: relative;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  overflow: hidden;
  background: url(img/10.png)
    100% no-repeat;
  margin: 21px 0 0 90px;
}
.img3 {
  z-index: 134;
  position: absolute;
  left: 0;
  top: 1px;
  width: 320px;
  height: 319px;
}
.main3-4{
  height: 220px;
  border-radius: 50%;
  background: url(img/11.png) 100% no-repeat;
  width: 220px;
  margin: 51px 0 0 70px;
}
.pic4 {
  width: 220px;
  height: 220px;
}
.main3-5{
  width: 220px;
  height: 220px;
  background: url(img/12.png) 100% no-repeat;
  border-radius: 50%;
  margin-left: 70px;
}
.img4 {
  width: 100%;
  height: 449px;
  margin-top: 140px;
}
.section11 {
  width: 251px;
  height: 103px;
  background: url(img/SketchPngbd69882b1d4466f4a151d81b6788b3d84fa6e48802229e3bc9945a88fe02525e.png)
    0px -2px no-repeat;
  margin-top: 25px;
}
.info6 {
  width: 320px;
  height: 50px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(117, 162, 248, 1);
  font-size: 36px;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 50px;
  text-align: right;
  margin-left: 48px;
}
.info7 {
  width: 340px;
  height: 50px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(117, 162, 248, 1);
  font-size: 36px;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 50px;
  text-align: left;
  margin: 60px 0 0 140px;
}
.section12 {
  width: 251px;
  height: 103px;
  background: url(img/SketchPng348196504a2805d5ab89ba307f4e9a1f87e1905b566f20980144697d44f4382f.png) -2px
    0px no-repeat;
  margin-left: 48px;
}
.layer2 {
  width: 251px;
  height: 103px;
  background: url(img/SketchPngbd69882b1d4466f4a151d81b6788b3d84fa6e48802229e3bc9945a88fe02525e.png)
  0px -2px no-repeat;
  margin-top: 25px;
}
.word9 {
  width: 313px;
  height: 50px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(117, 162, 248, 1);
  font-size: 36px;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 50px;
  text-align: left;
  margin-left: 48px;
}
.word10 {
  width: 241px;
  height: 50px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(117, 162, 248, 1);
  font-size: 36px;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 50px;
  text-align: left;
  margin: 60px 0 0 240px;
}
.layer3 {
  width: 251px;
  height: 103px;
  background: url(img/SketchPng348196504a2805d5ab89ba307f4e9a1f87e1905b566f20980144697d44f4382f.png) -2px
    0px no-repeat;
  margin-left: 49px;
}
.section15 {
  width: 251px;
  height: 103px;
  background: url(img/SketchPngbd69882b1d4466f4a151d81b6788b3d84fa6e48802229e3bc9945a88fe02525e.png)
  0px -2px no-repeat;
  margin-top: 25px;
}
.txt6 {
  width: 277px;
  height: 50px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(117, 162, 248, 1);
  font-size: 36px;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 50px;
  text-align: left;
  margin-left: 48px;
}
.word11 {
  width: 226px;
  height: 50px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(117, 162, 248, 1);
  font-size: 36px;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 50px;
  text-align: center;
  margin: 60px 0 0 290px;
}
.section16 {
  width: 251px;
  height: 103px;
  background: url(img/SketchPng348196504a2805d5ab89ba307f4e9a1f87e1905b566f20980144697d44f4382f.png) -2px
    0px no-repeat;
  margin-left: 49px;
}
.main5-1{
  z-index: 90;
  height: 666px;
  width: 100%;
  position: relative;
  top: 30%;
  padding-top: 40px;
  background: url(img/02.png)
  100% no-repeat;
}
.bd23 {
  width: 870px;
  height: 84px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.info13 {
  width: 650px;
  height: 84px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 84px;
  text-align: left;
}
.txt11{
  width: 168px;
  height: 59px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 42px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 59px;
  text-align: left;
  margin-top: 13px;
}
.bd24 {
  width: 328px;
  height: 6px;
  margin: 28px 0 444px 600px;
}
.section32 {
  width: 328px;
  height: 6px;
  background-image: linear-gradient(
    90deg,
    rgba(234, 234, 234, 0) 0%,
    rgba(255, 255, 255, 1) 49%,
    rgba(208, 208, 208, 0) 100%
  );
}
.main17 {
  z-index: 245;
  height: 520px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 7px 40px 0px rgba(198, 198, 198, 0.5);
  width: 520px;
  position: absolute;
  left: 16%;
  top: 0;
  margin-top: -20%;
}
.section33 {
  width: 301px;
  height: 384px;
  margin: 72px 0 0 107px;
}
.pic12 {
  width: 301px;
  height: 303px;
}
.box9 {
  height: 52px;
  border-radius: 26px;
  background-color: rgba(72, 72, 72, 1);
  width: 220px;
  margin: 29px 0 0 43px;
  text-align: center;
}
.info14 {
  width: 130px;
  height: 28px;
  display: inline-block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 26px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 28px;
  text-align: center;
  margin: 10px 0 0 8px;
}
.main18 {
  z-index: 263;
  height: 520px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 7px 40px 0px rgba(198, 198, 198, 0.5);
  width: 520px;
  position: absolute;
  left: 56%;
  top: 0;
  margin-top: -20%;
}
.section34 {
  width: 305px;
  height: 349px;
  margin: 81px 0 0 101px;
}
.outer15 {
  width: 305px;
  height: 219px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 1);
}
.outer16 {
  z-index: 270;
  position: relative;
  width: 305px;
  height: 128px;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng851ad58d3333d2529c54a743daf9bb43a4d899e6599cfaf7022c1f8f6a99ec4e)
    100% no-repeat;
  margin-top: 2px;
}
.group12 {
  z-index: 271;
  position: absolute;
  left: 15px;
  top: 0;
  width: 278px;
  height: 179px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7b2fe53650603d77187a28e5f766a5e1cd3265569c87218be0a9fe951168c3f7)
    0px 0px no-repeat;
}
.section35 {
  z-index: 267;
  position: absolute;
  left: 101px;
  top: 100px;
  width: 306px;
  height: 197px;
  background: url(img/SketchPng3dee940dfbc275bbc060a832f815fe773df9a641f78c32e1b8d2c1a1df795ca3.png)
    100% no-repeat;
}
.section36 {
  z-index: 272;
  height: 220px;
  border-radius: 0 0 20px 20px;
  background: url(img/SketchPng6ad9791c3dda47563a41d230523215a52eebbb6ca3c077fed70ad3c01dc01869.png)
    100% no-repeat;
  width: 520px;
  position: absolute;
  left: 0;
  top: 300px;
}
.outer17 {
  height: 52px;
  border-radius: 26px;
  background-color: rgba(72, 72, 72, 1);
  width: 220px;
  margin: 104px 0 0 144px;
  text-align: center;
}
.word19 {
  width: 135px;
  height: 28px;
  display: inline-block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 26px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 28px;
  text-align: right;
  margin: 10px 0 0 8px;
}
.word19-1{
  width: 104px;
  height: 28px;
  display: inline-block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 26px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 28px;
  text-align: right;
  margin: 10px 0 0 0;
}
.word19-2{
  width: 110px;
  height: 28px;
  display: inline-block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 26px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 28px;
  text-align: right;
  margin: 10px 0 0 0;
}
.section29{
  height: 368px;
  background-color: rgba(30, 39, 65, 1);
  margin-top: 124px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.bd18{
  width: 115px;
  height: 48px;
  margin: 84px 0 0 601px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.section30{
  width: 4px;
  height: 26px;
  background-color: rgba(255, 176, 34, 1);
  margin-top: 11px;
  display: flex;
  flex-direction: column;
}
.txt9{
  width: 91px;
  height: 48px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 28px;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 48px;
  text-align: left;
  margin: 0 auto;
}
.bd19 {
  width: 514px;
  height: 24px;
  margin: 28px 0 0 603px;
  display: flex;
  flex-direction: row;
}
.txt10 {
  width: 514px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.8);
  font-size: 22px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}
.bd20 {
  width: 135px;
  height: 22px;
  margin: 40px 0 72px 603px;
  display: flex;
  flex-direction: row;
}
.word14 {
  width: 135px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.4);
  font-size: 24px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
  margin: 0 auto;
}
.word14 a{
  color: rgba(255, 255, 255, 0.4);
}