p {
  font-family: Arial, Helvetica, sans-serif;
}
/* 取消a标签在移动端点击时的蓝色 */
a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Arial, Helvetica, sans-serif;
}
img {
  display: block;
  width: 100%;
}
/* div {
  font-size: 0.14rem;
} */
li {
  list-style: none;
}
nav::-webkit-scrollbar {
  display: none;
}
.display-none {
  display: none;
}
#body {
  max-width: 750px;
  margin: 0 auto;
  background-color: #ffffff;
  overflow: hidden;
}
.container {
  padding: 0 0.3rem;
}
/* 头部 */
.header {
  padding: 0.2rem 0.3rem;
}
.header img {
  display: block;
}
.header .img-box {
  position: relative;
}
/* .header .img-box::after{
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 0.42rem;
    height: 0.42rem;
    background: url(../image/index/header_index.png);
    background-size: 100% 100%;
} */
.header .img-box img {
  width: 2.81rem;
  margin: 0 auto;
}
/* nav */
nav {
  margin-top: 0.13rem;
  overflow: auto;
}
nav ul {
  display: flex;
  justify-content: space-between;
  /* overflow: auto; */
  width: 170%;
}
nav .active {
  color: black;
  position: relative;
}
nav .active::after {
  content: "";
  display: block;
  width: 0.4rem;
  height: 0.06rem;
  background-color: #0056c0;
  border-radius: 0.03rem;
  margin: 0 auto;
}
nav li {
  font-size: 0.3rem;
  font-family: Arial, Helvetica, sans-serif;
  list-style: none;
  color: #999999;
}
nav li a {
  color: inherit;
}
/* weichat */
.product-btnGreen {
  font-size: 0.14rem;
}
.product-btnGreen button,
.product-btnGreen .button {
  height: 0.7rem;
  background-image: linear-gradient(0deg, #1fc942 0%, #43eb62 100%),
    linear-gradient(#2e394a, #2e394a);
  border-radius: 0.06rem;
  width: 100%;
  border: none;
  outline: none;
  cursor: pointer;
}
.product-btnGreen button p,
.product-btnGreen .button p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.36rem;
  line-height: 0.44rem;
  display: flex;
  color: white;
  align-items: center;
  justify-content: center;
}
.product-btnGreen .button p {
  height: 0.7rem;
}
.product-btnGreen button img,
.product-btnGreen .button img {
  width: 0.57rem;
  margin-right: 0.22rem;
}
/* 案例卡片 */
#main .case-info {
  margin-top: 0.65rem;
}
#main .case-info .case-card {
  margin-top: 0.45rem;
}
#main .case-info .img-box img {
  display: block;
  width: 100%;
  border-radius: 0.3rem 0.3rem 0 0;
}
#main .case-info .info-box {
  background-color: #ffffff;
  box-shadow: 0rem -0.31rem 0.98rem 0rem rgba(0, 86, 192, 0.4);
  border-radius: 0rem 0rem 0.3rem 0.3rem;
  position: relative;
}
#main .case-info .info-back1 {
  width: 6rem;
  top: 0.1rem;
  z-index: 2;
  background-color: #ffffff;
  box-shadow: 0px -0.31rem 0.98rem 0px rgba(0, 86, 192, 0.4);
  border-radius: 0px 0px 0.3rem 0.3rem;
  opacity: 0.6;
  left: 50%;
  transform: translate(-50%, 0);
}
#main .case-info .info-back2 {
  width: 5.6rem;
  top: 0.2rem;
  z-index: 1;
  background-color: #ffffff;
  box-shadow: 0px -0.31rem 0.98rem 0px rgba(0, 86, 192, 0.4);
  border-radius: 0px 0px 0.3rem 0.3rem;
  opacity: 0.6;
  left: 50%;
  transform: translate(-50%, 0);
}
#main .case-info .info-back1,
#main .case-info .info-back2 {
  position: absolute;
  height: 3.54rem;
}
#main .case-info .info-box .title {
  width: 100%;
  background-color: #006ef3;
}
#main .case-info .info-box .title {
  padding: 0.2rem 0.3rem;
}
#main .case-info .info-box .title p {
  font: bold 0.34rem/0.42rem arial;
  color: white;
}
#main .case-info .info-box .infomation {
  padding: 0.3rem;
  padding-bottom: 0.58rem;
  background-color: white;
  border-radius: 0rem 0rem 0.3rem 0.3rem;
}
#main .case-info .info-box .infomation span {
  font-weight: bold;
}
#main .case-info .info-box .infomation p {
  font: 0.3rem/0.44rem Arial;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1 !important;
  overflow: hidden;
  color: #555;
}
#main .case-info .info-box .more {
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #0056c0;
  box-shadow: 0px -1px 7px 0px rgba(0, 86, 192, 0.44);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -0.33rem;
  left: 3.05rem;
}
/* 分页 */
#main .page {
  margin-top: 0.5rem;
  display: flex;
  justify-content: center;
}
#main .page ul li {
  float: left;
  list-style: none;
  padding: 0 0.24rem;
  height: 0.45rem;
  font-size: 0.32rem;
  line-height: 0.41rem;
  background-color: #f0f1f5;
  border-radius: 4px;
  text-align: center;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
}
#main .page ul .thisclass {
  border-radius: 0.04rem;
  border: solid 0.02rem #999999;
  margin: 0 0.15rem;
  background-color: white;
  display: flex;
  max-width: 2.1rem;
}
#main .page ul .thisclass span {
  overflow: hidden;
}
#main .page ul li:first-child {
  margin-right: 0.15rem;
}
#main .page ul li:last-child {
  margin-left: 0.15rem;
}
#main .page ul .page-num {
  border-radius: 0.04rem;
  border: solid 0.02rem #999999;
  margin: 0 0.15rem;
  background-color: white;
}
#main .page ul .page-num p {
  color: #999999;
}
#main .page ul .thisclass .thisspan {
  color: #0156c1;
}
#main .page ul li a {
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
}
.disabled {
  pointer-events: none;
  color: red;
}
/* 标题 */
.Title {
  display: flex;
  align-items: center;
}
.Title div {
  width: 0.35rem;
}
.Title h2 {
  font-size: 0.36rem;
  color: #333333;
  font-weight: bold;
  text-indent: 0.2rem;
}
/* online */
.online {
  position: absolute;
  width: 1.59rem;
  height: 1.24rem;
}
.online .img {
  position: relative;
}
.online .img .online-btn {
  position: absolute;
  width: 0.89rem;
  height: 0.46rem;
  background-color: #4d7dff;
  border-radius: 0.15rem 0.22rem 0.22rem 0px;
  border: none;
  font-size: 0.26rem;
  line-height: 0.46rem;
  color: white;
}
.online .img .online-btn p {
  text-indent: 0.08rem;
}
.online .img .online-btn {
  bottom: 0.05rem;
  right: 0.05rem;
}
/* related */
#main .related {
  margin-top: 0.44rem;
}
#main .related .rel-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
#main .related .rel-title img {
  width: 0.67rem;
}
#main .related .rel-title h2 {
  line-height: 0.56rem;
  font-size: 0.32rem;
  font-weight: bold;
  color: #333333;
  text-indent: 0.13rem;
}
#main .related .equi {
  margin-top: 0.38rem;
}
#main .related .equipment {
  display: flex;
  justify-content: space-between;
}
#main .related .equipment .equi-box {
  width: 3.28rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 0.1rem 0.05rem #f3f6fb;
  border-radius: 0.1rem;
}
#main .related .equipment .equi-box .text {
  display: flex;
  height: 1.04rem;
  justify-content: center;
  align-items: center;
}
#main .related .equipment .equi-box .text p {
  font-size: 0.3rem;
  line-height: 0.32rem;
  color: #666666;
  text-align: center;
  padding: 0rem 0.2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2 !important;
  overflow: hidden;
}
/* title-flex */
.title-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.58rem;
}
.title-flex img {
  width: 0.37rem;
}
.title-flex h2 {
  font: bold 0.36rem/0.42rem arial;
  color: #333333;
  text-indent: 0.12rem;
}
/* footer */
#footer {
  max-width: 750px;
  height: 0.9rem;
  background-color: white;
  box-shadow: 0px -4px 6px 0px rgba(0, 86, 192, 0.27);
}
#footer .foot-box,
#footer .message,
#footer .service {
  display: flex;
  align-items: center;
  height: 100%;
}
#footer .foot-box {
  justify-content: space-around;
}
#footer .foot-box p {
  font-size: 0.3rem;
  line-height: 0.3rem;
  font-weight: bold;
  color: black;
  text-indent: 0.12rem;
}
#footer .foot-box .message-icon {
  width: 0.4rem;
}
#footer .foot-box .service-icon {
  width: 0.52rem;
}
#footer .foot-box img {
  display: block;
  width: 100%;
}

