/* ============== layui閲嶅啓鏍峰紡锛氶€傜敤浜庢墍鏈夐〉闈㈠鑸ā鍧 ============== */
/* 瀵艰埅鏍忔牱寮 */
.layui-nav {
  background-color: #fff !important;
  color: #333 !important;
}
/* 瀵艰埅鏍忛摼鎺ユ牱寮 */
.layui-nav a {
  color: #333 !important;
}
/* 瀵艰埅鏍忔偓娴牱寮 */
.layui-nav-item:hover {
  font-weight: bold;
}
/* 瀵艰埅鏍忓瓙鑿滃崟鏍峰紡 */
.layui-nav-child {
  background-color: #fff !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  font-weight: normal;
}
/* 琛ㄦ牸鏂囨湰寮哄埗鎹㈣鏍峰紡 */
.layui-table td {
  word-break: break-all;
}
/* 缃戦〉婊氬姩鏍峰紡 */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 130px;
}

/* ============== 澶撮儴鏍峰紡锛氶€傜敤浜庢墍鏈夐〉闈㈠ご閮ㄦā鍧 ============== */
/* 澶撮儴鏍峰紡 */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 60px;
  background-color: #fff;
  box-shadow: 0 1px 5px rgb(0 0 0 / 30%);
  z-index: 9999;
}
/* logo鏍峰紡 */
.header .logo {
  padding: 15px 0;
  height: 60px;
}
/* logo鍥剧墖鏍峰紡 */
.header .logo img {
  height: 30px;
}
/* 澶撮儴瀵艰埅鏍峰紡 */
.header .nav {
  text-align: center;
  line-height: 60px;
}
/* 澶撮儴瀵艰埅閾炬帴鏍峰紡 */
.header .nav a {
  font-size: 16px;
}
/* 澶撮儴瀵艰埅鎼滅储鏍峰紡 */
.header .search {
  padding-top: 10px;
}
/* 澶撮儴瀵艰埅绉诲姩鑿滃崟鏍峰紡 */
.header .menu {
  display: none;
}

/* ============== main鏍峰紡锛氶€傜敤浜庢墍鏈夐〉闈㈢被妯″潡 ============== */
/* main鏍峰紡 */
.main {
  position: relative;
  margin: 0;
  padding: 20px 0;
}
/* main鏍囬鏍峰紡 */
.main .title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
/* main鍥剧墖鏍峰紡 */
.main img {
  width: 100%;
}

/* ============== 浜у搧鏍峰紡锛氶€傜敤浜庢墍鏈夐〉闈骇鍝佸垪琛ㄦā鍧 ============== */
/* 浜у搧鏍峰紡 */
.product {
  margin-bottom: 10px;
}
/* 浜у搧瀛愰」鏍峰紡 */
.product .item {
  padding: 10px;
  background-color: #fff;
  border: solid 1px #ddd;
  overflow: hidden;
}
/* 浜у搧瀛愰」hover鏍峰紡 */
.product .item:hover {
  border: solid 1px #16baaa;
}
/* 浜у搧鍥剧墖鏍峰紡 */
.product img {
  width: 100%;
  margin-bottom: 10px;
}
/* 浜у搧span鏍峰紡 */
.product span {
  display: block;
  width: 100%;
  height: 36px;
}
/* 浜у搧name鏍峰紡 */
.product .name {
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
}
/* 浜у搧model鏍峰紡 */
.product .model {
  font-size: 12px;
  color: #666;
  text-align: center;
}

