.container {

  background-color: #f1f3f7;

}

.container .content {

  width: 100%;

  padding-left: 0;

  padding-right: 0;

  padding-top: 0;

}

.container .content .section {

  padding: 80px 0 80px;

  text-align: center;

  background: url("../img/153_02.jpg") no-repeat center center;

  background-size: cover;

}

.container .content .section h4 {

  padding-top: 20px;

  font-family: MicrosoftYaHei;

  font-size: 30px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 32px;

  margin-top: 30px;

  letter-spacing: 0px;

  color: #666666;

}

.container .content .section1 {

  position: relative;

}

.container .content .section1 .title {

  position: absolute;

  text-align: center;

  top: 7%;

  width: 100%;

}

.container .content .section1 .title .english {

  color: #ffffff;

  opacity: 0.1;

}

.container .content .section1 .title .chinese {

  color: #ffffff;

}

.container .content .section1 .app {

  display: none;

}

.container .content .section1 .app_01 {

  position: absolute;

  width: 3.9166666667rem;

  height: 3.9166666667rem;

  top: 8.1666666667rem;

  display: none;

}

.container .content .section1 .item {

  position: absolute;

  width: 17%;

  transition: 0.3s all linear;

}

.container .content .section1 .item:hover {

  transform: translateY(-5px);

}

.container .content .section1 .item img {

  width: 70%;

  display: block;

  cursor: pointer;

}

.container .content .section1 .p1 {

  left: 7%;

  top: 22%;

}

.container .content .section1 .p2 {

  left: 23%;

  top: 29%;

}

.container .content .section1 .p3 {

  right: 20%;

  top: 29%;

}

.container .content .section1 .p4 {

  right: 3%;

  top: 22%;

}

.container .content .section1 .bc {

  display: block;

  width: 100%;

}

.container .content .section1 .bottom {

  position: absolute;

  bottom: 3%;

  width: 90%;

  left: 5%;

}

.container .content .section1 .bottom img {

  width: 90%;

  margin-left: 5%;

}

.container .content .section1 .bottom .b_item {

  position: absolute;

  text-align: center;

}

.container .content .section1 .bottom .b_item .item_title {

  color: #ffffff;

  font-size: 0.2166666667rem;

}

.container .content .section1 .bottom .b_item .item_info {

  font-size: 0.15rem;

  color: #ffffff;

  opacity: 0.8;

  margin-top: 0.05rem;

}

.container .content .section1 .bottom .c1 {

  left: 2.375rem;

  top: 1.75rem;

}

.container .content .section1 .bottom .c2 {

  left: 4.4166666667rem;

  top: 0.5416666667rem;

}

.container .content .section1 .bottom .c3 {

  right: 3.1666666667rem;

  top: 1.0416666667rem;

}

.container .content .section1 .bottom .c4 {

  right: 1.4583333333rem;

  top: 2.0833333333rem;

}

.container .content .section1 .bottom .c5 {

  right: 6.6666666667rem;

  bottom: 1.0833333333rem;

}

.container .content .search {

  width: 1620px;

  margin: 0 auto;

  padding-top: 80px;

  padding-bottom: 120px;

}

.container .content .search .title_box {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.container .content .search .title_box .lookmore a {

  width: 120px;

  height: 45px;

  background-color: #0d3267;

  border-radius: 22px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-family: MicrosoftYaHei;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #ffffff;

}

.container .content .search .bottom {

  display: flex;

  flex-wrap: wrap;

}

.container .content .search .bottom .item {

  width: 32%;

  margin-right: 2%;

  background-color: #fff;

  margin-top: 40px;

  -webkit-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);

  transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);

  word-break: break-all;

}

.container .content .search .bottom .item:hover {

  box-shadow: 0px 6px 6px 0px rgba(48, 55, 66, 0.15);

  transform: translate(0, -5px);

  transition-delay: 0s !important;

}

.container .content .search .bottom .item:nth-child(3n) {

  margin-right: 0;

}

.container .content .search .bottom .item .img {

  position: relative;

}

.container .content .search .bottom .item .img img {

  display: block;

  width: 100%;

}

.container .content .search .bottom .item .img .status {

  position: absolute;

  width: 149px;

  height: 40px;

  background-color: rgba(0, 0, 0, 0.3);

  border-radius: 0px 19px 19px 0px;

  display: flex;

  align-items: center;

  justify-content: center;

  top: 25px;

  left: 0;

  font-family: MicrosoftYaHeiLight;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #ffffff;

}

