* {
  margin: 0;
  padding: 0;
}
.wrapper {
  width: 100%;
  min-height: 100%;

}
#main-part {
  width: 100%;
  position: relative;
}

.nav {
  width: 100%;
  height: calc((120 / 1080) * 100%);
  z-index: 20;
  background-color: white;
  position: relative;

}

.top-logo {
  position: absolute;
  width: calc((235 / 1920) * 100%);
  height: calc((88 / 120) * 100%);
  background: url("../img/topLogo.png") center 0 no-repeat;
  background-size: 100%;
  top: calc((10 / 120) * 100%);
  left: calc((250 / 1920) * 100%);
}

#main-part .nav ul {
  float: right;
  margin: 1.5vw;
  margin-right: 14vw;
}

#main-part .nav ul li {
  float: left;
  padding-left: 3vw;
}

#main-part .nav ul li a {
  font-size: 1vw;
  font-weight: 350;
  color: #333333;
  border-bottom-width: 0.2vw;
  border-bottom-style: solid;
  border-bottom-color: #EA51B6;
  padding-bottom: 0.6vw;
}

ul,
li {
  list-style: none;
}

a {
  text-decoration: none;
  margin: 1px 4px;
  color: #ff0033;
}

#indeWrapper {
  width: 100%;
  height: calc((901 / 1080) * 100%);
  background: url("../img/bg.png") center 0 no-repeat;
  background-size: 100%;
  position: relative;
}

.phone {
  position: absolute;
  width: calc((544 / 1920) * 100%);
  height: calc((760 / 821) * 100%);
  background: url("../img/phone.png") center 0 no-repeat;
  background-size: 100%;
  top: calc((80 / 1080) * 100%);
  left: calc((250 / 1920) * 100%);
}
.content-pic {
  position: absolute;
  width: calc((720 / 1920) * 100%);
  height: calc((305 / 821) * 100%);
  background: url("../img/contentPic1.png") center 0 no-repeat;
  background-size: 100%;
  top: calc((280 / 1080) * 100%);
  left: calc((900 / 1920) * 100%);
}
.ios-download {
  position: absolute;
  width: calc((324 / 1920) * 100%);
  height: calc((170 / 940) * 100%);
  background: url("../img/iosDownload.png") center 0 no-repeat;
  background-size: 100%;
  top: calc((720 / 1080) * 100%);
  left: calc((800 / 1920) * 100%);
}
.android-download {
  position: absolute;
  width: calc((400 / 1920) * 100%);
  height: calc((150 / 901) * 100%);
  background: url("../img/androidDownload.png") center 0 no-repeat;
  background-size: 100%;
  top: calc((720 / 1080) * 100%);
  left: calc((1050 / 1920) * 100%);
}
.code {
  position: absolute;
  width: calc((324 / 1920) * 100%);
  height: calc((170 / 940) * 100%);
  background: url("../img/codeDownload.png") center 0 no-repeat;
  background-size: 100%;
  top: calc((720 / 1080) * 100%);
  left: calc((1400 / 1920) * 100%);
}

.buttom-part {
  height: 10vh;
  height: calc((140 / 1080) * 100%);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  background-color: white;
  font-size: 12px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #fff;
  background: #404040;
  line-height: 28px;
  padding-top: 2%;
}

#productInduce {
  width: 100%;
  height: calc((901 / 1080) * 100%);
  background: url("../img/bg.png") center 0 no-repeat;
  background-size: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.product-induce-pic {
  width: calc((1450 / 1920) * 100%);
  height: calc((760 / 821) * 100%);
  background: url("../img/productInduce.png") center 0 no-repeat;
  background-size: 100%;
  margin-top: 2%;
}

.block-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 42px;
}