/* ============== 鏂伴椈鏍峰紡锛氶€傜敤浜庢墍鏈夐〉闈㈡柊闂诲垪琛ㄦā鍧 ============== */
/* 鏂伴椈鏍峰紡 */
.news {
  margin-bottom: 10px;
}
/* 鏂伴椈瀛愰」鏍峰紡 */
.news .item {
  padding: 8px;
  background-color: #fff;
  border: solid 1px #ddd;
  overflow: hidden;
}
/* 鏂伴椈瀛愰」hover鏍峰紡 */
.news .item:hover {
  border: solid 1px #fff;
}
/* 鏂伴椈鍥剧墖鏍峰紡 */
.news img {
  width: 100%;
  margin-bottom: 10px;
}
/* 鏂伴椈span鏍峰紡 */
.news span {
  display: block;
  width: 100%;
  height: 22px;
  padding-bottom: 40px;
}
/* 鏂伴椈name鏍峰紡 */
.news .name {
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
}
/* 鏂伴椈date鏍峰紡 */
.news .date {
  font-size: 12px;
  color: #666;
}

/* ============== 鍏充簬鎴戜滑鏍峰紡锛氶€傜敤浜庨椤靛叧浜庢垜浠ā鍧 ============== */
/* 鍏充簬鎴戜滑box鏍峰紡 */
.about .box {
  padding: 20px;
  border: solid 1px #ddd;
  background-color: #fff;
}
/* 鍏充簬鎴戜滑p鏍峰紡 */
.about .box p {
  font-size: 14px;
  line-height: 26px;
}

/* ============== 搴曢儴鏍峰紡锛氶€傜敤浜庢墍鏈夐〉闈㈠簳閮ㄦā鍧 ============== */
/* 搴曢儴鏍峰紡 */
.footer {
  padding: 30px 0;
  background-color: #2f363c;
}
/* 搴曢儴瀛愰」鏍峰紡 */
.footer .item {
  font-size: 14px;
  line-height: 30px;
  color: #aaa;
}
/* 搴曢儴閾炬帴鏍峰紡 */
.footer a {
  color: #aaa;
}
/* 搴曢儴瀛愰」鏍囬鏍峰紡 */
.footer .item .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
/* 搴曢儴鍥剧墖鏍峰紡 */
.footer img {
  margin-top: 10px;
}
/* 搴曢儴鐗堟潈鏍峰紡 */
.footer .copyright {
  font-size: 14px;
  line-height: 24px;
  color: #aaa;
  text-align: center;
}

/* ============== 鍐呭椤垫牱寮忥細閫傜敤浜庢墍鏈夐〉闈㈠唴瀹归〉妯″潡 ============== */
/* 鍐呭椤典綅缃牱寮 */
.position {
  margin: 70px 0 10px 0;
  padding: 10px 0;
}
/* 鍐呭椤垫爣棰樻牱寮 */
article .title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-bottom: solid 1px #ddd;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
/* 鍐呭椤垫爣棰樻牱寮 */
article h1 {
  font-size: 18px;
}
/* 鍐呭椤电洅瀛愭牱寮 */
article .box {
  margin-bottom: 20px;
  padding: 15px;
  background-color: #fff;
  font-size: 14px;
  min-height: 500px;
  box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}
/* 鍐呭椤靛唴瀹规牱寮 */
article .content {
  margin-bottom: 20px;
  padding: 15px;
  background-color: #fff;
  font-size: 14px;
  min-height: 500px;
  box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}
/* 鍐呭椤垫钀芥牱寮 */
article .content p {
  margin: 10px 0;
  text-indent: 28px;
  line-height: 26px;
}
/* 鍐呭椤靛浘鐗囨牱寮 */
article .content img {
  max-width: 800px;
}
/* 瑙嗛鏍峰紡 */
article video {
  max-width: 800px;
  margin: 0 auto;
}
article .config {
  margin-bottom: 20px;
  line-height: 36px;
}
/* 鍐呭椤靛浘鐗囨牱寮 */
article .content .img {
  width: 100% !important;
}
瀹归〉鍥剧墖鏍峰紡 */ article .content .img {
  width: 100% !important;
}
/* 鍐呭椤祎ag鏍峰紡 */
article .content .tag {
  margin-bottom: 10px;
}
article .content .tag a {
  display: inline-block;
  padding: 5px 10px;
  margin: 0 5px 5px 0;
  background-color: #f7f7f7;
  border: #ddd 1px solid;
  color: #2f363c;
}
article .content .tag a:hover {
  border: #16baaa 1px solid;
}
/* 鍦板浘鏍峰紡 */
.map {
  padding-top: 60px;
}
/* 婊氬姩鍒伴《閮ㄥ浐瀹 */
.sticky {
  position: sticky;
  top: 60px; /* 璺濈椤堕儴鐨勮窛绂伙紝鏍规嵁瀹為檯鎯呭喌璋冩暣 */
  background-color: #fff;
  border-bottom: solid 2px #ddd;
  z-index: 100;
  margin-bottom: 20px;
  padding-top: 15px;
}

