* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
}
body {
  font-family: "Microsoft YaHei" sans-serif;
  font-size: 14px;
  -webkit-text-size-adjust: none;
  height: auto;
  color: #333;
  background: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
a {
  text-decoration: none;
  color: #333;
}
a:hover {
  color: #0066d9;
}
.clear-fix::before,
.clear-fix::after {
  content: '';
  display: table;
  clear: both;
}
.w {
  width: 1200px;
  margin: 0 auto;
}
header .top-n {
  margin: 5px 0;
}
header .top-n .logo {
  margin-right: 25px;
}
header .top-n .logo img {
  height: 100px;
  margin-top: 14px;
}
header .top-n .info {
  text-align: center;
  margin-top: 23px;
  margin-right: 25px;
  line-height: 2;
  letter-spacing: 2px;
}
header .top-n .info h2 {
  color: #0066d9;
  font-weight: bold;
  font-size: 18px;
}
header .top-n .info p {
  color: #888;
}
header .top-n .l {
  display: flex;
  justify-content: space-around;
}
header .top-n form {
  margin-top: 40px;
}
header .top-n .tel {
  display: flex;
}
header .top-n .tel span {
  font-size: 34px;
  margin: 0 10px;
  color: #e60212;
}
header .top-n .tel b {
  font-size: 26px;
  font-family: Impact;
  font-weight: normal;
  color: #e60212;
  letter-spacing: 1px;
}
header .top-n .t-tel {
  display: flex;
  width: 22%;
  margin-top: 50px;
  justify-content: space-evenly;
}
header .top-n .top-t {
  margin-top: 19px;
}
header .top-n input {
  width: 250px;
  line-height: 44px;
  border: 1px solid #e0e0e0;
  text-indent: 10px;
  padding: 0 8px;
  float: left;
}
header .top-n button {
  width: 50px;
  height: 46px;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #e0e0e0;
  border-left: none;
  background-color: white;
  float: left;
}
header .top-n button i {
  font-size: 30px;
}
header .top-n input:focus,
header .top-n button:focus {
  border-color: #0066d9;
  outline: none;
}
header .top-n button:hover {
  background-color: #0066d9;
  border: none;
}
header .top-n button:hover i {
  color: white;
}
header nav {
  background: #f5f5f5;
}
header nav ul {
  display: flex;
  justify-content: space-between;
}
header nav ul li {
  flex-grow: 1;
  box-shadow: 0 0 1px #cecece;
}
header nav ul li a {
  display: block;
  line-height: 65px;
  text-align: center;
  font-size: 16px;
}
header nav ul li a:hover {
  background-color: #0066d9;
  color: #fff;
}
header nav ul .on a {
  background-color: #0066d9;
  color: #fff;
}
.hdTxt,
.f_menu {
  display: none;
}
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
}
.ban img {
  width: 100%;
}
.i-title {
  text-align: center;
  line-height: 50px;
  margin: 10px 0;
}
.i-title h2 {
  font-size: 30px !important;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0 20px;
  font-weight: bold;
  color: black;
  letter-spacing: 2px;
}
.i-title h2::after {
  content: '';
  display: block;
  height: 5px;
  width: 50px;
  background: #ccc;
  margin: 10px auto;
}
.i-title p {
  text-align: center;
  font-weight: 100;
  margin-bottom: 30px;
  letter-spacing: 2px;
  font-size: 18px;
  text-transform: uppercase;
  color: #999;
  font-family: 'deckerregular';
}
/* ===== 在线留言页面专用样式 ===== */
.message-page {
  padding: 40px 0 60px;
  background: #f9f9f9;
  overflow: hidden;
  /* 防止横向溢出 */
}
.message-page .w {
  background: #fff;
  padding: 40px 50px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  box-sizing: border-box;
  /* 关键：防止 padding 撑破总宽度 */
}
.message-page .page-title {
  text-align: center;
  margin-bottom: 35px;
}
.message-page .page-title h1 {
  font-size: 30px;
  font-weight: bold;
  color: #0066d9;
  letter-spacing: 2px;
  display: inline-block;
  position: relative;
  padding-bottom: 15px;
}
.message-page .page-title h1::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #0066d9;
}
.message-page .page-title p {
  color: #888;
  font-size: 14px;
  margin-top: 12px;
  line-height: 1.6;
  /* 增加行高，防止多行文字挤在一起 */
}
/* 留言表单 */
.message-form {
  max-width: 780px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}
