* {
  margin: 0;
  padding: 0;
}
html,body{ 
  width:100%; 
  height:100%; 
  overflow:hidden;
}

li {
  list-style-type: none;
}

.tab {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.partner_img{
  z-index: -100;
  width: 100%;
  top: 0;
  position: absolute;
}
.partner_img img{
  width: 100%;
}
/* 成为伙伴内容 */
.first{
  text-align: center;
}
.first h2{
  font-size: 44px;
  color: #fff;
  padding-top: 19%;
}
.first p{
  font-size: 20px;
  color: #fff;
  padding: 1% 0 3% 0;

}
.first a{
  background-color: #0077ff;
  font-size: 16px;
  color: #fff;
  line-height: 2;
  padding: 0.6% 3%;
}
.first a:hover{
  background-color: #00a0e9;
}
/* 渠道管理内容 */
.next{
  text-align: center;
}
.next h2{
  font-size: 44px;
  color: #fff;
  padding-top: 9%;
}
.next p{
  font-size: 20px;
  color: #fff;
  padding: 1% 0 3% 0;
}
.qdgl{
  width: 62.5%;
  margin: 0 auto;
}
.qdgl li img{
  width: 33.3%;
  float: left;
  padding: 1%;
}
.qdgl li img:hover{
  box-shadow: 0 8px 30px rgba(0, 0, 0, .15);
  transform: translateY(-4px) ;
  transition: all 0.3s ease;
}
/* 伙伴支持内容 */
.hbzc{
  width: 62.5%;
  margin: 0 auto;
}
.hbzc li img{
  width: 25%;
  float: left;
  padding: 0 0.82%;
}
.hbzc li img:hover{
  box-shadow: 0 8px 30px rgba(0, 0, 0, .15);
  transform: translateY(-4px) ;
  transition: all 0.3s ease;
}
/* 伙伴加盟 */
.hbjm{
  width: 62.5%;
  margin: 0 auto;
  padding-bottom: 4%;
}
/* .hbjm img{
  width: 80%;
} */
.next a{
  background-color: #0077ff;
  font-size: 16px;
  color: #fff;
  line-height: 2;
  padding: 0.6% 3%;
}
.next a:hover{
  background-color: #00a0e9;
}
.tab_list {
  position: absolute;
  width: 100%;
  padding: 0 15%;
  bottom: 0;
  height: 12%;
  background-color: #020D3060;
}
.tab_list li {
  float: left;
  width: 25%;
  padding: 2.8% 0;
  display: block;
  font-size: 20px;
  color: #ffffff70;
  text-align: center;
  cursor: pointer;
}
.tab_list li a{
  font-size: 40px;
  padding-right: 10px;
  vertical-align: middle;
}
.tab_list li:hover{
  color: #fff;
}
.tab_list .current {
  background-color: #ffffff10;
  color: #fff;
}
.item_info {
  padding: 20px 0 0 20px;
}
.item {
  display: none;
}
/* 屏幕分辨率适配1600px,83% */
@media screen and (max-width: 1600px) {
  .first h2{
    font-size: 37px;
  }
    /* 底部功能切换 */
    .tab_list li{
      font-size: 18px;
    }
}
/* 屏幕分辨率适配1440px,75% */
@media screen and (max-width: 1440px) {
    .partner_img img{
    height: 757px;
    }
  /* 第一个功能 */
  .first h2{
    font-size: 36px;
  }
  .first p{
    font-size: 16px;
  }
  .first a{
    font-size: 14px;
  }
  /* 其他功能 */
  .next h2{
    font-size: 36px;
    padding-top: 12%;
  }
  .next p{
    font-size: 16px;
    padding: 1% 0 2% 0;
  }
  .hbjm{
    padding-bottom: 2%;
  }
  /* 底部功能切换 */
  .tab_list li{
    font-size: 16px;
  }
  .tab_list li a{
    font-size: 34px;
  }
}
/* 屏幕分辨率适配1366px,66.6% */
@media screen and (max-width: 1366px) {
  .partner_img img{
    height: auto;
    }
  /* 第一个功能 */
  .first h2{
    font-size: 36px;
  }
  .first p{
    font-size: 16px;
  }
  .first a{
    font-size: 15px;
  }
  /* 其他功能 */
  .next h2{
    font-size: 36px;
    padding-top: 8%;
  }
  .next p{
    font-size: 15px;
    padding: 1% 0 2% 0;
  }
  .hbjm{
    padding-bottom: 2%;
  }
  .hbjm img{
    width: 70%;
  }
  /* 底部功能切换 */
  .tab_list li{
    font-size: 15px;
    padding: 2.2% 0;
  }
  .tab_list li a{
    font-size: 34px;
  }
}

/* 屏幕分辨率适配1280px,66.6% */
@media screen and (max-width: 1280px) {
  .partner_img img{
    height: auto;
    }
  /* 第一个功能 */
  .first h2{
    font-size: 32px;
  }
  .first p{
    font-size: 14px;
  }
  .first a{
    font-size: 12px;
  }
  /* 其他功能 */
  .next h2{
    font-size: 32px;
  }
  .next p{
    font-size: 14px;
    padding: 1% 0 2% 0;
  }
  .hbjm{
    padding-bottom: 2%;
  }
  /* 底部功能切换 */
  .tab_list li{
    font-size: 14px;
    padding: 2.5% 0;
  }
  .tab_list li a{
    font-size: 24px;
  }
}

/* 屏幕分辨率适配1024px,66.6% */
@media screen and (max-width: 1024px) {
  .partner_img img{
    height: 625px;
    }
  /* 第一个功能 */
  .first h2{
    font-size: 32px;
    padding-top: 23%;
  }
  .first p{
    font-size: 14px;
  }
  .first a{
    font-size: 12px;
  }
  /* 其他功能 */
  .next h2{
    font-size: 32px;
    padding-top: 14%;
  }
  .next p{
    font-size: 14px;
    padding: 1% 0 2% 0;
  }
  .hbjm{
    padding-bottom: 2%;
  }
  /* 底部功能切换 */
  .tab_list li{
    font-size: 14px;
    padding: 3.6% 0;
  }
  .tab_list li a{
    font-size: 24px;
  }
}