@charset "utf-8";
section{position: relative;width:100%;line-height:36px;}
body{font-size: 14px;color:#333}
p,h1,h2,h3,ul,body{margin: 0;padding:0}
.maxwid{max-width: 1200px;margin: auto;}

.oneTop{padding: 43px 0;text-align: center;}
.oneTop p{font-size:34px;text-shadow: 2px 2px 0px rgba(158, 158, 158, 0.6);color: #2e87f7;font-weight:bold;letter-spacing: 1;}
.oneTop span{border-bottom: 1px solid #ddd;border-top:1px solid #ddd;line-height: 52px;height: 56px;display: inline-block;}
.oneTop span:nth-child(2){color:#222;}
.xiangying_nav{display: none;width:24px;height:24px;background: url(../img/fk.png) no-repeat left top;position: absolute;right: 20px;top:12px;}
/**导航*/
.navigationBar{background:#444;height:50px;line-height: 50px;box-sizing: border-box;position: fixed;top: 0;left: 0;z-index: 99;}
.navigation{height: 100%;}
.navigation .logo{float: left;height:100%;padding: 6px 10px;box-sizing: border-box;}
.navigation .logo img{height:100%;}
.menuBox{float:right;}
.menuBox ul{display:table;}
.menuBox li{display:table-cell;padding:0 15px;color:#fff;}

/**banner*/
#banner{padding:50px 0 0}
.swiper-container img{min-height:160px;max-width:200%;}
.swiper-container .swiper-slide{position:relative;overflow:hidden;}
.swiper-slide .absolute{position:absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.swiper-slide .cent{padding: 6%  30% 0;line-height: 36px;font-size: 18px;color:#fff}
.swiper-slide .cent h3{line-height: 60px;font-size: 30px;}
#swiper-slide1 .absolute .cent{}
#swiper-slide2 .absolute .cent{}
#swiper-slide3 .absolute .cent{}
/*业务范围*/
.serviceBox{position: relative;overflow: hidden;}
.service-item{position: relative;display:flex;justify-content:center;align-items:center;align-self: center;background: #f4f4f4;}
.service-item .l,.service-item .r{width:50%; transform: translateY(0);display: flex;justify-content: center;align-items: center;transition: all 0.6s;}
.service-item .bg{background: white;}
.service-item .l{left: 0;}
.service-item .r{right:0;}
.service-item img{max-width:100%}
/*.service-item .lhide{transform: translateY(-1000px);}
.service-item .rhide{transform: translateY(1000px);} */
.service-item .cent{padding: 0 80px;}
.service-item .cent .explain{color:#888}

/*产品案例*/
.oneImg{width:65%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin: 0 auto;}
.oneImg .box{overflow:hidden;background:rgba(255,255,255,1);display: block;box-sizing: border-box;width: 20%;padding:15px;transition: all 0.3s;text-align: center;}
.oneImg .box:hover{overflow:hidden;padding:5px;}
.oneImg .box:hover div{box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.6);}
.oneImg .box div{width:100%;border-radius: 2px;overflow:hidden;box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);}
.oneImg .box img{width:100%;}
.oneImg .box p{padding:14px 0;font-size: 16px;font-family: PingFang-SC-Medium;font-weight: bold;color: rgba(51,51,51,1);}
.oneImg.twoImg{margin:20px auto;}

/**为什么选择我们*/
.selectAbout{background:url(../img/num6_bg.jpg) center no-repeat;background-size: 100% auto;overflow: hidden;}
.selectAbout .top{font-size: 26px;font-weight: bold;color: white;text-align: center;padding:60px 0 50px}
.lst-item{display: flex;color:white;width: 42%;float: left;line-height: 26px;margin: 0 0 60px 6%;}
.lst-item:nth-child(2n-1){/* margin-left:0; */}
.lst-item .l{padding-right: 30px;}
.lst-item .r{flex: 1;}
.lst-item .tit{border-bottom:1px solid #ddd;line-height: 36px}
.lst-item .explain{font-size:12px;}
/**服务内容*/
.research{padding:20px 0 40px;position: relative;overflow: hidden;background:#f1f1f1;text-align:center;}
.research .box{animation:c3 1s forwards;width: 20%;box-sizing: border-box;float:left;border:1px solid rgba(245,245,245,1);}
.research .box .l{display:block;margin:0 auto;padding:60px 0 24px;}
.research .box img{width:3.46rem;height:3.46rem;}
.research .box .r{font-family:PingFang SC;width: 100%;padding: 0 15px;box-sizing: border-box;}
.research .box .title{padding-top:25px;font-size:30px;color:rgba(51,51,51,1)}
.research .box .cent{padding-top: 18px;font-size:14px;color:rgba(153,153,153,1);display:block;line-height:26px;}
/**合作流程*/
.joinIn{}
.joinIn-img {position: relative;overflow: hidden;}
.joinIn-img img{float: left;width:100%;}
.joinIn-img div{width: 47%;float:left;}
.joinIn-img .img2{margin-left: 5%;}

/**底部*/
.tc-footer {text-align:center;background: #3e3e3e;padding: 30px 0;color: white;margin-top:100px}
.tc-footer  a{font-size:14px;color:white}
.tc-footer .links{line-height:20px}
.tc-footer .links a{font-size:12px;margin:0 5px;}
.tc-footer .links a:hover{color:#c6c6c6}
.tc-footer .links .icon{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:5px}
.tc-footer .links .line-2 .slide{margin:0 5px}
.tc-footer .links .last{margin-top:10px}
.tc-footer .links .last .slide{margin-left:5px}

@media screen and (max-width:640px){
    .oneTop { padding: 20px 0;text-align: center;}
    .oneTop p{font-size:16px;}
    .oneTop span{line-height: 28px;height: 28px;}
    .xiangying_nav{display:block}
    /**导航*/
    .menuBox.toggle{display:none}
    .menuBox{padding-right:6px;width: 100%;background: #444;}
    .menuBox ul {width:100%;}
    .menuBox li{padding:0 6px;width: 100%;display: block;text-align: center;border-top: 1px solid rgba(173, 173, 173, 0.45);}
    /*业务范围*/
    .service-item{/* height: 150px; */}
    .service-item .cent {padding: 10px;}
    .service-item img{max-width:90%}
    .service-item .l, .service-item .r {font-size:8px;line-height:18px}

    /*产品案例*/
    .oneImg{width:100%;padding:0 5px;box-sizing:border-box}
    .oneImg .box{width: 33.333%;padding:5px;height: auto;}
    .oneImg .box p{padding:6px 0;font-size: 12px;line-height:24px;}
    .oneImg .box.last{display:none}
    .oneImg .box div{border-radius: 2px;box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);}
    /**为什么选择我们*/
    .selectAbout{background-size:auto;margin-top:20px;padding-bottom: 20px;}
    .selectAbout .top{font-size: 18px;text-align: center;padding:20px 0}
    .lst-item{width: 100%;float: left;line-height: 26px;margin: auto;padding: 0 15px 10px;box-sizing: border-box;}
    .lst-item .l{padding-right:20px;vertical-align: middle;align-self: center;}
    .lst-item .l img{width: 50px;}
    .lst-item .tit{border-bottom:1px solid #ddd;line-height: 26px}
    .lst-item .explain{line-height: 20px;}

  /**服务内容*/
  .research{padding:10px 0 40px;text-align:left;}
  .research .box{width: 100%;display:flex;align-items:center;padding: 10px;border-bottom: 1px solid #e2e2e2;}
  .research .box .l{display:block;margin:0 auto;padding: 0 12px 0 0;}
  .research .box img{width:3rem;height:3rem;}
  .research .box .r{font-family:PingFang SC;width: 80%;padding: 0 15px 0 0;}
  .research .box .title{padding-top: 0;font-size: 16px;color:rgba(51,51,51,1);}
  .research .box .cent{padding-top: 0;font-size: 12px;line-height: 20px;}

  /**合作流程*/
  .joinIn-img div{width:100%;box-sizing:border-box;padding:10px 15px;}
  .joinIn-img .img1{}
  .joinIn-img .img2{margin-left:0;}

  /**banner*/
  .swiper-slide .cent{padding: 8% 15px 0;line-height:20px;font-size:16px;}
  .swiper-slide .cent h3{line-height: 40px;font-size: 20px;}

  /**底部*/
  .tc-footer {margin-top:30px}
}

@-webkit-keyframes c3 {
    0% {
      -webkit-transform: translateY(300px);
      -moz-transform: translateY(300px);
      -ms-transform: translateY(300px);
      -o-transform: translateY(300px);
      transform: translateY(300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1;
    }
  }
  @keyframes c3 {
    0% {
      -webkit-transform: translateY(300px);
      -moz-transform: translateY(300px);
      -ms-transform: translateY(300px);
      -o-transform: translateY(300px);
      transform: translateY(300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1;
    }
  }