body,
html {
    width: 100%;
    overflow-x: hidden;
    font-size: 0;
    /* min-width: 1200px; */
}

a {
    color: #fff;
}

.header-index {
    width: 100%;
    position: relative;
}

.main {
    width: 100%;
    height: 100%;
}

.swiper-box {
    width: 100%;
}
.swiper-slide{
    width: 100%;
    height: auto;
}
.swiper {
    width: 100%;
    height: auto;
}
.swiper1{
    width: 100%;
    height: auto;
}

.header {
    width: 100%;
    /* min-width: 1200px; */
    height: 72px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
}

.header-main {
    width: 100%;
    /* min-width: 1200px; */
    height: 72px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
}

.logo {
    width: 40px;
    height: auto;
    /* height: 38px; */
    margin-left: 2%;
}

.name {
    font-size: 30px;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    color: #ffffff;
    line-height: 32px;
    margin-left: 8px;
}

.header-nav {
    height: 100%;
    display: flex;
    flex: 1;
}

.nav-ul {
    height: 100%;
    margin: 0 auto;
    display: flex;
}

.nav-ul li {
    padding: 0 26px;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    color: #ffffff;
    line-height: 72px;
    cursor: pointer;
    margin: 0 10px;
    position: relative;
}

.nav-ul li a:hover {
    /* opacity: 0.9; */
}

.btn-div {
    display: flex;
    height: 72px;
    align-items: center;
    margin-right: 2%;
}

.loginbtn a {
    width: 50px;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    color: #ffffff;
    line-height: 72px;
}

.register {
    padding: 0 20px;
    height: 50px;
    background: rgba(0, 0, 0, 0.39);
    border-radius: 25px;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    margin-left: 10px;
    cursor: pointer;
}

.children {
    position: absolute;
    left: 0;
    top: 72px;
    width: 421px;
    height: 224px;
    padding-top: 8px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 8px 2px rgb(39 88 236 / 21%);
    z-index: 9;
    display: none;
}

.children div,
.listmaskers div {
    width: 50%;
    height: 42px;
    cursor: pointer;
    font-size: 13px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    text-indent: 34px;
    color: #333;
    line-height: 42px;
    float: left;
}

.children div a,
.listmaskers div a {
    color: #333;
}

.children div:hover a,
.listmaskers div:hover a {
    color: #2758EC;
}

#clan:hover .children {
    display: block !important;
}

.listmaskers {
    position: absolute;
    padding-top: 8px;
    left: 0;
    top: 72px;
    width: 210px;
    height: 104px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 8px 2px rgb(39 88 236 / 21%);
    z-index: 9;
    display: none;
}

.listmaskers div {
    width: 100%;
}

