/*banner图开始*/
.lunbo1{
  display: none;
}
.lunbo img{
  display: block;
  width: 100%;
}
.swiper-slide a{
  display: block;
}

.abouttop{
    width: 100%;
    /*position: relative;
    height: 300px;*/
    overflow: hidden;
    background:#f6f6f6;
}
.service{
    display: block;
    width: 1190px;
    margin: 0 auto;
    text-align: center;
    color: #7C7C7C;
    padding-top: 55px;
}
.service h3{
    font-size: 22px;
    font-weight: normal;
    /* color: #3a6cb5; */
    color: #4d9bd5;
    padding: 10px 0;
}
.service .border1{
    width: 75px;
    height: 2px;
    /* background-color: #3a6cb5; */
    background-color: #4d9bd5;
    margin: 0 auto;
}
.service .en{
    padding: 10px 0;
    font-size: 14px;
}

.pbox{
  width: 100%;
  padding: 0px 0 40px;
}
.pbox p{
    width: 1170px;
    margin: 0 auto;
    font-size: 16px;
    color: #7C7C7C;
    line-height: 25px;
    margin-top: 15px;
}
.service .servnav{
    margin-top: 60px;
    margin-bottom: 40px;
}
.service .servnav li{
    float: left;
    width: 20%;
}
.service .servnav li h3{
    font-size: 16px;
    /* color: #3a6cb5; */
    color: #4d9bd5;
    font-weight: 600;
    margin-top: 20px;
}
.service .servnav li p{
    color: #7C7C7C;
    font-size: 14px;
    line-height: 20px;
    word-wrap: break-word;
}

/*解决方案*/
.content {
    width: 1200px;
    margin: 20px auto 0;
}
.waterfull1 {
    position: relative;
    background-color: rgba(77, 156, 213, 0.15);
  }
  .waterfull1 .whith_bg {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 198px;
    background-color: #fff;
  }
  .waterfull1 ul .a-img1 .img img {
    max-width: 100%;
    display: inline-block;
  }
  .waterfull1 ul .item:nth-child(-n+4) {
    float: left;
    width: 261px;
    position: relative;
    overflow: hidden;
    margin: 69px 52px 88px 0;
    background-color: white;
    box-shadow: 4px 4px 25px 0px rgba(211,230,245,0.4);
    height: 312px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-align: center;
  }
  .waterfull1 ul .item:nth-child(-n+4):nth-child(4n){
    margin-right: 0;
  }
  .waterfull1 ul .item:nth-child(-n+4) .a-img1{
      display: block;
  }
  .waterfull1 ul .item:nth-child(-n+4) .a-img1 .img{
    width: 65px;
    height: 74px;
    margin-top: 79px;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    background-image: url(../../Home/images/index_experience_icon_bg.png);
    background-size: 100% auto;
    vertical-align: bottom;
  }
  .waterfull1 ul .item:nth-child(-n+4) .a-img1 .img img {
    margin-top: 7px;
  }
  .waterfull1 ul .item:nth-child(-n+4) .li-title1{
    padding: 0 36px 0;
    margin: 0px 0px 14px 0px;
    color: #333;
    overflow: hidden;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    line-height: 25px;
  }
  .waterfull1 ul .item:nth-child(-n+4) h2{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }
  .waterfull1 ul .item:nth-child(-n+4) .description1 {
    padding: 0 20px 0;
    
    overflow: hidden;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color: #777777;
    line-height: 22px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
  }
  /* 前四个样式结束 */
  .waterfull1 ul {
    padding-bottom: 79px;
  }
  .waterfull1 ul .item:nth-child(n+5) {
    width: 261px;
    float: left;
    margin-right: 52px;
  }
  .waterfull1 ul .item:nth-child(n+5):nth-child(4n){
    margin-right: 0;
  }
  .waterfull1 ul .item:nth-child(n+5) .a-img1{
    display: block;
  }
  .waterfull1 ul .item:nth-child(n+5) .a-img1 .img{
    width: 33px;
    height: 33px;
    margin-left: 7px;
    background-color: white;
    border-radius: 6px;
    vertical-align: top;
  }
  .waterfull1 ul .item:nth-child(n+5) .a-img1 .icon {
    display: inline-block;
  }
  .waterfull1 ul .item:nth-child(n+5) .a-img1 .li-title1{
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    line-height: 33px;
    margin-left: 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    max-width: 200px;
  }
  .waterfull1 ul .item:nth-child(n+5) .a-img1 .description1{
    display: block;
    min-height: 48px;
    margin-left: 57px;
    margin-top: 7px;
    font-size: 16px;
    font-weight: 400;
    color: #777777;
    line-height: 22px;
    box-sizing: border-box;
    width: 250px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    min-height: 66px;
  }

