@charset "utf-8";

body{ background: #fff; font-size:.25rem;}

/* --------------index-start-------------- */
.top { height:1.06rem; background:#f7f7f7; overflow:hidden;}
.top .logo { float:left; display:block; width:2.82rem; margin-left:.3rem; margin-top:.36rem;}
.top .phone { float:left; background:url(../images/phone.png) left center no-repeat; margin-left:.15rem; font-size:.36rem; color:#323232; line-height:1.06rem; background-size:.32rem auto; padding-left:.58rem;}
.top .down { display:block; width:.57rem; height:.57rem; float:right; margin-right:.3rem; margin-top:.25rem;}
.banner span { box-sizing:border-box; border:.02rem solid rgba(255,255,255,0.5); width:.1rem; height:.1rem; background:none;}
.banner span.swiper-pagination-bullet-active { width:.24rem; height:.1rem; background:#fff; border-radius:.24rem;}
.activeBox ul{ padding-top:.3rem; padding-bottom:.5rem; overflow:hidden;}
.activeBox li { margin-bottom:.3rem; box-sizing:border-box; padding-top:.32rem; float:left; margin-left:.3rem; width:3.3rem; height:2.16rem; border-radius:.07rem; background:#0080d8; text-align:center;}
.activeBox li h2 { color:#fff; font-size:.36rem;}
.activeBox li p { font-size:.26rem; color:#fff; line-height:.64rem}
.activeBox li span { display:inline-block; font-size:.24rem; line-height:.34rem; border:.02rem solid rgba(255,255,255,0.5); color:rgba(255,255,255,0.5); border-radius:.04rem; padding:0 .14rem;}
.friendBox { background:#f7f7f7; padding:.5rem .3rem;}
.friendBox li { margin-bottom:.13rem; background:#fff; height:1.48rem; padding-top:.3rem; box-sizing:border-box; border-radius:.05rem; box-sizing:border-box; padding-left:.29rem;}
.friendBox li img { float:left; width:.52rem; border-radius:50%; margin-top:.18rem; margin-right:.21rem;}
.friendBox li h2 { font-size:.28rem; color:#404040; line-height:.48rem;}
.friendBox li p { color:#727272; font-size:.24rem; line-height:1.4;}
.friTxt { float:left; width:5.66rem;}
.need h2 { color:#333333; font-size:.38rem; text-align:center; line-height:1.36rem;}
.need .swiper-container {
  width: 100%;
  height: 100%;
   padding-bottom:.8rem;
}
.need .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  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;
  transition: 300ms;
  transform: scale(0.85);
  box-shadow:0 0 10px rgba(0,0,0,0.2);
  border-radius:.06rem; overflow:hidden;
}
.need .swiper-slide-active,.swiper-slide-duplicate-active{
  transform: scale(1);
}
.blueBox { background:#006fbc;}
.pinkBox { background:#fd4c56;}
.orangeBox { background:#ff934b;}
.slideBox { display:block;}
.need .slideTop { width:100%; color:#fff;}
.need .slideTop h3 { padding-top:.4rem; line-height:.38rem; padding-bottom:.48rem; font-size:.38rem; font-weight:bold;}
.need .slideTop p { font-size:.28rem; line-height:1.5; padding:0 .2rem .4rem;}
.slideBottom { padding:.3rem .4rem; text-align:left; font-size:.24rem; line-height:.44rem;}
.contactBox { background:#25292c; padding:1.25rem .3rem 0;}
.contactBox h2 { font-size:.3rem; font-weight:bold; color:#fff;}
.contactBox h3 { color:#cfcfd0; font-size:.24rem; line-height:.46rem;}
.copyRight { text-align:center; border-top:1px solid #3b3f42; padding:.2rem 0; margin-top:.4rem;}
.copyRight p { color:#fff; line-height:.42rem; font-size:.22rem;}
.fixBottom { position:fixed; overflow:hidden; left:0; bottom:0; width:100%; height:1.3rem; background:#fff; z-index:2;}
.fixBottom a { position:relative; display:block; float:left; width:33.33%;}
.fixBottom a:nth-child(1) { background:url(../images/home1.png) center .22rem no-repeat; text-align:center; line-height:.58rem; font-size:.24rem; color:#4c4c4c; padding-top:.68rem; background-size:.46rem auto; }
.fixBottom a:nth-child(1):after { content:''; position:absolute; right:0; top:.34rem; width:.03rem; height:.62rem; background:#f1f1f1;}
.fixBottom a:nth-child(2) { background:url(../images/phone2.png) center .22rem no-repeat; text-align:center; line-height:.58rem; font-size:.24rem; color:#4c4c4c; padding-top:.68rem; background-size:.44rem auto; }
.fixBottom a:nth-child(3) { text-align:center; line-height:1.3rem; background:#006fbc; color:#fff; font-size:.32rem;}
.h130 { height:1.3rem;}
/**/
.activeBox li:nth-child(1){ background:url(../images/banner2.png) center no-repeat; background-size:100% auto;}
.activeBox li:nth-child(2){ background:url(../images/banner2.png) center no-repeat; background-size:100% auto;}
.activeBox li:nth-child(3){ background:url(../images/banner2.png) center no-repeat; background-size:100% auto;}
.activeBox li:nth-child(4){ background:url(../images/banner2.png) center no-repeat; background-size:100% auto;}