@charset "utf-8";
/* 自然环境腐蚀数据动画效果 */
.block-box .fssj-box{
    display: block;
          position: relative;
      background: url('../img/map_bg11.jpg') center center no-repeat;
      background-size: cover;
      width: 100%;
          min-height: 270px;
  }
  .block-box .rukou_wenzi{
    position:absolute; top: 28%; right: 10px;
    width: 240px;
  }
  .block-box .rukou {
    position:absolute; top: 56%; right:60px; display:block; background-color:rgba(175,9,100,1); padding:6px 24px; border-radius:6px;
    width: 140px;
    -webkit-animation: bianhua 2s infinite linear;
    -ms-animation: bianhua 2s infinite linear;
    -moz-animation: bianhua 2s infinite linear;
    -o-animation: bianhua 2s infinite linear;
  }
  @-ms-keyframes bianhua {
    0% {
      -ms-transform: scale(1, 1);
    }
    100% {
      -ms-transform: scale(1.2, 1.2);
    }
  }
  @-moz-keyframes bianhua {
    0% {
      -moz-transform: scale(1, 1);
    }
    100% {
      -moz-transform: scale(1.2, 1.2);
    }
  }
  @-webkit-keyframes bianhua {
    0% {
      -webkit-transform: scale(1, 1);
    }
    100% {
      -webkit-transform: scale(1.2, 1.2);
    }
  }
  @-o-keyframes bianhua {
    0% {
      -o-transform: scale(1, 1);
    }
    100% {
      -o-transform: scale(1.2, 1.2);
    }
  }
  /* 自然环境腐蚀数据动画效果 */
  /* 权威专题数据动画效果 */
  .qwzt-box{
    display: block;
    position: relative;
    background: url('../img/rk_bg.jpg') 0 center no-repeat;
    background-size: cover; 
    width: 100%;
    min-height: 270px;
    position: relative;
  }
  .css-animate {width:160px;height:160px;position: relative; top:50px; left:24%;}
  .css-animate .borderRadius{width: 80px;height: 80px;
    position: absolute;left: 50%;top: 50%;margin: -40px 0 0 -40px;
    -webkit-animation: rotating 2s ease 0s infinite;
    -moz-animation: rotating 2s ease 0s infinite;
    -ms-animation: rotating 2s ease 0s infinite;
    -o-animation: rotating 2s ease 0s infinite;
            animation: rotating 2s ease 0s infinite;
  }
  @-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
    65% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
  }
  @-ms-keyframes rotating {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
    65% {
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 1;
    }
    100% {
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
  }
  @-moz-keyframes rotating {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
    65% {
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 1;
    }
    100% {
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
  }
  @-o-keyframes rotating {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
    65% {
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 1;
    }
    100% {
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
  }
  .css-animate .borderRadius .lfRaidus {width: 80px;height: 40px;border-radius: 40px 40px 0 0;position: relative;
    -webkit-animation: lfRaidus 2s ease 0s infinite;
    -moz-animation: lfRaidus 2s ease 0s infinite;
    -ms-animation: lfRaidus 2s ease 0s infinite;
    -o-animation: lfRaidus 2s ease 0s infinite;
            animation: lfRaidus 2s ease 0s infinite;
  }
  @-webkit-keyframes lfRaidus {
    0% {
        background: -webkit-linear-gradient(right,#0F956F,transparent);
    }
    65% {
        background: -webkit-linear-gradient(right,#0F956F,transparent);
    }
    100% {
        background: -webkit-linear-gradient(right,#0F956F,transparent);
    }
  }
  @-moz-keyframes lfRaidus {
    0% {
        background: -moz-linear-gradient(right,#0F956F,#00FFA8);
    }
    65% {
        background: -moz-linear-gradient(right,#0F956F,#00FFA8);
    }
    100% {
        background: -moz-linear-gradient(right,#0F956F,#00FFA8);
    }
  }
  @-ms-keyframes lfRaidus {
    0% {
        background: -ms-linear-gradient(right,#0F956F,#00FFA8);
    }
    65% {
        background: -ms-linear-gradient(right,#0F956F,#00FFA8);
    }
    100% {
        background: -ms-linear-gradient(right,#0F956F,#00FFA8);
    }
  }
  @-o-keyframes lfRaidus {
    0% {
        background: -o-linear-gradient(right,#0F956F,#00FFA8);
    }
    65% {
        background: -o-linear-gradient(right,#0F956F,#00FFA8);
    }
    100% {
        background: -o-linear-gradient(right,#0F956F,#00FFA8);
    }
  }
  .css-animate .borderRadius .lfRaidus .ctRaidus {width: 64px;height: 32px;background-color: transparent;border-radius:32px 32px 0 0;
    position: absolute;left: 50%;bottom: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .css-animate .borderRadius .rtRaidus {width: 80px;height: 40px;border-radius: 0 0 40px 40px;position: relative;
    -webkit-animation: rtRaidus 2s ease 0s infinite;
    -moz-animation: rtRaidus 2s ease 0s infinite;
    -ms-animation: rtRaidus 2s ease 0s infinite;
    -o-animation: rtRaidus 2s ease 0s infinite;
            animation: rtRaidus 2s ease 0s infinite;
  }
  @-webkit-keyframes rtRaidus {
    0% {
        background: -webkit-linear-gradient(right,#0F956F,#00FFA8);
    }
    65% {
        background: -webkit-linear-gradient(right,#0F956F,#00FFA8);
    }
    100% {
        background: -webkit-linear-gradient(right,#0F956F,#00FFA8);
    }
  }
  @-moz-keyframes rtRaidus {
    0% {
        background: -moz-linear-gradient(right,#0F956F,#00FFA8);
    }
    65% {
        background: -moz-linear-gradient(right,#0F956F,#00FFA8);
    }
    100% {
        background: -moz-linear-gradient(right,#0F956F,#00FFA8);
    }
  }
  @-o-keyframes rtRaidus {
    0% {
        background: -o-linear-gradient(right,#0F956F,#00FFA8);
    }
    65% {
        background: -o-linear-gradient(right,#0F956F,#00FFA8);
    }
    100% {
        background: -o-linear-gradient(right,#0F956F,#00FFA8);
    }
  }
  @-ms-keyframes rtRaidus {
    0% {
        background: -ms-linear-gradient(right,#0F956F,#00FFA8);
    }
    65% {
        background: -ms-linear-gradient(right,#0F956F,#00FFA8);
    }
    100% {
        background: -ms-linear-gradient(right,#0F956F,#00FFA8);
    }
  }
  .css-animate .borderRadius .rtRaidus .ctRaidus {width:64px;height: 32px;border-radius: 0 0 32px 32px;
    position: absolute;left: 50%;top: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .css-animate .borderRadius .rtRaidus .hfPoint {width: 7px;height: 5px;position: absolute;left: 0px;top: -5px;border-radius: 5px 5px 0 0;background-color: #00FFA8;}
  .css-animate .borderRadius .rtRaidus .rtPoint {width: 5px;height: 5px;position: absolute;left: 10px;top: -5px;border-radius: 5px;background-color: #00FFA8;}
  .css-animate .imageRadius {margin-top: 4px;opacity: 0;width: 100%;height: 100%;
    position: absolute;left: 50%;top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: imageRadius 2s ease 0s infinite;
    -moz-animation: imageRadius 2s ease 0s infinite;
    -ms-animation: imageRadius 2s ease 0s infinite;
    -o-animation: imageRadius 2s ease 0s infinite;
            animation: imageRadius 2s ease 0s infinite;
  }
  @-webkit-keyframes imageRadius {
    0% {
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
  }
  @-moz-keyframes imageRadius {
    0% {
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
  }
  @-ms-keyframes imageRadius {
    0% {
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
  }
  @-o-keyframes imageRadius {
    0% {
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
  }
  .css-animate .waveRaidus {margin-top: 4px;opacity: 0;
    position: absolute;left: 50%;top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: waveRaidus 2s ease-out 0s infinite;
    -moz-animation: waveRaidus 2s ease-out 0s infinite;
    -ms-animation: waveRaidus 2s ease-out 0s infinite;
    -o-animation: waveRaidus 2s ease-out 0s infinite;
            animation: waveRaidus 2s ease-out 0s infinite;
  }
  @-webkit-keyframes waveRaidus {
    0% {
        width: 100%;height: 100%;
        opacity: 0;
    }
    65% {
        width: 100%;height: 100%;
        opacity: 0;
    }
    66% {
        width: 100%;height: 100%;
        opacity: 0.8;
    }
    100% {
        width: 130%;height: 130%;
        opacity: 0;
    }
  }
  @-moz-keyframes waveRaidus {
    0% {
        width: 100%;height: 100%;
        opacity: 0;
    }
    65% {
        width: 100%;height: 100%;
        opacity: 0;
    }
    66% {
        width: 100%;height: 100%;
        opacity: 0.8;
    }
    100% {
        width: 130%;height: 130%;
        opacity: 0;
    }
  }
  @-ms-keyframes waveRaidus {
    0% {
        width: 100%;height: 100%;
        opacity: 0;
    }
    65% {
        width: 100%;height: 100%;
        opacity: 0;
    }
    66% {
        width: 100%;height: 100%;
        opacity: 0.8;
    }
    100% {
        width: 130%;height: 130%;
        opacity: 0;
    }
  }
  @-o-keyframes waveRaidus {
    0% {
        width: 100%;height: 100%;
        opacity: 0;
    }
    65% {
        width: 100%;height: 100%;
        opacity: 0;
    }
    66% {
        width: 100%;height: 100%;
        opacity: 0.8;
    }
    100% {
        width: 130%;height: 130%;
        opacity: 0;
    }
  }
  .qwzt-box .pointRadius {
    width: 10px;height: 10px;
    border-radius: 100%;
    background-color: #FFF;
    border: 1px solid transparent;
    position: absolute;
    left: 50%;top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: pointRadius 2s ease 0s infinite;
    -moz-animation: pointRadius 2s ease 0s infinite;
    -ms-animation: pointRadius 2s ease 0s infinite;
    -o-animation: pointRadius 2s ease 0s infinite;
            animation: pointRadius 2s ease 0s infinite;
  }
  @-webkit-keyframes pointRadius {
    0% {width: 10px;height: 10px;border: 0;box-shadow: 0 0 0px 3px rgba(255,255,255,0.3), 0 0 0px 6px rgba(255,255,255,0.2), 0 0 0px 9px rgba(255,255,255,0.1);}
    5% {width: 10px;height: 10px;border: 0;box-shadow: 0 0 0px 3px rgba(255,255,255,0.3), 0 0 0px 6px rgba(255,255,255,0.2), 0 0 0px 9px rgba(255,255,255,0.1);}
    10% {width: 12px;height: 12px;border: 0;box-shadow: 0 0 0px 2px rgba(255,255,255,0.3), 0 0 0px 4px rgba(255,255,255,0.2), 0 0 0px 6px rgba(255,255,255,0.1);}
    15% {width: 16px;height: 16px;border: 0;box-shadow: 0 0 0px 1px rgba(255,255,255,0.3), 0 0 0px 2px rgba(255,255,255,0.2), 0 0 0px 3px rgba(255,255,255,0.1);}
    20% {width: 26px;height: 26px;border: 0;box-shadow: none;}
    65% {width: 46px;height: 46px;border: 0;box-shadow: none;}
    100% {width: 58px;height: 58px;border: 0;box-shadow: none;}
  }
  @-moz-keyframes pointRadius {
    0% {width: 10px;height: 10px;border: 0;box-shadow: 0 0 0px 3px rgba(255,255,255,0.3), 0 0 0px 6px rgba(255,255,255,0.2), 0 0 0px 9px rgba(255,255,255,0.1);}
    5% {width: 10px;height: 10px;border: 0;box-shadow: 0 0 0px 3px rgba(255,255,255,0.3), 0 0 0px 6px rgba(255,255,255,0.2), 0 0 0px 9px rgba(255,255,255,0.1);}
    10% {width: 12px;height: 12px;border: 0;box-shadow: 0 0 0px 2px rgba(255,255,255,0.3), 0 0 0px 4px rgba(255,255,255,0.2), 0 0 0px 6px rgba(255,255,255,0.1);}
    15% {width: 16px;height: 16px;border: 0;box-shadow: 0 0 0px 1px rgba(255,255,255,0.3), 0 0 0px 2px rgba(255,255,255,0.2), 0 0 0px 3px rgba(255,255,255,0.1);}
    20% {width: 26px;height: 26px;border: 0;box-shadow: none;}
    65% {width: 46px;height: 46px;border: 0;box-shadow: none;}
    100% {width: 58px;height: 58px;border: 0;box-shadow: none;}
  }
  @-ms-keyframes pointRadius {
    0% {width: 10px;height: 10px;border: 0;box-shadow: 0 0 0px 3px rgba(255,255,255,0.3), 0 0 0px 6px rgba(255,255,255,0.2), 0 0 0px 9px rgba(255,255,255,0.1);}
    5% {width: 10px;height: 10px;border: 0;box-shadow: 0 0 0px 3px rgba(255,255,255,0.3), 0 0 0px 6px rgba(255,255,255,0.2), 0 0 0px 9px rgba(255,255,255,0.1);}
    10% {width: 12px;height: 12px;border: 0;box-shadow: 0 0 0px 2px rgba(255,255,255,0.3), 0 0 0px 4px rgba(255,255,255,0.2), 0 0 0px 6px rgba(255,255,255,0.1);}
    15% {width: 16px;height: 16px;border: 0;box-shadow: 0 0 0px 1px rgba(255,255,255,0.3), 0 0 0px 2px rgba(255,255,255,0.2), 0 0 0px 3px rgba(255,255,255,0.1);}
    20% {width: 26px;height: 26px;border: 0;box-shadow: none;}
    65% {width: 46px;height: 46px;border: 0;box-shadow: none;}
    100% {width: 58px;height: 58px;border: 0;box-shadow: none;}
  }
  @-o-keyframes pointRadius {
    0% {width: 10px;height: 10px;border: 0;box-shadow: 0 0 0px 3px rgba(255,255,255,0.3), 0 0 0px 6px rgba(255,255,255,0.2), 0 0 0px 9px rgba(255,255,255,0.1);}
    5% {width: 10px;height: 10px;border: 0;box-shadow: 0 0 0px 3px rgba(255,255,255,0.3), 0 0 0px 6px rgba(255,255,255,0.2), 0 0 0px 9px rgba(255,255,255,0.1);}
    10% {width: 12px;height: 12px;border: 0;box-shadow: 0 0 0px 2px rgba(255,255,255,0.3), 0 0 0px 4px rgba(255,255,255,0.2), 0 0 0px 6px rgba(255,255,255,0.1);}
    15% {width: 16px;height: 16px;border: 0;box-shadow: 0 0 0px 1px rgba(255,255,255,0.3), 0 0 0px 2px rgba(255,255,255,0.2), 0 0 0px 3px rgba(255,255,255,0.1);}
    20% {width: 26px;height: 26px;border: 0;box-shadow: none;}
    65% {width: 46px;height: 46px;border: 0;box-shadow: none;}
    100% {width: 58px;height: 58px;border: 0;box-shadow: none;}
  }
  /* 权威专题数据动画效果 */