*{
      margin:0px;
      padding:0px;

     position: relative;
    }
    nav{
      /*position: fixed;*/
      height: 2.7rem;
      padding-top:1.5rem;
      z-index: 300;
      width:100%;
    }
    nav li{
      display: inline;
      width: auto;
      text-decoration: none;
      font-size:1rem;
      color:#333;
      margin-left:5.4rem;
      cursor: pointer;
    }
    
    section{
      height: 21.4rem;
    }
    .tab{
      height: 100vh;
    }
    .act{
      color:#fff;
      padding:0.5rem 0.8rem;
      height: 2rem;
      color:#2D57D1;
    
      border-bottom: 1px solid #2D57D1;
    }
    .palyer{
      position: relative;
      height: 895px;
    }
 
    .palyer {
      background: #eee;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #000;
      margin: 0;
      padding: 0;
    }

    .swiper-container {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 1.2rem;
      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;
    }
    .swiper-slide .swiper-slide-next{
      width:100%!important
    }
    .swiper-slide image{
      width:100%!important
    }
    .experience{
      width:100%;
      /*background-image: url("../images/bg_01.png");*/
      height: 17.875rem;
      height: 286px;
 
    }
    .experience1{
      width:100%;
      /*background-image: url("../images/bg_01.png");*/
      height: 17.875rem;
        color:black;
      height: 286px;
      border: 1px solid pink;
             position: absolute!important;

   
    top: 800px;
    z-index: 999
    }
    .house{
      border:1px solid  #fff;
      width:9.8rem;
      height: 7.3rem;
      border-radius: 50%;
      text-align: center;
      padding-top:2.5rem;
      border:1px solid  #2D57D1;
    }
   
    .house:hover{
      cursor:pointer;
      background-color:#fff;
      border:1px solid  #2D57D1;
     }
     .experienceanm{
       width:9.8rem;
       height: 7.3rem;
       border-radius: 50%;
       
      -webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;
     }
     .experienceanm:hover  img {-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
      
      @-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
      
      10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
      
      30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
      
      40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
      
      100%{-webkit-transform:scale(1) rotate(0);}}
      
      @-moz-keyframes tada{0%{-moz-transform:scale(1);}
      
      10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
      
      30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
      
      40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
      
      100%{-moz-transform:scale(1) rotate(0);}}
      
      @-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);
      
      opacity:0;}
      
      40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
      
      70%{-webkit-transform:perspective(400px) rotateY(10deg);}
      
      100%{-webkit-transform:perspective(400px) rotateY(0deg);
      
      opacity:1;}}
      
      @-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);
      
      opacity:0;}
      
      40%{-moz-transform:perspective(400px) rotateY(-10deg);}
      
      70%{-moz-transform:perspective(400px) rotateY(10deg);}
      
      100%{-moz-transform:perspective(400px) rotateY(0deg);
      
      opacity:1;}
            
    }
   
  /* 公司优势 */
   .advantage{
      background-image: url("../images/bg_002.png");
      width:100%;
      height: 60rem;
      padding-top:8rem;
      padding-bottom: 20px;
      background-size: 100% 100%;
      
     
    }
    .rapid{
     
      position: relative;
    }
    .rapidimgBox{
      width:5.0rem;
      height: 5.0rem;
      border-radius: 50%;
      border:1px solid  #999;
      padding-top: 1.5rem;
      padding-left: 1.5rem;
      display:block;
    }
    .radiu{
      width:2rem;
      height: 2rem;
      border-radius: 50%;
      box-shadow: 0px 0px 0.5rem rgba(0, 0, 0, 0.2);
      position: absolute;
      z-index: 100;
      background: #fff;
      border:2px solid #fff;
    }
    .radiu:hover{
      border:2px solid #2d57d1;
    }
    .radiu:hover .rapidimgBox{
      display: none;
    }
   
   .swiper-wrapper img{
     width: 100% !important;
   }
    .rapid:hover .radiu{
      border:2px solid #2d57d1;
    } 
  /* 公司优势结束 */

  /* 公司优势 */
  .rapidFlex{
    width:70%;
    height: 45rem;
    margin:0 auto;
    
  }
  .advantBox{
    flex:1;
    
  }
  .advantimg{
    width:13.0625rem;
    margin:0 auto;
  }
  .advantDisplay{
    width:17.375rem;
    height: 19.5rem;
    background:#fff;
    position: absolute;
    display: none;
    border:1px solid #ccc;
   
  }
  .advantBox:hover .advantDisplay{
    display: block;
    cursor: pointer;
  }
  .advantBox:hover .radiu{
      border:2px solid #2d57d1;
  }
  .product{
    width:17.5rem;
    background: #FFFFFF;
    height: 100%;
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.05);
    
  }
  /* 公司优势结束 */

  /* 产品展示 */
  .iconBox{
    display: block;
  }
  .iconDetail{
    display: none;
    background:#2D57D1;
    width:100%;
    height: 100%;
    cursor: pointer;
  }
  .product:hover .iconDetail{
   display: block;
  }
  .product:hover .iconBox{
   display: none;
  }
  .iconCont{
    font-size: 1rem;
    color: #FFFFFF;
    text-align: center;
    border:1px solid  rgba(255, 255, 255, 0.4);
    padding:0.1rem 0px 0.25rem 0px;
    border-radius: 5px;
    
  }
  .analysis{
    height: 3.1875rem;
    flex:1;
   
  }
  .analysisImg{
    height: 3.1875rem;
    width: 3.4375rem;
    border:1px solid #fff;
    background: #eee;
    margin: 0 auto;
    text-align: center;
  }
  .analysisP{
    margin-top:1.4375rem;
    text-align: center;
    width:4.0625rem;
    color:#333;
    font-size: 1rem;
   
  }
  .analysis:hover .analysisP{
    color:#2D57D1;
    cursor: pointer;
    
  }
  .analysis:hover .analysisImg{
    border:1px solid #2D57D1;
  }
  .analysis:hover .analysisImg img{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
      
      @-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
      
      10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
      
      30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
      
      40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
      
      100%{-webkit-transform:scale(1) rotate(0);}}
      
      @-moz-keyframes tada{0%{-moz-transform:scale(1);}
      
      10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
      
      30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
      
      40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
      
      100%{-moz-transform:scale(1) rotate(0);}}
      
      @-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);
      
      opacity:0;}
      
      40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
      
      70%{-webkit-transform:perspective(400px) rotateY(10deg);}
      
      100%{-webkit-transform:perspective(400px) rotateY(0deg);
      
      opacity:1;}}
      
      @-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);
      
      opacity:0;}
      
      40%{-moz-transform:perspective(400px) rotateY(-10deg);}
      
      70%{-moz-transform:perspective(400px) rotateY(10deg);}
      
      100%{-moz-transform:perspective(400px) rotateY(0deg);
      
      opacity:1;}
      }  
  .nalysisborder{
    animation: bordernow 6s forwards;
  }
  .nalysisborder:hover{
    animation: bordernalysis 6s forwards;
  }
  @keyframes bordernalysis{
    from {width:1% ;background:#2D57D1}
    to {width:100% ;background:#2D57D1}
  }
  @keyframes bordernow{
    from {width:100% ;background:#2D57D1}
    to {width:1% ;background:#2D57D1}
  }
  .morebtn{
    width:100%;
    border:1px solid #2D57D1;
    border-radius: 20px;
    padding: 0.5rem 0px ;
    color: #8D8D8DFF;
  }
  .btnmore:hover .morenext{
    display:block;
   
  }
  
  .btnmore{
    text-align: center;
    cursor: pointer;
  }
  .morenext{
    display: none;
    width:100%;
    padding: 0.5rem 0px ;
    border:1px solid #2D57D1;
    background: #2D57D1;
    border-radius: 20px;
    margin-top: 1rem;
    color: #FFFFFFFF;
  }
  .btnmore:hover .morebtn{
    display:none;
  }
  
  /* 产品展示结束 */

  /* 客户案例 */
  .userDisplay{
    display: none;
    position: absolute;
    top:0px;
    background: rgba(255, 255, 255, 0.9);
    border-top:1px solid rgba(255, 255, 255, 0.9);
    cursor: pointer;
  }
    .userDisplay1{
    display: none;
    position: absolute;
    top:0px;
    background: rgba(255, 255, 255, 0.9);
    border-top:1px solid rgba(255, 255, 255, 0.9);
    cursor: pointer;
  }
  .userBox:hover .userDisplay{
    display: block;
    width:100%;
    height: 100%;
  }
    .userBox:hover .userDisplay1{
    display: block;
    width:100%;
    height: 68%;
  }

    .userBox{
    position: relative;
    /*width:100%;*/
    overflow: hidden;
    width: 450px;
    margin-top: 25px;
  }
  .usersline{
    height: 1px;
  }
  .userslinetwo{
    height: 1px;
    position: absolute;
    bottom:0px;
    
  }
  .anlieBox{
      display:flex;
      justify-content: center;
      flex-wrap: wrap;
  }
  .userDisplay:hover .usersline{
    animation: line-user 5s infinite forwards;
   
  } 
  .userDisplay:hover .userslinetwo{
    animation: line-user-two 5s infinite  alternate  ;
   
  }
  @keyframes line-user{
    from{
      width:1%;
      background: #333;
    }
    to{
      width:100%;
      background: #333;
    }
    
  } 
  @keyframes line-user-two{
    from{
      width:100%;
      background: #333;
    }
    to{
      width:1%;
      background: #333;
    }
  } 
  /* 客户案例结束 */

  /* 公司动态 */
  .dynamicTit{
    color:#666;
    font-size:16px;
    line-height: 24px;
  }
  .dynamicTime{
    color:#666;
    font-size:12px;
    line-height: 24px;
  }
  .dynamicTop{
    margin-top:1rem;
    line-height: 24px;
    font-size:14px;
    color:#666;
  }
  .dynamicmore{
    text-align: right;
    color:#2D57D1
  }
  .dynamicbag{
    background-image:url("../images/company_bg.png");
    width:100%;
    height:800px;
    background-size:cover;
    margin-bottom: 60px;
  }
  .dynamicitemBox{
    display: flex;
    width:100%;
    border-bottom:2px dotted #ccc;
    padding:9px 0px;
  }
  .dynamicitem{
    flex:2;
    color: #333;
    font-size: 14px;
  }
  .dynamicitemTime{
    flex:0.3;
    text-align: right;
    font-size: 12px;
    color: #666666;
  }
  .dynamicitem span{
    color: #2AA3AC;
    margin-right: 10px;
    font-size: 10px;
  }
  .bossdynamicBox{
    display: flex;
    margin-top:2.8rem
  }
 
  .bossdynamicitem{
    flex:1;
  }
  .bossdynamicitemcont{
    flex:1.5;
    margin-left:15px;
  }
  .bossdynamicitemtit{
    color: #333333;
    font-size: 16px;
    color: #666;
  }
  .bossdynamicitemtime{
    color: #666;
    font-size: 12px;
  }
  .bossdynamicitemdeta{
    font-size: 14px;
    color: #666;
    margin-top:15px;
  }
  .bossdynamicitemspan{
    color:#2D57D1;
    font-size: 14px;
  }
  .dynamicitem:hover{
    margin-left:20px;
    cursor: pointer;
  }
 /* 公司动态结束 */

 /* 走进团团云科技 */
 .science{
  /*background-image:url("../images/go.png");*/
  width:100%;
  height: 1100px;
  margin-bottom: 100px;
  display: flex;
  justify-content: center;
  position: relative;
  /*background-repeat: no-repeat;*/
 }
 .science img{
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
 }
 .scienceBox{
   width:40%;
   height:130px;
   /*position: absolute;*/
   /*top:50%;*/
   /*left:30.5%*/
   margin-top: 550px;
   
   
 }
 .computer{
    background-image: url('../images/computer.png');
    width: 700px;
    height: 500px;
    background-repeat: no-repeat;
     background-size:100% 100%;
     display: flex;
     justify-content: center;
     margin-top: 10px;
 }
 .scienceBox ul{
    list-style: none;overflow: hidden;
  }
  .scienceBox #sciencenavs{
    width: 400px;height: 40px;text-align: center;line-height: 40px;
  }
  #content li{
   
    font-size:14px;
  }
  .scienceBox #sciencenavs li{
    width: 25%;height: 40px;float: left;
    border-bottom: none;
    color:#333;
    background: #fff;
    cursor: pointer;
    
  }
  .scienceBox  #sciencenavs li .active{
    background: #2D57D1FF;
    color:#fff;
  }
  .scienceBox #sciencecontent{
    height: 100px;position: relative;border-top: none;color:#fff;text-align:justify;line-height: 25px;
  }
  .scienceBox #sciencecontent li{width: 100%;height: 100%;position: absolute;display: none;overflow: hidden;text-overflow: ellipsis}
 /* 走进团团云科技结束 */

 /* 团队介绍 */
 
 /* 团队介绍结束 */

 /* 合作伙伴 */
 .partner{
   border-right:none;
   border:1px solid #cccccc36;
 }     
 .partner:hover{
   box-shadow: 0px 0px 34px rgba(45, 87, 209, 0.4);
 }
 /* 合作伙伴结束 */

 /* bottom */
  .bottom{
    background-image: url("../images/bg_10.png");
  }
 /* bottom结束 */

 /* 悬浮框 */

 #floatbox{
   position: fixed;
   right:0px;
   top:330px;
   z-index: 2000;
   width:80px;
   cursor: pointer;
   display: none;
 }
 .floatDiv{
   width:80px;
   height: 80px;
   margin-top:2px
 }
 .floatHidden{
  display:none;
  width:140px;
 
  position: absolute;
  right:82px;
  top:0px;
  text-align: center;
  color:#fff;
  font-size: 14px;
 }
 .floatDiv:hover .floatHidden{
   display: block;
 }