#team:hover .listmaskers {
    display: block !important;
}
.flow-box{
    width: 100%;
    max-width: 1980px;
    height: 639px;
    margin: 0 auto;
    display: flex;
    background: #f5f5f5;
    position: relative;
}
.flow-div{
    width: 92%;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 11;
}
.flow-div-main{
    width: 100%;
    height: auto;
   position: relative;
}
.flowbg{
    width: 100%;
    height: auto;
}
.flow-div-text{
    position: absolute;
    right: 25%;
    top: 50%;
    transform: translateY(-50%);
}
.flow-div-text1{
    font-size: 33px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
    line-height: 50px;
    white-space: nowrap;
}
.flow-div-text2{
    font-size: 22px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 38px;
    margin-top: 20px;
    white-space: nowrap;
}
.flow-left{
    width: 33%;
    height: 100%;
    background: #f5f5f5;
    padding-top: 10%;
    padding-left: 8%;
    box-sizing: border-box;
}
.flow-left h1{
    font-size: 45px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 700;
    text-align: left;
    color: #a9a9a9;
    line-height: 64px;
    white-space: nowrap;
    margin-bottom: 25px;
}
.flow-left h2{
    width: 80%;
    font-size: 25px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    color: #b0b0b0;
    line-height: 48px;
}
.line{
    width: 80%;
    height: 1px;
    background: #b0b0b0;
    margin: 30px 0  20px;
}
.flow-left p{
    width: 85%;
    height: 125px;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 400;
    text-align: left;
    color: #c0c0c0;
    line-height: 48px;
}
.flow-right{
    width: 67%;
    height: 100%;
    overflow: hidden;
}
.fr-top{
    width: 100%;
    height: 252px;
    background: #E8624D;
}
.fr-top-ul{
    height: 100%;
    display: flex;
    font-size: 32px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
    line-height: 34px;
}
.fr-top-ul li{
    height: 100%;
    padding: 160px 75px 46px;
    cursor: pointer;
}
.fr-top-ul li.active{
    background: #F5CF47;
}
.fr-top-ul li p{
    height: 34px;
    white-space: nowrap;
    border-left: 13px #fff solid;
    padding-left: 20px;
}
.fr-bottom{
    width: 100%;
    height: calc(100% - 252px);
    background: #F5CF47;
}
.fr-bottom-ul{
    width: 100%;
    height: 100%;
}
.fr-bottom-ul li{
    width: 100%;
    height: 100%;
    padding-left: 10%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.fr-bootom-item{
    width: 100%;
    position: relative;
}
.fr-bottom-text{
    width: 65%;
    font-size: 21px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 88px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.39);
    display: flex;
    margin-bottom: 10px;
}
.fr-bottom-text span{
    display: inline-block;
    width: 50%;
    white-space: nowrap;
}
.look{
    display: block;
    text-decoration: none;
    width: 221px;
    height: 86px;
    box-shadow: 0px 3px 15.96px 5.04px rgba(0,0,0,0.08); 
    background: #fff;
    border-radius: 43px;
    font-size: 26px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: center;
    line-height: 86px;
    color: #383838;
    margin-top: 35px;
}
.fr-bottom-img{
   width:20%;
   height: auto;
   position: absolute;
   left: 60%;
   bottom: 0;
   z-index: 11;
}
.private{
    background: url(../../images/home/peivate.png) no-repeat;
    background-size:cover;
    background-position: bottom right;
    padding-top: 83px;    
}
p.private-title{
    width: 100%;
    height: 34px;
    font-size: 32px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
    line-height: 34px;
    border-left: 13px solid rgba(255, 255, 255, 0.39);
    padding-left: 20px;
    margin-bottom: 67px;
}
p.private-text{
    width: 100%;
    height: 68px;
    padding-left: 33px;
    font-size: 22px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 35px;
}
.news-title{
    font-size: 32px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    color: #383838;
    line-height: 34px;
    border-left: 13px solid #ce6a5c;
    padding-left: 20px;
    margin-bottom: 40px;
}
.news{
    padding-left: 3%;
    padding-top: 83px;
    background: #f5f5f5;
}
.time-news{
    width: 100%;
    height: 154px;
    display: flex;
    align-items: center;
}
.time-news a{
    display: flex;
    width: 100%;
}
.newsImg{
    width: 266px;
    height: 154px;
    margin-right: 30px;
}
.news-main-title{
    width: 70%;
    height: 40px;
    font-size: 22px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    line-height: 36px;
    text-align: left;
    color: #272727;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-main-text{
    width: 70%;
    height: 76px;
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    color: #797979;
    line-height: 38px;
    overflow: hidden;
    display: -webkit-box; 
    -webkit-box-orient:vertical; 
    line-clamp: 2;
    -moz-line-clamp: 2;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    margin-top: 32px;
}
.news-time{
    /* width: 104px; */
    height: 80px;
    border-right: 1px solid #7D7D7D;
    padding-right:10px;
    box-sizing: border-box;
}
.news-time .day{
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: right;
    color: #000000;
    line-height: 42px;
}
.news-time .year{
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: right;
    color: #7D7D7D;
    line-height: 38px;
}
.news-text{
    width: 72%;
    padding-left: 20px;
}
.news-text h3{
    width: 100%;
    height: 45px;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    color: #000000;
    line-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bottom{
    align-items: flex-end;
    height: 130px;
}
.news-text p{
    width: 100%;
    height: 45px;
    font-size: 13px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    color: #7A7A7A;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.supply{
    width: 100%;
    max-width: 1980px;
    margin: 0 auto;
    height: 413px;
    background: url(../../images/home/bg1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding-left: 8%;
    padding-top: 90px;
    box-sizing: border-box;
    position: relative;
}
.supply-title{
    height: 34px;
    font-size: 32px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    line-height: 34px;
    text-align: left;
    color: #ffffff;
    border-left: 13px solid rgba(255, 255, 255, 0.76);
    padding-left: 20px;
}
.supply-text{
    width: 50%;
    padding-left: 32px;
    margin-top: 20px;
}
.supply-text span{
    display: inline-block;
    width: 50%;
    font-size: 22px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 72px;
}
.supplyImg{
    width: 22%;
    height: auto;
    position: absolute;
    right: 22%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
}
.pos{
    position: absolute;
    right: 8%;
    bottom: 80px;
    z-index: 123;
}
.teambox{
    width: 100%;
    max-width: 1980px;
    margin: 0 auto;
    height: 907px;
    background: url(../../images/home/bg2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.teambox-ul{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.teamItem{
    width:20%;
    min-width:400px;
    height: 600px;
    border: 1px solid #fff;
    padding-top: 130px;
    box-sizing: border-box;
    padding-left: 39px;
}
.teamItem h1{
    height: 34px;
    padding-left: 10px;
    font-size: 32px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    line-height: 34px;
    color: #ffffff;
    border-left: 13px solid  rgba(255, 255, 255, 0.76);
    margin-bottom: 20px;
}
.teamItem p{
    width: 350px;
    font-size: 22px;
    padding-left: 24px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 60px;
}
.center{
   margin-left:40px;
   display: none;
}
.teamItem:hover{
    background: #fff;
}
.teamItem:hover h1{
    border-left: 13px solid  #d88276;
    color: #000;
}
.teamItem:hover p{
    color: #393939;
}
.teamItem:hover  .center{
     display: block;
}
.market{
    width: 33.333333%;
    padding-top: 6%;
}
.market1{
    background: url(../../images/home/market1.png) no-repeat;
    background-size: cover;
    background-position: bottom right;
}
.market1:hover{
   background-image: url(../../images/home/market1.jpg);
}
.market h1{
    font-size: 32px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    height: 34px;
    color: #383838;
    padding-left: 15px;
    border-left: 13px solid #d06c5e;
    margin-bottom: 30px;
    line-height: 34px;
}
.market p{
    height: 60px;
    font-size: 22px;
    padding-left: 30px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: left;
    color: #666a6c;
    line-height: 60px;
    white-space: nowrap;
}
.market2{
    background: url(../../images/home/market2.png) no-repeat;
    background-size: cover;
    background-position: bottom right;
}
.market3{
    background: url(../../images/home/market3.png) no-repeat;
    background-size: cover;
    background-position: bottom right;
}
.market-look{
    margin: 10px 0;
    display: none;
}
.market2:hover{
    background-image: url(../../images/home/market4.png);
}
.market3:hover{
    background-image: url(../../images/home/market5.png);
}
.market:hover h1{
    color: #fff;
    border-left: 13px solid rgba(255, 255, 255, 0.76);
}
.market:hover p{
    color: #fff;
}
.market:hover .market-look{
    display: block;
}
.online-box{
    width: 100%;
    height: 353px;
    background: url(../../images/home/online.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.online-box h1{
    font-size: 42px;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    line-height: 60px;
    padding-top: 100px;
    padding-bottom:30px;
}
.taste{
    display: block;
    width: 301px;
    height: 84px;
    font-size: 22px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: center;
    color: #ed5e32;
    line-height: 84px;
    background: #fff;
    margin: 0 auto;
    cursor: pointer;
}
.footer{
    width: 100%;
    height: 470px;
    background: #535353;
}
.footer-main{
    max-width: 1980px;
    margin: 0 auto;
    display: flex;
    padding-top: 105px;
    padding-left: 5%;
    padding-right: 5%;
}
.footer-1 {
    width: 40%;
}
.footer-title{
    font-size: 22px;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    text-align: left;
    color: #ffffff;
    line-height: 53px;
    margin-bottom: 40px;
}
.footer-item{
    width: 100%;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 53px;
    display: flex;
}
.footer-item div{
    width:25%;
    white-space: nowrap;
}
.footer-2 {
    width: 10%;
}
.footer-3 {
    width: 25%;
}
.footer-4{
    margin-left: auto;
    text-align: right;
}
.phone{
    font-size: 22px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    color: #ffffff;
    line-height: 53px;
    margin-top: 40px;
}
.ask{
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    color: #ffffff;
    line-height: 30px;
    margin: 15px 0 30px;
}
.footer-btns{
    display: inline-block;
    width: 200px;
    height: 54px;
    border: 1px solid #ffffff;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    line-height: 54px;
    cursor: pointer;
}
.line1{
    width: 100%;
    height: 1px;
    background: #fff;
    margin-top: 15px;
    opacity: 0.6;
}
.footer-copy {
    margin-top: 20px;
    width: 100%;
    height: 26px;
    opacity: 0.6;
    font-size: 14px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    line-height: 26px;
  }
  .footer-copy .copy-num {
    margin-left: 18px;
  }
  .swiper-pagination-bullet{
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #fff;
      opacity: 1;
  }
  .swiper-pagination-bullet-active{
      background: #f23f3f;
  }
  .posifooter{
    display: none;
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(51,51,51,.5);
  }
  .qrdiv{
    position: absolute;
    left: calc(50% - 176px);
    top: calc(50% - 200px);
    width: 352px;
    height: 330px;
    background: #ffffff;
    border-radius: 8px;
  }
  .qrcode{
    position: absolute;
    top: 64px;
    left: 98px;
    width: 156px;
    height: 156px;
  }
  .close{
    width: 16px;
    position: absolute;
    right: 28px;
    top: 28px;
    cursor: pointer;
  }
  .qrspec{
    position: absolute;
    top: 240px;
    width: 100%;
    height: 22px;
    font-size: 16px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: center;
    color: #333333;
    line-height: 22px;
  }
  #flow{
     cursor: pointer;
     position: relative;
  }
  .problem{
     position: absolute;
     width: 15%;
     height: auto;
     top: 188px;
     right: 10%;
}
.swiper-container-vertical .swiper-pagination-bullets{
    right: 10%;
}
.swiper-container-vertical .swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 16px 0;
}
.swiper-pagination1{
    position: absolute;
    right: 10%;
    bottom: 20%;
    font-size: 22px;
    font-family: Source Han Sans CN, Source Han Sans CN-Medium;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    line-height: 35px;
    z-index: 10;
}
.login-id{
    color: #fff !important;
}
.xiala{
    width: 16px;
    height: auto;
    vertical-align: middle;
}
.rightImg{
    width: 18px;
    height: 32px;
    vertical-align: middle;
}
.bigtext{
    width: 56px;
    height: 54px;
    font-size: 66px;
    font-family: Impact, Impact-Regular;
    font-weight: 400;
    color: #ffffff;
    line-height: 60px;
    position: absolute;
    bottom: 0;
    left: 72%;
    z-index: 22;
}
.login-id{
    width: 130px !important;
}
.servicediv{
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding-left: 20px;
    border-left: 1px solid #fff;
    margin-left: 20px;
    position: relative;
    top: 2px;
}
.servicediv a{
    font-size: 18px;
    color: #fff;
}