.section1 {
  height: auto;
}

.section2 .cont .form .form-left form input {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.header:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 105, 138, .6)), to(rgba(43, 105, 138, 0)));
  background-image: -webkit-linear-gradient(top, rgba(43, 105, 138, .6), rgba(43, 105, 138, 0));
  background-image: -moz-linear-gradient(top, rgba(43, 105, 138, .6), rgba(43, 105, 138, 0));
  background-image: linear-gradient(180deg, rgba(43, 105, 138, .6), rgba(43, 105, 138, 0));
  z-index: -2;
  height: 100%;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  transition: opacity .3s
}

.section1 {
  background-color: #a1cde5;
  position: relative
}

.section1 .cont {
  position: relative;
  z-index: 1;
  -webkit-box-align: top;
  -webkit-align-items: top;
  -moz-box-align: top;
  align-items: top;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  padding: 1.86rem 0.88rem 0.5rem .75rem
}

@media (max-width:991px) {
  .section1 .cont {
    display: block
  }
}

@media (max-width:767px) {
  .section1 .cont {
    padding-left: 0;
    padding-right: 0
  }
}

@media (max-width:991px) {
  .section1 .cont {
    padding-top: 2.5rem
  }
}

@media (max-width:767px) {
  .section1 .cont {
    padding-top: 1.5rem
  }
}

@media (max-width:991px) {
  .section1 .cont {
    padding-bottom: 1.6rem
  }
}

@media (max-width:767px) {
  .section1 .cont {
    padding-bottom: 1.7rem
  }
}

.section1 .cont .text {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  text-align: left;
  width: 46.6%;
  padding-right: 1.16rem;

}

@media (max-width:991px) {
  .section1 .cont .text {
    text-align: center;
    width: 100%;
    margin-bottom: 1rem
  }
}

@media (max-width:767px) {
  .section1 .cont .text {
    margin-bottom: .5rem
  }
}

.section1 .cont .text .title {
  font-size: .44rem;
  margin-bottom: .2rem;
  margin-top: 1.16rem;
  padding-bottom: .2rem;
  position: relative;
  color: #082d43;
  font-weight: 600;
}

.section1 .cont .text .title::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 44px;
  height: 4px;
  background: #00b4f8;
  content: "";
}

@media (max-width:1024px) {
  .section1 .cont .text .title {
    font-size: .7rem
  }
}

@media (max-width:991px) {
  .section1 .cont .text .title {
    font-size: .86rem
  }
}

@media (max-width:767px) {
  .section1 .cont .text .title {
    font-size: .54rem;
    margin-top: 0rem;
  }
}

.section1 .cont .text .desc {
  font-size: 16px;
  line-height: 1.9
}

.section1 .cont .img {

  width: 53.4%;
}

.section1 .cont .img img {
  max-width: 100%;
}


@media (max-width:991px) {
  .section1 .cont .img {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 94%;
  }




}

@media (max-width:767px) {
  .section1 .cont .img {
    height: 45vw;
    margin: 0 auto
  }
}

.section1 .cont .img img {}

.section2 {
  margin-bottom: -.55rem
}

@media (max-width:991px) {
  .section2 {
    margin-bottom: -.95rem
  }
}

@media (max-width:767px) {
  .section2 {
    margin-bottom: -1.4rem
  }
}

.section2 .cont {
  padding-left: 0rem;
  padding-right: 0rem
}

@media (max-width:1024px) {
  .section2 .cont {
    padding-left: 0;
    padding-right: 0
  }
}

