:root {
  --primary-bg-color: #003bbb;
  --primary-color: #b63120;
  --primary-n-color: #209346;
  --primary-w-color: #b63120;
}

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

body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.hero {
  background: var(--primary-bg-color);
  color: var(--primary-color);
  transition: all .16s ease-in-out;
  background-image: url(../images/bz.png);
  background-repeat: no-repeat;
  background-position: 100px 100px;
  background-size: auto;
}
.paodao {  background: var(--primary-w-color);transition: all .16s ease-in-out;width: 1040px;height: 624px;background-image: url(../images/paodao.png);background-repeat: no-repeat;position: absolute;top: 328px;left: 316px;background-size: cover;border-radius: 373px;}
.cpaodao {  background: var(--primary-w-color);transition: all .16s ease-in-out;width: 1159px;height: 112px;background-image: url(../images/changpaodao.png);background-repeat: no-repeat;position: absolute;top: 862px;left: 303px;background-size: cover;}
.puzhuang {  background: var(--primary-n-color);transition: all .16s ease-in-out;width: 613px;height: 370px;position: absolute;top: 448px;left: 537px;background-image: url(../images/qiuchang.png);background-size: cover;background-repeat: no-repeat;}
.color {  background: var(--primary-color);transition: all .16s ease-in-out;width: 879px;height: 463px;position: absolute;top: 410px;left: 405px;border-radius: 228px;background-repeat: no-repeat;}