.container .content .search .bottom .item .con {

  box-sizing: border-box;

  padding: 0 30px 35px;

}

.container .content .search .bottom .item .con .name {

  display: flex;

  align-items: center;

  justify-content: space-between;

  border-bottom: 1px solid #ebebeb;

}

.container .content .search .bottom .item .con .name h3 {

  font-family: MicrosoftYaHei-Bold;

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 75px;

  letter-spacing: 0px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  color: #232323;

}

.container .content .search .bottom .item .con .name a {

  display: flex;

}

.container .content .search .bottom .item .con .name img {

  width: 31px;

}

.container .content .search .bottom .item .con .info_box {

  padding-top: 20px;

}

.container .content .search .bottom .item .con .info_box .info {

  font-family: MicrosoftYaHei;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 26px;

  letter-spacing: 0px;

  color: #727272;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  overflow: hidden;

}

.container .content .section2 .box {

  width: 1620px;

  margin: 0 auto;

}

.container .content .section2 .box .swiper-box {

  margin-top: 70px;

  position: relative;

}

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

  font-size: 30px;

}

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

  color: #d70739;

}

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

  color: #d70739;

}

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

  color: #d9d9d9;

  opacity: 1;

}

.container .content .section2 .box .swiper-box .swiper-container {

  width: 92%;

  margin: 0 auto;

}

.container .content .section2 .box .swiper-box .swiper-container .swiper-wrapper .swiper-slide {

  position: relative;

  background-color: #fff;

}

.container .content .section2 .box .swiper-box .swiper-container .swiper-wrapper .swiper-slide:hover .swiper-bottom {

  top: 0;

}

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

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

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

  width: auto;

  height: auto;

  max-width: 100%;

  max-height: 100%;

}

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

  position: absolute;

  width: 100%;

  height: 100%;

  top: 100%;

  left: 0;

  background-color: rgba(0, 0, 0, 0.5);

  display: flex;

  flex-direction: column;

  box-sizing: border-box;

  padding: 30px;

  justify-content: flex-end;

  transition: 0.35s ease all;

}

.container .content .section2 .box .swiper-box .swiper-container .swiper-wrapper .swiper-slide .swiper-bottom h2 {

  font-family: MicrosoftYaHei-Bold;

  font-size: 26px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 48px;

  letter-spacing: 0px;

  color: #ffffff;

}

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

  font-family: MicrosoftYaHei;

  font-size: 15px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 29px;

  letter-spacing: 0px;

  color: #ffffff;

  opacity: 0.8;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.container #shadow {

  position: fixed;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  z-index: 99;

  background-color: rgba(0, 0, 0, 0.7);

  display: none;

}

.container .dialogs {

  position: fixed;

  z-index: 999;

  width: 70%;

  height: 80%;

  margin-left: 15%;

  top: 50%;

  transform: translateY(-50%) scale(0);

  background-color: #f6f8fa;

  box-sizing: border-box;

  z-index: 99999;

  padding: 2%;

  overflow-y: scroll;

}

.container .dialogs .close {

  position: absolute;

  right: 15px;

  top: 15px;

  display: flex;

  z-index: 99;

}

.container .dialogs .close .iconfont {

  color: #113f7e;

  font-size: 30px;

  cursor: pointer;

  transition: 0.3s ease all;

}

.container .dialogs .close .iconfont:hover {

  transform: rotate(180deg);

}

.container .dialogs .dig_title {

  text-align: center;

}

.container .dialogs .dig_title h2 {

  font-family: MicrosoftYaHei-Bold;

  font-size: 23px;

  font-weight: 700;

  font-stretch: normal;

  line-height: 1.4;

  letter-spacing: 0px;

  color: #2d2d2d;

}

.container .dialogs .infos {

  text-align: center;

  padding: 20px 0 0;

  font-size: 16px;

}

.container .dialogs .con {

  margin-top: 20px;

  height: 100%;

  padding-bottom: 30px;

}

.container .dialogs .con .box {

  display: flex;

  flex-wrap: wrap;

}

.container .dialogs .con .box .item {

  margin-top: 20px;

  background-color: #fff;

}

.container .dialogs .con .box .item .img img {

  display: block;

  width: 100%;

}

