.f-cb{zoom:1;display: flex;justify-content: space-between;}
.f-cb:after{
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
content:".";
}
.about-num{margin-top:0px;background:none;}
.about-num li{position:relative;padding-left: 24px;margin: auto;text-align:left;border-left:1px solid #ccc;width:100%;}
.about-num li:before{content:'';position:absolute;left:-1px;top:0;width: 3px;height: 50%;background: #015199;z-index:1;}
.about-num li h2{font-family: "cf28fdc3-7a57-4726-a54f-cd53c6e37ecb";font-size: 56px;color: #015199;line-height: 56px;font-weight:bold;display:inline-block;}
.about-num li p{font-size: 16px;line-height: 32px;}
.about-num .count-unit{font-size:16px;color: #333;text-align:right;display:inline-block;font-style:normal;}
.about-num li .bot p{
font-size:15px;
color:#666;
line-height:24px;
}
@media only screen and (max-width: 768px){
.f-cb {
    zoom: 1;
    display: block;
}
.about-num li h2{
  font-size:30px;
      line-height: 30px;
}
.about-num{
  margin-top:0px;
  padding-top: 0;
  padding-bottom:0px;
}
.about-num .count-unit{
  font-size:14px;
}
.about-num li p{
  font-size:14px;
}
.about-num li{
  width:50%;
  border-bottom: none;
  padding-left: 12px;
  float: left;
  margin: 3% auto;
}
.about-num li:nth-child(1){
border-top: none;
}
.about-num li:nth-child(2){
border-top: none;
border-right: none;
}
.about-num li:nth-child(4){
border-right: none;
}
.about-num li:last-child{
display:block;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px){

.about-num li h2{
  font-size:30px;
}
.about-num{
  margin-top:25px;
  padding-top:12px;
  padding-bottom:10px;
}
.about-num .count-unit{
  font-size:14px;
}
.about-num li p{
  font-size:14px;
}
}


.cont{
  width:750px;
  margin:auto;
  position:absolute;
  top:60%;
  left:50%;
  transform:translate(-50%, -50%);
}
.cont .sz{
  width:475px;
  height:475px;
  background:rgba(81, 177, 43, 0.9);
  border-radius:50%;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  text-align:center;
  z-index:99;
}
.cont #xg{
  display:none;
}
.cont .sz h1{
  font-size:30px !important;
  color:#fff;
  margin-bottom:24px;
}
strong{
  opacity:0.3;
}
.cont .sz h2{
  font-size:20px !important;
  color:#fff;
  margin-top:16px;
}
.cont .sz p{
  margin-top:24px;
  font-size:14px !important;
  color:#fff;
  line-height:26px;
}
.yuanquan{
  text-align:center;
}
.yuanquan img{
  -webkit-transform:rotate(360deg);
  animation:rotation 30s linear infinite;
  -moz-animation:rotation 30s linear infinite;
  -webkit-animation:rotation 30s linear infinite;
  -o-animation:rotation 30s linear infinite;
}
.fs{
  max-width:375px;
  width:100%;
  position:absolute;
  left:50%;
  top:57%;
  transform:translate(-50%, -50%);
}
.yuanquan2{
  height:654px;
  width:654px;
  top:50%;
  margin-top:-300px;
  position:absolute;
  left:50%;
  margin-left:-327px;
  animation-name:fadeInDown;
  animation-duration:1.4s;
  animation-delay:0.5s;
  animation-fill-mode:both;
}
.yuanabout1{
  position:relative;
  left:-50px;
  width:100px;
  height:100px;
  overflow:hidden;
  border-radius:100%;
  top:50%;
  transform:translateY(-50%);
  transition:all 2s ease-in-out;
  opacity:1;
}
.yuanabout2{
  position:absolute;
  right:-50px;
  width:100px;
  height:100px;
  overflow:hidden;
  top:50%;
  transform:translateY(-50%);
  border-radius:100%;
  transition:all 2s ease-in-out;
  opacity:1;
}
.yuanabout3{
  position:absolute;
  left:50%;
  width:100px;
  height:100px;
  overflow:hidden;
  bottom:-25px;
  transform:translateX(-50%);
  border-radius:100%;
  transition:all 2s ease-in-out;
  opacity:1;
}
.yuanabout img{
  transition:all 0.5s ease;
  opacity:0.8;
}
.yuanabout:hover img{
  opacity:1;
}
.fs .down{
  -webkit-animation:bounce-down 1.5s linear infinite;
  animation:bounce-down 1.5s linear infinite;
}
@media only screen and (max-width: 768px){
  
.yuanquan{
    display:none;
  }
.yuanquan2{
    display:none;
  }
.cont .sz{
    position: relative;
    border-radius: 0px;
    top: 0;
    transform: translate(-50%,0);
  }
.yuanabout{
    display:none;
  }
}