.banner {
  position: relative; }
  .banner .index_banner {
    width: 100%; }
  .banner section {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .banner .text {
    color: #fff;
    width: 650px; }
    .banner .text h3 {
      font-size: 32px;
      font-weight: 400;
      line-height: 49px; }
    .banner .text p {
      font-size: 14px;
      line-height: 20px;
      margin-top: 25px;
      margin-bottom: 60px;
      font-family: SourceHanSansCN-Light; }
    .banner .text a {
      display: inline-block;
      color: #5991CC;
      font-size: 14px;
      padding-bottom: 6px;
      border-bottom: 1px solid #5991cc; }
  .banner .swiper-container-horizontal > .swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {
    bottom: 44px; }
  .banner .swiper-pagination-bullet {
    width: 100px;
    height: 3px;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 20px;
    border-radius: 0;
    position: relative; }
    .banner .swiper-pagination-bullet span {
      position: absolute;
      color: #fff;
      left: 50%;
      top: -10px;
      color: #fff;
      text-align: center;
      transform: translate(-50%, -50%); }
  .banner .swiper-pagination-bullet-active {
    background: #fff; }

.se2 {
  color: #212121;
  margin-top: 100px;
  margin-bottom: 90px; }
  .se2 h2 {
    font-size: 32px;
    color: #212121;
    text-align: center; }
  .se2 h4 {
    font-size: 16px;
    margin-top: 13px;
    text-align: center; }
  .se2 .box {
    margin-top: 20px; }
    .se2 .box .list {
      display: inline-block;
      margin-right: 25px;
      width: 480px;
      vertical-align: top; }
      .se2 .box .list a {
        display: block;
        position: relative; }
        .se2 .box .list a p {
          opacity: 0;
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 8px;
          transition: all .3s;
          background: linear-gradient(-24deg, #5485bf 0%, #00bcd4 100%); }
      .se2 .box .list h3 {
        margin-top: 30px;
        font-size: 24px;
        font-family: SourceHanSansCN-Regular;
        margin-bottom: 20px; }
      .se2 .box .list p {
        font-size: 16px;
        line-height: 24px; }
      .se2 .box .list .h-hover {
        font-size: 14px;
        color: #5991CC;
        text-decoration: underline;
        visibility: hidden;
        transition: all .3s; }
      .se2 .box .list:hover .h-hover {
        visibility: unset; }
      .se2 .box .list:hover a p {
        opacity: 1; }
    .se2 .box .list:last-child {
      margin-right: 0; }

.se3 {
  margin-bottom: 10px; }
  .se3 .left {
    width: 62.5%; }
  .se3 .right {
    width: 37.5%;
    height: 555px;
    position: relative; }
    .se3 .right .text {
      position: absolute;
      top: 50%;
      left: 40%;
      transform: translate(-50%, -50%); }
      .se3 .right .text h5 {
        font-size: 16px;
        color: #9E9E9E; }
      .se3 .right .text h3 {
        font-size: 20px;
        color: #616161;
        margin-top: 13px;
        margin-bottom: 16px;
        font-family: SourceHanSansCN-Normal; }
      .se3 .right .text p {
        color: #919191;
        font-size: 14px;
        line-height: 24px;
        font-family: SourceHanSansCN-Light; }
      .se3 .right .text a {
        color: #6591CC;
        font-size: 12px;
        text-decoration: underline;
        display: inline-block;
        margin-top: 30px; }
  .se3 .swiper-pagination {
    width: auto;
    left: 66%;
    bottom: 60px; }
  .se3 .swiper-pagination-bullet {
    background: #007aff;
    opacity: 1;
    vertical-align: middle; }
  .se3 .swiper-pagination-bullet-active {
    background: url(/assets/yx/img/active-j.jpg);
    width: 33px;
    height: 33px; }

.se4 .right {
  width: 62.5%; }
.se4 .left {
  width: 37.5%;
  height: 555px;
  position: relative; }
  .se4 .left .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .se4 .left .text h5 {
      font-size: 16px;
      color: #9E9E9E; }
    .se4 .left .text h3 {
      font-size: 20px;
      color: #616161;
      margin-top: 13px;
      margin-bottom: 16px;
      font-family: SourceHanSansCN-Normal; }
    .se4 .left .text p {
      color: #919191;
      font-size: 14px;
      line-height: 24px;
      font-family: SourceHanSansCN-Light; }
    .se4 .left .text a {
      color: #6591CC;
      font-size: 12px;
      text-decoration: underline;
      display: inline-block;
      margin-top: 30px; }
.se4 .swiper-pagination {
  width: auto;
  left: 8%;
  bottom: 60px; }
.se4 .swiper-pagination-bullet {
  background: #007aff;
  opacity: 1;
  vertical-align: middle;
  margin: 0 10px !important; }
.se4 .swiper-pagination-bullet-active {
  background: url(/assets/yx/img/active-j.jpg);
  width: 33px;
  height: 33px; }

.se5 {
  position: relative; }
  .se5 .text {
    width: 1140px;
    margin: 0 auto;
    text-align: center;
    color: #FEFEFE;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .se5 .text h3 {
      font-size: 32px; }
    .se5 .text p {
      font-size: 16px;
      margin-top: 30px;
      margin-bottom: 30px;
      opacity: 0.7; }
    .se5 .text div a {
      color: #57A6DC;
      font-size: 20px;
      font-weight: 600;
      margin-right: 55px; }
    .se5 .text div a:last-child {
      margin-right: 0; }

.form_box {
  position: fixed;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none; }

form.bottomForm {
  overflow: hidden;
  background: #fff;
  padding: 100px 60px;
  width: 60%;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.form_box .closes {
  display: inline-block;
  position: absolute;
  background: #57a6dc;
  color: #fff;
  text-align: center;
  line-height: 40px;
  height: 40px;
  width: 40px;
  z-index: 99;
  right: 0;
  top: 0;
  cursor: pointer; }

form.bottomForm h2 {
  font-size: 30px;
  margin: 0;
  margin-bottom: 30px;
  color: #333;
  font-weight: bold; }

form.bottomForm label {
  display: inline-block;
  margin-bottom: 20px;
  width: 48%; }

form.bottomForm label input,
form.bottomForm label textarea {
  display: block;
  border: none;
  padding-left: 20px;
  width: 100%;
  outline: none;
  background: #f5f5f5; }

form.bottomForm .form-group {
  margin-bottom: 20px !important; }

form.bottomForm label:nth-child(n) {
  padding-left: 0;
  float: left;
  margin-right: 2%; }

form.bottomForm label.mes {
  padding: 0;
  margin: 0;
  width: 100%;
  margin-bottom: 20px;
  color: #333; }

form.bottomForm label input,
form.bottomForm label textarea {
  display: block;
  border: none;
  padding-left: 20px;
  width: 100%;
  outline: none;
  background: #f5f5f5;
  color: #333; }

form.bottomForm label input {
  padding: 15px 0;
  padding-left: 20px;
  border-bottom: 1px solid #ccc;
  width: 100%;
  color: #333; }

form.bottomForm label {
  display: inline-block;
  margin-bottom: 20px;
  width: 48%; }

form.bottomForm .enquiry_make {
  position: relative;
  z-index: 99;
  color: red;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none; }

#tijiao {
  border: none;
  display: block;
  background-color: #57a6dc;
  padding: 20px 0;
  text-align: center;
  font-size: 16px;
  color: #fff;
  width: 100%;
  font-weight: bold;
  outline: none; }

@media screen and (max-width: 1600px) {
  .se2 .box .list {
    width: 435px; } }
@media screen and (min-width: 1200px) and (max-width: 1530px) {
  .se3 .right, .se4 .left {
    height: 437px; } }
@media screen and (max-width: 1400px) {
  .se2 .box .list {
    width: 370px; }

  .se3 .right, .se4 .left {
    height: 405px; } }
@media screen and (max-width: 1300px) {
  .se3 .right, .se4 .left {
    height: 370px; }

  .se5 .text h3 {
    font-size: 22px; }

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

  .se5 .text div a {
    font-size: 16px; } }
@media screen and (max-width: 1200px) {
  .se2 .box .list {
    width: 300px; }

  .se3 .right, .se4 .left {
    height: 340px; }

  .se3 .right .text, .se4 .left .text {
    top: 40%; }

  .se5 .text {
    width: 80%; } }
@media screen and (max-width: 999px) {
  .se2 .box .list {
    width: 230px; } }
@media screen and (max-width: 767px) {
  .banner img {
    object-fit: cover;
    height: 300px; }

  .banner .text {
    width: 100%; }
    .banner .text h3 {
      font-size: 20px; }
    .banner .text p {
      margin-top: 15px;
      margin-bottom: 20px; }

  .banner .swiper-container-horizontal > .swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {
    bottom: 15px; }

  .se2 {
    margin-top: 30px;
    margin-bottom: 30px; }
    .se2 h2 {
      font-size: 20px; }
    .se2 h4 {
      font-size: 14px; }
    .se2 .box .list {
      width: 100%;
      margin-right: 0;
      margin-bottom: 20px; }
      .se2 .box .list h3 {
        margin-top: 5px;
        font-size: 16px;
        margin-bottom: 10px; }
      .se2 .box .list p {
        font-size: 14px; }

  .se3 .left, .se3 .right, .se4 .left, .se4 .right {
    width: 100%; }

  .se3 .swiper-pagination {
    left: 20px; }

  .se4 .left .text {
    width: 90%; }

  .se4 .swiper-pagination {
    left: 20px;
    bottom: 0;
    top: 50%; }

  .se5 img {
    object-fit: cover;
    height: 300px; }
  .se5 .text {
    width: 90%; }
    .se5 .text h3 {
      font-size: 20px; }
    .se5 .text p {
      font-size: 14px; }
    .se5 .text div a {
      font-size: 14px; } }

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