* {
  margin: 0;
  padding: 0
}

p {
  font-size: 15px;
  line-height: 25px;
  color: #828282
}

h1 {
  font-size: 24px;
  line-height: 34px;
  color: #333
}

h5 {
  font-size: 14px;
  line-height: 24px;
  color: #828282
}

h3 {
  font-size: 16px;
  line-height: 26px;
  color: #777
}

a {
  text-decoration: none;
  color: #828282;
  font-size: 15px;
}

li {
  list-style: none
}

span {
  font-size: 15px;
  color: #828282
}

body {
  font-family: "Arial", "微软雅黑", sans-serif;
}


/* PC 端样式 */
.zce {
    width:100%;
  max-width: 300px;
  float: left;
  /* 居左显示 */
}

.yce {
    width:100%;
  max-width: 880px;
  float: right;
  /* 居右显示 */
}


/* PC 端样式 */
.zce2 {
    width:100%;
  max-width: 250px;
  min-width: 250px;
  float: left;
  /* 居左显示 */
}

.yce2 {
    width:100%;
  max-width: 940px;
  float: right;
  /* 居右显示 */
}
.clearfix::before,
.clearfix::after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix:after {
  clear: both;
}

.clerfix {
  zoom: 1;
}

@font-face {
  font-family: 'icomoon';
  src: url('../font/icomoon.eot?2ufjug');
  src: url('../font/icomoon.eot?2ufjug#iefix') format('embedded-opentype'),
    url('../font/icomoon.ttf?2ufjug') format('truetype'),
    url('../font/icomoon.woff?2ufjug') format('woff'),
    url('../font/icomoon.svg?2ufjug#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  vertical-align: middle;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-phone-outline:before {
  content: "\e900";
}

.icon-clock3:before {
  content: "\e072";
}

.icon-cog2:before {
  content: "\e07b";
}

.icon-head:before {
  content: "\e0ae";
}

.icon-tag:before {
  content: "\e0b9";
}

.icon--3:before {
  content: "\e901";
}

.icon-1:before {
  content: "\e902";
}

.icon--4:before {
  content: "\e903";
}

.icon-uniE903:before {
  content: "\e904";
}

.icon--2:before {
  content: "\e905";
}

.icon-emailmailmarkunreadlocal_post_office:before {
  content: "\e906";
}

.icon-location_onplaceroom:before {
  content: "\e907";
}

.icon-contact_mail:before {
  content: "\e908";
}

.icon-mail_outline:before {
  content: "\e909";
}

.icon-alternate_email:before {
  content: "\e90a";
}

.icon-add_circle_outlinecontrol_point:before {
  content: "\e90b";
}

.icon-clearclose:before {
  content: "\e90c";
}

.icon-tablet_mac:before {
  content: "\e90d";
}

.icon-pin_drop:before {
  content: "\e90e";
}

.icon-location4:before {
  content: "\e913";
}

.icon-inbox:before {
  content: "\e982";
}

.icon-mail:before {
  content: "\e992";
}

.icon-map-pin:before {
  content: "\e993";
}

.icon-smartphone:before {
  content: "\e9dd";
}

.contain {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

/*top*/
.top {
  width: 100%;
  margin: 0 auto;
}

.top>p span {
  float: left
}

.top>p a {
  float: right;
  margin-left: 10px;
}
.top>p a img{ max-width:20px;}
.top>p a i {
  font-size: 20px;
  color: #6dc3ea;
  vertical-align: middle;
}

.top>p {
  padding: 5px 0;
  max-width: 1200px;
  margin: 0 auto;
}

.top>hr {
  height: 1px;
  border: none;
  width: 100%;
  background: #dedede6e;
}






.guid {
  max-width: 1200px;
  margin: 0 auto;
}

.guid>img {
  float: left;
  max-width: 260px;
  margin-top: 10px;
}

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

.navbar-default {
  background: none;
  border: none;
  margin: 0 auto;
  min-height: inherit;
  width: 100%;
}

ul.nav.navbar-nav {
  max-width: 1200px;
  margin: 0 auto
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover {
  color: #fff;
  background: #efbb00;
}

.navbar-nav>li {
  float: none;
  display: inline-block;
}

.navbar-default .navbar-nav>li>a {
  color: #666;
  font-size: 17px;
  padding: 34px 12px;
  position: relative;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
  transition: 0.5s all;
  text-decoration: none;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav li a.active {
  color: #fff;
  background: #6dc3ea;
  border-radius: 2px;
}


/* 修改导航下拉菜单相关样式 */
.navbar-collapse {
  padding: 0;
  width: 70%;
  float: right;
}

/* 下拉菜单基础样式 */
.navbar-nav li {
  position: relative; /* 为下拉菜单提供定位上下文 */
}

.navbar-nav .dropdown {
  display: none; /* 默认隐藏下拉菜单 */
  position: absolute;
  top: 100%; /* 定位在父元素底部 */
  left: 0;
  min-width: 200px; /* 下拉菜单最小宽度 */
  background: #fff; /* 下拉菜单背景 */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* 阴影效果 */
  z-index: 1000; /* 确保在其他元素上方 */
  padding: 5px 0;
  margin: 0;
}

/* 鼠标悬停显示下拉菜单 */
.navbar-nav li:hover .dropdown {
  display: block;
}

/* 下拉菜单项样式 */
.navbar-nav .dropdown li {
  display: block; /* 下拉项垂直排列 */
  width: 100%;
}

.navbar-nav .dropdown li a {
  display: block;
  padding: 10px 15px; /* 调整内边距 */
  color: #666; /* 文字颜色 */
  font-size: 15px; /* 文字大小 */
  background: none; /* 清除背景 */
  border-radius: 0; /* 清除圆角 */
  text-align: left; /* 文字左对齐 */
  text-transform: none; /* 取消大写转换 */
}

/* 下拉菜单项悬停样式 */
.navbar-nav .dropdown li a:hover {
  background: #6dc3ea; /* 悬停背景色 */
  color: #fff; /* 悬停文字色 */
}

/* 响应式调整 */
@media(max-width: 767px) {
  .navbar-collapse {
    width: 100%
  }
  
  /* 移动端下拉菜单样式 */
  .navbar-nav .dropdown {
    position: static; /* 取消绝对定位 */
    box-shadow: none; /* 取消阴影 */
    background: rgba(255,255,255,0.9); /* 半透明白色背景 */
  }
}






















/*banner*/
.swiper-pagination-bullet {
  width: 35px;
  height: 4px;
  border-radius: 0;
}

.swiper-pagination-bullet-active {
  background: #164a93
}

.banner {
  width: 100%
}

.banner img {
  width: 100%
}

/*TITLE*/
.title {
  width: 100%;
  text-align: center;
  margin: 30px 0;
}

.title h1 {
  font-weight: 500;
  color: #666
}

.title h5 {
  font-weight: 500;
}

.title hr {
  width: 70px;
  height: 3px;
  border: none;
  background: #164a93;
  margin: 0 auto;
}

/*定制服务*/
.customized {
  max-width: 1200px;
  margin: 0 auto
}

.customized li {
  width: 17%;
  margin: 0 1.5%;
  float: left;
  padding: 2% 0;
  transition: all 0.5s ease;
  text-align: center;
}

.customized li a {
  display: block;
}

.customized li a i {
  display: block;
  font-size: 5em;
  color: #999;
  font-weight: 300;
  text-align: center;
  transition: all 0.4s
}

.customized li a p {
  text-align: center;
  margin-top: 20px;
}

.customized li.moren {
  background: #6dc3ea85
}

.customized li.moren a i {
  color: #fff;
  transition: all 0.5s ease;
}

.customized li.moren a p {
  color: #fff;
  transition: all 0.5s ease;
}

.customized li:hover {
  background: #6dc3ea;
}

.customized li:hover a i {
  color: #fff;
}

.customized li:hover a p {
  color: #fff;
}

/*产品中心*/
.product {
  max-width: 1200px;
  margin: 0 auto;
}

p.sort {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 10px;
}

p.sort>a {
  display: inline-block;
  margin: 5px 20px 5px 0px;
  font-size: 16px;
  transition: all 0.5s ease;
}

p.sort>a.first {
  color: #6dc3ea;
}

p.sort>a:hover {
  color: #6dc3ea;
}

.product li {
  width: 23.5%;
  margin-right: 2%;
  float: left;
  margin-bottom: 20px;
}

.product li:nth-child(4n) {
  margin-right: 0%;
}

.product li a {
  display: block;
}

.product li a .float {
  position: relative;
}

.product li a .float img {
  width: 100%;
  display: block;
}

.product li a .float>div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(109, 195, 234, 0.8);
  opacity: 0;
  padding: 5%;
  overflow: hidden;
  transition: all 0.5s ease;
}

.product li a .float div p {
  position: absolute;
  top: 5%;
  right: 5%;
  bottom: 5%;
  left: 5%;
  border: 1px solid #fff;
  padding: 5%;
  overflow: hidden;
}

.product li a .float div p span {
  color: #fff;
}

.product li a .float div p strong {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  display: none;
  text-align: center
}

.product li a h3 {
  text-align: center;
  font-weight: normal;
  line-height: 22px;
  margin: 10px 0;
  min-height: 66px;
  font-size: 15px;
}

.product li:hover a div {
  opacity: 1;
}

.more {
  transition: all 0.5s ease;
  display: inline-block;
  margin: 15px auto;
  margin-left: 50%;
  transform: translateX(-50%);
  padding: 5px 10px;
  border: 1px solid #6dc3ea;
  color: #6dc3ea
}

.more1 {
  margin-left: 0%;
  transform: translateX(0);
}

.more:hover {
  background: #6dc3ea;
  color: #fff;
}

/*about*/
.about {
  width: 100%;
  padding: 0px 0 15px;
  background: url(../images/bg.jpg)no-repeat center;
  background-size: cover;
  margin-top: 30px;
}

.about-text {
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px 0;
}

.about-text img {
  width: 40%;
  float: left;
}

.about-text .about-right {
  width: 55%;
  float: right;
}

.about-text .about-right h3 {
  margin: 15px 0;
}

/*服务中心*/
.service {
  max-width: 1200px;
  margin: 0 auto;
}

.service li {
  width: 20.5%;
  margin-right: 2%;
  float: left;
  position: relative;
  padding: 1.5%;
  transition: all 0.4s ease;
}

.service li:hover {
  padding-top: 0
}

.service li:nth-child(4) {
  margin-right: 0%;
}

.service li img {
  width: 100%;
}

.service li .service-text {
  position: absolute;
  top: 33%;
  text-align: center;
  bottom: 0;
  overflow: hidden;
  width: 76%;
  padding: 0 5%;
  margin-bottom: 30px;
}

.service li .service-text p {
  max-height: 100px;
  overflow: hidden;
  width: 100%;
  text-align: left;
}

.service li .service-text p a {
  display: block;
}

.service1 {
  margin-top: 50px;
}

/*news*/
.friend {
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  max-width: 1200px;
}

.mr_frbox {
  height: auto;
  padding: 24px 0px 0px;
  position: relative;
}

.mr_frBtnL {
  cursor: pointer;
  display: inline;
  position: absolute;
  top: 40%;
  left: 10px;
  width: 25px;
  z-index: 30000;
}

.mr_frUl {
  height: auto;
  width: 100%;
}

.mr_frBtnR {
  display: inline;
  position: absolute;
  top: 40%;
  right: 10px;
  width: 25px;
  z-index: 30000;
}

.news li {
  width: 23.5%;
  margin-right: 24px;
  float: left;
  margin-bottom: 30px;
}

.news li a {
  display: block;
  width: 100%;
  position: relative;
  text-align: left;
}

.news li a img {
  width: 100%;
}

.news li a .img {
  width: 100%;
  overflow: hidden;
}

.news li a .img img {
  width: 100%;
  transition: all 0.5s;
}

.news li:hover a .img img {
  transform: scale(1.2);
}

.news li a>h3 {
  height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 6px auto;
  transition: all 0.4s;
}

.news li:hover a>h3 {
  color: #6dc3ea
}

.news li a p {
  height: 72px;
  overflow: hidden;
}

.news li a .time {
  z-index: 3000;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  background: #6dc3ea;
  text-align: center;
}

.news li a .time h2 {
  font-size: 30px;
  color: #fff;
}

.news li a .time h3 {
  color: #fff;
}

/*footer*/
.footer {
  background: #6dc3ea;
  width: 100%;
  padding: 15px 0;
  margin-top: 30px;
}

.footer .footer-con {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.footer .footer-con li {
  width: 30%;
  float: left;
}

.footer .footer-con li.footer-con-1 {
  width: 21%;
  float: left;
}

.footer .footer-con li img {
  max-width: 150px;
  margin: 0 auto;
  display: block;
}

.footer .footer-con li:nth-child(2) {
  margin: 0 4%;
}

.footer .footer-con li.footer-con-3 {
  width: 20%;
}

.footer .footer-con li.footer-con-4 {
  width: 18%;
  float: right;
  margin-top: 15px;
}

.footer .footer-con li.footer-con-4 img {
  width: 100%;
}

.footer .footer-con li.footer-con-4 p {
  color: #fff;
  text-align: center;
}

.footer .footer-con li h3 {
  color: #fff;
  text-align: left;
  font-size: 16px;
  margin: 10px 0
}

.footer .footer-con li a {
  display: block;
  color: #fff;
  text-align: left;
  font-size: 14px;
  line-height: 24px
}

form p {

  margin-bottom: 10px;
  width: 100%;
}

form p input {
  background-color: #ffffff !important;
  width: 83%;
  border: #4fb8e9 1px solid;
  border-radius: 5px;
  height: 34px;
  padding: 1% 4%;
  color: #666;
  line-height: 24px;
  font-size: 14px;
}

form p input.name {
  background: url(../images/lxr.png)no-repeat 95% center;
  background-size: 24px 24px;
}

form p input.tel {
  background: url(../images/sj.png)no-repeat 95% center;
  background-size: 24px 24px;
}

form p input.email {
  background: url(../images/yx.png)no-repeat 95% center;
  background-size: 24px 24px;
}

form .sumit {
  width: auto;
  line-height: 34px;
  background: #0b91ce;
  padding: 3px 35px;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  color: #fff;
}

@media(max-width: 1200px) {

  .contain,
  .friend,
  .guid,
  ul.nav.navbar-nav,
  .customized,
  .product,
  .about-text,
  .service,
  .footer .footer-con {
    max-width: 960px;
  }
}

@media(max-width: 959px) {

  .contain,
  .friend,
  p.sort,
  .guid,
  ul.nav.navbar-nav,
  .customized,
  .product,
  .about-text,
  .service,
  .footer .footer-con {
    max-width: 768px;
  }

  .navbar-collapse {
    width: 74%;
  }

  .product {
    max-width: 1200px;
    margin: 0 auto;
  }

  .product li {
    width: 49%;
    margin-right: 2%;
    float: left;
    margin-bottom: 20px;
  }

  .product li:nth-child(4n) {
    margin-right: 0%;
  }

  .product li:nth-child(2n) {
    margin-right: 0%;
  }

  .about-text img {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }

  .about-text .about-right {
    width: 100%;
    float: none;
  }

  .service li {
    width: 46%;
    margin-right: 2%;
    float: left;
    position: relative;
    padding: 1.5%
  }

  .service li:nth-child(4) {
    margin-right: 0%;
  }

  .service li:nth-child(2n) {
    margin-right: 0%;
  }

  .service li .service-text {
    width: 84%;
  }

  .news li {
    width: 49%;
    float: left;
    margin-bottom: 30px;
  }

  /*.news li:nth-child(2n){margin-right: 0;}*/


}

@media(max-width: 767px) {
  .top>p>a {
    display: none
  }

  .contain,
  .friend,
  p.sort,
  .guid,
  .customized,
  .product,
  .about-text,
  .service,
  .footer .footer-con {
    max-width: 96%;
    margin: 0 auto
  }

  .customized li i {
    font-size: 2.2em !important;
  }

  .customized li:hover {
    background: none;
  }

  .customized li:hover i {
    color: #828282;
  }

  .customized li:hover p {
    color: #828282;
  }

  .customized li a p {
    font-size: 12px !important
  }

  .product li a .float img {
    width: 100%;
    display: block;
  }

  .product li a .float>div {
    position: relative;
    background: none;
    opacity: 1;
    padding: 0;
    overflow: hidden;
  }

  .product li a .float div p {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0%;
    left: 0;
    border: none;
    padding: 0;
    overflow: hidden;
  }

  .product li a .float div p span {
    color: #828282;
    display: none;
    max-height: 75px;
    overflow: hidden;
  }

  .product li a>h3 {
    display: none
  }

  .product li a .float div p strong {
    color: #828282;
    font-size: 12px;
    font-weight: 500;
    display: block;
    text-align: center;
    line-height: 18px;
    margin: 5px 0;
  }

  .navbar-nav>li {
    width: 100%;
    float: none;
    display: inline-block;
  }

  .navbar-collapse {
    width: 100%
  }

  ul.nav.navbar-nav {
    width: 100%;
    margin: 0;
  }

  .navbar-default .navbar-nav>li>a {
    color: #666;
    font-size: 16px;
    padding: 5px 0px;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    text-decoration: none;
  }

}

@media(max-width: 600px) {
  .footer .footer-con li {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }

  .footer .footer-con li a {
    text-align: center;
  }

  .footer .footer-con li h3 {
    text-align: center;
  }

  .footer .footer-con li p {
    text-align: center;
  }

  form {
    overflow: hidden;
  }

  form p {
    width: 80%;
    margin: 0 auto 10px;
  }

  form .sumit {
    width: 80%;
    line-height: 34px;
    background: #fff;
    border: none;
    margin: 0 auto;
    display: block;
    background: #4193d0;
    color: #fff;
  }

  .footer .footer-con li:nth-child(2) {
    margin: auto 0%;
  }

}

@media(max-width:500px) {
  .guid>img {
    float: left;
    max-width: 200px;
    margin-top: 18px;
  }

  .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 20px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
  }

  .top>p>a {
    display: none
  }

  .contain,
  .friend,
  p.sort,
  .guid,
  ul.nav..customized,
  .product,
  .about-text,
  .service,
  .footer .footer-con {
    max-width: 96%;
    margin: 0 auto
  }

  .customized li i {
    font-size: 2.5em;
  }

  .product li {
    margin-right: 0%;
    float: left;
    margin-bottom: 20px;
  }

  .product li:nth-child(4n) {
    margin-right: 0%;
  }

  .product li:nth-child(2n) {
    margin-right: 0%;
  }

  .service li {
    width: 96%;
    margin-right: 0%;
    float: left;
    position: relative;
    padding: 2%
  }

  .service li:nth-child(4) {
    margin-right: 0%;
  }

  .service li:nth-child(2n) {
    margin-right: 0%;
  }

  .news li {
    width: 360px !important;
    margin-bottom: 30px;
  }
}

/*about*/
.about-text .about-right1 {
  float: none;
  height: auto;
  width: 100%
}

.about-text img {
  margin-right: 2%;
}

.photos {
  width: 100%;
  overflow: hidden;
}

.photos .ph1 {
  width: 32.11%;
  float: left;
  overflow: hidden;
  margin-right: 1%;
  margin-bottom: 10px;
}

.photos:nth-child(3n) .ph1 {
  margin-right: 0%;
}

.photos .ph1 img {
  width: 100%;
  transition: all 0.4s ease;
  display: block;
}

.photos .ph1:hover img {
  transform: scale(1.2);
}

.product1 li a .float div {
  position: static;
  top: auto;
  bottom: auto;
  opacity: 1;
  background: none;
  padding: 0
}

/*.product1 li a .float div p{color: #828282;position: static;top: auto;bottom: auto;border:none;padding: 0;max-height: 50px;overflow: hidden;}
.product1 li a .float div p span{color: #828282}*/
.product1 li a .float div h3 {
  margin-bottom: 0
}

.product1 li a .float .img {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.product1 li a .float .img p {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
  transform: scale(0);
  transition: all 0.5s ease
}

.product1 li a .float .img p span {
  margin-top: 50%;
  transform: translateY(-50%);
  display: inline-block;
}

.product1 li:hover a .float .img p {
  transform: scale(1)
}

.product1 li a .float .img img {
  width: 100%;
  transition: all 0.4s
}

.product1 li:hover a .float .img img {
  transform: scale(1.2);
}

.product1 li a .float div hr {
  height: 3px;
  border: none;
  width: 50px;
  margin: 0 auto;
  background: #6dc3ea;
  margin: 5px auto
}

.product1 li:hover a .float div hr {
  width: 130px;
  transition: all 0.4s;
}

.product1 li:hover a .float div h3 {
  color: #6dc3ea;
  transition: all 0.4s;
}

/*.product1 li:hover a .float div p span{color: #6dc3ea}*/

@media(max-width: 768px) {
  .zce2{ display: none;}
  .service li img {
    height: 160px;
}
  .product1 li a .float div hr {
    width: 130px;
  }

  .product1 li a .float div h3 {
    color: #6dc3ea;
  }
}

/*news*/
.news1 li {
  margin-right: 2%
}

.news1 li:nth-child(4n) {
  margin-right: 0
}

@media(max-width: 960px) {
  .news1 li:nth-child(2n) {
    margin-right: 0
  }
}

@media(max-width: 500px) {
  .news1 li:nth-child(2n) {
    margin-right: 0
  }

  .news1 li {
    width: 100% !important;
    margin-right: 0;
    float: none
  }

  .photos .ph1 {
    width: 100%;
    float: none;
    overflow: hidden;
    margin-right: 0%;
    margin-bottom: 10px;
  }

}

/*分页*/
.page {
  text-align: center;
  margin: 20px 0;
  margin-top: 50px
}

.page a {
  color: #666;
  padding: 5px 10px;
  border: solid 1px #0071b6;
  margin: 0 5px;
}

.page_disabled {
  padding: 5px 10px;
  border: solid 1px #666;
  margin: 0 5px;
}

.page_current {
  background-color: #0068b7;
  color: #fff;
  padding: 5px 10px;
  margin: 0 5px;
}

/*定制方案*/
/*.dzlc{background: url(../images/dzlc.png)no-repeat center;background-size: cover}
.dzlc li{width: 46%;padding: 2%;float: left;transition: all 0.4s ease;}
.dzlc li:hover{padding-left: 0}
.lc i{font-size: 80px;color: #6dc3ea;float: left;transition:all 0.5s;}
.lc:hover i{color: #6dc3ea;}
.lc_1{float:left;width: 65%;margin-left: 5%}*/
.dzlc {
  background: url(../images/dzlc.png)no-repeat center;
  background-size: cover;
  overflow: hidden;
}

.dzlc li {
  margin-bottom: 20px;
  width: 100%;
  padding: 2% 0;
  float: none;
  transition: all 0.4s ease;
  padding-bottom: 60px;
  background: url(../images/jt.png)no-repeat 12% bottom;
  background-size: 30px 30px;
  margin-left: 27%;
}

.dzlc li:last-child {
  background: none
}

.lc i {
  font-size: 80px;
  color: #6dc3ea;
  float: left;
  transition: all 0.5s;
}

.lc:hover i {
  color: #6dc3ea;
}

.lc_1 {
  width: 65%;
  margin-left: 10%
}

@media(max-width: 960px) {
  .dzlc li {
    background: url(../images/jt.png)no-repeat 12% bottom;
    margin-left: 19%;
    background-size: 30px 30px;
  }

  .lc_1 {
    margin-left: 10px;
  }
}

@media(max-width: 768px) {
  .dzlc li {
    width: 100%;
    padding: 0%;
    float: none;
    margin-bottom: 20px;
    text-align: center;
    margin-left: 0
  }

  .lc i {
    font-size: 80px;
    float: none;
    color: #6dc3ea;
    display: block;
  }

  .lc {
    background: none !important
  }

  .lc_1 {
    float: none;
    width: 100%;
    margin-left: 0%;
    margin-top: 10px;
  }
}

.service_text p strong {
  display: block;
}

.service_text img {
  float: left;
  max-width: 400px;
  margin-right: 3%
}

.product_detail {
  width: 100%
}

.wrapper {
  position: relative;
  margin: 10px 0;
  width: 40%;
  height: auto;
  float: left;
  margin-right: 5%
}

.wrapper .smallBox {
  height: auto;
  width: 19.4%;
  float: left;
}

.wrapper .smallBox li {
  width: 100%;
  margin-bottom: 5px;
  cursor: pointer;
}

.wrapper .smallBox li img {
  cursor: pointer;
  display: block;
  width: 100%;
}

.wrapper #Box {
  height: auto;
  width: 100%;
  position: relative;
  float: right;
}

#Box img {
  position: relative;
  width: 100%;
  border: 1px solid #efefef;
}

.box_wrapper {
  height: auto;
  overflow: hidden;
  position: relative
}

.box_wrapper ul {
  margin-top: 0px;
  position: relative;
  transition: all 0.8s ease-in-out;
}

.product-con-right {
  width: 40%;
  float: left;
}

.product-con-right p {
  margin: 15px 0;
  font-size:20px;
  font-weight:600;
  line-height:26px;
}
.product-con-right p a{
  margin: 15px 0;
  font-size:20px;
  font-weight:600;
  line-height:26px;
}
.product-con-right p a img{width:23px;}
.product-con-right p img{vertical-align: middle; max-width:100%}

.product-con-right h3 {
  margin-top: 15px;
}

.product_detail_text h3 {
  margin: 30px auto 15px;
  color: #6dc3ea
}

.product_detail_text strong {
  display: block;
  margin: 30px auto 15px;
  color: #6dc3ea
}

.news-text img {
  max-width: 500px;
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
}

.news-text p {
  margin-bottom: 15px
}

.news-text a {
  display: block;
  padding: 5px;
  color: #6dc3ea;
  margin-right: 20px;
}

@media(max-width: 1200px) {
  .wrapper .smallBox {
    height: auto;
    width: 19.2%;
    float: left;
  }

}

@media(max-width:768px) {
  .wrapper {
    width: 100%;
    height: auto;
    float: none;
    margin-right: 0%
  }

  .product-con-right {
    width: 100%;
    float: none;
  }

  .wrapper .smallBox {
    height: auto;
    width: 19.5%;
  }

  .service_text img {
    float: none;
    max-width: 100%;
    margin-right: 0%;
    margin-bottom: 15px;
  }

  .news-text img {
    width: 100%
  }
}

@media(max-width:480px) {
  .wrapper .smallBox {
    height: auto;
    width: 19%;
  }

}

#dituContent {
  width: 50%;
  margin: 0px auto;
  float: left;
}

.iw_poi_title {
  color: #CC5522;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  padding-right: 13px;
  white-space: nowrap
}

.iw_poi_content {
  font: 12px arial, sans-serif;
  overflow: visible;
  padding-top: 4px;
  white-space: -moz-pre-wrap;
  word-wrap: break-word
}

.con {
  float: right;
  width: 45%
}

.con p {
  margin-bottom: 15px;
  line-height: 30px;
  vertical-align: baseline
}

.con p a i.icon-phone-outline:before {
  font-size: 1.5em;
  color: #6dc3ea
}

.con p a i.icon-smartphone:before {
  font-size: 1.5em;
  color: #6dc3ea
}

.con p a i.icon-inbox:before {
  font-size: 1.5em;
  color: #6dc3ea
}

.con p a i.icon-mail:before {
  font-size: 1.5em;
  color: #6dc3ea
}

.con p a i.icon-map-pin:before {
  font-size: 1.5em;
  color: #6dc3ea
}

.con p a span {
  display: inline-block;
  margin-left: 10px;
}

.con .ewm {
  width: 200px;
  text-align: center;
}

.con .ewm img {
  max-width: 200px;
}

.con .ewm span {
  display: block;
}

@media(max-width: 660px) {
  #dituContent {
    width: 100%;
    margin: 0px auto 30px;
    float: none;
  }

  .con {
    float: none;
    width: 100%
  }

}

