.banner {
  padding-top: 41.67%;
  width: 100%;
  height: 0;
  background: url(../images/banner.jpg) center/cover no-repeat;
}

.content1 {
  padding: 4.00625rem 3.709375rem 2.95625rem 3.98125rem;
  position: relative;
}

.content1 .title {
  width: 18.125rem;
  height: 3.5625rem;
  margin: 0 auto;
}

.content1 .bg {
  width: 21.741875rem;
  height: 26.793125rem;
  margin-top: 0.403125rem;
  margin: 0 auto;
}

.content1 .question1 {
  width: 12.7359375rem;
  height: 3.615rem;
  position: absolute;
  top: 11.275rem;
  left: 7.7625rem;
  background: url('../images/zc_item1.png') 0 0;
  background-size: 100%;
  cursor: pointer;
}

.content1 .question1:hover {
  background-position: 0 -3.615rem;
}

.content1 .question2 {
  width: 12.545625rem;
  height: 3.615rem;
  position: absolute;
  top: 11.2375rem;
  left: 38.39375rem;
  background: url('../images/zc_item2.png') 0 0;
  background-size: 100%;
  cursor: pointer;
}

.content1 .question2:hover {
  background-position: 0 -3.6396875rem;
}

.content1 .question3 {
  width: 12.64rem;
  height: 3.615rem;
  position: absolute;
  top: 17.21875rem;
  left: 6.3875rem;
  background: url('../images/zc_item3.png') 0 0;
  background-size: 100%;
  cursor: pointer;
}

.content1 .question3:hover {
  background-position: 0 -3.7534375rem;
}

.content1 .question4 {
  width: 13.05125rem;
  height: 3.615rem;
  position: absolute;
  top: 17.240625rem;
  left: 40.503125rem;
  background: url('../images/zc_item4.png') 0 0;
  background-size: 100%;
  cursor: pointer;
}

.content1 .question4:hover {
  background-position: 0 -3.7534375rem;
}

.content1 .question5 {
  width: 14.384375rem;
  height: 3.615rem;
  position: absolute;
  top: 23.184375rem;
  left: 3.98125rem;
  background: url('../images/zc_item5.png') 0 0;
  background-size: 100%;
  cursor: pointer;
}

.content1 .question5:hover {
  background-position: 0 -3.775rem;
}

.content1 .question6 {
  width: 14.4953125rem;
  height: 3.615rem;
  position: absolute;
  top: 23.1875rem;
  left: 41.796875rem;
  background: url('../images/zc_item6.png') 0 0;
  background-size: 100%;
  cursor: pointer;
}

.content1 .question6:hover {
  background-position: 0 -3.7771875rem;
}

.content1 .question7 {
  width: 14.76625rem;
  height: 3.615rem;
  position: absolute;
  top: 28.625rem;
  left: 5.153125rem;
  background: url('../images/zc_item7.png') 0 0;
  background-size: 100%;
  cursor: pointer;
}

.content1 .question7:hover {
  background-position: 0 -4.5021875rem;
}

.content1 .question8 {
  width: 14.4953125rem;
  height: 3.615rem;
  position: absolute;
  top: 29.29375rem;
  left: 40.621875rem;
  background: url('../images/zc_item8.png') 0 0;
  background-size: 100%;
  cursor: pointer;
}

.content1 .question8:hover {
  background-position: 0 -3.7771875rem;
}

.content2 {
  width: 100%;
  height: 28.125rem;
  text-align: center;
  background: url(../images/zc_bg1.jpg) center/cover no-repeat;
  padding-top: 3.915625rem;
}

.content2 .title {
  width: 16.84375rem;
  height: 3.078125rem;
  margin: 0 auto;
}

.content2 .item-list .item {
  width: 13.125rem;
  height: 11.5rem;
  float: left;
  margin-right: 2.5rem;
  margin-top: 2.76875rem;
  cursor: pointer;
}

.content2 .item-list .item:first-child {
  margin-left: 8.125rem;
}

.content2 .item-list .shixiao {
  background: url('../images/why_item1.png') 0 -11.5rem;
  background-repeat: no-repeat;
  background-size: 100%;
}

.content2 .item-list .shixiao:hover {
  background-position: 0 0;
}

.content2 .item-list .shiyong {
  background: url('../images/why_item2.png') 0 -11.5rem;
  background-repeat: no-repeat;
  background-size: 100%;
}

.content2 .item-list .shiyong:hover {
  background-position: 0 0;
}

.content2 .item-list .shizhan {
  background: url('../images/why_item3.png') 0 -11.5rem;
  background-repeat: no-repeat;
  background-size: 100%;
}

.content2 .item-list .shizhan:hover {
  background-position: 0 0;
}

.content2 .block {
  clear: both;
}