/*成就*/
.rewardcon{
    width: 1170px;
    margin: 0 auto;
    padding-top: 10px;
}
.rewardcon .xr{
    margin-bottom: 50px;
    overflow:hidden;
}
.rewardcon .hxz{
    margin-bottom: 50px;
}
/*.rewardcon .xr img{*/
    /*width: 60%;*/
/*}*/
/*.rewardcon .hxz img{*/
    /*width: 60%;*/
/*}*/
.rewardcon .xr img:nth-child(2){
    float: right;
}
.rewardcon .hxz img{
    float: right;
}
.rewardcon .xr .xqxq{
    width: 32%;
    float: left;
    min-height: 203px;
    text-align: center;
    padding: 10px 0;/*
    border: 1px solid #02A8FE;*/
    box-sizing: border-box;
    margin-right:2%;
    margin-bottom:20px;
}
.rewardcon .xr .xqxq .pic{
    overflow: hidden;
}
.rewardcon .xr .xqxq img{
    width:100%;
}
.rewardcon .xr .xqxq:nth-child(3n+0){
    margin-right: 0;
}
.rewardcon .xr .xqxq h3{
    color: #404040;
    margin: 15px 0;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
}
.rewardcon .xr .xqxq p{
    font-size: 15px;
    font-weight: normal;
    color: #424242;
    text-align: justify;
    line-height: 26px;
}
.rewardcon .hxz .yeyantu{
    width: 33%;
    height: 203px;
    float: left;
    margin: 0px;
    text-align: center;
    padding: 10px 20px;
    /* border: 1px solid #3a6cb5; */
    border: 1px solid #4d9bd5;
    box-sizing: border-box;
    display: block;
    margin-bottom: 
}

.rewardcon .hxz .yeyantu1{
    width: 33%;
    height: 203px;
    float: left;
    margin: 0px;
    text-align: center;
    padding: 10px 20px;
    /* border: 1px solid #3a6cb5; */
    border: 1px solid ;
    box-sizing: border-box;
    display: none;
}
.rewardcon .hxz .yeyantu h3{
    /* color: #3a6cb5; */
    color: #4d9bd5;
    line-height: 35px;
}
.rewardcon .hxz .yeyantu p{
    font-size: 14px;
    font-weight: 500;
    color: #929292;
    text-align: left;
    line-height: 20px;
}
/*客户*/
.clientcon{
    width: 1190px;
    margin: 0 auto;
    padding: 30px 0 90px 1.8%;
}
.clientcon li{
    float: left;
    width: 12%;
    height: auto;
    overflow: hidden;
    margin: 0 2.4% 25px 0;
}
.clientcon li:nth-child(7n+0){
    margin-right:0;
}
.clientcon li a{
    width: 100%;
    height: 100%;
    display: block;
    font-size: 10px;
}
/*案例*/
.waterfull{
    margin: 0 auto;
}
.waterfull ul li{
    float: left;
    width: 384px;
    background: #fff;
    position: relative;
    overflow: hidden;
    margin: 0 24px 20px 0px;
    height: 378px;
}
.waterfull ul li .a-img{
    width: 384px;
    height: 256px;
    overflow: hidden;
    display: block;
    position: relative;
}
.waterfull ul li .a-img img{
    width: 100%;
    /*min-height: 256px;*/
    display: block;
}
.waterfull ul li .li-title{
    padding: 6px 0px 2px 0px;
    color: #404040;
    overflow: hidden;
    line-height: 40px;
    font-size: 18px;
    background-color: #fff;
    font-weight: bold;
}
.waterfull ul li .description{
    padding: 0px 0px 35px 0px;
    overflow: hidden;
    line-height: 26px;
    color: #424242;
    font-size: 15px;
    background: #fff;
    text-align: left;
    height: 48px
}

