/* 媒体查询解决页面闪烁 */
@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 414px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;} }
@media (min-width: 750px){html{font-size: 100px;} }


  /* @font-face {
    font-family:'PingFang-SC-Bold';
    src: url(../fonts/PingFangBold.ttf);
  }
  @font-face {
    font-family:'PingFang-SC-Medium';
    src: url(../fonts/PingFangMedium.ttf);
  }
  @font-face {
    font-family:'PingFang-SC-Regular';
    src: url(../fonts/PingFangRegular.ttf);
  } */


* {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
li {
  list-style: none;
}
*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
a {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  color: inherit;
}
a:link,
a:hover,
a:active,
a:visited {
  text-decoration: none;
  color: inherit;
}

html,body {
  color: #111;
  font-family: 'Microsoft YaHei', Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
}


/* 利用媒体查询兼容ipad */
@media screen and (min-width:768px) {
  #solve .banner,
  #app .banner,
  #about .banner,
  #contact .banner,
  #func .banner,
  #join .banner,
  #news .banner,
  #product .banner {
    height: 10rem;
  }
}

@media screen and (min-width:1024px) {
  #solve .banner,
  #app .banner,
  #about .banner,
  #contact .banner,
  #func .banner,
  #join .banner,
  #news .banner,
  #product .banner {
    height: 13rem;
  }
}




/* base */
.center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.justify {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hcenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.base-title {
  width: 100%;
  font-size: .36rem;
  line-height: .54rem;
  text-align: center;
  margin: 50px 0;
}
.bggray {
  background: #F7F7FA;
}



/* header */
.header {
  width: 100%;
  height: 1rem;
  font-size: 0.28rem;
  /* padding: 0 .32rem; */
  /* position: relative; */
  position: fixed;
  z-index: 9999;
  top:0;
  left:0;
  background: #fff;
}
.header .pic {
  height: .5rem;
  margin-left: 0.32rem;
}
.header .menu {
  height: .36rem;
  font-size: 0;
  margin-top: 0.1rem;
}
.header .menu-box {
  margin-right: 0.5rem;
}
.header .menu-container {
  position: fixed;
  top: 1rem;
  /* bottom: 0; */
  left: 0;
  background: #fff;
  opacity: 0.95;
  width: 100%;
  /* height: 13rem; */
  height: calc(100vh - .9rem);
  z-index: 99;
  padding: 0 .5rem;
  padding-top: .25rem;
  padding-bottom:1.6rem;
}
.header .header-item {
  margin-bottom: .4rem;
}
.header .header-item .txt {
  font-size: .32rem;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(17,17,17,1);
  line-height: .7rem;
}
.header .header-item .pic {
  width: .13rem;
  height: .22rem;
}
.header .zhuce {
  width: 100%;
  padding: .4rem 0;
  /* height: 1.5rem; */
  line-height: 1.5rem;
  margin: .2rem auto;
  background: url(../images/register.png) no-repeat;
  background-size: cover;
  margin-bottom: 1.6rem;
}
.header .zhuce .free {
  display: block;
  width: 3rem;
  height: .7rem;
  text-align: center;
  line-height: .7rem;
  border-radius: 1.31rem;
  background: #fff;
  font-size: .3rem;
  color: #F11E0F;
}



/* footer */
.footer {
  width: 100%;
  background: #212631;
  color: #747474;
  text-align: left;
  padding-bottom: 1rem;
}
.footer .list-sup {
  padding-left: .58rem;
  font-family:PingFang-SC-Medium;
  overflow: hidden;
  margin-bottom: .5rem;
}
.footer .list-sup .f-item {
  margin-top: .6rem;
  /* overflow: hidden; */
}
.footer .title {
  font-size: .26rem;
  /* font-weight:bold; */
  color:rgba(255,255,255,1);
  line-height:.4rem;
}
.footer .list-sup .f-item .f-num {
  display: flex;
  justify-content: left;
}
.footer .title .work {
  font-size: .24rem;
  font-weight:500;
  color:rgba(153,153,153,1);
  margin-left: .25rem;
}
.footer .f-loney .f-zi {
  font-size:.24rem;
  font-weight:500;
  color:rgba(255,255,255,1);
  opacity:0.7;
  margin-top: .26rem;
  display: block;
  margin-right: .34rem;
}
.footer .blue {
  font-size: .3rem;
  /* font-weight:bold; */
  color:rgba(47,145,255,1);
  
  /* margin-top: .45rem; */
}
.footer .sub {
  border-top: 0.5px solid #3b3b3b;
  overflow: hidden;
}
.footer .sub .copy {
  /* width: 6.49rem; */
  margin: .4rem auto;
  text-align: center;
  font-size: .24rem;
  font-family:PingFang-SC-Regular;
  font-weight:400;
  color:rgba(116,116,116,1);
  line-height: .3rem;
  /* margin-bottom: 1.34rem; */
}



/* 电话 */
.btn-box {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .94rem;
  z-index: 99;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.btn-box .btn-img {
  width: .34rem;
  height: .34rem;
  margin-right: .12rem;
}

.btn-box .btn {
  width: 50%;
  display: inline-block;
  font-size: .3rem;
  height: .94rem;
  font-family:PingFang-SC-Medium;
  /* font-weight:bold; */
  color:rgba(255,255,255,1);
  display: flex;
  justify-content: center;
  align-items: center;
  /* line-height: .3rem; */
}