#Banner {
  background-image: url(../image/04.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.title_r li.active {
  opacity: 0.5;
}
#Banner_search {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.layui-form-label {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
/* 热门服务 */
.hot ul li {
  box-shadow: 0 3px 14px 2px #0000000d, 0 8px 10px 1px #0000000f,
    0 5px 5px -3px #0000001a;
}
.hot ul li:hover {
  transform: translateY(-10px);
}
.hot ul li:hover span {
  color: #ff4610;
}
.hot ul li:last-child {
  margin-right: 0;
}
.hot_bottom_ul a {
  box-shadow: 0 3px 14px 2px #0000000d, 0 8px 10px 1px #0000000f,
    0 5px 5px -3px #0000001a;
  transition: 0.3s all;
}
.hot_bottom_ul a:hover {
  transform: translateY(-10px);
}
.hot_bottom_ul a:hover span {
  color: #ff4610;
}

/* 服务申请与信息支持 */
.applySupport ul li:nth-child(3n) {
  margin-right: 0;
}
.applySupport ul li:hover span {
  color: #ff4610;
}
.applySupport ul li:hover {
  transform: translateY(-10px);
  box-shadow: 0 3px 14px 2px #0000000d, 0 8px 10px 1px #0000000f,
    0 5px 5px -3px #0000001a;
}
/* 更多服务 */
.moreServe ul li:nth-child(2n) {
  margin-right: 0;
}
.moreServe ul li:hover span {
  color: #ff4610;
}
.moreServe ul li:hover {
  transform: translateY(-10px);
  box-shadow: 0 3px 14px 2px #0000000d, 0 8px 10px 1px #0000000f,
    0 5px 5px -3px #0000001a;
}
/* 联系我们 */
.relationT_l {
  /* background-image: url(../img/relation/1.jpg); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.relationT_l:hover span {
  color: #ff4610;
}
.relation ul li:hover {
  transform: translateY(-10px);
  box-shadow: 0 3px 14px 2px #0000000d, 0 8px 10px 1px #0000000f,
    0 5px 5px -3px #0000001a;
}

/* 大pad断点 lg*/
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .title_r {
    width: 38%;
  }
  .hot ul li {
    width: 24%;
    margin-right: 1%;
  }
  .hot ul li:nth-child(4n) {
    margin-right: 0;
  }
  /* 服务申请与信息支持 */
  .applySupport ul li {
    width: 31%;
    margin-right: 2%;
  }
  /* 更多服务 */
  .moreServe ul li {
    width: 49%;
    margin-right: 2%;
  }
  .moreServe ul li:nth-child(2n) {
    margin-right: 0;
  }
  /* 联系我们 */
  .relation ul li {
    width: 49%;
    margin-right: 2%;
  }
  .relation ul li:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .title_r {
    width: 48%;
  }
  .hot ul li {
    width: 49%;
    margin-right: 1%;
  }
  .hot ul li:nth-child(2n) {
    margin-right: 0;
  }
  /* 服务申请与信息支持 */
  .applySupport ul li {
    width: 49%;
    margin-right: 2%;
  }
  .applySupport ul li:nth-child(3n) {
    margin-right: 2%;
  }
  .applySupport ul li:nth-child(2n) {
    margin-right: 0;
  }
  /* 更多服务 */
  .moreServe ul li {
    width: 49%;
    margin-right: 2%;
  }
  .moreServe ul li:nth-child(2n) {
    margin-right: 0;
  }
  /* 联系我们 */
  .relation ul li {
    width: 49%;
    margin-right: 2%;
  }
  .relation ul li:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  #Banner .layui-form-label span {
    font-size: 16px;
  }
  .hot ul {
    justify-content: space-between;
  }
  .hot_bottom_ul .w-568 {
    width: 49%;
  }
  .hot_bottom_ul .w50 {
    width: 100%;
  }
}
/* 移动端 */
@media (max-width: 768px) {
  .md_levitated_sphere {
    display: none;
  }
  /* 移动端导航栏 */
  .md_title {
    padding: 0 4.267vw;
    height: 14.933vw;
  }
  .md_title h3 {
    font-size: 5.6vw !important;
    line-height: normal !important;
    margin-bottom: 0 !important;
  }
  .md_title ul {
    top: 14.933vw;
  }
  .md_title.active svg {
    transform: rotate(180deg);
  }
  .md_title.active ul {
    height: 59.733vw;
  }
  .md_title ul li {
    height: 14.933vw;
    padding-left: 4.267vw;
    background: var(--400, #1a1b1e);
    font-size: 4.267vw;
    line-height: normal;
    border: 1px solid#1a1b1e;
  }
  /* 移动端导航栏END */
  h1 {
    font-size: 8.533vw !important;
    margin-bottom: 5.333vw !important;
    line-height: 12vw !important;
  }
  #Banner {
    height: 122.667vw;
  }
  #Banner p {
    font-size: 4.267vw !important;
    margin-bottom: 5.333vw !important;
    line-height: 5.867vw !important;
  }
  .layui-input {
    font-size: 4.267vw !important;
    line-height: 5.867vw !important;
  }
  .layui-form-label span {
    font-size: 4.267vw !important;
    line-height: 5.867vw !important;
  }
  .layui-input-block,
  .layui-form-label {
    height: 10.667vw !important;
  }
  #Banner span {
    font-size: 3.2vw !important;
    line-height: 4.533vw !important;
  }
  .w-276 {
    padding: 0;
    text-align: center;
  }
  .pt-120 {
    padding-top: 5.333vw !important;
  }
  #hot li {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  h3 {
    font-size: 5.333vw !important;
    line-height: 7.467vw !important;
    margin-bottom: 2.133vw !important;
  }
  p {
    font-size: 3.2vw !important;
    line-height: 4.533vw !important;
  }
  #hot li p {
    margin-bottom: 2.133vw !important;
  }
  span {
    font-size: 3.2vw !important;
    line-height: 4.533vw !important;
  }
  .h-160 {
    height: 32.8vw;
    margin-bottom: 4.63vw;
  }
  #Banner .w-1056 {
    margin-bottom: 8.533vw;
  }
  .w-1056 {
    margin: 0;
  }
  .w-960 {
    width: 75.733vw;
  }
  .search_icon {
    top: 2.13vw;
  }
  .w-1056 {
    width: 100%;
  }
  section {
    padding: 0 6.4vw;
  }
  section .df-sb {
    flex-wrap: wrap;
  }
  .w-276 {
    width: 100%;
    margin-bottom: 3.2vw;
  }
  h2.fs-48 {
    font-size: 8vw;
  }
  .w-368 {
    width: 100%;
    margin-right: 0;
  }
  .op1hv-img:hover img {
    /* opacity: 0; */
  }
  .pb-100 {
    padding-bottom: 5.333vw;
  }
  li span {
    /*color: #fff !important;*/
  }
  .w-560 {
    width: 100%;
    margin-right: 0;
  }
  .w-576 {
    width: 100%;
  }
  .md-imgBox {
    width: 100%;
    height: 64vw;
    margin-bottom: 3.2vw;
  }
  .md-imgBox .w-220 {
    width: 100%;
    height: 85%;
    bottom: 0;
    right: 0;
    border-radius: 8px;
  }
  #relation ul li {
    margin-bottom: 3.2vw;
  }
  .h-300 {
    height: 80vw;
  }
  .h-376 {
    height: 72vw;
  }
  .pt-90 {
    padding-top: 10vw;
  }
  .pb-152 {
    padding-bottom: 20vw;
  }
  li .mb-40 {
    margin-bottom: 5vw;
  }
  .pa.w-576 {
    height: auto;
  }
  .h-340 {
    height: 66vw;
  }
  #customerService {
    padding-top: 10vw;
  }
  .mb-20 {
    margin-bottom: 3.2vw;
  }

  /* 下拉框 */

  #Banner_searchTextBox {
    top: 54px;
  }
  #Banner_searchTextBox.h-300 {
    height: 70vw;
    box-shadow: 0 3px 14px 2px #0000000d, 0 8px 10px 1px #0000000f,
      0 5px 5px -3px #0000001a;
  }
  #Banner_searchTextBox ul {
    width: 100%;
    padding-left: 2vw;
    padding-right: 2vw;
  }
  #Banner_searchTextBox ul li {
    margin-bottom: 5vw;
    width: 100%;
  }
  #Banner_searchTextBox ul li a {
    width: 100%;
  }
  #Banner_searchTextBox ul li p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 3.2vw;
    line-height: normal;
    margin-bottom: 0 !important;
    text-align: left;
  }

  .hot_bottom_ul .w-568 {
    width: 100%;
  }
  #hot li {
    width: 100%;
    margin-right: 0;
  }
  .hot_bottom_ul .w50 {
    width: 100%;
  }
}