.BMapLabel {
  padding-left: 20px !important;
  background: url(../images/map.png)no-repeat left;
  background-size: 20px 20px;
  border: none !important;
}

@media(max-width: 960px) {
  .footer .footer-con li {
    width: 48%;
    float: left;
    margin-bottom: 20px;
  }

  .footer .footer-con li.footer-con-1 {
    width: 48%;
    float: left;
  }

  .footer .footer-con li:nth-child(2) {
    margin: 0 0;
    float: right
  }

  .footer .footer-con li.footer-con-3 {
    width: 48%;
  }

  .footer .footer-con li.footer-con-4 {
    width: 48%;
    float: right;
    margin-top: 15px;
  }
}

@media(max-width: 600px) {
  .footer .footer-con li {
    width: 100%;
    float: none;
  }

  .footer .footer-con li.footer-con-1 {
    width: 100%;
    float: none;
  }

  .footer .footer-con li:nth-child(2) {
    margin: 0 0;
    float: none
  }

  .footer .footer-con li.footer-con-3 {
    width: 100%;
  }

  .footer .footer-con li.footer-con-4 {
    width: 100%;
    float: none;
    margin-top: 15px;
  }
}

.pagebar {
  padding: 20px;
  overflow: hidden;
  clear: both
}

.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px;
  line-height: 100%
}