.message-form .form-item {
  margin-bottom: 22px;
  display: flex;
  align-items: flex-start;
}
.message-form .form-item label {
  width: 100px;
  text-align: right;
  padding-right: 20px;
  line-height: 44px;
  font-size: 15px;
  color: #333;
  flex-shrink: 0;
  box-sizing: border-box;
}
.message-form .form-item .input-box {
  flex: 1;
  min-width: 0;
  /* 关键：修复 flex 子项在移动端溢出问题 */
}
.message-form .form-item input,
.message-form .form-item textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  background: #fafafa;
  transition: all 0.3s;
  box-sizing: border-box;
  /* 确保输入框宽度包含 padding */
  outline: none;
  display: block;
}
.message-form .form-item input:focus,
.message-form .form-item textarea:focus {
  border-color: #0066d9;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(0, 102, 217, 0.1);
}
.message-form .form-item textarea {
  min-height: 150px;
  resize: vertical;
  line-height: 1.6;
}
.message-form .form-item .must {
  color: #e60212;
  margin-left: 3px;
}
.message-form .submit-btn {
  text-align: center;
  padding-left: 100px;
}
.message-form .submit-btn button {
  background: #0066d9;
  color: #fff;
  border: none;
  padding: 14px 60px;
  font-size: 17px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
  letter-spacing: 2px;
}
.message-form .submit-btn button:hover {
  background: #0066d9;
  box-shadow: 0 5px 15px rgba(0, 102, 217, 0.3);
}
/* 表单下方提示 */
.form-tips {
  text-align: center;
  margin-top: 25px;
  font-size: 13px;
  color: #999;
}
/* ===== 移动端适配（重写） ===== */
@media screen and (max-width: 768px) {
  .message-page {
    padding: 15px 0 40px;
  }
  /* 覆盖全局 w，强制增加 padding 和 box-sizing */
  .message-page .w {
    width: 100% !important;
    padding: 20px 15px !important;
    box-sizing: border-box !important;
    border-radius: 0;
    /* 移动端取消圆角更贴合屏幕 */
    box-shadow: none;
    /* 移动端取消阴影更清爽 */
  }
  .message-page .page-title h1 {
    font-size: 22px;
  }
  .message-page .page-title p {
    font-size: 13px;
    padding: 0 10px;
    /* 防止文字贴边 */
  }
  .message-form .form-item {
    display: block;
    margin-bottom: 18px;
  }
  .message-form .form-item label {
    width: 100%;
    text-align: left;
    padding-right: 0;
    line-height: 2;
    font-size: 14px;
    display: block;
  }
  .message-form .form-item .input-box {
    width: 100%;
  }
  .message-form .submit-btn {
    padding-left: 0;
    margin-top: 10px;
  }
  .message-form .submit-btn button {
    width: 100%;
    padding: 12px 0;
    font-size: 16px;
    box-sizing: border-box;
  }
  .form-tips {
    font-size: 12px;
    line-height: 1.6;
    padding: 0 10px;
  }
}
/* ===== 主营项目展示（静态版） ===== */
.main-projects {
  padding: 60px 0 70px;
  background: #fff;
}
.main-projects .pro-title {
  text-align: center;
  margin-bottom: 40px;
}
.main-projects .pro-title h2 {
  font-size: 36px;
  font-weight: bold;
  color: black;
  /* 玫红色 */
  letter-spacing: 2px;
  margin-bottom: 12px;
}
.main-projects .pro-title .sub-title {
  display: inline-block;
  background: black;
  color: #fff;
  font-size: 18px;
  padding: 6px 40px;
  border-radius: 30px;
  letter-spacing: 1px;
}
.main-projects .project-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.main-projects .project-list li {
  width: 32%;
  /* 一行3个 */
  margin-bottom: 40px;
  /* 鼠标悬浮效果 */
}
.main-projects .project-list li a {
  display: block;
  text-decoration: none;
  text-align: center;
}
.main-projects .project-list li .p-img {
  width: 100%;
  height: 240px;
  /* 图片高度，可根据实际图片比例调整 */
  overflow: hidden;
  margin-bottom: 15px;
}
.main-projects .project-list li .p-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* 保证图片铺满且不变形 */
  transition: transform 0.4s ease;
}
.main-projects .project-list li h3 {
  font-size: 20px;
  color: #333;
  font-weight: normal;
  transition: color 0.3s;
}
.main-projects .project-list li:hover .p-img img {
  transform: scale(1.05);
}
.main-projects .project-list li:hover h3 {
  color: #0066d9;
}
.car {
  margin: 20px 0;
}
.car ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.car ul li {
  margin: 10px 0;
}
.car ul li a {
  display: block;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  text-align: center;
}
.car ul li .img {
  overflow: hidden;
}
.car ul li .img img {
  width: 265px;
  height: 185px;
  transform: scale(1);
  transition: all 0.6s;
  position: relative;
  max-width: 265px;
  margin: 0px auto;
  max-height: 185px;
}
.car ul li img:hover {
  transform: scale(1.1);
}
.car ul li .info {
  line-height: 1.5;
  padding: 15px 20px;
}
.car ul li .info h3 {
  font-size: 18px;
  color: #000;
  line-height: 2;
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 10px;
  font-family: "Microsoft YaHei";
}
.car ul li .info .txt {
  display: flex;
  justify-content: center;
  overflow: hidden;
  line-height: 24px;
  padding: 5px;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #d5d5d5;
}
.car ul li .info .txt span {
  color: #6e6e6e;
  margin: 0 10px;
}
.car ul li .info p {
  font-size: 16px;
}
.car ul li .info p .jg {
  color: #dc0504;
  font-weight: bold;
}
.car ul li:hover h3 {
  color: #dc0504;
  font-weight: bold;
}
.car ul li:hover p {
  color: #333;
}
.about {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  height: 520px;
  background: #eee;
}
.about span a {
  font-size: 20px;
  display: inline-block;
  text-align: center;
  color: #e60212;
  font-weight: bold;
  float: right;
  margin-top: -25px;
}
.about .about_con {
  display: flex;
}
.about .about_con .left {
  width: 575px;
}
.about .about_con .right {
  margin-top: 70px;
  margin-right: 25px;
  width: 600px;
  height: 395px;
  overflow: hidden;
}
.about .about_con .right img {
  width: 100%;
  cursor: pointer;
  transition: all 0.6s;
}
.about .about_con .title {
  padding-top: 65px;
  padding-bottom: 0px;
}
.about .about_con .title h3 {
  color: #0066d9;
  font-size: 28px;
  font-weight: bold;
}
.about .about_con .title span {
  font-style: normal;
  text-transform: uppercase;
  display: block;
  font-size: 18px;
  color: #959595;
}
.about .about_con .title p {
  display: block;
  color: #000;
  font-size: 27px;
  line-height: 54px;
  font-weight: bold;
  margin-top: 15px;
}
.about .about_con .txt {
  font-size: 16px;
  line-height: 2.5;
  text-align: justify;
  overflow: hidden;
}
.about .about_con ul {
  padding-top: 40px;
}
.about .about_con ul li {
  float: left;
  margin-right: 1px;
}
.about .about_con ul li a {
  display: block;
  width: 160px;
  font-size: 16px;
  line-height: 55px;
  text-align: center;
  background: #fff;
}
.about .about_con ul li:hover a {
  color: #fff;
}
.about .about_con .right img:hover {
  transform: scale(1.1);
}
.about .about_con ul li.on a,
.about .about_con ul li:hover a {
  color: #fff;
  background: #0066d9;
}
.number {
  padding: 66px 0;
}
.number ul li {
  float: left;
  width: 25%;
  color: #0066d9;
  text-align: center;
}
.number ul li p {
  color: #282828;
  font-size: 16px;
  padding-top: 15px;
}
.number ul li h3 {
  display: inline-block;
  font-size: 36px;
  line-height: 30px;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black, " sans-serif";
}
.number ul li b {
  display: inline-block;
  font-size: 36px;
  line-height: 30px;
}
.news {
  margin-bottom: 10px;
}
.news .hd {
  font-size: 0;
  text-align: center;
  margin-bottom: 20px;
}
.news .hd li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
.news .hd li a {
  display: block;
  line-height: 40px;
  width: 160px;
  font-size: 14px;
  border: 1px solid #ebebeb;
}
.news .hd li.on a {
  background-color: #0066d9;
  border-color: #0066d9;
  color: #fff;
}
.news .bd ul {
  margin-left: -40px;
}
.news .bd li {
  float: left;
  width: 50%;
}
.news .bd li a {
  display: block;
  margin-left: 40px;
  border: 1px solid #eee;
  background-color: #fff;
  margin-top: 20px;
  overflow: hidden;
}
.news .bd li .img-center {
  overflow: hidden;
  height: 290px;
  line-height: 290px;
  text-align: center;
}
.news .bd li .img-center img {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  max-height: 290px;
}
.news .bd li a:hover .img-center img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.news .bd li .date {
  float: left;
  width: 110px;
  color: #666;
  padding: 26px 0;
  text-align: center;
  border-right: 1px solid #eee;
  line-height: 1;
}
.news .bd li .date strong {
  display: block;
  font-size: 50px;
  color: #333;
  font-family: Impact;
  margin-bottom: 6px;
}
.news .bd li .info {
  margin-left: 110px;
  padding: 20px;
}
.news .bd li .info h4 {
  width: 100%;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}
