@CHARSET "UTF-8";

.container {
  padding: 0;
}

#myCarousel, .tab1 {
  margin: 50px 0 0 0;
}

/*.tab2 {*/
/*  background: url('../img/webcad/banner02.png') no-repeat center;*/
/*  height: 940px;*/
/*  width: 100%;*/
/*  position: relative;*/
/*  background-size: 100% 100%;*/
/*}*/

/*.tab2 img{*/
/*  position: absolute;*/
/*  top: 215px;*/
/*  padding-right: 10px;*/
/*  left: 50%;    !*打开注释部分则需注释掉此部分*!*/
/*  transform: translate(-50%, 0);*/
/*  width: calc(100% - 60%);*/
/*  height: 422px;*/
/*}*/

.tab2{
  position: relative;
}

.tab2 .banner_gif{
  position: absolute;
  top: 23%;
  left: 50%;    /*打开注释部分则需注释掉此部分*/
  transform: translate(-50%, 0);
  width: calc(100% - 55%);
}

.tab3{
  margin: 0;
}

.tab3 .title{
  text-align: center;
  margin: 50px 0 50px;
}

.tab3 .title h2{
  font-size: 42px;
  font-weight:800;
}

.tab3 img{
  max-width: 100%;
}

.tab3 .banner3_gif{
  z-index: 1;
  position: absolute;
  left: 0;
  width: 75%;
  margin: 17% 0 0 10%;
}

.tab3 ul li{
  width: 100%;
  text-align: center;
  cursor:pointer;
}

.tab3 .tab_action{
  background-color: #50AFE9;
}

.tab4{
  margin: 70px 0 0;
}

.tab5{
  position: relative;
}

.tab5 .banner_gif{
  position: absolute;
  width: 49%;
  top: 15%;
}



/* 小屏幕（平板，大于等于768px） */
@media (max-width: 767px) {

  .tab2 .banner_gif{
    position: absolute;
    top: 47px;
    left: 50%;    /*打开注释部分则需注释掉此部分*/
    transform: translate(-50%, 0);
    width: calc(100% - 60%);
  }
  .tab3 .title{
    text-align: center;
    margin: 30px 0 30px;
  }

  .tab3 .title h2{
    font-size: 10px;
    font-weight:900;
  }

  .tab3 ul li{
    width: 100%;
    cursor:pointer;
  }

  .tab4{
    margin: 50px 0 0;
  }

  .tab5 .banner_gif{
    position: absolute;
    top: 60px;
    height: 100px;
  }
}