@import url(./iconfont.css);
* {
  box-sizing:border-box;
  position:initial
}
body {
  overflow-x:hidden;
  background:#fff
}
.web-map {
  display:flex;
  align-items:center;
  height:56px; 
  width:1200px;
  margin:20px auto;
}
.web-map .address {
  font-size:16px;
  color:#666
}
.web-map .item {
  color:#666;
  cursor:pointer;
  padding-right:22px;
  margin-right:6px;
  display:flex;
  position:relative;
  align-items:center
}
.web-map .item::after {
  content:'>';
  position:absolute;
  right:0;
  display:block;
  transform:scaleX(0.7)
}
.web-map .item:last-child {
  cursor:default;
  color:#2691ff
}
.web-map .item:last-child::after {
  content:''
}
.page-banner {
  width:100%;
  height:500px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover
}
.page-banner .banner-bg {
  width:100%;
  height:100%;
  color:#fff;
  background:linear-gradient(90deg, rgba(119,77,255,0.6) 0%, rgba(38,145,255,0.6) 100%);
  display:flex;
  align-items:center;
  flex-direction:column;
  justify-content:center
}
.page-banner .banner-bg .banner-title {
  font-size:80px;
  font-weight:400;
  font-family:'AiliHeiTi', serif
}
.page-banner .banner-bg .banner-en {
  font-size:30px;
  margin-top:56px
}
.page-banner .banner-bg .banner-subtext {
  font-size:30px;
  margin-top:5px
}
.product-sub-text {
  width:1200px;
  font-size:14px;
  font-weight:400;
  color:#333;
  margin:16px auto 0
}
.search {
  width:100%;
  height:60px;
  border-radius:20px;
  background:#fafcff;
  border:1px solid #005bb5;
  margin:50px 0;
  line-height: 60px;
}
.search input {
  border-radius:20px;
  width:100%;
  height:100%;
  padding-left:30px;
  box-sizing:border-box;
  font-size:16px;
  color:#999
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin:0;
  padding:0;
  position:relative;
  user-select:none
}
table {
  border-collapse:collapse;
  border-spacing:0
}
fieldset,
img {
  border:0
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style:normal;
  font-weight:normal
}
ol,
ul,
i {
  list-style:none
}
caption,
th {
  text-align:left
}
sub {
  vertical-align:text-bottom
}
input,
textarea,
select {
  border:none;
  outline:none
}
input,
textarea,
select {
  *font-size:100%
}
i {
  font-style:normal
}
a {
  text-decoration:none;
  color:#313131;
  outline:none
}
a:hover {
  text-decoration:none
}
.center {
  margin:0 auto
}
.normal {
  font-weight:normal !important
}
img {
  object-fit:contain
}
.font-yahei {
  font-family:"Microsoft YaHei", SimHei, "微软雅黑", "黑体"
}
.wihte {
  color:#fff !important
}
.w100 {
  width:100%
}
.h100 {
  height:100%
}
.img100 {
  width:100%;
  height:100%
}
.banner img {
  width:100%;
  height:700px
}
.hotlive img {
  width:100%;
  height:340px
}
.pages {
  text-align:center;
  margin:0 auto;
  overflow:hidden
}
.vw {
  width:1200px;
  margin:0 auto;
  padding-bottom:1px
}
.t-c {
  text-align:center
}
.t-left {
  text-align:left
}
.t-right {
  text-align:right
}
.f {
  display:flex
}
.f1 {
  flex:1
}
.c {
  align-items:center;
  justify-content:center
}
.j-c {
  justify-content:center
}
.j-s {
  justify-content:flex-start
}
.j-e {
  justify-content:flex-end
}
.a-c {
  align-items:center
}
.a-s {
  align-items:flex-start
}
.a-e {
  align-items:flex-end
}
.s-b {
  justify-content:space-between
}
.s-a {
  justify-content:space-around
}
.bgimg {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%
}
.nowrap {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.wrap {
  flex-wrap:wrap
}
.webkit {
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden;
  text-overflow:ellipsis
}
@media screen and (max-width: 1200px) {
  .view-width {
    width:992px
  }
}
@media screen and (max-width: 992px) {
  .view-width {
    width:768px
  }
  .ats {
    width:100%;
    font-size:28px;
    padding:25px 0
  }
}
@media screen and (max-width: 768px) {
  .view-width {
    width:90%
  }
  .ats {
    font-size:22px;
    font-weight:normal;
    padding:20px 0
  }
}
@media screen and (max-width: 480px) {
  .ats {
    font-size:16px;
    font-weight:normal;
    padding:15px 0
  }
}
strong {
  font-weight:bold
}
.news-detail {
  padding: 30px 20px 60px;
  box-sizing: border-box;
} 

.news-title {
  font-size: 26px;
  font-weight: 700;
  color: #222;
  line-height: 1.4;
  margin-bottom: 15px;
}

.news-meta {
  font-size: 13px;
  color: #888;
  margin-bottom: 25px;
}
.news-meta span {
  margin-right: 20px;
}

.news-cover {
  margin-bottom: 30px;
  border-radius: 6px;
  overflow: hidden;
}

.news-content {
  font-size: 15px;
  line-height: 1.9;
  color: #444;
}
.news-content h3 {
  font-size: 18px;
  margin: 30px 0 15px;
  color: #222;
}
.news-content ul {
  padding-left: 20px;
  margin-bottom: 20px;
}
.news-content li {
  margin-bottom: 8px;
}
.news-content blockquote {
  margin: 25px 0;
  padding: 15px 20px;
  background: #f4f8ff;
  border-left: 4px solid #2691ff;
  color: #555;
  font-style: italic;
}

.news-tags {
  margin-top: 30px;
}
.news-tags .tag {
  display: inline-block;
  padding: 5px 12px;
  background: #e8f3ff;
  color: #2691ff;
  border-radius: 4px;
  font-size: 13px;
  margin-right: 10px;
}

.news-pager {
  margin-top: 50px;
  padding-top: 20px;
  border-top: 1px dashed #ddd;
  font-size: 14px;
  color: #666;
}
.news-pager .prev,
.news-pager .next {
  margin-bottom: 12px;
  cursor: pointer;
}
.news-pager .prev:hover,
.news-pager .next:hover {
  color: #2691ff;
}

.product-detail {
  padding: 30px 20px 60px;
  box-sizing: border-box;
}

.product-name {
  font-size: 26px;
  font-weight: 700;
  color: #222;
  margin-bottom: 15px;
}
.product-name span {
  color: #2691ff;
}

.product-intro {
  font-size: 15px;
  line-height: 1.8;
  color: #555;
  margin-bottom: 30px;
}

.product-main-img {
  margin-bottom: 40px;
  border-radius: 6px;
  overflow: hidden;
}

.product-section {
  margin-bottom: 40px;
}
.section-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-left: 10px;
  border-left: 4px solid #2691ff;
}