.news .bd li .info p {
  color: #888;
  margin: 10px 0 0;
  overflow: hidden;
  line-height: 1.8;
  height: 50px;
}
.news .bd li a:hover {
  border-color: #0066d9;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.news .bd li a:hover strong {
  color: #0066d9;
}
.link {
  background-color: #0066d9;
  color: #fff;
}
.link b {
  font-size: 20px;
  line-height: 50px;
}
.link ul {
  display: flex;
}
.link ul li a {
  display: inline-block;
  line-height: 50px;
  width: 105px;
  text-align: center;
  color: #fff;
}
footer {
  background: #232732;
  /* 深灰蓝色背景，沉稳大气 */
  padding: 25px 0 0;
  color: #fff;
  /* --- 上半部分：矩阵区 --- */
  /* 左侧导航区 */
  /* 右侧联系方式区 */
  /* --- 下半部分：版权栏 --- */
}
footer h2 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 20px;
}
footer .w {
  width: 1200px;
  margin: 0 auto;
}
footer .footer-main {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
}
footer .f-nav-group {
  display: flex;
  width: 72%;
  justify-content: space-between;
  /* 列与列之间均匀分布 */
}
footer .f-nav-group dl {
  margin-right: 10px;
  /* 防止靠得太近 */
  flex-shrink: 0;
  /* 防止文字挤压变形 */
}
footer .f-nav-group dl dt {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
footer .f-nav-group dl dt a {
  color: #fff;
  transition: color 0.3s;
  /* 鼠标悬浮变蓝 */
}
footer .f-nav-group dl dt a:hover {
  color: #0066d9;
}
footer .f-nav-group dl dd {
  margin-bottom: 12px;
}
footer .f-nav-group dl dd a {
  color: #9aa0ab;
  /* 浅灰色文字，弱化层级 */
  font-size: 14px;
  transition: all 0.3s;
  display: inline-block;
}
footer .f-nav-group dl dd a:hover {
  color: #fff;
  transform: translateX(3px);
  /* 鼠标悬浮时微微右移，增加动感 */
}
footer .f-contact {
  width: 25%;
}
footer .f-contact h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
footer .f-contact .c-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
footer .f-contact .c-item i {
  font-size: 22px;
  color: #fff;
  margin-right: 15px;
  margin-top: 1px;
  /* 微调图标与第一行对齐 */
}
footer .f-contact .c-item .c-text p {
  font-size: 14px;
  color: #9aa0ab;
  margin-bottom: 3px;
}
footer .f-contact .c-item .c-text span {
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
  display: block;
}
footer .f-contact .c-qrcode {
  margin-top: 25px;
}
footer .f-contact .c-qrcode img {
  width: 120px;
  height: auto;
  background: #fff;
  padding: 5px;
  border-radius: 4px;
}
footer .f-contact .c-qrcode p {
  font-size: 13px;
  color: #9aa0ab;
  margin-top: 10px;
  text-align: center;
  width: 120px;
}
footer .f-copy {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #9aa0ab;
}
footer .f-copy a {
  color: #9aa0ab;
  transition: color 0.3s;
}
footer .f-copy a:hover {
  color: #fff;
}
.online {
  position: fixed;
  bottom: 200px;
  right: 10px;
  width: 60px;
  z-index: 999;
  color: #999;
}
.online p {
  text-align: center;
}
.online img {
  width: 150px;
  vertical-align: middle;
}
.online .box {
  position: absolute;
  top: 0;
  width: 190px;
  height: 45px;
  border: none;
  margin-right: 10px;
  border-radius: 5px;
  background: #0066d9;
  transition: all 0.5s;
  opacity: 0;
  color: #fff;
  text-align: center;
}
.online .box p {
  font-size: 14px !important;
  margin: 0px auto 7px !important;
}
.online .box h4 {
  font-size: 18px !important;
  font-weight: bold !important;
}
.online dl dt {
  opacity: 0;
  transition: all 0.5s;
}
.online dl:hover dt {
  opacity: 1;
}
.online a {
  color: #666;
}
.online a:hover {
  text-decoration: none;
}
.online dl {
  background: #0066d9;
  padding: 10px 5px;
  margin-bottom: 1px;
  position: relative;
  border-radius: 10px;
}
.online dl dd {
  color: #fff;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
}
.online dl dd i {
  font-size: 25px;
}
.online dl:hover {
  background: #0066d9;
}
.online dl dt {
  position: absolute;
  top: 0px;
  right: 60px;
  background: #fff;
  border: 1px solid #ccc;
  z-index: 9999;
  display: none;
  padding: 10px 15px;
  font-weight: normal;
}
.online dl dt h3 {
  display: block;
  font-size: 16px;
  color: #666;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}
.online dl dt h3 i {
  margin-right: 5px;
}
.online dl dt h3 span {
  float: right;
  cursor: pointer;
}
.online dl dt input {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-top: 15px;
  height: 40px;
  line-height: 40px;
  padding: 3px 5px;
  width: 100%;
}
.online dl dt button {
  margin: 10px 0;
  border: none;
  border-radius: 5px;
  width: 100%;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  background: #0066d9;
  color: #fff;
  cursor: pointer;
}
#message {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  transform: scale(0);
  transition: 0.3s;
}
.messagebg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1001;
}
#message .m-content {
  margin-top: 10%;
}
#message .m-content .m-message {
  width: 530px;
  background: #fff;
  padding: 50px;
  margin: 0 auto;
  position: relative;
  z-index: 1002;
  box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3);
}
.m-message {
  margin: 48px auto 0;
}
.m-message h2 {
  text-align: center;
  margin: 20px 0;
  font-weight: bold;
}
.m-message label {
  margin-bottom: 15px;
  display: block;
  font-size: 14px;
}
.m-message label em {
  display: block;
  float: right;
  color: red;
  height: 32px;
  line-height: 32px;
}
.m-message label span {
  width: 70px;
  line-height: 42px;
  color: #2F2F2F;
  float: left;
  font-weight: bold;
  text-align: right;
  margin-right: 30px;
  display: inline-block;
}
.m-message label input.inp,
.m-message label textarea,
.m-message label.code input {
  width: 72%;
  overflow: hidden;
  line-height: 40px;
  border: #cccccc 1px solid;
  border-radius: 3px;
  padding: 0 14px;
  box-sizing: border-box;
  color: #555;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.m-message label input:focus,
.m-message label textarea:focus {
  border-color: #ce2e33;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 232, 230, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(223, 221, 219, 0.6);
}
.m-message label textarea {
  height: 72px;
  line-height: 24px;
  padding: 10px 14px;
}
.m-message label.code {
  line-height: 34px;
}
.m-message label.code input {
  width: 30%;
  float: left;
  margin-right: 30px;
}
.m-message label.code .pic {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 32px;
}
.m-message label.code img {
  display: block;
  width: 100%;
  height: 100%;
}
.m-message .btn-1 {
  text-align: center;
}
.m-message .btn-1 .focus {
  background: #ce2e33;
  color: #fff;
  line-height: 50px;
  width: 100px;
  border: none;
}
.p-left {
  width: 22%;
  float: left;
}
.p-left .pro_l_left {
  background: #fff;
  border: 1px solid #e9e9e9;
  border-top: 0px;
  overflow: hidden;
}
.p-left .pro_l_left ul {
  padding: 7px 20px;
  overflow: hidden;
}
.p-left .pro_l_left ul li {
  color: #333;
  font-size: 16px;
  line-height: 46px;
  border-bottom: 1px dashed #ccc;
}
.p-left .pro_l_left ul li a {
  position: relative;
  display: block;
  color: #6f6e6e;
  padding-left: 10px;
  padding-right: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.p-left .pro_l_left .p-type li a:after {
  content: ">";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  font-family: 宋体;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  background: #a4a4a4;
  border-radius: 50%;
  transition: all 0.5s;
}
.p-left .pro_l_left .p-type .on a::after {
  background: #0066d9;
}
.p-left .pro_l_left .on a {
  color: #0066d9;
}
.p-left .pro_l_left li:hover a {
  color: #0066d9;
}
.p-left .pro_l_left li a:hover:after {
  background: #0066d9;
}
.p-left .pro_l_left h4 {
  text-align: center;
  background: #0066d9;
  color: #fff;
  line-height: 70px;
  font-weight: bold;
  font-size: 22px;
}
.p-left .pro_l_left .n-left ul a {
  font-size: 14px;
  padding: 0;
  padding-left: 12px;
  padding-right: 0px !important;
}
.p-left .pro_l_left .n-left ul li {
  position: relative;
}
.p-left .pro_l_left .n-left ul li a::before {
  content: "";
  position: absolute;
  margin-top: 20px;
  width: 4px;
  height: 4px;
  background-color: #ddd;
  left: 0;
  top: 0;
}
.p-left .pro_tit {
  color: #fff;
  line-height: 36px;
  text-align: center;
  padding: 30px 0;
  background: #0066d9;
  box-sizing: border-box;
}
.p-left .pro_tit h3 {
  font-size: 24px;
  font-weight: bold;
}
.p-left .pro_tit h3 i {
  display: none;
}
.p-left .pro_tit span {
  font-size: 16px;
  display: block;
}
.p-left .con ul {
  padding: 7px 0;
  overflow: hidden;
}
.p-left .con ul li {
  font-size: 12px;
}
.p-left .con ul li s {
  margin: 0 8px;
}
.p-left .l-t img {
  width: 262px;
}
.p-left .l-t .tel {
  line-height: 40px;
  background: #0066d9;
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
}
.p-left .l-t .tel s {
  color: #fff;
  margin: 3px 5px 0 0;
  font-size: 40px;
  margin-top: 17px;
}
.p-left .l-t .tel span {
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
}
.p-left .l-t .tel strong {
  color: #fff;
  font-size: 26px;
  line-height: 25px;
  display: block;
  font-family: arial;
  font-weight: bold;
}
.p-right {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.p-right li:hover {
  box-shadow: 0px 7px 17px #dedede;
}
.p-right li {
  border: 1px solid #e9e9e9;
  transition: 0.5s;
  margin-bottom: 10px;
  margin-top: 10px;
}
.p-right li h3 {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  line-height: 55px;
  color: black;
  padding: 0 10px;
  background: #fff;
}
.p-right .img {
  position: relative;
  width: 270px;
  height: auto;
  overflow: hidden;
}
.p-right .img img {
  width: 265px;
  height: auto;
}
.p-right .view {
  border: 1px solid #eee;
  padding: 25px;
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.p-right .view .left {
  width: calc(50% - 15px);
  cursor: pointer;
}
.p-right .view .left h1 {
  text-align: center;
  font-size: 22px;
  line-height: 2;
  font-weight: bold;
}
.p-right .view .left img {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 2px;
  border: 1px solid #eee;
}
.p-right .view .right {
  width: calc(50% - 25px);
  margin-top: 3%;
}
.p-right .view .right h1 {
  font-size: 26px;
  margin: 10px 0px;
  border-bottom: 1px solid #eee;
  line-height: 2;
}
.p-right .view .right .info {
  font-size: 18px;
  border-bottom: 1px solid #eee;
  line-height: 3;
  padding: 5px 0;
  overflow: hidden;
}
.p-right .view .right .info b {
  font-size: 26px;
  color: #e60212;
}
.p-right .view .right .info dl {
  display: flex;
  text-align: center;
  justify-content: space-around;
  border: 1px solid gray;
  border-right: none;
  font-size: 16px;
}
.p-right .view .right .info dl dd {
  flex-grow: 1;
  border-right: 1px solid gray;
}
.p-right .view .right .info dl dd em {
  display: block;
  font-style: normal;
  border-top: 1px solid gray;
}
.p-right .view .right .text {
  display: flex;
  padding: 15px 0;
}
.p-right .view .right .text i {
  font-size: 48px;
  color: #e60212;
  margin: 0px 15px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.p-right .view .right .text h4 {
  font-size: 14px;
}
.p-right .view .right .text p {
  font-size: 28px;
  font-weight: bold;
  color: #e60212;
}
.p-right .view .right .t-info {
  display: flex;
  justify-content: space-between;
}
.p-right .view .right .t-info .form {
  display: block;
  line-height: 90px;
}
.p-right .view .right .t-info .form a {
  display: inline-block;
  background: #e60212;
  color: #fff;
  width: 80px;
  text-align: center;
  line-height: 35px;
}
.p-right .cont {
  width: 100%;
  margin: 10px 0 0px 20px;
  border-bottom: 1px dashed #eee;
}
.p-right .cont h3 {
  font-size: 24px;
  background: #f2f2f2;
  padding: 10px 0;
  font-weight: bold;
}
.p-right .cont h3 i {
  font-size: 26px;
  color: #333;
  margin: 0 10px;
}
.p-right .cont .content {
  padding: 3px;
  line-height: 2;
  margin-top: 20px;
  font-size: 16px;
}
.p-right .h-tj {
  margin: 10px 20px;
  width: 100%;
}
.p-right .h-tj h3 {
  font-size: 18px;
  padding: 10px 0;
  border-bottom: 1px solid #333;
}
.p-right .h-tj li {
  float: left;
  margin: 5px 7px;
}
.p-right .h-tj li img {
  width: 274px;
  height: auto;
  overflow: hidden;
}
.p-right .h-tj li h4 {
  font-size: 14px;
  line-height: 2;
  text-align: center;
}
.p-t {
  display: flex;
  justify-content: center;
}
.p-t .on a {
  background: #0066d9;
  color: #fff;
}
.p-t dd a:hover {
  color: #fff;
  background: #0066d9;
}
.p-t dd a {
  display: block;
  font-size: 20px;
  margin: 10px;
  border-radius: 5px;
  width: 100px;
  line-height: 2;
  text-align: center;
  padding: 5px;
}
table {
  text-indent: 4px;
  border: 1px solid #ededed;
}
.content table td {
  white-space: nowrap;
}
.art_right {
  width: 75%;
  float: right;
  margin: 5px 10px;
}
.art_right s {
  margin-left: 20px;
  margin-top: -30px;
}
.art_right img {
  max-width: 600px;
  height: auto;
  display: block;
  clear: both;
  margin: auto;
}
.art_right ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.art_right ul li {
  line-height: 30px;
  font-weight: bold;
  width: 100%;
  margin-bottom: 15px;
  border-bottom: 1px dotted #333;
}
.art_right ul li s {
  float: right;
  color: #999;
  font-weight: normal;
}
.art_right ul li p {
  font-weight: normal;
  line-height: 30px;
  color: #666;
  height: 60px;
  margin-bottom: 10px;
  overflow: hidden;
}
.art_right ul li h4 {
  color: black;
  font-weight: bold;
}
.art_right ul li a:hover h4,
.art_right ul li a:hover s {
  color: #0066d9;
}
.art_right .title {
  text-align: center;
  line-height: 50px;
}
.art_right .title h1 {
  font-size: 24px;
  font-weight: bold;
}
.art_right .art-cont {
  line-height: 3 !important;
}
.p-d {
  margin: 10px 20px;
  text-align: left;
  width: 100%;
}
.p-d li {
  border: none !important;
  font-weight: normal !important;
}
.p-d li:hover {
  box-shadow: none;
}
.pro .pagebar,
.art_right .pagebar {
  margin: 10px 0 25px 0;
  text-align: center;
}
.pro .pagebar a,
.art_right .pagebar a {
  width: 55px;
  display: inline-block;
  border: 1px solid #eee;
  text-align: center;
  line-height: 32px;
  margin: 5px 0;
}
.pro .pagebar a:hover,
.art_right .pagebar a:hover {
  background: #0066d9;
  color: #fff;
  border: none;
}
.pro .pagebar .page-num,
.art_right .pagebar .page-num {
  width: 30px;
  margin: 0 5px;
}
.pro .pagebar .page-num-current,
.art_right .pagebar .page-num-current {
  background: #0066d9;
  color: #fff;
  border: none;
}
.contact {
  display: flex;
  margin-bottom: 10px;
}
.contact .con-left {
  background: #0066d9;
  width: 40%;
  color: #fff;
  padding: 28px;
  font-size: 16px;
  line-height: 32px;
}
.contact .con-left h3 {
  margin-bottom: 10px;
}
.contact .con-left a {
  color: #fff;
}
.contact .con-left img {
  width: 150px;
  margin-top: 30px;
}
.contact .con-left i {
  font-size: 28px;
  margin-right: 10px;
}
.contact .con-left .c-wx {
  display: block;
  width: 150px;
}
.contact .con-left .c-wx span {
  display: block;
  text-align: center;
}
/* --- 首页产品中心双栏布局修复 --- */
.car.pro .p-right {
  width: 78%;
  float: right;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.p-d li {
  width: 100%!important;
}
.car.pro .p-right li {
  width: 31.5%;
  /* 让产品一行排3个 */
  margin-bottom: 20px;
  box-sizing: border-box;
}
.car.pro .p-right li .img {
  width: 100%;
  height: 210px;
  overflow: hidden;
  background-color: #fff;
  /* 加上背景色，留白处更美观 */
}
.car.pro .p-right li .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.5s;
}
.car.pro .p-right li:hover .img img {
  transform: scale(1.05);
}
/* --- 首页产品中心专属修复（完美单列） --- */
.index-pro-center .p-left {
  width: 22%;
  float: left;
}
.index-pro-center .p-left .pro_l_left .p-type {
  padding: 20px 20px;
}
.index-pro-center .p-left .pro_l_left .p-type li {
  width: 100% !important;
  display: block;
  border-bottom: 1px dashed #ccc;
  line-height: 66px;
  margin: 0;
  background: transparent !important;
  border-radius: 0 !important;
}
.index-pro-center .p-left .pro_l_left .p-type li a {
  padding-left: 10px;
  font-size: 18px;
  color: #6f6e6e;
  display: block;
  position: relative;
  box-shadow: none;
  text-align: left;
}
.index-pro-center .p-left .pro_l_left .p-type li a::after {
  content: ">";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  font-family: 宋体;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  background: #a4a4a4;
  border-radius: 50%;
}
.index-pro-center .p-left .pro_l_left .p-type li:hover a {
  color: #0066d9;
}
.index-pro-center .p-left .pro_l_left .p-type li:hover a::after {
  background: #0066d9;
}
.index-pro-center .p-right {
  width: 76% !important;
  float: right;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index-pro-center .p-right li {
  width: 31.5% !important;
  margin: 0 0 20px 0 !important;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  transition: all 0.3s;
}
.index-pro-center .p-right li:hover {
  box-shadow: 0px 7px 17px #dedede;
}
.index-pro-center .p-right li .img {
  width: 100% !important;
  height: auto !important;
  overflow: hidden;
}
.index-pro-center .p-right li .img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  transition: all 0.5s;
  max-width: 100%!important;
  max-height: 100%!important;
}
.index-pro-center .p-right li .info {
  padding: 0;
}
.index-pro-center .p-right li .info h3 {
  line-height: 55px;
  margin: 0;
  border: none;
  text-align: center;
  color: #333;
  font-size: 16px;
}
.index-pro-center .p-right li:hover .img img {
  transform: scale(1.05);
}
/* 手机端适配 */
@media screen and (max-width: 768px) {
  .index-pro-center .p-right {
    width: 100% !important;
    float: none;
  }
  .index-pro-center .p-right li {
    width: 48% !important;
    margin-bottom: 10px !important;
  }
  .index-pro-center .p-right li .img {
    height: auto !important;
  }
}
@media screen and (max-width: 768px) {
  body {
    margin: 0;
    padding: 0;
    color: inherit;
    line-height: inherit;
    font-family: "microsoft yahei";
  }
  .w {
    width: 100%!important;
  }
  .l {
    padding: 0 10px;
    justify-content: space-between !important;
  }
  header .top-n .info,
  header .top-n form,
  header .top-n .tel,
  header nav,
  .online,
  .about .about_con .right,
  .news .ntj,
  .link,
  .p-left .n-left,
  .p-left .con,
  .p-left .l-t,
  .map,
  .footer-main {
    display: none!important;
  }
  .hdTxt {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 3%;
    top: 7%;
    display: block;
  }
  .car.pro .p-right {
    width: 100%;
    float: none;
  }
  .car.pro .p-right li {
    width: 48%;
    /* 手机端一行2个 */
    margin-bottom: 10px;
  }
  .car.pro .p-right li .img img {
    height: 125px;
    /* 手机端图高适配 */
  }
  /* 主营项目移动端适配 */
  .main-projects {
    padding: 30px 15px;
  }
  .main-projects .pro-title {
    margin-bottom: 20px;
  }
  .main-projects .pro-title h2 {
    font-size: 26px;
  }
  .main-projects .pro-title .sub-title {
    font-size: 14px;
    padding: 5px 20px;
  }
  .main-projects .project-list li {
    width: 48%;
    /* 手机端一行2个 */
    margin-bottom: 20px;
  }
  .main-projects .project-list li .p-img {
    height: 120px;
    margin-bottom: 10px;
  }
  .main-projects .project-list li h3 {
    font-size: 15px;
  }
  footer {
    /* 不再使用 padding-bottom 撑开巨大空白，改用 margin-bottom 或正常内边距 */
    padding: 30px 15px 90px !important;
    /* 90px 是为了避开您底部的悬浮菜单 */
    background: #232732;
    min-height: auto !important;
    /* 防止被强行撑高 */
    /* 版权区完美居中显示 */
  }
  footer .f-copy {
    display: flex;
    flex-direction: column;
    /* 竖向排列 */
    align-items: center;
    /* 居中 */
    justify-content: center;
    text-align: center;
    border-top: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 2;
    color: #9aa0ab;
    /* 如果后台有内容，隐藏默认保底文字（使用 :not(:empty) 伪类） */
  }
  footer .f-copy .copy-left,
  footer .f-copy .copy-center,
  footer .f-copy .copy-right {
    margin-bottom: 8px;
    color: #9aa0ab;
    display: block;
    width: 100%;
    /* 保护链接颜色 */
  }
  footer .f-copy .copy-left a,
  footer .f-copy .copy-center a,
  footer .f-copy .copy-right a {
    color: #9aa0ab;
    text-decoration: none;
  }
  footer .f-copy .copy-left:not(:empty) .default-txt,
  footer .f-copy .copy-center:not(:empty) .default-txt {
    display: none;
  }
  .nav1 h2 {
    font-size: 38px;
  }
  .nav_sub {
    width: 129px;
    position: absolute;
    top: 37px;
    right: -5px;
    z-index: 1000;
    background: rgba(30, 107, 232, 0.8);
  }
  .nav_sub ul li {
    border-bottom: 1px dashed #e5e5e5;
  }
  .nav_sub ul li:last-child {
    border-bottom: none;
  }
  .nav_sub ul li a {
    display: block;
    line-height: 45px;
    color: #fff;
    text-align: center;
    font-size: 16px;
  }
  .i-title {
    line-height: 30px;
  }
  .i-title h2 {
    font-size: 22px !important;
  }
  .i-title p {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .service ul li {
    width: 48%;
    line-height: 2;
    padding: 0;
  }
  .service ul li .i {
    width: 60px;
    height: 60px;
    margin: 10px 33%;
  }
  .service ul li .i i {
    line-height: 60px;
    font-size: 40px;
  }
  .service ul li .txt h3 {
    font-size: 16px;
  }
  .car ul li {
    width: 48%;
  }
  .car ul li .info h3 {
    font-size: 14px;
  }
  .car ul li .img img {
    width: 100%;
    height: 125px;
  }
  .car ul li .info {
    padding: 0;
  }
  .car ul li .info .txt {
    font-size: 12px;
    line-height: 20px;
  }
  .about {
    height: 405px;
    background: #eee;
  }
  .about .about_con {
    width: 100%;
    display: block;
  }
  .about .about_con .left {
    width: 100%;
  }
  .about .about_con .title {
    padding: 10px 20px;
  }
  .about .about_con .title p {
    font-size: 20px;
    margin: 5px;
    line-height: 2;
  }
  .about .about_con .title h3 {
    font-size: 24px;
  }
  .about .about_con .title span {
    font-size: 16px;
  }
  .about .about_con .txt {
    font-size: 14px;
    padding: 2%;
    line-height: 2;
  }
  .about .about_con span a {
    margin-top: 2px;
    float: left;
    margin-left: 10px;
    font-size: 20px;
  }
  .number {
    padding: 30px 0;
  }
  .number ul li h3 {
    font-size: 22px;
  }
  .number ul li b {
    font-size: 22px;
  }
  .number ul li p {
    font-size: 12px;
  }
  .news .bd li {
    width: 100%;
    float: none;
  }
  .pro .p-right {
    width: 100%;
  }
  .pro .p-right li {
    width: 48%;
  }
  .pro .p-right .p-bc {
    font-size: 12px;
  }
  .pro .p-right .img {
    height: auto;
    width: 100%;
  }
  .pro .p-right .img img {
    width: 100%;
    height: 125px;
    overflow: hidden;
    transition: all 0.5s;
  }
  .p-right .view .left img {
    width: 100%;
  }
  .p-right .view .left {
    width: 60%;
    height: auto;
  }
  .p-right .view .right {
    width: 38%;
    margin: 0;
  }
  .p-right .view .right h1 {
    font-size: 16px;
    line-height: 1.5;
  }
  .p-right .view .right .info {
    font-size: 12px;
    padding: 0;
    line-height: 1.5;
  }
  .p-right .view .right .info b {
    font-size: 16px;
  }
  .p-right .view .right .info dl {
    font-size: 12px;
  }
  .p-right .view .right .text {
    display: none;
    padding: 5px 0;
  }
  .p-right .view .right .t-info .form {
    margin: 0 25px;
    line-height: 50px;
  }
  .p-right .cont {
    padding: 3px;
    margin: 0;
  }
  .p-right .h-tj {
    display: none;
  }
  .p-right .view {
    margin: 0;
    padding: 0;
  }
  .p-right .cont .content table {
    width: 100%;
  }
  .p-d {
    margin: 10px 20px 10px 20px;
    width: 90%;
  }
  .art_right {
    width: 100%;
    margin: 0;
  }
  .art_right ul {
    padding: 1%;
  }
  .art_right ul li s {
    margin-top: -28px;
  }
  .art_right ul li p {
    width: 98%;
  }
  .art_right h4 {
    width: 75%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .art-cont {
    padding: 1%;
    line-height: 2;
    font-size: 12px;
  }
  .art-cont img {
    width: 98%;
  }
  .art_right .title h1 {
    font-size: 14px;
  }
  .art_right .title p {
    font-size: 12px;
  }
  .pro .p-left {
    width: 100%;
  }
  .pro .p-left .pro_tit {
    padding: 10px 0;
  }
  .pro .p-left .pro_tit h3 {
    font-size: 20px;
  }
  .pro .p-left .pro_tit h3 i {
    font-size: 22px;
    margin: 0 20px;
    display: inline-block;
  }
  .p-t dd a {
    font-size: 14px;
    width: 95%;
    margin: 5px;
  }
  .contact {
    display: block;
    margin-top: 5px;
  }
  .contact .con-left {
    width: 94%;
    font-size: 14px;
    padding: 3%;
  }
  .contact .con-left img {
    margin-top: 20px;
  }
  .art-cont table {
    width: 100%!important;
  }
  .content table td {
    white-space: normal!important;
  }
  .f_menu {
    width: 100%;
    margin: 0px auto;
    display: inline-block !important;
    background: #0066d9;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    min-width: 320px;
    max-width: 640px;
    position: fixed;
    bottom: 0px;
    overflow: hidden;
    padding-bottom: 1em;
    z-index: 99999;
  }
  .f_menu ul {
    padding-top: 12px;
    width: 100% !important;
    margin: 0 auto;
    text-align: center;
    display: flex;
  }
  .f_menu ul li {
    width: calc(100% / 3);
  }
  .f_menu a {
    color: #fff;
    display: inline-block;
    line-height: 30px;
  }
  .f_menu span {
    color: #fff;
    display: inline-block;
    line-height: 30px;
    font-size: 14px;
  }
  .f_menu ul li i {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #fff;
  }
  .wx {
    display: block;
    z-index: 2247483630;
    line-height: 30px;
  }
  .jconfirm-holder {
    width: 80%;
    margin: 0 auto;
  }
  .jconfirm-box {
    text-align: center;
  }
  .jconfirm-box img {
    width: 2.49094203rem;
    height: 2.49094203rem;
  }
  .jconfirm-box .wxtitle {
    color: #000;
    font-size: 1.13224638rem;
    line-height: 1.13224638rem;
    font-weight: bold;
    margin: 0.56612319rem 0;
    font-family: STheiti SC, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin-top: 0;
  }
  .jconfirm-box .wechat-number,
  .jconfirm-box .desc {
    color: #666;
    line-height: 1.13224638rem;
    margin: 0.56612319rem 0;
  }
  .jconfirm-box .desc {
    margin-bottom: 0;
  }
  .jconfirm-box .jconfirm-content {
    overflow: hidden !important;
  }
  .jconfirm-box .jconfirm-buttons {
    float: none !important;
  }
  .jconfirm-box .jconfirm-buttons .btn {
    background-color: #1aad17 !important;
    border-radius: 0.50951087rem !important;
    width: 8.15217391rem;
    height: 2.54755435rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer !important;
    color: #fff !important;
  }
  #message .m-content .m-message {
    width: 100%;
    padding: 20px;
  }
  .m-message label input.inp,
  .m-message label textarea,
  .m-message label.code input {
    width: 90%;
  }
  #message .m-content {
    margin-top: 50%;
  }
  .index-pro-center .p-left .pro_l_left .p-type {
    padding: 10px!important;
  }
  .index-pro-center .p-left .pro_l_left .p-type li {
    line-height: 45px!important;
  }
  .index-pro-center .p-left .pro_l_left .p-type li a {
    font-size: 16px;
  }
}