@charset "UTF-8";
/* 文本对齐 */
.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

/* flex布局 */
.flex {
  display: flex;
}

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

.flex-between {
  justify-content: space-between;
}

.flex-middle {
  align-items: center;
}

.flex-top {
  align-items: flex-start;
}

.flex-bottom {
  align-items: flex-end;
}

.flex-left {
  justify-content: flex-start;
}

.flex-right {
  justify-content: flex-end;
}

.flex-center {
  align-items: center;
  justify-content: center;
}

/* 超出省略 */
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ellipsis-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.ellipsis-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.ellipsis-5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.ellipsis-6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

.ellipsis-7 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.ellipsis-8 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}

.ellipsis-9 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
}

.c-img {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.5s;
}

.md-pro-1 {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

.pro-list .li {
  width: calc( 770 / 1600 * 100%);
  margin-bottom: 0.6rem;
}
.pro-list .dd {
  position: relative;
  display: block;
}
.pro-list .dd:hover .bg::after {
  opacity: 0.8;
}
.pro-list .dd:hover .text::before  {
  opacity: 1;
  }

  .pro-list .dd:hover .name{
    color: #0162b1;
  } 


.pro-list .bg {
  position: relative;
  padding-top: calc(460 / 770 * 100%);
}
.pro-list .bg::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.2rem;
  -moz-column-rule-color: black;
       column-rule-color: black;
  background-image: linear-gradient(180deg, rgba(1, 98, 177, 0) 0%, #0162b1 100%);
  opacity: 0.8;
  z-index: 5;
  display: none;
}
.pro-list .bg::after {
display: none;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #0162b1;
  opacity: 0.8;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s;
}
.pro-list .text {
  position: relative;
  margin-top: 0.24rem;
  width: 100%;
  padding: 0 0.2rem;
  padding-right: 0.4rem;
  color: #333;
  z-index: 6;
}

.pro-list .text::before {
  content: "";
  width: 0.21rem;
  height: 0.14rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../images/z7.png);
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}
.pro-list .tbox {
  width: 100%;
  margin-top: 0.2rem;
  display: none;
}
.pro-list .intro {
  line-height: calc(29 / 16);
}
.pro-list .arrow {
  width: 1.5em;
  height: 1em;
  background-image: url(../images/z1.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 0.2rem;
}
@media screen and (max-width: 800px) {
  .pro-list .li {
    width: 100%;
  }
  .pro-list .tbox {
    display: block !important;
  }
}

.md-pro-11 {
  padding: 0.8rem 0;
}
.md-pro-11 .text {
  width: calc( 680 / 1600 * 100%);
}
.md-pro-11 .imgs {
  width: 50%;
}
.md-pro-11 .img {
  position: relative;
  padding-top: 62.5%;
}
.md-pro-11 .title {
  color: #000000;
  font-weight: bold;
}
.md-pro-11 .line {
  width: 1em;
  height: 0.05rem;
  background-color: #0162b1;
  margin-top: 0.2rem;
  margin-bottom: 0.36rem;
}
.md-pro-11 .intro {
  color: #333;
  line-height: 2.3888888889;
}
@media screen and (max-width: 800px) {
  .md-pro-11 .imgs {
    width: 100%;
    order: 1;
  }
  .md-pro-11 .text {
    width: 100%;
    order: 2;
    padding: 0.2rem;
  }
}

.md-pro-12 {
  background-color: #f8f8f8;
  padding-top: 0.95rem;
  padding-bottom: 1rem;
}
.md-pro-12 .pitem {
  margin-bottom: 0.75rem;
}
.md-pro-12 .pitem:last-child {
  margin-bottom: 0;
}
.md-pro-12 .title {
  font-weight: bold;
}
.md-pro-12 .ul {
  margin-top: 0.44rem;
}
.md-pro-12 .li {
  width: calc( 385 / 1600 * 100%);
  margin-right: 1.25%;
  margin-bottom: 0.2rem;
}
.md-pro-12 .li:nth-child(4n) {
  margin-right: 0;
}
.md-pro-12 .dd {
  display: block;
  height: 100%;
  background-color: #fff;
  padding: 0.2rem;
  box-shadow: 0 0 0 1px #dcdcdc;
}
.md-pro-12 .img {
  position: relative;
  padding-top: 100%;
}
.md-pro-12 .img img {
  -o-object-fit: contain;
     object-fit: contain;
}
.md-pro-12 .text {
  text-align: center;
}
@media screen and (max-width: 800px) {
  .md-pro-12 .ul {
    justify-content: space-between;
  }
  .md-pro-12 .li {
    width: 49%;
    margin-right: 0;
    margin-bottom: 2%;
  }
}

.md-home-1 {
  padding-top: 1rem;
  padding-bottom: 1.2rem;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
.md-home-1 .line {
  width: 1px;
  height: 1.2rem;
  background-color: #0162b1;
  margin: 0 auto;
}
.md-home-1 .te {
  line-height: calc( 44 / 24 * 100%);
  color: #000;
  margin: 0.4rem 0;
}
.md-home-1 .ti {
  position: relative;
}
.md-home-1 .line-mask {
  top: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.65;
  pointer-events: none;
  transition: width 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.md-home-2 {
  padding-top: 0.9rem;
  padding-bottom: 0.5rem;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
.md-home-2 .ul {
  margin-top: 0.5rem;
}
.md-home-2 .li {
  width: calc( 500 / 1600 * 100%);
  margin-right: calc( 50 / 1600 * 100%);
  margin-bottom: 0.5rem;
}
.md-home-2 .li:nth-child(3n) {
  margin-right: 0;
}
.md-home-2 .dd {
  display: block;
  height: 100%;
  position: relative;
  background-color: #fff;
}
.md-home-2 .img {
  position: relative;
  padding-top: 60%;
  overflow: hidden;
}
.md-home-2 .hte {
  padding: 0.36rem 0.3rem;
}
.md-home-2 .hte .ht1 {
  font-weight: bold;
}
.md-home-2 .hte .ht2 {
  line-height: 1.75;
  margin-top: 0.18rem;
}
.md-home-2 .bd {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  background-color: #0162b1;
  color: #fff;
  padding: 0.6rem 0.3rem;
  opacity: 0;
  transition: opacity 0.5s;
}
.md-home-2 .bd_box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.md-home-2 .bt2 {
  line-height: 1.75;
  margin-top: 0.16rem;
  height: 10.5em;
  overflow-y: auto;
}
.md-home-2 .bt2::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.md-home-2 .bt2::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  background: #fff;
}
.md-home-2 .bt2::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
}
.md-home-2 .btn {
  display: inline-flex;
  padding: 0.14rem 0.52rem;
  background-color: #fff;
  color: #0162b1;
  border-radius: 1rem;
}
@media screen and (min-width: 801px) {
  .md-home-2 .dd:hover .bd {
    opacity: 1;
  }
}
@media screen and (max-width: 800px) {
  .md-home-2 .ul {
    justify-content: space-between;
  }
  .md-home-2 .li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 4%;
  }
}

.cases .mitop {
  width: auto;
  text-align: left;
}
.cases .more {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  padding: 0.16rem 0.35rem;
  background-color: #0162b1;
  color: #fff;
  border-radius: 1rem;
}
.cases .more .mic {
  width: 1em;
  height: 1em;
  background-image: url(../images/z2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 0.12rem;
}

.md-require-1 {
  padding-top: 1.2rem;
  padding-bottom: 0.96rem;
  background-color: #eff7fd;
}
.md-require-1 .title {
  text-align: center;
  color: #fff;
  background-color: #0162b1;
  padding: 0.48rem 0;
}
.md-require-1 .form {
  padding: 1rem;
  border: solid 1px #dcdcdc;
  background-color: #fff;
}
.md-require-1 .fitem {
  margin-bottom: 0.2rem;
}
.md-require-1 .inputbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.3rem;
}
.md-require-1 .ib_i {
  width: calc( 680 / 1400 * 100%);
  margin-bottom: 0.4rem;
  position: relative;
}
.md-require-1 .ib_i .input {
  position: relative;
}
.md-require-1 .ib_i .ip {
  width: 100%;
  height: 3.75em;
  background-color: #ffffff;
  border: solid 1px #ebebeb;
  padding: 0 0.2rem;
}
.md-require-1 .ib_i .ic {
  width: 1em;
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.md-require-1 .lab-list {
  margin-top: 0.3rem;
}
.md-require-1 .lab-list .lab {
  display: inline-flex;
  align-items: center;
  margin-right: 0.6rem;
  margin-bottom: 0.2rem;
  cursor: pointer;
  position: relative;
}
.md-require-1 .lab-list .selected .lic {
  box-shadow: 0 0 0 1px inset #0162b1;
}
.md-require-1 .lab-list .selected .lic::before {
  opacity: 1;
}
.md-require-1 .lab-list .lic {
  box-shadow: 0 0 0 1px inset #ebebeb;
  width: 1em;
  height: 1em;
  position: relative;
  margin-right: 0.12rem;
}
.md-require-1 .lab-list .lic::before {
  content: "";
  width: 0.3333333333em;
  height: 0.3333333333em;
  background-color: #0162b1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.md-require-1 .lab-list input {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 0%;
  opacity: 0;
}
.md-require-1 .rd-list .lic {
  border-radius: 50%;
}
.md-require-1 .rd-list .lic::before {
  border-radius: 50%;
}
.md-require-1 .tabox {
  background-color: #ffffff;
  border: solid 1px #ebebeb;
  min-height: 2rem;
  font-size: 0;
  margin-top: 0.3rem;
}
.md-require-1 .textarea {
  width: 100%;
  height: 1.3rem;
  padding: 0.2rem;
  border: none;
  resize: none;
}
.md-require-1 .upload-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.2rem;
}
.md-require-1 .upload-btn {
  min-width: 1.8rem;
  height: 3.125em;
  background-color: #f8f8f8;
  border: dashed 1px rgba(204, 204, 204, 0.8);
  display: inline-flex;
  align-items: center;
  padding: 0 0.24rem;
  margin-bottom: 0.2rem;
  cursor: pointer;
}
.md-require-1 .upload-btn .uic {
  width: 1em;
  height: 1em;
  background-image: url(../images/z3.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 0.12rem;
}
.md-require-1 .upload-item {
  min-width: 1.8rem;
  height: 3.125em;
  background-color: #f8f8f8;
  border: dashed 1px rgba(204, 204, 204, 0.8);
  display: inline-flex;
  align-items: center;
  padding: 0 0.1rem;
  padding-right: 0.5rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  cursor: pointer;
  position: relative;
}
.md-require-1 .upload-item .upload-info {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.md-require-1 .upload-item .upload-icon {
  width: 1em;
  height: 1em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.md-require-1 .upload-item .upload-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.md-require-1 .upload-item .upload-name {
  margin-left: 0.5em;
  max-width: 10em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.md-require-1 .upload-delete {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  background-image: url(../images/z4.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.md-require-1 .btn {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  padding: 0.16rem 0.35rem;
  background-color: #0162b1;
  color: #fff;
  border-radius: 1rem;
}
.md-require-1 .btns {
  margin-top: 0.4rem;
  text-align: center;
}
.md-require-1 .submit {
  min-width: 1.8rem;
  height: 3.125em;
  background-color: #0162b1;
  color: #fff;
  border-radius: 1rem;
  padding: 0 1em;
  border: none;
  cursor: pointer;
}

header nav .natem .navuls {
  overflow: visible;
}

.navuls li {
  position: relative;
}
.navuls li:hover .ul3 {
  display: block;
}
.navuls .ul3 {
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 30;
  display: none;
  width: -moz-max-content !important;
  width: max-content !important;
}
.navuls .li3 {
  width: auto;
}
.navuls .aa3 {
  display: block;
  padding: 0.12rem 0.2rem;
  background-color: #fff;
  color: #333;
  text-align: left;
  white-space: nowrap;
}
.navuls .aa3:hover {
  background-color: #0162b1;
  color: #fff;
}

.nav-sub {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  font-size: 0;
  padding-top: 0.1rem;
  display: none;
}
.nav-sub .sub-cont {
  background-color: #fff;
  padding: 0.4rem 0.6rem;
}
.nav-sub .sub-item {
  display: inline-block;
  width: 3rem;
  margin-right: 0.7rem;
  text-align: left;
}
.nav-sub .sub-item:last-child {
  margin-right: 0;
}
.nav-sub .sub-tit1 {
  position: relative;
}
.nav-sub .sub-tit1:after {
  content: " ";
  position: absolute;
  right: 0rem;
  top: calc(49% + 0.015rem);
  transform: translateY(-50%);
  background-image: url(../images/x.png);
  width: 9px;
  height: 6px;
  background-size: 100%;
}
.nav-sub .nav-ul {
  border-top: 1px solid #f1f1f1;
  margin-top: 0.2rem;
  padding-top: 0.18rem;
}
.nav-sub .n-li {
  margin-bottom: 0.16rem;
}
.nav-sub .n-a {
  color: #666;
}
.nav-sub .n-a:hover {
  color: #0162b1;
}
@media (max-width: 1300px) {
  .nav-sub {
    position: static;
    transform: translate(0);
  }
  .nav-sub .sub-cont {
    flex-wrap: wrap;
    padding: 0.4rem;
  }
  .nav-sub .sub-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.1rem;
  }
}

.layui-laydate table,
.layui-laydate th,
.layui-laydate td {
  border: none;
}

@media screen and (max-width: 800px) {
  .ctumg .crumbs .column .cuper {
    display: none !important;
  }
}

.ctumg .cuper {
  position: relative;
  padding: 0 0.2rem;
}
.ctumg .sbtn {
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #666;
  z-index: 30;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.ctumg .sbtn.swiper-button-disabled{
  display: none; 
}
.ctumg .s-prev {
  left: 0;
  background-image: url(../images/b3.png);
}
.ctumg .s-next {
  right: 0;
  background-image: url(../images/b4.png);
}

.md-bread .bread-1 {
  justify-content: center;
}
.md-bread .bi-1 {
  position: relative;
  margin: 0.05rem;
  z-index: 10;
}
.md-bread .bi-1.on {
  z-index: 12;
}
.md-bread .bi-1.on .bi1-sub {
  opacity: 1;
  pointer-events: auto;
}
.md-bread .bi-1.on .ns {
  background-color: #0162b1;
  color: #fff;
}
.md-bread .bi-1.on .xm img:nth-child(1) {
  display: none;
}
.md-bread .bi-1.on .xm img:nth-child(2) {
  display: block;
}
.md-bread .bi-1 .ns {
  display: flex;
  align-items: center;
  color: #666;
  line-height: 2.5;
  padding: 0 0.15rem;
}
.md-bread .bi-1 .xm {
  margin-left: 0.12rem;
  width: 12px;
  height: 12px;
  position: relative;
  transition: all ease 0.5s;
}
.md-bread .bi-1 .xm img:nth-child(2) {
  display: none;
}
.md-bread .bi-1 img {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.md-bread .bi-1 .bi1-sub {
  background-color: #0162b1;
  text-align: center;
  position: absolute;
  left: 0%;
  top: 100%;
  width: 100%;
  opacity: 0;
  pointer-events: none;
}
.md-bread .bi-1 .pli a {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.4;
  transition: all ease 0.5s;
  padding: 0.5em 0.1rem;
}
.md-bread .bi-1 .pli a:hover {
  color: #fff;
}
.md-bread .no-sub .xm {
  display: none !important;
}
@media screen and (min-width: 801px) {
  .md-bread {
    display: none ;
  }
}

@media screen and (max-width: 800px) {
  .crumbs .column {  
  flex-wrap: wrap;
  }
}