.pagination span {
  color: #333;
  font-size: 12px;
  padding: 7px 2px;
  margin: 0 2px;
  border-radius: 3px;
}

.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}

.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}

.pagination .st {
  font-family: 宋体
}

.text-secondary {
  text-align: center;
  padding: 20px 0
}

#maximg img {
  max-width: 100%;
  height: auto !important
}

input {
  outline: none;
}


/* 面包屑导航 */
.inner-content {
  width: 100%;
  padding: 15px 0;
}

.inner-content .l-wrap {
  max-width: 1200px;
  font-size: small;
  margin: 0 auto;
  /* 如果需要水平居中则添加此属性 */
}




        /* 表格容器 - 关键部分 */
        table {
            width: 100%;
            overflow-x: auto; /* 允许水平滚动 */
            -webkit-overflow-scrolling: touch; /* 移动端平滑滚动 */
            margin: 20px 0;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            position: relative;
        }
        
/* 移动端适配（假设屏幕宽度 ≤ 768px 时生效） */
@media (max-width: 768px) {
  .zce {
    display: none;
    /* 隐藏 zce */
  }

  .yce {
    width: 100%;
    /* yce 占满宽度 */
    float: none;
    /* 清除浮动 */
    max-width: 100%;
    overflow: hidden;
  }
  

  
}