.container .dialogs .con .box .item .bottom {

  box-sizing: border-box;

  padding: 20px;

}

.container .dialogs .con .box .item .bottom h4 {

  font-family: MicrosoftYaHei-Bold;

  font-size: 20px;

  font-weight: 700;

  font-stretch: normal;

  line-height: 1;

  letter-spacing: 0px;

  color: #2d2d2d;

}

.container .dialogs .con .box .item .bottom .info {

  font-family: MicrosoftYaHei;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 1.4;

  letter-spacing: 0px;

  color: #5d5d5d;

  margin-top: 5px;

}

.container .dialogs .con .two .item {

  width: 48%;

  margin-right: 4%;

}

.container .dialogs .con .two .item:nth-child(2n) {

  margin-right: 0;

}

.container .dialogs .con .three .item {

  width: 32%;

  margin-right: 2%;

}

.container .dialogs .con .three .item:nth-child(3n) {

  margin-right: 0;

}

.container .dialogs .con .mainImg {

  margin-top: 35px;

  padding-bottom: 30px;

}

.container .dialogs .con .mainImg img {

  display: block;

  width: 60%;

  margin-left: 20%;

}

.container .dialogs .con .service {

  text-align: center;

  padding-top: 50px;

}

.container .dialogs .con .service .text .txt {

  font-size: 18px;

  color: #be9970;

  line-height: 1.8;

}

.container .dialogs .con .service .text .txt span {

  font-weight: 700;

}

.container .dialogs .con .services {

  box-sizing: border-box;

  padding: 0 15%;

}

.container .dialogs .con .services h3 {

  text-align: center;

  padding: 40px 0;

  font-family: MicrosoftYaHei-Bold;

  font-size: 23px;

  font-weight: 700;

  font-stretch: normal;

  line-height: 1.4;

  letter-spacing: 0px;

  color: #2d2d2d;

  text-align: center;

}

.container .dialogs .con .services .service_con {

  display: flex;

  justify-content: space-around;

}

.container .dialogs .con .services .service_con .items {

  width: 15%;

}

.container .dialogs .con .services .service_con .items .img img {

  display: block;

  width: 100%;

}