@media screen and (max-width: 1024px){
  .pbox p{
    width: 96%;
    margin: 0 auto;
  }
  /*服务*/
  .service {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
    color: #7C7C7C;
    padding-top: 55px;
  }
  .service .servnav {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  /*行业解决方案*/
  .content {
    width: 97%;
    margin: 45px auto 0;
  }
  .waterfull1 ul .item:nth-child(-n+3){
    /*width: 30%;*/
    float: left;
    width: calc(33.33% - 24px);
    position: relative;
    overflow: hidden;
    /* margin: 0 12px 48px; */
    margin: 0 12px 88px;
    /* height: unset; */
  }
  .waterfull1 ul .item:nth-child(-n+3) .a-img1{
    width: 100%;
  }
  .waterfull1 ul .item:nth-child(-n+3) .a-img1 img{
    /* width: 83.3%; */
    margin: 0 auto;
  }
  .waterfull1 ul .item:nth-child(-n+3) .li-title1{
    max-height: 50px;
    overflow: hidden;
    line-height: 24px;
    font-size: 18px;
    width: 83.3%;
    margin: 0 auto 14px;
    text-align: center;
    padding: 0;
  }
  .waterfull1 ul .item:nth-child(-n+3) .description1{
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    height: 4.2em;
    width: 83.3%;
    margin: 0 auto;
  }
  /*前三个结束*/
  .waterfull1 ul {
    padding-bottom: 79px;
  }
  .waterfull1 ul .item:nth-child(n+4) {
    width: calc(33.33% - 24px);
    float: left;
    margin: unset;
    margin: 0 12px 15px;
    margin-right: 12px !important;
    margin-top: unset;
    background-color: unset;
    height: unset;
    text-align: left;
  }
  .waterfull1 ul .item:nth-child(n+4):nth-child(3n){
    margin-right: 0 !important;
  }
  .waterfull1 ul .item:nth-child(n+4) .a-img1{
    display: block;
  }
  .waterfull1 ul .item:nth-child(n+4) .a-img1 .img{
    width: 33px;
    height: 33px;
    margin-left: 7px;
    background-color: white;
    border-radius: 6px;
    vertical-align: top;
    margin-top: unset;
    background-image: unset;
    
  }
  .waterfull1 ul .item:nth-child(n+4) .a-img1 .img img {
    margin-top: 0;
  }
  .waterfull1 ul .item:nth-child(n+4) .a-img1 .icon {
    display: inline-block;
    margin-bottom: 0;
  }
  .waterfull1 ul .item:nth-child(n+4) .a-img1 .li-title1{
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    line-height: 33px;
    margin-left: 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    max-width: 200px;
    padding: 0;
    margin-bottom: 0;
  }
  .waterfull1 ul .item:nth-child(n+4) .a-img1 .description1{
    display: block;
    margin-left: 57px;
    margin-top: 7px;
    font-size: 16px;
    font-weight: 400;
    color: #777777;
    line-height: 22px;
    box-sizing: border-box;
    width: 194px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    padding: 0;
  }
  /*成就*/
  .rewardcon{
    width: 98%;
  }
  .rewardcon .xr{
      margin-bottom: 20px;
  }
  .rewardcon .xr img{
      width: 62%;
      float: left;
  }
  /*.rewardcon .xr img:nth-child(2){*/
      /*width: 33%;*/
      /*float: right;*/
  /*}*/
  .rewardcon .xr .xqxq{
      width: 48%;
      float: left;
      height: auto;
      margin: 0;
      text-align: center;
      padding: 10px 0;
      overflow: hidden;
      margin-right:1%;
      margin-left:1%;
      margin-bottom:10px;

  }
  .rewardcon .xr .xqxq img{
      width:100%;
  }
  .rewardcon .xr .xqxq h3{
      line-height: 35px;
  }
  .rewardcon .xr .xqxq p{
      font-size: 14px;
      color: #7C7C7C;
      text-align: left;
      line-height: 25px;
  }
  /*客户*/
  .clientcon{
    width: 90%;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 20px;
    padding: 10px 5% 20px;
  }
  .clientcon li{
      float: left;
      width: 18%;
      /*max-width: 140px;*/
      height: auto;
      overflow: hidden;
      margin-right: 1%;
      margin-bottom: 15px;
      margin-left: 1%;
  }
  .clientcon .clien7{
      margin-right: 1%;
  }
  /*案例*/
  .waterfull ul li{
    width: 38%;
    height: unset;
    margin: 0% 0% 0% 8%;
  }
  .waterfull ul li .a-img{
    width: 100%;
  }
}
/*pad*/
@media screen and (max-width: 980px){
  /*行业解决方案*/
  .content .waterfull1 ul li {
        float: left;
        width: 48%;
        /*background: #F8F8F8;*/
        position: relative;
        overflow: hidden;
        margin: 0 1% 0px 1%;
        /*height: 390px;*/
    }
    .content .waterfull1 ul li .a-img1 {
        width: 100%;
        display: block;
        position: relative;
        margin: 0 auto;
    }
    .content .waterfull1 ul li .li-title1 {
        /*padding: 0px 0 5px;*/
        /*color: #3a6cb5;*/
        max-height: 50px;
        overflow: hidden;
        line-height: 24px;
        font-size: 18px;
        /*width:275px;*/
        /*margin:0 auto;*/
        /*background: #F8F8F8;*/
    }
    .content .waterfull1 ul li .description1 {
        margin:  0 0px 40px 0;
        padding: 0;
        /* max-height: 50px; */
        overflow: hidden;
        line-height: 22px;
        color: #7C7C7C;
        /*background: #F8F8F8;*/
    }
    /*案例*/
    .waterfull ul li .a-img{
      height: unset;
    }
    .content {
      width: 95%;
      margin: 45px auto 0;
    }

}
/*手机*/
@media screen and (max-width: 480px){
  .banner{
    display: none;
    width: 100%;
  }
  .swiper-container{
      display: block;
      width: 100%;
      /*height: 140px;*/
      overflow: hidden;
  }
  .swiper-slide{
      display: block;
  }
  .swiper-slide img{
      width: 100%;
      display:block;
  }
  .swiper-button-prev,.swiper-button-next{
    display: none;
  }
  .lunbo{
      display:none;
  }


  .service{
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
    color: #7C7C7C;
    padding-top: 15px;
  }
  .service h3{
      font-size: 20px;
      /*font-weight: normal;*/
      /* color: #3a6cb5; */
      color: #4d9bd5;
      padding: 10px 0;
  }
  .service .border1{
      width: 35px;
      height: 2px;
      /* background-color: #3a6cb5; */
      background-color: #4d9bd5;
      margin: 0 auto;
  }
  .service .en{
      font-size: 14px;
      padding: 10px 0;
  }
  .service .servnav{
      margin-top: 10px;
      margin-bottom: 20px;
      padding: 0 5%;
  }
  .service .servnav li{
      float: left;
      width: 50%;
      margin-bottom: 20px;
  }
  .service .servnav li:nth-child(3){
      /*clear: both;*/
  }
  .service .servnav li img{
      /*width: 100%;*/
  }
  .service .servnav li h3{
      font-size: 16px;
      /* color: #3a6cb5; */
      color: #4d9bd5;
      font-weight: 600;
      margin-top: 0px;
  }
  .service .servnav li p{
      color: #7C7C7C;
      font-size: 14px;
      line-height: 20px;
  }

  .content{
      width: 100%;
  }
  .waterfull1 ul {
    padding-bottom: 32px;
  }
  .waterfull1 ul .item:first-child{
    float: left;
    width: calc(100% - 24px);
    position: relative;
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
  }
  /*第一个结束*/
  .waterfull1 ul .item:nth-child(n+2) {
    width: calc(100% - 24px);
    margin-bottom: 15px;
    background-color: unset;
    height: unset;
    text-align: left;
  }
  .waterfull1 ul .item:nth-child(n+2) .a-img1 .img{
    background-image: unset;
    background-color: white;
    border-radius: 6px;
    width: 33px;
    height: 33px;
    margin-top: 0;
    margin-left: 7px;
    margin-bottom: 0;
  }
  .waterfull1 ul .item:nth-child(n+2) .a-img1 .img img {
    margin-top: 0;
  }
  .waterfull1 ul .item:nth-child(n+2) .a-img1 .li-title1 {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 0;
    text-align: left;
    max-width: 250px;
  }
  .waterfull1 ul .item:nth-child(n+2) .a-img1 .description1 {
    width: unset;
    margin-left: 57px;
    margin-top: 7px;
    height: unset;
    min-height: unset;
  }

  /*解决方案*/
  /*成就*/
  .rewardcon{
    width: 100%;
    margin: 0 auto;
    padding-top: 10px;
  }
  .rewardcon .xr{
      margin-bottom: 10px;
      height: auto;
  }
  .rewardcon .hxz{
      margin-bottom: 10px;
      height: auto;
  }
  .rewardcon .xr img:nth-child(1){
      height: auto;
      margin: 0 auto;
  }
  .rewardcon .xr .xqxq{
      /* width: 80%; */
      width: 100%;
      height: unset;
      float: none;
      margin: 0px auto;
      text-align: center;
      padding: 0px 0px;
      overflow: hidden;
  }
  .rewardcon .xr .xqxq:nth-child(3n+1){
      margin: 0px auto;
  }
  .rewardcon .xr .xqxq:nth-child(2n+1){
      margin: 0px auto;
  }

  .rewardcon .xr .xqxq h3{
      line-height: 40px;
      padding: 16px 40px 0px 40px;
      margin: 0 0;
  }
  .rewardcon .xr .xqxq p{
      padding: 0px 40px 60px 40px;
      color: #808080;
  }
  .rewardcon .xr img{
      height: auto;
      width: 80%;
      margin: 0 auto;
      float: none;
  }

  .rewardcon .hxz img{
      height: auto;
      width: 80%;
      margin: 0 auto;
      float: none;
  }
  .rewardcon .hxz .yeyantu{
      width: 80%;
      height: auto;
      float: none;
      margin: 10px auto;
      text-align: center;
      padding: 10px 20px;
      /* border: 1px solid #3a6cb5; */
      border: 1px solid #4d9bd5;
      overflow: hidden;
      display: none;
  }
  .rewardcon .hxz .yeyantu1{
      width: 80%;
      height: auto;
      float: none;
      margin: 10px auto;
      text-align: center;
      padding: 10px 20px;
      /* border: 1px solid #3a6cb5; */
      border: 1px solid #4d9bd5;
      overflow: hidden;
      display: block;
  }
  .rewardcon .hxz .yeyantu1 h3{
      /* color: #3a6cb5; */
      color: #4d9bd5;
      line-height: 35px;
  }
  .rewardcon .hxz .yeyantu1 p{
      font-size: 14px;
      font-weight: 500;
      color: #929292;
      text-align: left;
      line-height: 25px;
  }
  .rewardcon .hxz .yeyantu h3{
      /* color: #3a6cb5; */
      color: #4d9bd5;
      line-height: 35px;
  }
  .rewardcon .hxz .yeyantu p{
      font-size: 14px;
      font-weight: 500;
      color: #929292;
      text-align: left;
      line-height: 25px;
  }
  /*案例*/
  /* .waterfull ul li {
    float: none;
    width: 94%;
    height:auto;
    padding: 0 3%;
    margin: 0;
  }
  .waterfull ul li img{
      width:100%;
  }
  .waterfull ul li .a-img {
      width: 100%;
      height:auto;
  } */
  /*动态*/
  .content{
      width: 100%;
  }
  .content .rec_con ul li{
      width: 45%;
      height: 150px;
      padding: 1%;
      margin: 10px 1% 5px;
  }
  .content .rec_con ul li img{
      width:100%;
      height: 150px;
  }
  .content .rec_con ul li .a-index{
      width: 98%;
      left: 1%;
      top: 2%;
      height: 150px;
      line-height: 20px;
  }
  .content .rec_con ul li .a-index h2{
      top: 0; 
      left: 0;
      font-size: 1.8em;
      line-height: 28px;
      width: 98%;
      height: 150px;
  }



}