/* 侧边栏基础样式 */
.sidebar {
  padding: 5px 5px;
  border: 1px solid #e0e0e0;
  /* 分割线 */
}

.sidebar3 {
  border: 0;
}

/* 分类标题 */
.sidebar-title {
  padding: 11px 5px;
  background: #f8f9fa;
  /* 浅灰背景 */
  color: #1976d2;
  /* 主蓝色 */
  font-weight: bold;
  font-size: 18px;
}

/* 分类列表 */
.sidebar-cate {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* 菜单项 */
.menu-item a,
.footer-con-3 a {
  display: block;
  padding: 7px 10px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  transition: background 0.2s;
}

/* 悬停 & 选中状态 */
.menu-item a:hover,
.menu-item.active a {
  background: #e3f2fd;
  /* 浅蓝悬停背景 */
  color: #1976d2;
  /* 蓝色文字 */
}

/* 表单样式（保持简洁） */
.inquiry-form input,
.inquiry-form textarea {
  width: 90%;
  padding: 8px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

/* 发送按钮 */
.send-btn button {
  background: #1976d2 !important;
  /* 覆盖行内样式 */
  border: none;
  cursor: pointer;
}




/* 表格浅灰色边框 */
table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    padding: 15px;
    text-align: left;
    border: 1px solid #dce4ec; /* 浅灰色边框 */
}

/* 表头样式 */
th {
    background-color: #f8f9fa;
    color: #2c3e50;
    font-weight: 600;
}

/* 隔行变色效果 */
tr:nth-child(even) {
    background-color: #f8f9fb;
}

/* 悬停效果 */
tr:hover {
    background-color: #ecf0f1;
}

td:hover {
    background-color: #d6eaf8;
}