.hdxc {
  min-width: 1328px;
}
.hdxc .hdxc-wrap {
  width: 1328px;
  margin: 0 auto;
  position: relative;
}
.hdxc .hdxc-header {
  background: url(../images/bg_01.jpg) center top no-repeat;
}
.hdxc .hdxc-header .hdxc-wrap {
  height: 727px;
  padding-top: 105px;
  box-sizing: border-box;
}
.hdxc .hdxc-header img {
  opacity: 0;
}
.hdxc .hdxc-header .h1 {
  display: block;
  margin: 0 auto;
  animation: zoomIn 1s linear forwards;
  position: relative;
  z-index: 9;
}
.hdxc .hdxc-header .h2 {
  display: block;
  margin: -20px auto 0;
  animation: fadeInUp 0.8s linear 0.2s forwards;
  z-index: 7;
}
.hdxc .hdxc-header .hdxc-text-group {
  width: 554px;
  height: 60px;
  margin: -40px auto 100px;
}
.hdxc .hdxc-header .hdxc-text-group img {
  float: left;
  animation: zoomIn 0.4s ease forwards;
}
.hdxc .hdxc-header .hdxc-text-group .r1 {
  animation-delay: 1s;
}
.hdxc .hdxc-header .hdxc-text-group .r2 {
  animation-delay: 1.1s;
}
.hdxc .hdxc-header .hdxc-text-group .r3 {
  animation-delay: 1.2s;
}
.hdxc .hdxc-header .hdxc-text-group .r4 {
  animation-delay: 1.3s;
}
.hdxc .hdxc-header .hdxc-text-group .r5 {
  animation-delay: 1.4s;
}
.hdxc .hdxc-header .hdxc-text-group .r6 {
  animation-delay: 1.5s;
}
.hdxc .hdxc-header .hdxc-text-group .r7 {
  animation-delay: 1.6s;
}
.hdxc .hdxc-header .hdxc-text-group .r8 {
  animation-delay: 1.7s;
}
.hdxc .hdxc-header .logo {
  display: block;
  margin: 20px auto;
  animation: fadeInUp 0.6s ease 2.2s forwards;
}
.hdxc .hdxc-header .r4 {
  margin-right: 70px;
}
.hdxc .hdxc-main {
  background: url(../images/bg_02.jpg) center top no-repeat;
  height: 2656px;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  overflow-x: hidden;
}
.hdxc .hdxc-main .bg_cloud {
  background: url(../images/bg_cloud.png) center top no-repeat;
  height: 350px;
  position: absolute;
  left: 0;
  right: 0;
  top: -275px;
}
.hdxc .hdxc-main .hdxc-guide {
  background: url(../images/bg_guide.png) center top no-repeat;
  height: 610px;
  box-sizing: border-box;
  padding: 288px 152px 0;
  font-size: 24px;
  line-height: 36px;
  color: #c21814;
  text-align: justify;
  position: relative;
}
.hdxc .hdxc-main .hdxc-guide .i-left {
  position: absolute;
  top: 83px;
  left: -372px;
}
.hdxc .hdxc-main .hdxc-guide .i-right {
  position: absolute;
  top: 45px;
  right: -360px;
}
.hdxc .hdxc-main .hdxc-guide .strong {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  padding-top: 15px;
}
.hdxc .hdxc-main .hdxc-guide .i-btn {
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -143px;
}
.hdxc .hdxc-main .hdxc-people {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 1718px;
}
.hdxc .hdxc-main .hdxc-people img {
  position: absolute;
  cursor: pointer;
  transition: all 1s;
}
.hdxc .hdxc-main .hdxc-people img:hover {
  transform: scale(1.1);
}
.hdxc .hdxc-main .hdxc-people .p1 {
  top: 113px;
  left: 106px;
}
.hdxc .hdxc-main .hdxc-people .p2 {
  top: 90px;
  left: 475px;
}
.hdxc .hdxc-main .hdxc-people .p3 {
  top: 78px;
  left: 867px;
}
.hdxc .hdxc-main .hdxc-people .p4 {
  top: 710px;
  left: 0;
}
.hdxc .hdxc-main .hdxc-people .p5 {
  top: 710px;
  left: 325px;
}
.hdxc .hdxc-main .hdxc-people .p6 {
  top: 710px;
  left: 645px;
}
.hdxc .hdxc-main .hdxc-people .p7 {
  top: 710px;
  left: 980px;
}
.hdxc .hdxc-main .hdxc-people .p8 {
  top: 1312px;
  left: 52px;
}
.hdxc .hdxc-main .hdxc-people .p9 {
  top: 1312px;
  left: 356px;
}
.hdxc .hdxc-main .hdxc-people .p10 {
  top: 1312px;
  left: 827px;
}
.hdxc .bg-alert-wrap {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}
.hdxc .bg-alert-wrap .i-close {
  background: url(../images/i-close.png) center top no-repeat;
  height: 55px;
  width: 55px;
  position: absolute;
  top: 65px;
  right: 140px;
  cursor: pointer;
}
.hdxc .bg-alert-wrap .bg-alert {
  background: url(../images/bg_alert.png) center top no-repeat;
  width: 1200px;
  height: 750px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -600px;
  margin-top: -350px;
  padding: 115px 130px 0;
  box-sizing: border-box;
}
.hdxc .bg-alert-wrap .bg-alert .bg-alert-img {
  width: 350px;
  float: left;
}
.hdxc .bg-alert-wrap .bg-alert .bg-alert-img img {
  display: block;
  margin: 0 auto;
}
.hdxc .bg-alert-wrap .bg-alert .bg-alert-text {
  width: 535px;
  float: right;
  font-size: 30px;
  line-height: 55px;
  color: #fbf1cc;
  margin-right: 30px;
}
.hdxc .bg-alert-wrap .bg-alert .bg-alert-text p {
  text-indent: 2em;
  text-align: justify;
  padding: 20px 0 60px;
}
.hdxc .bg-alert-wrap .bg-alert .bg-alert-text strong {
  color: #ffd648;
  font-size: 35px;
  font-weight: bold;
}
.hdxc .fixed-login {
  background: url(../images/bg-login.png) center top no-repeat;
  box-sizing: border-box;
  width: 229px;
  height: 455px;
  font-size: 16px;
  line-height: 28px;
  color: #f2d69a;
  padding: 245px 50px 0 30px;
  text-align: justify;
  position: fixed;
  right: 20px;
  bottom: 100px;
}