body{
	background: #f6f7f8;
}

body .navigationHoverOptions .options .op1 .content .cl3 li .imgs img, body .navigationHoverOptions .options .op1 .content .cl5 li .imgs img {
width: 90%;
 height: -webkit-fill-available; 
object-fit: cover;
}
body .footer .content .centerContent .left .logo {
	height: inherit;
}
body .navigation .nav .logo img {
	height: inherit;
}
body .navigationAtPhone .menulogo .logo {
	height: auto;
}
#Banner {
  background-image: url("../image/service/01.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#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;
}

.bg-white {
  background-color: #FFFFFF;
}

.c-white {
  color: #ffffff;
}

.c-black {
  color: #000000;
}

.c-D8D8D8 {
  color: #d8d8d8;
}

.bodor-color-gray4 {
  color: #4e525b;
}

.bodor-color-orange6 {
  color: var(--Color-Brand-Normal);
}

.bodor-bg-orange6 {
  background-color: var(--Color-Brand-Normal);
}

.fs-12 {
  font-size: 12px;
}
.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px;
}

.fs-20 {
  font-size: 20px;
}

.fs-24 {
  font-size: 24px;
}

.fs-36 {
  font-size: 36px;
}
.fs-48 {
  font-size: 48px;
}

.fs-60 {
  font-size: 60px;
}


.bodor-PFRegular {
  font-family: PingFangSC-Regular, RedHatDisplay-Regular, Oswald-Regular, "Microsoft YaHei";
  font-weight: 400 !important;
}

.bodor-PFMedium {
  font-family: PingFangSC-Medium, RedHatDisplay-Medium, Oswald-Medium, "Microsoft YaHei";
  font-weight: 500 !important;
}

.bodor-PFSemibold {
  font-family: PingFangSC-Semibold, RedHatDisplay-SemiBold, Oswald-SemiBold, "Microsoft YaHei";
  font-weight: 600 !important;
}

.bodor-PFSNaNpxibold {
  font-family: PingFangSC-Semibold, sf-pro-display_semibold,
    sf-pro-text_semibold, PingFang SC, "Microsoft YaHei";
  font-weight: 600 !important;
}

.tc {
  text-align: center;
}

.tl{
    text-align: left;
}

.ofh {
  overflow: hidden;
}


.pr {
  position: relative;
}

.pa {
  position: absolute;
}

/* top 上 */

.t-0 {
  top: 0px;
}

.t-18 {
  top: 18px;
}

.t-67 {
  top: 67px;
}

.l-0 {
  left: 0px;
}

.l-12 {
  left: 12px;
}


.csp {
  cursor: pointer;
}