/* 留言板 */
#board {
  margin-bottom: 1.71rem;
}
#board .board-banner {
  margin-top: 0.5rem;
}
#board .board-banner img {
  width: 100%;
  display: block;
}
#lmForm {
  position: relative;
  top: -0.5rem;
}
.msgform {
  width: 92%;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0rem -0.1rem 0.2rem 0rem rgba(0, 86, 192, 0.4);
  border-radius: 0rem 0.5rem 0rem 0rem;
}
.form-had {
  padding: 0.3rem 0 0.05rem 0;
  display: flex;
  width: 6.24rem;
  align-items: center;
  margin: 0 auto;
}
.form-had p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.4rem;
  line-height: 0.48rem;
  font-weight: bold;
  text-indent: 0.16rem;
}
.form-had span {
  display: block;
}
.form-had img {
  max-width: 100%;
  width: 0.17rem;
}
.business-photo {
  position: absolute;
  bottom: 0.1rem;
  right: 0.25rem;
  border-radius: 1rem;
  width: 1.29rem;
}
.form-table {
  width: 100%;
  padding: 0 0.2rem;
  padding-bottom: 0.55rem;
}
.form-table .line {
  display: flex;
  width: 6.24rem;
  position: relative;
  margin: 0 auto;
  margin-bottom: 0.25rem;
}
.form-table .line span {
  color: #d6586f;
  position: absolute;
  font-size: 0.2rem;
  line-height: 0.52rem;
  display: flex;
  align-items: center;
  width: 0.68rem;
  justify-content: flex-end;
}
.form-table .line .form-lastsp {
  top: 0.2rem;
  left: 0;
  margin-left: -0.1rem;
}
.form-table .line select {
  background-color: transparent;
  border-color: transparent;
  -webkit-appearance: none;
}
.form-table .line select,
.form-table .line input,
.form-table .line textarea {
  width: 100%;
  font: 400 0.28rem/0.32rem Arial;
  color: #5e6c88;
  padding: 0.09rem 0;
  padding-left: 0.86rem;
  border: 1px solid #bcbcbc;
  outline: none;
  resize: vertical;
}
.sub {
  margin: 0 auto;
  margin-top: 0.5rem;
  font-size: 0.14rem;
  width: 4.68rem;
  height: 0.6rem;
}
.sub input {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg, #0080ff 0%, #4d7dff 100%),
    linear-gradient(#48d08d, #48d08d);
  background-blend-mode: normal, normal;
  border-radius: 0.29rem;
  border: none;
  font-family: Arial;
  font-size: 0.32rem;
  line-height: 0.26rem;
  color: #ffffff;
}