body {  font-family: 'PingFang SC', 'Avenir', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Heiti SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;  font-size: 0;}.header {  position: relative;  width: 100%;}.header .mobile-style {  width: 100%;  height: 0.86rem;  position: fixed;  left: 0;  top: 0;  font-size: 0;  background-color: #ffffff;  z-index: 10;}.header .mobile-style .logo {  width: 1.64rem;  height: 0.48rem;  margin: 0.2rem 0 0 0.28rem;}.header .mobile-style .nav-icon-box {  padding-left: 0.32rem;  cursor: pointer;}.header .mobile-style .nav-icon {  width: 0.4rem;  height: 0.3rem;  color: #474747;  margin: 0.28rem 0.32rem 0 0;}@media (max-width: 575px) {  .public-container {    margin: 0.44rem auto 0;  }  .pc-style {    display: none;  }  .header {    height: 0.86rem;    position: relative;  }  .nav-mask {    position: absolute;    bottom: -3.3rem;    right: 0.22rem;    width: 1.78rem;    height: 3.2rem;    background-color: #3B3B4B;    font-size: 0.28rem;    line-height: 0.56rem;    padding: 0.2rem 0;    text-align: center;    border-radius: 0.1rem;  }  .nav-mask a {    color: #ffffff;  }  .nav-mask a:link {    color: #ffffff;  }  .nav-mask a:visited {    color: #ffffff;  }  .nav-mask a:hover {    color: #ffffff;  }  .public-banner {    width: 100%;    height: 2.62rem;    background-repeat: no-repeat;    background-size: cover;    background-position: 50%;  }  .footer {    background-color: #F5F5F5;    padding-top: 0.94rem;    position: relative;  }  .footer .footer-box {    margin: 0 auto;    max-width: 6.2rem;    display: flex;    display: -webkit-flex;  }  .footer .contact-way {    flex: 1;    -webkit-flex: 1;  }  .footer .contact-way h4 {    font-size: 0.44rem;    font-weight: 400;    line-height: 0.48rem;  }  .footer .contact {    margin-top: 0.58rem;  }  .footer .contact li {    height: 0.4rem;    line-height: 0.4rem;    font-size: 0.24rem;    color: #4a4a4a;    margin-bottom: 0.4rem;  }  .footer .contact li:first-child {    margin-top: 0;  }  .footer .contact li .icon {    width: 0.3rem;    height: 0.3rem;    margin-right: 0.16rem;  }  .footer .contact li .icon,  .footer .contact li span {    vertical-align: middle;  }  .footer .contact li:nth-of-type(2) .icon {    width: 0.28rem;    height: 0.2rem;    margin-right: 0.2rem;  }  .footer .qrcode {    width: 1.54rem;    height: 1.54rem;    flex: 0 0 1.54rem;    -webkit-flex: 0 0 1.54rem;    position: absolute;    top: 2.14rem;    right: 0.68rem;  }  .footer .qrcode img {    width: 100%;    height: 100%;  }  .footer .headquarters {    font-weight: 500;  }  .footer .address {    line-height: 0.48rem;    font-size: 0.24rem;    color: #4a4a4a;    margin-top: 0.36rem;  }  .footer .address .icon {    margin-right: 0.2rem;    width: 0.26rem;    height: 0.3rem;    vertical-align: middle;  }  .footer .address .address-detail {    max-width: 5.22rem;    word-break: break-all;    flex: 0 0 100%;    -webkit-flex: 0 0 100%;    vertical-align: middle;    margin-top: -4px;  }  .footer .case-num {    color: #9B9B9B;    font-size: 0.24rem;    text-align: center;    margin-top: 0.84rem;    padding-bottom: 0.28rem;  }  .footer .case-num p {    line-height: 0.48rem;  }}@media (min-width: 576px) {  body {    padding-top: 1.6rem;  }  .header {    position: fixed;    left: 0;    top: 0;    width: 100%;    height: 1.6rem;    background-color: #ffffff;    z-index: 6;    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);  }  .header .pc-header-box {    max-width: 20.08rem;    height: 100%;    margin: 0 auto;  }  .header .pc-header-box .logo {    width: 2.72rem;    height: 0.8rem;    margin-top: 0.42rem;  }  .header .pc-header-box .header-nav {    width: 7.7rem;    height: 0.88rem;    margin-top: 0.52rem;  }  .header .pc-header-box .header-nav a {    color: #4a4a4a;  }  .header .pc-header-box .header-nav a:link {    color: #4a4a4a;  }  .header .pc-header-box .header-nav a:visited {    color: #4a4a4a;  }  .header .pc-header-box .header-nav a:hover {    color: #4a4a4a;  }  .header .pc-header-box .nav-ul {    font-size: 0.4rem;    color: #000000;  }  .header .pc-header-box .nav-li {    width: 20%;    line-height: 0.56rem;    text-align: center;  }  .header .pc-header-box .nav-li a {    display: inline-block;  }  .header .pc-header-box .nav-li a.active {    box-sizing: border-box;    border-bottom: 4px solid #3da0c1;    color: #3da0c1;  }  .mobile-style {    display: none;  }  .public-container {    max-width: 20rem;    margin: 0.8rem auto 0;  }  .header {    height: 1.6rem;  }  .public-banner {    width: 100%;    height: 10rem;    max-height: 600px;    background-repeat: no-repeat;    background-size: cover;    background-position: 50%;  }  .footer {    background-color: #F5F5F5;    padding-top: 2.14rem;  }  .footer .footer-box {    margin: 0 auto;    max-width: 20rem;    display: flex;    display: -webkit-flex;    position: relative;  }  .footer .contact-way {    flex: 1;    -webkit-flex: 1;  }  .footer .contact-way h4 {    font-size: 0.76rem;    font-weight: 400;  }  .footer .contact {    margin-top: 0.86rem;    display: flex;    display: -webkit-flex;  }  .footer .contact li {    line-height: 0.48rem;    font-size: 0.36rem;    color: #4a4a4a;  }  .footer .contact li:last-child {    margin-right: 0;  }  .footer .contact li:nth-of-type(1) {    margin-right: 1.02rem;  }  .footer .contact li:nth-of-type(1) .icon {    width: 0.4rem;    height: 0.42rem;    vertical-align: middle;    margin-right: 0.46rem;  }  .footer .contact li:nth-of-type(2) {    margin-right: 1.56rem;  }  .footer .contact li:nth-of-type(2) .icon {    width: 0.4rem;    height: 0.3rem;    vertical-align: middle;    margin-right: 0.38rem;  }  .footer .contact li:nth-of-type(3) .icon {    width: 0.4rem;    height: 0.42rem;    vertical-align: middle;    margin-right: 0.42rem;  }  .footer .contact li span {    vertical-align: middle;  }  .footer .qrcode {    width: 3.72rem;    height: 3.72rem;    margin-top: 0.72rem;    flex: 0 0 3.72rem;    -webkit-flex: 0 0 3.72rem;    position: absolute;    top: 0;    right: 0;  }  .footer .qrcode img {    width: 100%;    height: 100%;  }  .footer .address {    line-height: 0.96rem;    font-size: 0.36rem;    color: #4a4a4a;    margin-top: 0.3rem;  }  .footer .address .icon {    width: 0.4rem;    height: 0.46rem;    margin-right: 0.42rem;    vertical-align: middle;  }  .footer .address p {    vertical-align: middle;  }  .footer .case-num {    color: #9B9B9B;    font-size: 0.28rem;    text-align: center;    margin-top: 2rem;    padding-bottom: 0.46rem;  }  .footer .case-num p {    line-height: 0.44rem;    display: inline-block;  }  .footer .case-num p:nth-of-type(2) {    margin-left: 0.4rem;  }}.flex {  display: flex;  display: -webkit-flex;}.justify-center {  justify-content: center;  -webkit-justify-content: center;}.justify-between {  justify-content: space-between;  -webkit-justify-content: space-between;}.justify-around {  justify-content: space-around;  -webkit-justify-content: space-around;}.items-center {  align-items: center;  -webkit-align-items: center;}.direction-column {  flex-direction: column;  -webkit-flex-direction: column;}.flex-wrap {  flex-wrap: wrap;  -webkit-flex-wrap: wrap;}.width100 {  width: 100%;}.height100 {  height: 100%;}.dis-none {  display: none;}.dis-block {  display: block;}.dis-inline {  display: inline;}.dis-inline-block {  display: inline-block;}