.df-sb {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.df-fd-c {
  display: flex;
  display: -webkit-flex;
  /* Safari */
  align-items: flex-end;
  justify-content: center;
}

/* 垂直居中 */
.df-c {
  display: flex;
  display: -webkit-flex;
  /* Safari */
  align-items: center;
  justify-content: center;
}

/* 图片属性 */
img {
  width: 100%;
/*  height: 100%;*/
  border: none;
}
.text-1{
	padding-left: 20px;
	padding-top: 2px;
	color: #4e525b;
	display: -webkit-box;
            -webkit-line-clamp: 1; 
            -webkit-box-orient: vertical;  
            overflow: hidden;
            text-overflow: ellipsis; 
	font-size: 13px;
	
}
.text-3{
	margin-top: 12px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 15px;
	font-size: 12px;
	color: #4e525b;
	letter-spacing: 0;
}
.of-c {
  object-fit: cover;
}

.mg-a {
  margin: auto;
}

.w100 {
  width: 100%;
}

.w-auto {
  width: auto;
}

.w50 {
  width: 50%;
}.w50 {
  width: 50%;
}

.w-40 {
  width: 40px;
}

.w-60 {
  width: 60px;
}

.w-66 {
  width: 66px;
}

.w-96 {
  width: 96px;
}

.w-102 {
  width: 102px;
}

.w-104 {
  width: 104px;
}

.w-220 {
  width: 220px;
}

.w-276 {
  width: 276px;
}

.w-368 {
  width: 368px;
}

.w-560 {
  width: 560px;
}
.w-568 {
  width: 568px;
}

.w-576 {
  width: 576px;
}

.w-960 {
  width: 960px;
}

.w-1056 {
  width: 1056px;
}

.w-1152 {
  width: 1152px;
}

/* height 高度 */

.h-auto {
  height: auto;
}

.h100 {
  height: 100%;
}

.h-0 {
  height: 0;
}

.h-40 {
  height: 40px;
}

.h-60 {
  height: 60px;
}

.h-66 {
  height: 66px;
}

.h-103 {
  height: 103px;
}

.h-160 {
  height: 160px;
}

.h-300 {
  height: 300px;
}

.h-340 {
  height: 340px;
}

.h-376 {
  height: 376px;
}

.h-400 {
  height: 410px;
}

.h-487 {
  height: 487px;
}

/*-- Margin Top --*/
.cintrlcolor{
	color: #ff7f05;
}
.cintrlcobg{
	background: #cd690a
}
.mt-24 {
  margin-top: 24px;
}
.mt-12 {
  margin-top: 12px;
}
.mt-40 {
  margin-top: 40px;
}
/*-- Margin Bottom --*/
.mb-0 {
  margin-bottom: 0px;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-8 {
  margin-bottom: 8px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-14 {
  margin-bottom: 14px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-18 {
  margin-bottom: 18px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-29 {
  margin-bottom: 29px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-40 {
  margin-bottom: 40px;
}

/*-- Margin Left --*/

.ml-0 {
  margin-left: 0px;
}

/*-- Margin Right --*/
.mr-10 {
  margin-right: 10px;
}
.mr-16 {
  margin-right: 16px;
}

.mr-24 {
  margin-right: 24px;
}
/*-- Padding Top --*/

.pt-16 {
  padding-top: 16px;
}
.pt-25 {
  padding-top: 25px;
}
.pt-30 {
  padding-top: 30px;
}

.pt-37 {
  padding-top: 37px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-82 {
  padding-top: 82px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-94 {
  padding-top: 94px;
}

.pt-120 {
  padding-top: 120px;
}

/*-- Padding Bottom --*/

.pb-16 {
  padding-bottom: 16px;
}

.pb-96 {
  padding-bottom: 96px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-152 {
  padding-bottom: 152px;
}

/*-- Padding Left --*/
.pl-20 {
  padding-left: 20px;
}
.pl-48 {
  padding-left: 48px;
}


.br-0 {
  border-radius: 0px;
}

.br-8 {
  border-radius: 8px;
}

/* 公共 */

.transition05 {
  transition: 0.5s all;
}

.transition03-inOut {
  transition: 0.3s all ease-in-out;
}

.op1hv-img:hover img {
  opacity: 1;
}

.ltsp-0 {
  letter-spacing: 0;
}

/* 元素类型 */

.dn {
  display: none;
}

.df {
  display: -webkit-flex;
  /* Safari */
  display: flex;
}

.fw-wp {
  flex-wrap: wrap;
}

/* 透明度opacity */

.op-0 {
  opacity: 0;
}

/* line-height 行高 */
.lh-normal {
  line-height: normal;
}

.lh-15 {
  line-height: 15px;
}
.lh-17 {
  line-height: 17px;
}

.lh-22 {
  line-height: 22px;
}

.lh-33 {
  line-height: 33px;
}

.lh-60 {
  line-height: 60px;
}

.lh-84 {
  line-height: 84px;
}

/* z-index 层级 */

.zindex-9998 {
  z-index: 9998;
}

.zindex-2 {
  z-index: 2;
}

.zindex-1 {
  z-index: 1;
}

.zindex--1 {
  z-index: -1;
}

/* 热门服务 */
.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-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) {
  .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) {
  .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;
  }
  .md-dn {
    display: none;
  }
   .w-1152 {
    width: 100%;
  }
  .hot ul {
    justify-content: space-between;
  }
  .hot_bottom_ul .w-568 {
    width: 49%;
  }
  .hot_bottom_ul .w50 {
    width: 100%;
  }
}
/* 移动端 */
@media (max-width: 768px) {
  /* 移动端导航栏 */
  /* 移动端导航栏END */
  
  .w-1152 {
    width: 100%;
  }

  .sm-dn {
    display: none;
  }
	
.df {
    display: block;
  }
	.dn{
		display: none;
	}

  .sm-db {
    display: block;
  }

  /* 字体大小 */
  .fs-12 {
    font-size: 3.2vw;
  }
  .fs-14 {
    font-size: 14px;
  }

  .fs-16 {
    font-size: 4.26vw;
  }

  /* line-height 行高 */

  .lh-17 {
    line-height: 4.53vw;
  }

  .lh-22 {
    line-height: 5.86vw;
  }

  /* 宽度 */

  .mb-12 {
    margin-bottom: 3.2vw;
  }

  .br-8 {
    border-radius: 2.133vw;
  }

  .mb-8 {
    margin-bottom: 2.133vw;
  }

  .mb-12 {
    margin-bottom: 3.2vw;
  }

  .w-1152 {
    width: 100%;
  }

  .sm-dn {
    display: none;
  }

  .sm-db {
    display: block;
  }
  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: #ff4610 !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: 16.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 ul {
    width: 100%;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .hot_bottom_ul .w-568 {
    width: 100%;
  }
  #hot li {
    width: 100%;
    margin-right: 0;
  }
  .hot_bottom_ul .w50 {
    width: 100%;
  }
}