/* map */

#map{
  position: relative;
}
#map #container {
  height: 100%;
  width: 100%;
}

#map.content-window-card {
  box-shadow: none;
  bottom: 0;
  left: 0;
  width: auto;
  padding: 0;
}

#map .content-window-card p {
  height: 2rem;
}

#map .custom-info {
  border: solid 1px silver;
}

#map div.info-top {
  position: relative;
  background: none repeat scroll 0 0 #F9F9F9;
  border-bottom: 1px solid #CCC;
  border-radius: 5px 5px 0 0;
}

#map  div.info-top div {
  display: inline-block;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  line-height: 31px;
  padding: 0 10px;
}

#map div.info-top img {
  position: absolute;
  top: 10px;
  right: 10px;
  transition-duration: 0.25s;
}

#map  div.info-top img:hover {
  box-shadow: 0px 0px 5px #000;
}

#map div.info-middle {
  font-size: 12px;
  padding: 10px 6px;
  line-height: 20px;
}

#map div.info-bottom {
  height: 0px;
  width: 100%;
  clear: both;
  text-align: center;
}

#map div.info-bottom img {
  position: relative;
  z-index: 104;
}

#map span {
  margin-left: 5px;
  font-size: 11px;
}

#map .info-middle img {
  float: left;
  margin-right: 6px;
}
#map .content-window-card ,.amap-info{
  display: block!important;
}

