* {
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 16px;
    color:#2e2e2e;   
  
}

ul, ol, menu {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: #2e2e2e;
}

img {
    border: none;
}

.r-n {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.r-w {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.c-n {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}

.f-ct {
    justify-content: center;
}

.f-st {
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start
}

.f-bt {
    justify-content: space-between;
    align-items: baseline;
}

.f-ed {
    justify-content: flex-end;
    align-items: flex-end;
}

.f-ad {
    justify-content: space-around;
}

.alc {
    align-items: center;
    justify-items: center;
}

.f-g {
    flex-grow: 1;
}

.ele {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ell {

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.w {
    width: 100%;
}

.bx {
    box-sizing: border-box;
}

.active {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-delay: 1s;
}
/* header */
.header{
    background-color: #fb9f24;
    position: fixed;
    top:0;
    z-index: 999;
}
.header-div{
    width:85%;
}
.nav{
    width:56%;
}
.nav-logo{
    width:23%;
    height:auto;
}
.header-rt{
    width:44%;
    height:auto;
}
.nav-nav{
    width:77%;
    margin-top:7%;
}
.nav-list{
    position:relative;
}
.nav-list-link{
    font-size:1.5rem;
    color:#fff;
}
.nav-list-son{
    position:absolute;
    top:100%;
    width:130%;
    background-color:#fb9f24;
    display:none;
    z-index: 99;
}
.nav-listsons{
    width:100%;
    position:relative;
}
.nav-listson-link , .nav-listsons-link{
    padding:6% 0;
    color:#fff;
    font-size:1rem;
    width:100%;
    text-align: center;
}
.nav-listson-link:hover , .nav-listsons-link:hover{
    background-color: #e99321;
}
.nav-listsons-san{
    position:absolute;
    top:0;
    left:100%;
    background-color: #fb9f24;
    width:150%;
    display:none;
    overflow-y: auto;
    max-height: 400px;
}
/* lunbotu */
.banner{
    position: relative; 
    height:100%;
    margin-top:9%;
  }
  .swiper { 
    width: 100%;
    height:100%;
  }
  .swiper-slide {
    text-align: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /* 公司简介 */
  .contactus{
      background-color: #eff1f0;
  }
  .contactus-list{
      width:62%;
      padding:1% 0;
  }
  .contactus-lists , .contactus-lists-son1-span{
      margin:10px 0;
      line-height: 2rem;
      font-size:1.1rem;
      font-weight:400;
  }
  .contactus-lists-son{
      padding:10px 0;
  }
  .contactus-lists-son1{
      width:70%;
  }
  .contactus-lists-son1-span{
      padding:1% 5% 1% 0 ;
      border-bottom:1px solid #2e2e2e;
      min-width:30%;
  }
  .contactus-lists-son1-p{
      width:50%;
  }
  .contactus-lists-son2{
      width:30%;

  }
  /* footer */
  .footer{
      background-color:#fb9f24;
      padding:1% 0;
  }
  .footers{
      width:62%;
  }
  .footers1{
      width:50%;
  }
  .footers1-h1{
      font-size: 1.2rem;
      margin:10px 0;
  }
  .icon-dianhua1{
      color:#fff;
      font-size:2rem;
      width:10%;
      font-weight:600;
  }
  .footers1-lista{
      width:90%;
  }
  .footers1-lista-span{
      font-weight: 400;
      color:#fff;
      font-size:1.1rem;
      margin-top:10px;
  }
  .footers2-lista{
      margin:10px 0;
  }
  .icon-weizhi  , .icon-print-full , .icon-dakaixinxi , .icon-wangzhi1{
      color:#fff;
      font-size:1.3rem;
      font-weight: 400;
      width:6%;
  }
  .footers2-lista-span{
      width:95%;
      color:#fff;
      font-size:0.9rem;
  }
  .art{
      background: no-repeat top center;
      background-size: 100%;
      margin-top:9% ;
     
  }
  .art-arts{
      width:60%;
      min-height:500px;
      background-color:#fff;
      /*padding:0 10px;*/
  }
   .art-arts img{
       width:100%;
       height:auto;
   }