.section2 .cont .form {
  background-color: #00b0ec;
  border-radius: .22rem;
  position: relative;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  justify-content: space-between;
  -webkit-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  transform: translateY(-40%);
  opacity: 0;
  -webkit-transition: opacity 3s cubic-bezier(.19, 1, .22, 1), -webkit-transform 3s cubic-bezier(.19, 1, .22, 1);
  transition: opacity 3s cubic-bezier(.19, 1, .22, 1), -webkit-transform 3s cubic-bezier(.19, 1, .22, 1);
  -moz-transition: transform 3s cubic-bezier(.19, 1, .22, 1), opacity 3s cubic-bezier(.19, 1, .22, 1), -moz-transform 3s cubic-bezier(.19, 1, .22, 1);
  transition: transform 3s cubic-bezier(.19, 1, .22, 1), opacity 3s cubic-bezier(.19, 1, .22, 1);
  transition: transform 3s cubic-bezier(.19, 1, .22, 1), opacity 3s cubic-bezier(.19, 1, .22, 1), -webkit-transform 3s cubic-bezier(.19, 1, .22, 1), -moz-transform 3s cubic-bezier(.19, 1, .22, 1);
  padding: .48rem .4rem .54rem .45rem;
  font-size: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

@media (max-width:767px) {
  .section2 .cont .form {
    padding: .4rem .3rem
  }
}

@media (max-width:991px) {
  .section2 .cont .form {
    display: block
  }
}

.section2 .cont .form .form-left {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  width: 41%;
  margin-bottom: 0
}

@media (max-width:1024px) {
  .section2 .cont .form .form-left {
    width: 50%
  }
}

@media (max-width:991px) {
  .section2 .cont .form .form-left {
    width: 100%;
    margin-bottom: .4rem
  }
}

.section2 .cont .form .form-left .t {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  color: #fff;
  margin-right: .22rem;
  font-size: .26rem
}

@media (max-width:1024px) {
  .section2 .cont .form .form-left .t {
    font-size: .36rem
  }
}

@media (max-width:991px) {
  .section2 .cont .form .form-left .t {
    font-size: .46rem
  }
}

@media (max-width:767px) {
  .section2 .cont .form .form-left .t {
    font-size: .34rem
  }
}

.section2 .cont .form .form-left form {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  border-bottom: .01rem solid #fff
}

@media (max-width:1024px) {
  .section2 .cont .form .form-left form {
    border-bottom-width: 1px
  }
}

.section2 .cont .form .form-left form input {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  flex-grow: 1;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  color: #fff;
  padding: .06rem 0;
  font-size: 14px;
}

@media (max-width:1024px) {
  .section2 .cont .form .form-left form input {
    padding: .08rem 0
  }
}

.section2 .cont .form .form-left form input::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, .8)
}

.section2 .cont .form .form-left form input:-moz-placeholder {
  color: hsla(0, 0%, 100%, .8)
}

.section2 .cont .form .form-left form input::moz-placeholder {
  color: hsla(0, 0%, 100%, .8)
}

.section2 .cont .form .form-left form input:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .8)
}

.section2 .cont .form .form-left form button {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  color: #fff;
  width: .6rem
}

.section2 .cont .form .form-left form button .iconfont {
  font-size: .2rem
}

@media (max-width:1024px) {
  .section2 .cont .form .form-left form button .iconfont {
    font-size: .34rem
  }
}

@media (max-width:991px) {
  .section2 .cont .form .form-left form button .iconfont {
    font-size: .44rem
  }
}

.section2 .cont .form .form-right {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 54.8%
}

@media (max-width:991px) {
  .section2 .cont .form .form-right {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    position: static
  }
}