.content2 .block .btn {
  background-image: url('../images/css_sprites.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 9.4375rem;
  height: 2.15625rem;
  margin: 0 auto;
  cursor: pointer;
}

.content2 .block .btn:hover {
  background-position: 0 -2.125rem;
}

.content3 {
  position: relative;
  width: 100%;
  text-align: center;
}

.content3 .btn {
  background-image: url('../images/css_sprites.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 9.4375rem;
  height: 2.15625rem;
  margin: 0 auto;
  cursor: pointer;
  position: absolute;
  left: 50%;
  bottom: 3.125rem;
  transform: translate(-50%, 0);
}

.content3 .btn:hover {
  background-position: 0 -2.125rem;
}

.content3 .video1 {
  position: absolute;
  right: 5.28125rem;
  top: 7.8125rem;
  width: 24.125rem;
  height: 13.59375rem;
  background: rgba(24, 16, 16, 0.7);
}

.content3 .video2 {
  position: absolute;
  left: 5.9375rem;
  top: 17.65625rem;
  width: 21.1875rem;
  height: 11.875rem;
  background: rgba(255, 255, 255, 0.7);
}

.content3 .info {
  display: flex;
  justify-content: center;
}

.content3 .info .banner1 {
  width: 20.75rem;
  height: 13.96875rem;
}

.content3 .info .video3 {
  width: 24.8125rem;
  margin-left: 2.65625rem;
  height: 13.96875rem;
  background: red;
}

.content3 .headmaster-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width: 48.5625rem;
}

.content3 .headmaster-wrapper .block {
  flex: 0 0 11.09375rem;
  margin-top: 1.25rem;
  cursor: pointer;
  position: relative;
}

.content3 .headmaster-wrapper .block .thumb {
  width: 100%;
  height: 8.40625rem;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

.content3 .headmaster-wrapper .block .thumb .text {
  width: 100%;
  height: 2.125rem;
  position: absolute;
  left: 0;
  bottom: -2.125rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  color: #fff;
  background: linear-gradient(#d3b478 0%, #996f27 100%);
  opacity: 0.8;
  padding: 0.46875rem 0.875rem 0.34375rem;
  transition: .3s;
}

.content3 .headmaster-wrapper .block .thumb .text .company {
  font-size: 0.8125rem;
  text-shadow: 2.05px 2.19px 3px rgba(0, 20, 63, 0.4);

}

.content3 .headmaster-wrapper .block .thumb .text .name {
  font-size: 0.65625rem;
  text-shadow: 2.05px 2.19px 3px rgba(0, 20, 63, 0.4);
}

.content3 .banner2 {
  height: 19.53125rem;
}

.content3 .banner3 {
  height: 19.1875rem;
  width: 29.125rem;
}

.content3 .img5 {
  margin-left: 1.25rem;
  height: 19.1875rem;
  width: 20.25rem;
}

.content3 .bottom-info {
  position: absolute;
  height: 2.40625rem;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(14, 42, 136, 0.4);
}

.content3 .bottom-info .carousel-indicators {
  bottom: -0.0625rem;
}

.content3 .bottom-info .carousel-indicators li {
  background-color: #fff;
  opacity: 1;
}

.content3 .bottom-info .carousel-indicators .active {
  background-color: #DBAB58;
}

.form {
  margin: 0 auto;
  width: 29.0rem;
}

.form .title {
  position: relative;
  font-size: 1.375rem;
  color: #8d5e0a;
  text-align: center;
}

.form .title::after,
.form .title::before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  height: 0.03125rem;
  width: 8.4375rem;
  background: #a0a0a0;
  transform: translate(0, -50%);
}

.form .title::before {
  left: 0;
  right: auto;
}

.form .label {
  font-size: 0.8125rem;
  font-size: 0.9375rem;
  line-height: 1.875rem;
  color: #231816;
  margin-top: 1.40625rem;
}

.form input {
  height: 3.28125rem;
  width: 100%;
  border-radius: 0.78125rem;
  background: #f8f7f7;
  outline: none;
  border: 0.05rem solid #a0a0a0;
  font-size: 0.9375rem;
  padding: 0.9375rem 1.25rem;
}

.form .submit {
  width: 13.1875rem;
  height: 3.375625rem;
  border-radius: 0.890625rem;
  background: linear-gradient(#ffeac6 0%, #f0cd88 100%);
  box-shadow: 0.05375rem 0.076875rem 0.1875rem rgba(0, 20, 63, 0.2);
  font-weight: normal;
  font-size: 1.126875rem;
  line-height: 3.375625rem;
  color: #0a0664;
  border: 0;
  margin: 1.69375rem auto 0;
  display: block;
}

.carousel-indicators li {
  background-color: #DBAB58;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  border: 0;
  opacity: 0.2;
}

.carousel-indicators .active {
  width: 24px;
}