@media screen and (min-width: 700px) {
  .img_C_list_item:hover .img_C_hover[data-v-9aae083c] {
    transform: scale(1.1);
    transition: all 0.8s ease-in-out;
  }
}
.newflexwrap[data-v-9aae083c] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.image_txt[data-v-9aae083c] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 100px;
}
.imgbox[data-v-9aae083c] {
  width: 100%;
}
.newwd[data-v-9aae083c] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 28px;
}
.img_Tp[data-v-9aae083c] {
  text-align: center;
  padding-right: 10%;
  padding-left: 10%;
  position: relative;
}
.img_Tp_Cgp1[data-v-9aae083c] {
  font-family: Regular;
  text-align: center;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 100px;
  position: relative;
}
.img_C_list_item[data-v-9aae083c] {
  position: relative;
  width: 100%;
  min-height: 200px;
}
.img_C_list_item[data-v-9aae083c],
.img_C_list_itemhider[data-v-9aae083c] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
}
.img_C_list_itemhider[data-v-9aae083c] {
  position: absolute;
  width: 90%;
  height: 90%;
  z-index: 1;
}
.img_C_hover[data-v-9aae083c] {
  background-color: rgba(146, 179, 229, 0.6);
  width: inherit;
  height: inherit;
  opacity: 0;
  position: relative;
  transition: 1s;
  box-shadow: 0 0 15px #cdcdcd;
  transition: all 0.5s ease-in-out;
  border-radius: 5px;
}
@supports (-webkit-marquee-repetition: infinite) and
  ((-o-object-fit: fill) or (object-fit: fill)) {
  .newflexwrap {
    min-width: 0;
  }
}
.graphic1-div .tbpadding2 {
  padding: 60px 0 0 !important;
}
.graphic1-div .tbompadding {
  margin-bottom: 60px !important;
}
.graphic1-div .tpadding {
  padding-bottom: 60px !important;
}
@media screen and (max-width: 769px) {
  .iphonelinenum {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    word-wrap: break-word;
    /* ! autoprefixer: off */
    -webkit-box-orient: vertical;
  }
  .graphic1-div .hover_t_btn {
    padding: 7px 20px !important;
  }
  .img_Tp_Cgp1 {
    width: 94% !important;
  }
  .graphic1-div .img_Tp {
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (max-width: 700px) {
  .newwd {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0 !important;
  }
  .img_Tp_Cgp1 {
    width: 94% !important;
  }
  .graphic1-div .img_C_hover {
    box-shadow: none !important;
  }
  .graphic1-div .img_C_list_itemhider,
  .graphic1-div .newip {
    width: 50% !important;
    height: 100% !important;
    right: 0 !important;
  }
  .graphic1-div .img_C_hover {
    opacity: 1 !important;
    width: 100% !important;
    border-radius: 0;
  }
  .graphic1-div .newwd:nth-child(odd) .img_C_list_itemhider {
    width: 100% !important;
    height: 100% !important;
    right: 0 !important;
  }
  .graphic1-div .newwd:nth-child(2n) .img_C_list_itemhider {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
  }
  .graphic1-div .newwd:nth-child(odd) .graphic1responsivebssize {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    min-height: 220px;
    object-fit: cover;
  }
  .graphic1-div .newwd:nth-child(2n) .graphic1responsivebssize {
    width: 100% !important;
    height: 100% !important;
    float: right !important;
    min-height: 220px;
    object-fit: cover;
  }
}
.graphic1-div .graphic1responsivebssize {
  min-height: 250px;
  width: 100%;
}
.graphic1-div .pwidth {
  width: 90%;
  text-align: center;
  line-height: normal;
}
.graphic1-div .img_txtlt {
  position: absolute;
  top: 20px;
  left: 20px;
  border-top: 3px solid var(--border-color);
  width: 25px;
  height: 25px;
  border-left: 3px solid var(--border-color);
}
.graphic1-div .img_txtrb {
  position: absolute;
  right: 20px;
  bottom: 20px;
  border-bottom: 3px solid var(--border-color);
  width: 25px;
  height: 25px;
  border-right: 3px solid var(--border-color);
}
.graphic1-div .hover_t_b {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  -ms-flex-direction: column;
  flex-direction: column;
}
.graphic1-div .hover_t_b,
.graphic1-div .hover_t_btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.graphic1-div .hover_t_btn {
  border: 1px solid #fff;
  margin-top: 30px;
  padding: 10px 30px;
  text-align: center;
}