/*
@font-face {
  font-family: "SourceHanSansCN-Medium";
  src: url("/css/fonts/SourceHanSansCN-Medium.ttf");
}
*/

html {
  box-sizing: border-box;
  color: #1A1A1A;
  font-size:20px;
}
body{
  text-align: center;
  font-family: SourceHanSansCN-Medium;
}
a{
  text-decoration: none;
  color:#000;
}
@media screen and (min-width: 2200px) {
  html {
    font-size:22px;
  }
}
@media screen and (min-width: 2600px) {
  html {
    font-size:24px;
  }
}
@media screen and (max-width: 991px) {
  html {
    font-size:18px;
  }

}

*,
*:before,
*:after {
  box-sizing: inherit;
}
.icon{
  width:1rem;
  height:1rem;
  vertical-align: middle;
  fill:#888;
  margin-right: 0.5rem;
}
.part1{
  width:80%;
  margin:1rem auto;
  font-size:2rem;
  color:#555;
  position:relative;
}
.part1 span{
  position: relative;
  display: inline-block;
}
.part1 span::before{
  position: absolute;
  content:"";
  background-color: #ff0000;
  width:2rem;
  height: 0.2rem;
  border-radius: 1rem;
  display: block;
  top:3rem;
  left:calc(50% - 1rem);

}

.part2{
  width: 80%;
  text-align: center;
  margin: 2rem auto;
  font-size: 1rem;
  line-height: 1.6rem;
  border-radius: 0.2rem;
  padding: 1rem;
  /*box-shadow:
          5px 5px 5px #00000014,
          5px -5px 5px #00000014,
          -5px 5px 5px #00000014,
          -5px -5px 5px #00000014;*/
}
.part3{
  text-align: left;
  width:50%;
  margin: auto;
  line-height: 4rem;
  font-size:2rem
}

@media screen and (max-width: 991px) {
  .part2 {
    width:90%;
    text-align: left;
  }
  .part3{
    font-size:1.5rem;
    width:80%;
  }
}