/*首页标题*/
.xh_title h1{
 font-size:40px;
 color:#2e2e2e;
 padding-left:35px;
 position:relative;
}
.xh_title h1:before{
  content:"";
  position:absolute;
  top:50%;
  left:0px;
  transform:translateY(-50%);
  width:26px;
  height:30px;
  background:url(/img/black.png) no-repeat;
}
.fa_More9 a{
  display:inline-block;
  padding:10px 40px;
  border-radius:500px;
  border:#fff solid 1px;
  color:#fff;
  font-size:14px;
  transition:all 0.5s;
}
.fa_More9 a:hover{
  color:#fff;
}
@media only screen and (max-width: 768px){
  /*小屏*/
  .c_portalResPublic_codeContainer-01001{
    min-height:500px;
    width:100%;
  }
  .xh_title h1{
   font-size:30px;
  }
}
@media only screen and (min-width: 769px){
  /*大屏*/
  .c_portalResPublic_codeContainer-01001{
    min-height:500px;
    width:100%;
  }
  
}
@media only screen and (max-width: 1024px) and (min-width: 769px){
  /*中屏*/
}
.fa_jaz{
  animation-name: fa_jazani;
  animation-direction: normal;
  animation-duration: 1s;
  animation-delay: 1s;
}
@keyframes fa_jazani
{
  from {
    -webkit-clip-path: polygon(0 0%, 0% 100%, 0% 100%, 0% 0%);
    clip-path: polygon(0 0%, 0% 100%, 0% 100%, 0% 0%);
  }
  to {
    -webkit-clip-path: polygon(0 0%, 0% 100%, 100% 100%, 100% 0%);
    clip-path: polygon(0 0%, 0% 100%, 100% 100%, 100% 0%);
  }
}
@keyframes fa_span01_ani
{
  0% {
    width:10px;
  }
  100% {
    width:45px;
  }
}
@keyframes fa_span02_ani
{
  0% {
    width:45px;
  }
  100% {
    width:10px;
  }
}
@keyframes move-forever {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}
@keyframes fa_slide {
  0% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(25%);
  }
}

 .anima{
  display:flex;
  justify-content:space-between;
  z-index:999;
  margin:30px auto;
}
 #lottie-co2{
  margin-top:13%;
  margin-bottom:-10%;
  width:101px;
  transform:translate(-50%,-50%);
  margin-left:50%;
  top:0;
  animation:top-bottom 2s linear 1s infinite forwards;
}
 #lottie-tree{
  width:87px;
  margin:0 auto 0;
  margin-top:3%;
}
 #lottie-lc{
  width:81px;
  margin:0 auto 0;
  margin-top:3%;
  animation:mainzx1 120s infinite linear;
  -webkit-animation:mainzx1 120s infinite linear;
  -moz-animation:mainzx1 120s infinite linear;
  -o-animation:mainzx1 120s infinite linear;
}
 .anima .pic{
  display:block;
  float:left;
  width:33.33%;
}
 .lbox{
  width:100%;
  overflow:hidden;
  margin:0 4%;
}
 .anima .pic .first{
  width:17vw;
  margin:4vh 20px;
}
 .anima .pic .second{
  width:17vw;
  margin:10px 20px;
}
 .anima .pic .desc .sec{
  margin-top:50px;
}
 .anima .pic .desc .runNum{
  margin:0 auto;
  padding:0;
  overflow:hidden;
  height:50px;
  line-height:50px;
  border-top:#CCCCCC solid 1px;
  border-bottom:#CCCCCC solid 1px;
  text-align:center;
  font-weight:bold;
  position:relative;
}
 .anima .pic .desc .runNum>li{
  list-style:none;
  width:40px;
  float:left;
  position:absolute;
}
 .anima .pic .desc>:first-child{
  font-size:16px;
  font-weight:bold;
  color:#393C41;
}
 .anima .pic .desc>:last-child{
  font-size:26px;
  color:#393C41;
  font-weight:bold;
}
.countc{
text-align: left;
  font-size:2.8vw;
  font-weight:bold;
  color:#ea601f;
}
.countd{
text-align: left;
  font-size:2.8vw;
  font-weight:bold;
  color:#ea601f;
}
.countl{
text-align: left;
  font-size:2.8vw;
  font-weight:bold;
  color:#ea601f;
}
.countm{
text-align: left;
  font-size:2.8vw;
  font-weight:bold;
  color:#ea601f;
}
.countc:after{
  content:'KM';
  width:22px;
  height:18px;
  font-size:16px;
  font-weight:bold;
  color:#ea601f;
  margin-left:5px;
}
.countd:after{
  content:'人';
  width:22px;
  height:18px;
  font-size:16px;
  font-weight:bold;
  color:#ea601f;
  margin-left:5px;
}
 .countl:after{
  content:'KG';
  width:22px;
  height:18px;
  font-size:16px;
  font-weight:bold;
  color:#ea601f;
  margin-left:5px;
}
 .countm:after{
  content:'颗';
  width:22px;
  height:18px;
  font-size:16px;
  font-weight:bold;
  color:#ea601f;
  margin-left:5px;
}
@media only screen and (max-width: 768px){
  
 .anima .pic {
 
    width: 100%;
}
  .countc{
  font-size:22px!important;
 
}
.countd{
  font-size:22px!important;
 
}
.countl{
  font-size:22px!important;

}
.countm{
  font-size:22px!important;
  
}
 .anima{display:inline-block;margin:0px auto;}
 .anima .pic .desc{width: calc((90% - 130px)/1);float: right;margin-top: 30px;}
 .anima .pic .desc>:last-child{font-size:18px;}
 #lottie-lc{float:left;margin-left:5%;}
 #lottie-co2{float:left;margin-left: 15%;  margin-top: 18%;}
 #lottie-tree{float:left;margin-left: 5%;}
 .lbox{margin:0px;}
}