.container .main .content {

  background: url(../img/b7.png) no-repeat right top;

  background-size: contain;

}

.container .main .content .section {

  display: flex;

  align-items: center;

  padding-bottom: 80px;

  border-bottom: 2px solid #e5e5e5;

}

.container .main .content .section .left {

  width: 30%;

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: center;

}

.container .main .content .section .left img {

  width: 70%;

  display: block;

}

.container .main .content .section .right {

  width: 70%;

  flex-shrink: 0;

}

.container .main .content .section .right h2 {

  font-family: MicrosoftYaHei-Bold;

  font-size: 36px;

  font-weight: 700;

  font-stretch: normal;

  line-height: 32px;

  letter-spacing: 0px;

  color: #0d3b6f;

  padding-bottom: 15px;

}

.container .main .content .section .right .txt {

  font-family: MicrosoftYaHei;

  font-size: 20px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 32px;

  letter-spacing: 0px;

  color: #585858;

  margin-top: 20px;

}

.container .main .content .section .right h3 {

  font-family: MicrosoftYaHei-Bold;

  font-size: 20px;

  font-weight: 700;

  font-stretch: normal;

  line-height: 30px;

  letter-spacing: 0px;

  color: #1e1e1e;

  padding-top: 20px;

}

.container .main .content .section1 {

  padding-top: 80px;

  padding-bottom: 100px;

}

.container .main .content .section1 .boxItem {

  display: flex;

  padding-top: 30px;

}

.container .main .content .section1 .boxItem .item {

  background-color: #f2f5f8;

  position: relative;

  padding: 85px 50px 110px;

  box-sizing: border-box;

  margin-top: 40px;

}

.container .main .content .section1 .boxItem .item h3 {

  font-family: MicrosoftYaHei;

  font-size: 36px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 1.3;

  letter-spacing: 0px;

  color: #000000;

  position: relative;

}

.container .main .content .section1 .boxItem .item h3:last-of-type {

  padding-bottom: 70px;

}

.container .main .content .section1 .boxItem .item h3:last-of-type:before {

  content: '';

  position: absolute;

  width: 39px;

  height: 9px;

  background-color: #d70739;

  left: 0;

  top: 55px;

}

.container .main .content .section1 .boxItem .item h4 {

  font-family: MicrosoftYaHei;

  font-size: 26px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 35px;

  letter-spacing: 0px;

  color: #2e2e2e;

}

.container .main .content .section1 .boxItem .item .num {

  font-family: Bebas;

  font-size: 80px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 1;

  letter-spacing: 0px;

  position: absolute;

  top: 50px;

  right: 70px;

  color: #0d3267;

}

.container .main .content .section1 .boxItem .item .info {

  font-family: MicrosoftYaHei;

  font-size: 22px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 35px;

  letter-spacing: 0px;

  color: #606060;

}

.container .main .content .section1 .two .item {

  width: 48%;

  margin-right: 4%;

}

.container .main .content .section1 .two .item:last-child {

  margin-right: 0;

}

.container .main .content .section1 .three .item {

  width: 32%;

  margin-right: 2%;

}

.container .main .content .section1 .three .item:last-child {

  margin-right: 0;

}

.container .main .section2 {

  background: url("../img/b8.png") no-repeat center top;

  background-size: auto;

  padding: 100px 0;

}

.container .main .section2 .box {

  width: 1620px;

  margin: 0 auto;

}

.container .main .section2 .box .swiper-box {

  margin-top: 70px;

  position: relative;

}

.container .main .section2 .box .swiper-box .swiper-button-next, .container .main .section2 .box .swiper-box .swiper-button-prev {

  font-size: 30px;

  outline: none;

}

.container .main .section2 .box .swiper-box .swiper-button-next:after, .container .main .section2 .box .swiper-box .swiper-button-prev:after {

  font-size: 30px;

}

.container .main .section2 .box .swiper-box .swiper-button-next {

  color: #d70739;

}

.container .main .section2 .box .swiper-box .swiper-button-prev {

  color: #d70739;

}

.container .main .section2 .box .swiper-box .swiper-button-next.swiper-button-disabled, .container .main .section2 .box .swiper-box .swiper-button-prev.swiper-button-disabled {

  color: #d9d9d9;

  opacity: 1;

}

.container .main .section2 .box .swiper-box .swiper-container {

  width: 92%;

  margin: 0 auto;

}

.container .main .section2 .box .swiper-box .swiper-container .swiper-wrapper .swiper-slide img {

  display: block;

  width: 100%;

}

.container .main .section2 .box .swiper-box .swiper-container .swiper-wrapper .swiper-slide .swiper-bottom {

  height: 80px;

  background-color: #fbfbfb;

  display: flex;

  align-items: center;

  justify-content: center;

}

.container .main .section2 .box .swiper-box .swiper-container .swiper-wrapper .swiper-slide .swiper-bottom .info {

  width: 100%;

  font-family: MicrosoftYaHei;

  font-size: 22px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #292929;

  text-align: center;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}