@media (max-width:767px) {
  .section2 .cont .form .form-right {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

@media (max-width:1024px) {
  .section2 .cont .form .form-right {
    width: 47%
  }
}

@media (max-width:991px) {
  .section2 .cont .form .form-right {
    width: 100%
  }
}

.section2 .cont .form .form-right a {
  display: none;
  background-color: #dbf0fb;
  color: #1395da;
  white-space: nowrap;
  border-radius: 50px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  font-size: .18rem;
  padding: .13rem .47rem;

  margin-right: .2rem;
  margin-bottom: .05rem;
  margin-top: .0rem
}

@media (max-width:1024px) {
  .section2 .cont .form .form-right a {
    font-size: .26rem
  }
}

@media (max-width:991px) {
  .section2 .cont .form .form-right a {
    font-size: .36rem
  }
}

@media (max-width:767px) {
  .section2 .cont .form .form-right a {
    font-size: .26rem
  }
}

@media (max-width:991px) {
  .section2 .cont .form .form-right a {
    padding: .14rem .24rem
  }
}

@media (max-width:767px) {
  .section2 .cont .form .form-right a {
    padding: .14rem .22rem
  }
}

@media (max-width:991px) {
  .section2 .cont .form .form-right a {
    margin-right: 5px
  }
}

@media (max-width:767px) {
  .section2 .cont .form .form-right a {
    margin-right: 3px
  }
}

@media (max-width:991px) {
  .section2 .cont .form .form-right a {
    margin-bottom: .04rem;
    margin-top: .04rem
  }
}

.section2 .cont .form .form-right a:hover {
  background-color: #f1de54;
  color: #1395da
}
.section2 .cont .form .form-right a.active {
  background-color: #f1de54;
  color: #1395da
}
.section2 .cont .form .form-right a .iconfont {
  line-height: .6;
  font-size: .2rem;
  margin-left: -.08rem;
  margin-right: -.08rem
}

@media (max-width:1024px) {
  .section2 .cont .form .form-right a .iconfont {
    font-size: .24rem
  }
}

@media (max-width:991px) {
  .section2 .cont .form .form-right a .iconfont {
    font-size: .36rem
  }
}

@media (max-width:767px) {
  .section2 .cont .form .form-right a .iconfont {
    font-size: .28rem
  }
}

@media (max-width:1024px) {
  .section2 .cont .form .form-right a .iconfont {
    margin-left: -.03rem;
    margin-right: -.03rem
  }
}

.section2 .cont .form .form-right a {
  display: inline-block
}

.section2 .cont .form .form-right.show-all a,
.section2 .cont .form .form-right a.icon {
  display: inline-block
}

.section2 .cont .form .form-right.show-all a.icon {
  display: none
}

.section2 .cont .form .circle-bg-img {
  top: 0;
  right: 0;
  z-index: -1
}

.section2 .cont .form .circle-bg-img.circle1 {
  opacity: .5
}

.section2 .cont .form.is-inview {
  opacity: 1;
  -webkit-transition-delay: .2s;
  -moz-transition-delay: .2s;
  transition-delay: .2s;
  -webkit-transform: translateY(-80%);
  -moz-transform: translateY(-80%);
  -ms-transform: translateY(-80%);
  transform: translateY(-80%)
}

@media (max-width:991px) {
  .section2 .cont .form.is-inview {
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%)
  }
}

.section3 .pro-list {
  margin-bottom: .7rem;
  margin-top: .8rem;
}

.section-product {}

.pro-txt {}

.pro-t {
  font-size: .42rem;
  color: #082d43;
  font-weight: 600;
}

.section-product .pro-span {
  margin-top: .24rem;

}

.section-product .pro-span span {
  line-height: .42rem;
  padding: .05rem 0;
  border-radius: .13rem;
  padding: 0 .22rem;
  background: #00b4f8;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
}

.section-product .pro-p {
  font-size: 16px;
  line-height: 1.9;
  margin-top: .24rem;
  color: #000;
}
.section-product .pro-p img{ max-width:100% !important; height:auto !important;}

.pro-t img {
  float: right;
}

.pro-list li {
  width: -webkit-calc(25% - .27rem);
  width: -moz-calc(25% - .27rem);
  width: calc(25% - .27rem);
  margin-right: .27rem;
  margin-bottom: .27rem;
  padding: .67rem .46rem;
  background: #dbf0fb;
  border-radius: .26rem;
}

.pro-list li .item-img {
  height: 11vw;
}

.item-text {}

.item-text .item-t {
  font-size: 20px;
  color: #082d43;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.item-text .item-p {
  font-size: 16px;
  margin-top: .12rem;
  color: #1395da;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

@media (max-width:1199px) {
  .section1 .cont .text .title::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .section1 .cont .text {
    padding-right: 0;
  }

  .section-product .pro-span span {
    line-height: 28px;
    border-radius: 13px;
    padding: 5px 15px;
    font-size: 16px;
  }

  .pro-t {
    font-size: 24px;
  }

  .pro-t img {
    height: 4vh;
  }

  .section-product .pro-p {
    font-size: 16px;
  }

  .pro-list li {
    width: -webkit-calc(50% - .27rem);
    width: -moz-calc(50% - .27rem);
    width: calc(50% - .27rem);
    margin-right: .27rem;
    margin-bottom: .27rem;
    padding: .2rem .2rem;
    border-radius: .26rem;
  }
}

@media (max-width:767px) {
  .pro-list li {
    width: -webkit-calc(50% - .2rem);
    width: -moz-calc(50% - .2rem);
    width: calc(50% - .2rem);
    margin-right: .2rem;
    margin-bottom: .2rem;
    padding: .4rem .2rem;
    border-radius: .26rem;
  }

  .item-text .item-t {
    font-size: 16px;
  }

  .item-text .item-p {
    font-size: 14px;
  }

  .pro-list li .item-img {
    height: 26vw;
  }

  .pro-t {
    font-size: 20px;
  }

  .section-product .pro-span span {
    font-size: 14px;

  }

  .section-product .pro-p {
    font-size: 14px;
    line-height: 1.8;
  }

  .section3 .pro-list {
    margin-bottom: .2rem;
    margin-top: .4rem;
  }
}


/*# sourceMappingURL=d0d311e9c61b917e204b0555459ae8fd.css.map*/