@font-face {
    font-family: 'Oswald';
    src: url('../font/Oswald-Regular.ttf'); /* IE9*/
  }
  
  .navbar-header{
      display: flex;
      align-items: center;
      height: 1.22rem;
  }
  .biaoti .bigTitle{
    font-size: .36rem;
    color: rgba(51, 51, 51, 1);
  font-weight: bold;
}
.biaoti .smailTitle{
    color: rgba(153, 153, 153, 1);
    font-size: .18rem;
}
.navbar{
    background: linear-gradient(180deg, rgba(11, 136, 206, 0.5) 0%, rgba(11, 136, 206, 0.1) 104.58%);
}
.service1{
    background-image: url("../image/service1.png");
    /* background-size: contain; */
    background-repeat: no-repeat;
}
.service2{
    background-image: url("../image/service2.png");
    /* background-size: contain; */
    background-repeat: no-repeat;
}
.service3{
    background-image: url("../image/service3.png");
    /* background-size: contain; */
    background-repeat: no-repeat;
}
.f-more{
    width:1.84rem;
    height: .37rem;
   background-image: url("../image/homemore.png");
   background-size: 1.84rem .37rem;
    box-sizing: border-box;
    margin-top: 38px;
}
.f-box{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 78.12%);
}

/* 服务核心优势 */
.fuhxys{
width: 16rem;
height: 6.4rem;
margin: .4rem auto 0px;
background-image: url("../image/fuhxysBg.png");
background-size: contain;
padding: .4rem 0rem 0rem .4rem;
box-sizing: border-box;
display: flex;
justify-content: space-between;
}
.fuysLeft{
    width: 10.18rem;
}
.advantage{
    color: rgba(255, 255, 255, 1);
  font-family: Oswald;
  font-size: .6rem;
  text-transform: uppercase;
}
.fuysLeftContent{
    color: rgba(255, 255, 255, 1);
  font-family: Microsoft YaHei;
  font-size: .18rem;
  line-height: .3rem;
  letter-spacing: 8%;
  margin-bottom: .96rem;
}
.fwysLeftImg{
    display: flex;
    flex-wrap: wrap;
   
    justify-content: space-around;
}
.fwysLeftImg div{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-width: 1rem;
}
.fwysLeftImg div img{
    width: .64rem;
    height: .64rem;
}
.fwysLeftImg div span{
    color: rgba(255, 255, 255, 1);
  font-family: Microsoft YaHei;
  font-size: .18rem;
}
.fwysRight{
    width: 5.36rem;
    display: flex;
    flex-flow: column;
    justify-content: end;
    align-items: center;
}
.fwysRight img:nth-child(1){
    width: 1.84rem;
    height: .44rem;
}
.fwysRight img:nth-child(2){
    width: 5.36rem;
    height: 3.59rem;
    margin-top: .7rem;
}
/* 业务领域 */
.ywly{
    margin-top: .8rem;
    width: 100%;
    height: 5.6rem;
    background-image: url("../image/ywlyBg.png");
    background-size: 100% 5.6rem;
    position: relative;
    box-sizing: border-box;
    padding-top: 1.74rem;
}
.ywlytopTitle{
    color: rgba(255, 255, 255, 1);
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: .28rem;
  letter-spacing: 8%;
  text-align: center;
}
.ywlytoptip{
    text-align: center;
    color: rgba(255, 255, 255, 1);
    font-family: Microsoft YaHei;
    font-size: .18rem;
    letter-spacing: 8%;
    margin-top: .16rem;
}
.ywlyContent{
    width: 100%;
    padding: 0px 1.6rem;
    height: 3.8rem;
    display: flex;
    justify-content: space-between;
    margin-top: .8rem;
}
.ywlyContent>div{
    width: 5.06rem;
    height: 3.80rem;
    padding: .64rem .57rem 0rem .4rem;
    box-sizing: border-box;
    border-radius: 0.08rem;
    cursor: pointer;
}
.yyzl{
    /* background: rgba(0, 137, 210, 1); */
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
    position: relative;
}
.ywlyContent>div:hover{
    background: rgba(0, 137, 210, 1);
    color: white;
}
.ywlyContent>div:hover  .ywlytip,.ywlyContent>div:hover .ywlyTitle,.ywlyContent>div:hover .ywlytext{
    color: white;
}
.yyzl img,.ryzzgl img,.xmzcnl img{
    position: absolute;
    bottom: .91rem;
}
.ryzzgl,.xmzcnl,.yyzl{
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
  position: relative;
}
.ywlyTitle{
    color: rgba(51, 51, 51, 1);
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: .2rem;
    letter-spacing: 8%;
}
.ywlytip{
    margin-top: .16rem;
    color: rgba(102, 102, 102, 1);
  font-family: Microsoft YaHei;
  font-size: .18rem;
}
 .ywlytext{
    color: rgba(102, 102, 102, 1);
  font-family: Microsoft YaHei;
  font-size: .16rem;
  line-height: .27rem;
  margin-top: .32rem;
}
.fwqyfb{
/* 服务核心优势 */
    width: 16rem;
    height:9.23rem;
    margin: 0 auto 0px;
    padding: .4rem 0rem 0rem .4rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.fwqyfbLeft{
    width: 6.74rem;
}
.fwqyfbRight{
    width: 9.25rem;
}
.fwqyfbRight img{
    width: 9.26rem;
    height: 9.24rem;
}
.cityTitle{
    display: flex;
    align-items: center;
}
.cityTitle span{
    color: rgba(51, 51, 51, 1);
    font-family: Oswald;
    font-size: .6rem;
    margin-left: .28rem;
}
.cityContent{
    color: rgba(51, 51, 51, 1);
  font-family: Microsoft YaHei;
  font-size: .28rem;
  margin-top: .08rem;
}
.tableTitle{
    width: 6.74rem;
  height: .69rem;
  background: rgba(0, 137, 210, 1);
  color: rgba(255, 255, 255, 1);
  font-family: Microsoft YaHei;
  font-size: .26rem;
  margin-top: .78rem;
  text-align: center;
  line-height: .69rem;
  margin-bottom: .18rem;
}
.tableList{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.listitem{
width: 2.2rem;
  height:.62rem;
  border: 1px solid rgba(239, 239, 239, 1);
  box-sizing: border-box;
  color: rgba(51, 51, 51, 1);
  font-family: Microsoft YaHei;
  font-size: .2rem;
  text-align: center;
  line-height: .62rem;
  margin-top: .08rem;
}
.swiperitem{
margin-top: .88rem;
display: flex;
justify-content: center;
}
.swiperitem span{
  display: inline-block;
  width: .1rem;
  height:.1rem;
  border-radius: 50%;
  
  background: rgba(233, 233, 233, 1);
  cursor: pointer;
}
.swiperitem span:nth-child(n+2){
    margin-left: .24rem;
}
/* 历史沿革 */
.lsyg{
    width: 100%;
    height: 5.6rem;
    background-image: url("../image/lsygBg.png");
    background-size: 100% 5.6rem;
    position: relative;
    box-sizing: border-box;
}
.circular{
    width: 1.12rem;
    height: 1.12rem;
    border-radius: 50%;
    position: absolute;
    z-index: 10;
    color: rgba(255, 255, 255, 1);
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size:.2rem;
    text-align: center;
    line-height: 1.12rem;
}
.circular:hover{
    transform: scale(1.1);
    cursor: pointer;
}
.circularText{
    color: rgba(255, 255, 255, 1);
    font-family: Microsoft YaHei;
    font-size:.16rem;
    position: absolute;
}
.circularWhite{
    background-color: white;
}
.circularBlack{
    background: rgba(34, 34, 34, 1);
}
.circularBlue{
    background: rgba(2, 53, 150, 1);
}
.one{
    top: 3.27rem;
    left: 1.68rem;
}
.two{
    top: 2.57rem;
    left: 3.29rem;
    color: black;
}
.three{
    top: 2.57rem;
    left: 4.81rem;
}
.four{
    top: 2.86rem;
    left: 6.4rem;
}
.five{
    top: 3.26rem;
    left: 8.1rem;
    color: black;
}
.six{
    top: 3.5rem;
    left: 9.8rem;
}
.seven{
    top:3.26rem;
    left:11.39rem;
}
.eight{
    top: 2.73rem;
    left: 13rem;
    color: black;
}
.nine{
    top:1.89rem;
    left:14.49rem;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items:center;
}
.ten{
    top:.915rem;
    left:15.82rem;
}
.onetext{
  
    top: 2.74rem;
    left: .77rem;
}
.twotext{
    top: 3.88rem;
    left: 3.5rem;
}
.threetext{
    top: 1.86rem;
    left: 4.88rem;
}
.fourtext{
    top: 4.07rem;
    left: 6.13rem;
}
.fivetext{
    top: 4.74rem;
    left: 8.98rem;
}
.seventext{
    top: 2.83rem;
    left: 10.42rem;
}
.eighttext{
    top: 3.99rem;
    left: 13.05rem;
}
.ninetext{
    top: 1.49rem;
    left: 13.6rem;
}
.tentext{
    top: .2rem;
    left: 15.1rem;
}
/* 合作厂商 */
.hzcs{
    width: 100%;
     padding: 0rem 1.6rem;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
.hzcsitem{
    width: 3.14rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .16rem;
}
.footer{
    margin-top: .8rem;
}