/* 参数表 */
.product-table {
  width: 100%;
  border-collapse: collapse;
}
.product-table td {
  padding: 12px 15px;
  border: 1px solid #eee;
  font-size: 14px;
}
.product-table tr td:first-child {
  background: #f7fbff;
  width: 160px;
  font-weight: 600;
}

/* 特点列表 */
.feature-list {
  padding-left: 20px;
  line-height: 2;
  font-size: 14px;
}

/* 应用场景 */
.scene-imgs {
  gap: 20px;
}
.scene-item {
  width: 280px;
  text-align: center;
}
.scene-text {
  margin-top: 10px;
  font-size: 14px;
  color: #333;
}

/* 咨询按钮 */
.product-contact {
  text-align: center;
  margin-top: 40px;
}
.product-contact .btn {
  display: inline-block;
  padding: 12px 40px;
  background: linear-gradient(90deg,#774dff,#2691ff);
  color: #fff;
  font-size: 16px;
  border-radius: 30px;
  text-decoration: none;
}
.product-contact .btn:hover {
  opacity: 0.9;
}


    .agent-list { margin-top: 30px; }
    .agent-list .list-item { width: 270px; position: relative; cursor: pointer; overflow: hidden; margin-bottom: 30px; }
    .agent-list .image-container { text-align: center; }
    .agent-list .image { width: 270px; height: 200px; border-radius: 10px 10px 0 0; overflow: hidden; background: #f5f5f5; }
    .agent-list .list-title { padding: 15px 10px; font-size: 16px; font-weight: 700; color: #333; background: #fff; border-radius: 0 0 10px 10px; }
    .agent-list .list-btn { width: 120px; height: 38px; border: 1px solid rgba(38,145,255,1); border-radius: 5px; font-size: 14px; color: rgba(38,145,255,1); margin: 5px auto 0; background: #fff; position: relative; z-index: 5; cursor: pointer; }
    .agent-list .tag { display: flex; justify-content: center; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
    .agent-list .tag .tag-item { padding: 4px 12px; font-size: 12px; color: #fff; border-radius: 3px; background: rgba(64,156,255,1); }
    .agent-list .hover-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(38,145,255,0.9); opacity: 0; transition: opacity 0.3s; display: flex; align-items: center; justify-content: center; padding: 20px; z-index: 10; }
    .agent-list .hover-overlay-item { color: #fff; font-size: 14px; line-height: 22px; text-align: center; }
    .agent-list .list-item:hover .hover-overlay { opacity: 1; }


/* 新闻分类 */
.switch_menu {
  display: flex;
  justify-content: center;      /* 水平居中 */
  align-items: center;
  margin-top: 30px;             /* 上边距 */
  margin-bottom: 30px;
  gap: 20px;                    /* 分类间距 */
}
.switch_menu .item {
  padding: 12px 30px;
  font-size: 16px;
  cursor: pointer;
  color: #666;
  position: relative;
}
.switch_menu .item.selected {
  color: #2691ff;
  font-weight: 600;
}
.switch_menu .item.selected::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg,#774dff,#2691ff);
}

/* 新闻列表 */
.news-list {
  margin-bottom: 40px;
}
.list-item {
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 20px;
  background: #fff;
  transition: all .3s ease;
}
.list-item:hover {
  box-shadow: 0 6px 20px rgba(38,145,255,.15);
  transform: translateY(-2px);
}

/* 日期 */
.date-box {
  width: 70px;
  text-align: center;
  margin-right: 20px;
}
.date-box .day {
  font-size: 18px;
  font-weight: 700;
  color: #2691ff;
}
.date-box .year {
  font-size: 12px;
  color: #999;
}

/* 图片 */
.list-item .photo {
  width: 180px;
  height: 110px;
  border-radius: 6px;
  overflow: hidden;
  margin-right: 20px;
}

/* 文本 */
.list-text {
  flex: 1;
}
.list-text .title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #222;
}
.list-text .desc {
  font-size: 14px;
  color: #666;
  line-height: 1.8;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 箭头 */
.arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ddd;
  color: #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s;
}
.list-item:hover .arrow {
  background: #2691ff;
  border-color: #2691ff;
  color: #fff;
}