/*×éÖ¯»ú¹¹*/
.zzjg-box { padding: 0.6rem 0;background: #fff;width: 100%;}
.circle-logo { width: 1.4rem;height: 1.4rem;margin: auto;position: relative;}
.circle-logo:after { position: absolute;content: '';top: 100%;height: 0.68rem;width: 1px;background: #ccc;left: calc(50% - 1px);}
.zzjg-list { width: 100%;margin-top: 0.68rem;}
.zzjg-item { position: relative;width: 50%;border-right: 1px solid #ccc;border-top: 1px solid #ccc;padding-bottom: 0.2rem;}
.zzjg-item:before { position: absolute;content: '';right: -14px;top: -14px;z-index: 2;width: 25px;height: 25px;border-radius: 50%;border: 1px solid #015BB1;}
.zzjg-item:after { position: absolute;content: '';right: -3px;top: -3px;z-index: 2;width: 5px;height: 5px;border-radius: 50%;background: #015BB1;}
.zzjg-item:nth-child(2n) { border-right: none;margin-top: 0.48rem;}
.zzjg-item:nth-child(2n):before { left: -14px;}
.zzjg-item:nth-child(2n):after { left: -3px;}
.zzjg-item:nth-child(2n) .item-tt { float: right;}
.item-tt { width: 2.6rem;height: 0.68rem;line-height: 0.68rem;text-align: center;background: #015BB1;border-radius: 0.34rem;position: relative;z-index: 2;top: -0.34rem;font-size: 28px;color: #fff;}
.item-sub { width: 100%;padding: 0.1rem 0.44rem;}
.sub-name { width: 50%;font-size: 0.18rem;padding: 0.14rem 0;transition: .3s;}
.sub-name:hover { color: #015BB1;transform: translateX(5px);}
.sub-name img { margin-right: 0.1rem;width:0.26rem;}

@media screen and (max-width: 768px) and (min-width: 551px){
  html{font-size:46px;}
  .page-banner { height:7rem;}
  .info-tt { font-size:0.5rem;padding-top: 0.5rem;}
  .info-nav { font-size:0.4rem;padding: 0.3rem 0 0.4rem 0;}
  .item-tt { width: auto;height: auto;font-size: 0.4rem;padding: 0.1rem 0.5rem;border-radius: 1rem;top:-0.5rem;}
  .circle-logo{width:2rem;height:2rem;}
  .zzjg-item { padding-bottom:0.5rem;}
  .zzjg-item:nth-child(2n) { margin-top:0.8rem;}
  .sub-name { font-size:0.32rem;padding:0.2rem 0;}
}
@media screen and (max-width: 550px){
  .zzjg-box{padding: 2rem 0;}
  .circle-logo{width:5rem;height:5rem;}
  .zzjg-list { margin-top:2rem;}
  .circle-logo:after { height:2rem;}
  .item-tt { width: auto;height: auto;font-size: 1rem;padding: 0.5rem 1.3rem;border-radius: 2rem;top:-1.5rem;line-height:1.4;}
  .item-sub{padding: 0 0.5rem 1rem 1rem;}
  .sub-name{width: 100%;font-size: 0.8rem;margin:0.4rem 0;}
  .sub-name img { margin-right: 0.8rem;width:1rem;}
  .zzjg-item:before { position: absolute;content: '';right: -7px;top: -7px;z-index: 2;width: 12px;height: 12px;border-radius: 50%;border: 1px solid #015BB1;}
  .zzjg-item:after { position: absolute;content: '';right: -3px;top: -3px;z-index: 2;width: 5px;height: 5px;border-radius: 50%;background: #015BB1;}
  .zzjg-item:nth-child(2n) { border-right: none;margin-top: 2rem;}
  .zzjg-item:nth-child(2n):before { left: -8px;}
  .zzjg-item:nth-child(2n):after { left: -3px;}
}