.swiper-slide:hover .imgcont{
  display:block
}


.imgcont{
  display: none;
  position: absolute;
  top:0px;
  left:0px
}
.swiper-slide:hover .imgcont{
  display: block;
  cursor: pointer;
}

.teamplayer .swiper-slide:hover .teambag{
  background: #2D57D1;
  
}
.teamplayer{
  cursor: pointer;
}

.teamplayer .swiper-slide:hover .teamp{
  color:#fff
}
.teamp{
  width:90%;margin: 40px auto;text-align: justify;color:#333;font-size:16px
}
.teamdiv{
 width:96%;box-shadow: 3px 3px 24px rgba(0, 0, 0, 0.1);height:120px;margin:0 auto;
}
.teamplayer .swiper-slide:hover .teamdiv{
  box-shadow: none
}
.wxinbox{
  display: none;position: absolute; bottom:40px;background: #fff;padding:15px 12px 8px 13px;
}
#wxin:hover .wxinbox{
  display: block;
}

.userBox .userBlockimg{
    width: 100px;
  /*height: 200px;*/
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);transform: scale(1);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.userBox:hover .userBlockimg{
  -webkit-transform:scale(1.15);
  -moz-transform:scale(1.15);
  -o-transform:scale(1.15);
  transform:scale(1.15);
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -o-transition:all 1s ease;
  transition:all 1s ease;
}