.block-item {
  width: 534px;
  height: 202px;
  background: #ffffff;
  box-shadow: -4px 0px 30px 0px rgba(173, 138, 161, 0.29);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.part-one {
  width: 430px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.block-icon1 {
  width: 36px;
  height: 36px;
  background-size: 100% 100%;
  background-image: url("../img/MTYwNjI4NzY2NTM3MSM5NTgjcG5n.png");
}
.block-title1 {
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 300;
  color: #ef91db;
  line-height: 24px;
}
.block-icon2 {
  width: 36px;
  height: 36px;
  background-size: 100% 100%;
  background-image: url("../img/MTYwNjI4NzY2NTA1MSMzMTgjcG5n.png");
}
.block-title2 {
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 300;
  color: #ffad74;
  line-height: 24px;
}
.block-icon3 {
  width: 36px;
  height: 36px;
  background-size: 100% 100%;
  background-image: url("../img/MTYwNjI4NzY2NTA0NyMzNTcjcG5n.png");
}
.block-title3 {
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 300;
  color: #f77b9e;
  line-height: 24px;
}
.block-icon4 {
  width: 36px;
  height: 36px;
  background-size: 100% 100%;
  background-image: url("../img/MTYwNjI4NzY2NTA1OSM0MjgjcG5n.png");
}
.block-title4 {
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 300;
  color: #a662f8;
  line-height: 24px;
}

.part-two {
  width: 430px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 300;
  color: #000000;
  line-height: 30px;
  opacity: 0.5;
  margin-top: 16px;
}

/* 鍏充簬鎴戜滑 */
#aboutUs {
  width: 100%;
  height: calc((901 / 1080) * 100%);
  background: url("../img/bg.png") center 0 no-repeat;
  background-size: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.about-us-pic {
  width: calc((1450 / 1920) * 100%);
  height: calc((760 / 821) * 100%);
  background: url("../img/about.png") center 0 no-repeat;
  background-size: 100%;
  margin-top: 2%;
}


#softindeuce {
  width: 100%;
  height: calc((901 / 1080) * 100%);
  background: url("../img/bg.png") center 0 no-repeat;
  background-size: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;

}

.product-induce-soft{
  width: calc((1450 / 1920) * 100%);
  height: calc((760 / 821) * 100%);
  background: url("../img/productInduce-soft.png") center 0 no-repeat;
  background-size: 100%;
  margin-top: 2%;
}

.afott{color:#333;}
.fooberhr{width:100%;height:5%;background:#f7f8fa;}
.foober{ width:100%; background:#242424; padding-top:1%; height:200px;}
.footer1{ width:20%;float:left;margin-left:5%;text-align:center; color:#999;padding-top:0.5%;}
.divs{width:50%;float:left;}
.spant{display:block; margin-top:5%;text-align:center;}
.footer1 img{width:100px;height:100px;text-align:center;}
.foober2{
    width:30%;float:left;  color: #999;
}
.foober2 p{ margin-top:1.5%;}
.foober22{
    width:30%;float:left; 
}
.foober3{
    width:40%;float:left;   padding-left: 2%;
}
.footer_ul{width:25%;float:left; color:#fff;}
.footer_ul li{ margin-top:1%;font-size:20px; }
.footer_ul a:link {
    /* 去除a 标签默认的下划线 */
    text-decoration: none;
    /* 设置字体样式 */
    font-size: 14px;
    color: #8e8d8e;
}
.footer_ul a:visited{
    color: #8e8d8e;
}

.xinyuchat_footer{ width:100%;background:#1b1b1b; color:#666;text-align: center; padding-top:1%;padding-bottom:1%; font-size: 14px;line-height:30px;}

.xinyuchat_footer a:link {
    /* 去除a 标签默认的下划线 */
    text-decoration: none;
    /* 设置字体样式 */
    font-size: 14px;
    color: #666;
}

.xinyuchat_footer a:visited{
    color: #666;
}

.indeWrapText{ width:100%;text-align:center;padding-top:2%;padding-bottom:2%;background:#f7f8fa;}
.z110{ width:100%;text-align:center;margin-top:5%;margin-bottom:5%;}
.z50{font-size:50px;}
.indeWrapImg{ width:96%;text-align:center; margin-left:auto; margin-right:auto; background:#f7f8fa; height:70%;}
.img{ float:left;margin-left:0%;width:20%;}