.container .dialogs .con .services .service_con .items .t {

  text-align: center;

  font-family: MicrosoftYaHei;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 27px;

  letter-spacing: 0px;

  color: #2d2d2d;

  margin-top: 5px;

}



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

  .container .content .section2 .box {

    width: 84%;

    margin-left: 7%;

    align-items: center;

  }

   .container .content .section0 .box {

    width: 84%;

    margin-left: 7%;

    align-items: center;

  }



  .container .content .section h4 {

    font-size: 22px;

  }



  .container .content .search {

    width: 90%;

    margin-left: 5%;

  }



  .container .dialogs .con .service {

    padding-top: 30px;

  }



  .container .content .section2 .box .swiper-box .swiper-container {

    width: 100%;

  }



  .swiper-button-prev {

    /*left: -45px;*/
    left: 30px;

  }

  .swipers-button-prev {


    left: -45px;
    /* left: 10px; */

  }


  .container .dialogs .con .services .service_con .items .img {

    width: 95px;

    height: 95px;

  }



  .swiper-button-next {

    right: -45px;

  }

  .swipers-button-next {
    right: -45px;
    /* right: 10px; */

  }

  .container .content .section2 .box .swiper-box .swiper-container .swiper-wrapper .swiper-slide .swiper-bottom h2 {

    font-size: 21px;

    line-height: 40px;

  }



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

    font-size: 14px;

  }

}

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

  .container .dialogs {

    height: auto;

  }



  .container .dialogs .infos {

    padding-bottom: 20px;

  }



  .container .dialogs .con {

    transform: scale(1);

    margin-top: -10px;

  }



  .container .dialogs .con .box .item .bottom h4 {

    font-size: 18px;

  }



  .container .dialogs .con .box .item .bottom .info {

    font-size: 14px;

    margin-top: 7px;

  }

}

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

  .container .content .search .bottom .item {

    width: 48%;

    margin-right: 4%;

  }



  .container .content .search .bottom .item:nth-child(2n) {

    margin-right: 0%;

  }



  .container .content .search .bottom .item:nth-child(3n) {

    margin-right: 4%;

  }



  .container .content .search .bottom .item:nth-child(6n) {

    margin-right: 0%;

  }

}

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

  .container .dialogs .con .two .item {

    width: 100%;

    margin-right: 0;

  }



  .container .dialogs {

    transform: translate(0) scale(0);

    top: 65px;

    bottom: 35px;

    width: 84%;

    margin-left: 7%;

  }



  .container .dialogs .con .three .item {

    width: 100%;

    margin-right: 0;

  }



  .container .dialogs .con .mainImg {

    display: none;

  }



  .container .dialogs .con .services h3 {

    padding: 20px 0;

  }



  .container .dialogs .con .services .service_con {

    flex-wrap: wrap;

  }

  .container .dialogs .con .services .service_con .items {

    width: 28%;

    padding-bottom: 15px;

  }



  .container .dialogs .con .services {

    padding: 0 5%;

  }



  .container .dialogs .con .service .text .txt {

    font-size: 16px;

  }

}

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

  .container .content .search {

    width: 86%;

    margin-left: 7%;

  }



  .container .content .search .bottom .item {

    width: 100%;

    margin-right: 0 !important;

    margin-top: 30px;

  }



  .swiper-button-next {

    right: -30px;

  }



  .swiper-button-prev {

    /*left: -30px;*/
     left: 30px;

  }



  .container .content .section2 .box .swiper-box {

    margin-top: 45px;

  }



  .container .content {

    padding-bottom: 80px;

  }



  .container .content .search .bottom .item .con .name h3 {

    font-size: 22px;

    line-height: 57px;

  }



  .container .content .search {

    padding-top: 40px;

    padding-bottom: 50px;

  }



  .container .content .section h4 {

    font-size: 17px;

    box-sizing: border-box;

    padding: 0 25px;

  }



  .container .content .section {

    padding: 60px 0;

  }



  .container .content .search .title_box .lookmore a {

    width: 100px;

    height: 35px;

    font-size: 14px;

  }



  .container .content .section1 {

    padding-top: 125px;

    background-color: #123c73;

    display: flex;

    height: auto;

    box-sizing: border-box;

    flex-wrap: wrap;

    justify-content: space-around;

  }

  .container .content .section1 .item {

    position: static;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 50%;

    height: 130px;

  }



  .container .content .section1 .bc {

    display: none;

  }



  .container .content .section1 .bottom img {

    display: none;

  }



  .container .content .section1 .item img {

    width: 53%;

  }



  .container .active {

    transform: translateY(0%) scale(1) !important;

  }



  .container .dialogs .con .services .service_con .items .img {

    width: 60px;

    height: 60px;

  }



  .container .content .section1 .bottom {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    left: 0;

    padding-bottom: 20px;

    padding-top: 50px;

  }

  .container .content .section1 .bottom .b_item {

    width: 50%;

    position: static;

    padding-top: 8px;

    padding-bottom: 8px;

    border-top: 1px solid rgba(255, 255, 255, 0.2);

  }

  .container .content .section1 .bottom .b_item .item_title {

    font-size: 16px;

  }

  .container .content .section1 .bottom .b_item .item_info {

    font-size: 14px;

  }



  .container .content .section1 .bottom .c1 {

    position: absolute;

    border: none;

    top: -15px;

    left: 25%;

  }



  .container .content .section1 .item {

    height: auto;

    padding-bottom: 1.25rem;

  }



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

    padding: 20px 13px;

  }



  .container .content .section2 .box .swiper-box .swiper-container .swiper-wrapper .swiper-slide .swiper-bottom h2 {

    font-size: 18px;

    line-height: 30px;

  }



  .container .content .search .bottom .item .con {

    padding: 0 25px 25px;

  }



  .container .content .section1 .bottom {

    display: none;

  }



  .container .content .section1 .app {

    display: block;

    width: 100%;

  }



  .container .content .section1 .app_01 {

    display: block;

  }

}


@media screen and (min-width: 1620px) {
  .y1620 {
    width: 1620px;
    margin: 0px auto;
  }

  .y1621 {
    padding: 74px 0px;
  }
}

@media screen and (min-width: 1024px) {
  .y1620 {
    width: 86%;
    margin: 0px auto;
  }

  .y1621 {
    padding: 74px 0px;
  }
}

@media screen and (max-width: 1024px) {
  .y1620 {
    width: 100%;
    margin: 0px auto;
  }

  .y1621 {
    padding: 44px 24px;
  }
}

.y1622 {
  background: #fff;
}