:root {
  --primary-bg-color: #209346;
  --primary-color: #209346;
  --primary-n-color: #eb0013;
  --primary-w-color: #209346;
}

*:before, *:after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
}

.hero {
  background: var(--primary-bg-color);
  color: var(--primary-color);
  transition: all .16s ease-in-out;
  background-image: url(../images/yumaoqiu.png);
  background-repeat: no-repeat;
  background-position: 100px 150px;
 
  height: 900px;
}
.paodao {  background: var(--primary-w-color);transition: all .16s ease-in-out;left: 337px;width: 129px;height: 127px;position: absolute;top: 451px;background-image: url(../images/left.png);background-position: center;border: 2px solid #fff;display: none;}
.cpaodao {  background: var(--primary-w-color);transition: all .16s ease-in-out;background-repeat: no-repeat;background-size: cover;width: 129px;height: 127px;position: absolute;top: 451px;left: 820px;background-image: url(../images/right.png);background-position: center;border: 2px solid #fff;display: none;}
.puzhuang {  background: var(--primary-n-color);transition: all .16s ease-in-out;width: 930px;height: 448px;position: absolute;top: 329px;left: 155px;background-image: url(../images/yumaoqiu-2.png);background-size: cover;background-repeat: no-repeat;}
.color {  background: var(--primary-w-color);transition: all .16s ease-in-out;width: 77px;height: 87px;position: absolute;top: 469px;left: 605px;border-radius: 228px;background-repeat: no-repeat;border: 2px solid #fff;display: none;}