.main {
    width: 100%;
    margin: 0 auto;
    height: 100%;
  }
  .home-header-bg{
    width: 100%;
    height: 100vh;
    background: radial-gradient(circle at center,rgba(31, 39, 83,0.8),rgba(21, 52, 66, 0.8));
    /* background: radial-gradient(circle at center,#1f2753,#0b1b22); */
  }
  .home-header {
    width: 100%;
    height: 100vh;
    background-image: url("../Images/building.png");
    background-position: center 60%;
    background-size: 65%;
    background-repeat: no-repeat;
    /* background-image: url("../Images/home-header.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; */
  }
  
  .home-tab {
    width: 100%;
    height: 80px;
    /* background-color: rgba(255, 255, 255, 0.2); */
    position: fixed;
    z-index: 999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  
  .tab-line {
    width: 80%;
    height: 100%;
    margin: 0 auto;
  }
  
  .tab-menu {
    width: 100%;
    height: 100%;
  }
  .listyle{
    margin-left: 20px;
  }
  li {
    /* width: 100px; */
    list-style: none;
    cursor: pointer;
    margin-right: 40px;
    /* text-align: center; */
    /* color:#fff */
  }
  
  .logo {
    /* width: 25%; */
    height: 100%;
  
  }
  
  .tab-btn {
    width: 20%;
    height: 100%;
    cursor: pointer;
  }
  
  .btn-login {
    padding: 10px 20px;
    color: rgba(51, 51, 51, 1);
  }
  
  .btn-register {
    padding: 10px 20px;
    background-color: rgba(70, 127, 234, 1);
    color: rgba(255, 255, 255, 1);
  }
  .home-content-bg{
    width: 100%;
    height: 100%;
  }
  
  .home-content-bg0{
    position: absolute;
    width: 100%;
    height: 50vh;
    top: 30%;
    background-image: url("../Images/building.png");
    background-position: center 60%;
    background-size: 65%;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .home-content-bg1{
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0%;
    background-image: url("../Images/building-1.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
  }

  .home-content{
    width: 80%;
    height: 30rem;
    margin: 0 auto;
    padding-top: 15rem;
    position: relative;
    z-index: 2;
  }
  .header-slogn{
    padding: 10px 0;
    letter-spacing:3px;
  }
  .header-btn{
    width: 50%;
    margin: 0 auto;
    line-height: 70px;
    /* color: rgba(251, 252, 253, 1);
    background-color: rgba(71, 141, 238, 1); */
  }
  .home-indicators{
    width: 100%;
    height: 8rem;
    margin-top: 7rem;
    background-color: rgba(255, 255, 255, 0.2);
  }
  .home-indicator{
    width: 80%;
    height: 100%;
    margin: 0 auto;
  }
  .header-pic{
    letter-spacing:10px;
  }
  .mian-canvas{
    width: 100%;
    height: 100vh;
    /* background: radial-gradient(circle at center,#1f2753,#0b1b22); */
    background-color: #769bae;
  }
  
  .mian-canvas1{
    background-image: url("../Images/bxfwbg-6.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .mian-canvas2{
    background-image: url("../Images/flfwbg-6.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .mian-canvas3{
    background-image: url("../Images/cwfwbg-6.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .mian-canvas4{
    background-image: url("../Images/appbg.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .mian-canvas-content{
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  .canvas4-top{
    width: 70%;
    height: 70%;
    margin: 0 auto;
    padding-top: 6.58rem;
    position: relative;
    z-index: 9;
  }
  .canvas1-top{
    width: 80%;
    height: 70%;
    margin: 0 auto;
    padding-top: 6.58rem;
    position: relative;
    z-index: 9;
  }
  .canvas1-bottom{
    width: 60%;
    /* height: 30%; */
    margin: 0 auto;
    position: relative;
    z-index: 9;
  }
  .bxfw-line {
    height: 35px;
    line-height: 35px;
  }
  .canvas1-data{
    width: 220px;
    height: 76px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50px;
  }
  .canvas1-pic{
    width: 50%;
    height: 100%;
  }
  .canvas1-sj{
    width: 50%;
    height: 100%;
  }
  .canvas1-bxfw{
    width: 70%;
    height: 100%;

  }
  .canvas1-td{
    width: 30%;
    height: 100%;
  }
  .canvas1-td-content{
    width: 250px;
    height: 200px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.3);
  }
  .canvas1-td-content2{
    margin-top: 40px;
  }
  .canvas1-td-content-pic{
    width: 100%;
    height: 40%;
  }
  .canvas1-td-content-detail{
    line-height: 50px;
  }
  
  .canvas1-circle{
    background-color:rgba(132, 219, 214, 1) ;
    border-radius: 100px;
    width: 50px;
    height: 50px;
  }
  .canvas1-flfw{
    width: 30%;
    height: 100%;
  }
  .canvas1-fldata{
    width: 60%;
    height: 100%;
  }
  .canvas1-fldatacenter{
    width: 100%;
    /* height: 100%; */
  }
  .canvas1-flsolgon{
    width: 10%;
    height: 100%;
  }
  .canvas1-flsolgon-hao {
    width: 100%;
    height: 15%;
  }
  .canvas1-flsolgon-hao div:first-child{
    line-height: 30px;
    text-align: center;
  }
  .canvas1-flsolgon-hao div:last-child{
    line-height: 30px;
    text-align: center;
  }
  .canvas1-fldata-content{
    width: 30%;
    height:120px;
    margin: 0 3% 5% 0;
    float: left;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
  }
  .canvas1-fldata-padding{
    padding: 20px;
  }
  .fldetail{
    width: 100%;
    height: 60px;
  }
  .canvas1-cwfw{
    width: 30%;
    height: 100%;
  }
  .canvas1-cwdata{
    width: 70%;
    height: 100%;
  }
  .canvas1-cwdata-content{
    width: 120px;
    height: 100px;
    background-color: RGBA(255, 255, 255, 0.2);
    border-radius: 10px;
    margin-left: 20px;
  }
  .canvas1-cwdata-content-pic{
    width: 100%;
    height: 60%;
  }
  .canvas1-cwdata-content-name{
    width: 100%;
    text-align: center;
  }