.sticky a {
  display: inline-block;
  padding: 5px 10px;
  background-color: #ddd;
  margin: 0 5px 5px 0;
}

.sticky a:hover {
  color: #fff;
  font-weight: bold;
  background-color: #16baaa;
}

/* ============== 浜у搧椤靛皬绫绘牱寮忥細閫傜敤浜庝骇鍝侀〉灏忕被妯″潡 ============== */
/* 浜у搧椤靛皬绫绘牱寮 */
.catelist {
  border-bottom: solid 1px #ddd;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
/* 浜у搧椤靛皬绫婚摼鎺ユ牱寮 */
.catelist a {
  display: inline-block;
  padding: 5px 10px;
  margin: 0 10px 10px 0;
  background-color: #f7f7f7;
  border: #16baaa 1px solid;
  color: #2f363c;
  text-decoration: none;
}
/* 浜у搧椤靛皬绫婚摼鎺over鏍峰紡 */
.catelist a:hover {
  background-color: #16baaa;
  border: #16baaa 1px solid;
  color: #fff;
}

/* ============== 鍐呭椤靛浘鐗囧垪琛ㄦ牱寮忥細閫傜敤浜庤崳瑾夎瘉涔﹀拰浼佷笟鐩稿唽 ============== */
/* 鍐呭椤靛浘鐗囧垪琛ㄥ瓙椤规牱寮 */
.piclist .item {
  overflow: hidden;
  text-align: center;
}
/* 鍐呭椤靛浘鐗囧垪琛ㄦ钀芥牱寮 */
.piclist p {
  margin: 0 !important;
  text-indent: 0 !important;
  line-height: 26px !important;
}
/* 鍐呭椤靛浘鐗囧垪琛ㄥ浘鐗囨牱寮 */
.piclist img {
  width: 100%;
}
/* 鍐呭椤靛浘鐗囧垪琛╯pan鏍峰紡 */
.piclist span {
  display: block;
  width: 100%;
  height: 22px;
}
/* 鍐呭椤靛浘鐗囧垪琛╪ame鏍峰紡 */
.piclist .name {
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
}
/* 鍐呭椤靛浘鐗囧垪琛╠ate鏍峰紡 */
.piclist .date {
  font-size: 12px;
  color: #666;
}

/* ============== 渚ц竟鏍忚彍鍗曟牱寮忥細閫傜敤浜庝晶杈规爮鑿滃崟妯″潡 ============== */
/* 渚ц竟鏍忚彍鍗曟牱寮 */
.nav-side {
  margin-bottom: 20px;
}
/* 渚ц竟鏍忚彍鍗曞瓙椤规牱寮 */
.nav-side li {
  display: block;
  padding: 10px;
  text-align: center;
  border-bottom: solid 1px #ddd;
  background-color: #eee;
  font-size: 14px;
  line-height: 24px;
}
/* 渚ц竟鏍忚彍鍗曞瓙椤筯over鏍峰紡 */
.nav-side li:hover {
  background-color: #e2e2e2;
  font-weight: bold;
}
/* 渚ц竟鏍忚彍鍗曟爣棰樻牱寮 */
.nav-side .title {
  font-size: 16px;
  font-weight: bold;
  background-color: #16baaa;
  color: #fff;
}
/* 渚ц竟鏍忚彍鍗曟爣棰樿儗鏅姝㈡牱寮 */
.nav-side .title:hover {
  background-color: #16baaa;
}

/* ============== 鍒嗛〉鏍峰紡锛氶€傜敤浜庡垎椤垫ā鍧 ============== */
/* 鍒嗛〉鏍峰紡 */
.pager {
  margin: 20px 0;
  font-family: verdana, tahoma, arial, helvetica, sans-serif;
  font-size: 14px;
  text-align: center;
}
/* 鍒嗛〉span鏍峰紡 */
.pager span {
  display: inline !important;
}
/* 鍒嗛〉閾炬帴鏍峰紡 */
.pager a {
  margin: 0px 1px;
  padding: 5px;
  background-color: #f7f7f7;
  border: #16baaa 1px solid;
  color: #2f363c;
  text-decoration: none;
}
/* 鍒嗛〉閾炬帴hover鏍峰紡 */
.pager a:hover {
  background-color: #16baaa;
  border: #16baaa 1px solid;
  color: #fff;
}
/* 鍒嗛〉褰撳墠椤垫牱寮 */
.pager .current {
  margin: 0px 1px;
  padding: 5px;
  background-color: #16baaa;
  border: #16baaa 1px solid;
  color: #fff;
  font-weight: bold;
}
/* 鍒嗛〉绂佺敤鏍峰紡 */
.pager .disabled {
  margin: 0px 1px;
  padding: 5px;
  background-color: #eee;
  border: #ccc 1px solid;
  color: #ccc;
}

/* ============== 濯掍綋鏌ヨ鏍峰紡锛氶€傜敤浜庡搷搴斿紡甯冨眬 ============== */
/* 768浠ヤ笅灞忓箷锛堢Щ鍔ㄨ澶囷級 */
@media screen and (max-width: 768px) {
  .header .nav {
    display: none;
  }
  .header .search {
    display: none;
  }
  .header .menu {
    display: block;
    text-align: right;
    line-height: 60px;
  }
  .footer .box {
    display: none;
  }
  video {
    width: 100%;
  }
  .position {
    display: none;
  }
  .nav-side {
    display: none;
  }
  article .config {
    margin-top: 70px;
  }
  .content {
    margin-top: 60px;
  }
  article .content img {
    margin-left: -28px;
    width: 100%;
  }
  #bx-pager {
    display: none;
  }
  .map {
    padding-top: 0;
  }
}
/* 992浠ヤ笅灞忓箷锛堢Щ鍔ㄨ澶囷級 */
@media screen and (max-width: 992px) {
  .header .nav {
    display: none;
  }
  .header .menu {
    display: block;
    text-align: right;
    line-height: 60px;
  }
  .header .search {
    display: none;
  }
  .footer .box {
    display: none;
  }
  video {
    width: 100%;
  }
  .position {
    display: none;
  }
  .nav-side {
    display: none;
  }
  article .config {
    margin-top: 70px;
  }
  .content {
    margin-top: 60px;
  }
  .mgt {
    margin-top: 60px;
  }
  article .content img {
    margin-left: -28px;
    width: 100%;
  }
  #bx-pager {
    display: none;
  }
  .map {
    padding-top: 0;
  }
}
/* 1200浠ヤ笅灞忓箷锛堢Щ鍔ㄨ澶囷級 */
@media screen and (max-width: 1200px) {
  .header .nav {
    display: none;
  }
  .header .menu {
    display: block;
    text-align: right;
    line-height: 60px;
  }
  .header .search {
    display: none;
  }
  video {
    width: 100%;
  }
}
/* 1400浠ヤ笅灞忓箷锛堢Щ鍔ㄨ澶囷級 */
@media screen and (max-width: 1400px) {
  .header .nav a {
    font-size: 12px;
  }
}