@media all and (max-width: 1620px) {

  .container .main .section2 .box {

    width: 100%;

    box-sizing: border-box;

    padding: 0 10%;

  }



  .container .main .content .section .right .txt {

    font-family: MicrosoftYaHei;

    font-size: 16px;

    line-height: 32px;

    margin-top: 11px;

  }



  .container .main .content .section .right h3 {

    padding-top: 8px;

    font-size: 17px;

  }



  .container .main .content .section .right h2 {

    font-family: MicrosoftYaHei-Bold;

    font-size: 26px;

    font-weight: 700;

    font-stretch: normal;

    line-height: 1;

    letter-spacing: 0px;

    color: #0d3b6f;

    padding-bottom: 2px;

  }



  .container .main .content .section1 .boxItem .item h3 {

    font-size: 28px;

  }



  .container .main .content .section1 .boxItem .item h3:last-of-type {

    padding-bottom: 55px;

  }



  .container .main .content .section {

    padding-bottom: 70px;

  }



  .container .content {

    padding-top: 70px;

  }



  .container .main .content .section1 .boxItem .item {

    padding: 43px 40px 43px;

    margin-top: 40px;

  }



  .container .main .content .section1 .boxItem .item .info {

    font-size: 16px;

    line-height: 33px;

  }



  .container .main .content .section1 .boxItem .item .num {

    font-size: 45px;

  }



  .container .main .content .section1 .boxItem .item h4 {

    font-size: 21px;

  }



  .container .main .content .section1 .three .item {

    padding: 43px 35px 43px;

  }



  .container .main .content .section1 .boxItem .item .num {

    right: 45px;

  }



  .container .main .section2 .box .swiper-box .swiper-container .swiper-wrapper .swiper-slide .swiper-bottom .info {

    padding: 0 10px;

    font-size: 16px;

  }



  .container .main .section2 .box .swiper-box .swiper-button-next:after, .container .main .section2 .box .swiper-box .swiper-button-prev:after {

    font-size: 27px;

  }

}

@media all and (max-width: 1150px) {

  .container .main .content .section1 .boxItem {

    flex-wrap: wrap;

  }



  .container .main .content .section1 .three .item {

    width: 49%;

  }

  .container .main .content .section1 .three .item:nth-child(2) {

    margin-right: 0;

  }

}

@media all and (max-width: 1000px) {

  .container .main .section2 .box .swiper-box .swiper-button-prev {

    left: -15px;

  }



  .container .main .section2 .box .swiper-box .swiper-button-next {

    right: -15px;

  }

}

@media all and (max-width: 895px) {

  .container .main .content .section1 .boxItem .item {

    width: 100%;

    margin-right: 0 !important;

  }



  .container .content {

    padding-bottom: 0;

  }

}

@media all and (max-width: 550px) {

  .container .main .content .section {

    flex-wrap: wrap;

    padding-bottom: 35px;

  }



  .container .main .content .section .left {

    width: 100%;

  }



  .container .main .content .section .right {

    width: 100%;

    margin-top: 30px;

  }



  .container .main .content .section1 .boxItem {

    padding-top: 15px;

  }



  .container .main .content .section1 .boxItem {

    padding-top: 0px;

  }



  .container .main .content .section1 {

    padding-top: 40px;

    padding-bottom: 55px;

  }



  .container .main .content .section .right .txt {

    font-size: 15px;

    margin-top: 10px;

  }



  .container .main .content .section .right h3 {

    font-size: 17px;

  }



  .container .main .content .section1 .title {

    padding-top: 10px;

  }



  .container .main .content .section .right h2 {

    font-size: 26px;

  }



  .container .content {

    padding-top: 45px;

  }



  .container .main .content .section1 .boxItem .item h3 {

    font-size: 22px;

    font-weight: 700;

  }



  .container .main .content .section1 .boxItem .item {

    padding: 35px 30px 35px;

    margin-top: 40px;

  }



  .container .main .content .section1 .boxItem .item .info {

    font-size: 14px;

  }



  .container .main .content .section1 .boxItem .item h4 {

    font-size: 19px;

  }



  .container .main .content .section1 .boxItem .item h3:last-of-type {

    padding-bottom: 52px;

  }



  .container .main .section2 {

    padding: 50px 0;

  }



  .container .main .section2 .box .swiper-box {

    margin-top: 35px;

  }



  .container .main .section2 .box .swiper-box .swiper-button-prev {

    left: -20px;

  }



  .container .main .section2 .box .swiper-box .swiper-button-next {

    right: -20px;

  }



  .container .main .content .section .left img {

    width: 45%;

  }



  .container .main .content .section1 .boxItem .item {

    margin-top: 25px;

  }



  .container .main .content .section1 .boxItem .item .num {

    right: 30px;

    top: 30px;

  }



  .container .main .content {

    padding-left: 7%;

    padding-right: 7%;

  }



  .container .main .content .section1 .boxItem .item {

    padding: 25px 20px;

  }

}



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