* {
  margin: 0;
  padding: 0;
  outline: 0;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  word-break: break-all;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

.header {
  height: 0;
}

.pc {
  display: block !important;
}

.mob {
  display: none !important;
}
img{
  max-width: 100%;
}
a{
  text-decoration: none;
  color: inherit;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: calc(100vw/25.6);
  width: 100%;

}

body {
  font-size: .24rem;
  color: #333;
  width: 100%;
  /* font-weight: lighter; */
}
.banner{
  background: url(../imgs/banner.jpg) center center no-repeat;
  background-size: cover;
  height: 100vh;
}
.banner .logo{
  width: 2.94rem;
  position: absolute;
  top: 1.2rem;
  left: 2.32rem;
}
.banner .pics{
  position: absolute;
  bottom: .74rem;
  left: 2.32rem;
  display: flex;
}
.banner .pics img{
  width: 3.5rem;
  margin-right: .22rem;
  background: rgba(255,255,255,.1);
}
.banner .pics img:hover{
  background: rgba(255,255,255,.8);
}
h2{
  margin-top: 1.2rem;
  line-height: .75rem;
  font-size: .7rem;
  color: #000;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
}
h3{
  margin-top: .2rem;
  line-height: .48rem;
  font-size: .48rem;
  text-align: center;
  color: #000;
  font-weight: normal;
}
h4{
  max-width: 13rem;
  margin: 0 auto;
  text-align: center;
  font-size: .3rem;
  line-height: .54rem;
  margin-top: .8rem;
  /* font-weight: lighter; */
}
.business .flex{
  display: flex;
  padding: 1.2rem 2.32rem 0;
  justify-content: space-between;
  flex-wrap: wrap;
}
.business .flex .item{
  width: 48.5%;
  margin-bottom: .8rem;
}
.business .flex .item:nth-of-type(2n){
  margin-left: 3%;
}
.business .flex .item:hover{
  box-shadow: .23rem .27rem .48rem rgba(102,102,102,.15);
}
.business .flex .item:hover .content{
  border: 0;
}
.business .pic{
  display: block;
}
.business .content{
  border-right: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  margin: 0 1px;
  padding: .56rem 1.88rem 0;
  height: 8.16rem;
}
.business .content img{
  height: 1.93rem;
  display: block;
  margin: 0 auto;
}
.business .content p{
  height: 1.5rem;
  line-height: .5rem;
  margin-top: .58rem;

}
.business .content a{
  height: .9rem;
  display: block;
  margin-top: .4rem;
  border:1px solid #999;
  text-align: center;
  line-height: .9rem;
}
.business .content a:hover,.business .content a.blue:hover{
  border-color: #3D9CE5;
  color: #3D9CE5;
  background: #fff;
}
.business .content a.blue{
  background: #3D9CE5;
  color: #fff;
  border:1px solid #3D9CE5;

}
.table{
  margin-top: 1.2rem;
}
.table div{
  display: flex;
  padding: 0 2.32rem;
  line-height: 1.4rem;
}
.table div span:first-of-type{
  width: 7.42rem;
  background: #3D9CE5;
  color: #fff;
  padding: 0 0 0 1.05rem;
  box-sizing: border-box;
  border-bottom: 1px solid #fff;
}
.table div span:last-of-type{
  border-bottom: 1px solid #CECECE;
  border-right: 1px solid #CECECE;
  flex:1;
  padding-left: 1.06rem;
}
.table div:first-of-type span:last-of-type{
  border-top:1px solid #CECECE;
}
.contact{
  margin-top: 1.2rem;
  display: flex;
  justify-content: space-between;
  padding: 0 2.32rem;
}
.contact .item{
  flex:1;
  /* height: 4.08rem; */
  border: 1px solid #CECECE;
  padding: .4rem .62rem .4rem .62rem;
  margin-right: .35rem;
}
.contact .item:last-of-type{
  margin-right: 0;
}
.contact .item h5{
  font-size: .3rem;
  line-height: .5rem;
  margin-bottom: .4rem;
}
.contact .item p{
  line-height: .35rem;
  margin-bottom: .15rem;
  display: flex;
}
.contact .item p span{
  width: 1rem;
}
.contact .item p span:last-of-type{
  flex:1;
}
.contact .item p:nth-of-type(2){
  /* height: .74rem; */
  
}
.footer{
  background: #2079BD;
  color: #fff;
  height: 3.5rem;
  text-align: center;
  margin-top: .98rem;
  padding-top: .78rem;
  box-sizing: border-box;
  position: relative;
}
.footer .logo{
  display: block;
  height: .7rem;
  margin: 0 auto .64rem;
}
.footer .top{
  position: absolute;
  right: 2.32rem;
  top: 1.2rem;
  width: .82rem;
  cursor: pointer;
}
@media (max-width: 1024px) {
  html{
    font-size: calc(100vw/4.14);
  }
  .banner{
    background: url(../imgs/banner-m.jpg) no-repeat;
    background-size: cover;
  }
  .banner .logo{
    width: 1.35rem;
    top: .48rem;
    left: .4rem;
  }
  .banner .pics{
    left: 0;
    padding: 0 .3rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    bottom: .1rem;
  }
  .banner .pics a{
    width: 47.5%;
    display: block;
    margin-bottom: .15rem;
  }
  .banner .pics img{
    display: block;
    margin-right: 0;
  }
  h2{
    font-size: .24rem;
    line-height: .24rem;
    margin-top: .4rem;
  }
  h3{
    line-height: .2rem;
    margin-top: .12rem;
    font-size: .18rem;
  }
  h4{
    font-size: .14rem;
    line-height: .2rem;
    padding: 0 .5rem;
    margin-top: .24rem;
  }
  .business .flex{
    display: block;
    padding: .4rem .2rem 0;
  }
  .business .flex .item{
    width: 100%;

  }
  .business .flex .item:first-of-type{
    margin-bottom: .4rem;
  }
  .business .flex .item .content{
    height: auto;
    padding: .2rem .72rem .4rem;
  }
  .business .content img{
    height: .7rem;
  }
  .business .content p{
    margin-top: .2rem;
    line-height: .18rem;
    font-size: .12rem;
    height: auto;
    margin-bottom: .16rem ;
  }
  .business .content a{
    line-height: .32rem;
    font-size: .11rem;
    height: .32rem;
    margin-top: .11rem;
  }
  .table{
    margin-top: .4rem;
  }
  .table div{
    padding: 0 .2rem;
    line-height: .16rem;
    font-size: .12rem;
    /* align-items: center; */

  }
  .table div span:first-of-type{
    text-align: center;
    width: 1.34rem;
    padding: .16rem 0;
  }
  .table div span:last-of-type{
    padding: .16rem .2rem;
  }
  .contact{
    margin: .2rem .2rem .4rem;
    padding: 0;
    display: block;
  }
  .contact .item{
    width: 100%;
    padding: .24rem .42rem;
    height: auto;
    margin-bottom: .2rem;
  }
  .contact .item h5{
    font-size: .18rem;
    line-height: .33rem;
    margin-bottom: .24rem;
  }
  .contact .item p{
    margin-bottom: .12rem;
    line-height: .23rem;
    font-size: .14rem;
  }
  .contact .item p:nth-of-type(2){
    height: auto;
  }
  .footer{
    margin-top: 0;
    height: 1.65rem;
    padding-top: .36rem;
  }
  .footer .logo{
    height: .37rem;
    margin: 0 auto .33rem;
  }
  .footer p{
    font-size: .12rem;
  }
  .footer .top{
    width: .29rem;
    height: .29rem;
    top: .4rem;
    right: .32rem;
  }
  .contact .item p span{
    width: .6rem;
  }

}