* {
      margin: 0;
      padding: 0;
    }
body {
    font-size: 15px;
    font-family: "Roboto", "Lato", "Open Sans", "Poppins", "Oswald", "Noto Sans", "Montserrat", arial, sans-serif;
    color: rgb(34, 34, 34);
    line-height: 190%;
	background-image: url(../img/background-images.png);
	background-repeat: no-repeat;
  background-size: cover; /* 自动适应屏幕大小，铺满全屏 */
}
@media (max-width:768px){
	body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
	font-size: 14px;
	line-height: 22px;
	color: #495057;
}
	}
h1 { line-height: 50px; color: #3a3f45; font-size: 18px;}
h2 {
	font-size: 16px;
    font-weight: 600;
	line-height: 50px;
}

h3 {
    font-weight: 600 !important;
    color: #3a3f45;
	font-size: 21px;
	line-height: 50px;
}
a {
    color: #3a3f45;
	text-decoration: none;
}

a:hover {
    color: #0066cc;
}
li{ list-style-type: none;}
::after, ::before {
    box-sizing: border-box;
}
.clear { clear:both; }

/*!******************************
      -------[=后台图片排版CSS]-------
  ********************************/
 /*=============三张图片==============*/
.threepic { display: block;
    margin-top: 30px;width: 100%;
    max-width: 1520px;
    margin: 20px auto;}
.threepic ul { display: grid; grid-template-columns: repeat(3, 1fr); /* 一行3张 */ gap: 30px; /* 图片间距 */ }
.threepic li { position: relative; border: 0px solid #c0c1c2; border-radius: 5px; background: #fff;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); overflow: hidden;  /* 放大后超出部分隐藏 */}
.threepic li:hover { background:#e5f7fc;}
.threepic li img { display: block; transition: transform 0.4s ease; width: 100%; /* 让图片填满容器 */ height: auto; /* 让图片填满容器 */ border-radius: 5px 5px 0 0;}
.threepic li:hover img { transform: scale(1.05);}
.threepic li h2 { width: 90%; height: 80px; margin: 0 auto; line-height:80px;}



 /*=============四张图片==============*/
.fourpic ul { display: grid; grid-template-columns: repeat(4, 1fr); /* 一行3张 */ gap: 30px; /* 图片间距 */ }
.fourpic li { position: relative; border: 0px solid #c0c1c2; border-radius: 5px; background: #fff;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); overflow: hidden;  /* 放大后超出部分隐藏 */}
.fourpic li:hover { background:#e5f7fc;}
.fourpic li img { display: block; transition: transform 0.4s ease; width: 100%; /* 让图片填满容器 */ height: auto; /* 让图片填满容器 */ border-radius: 5px 5px 0 0;}
.fourpic li:hover img { transform: scale(1.05);}
.fourpic li h2 { width: 90%; height: 80px; margin: 0 auto; line-height:80px;}
 

 /*=============五张图片==============*/
.fivepic ul { display: grid; grid-template-columns: repeat(5, 1fr); /* 一行3张 */ gap: 30px; /* 图片间距 */ }
.fivepic li { position: relative; border: 0px solid #c0c1c2; border-radius: 5px; background: #fff;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); overflow: hidden;  /* 放大后超出部分隐藏 */}
.fivepic li:hover { background:#e5f7fc;}
.fivepic li img { display: block; transition: transform 0.4s ease; width: 100%; /* 让图片填满容器 */ height: auto; /* 让图片填满容器 */ border-radius: 5px 5px 0 0;}
.fivepic li:hover img { transform: scale(1.05);}
.fivepic li h2 { width: 90%; height: 80px; margin: 0 auto; line-height:80px;}



/*!******************************
      -------[=头部]-------
  ********************************/

.et-hero-tabs,
.et-slide {
  display: flex;
  flex-direction: column;
  height: 115px;
  position: relative;background-color: #fff;
}
.htmleaf-container { width:100%; background-color: #fff; }
.container {width: 100%; max-width: 1520px; margin: 0 auto; height:auto;}

.topall {width: 100%; line-height: 35px; color: #fff; background: #165aa3;}
.topmain { width: 100%; max-width: 1520px; margin: 0 auto;}
.topmain d { width: auto; float: left;}
.topmain dd { width: auto; float: right;}
.topmain dd a { color: #fff; margin-left: 20px;}

.et-hero-tabs-container {
  display: flex;
  flex-direction: row;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80px;
  border-top: 1px solid #e0e0e0;
  box-shadow: 0 2px 2px rgba(0,0,0,0.08);
  background: #f0f0f5;
  z-index: 999;
  margin:0 auto;
}
.et-hero-tabs-container--top {
  position: fixed;
  top: 0;
}

.et-hero-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  color: #000;
  letter-spacing: 0.1rem;
  transition: all 0.5s ease;
  font-size: 0.8rem;
}
.et-hero-tab:hover {
  color: white;
  background: rgba(102, 177, 241, 0.8);
  transition: all 0.5s ease;
}

 /*=============导航栏==============*/
    .nav {
      width: 100%;
      top: 0;
      left: 0;
      z-index: 9999;
    }

    .nav-inner {
      max-width: 1520px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 80px;
	  padding: 0 0;
    }

    

    .menu {
      list-style: none;
      display: flex;
      height: 100%;
    }

    .menu > li {
      position: static;
      padding: 0 25px;
      display: flex;
      align-items: center;
    }

    .menu > li > a {
      text-decoration: none;
      color: #333;
      font-size: 18px;
	  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    }

    /* 一级导航下拉小三角 */
    
.menu > li:has(.full-dropdown) > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.menu > li:has(.full-dropdown) > a::after {
  content: "";
  width: 5px;
  height: 5px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(45deg);
  transition: 0.3s;
}
.menu > li:hover > a::after {
  transform: rotate(225deg);
  margin-top: 3px;
}

    

    .submenu a::after,
    .third-menu a::after {
      display: none !important;
    }

    /* 下拉按钮 */
    .dropdown-toggle {
      display: none;
      width: 40px;
      height: 40px;
      position: relative;
      border: none;
      background: none;
      cursor: pointer;
    }
    .dropdown-toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transition: transform 0.3s;
}
.dropdown-toggle.active::after {
  transform: translate(-50%, -50%) rotate(-135deg);
}

    /* 汉堡按钮 —— 无小三角 */
    .hamburger {
      display: none;
      font-size: 24px;
      background: none;
      border: none;
      cursor: pointer;
	  margin-right: 10px;
    }

    .full-dropdown {
      position: absolute;
      top: 79px;
      left:0;
      width: 100%;
      background: #fff;
      box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	  border-top: 1px solid rgba(0,0,0,0.1);
      display: none;
      padding: 40px 0;
    }

    .dropdown-content {
      max-width: 1520px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      padding: 0 20px;
      gap: 0;
      justify-content: center;
    }

    /* ------------------------------ */
    /* �电脑端二级菜单 居中竖虚线 */
    /* ------------------------------ */
    .submenu {
      flex: 1;
      list-style: none;
	  margin-right: 80px;
      position: relative;
    }
	.third-menu .vall a { color: #000; font-weight: 500; text-decoration: underline;}


    /* 电脑端才显示虚线 */
    @media (min-width: 993px) {
      .submenu:not(:last-child)::after {
        content: "";
        width: 0px;
        height: 93%;
        position: absolute;
        right: 0;
        top: 2%;
        background: linear-gradient(to bottom, #ccc 50%, transparent 50%);
        background-size: 100% 8px;
      }
    }

    .submenu > li {
      margin-bottom: 12px;
    }
    .submenu > li > a {
      font-weight: 600;
      font-size: 16px;
    }

    .third-menu {
      list-style: none;
      padding-left: 0;
      margin-top: 10px;
    }
    .third-menu li {
      margin-bottom: 6px;
      white-space: nowrap;
    }
    .third-menu a {
      color: #2e353a;
      font-size: 15px;
    }

    .menu > li:hover .full-dropdown {
      display: block;
    }

    .overlay {
      position: fixed;
      top:0; left:0; width:100%; height:100%;
      background: rgba(0,0,0,0.3);
      z-index: 998;
      display: none;
    }

    /* 手机端 */
@media (max-width: 992px) {
  .et-hero-tabs, .et-slide {
    display: flex;
    flex-direction: column;
    height: 70px;
    position: relative;
    background-color: #fff;
}
  .menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 280px;
    height: 100vh;
    background: #fff;
    flex-direction: column;
    padding: 0;
    box-shadow: 2px 0 10px rgba(0,0,0,0.1);
    z-index: 9999;
    transition: left 0.3s ease;
    overflow-y: auto;
  }
  .menu > li > a {
      text-decoration: none;
      color: #333;
      font-size: 15px;
	  font-weight: 500;
    }
  /* 修复：类名拼写错误 */
  .meunright { display: none;}
  .meuntop-all-l { display:none;}
  .logo {
      display: inline;
    }
  .menu.active {
    left: 0;
  }

  .menu > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 !important;
    border-bottom: 1px solid #f1f1f1;
  }

  .menu a {
    flex: 1;
    padding: 15px 20px;
    display: block;
  }

  .menu > li > a::after {
    display: none !important;
  }

  .third-menu {
    list-style: none;
    padding-left: 0;
    margin-top: 0px;
  }
  .third-menu li {
    margin-bottom: 0px;
    white-space: nowrap;
  }
  .third-menu a {
    color: #666;
    font-size: 14px;
    padding: 10px 20px;
  }

  /* 下拉菜单开关按钮 */
  .dropdown-toggle {
    display: block;
  }
  /* 汉堡按钮显示 */
  .hamburger {
    display: block;
  }

  /* 大下拉菜单样式 */
  .full-dropdown {
    width: 100% !important;
    position: static !important;
    box-shadow: none !important;
    padding: 0 0 10px 20px !important;
    background: #fafafa !important;
    display: none;
  }
  .full-dropdown.open {
    display: block !important;
  }

  .dropdown-content {
    flex-direction: column;
    padding: 0;
    gap: 0;
  }

  .submenu {
    padding: 8px 0;
  }
}


/*!******************************
      -------[=banner]-------
  ********************************/
.carousel{width:100%;margin:0 auto;position:relative}
.carousel-wrap{border-radius:0px;overflow:hidden;}
.carousel-slide{display:flex;transition:transform .5s ease}
    
    /* 图片 + 链接样式 */
    .carousel-slide a {
      width: 100%;
      flex-shrink: 0;
    }
    .carousel-slide img{
      width:100%;
      height:auto;
      display:block;
      cursor: pointer;
    }

    /* 左右按钮 */
    
    
    /* 核心：按钮默认隐藏，悬停平滑显示 */
    .nava{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      width:44px;
      height:44px;
      border-radius:50%;
      background:#fff;
      border:none;
      box-shadow:0 2px 10px rgba(0,0,0,.1);
      cursor:pointer;
      font-size:18px;
      color:#333;
      z-index:10;
      /* 默认隐藏 + 过渡动画 */
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
    }
    /* 悬停显示按钮 */
    .carousel:hover .nava{
      opacity: 1;
      visibility: visible;
    }
    .prev{left:16px}
    .next{right:16px}
	.h-r{float:right}
	
	
.introduction {
    transform: translateY(-50px);
    position: relative;
    z-index: 10;
}
.introduc { width: 100%; max-width: 1520px; margin: 20px auto;}
        /* 图片组容器 */
.introduc { display: block; margin-top: 0px;}
        /* 图片列表 - 网格布局 */
.introduc ul { display: grid; grid-template-columns: repeat(3, 1fr); /* 一行3张 */ gap: 30px; /* 图片间距 */ }
.introduc li { position: relative; border: 0px solid #c0c1c2; border-radius: 5px; background: #fff;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); padding: 5%; border-bottom: 2px solid #165aa3; transition: all 0.3s ease;}
.item {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 1.5%;
    background: #FFF;
    border-radius: 5px;
    transform: translateY(0);
    transition: all .3s linear;
}
.introduc li:hover {
    transform: translateY(10px);
    transform: scale(1.01);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.item .title { font-size:18px; font-weight: 600;}
.item .left {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #165aa3;
}
.introduc li:hover .left:hover  { background: #ccc;}
.item .left i {
    font-size: 28px;color: #fff;
}
.aboutin { width: 100%; max-width: 1520px; margin: 20px auto; height:auto;}
.aboutinl { float: left; width: 48%;}
.aboutinl img { width: 100%; height: auto;}
.aboutinr { float: right; width: 48%;}
.home-title { font-size: 28px; margin-bottom:10px; margin-top:10px;}
 .inter {
    display: flex;
    box-sizing: border-box;
    margin: 4% 0;
    padding: 10px 0px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    align-items: center;font-weight: 500;
}
.inter div {
    display: inline-flex;
    width: 40%;
    align-items: center;
    line-height: 1.2;
}
.inter i { font-size: 38px;color: #165aa3; margin-right:10px;}
.btn {
    display: inline-flex;
    width: 150px;
    height: 50px;
    border-radius: 5px;
    background-color: #165aa3;
    color: #FFFFFF;
    transition: all .2s ease;
    align-items: center;
    justify-content: center;
    text-transform: lowercase;
    line-height: 1
}
.btn a { font-size: 18px;color: #fff;}
.hometitle { width: 100%; max-width: 1520px; margin: 0 auto; font-size: 38px; font-weight: 500; align-items: center; text-align: center; margin-top:80px;}
.categoryinx { width: 100%; max-width: 1520px; margin: 20px auto;}
        /* 图片组容器 */
.categoryinx { display: block; margin-top: 30px;}
        /* 图片列表 - 网格布局 */
.categoryinx ul { display: grid; grid-template-columns: repeat(4, 1fr); /* 一行3张 */ gap: 30px; /* 图片间距 */ }
.categoryinx li { position: relative; border: 0px solid #c0c1c2; border-radius: 5px; background: #fff;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); }
.categoryinx li:hover { background:#e5f7fc;}
.categoryinx li img {width: 100%; /* 让图片填满容器 */ height: auto; /* 让图片填满容器 */ border-radius: 5px 5px 0 0;}
.categoryinx li {
  overflow: hidden;  /* 放大后超出部分隐藏 */
  border-radius: 8px;  /* 可选，圆角 */
}

.categoryinx li img {
  display: block;
  width: 100%;
  transition: transform 0.4s ease;
}

.categoryinx li:hover img {
  transform: scale(1.05);
}
.categoryinx li h1 { width: 90%; height: 80px; margin: 0 auto; line-height:80px;}


.cplbinx { width: 100%; max-width: 1520px; margin: 0 auto;}
        /* 图片组容器 */
.cplbinx { display: block; margin-top: 30px;}
        /* 图片列表 - 网格布局 */
.cplbinx ul { display: grid; grid-template-columns: repeat(3, 1fr); /* 一行3张 */ gap: 20px; /* 图片间距 */ }
.cplbinx li { position: relative; border: 0px solid #c0c1c2; border-radius: 5px; background: #fff;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); }
.cplbinx li:hover { background:#e5f7fc;}
.cplbinx li img {width: 100%; /* 让图片填满容器 */ height: auto; /* 让图片填满容器 */ border-radius: 5px 5px 0 0;}
.cplbinx li {
  overflow: hidden;  /* 放大后超出部分隐藏 */
  border-radius: 8px;  /* 可选，圆角 */
  position: relative;
  
}

.cplbinx li img {
  display: block;
  width: 100%;
  transition: transform 0.4s ease;
}

.cplbinx li:hover img {
  transform: scale(1.05);
}
.cplbinx li h1 { width: 90%; height: 60px; margin: 0 auto; margin-top:70px; line-height:80px;}
.cplbinx li h1 a { color: #fff;}
.img-text {
  /* 默认隐藏 */
  position: absolute;
  bottom: 0;
  left: 0;
  top:0;
  width: 100%; padding: 0 5%;
  background: rgba(0,0,0,0.6);
  color: #fff;
  text-align: center;
  justify-content: center;
  padding: 10px 0;
  /* 初始透明度0 */
  opacity: 0;
  transition: all 0.3s ease;
}
.cplbinx li:hover .img-text {
  opacity: 1;
}

.numCount{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap:0px;
  width: 100%; max-width: 1520px; margin: 0 auto; margin-top:40px; height: 120px;
}
.itemnum{
  text-align:center; 
  border-top: 1px solid #c0c1c2;
    border-left: 1px solid #c0c1c2;
    border-right: 1px solid #c0c1c2;
    border-bottom: 3px solid #00a0ea;
    padding-top: 30px;
    background: #fff;
}
.itemnum .num{
  font-size:45px;
  font-weight:bold;
  color:#184099;
}
.itemnum p{
  font-size:16px;
  color:#555;
  margin-top:8px;
}

.wwwc { width: 100%; height: auto; background: url(../img/bgi.jpg) no-repeat; margin-top:40px;}
.hometitlea { width: 100%; max-width: 1520px; margin: 0 auto; font-size: 38px; font-weight: 500; align-items: center; text-align: left; padding-top:40px; color:#fff;}

.whatcc { width: 100%; max-width: 1520px; margin: 0 auto;}
        /* 图片组容器 */
.whatcc { display: block; margin-top: 30px;}
        /* 图片列表 - 网格布局 */
.whatcc ul { display: grid; grid-template-columns: repeat(4, 1fr); /* 一行3张 */ gap: 30px; /* 图片间距 */ }
.whatcc li { position: relative; border: 0px solid #c0c1c2; border-radius: 5px; }
.whatcc li img {width: 100%; /* 让图片填满容器 */ height: auto; /* 让图片填满容器 */ border-radius: 5px;}


.jiemc { position: relative; /* 作为定位父级 */}
.jiemc img {
  width: 100%;
  display: block; /* 消除图片底部缝隙 */
}
.jiemc h2 {
  position: absolute;
  text-align: center;
  color: #333;
  font-size: 20px;
  width: 100%;
  padding-top: 80px;
}

.jiemt { margin-bottom: 20px; position: relative; /* 作为定位父级 */}
.jiemt img {
  width: 100%;
  display: block; /* 消除图片底部缝隙 */
}
.jiemt h2 {
  position: absolute;
  text-align: center;
  color: #333;
  font-size: 20px;
  width: 100%;
  padding-top: 30px;
}

.jiemb { position: relative; /* 作为定位父级 */}
.jiemb img {
  width: 100%;
  display: block; /* 消除图片底部缝隙 */
}
.jiemb h2 {
  position: absolute;
  text-align: center;
  color: #333;
  font-size: 20px;
  width: 100%;
  padding-top: 30px;
}

.jiemtt { margin-bottom: 7%; height:45%; background:#fff; border-radius: 5px; position: relative; /* 作为定位父级 */}
.jiemtt img {
  width: 100%;
  display: block; /* 消除图片底部缝隙 */
}
.jiemtt h2 {
  position: absolute;
  text-align: center;
  color: #333;
  font-size: 20px;
  width: 100%;
  padding-top: 30px;
}

.jiembb { height:50%; background:#fff; border-radius: 5px; position: relative; /* 作为定位父级 */}
.jiembb img {
  width: 100%;
  display: block; /* 消除图片底部缝隙 */
}
.jiembb h2 {
  position: absolute;
  text-align: center;
  color: #333;
  font-size: 20px;
  width: 100%;
  padding-top: 30px;
}

.ccfb { width: 100%; height: auto; background: url(../img/ccfb.jpg) no-repeat; margin-top:40px; padding-bottom:40px;}
.hometitlec { width: 100%; max-width: 1520px; margin: 0 auto; font-size: 38px; font-weight: 500; align-items: center; text-align: center; padding-top:40px; color:#fff;}
.ccfbc { width: 100%; max-width: 1520px; margin: 0 auto;}
        /* 图片组容器 */
.ccfbc { display: block; margin-top: 30px;}
        /* 图片列表 - 网格布局 */
.ccfbc ul { display: grid; grid-template-columns: repeat(4, 1fr); /* 一行3张 */ gap: 20px; /* 图片间距 */ }
.ccfbc li { position: relative; border: 0px solid #c0c1c2; border-radius: 5px; background: #fff;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; padding-bottom:20px;}
.ccfbc li img {
  display: block;
  width: 100%;
  transition: transform 0.4s ease;
}
.ccfbc li:hover {
  transform: translateY(-6px); /* 向上移动6px，数值越大抬越高 */
  box-shadow: 0 8px 16px rgba(0,0,0,0.15); /* 黑色阴影，营造悬浮 */
}
.ccfbc li:hover img {
  transform: scale(1.05);
}
.ccfbc li h2 { width: 90%; margin: 0 auto;}
.ccfbc li p { width: 90%; margin: 0 auto;}

.cc-im {
  position: relative;
  display: inline-block;
}
.cc-im::after {
  content: '';
  position: absolute;
  left:0;top:0;right:0;bottom:0;
  background: rgba(0,0,0,0.4);
  opacity: 0;
  transition: opacity 0.3s;
}
.cc-im:hover::after {
  opacity: 1;
}

.cc-im img {width: 100%; /* 让图片填满容器 */ height: auto; /* 让图片填满容器 */ display:block;}
.cc-im {
  overflow: hidden;  /* 放大后超出部分隐藏 */
  position: relative;
  
}

.ocert { width: 100%; height: auto; background: #fbfbfb; padding-bottom: 40px; padding-top:2px;}
.ocertt { width: 100%; max-width: 1520px; margin: 0 auto;}
        /* 图片组容器 */
.ocertt { display: block; margin-top: 30px;}
        /* 图片列表 - 网格布局 */
.ocertt ul { display: grid; grid-template-columns: repeat(5, 1fr); /* 一行3张 */ gap: 20px; /* 图片间距 */ }
.ocertt li { position: relative; border: 0px solid #c0c1c2; border-radius: 5px; transition: all 0.3s ease; overflow: hidden;  /* 放大后超出部分隐藏 */
  position: relative;}
.ocertt li img {
  display: block;
  width: 100%;
  transition: transform 0.4s ease;
}
.ocertt li:hover {
  transform: translateY(-6px); /* 向上移动6px，数值越大抬越高 */
  box-shadow: 0 8px 16px rgba(0,0,0,0.15); /* 黑色阴影，营造悬浮 */
}
.ocertt li:hover img {
  transform: scale(1.05);
}


.opart { width: 100%; height: auto; background: #f4f4f4; padding-bottom: 40px; padding-top:2px;}
.opartt-wrap {
  width: 100%; max-width: 1520px; margin: 0 auto;
  overflow: hidden;
}
/* 滚动盒子 */
.opartt-box {
  display: flex;
  /* 动画：名称 时长 线性匀速 无限循环 */
  animation: scrollLeft 15s linear infinite;
  padding-top:20px;
}
/* 鼠标悬浮暂停（可选） */
.opartt-wrap:hover .opartt-box {
  animation-play-state: paused;
}
/* 图片样式 */
.opartt-box img {
  height: 120px;
  margin: 0 10px;
  object-fit: cover;
}
/* 向左滚动关键帧 */
@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  /* 移动自身宽度的一半，因为有两组图片 */
  100% {
    transform: translateX(-50%);
  }
}
.newscen {width: 100%; height: auto;}
.newscent { width: 100%; max-width: 1520px; margin: 0 auto;}
        /* 图片组容器 */
.newscent { display: block; margin-top: 30px;}
        /* 图片列表 - 网格布局 */
.newscent ul { display: grid; grid-template-columns: repeat(4, 1fr); /* 一行4张 */ gap: 30px; /* 图片间距 */ }
.newscent li { position: relative; border: 0px solid #c0c1c2; border-radius: 5px; transition: all 0.3s ease; overflow: hidden;  /* 放大后超出部分隐藏 */ border: 1px solid #EDEDED;
  position: relative; padding-bottom:15px;}
.newscent li img {
  display: block;
  width: 100%; height: 220px;
  transition: transform 0.4s ease;
}
.newscent li:hover {
  transform: translateY(-6px); /* 向上移动6px，数值越大抬越高 */
  box-shadow: 0 8px 16px rgba(0,0,0,0.15); /* 黑色阴影，营造悬浮 */
}
.newscent li d { display: block; width: 90%; margin: 0 auto; background: #EDEDED; height:40px; padding: 0 5%; margin-bottom:10px;}
.newscent li d a { position: relative; float:right; line-height:40px;}
.newscent li h3 { width: 90%; margin: 0 auto; padding-bottom:10px;}
.newscent li h3 a { font-size:20px; font-weight:500; line-height:26px; color: #000000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 52px;
}
.newscent li p { width: 90%; margin: 0 auto; overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 80px;}



.footer {width: 100%; height: auto; background: #165aa3;}
.footmain { width: 100%; max-width: 1520px; margin: 0 auto;}
        /* 图片组容器 */
.footmain { display: block; margin-top: 30px;}
        /* 图片列表 - 网格布局 */
.footmain ul { display: grid; grid-template-columns: repeat(4, 1fr); /* 一行4张 */ gap: 30px; /* 图片间距 */ }
.footmain li { position: relative; transition: all 0.3s ease; overflow: hidden;  /* 放大后超出部分隐藏 */ 
  position: relative; padding-bottom:15px; padding-top:15px; color: #fff;}
.footmain li h3 { color: #fff; font-size:18px;}
.footmain li a { display: block; /* 转为块级元素，自动独占一行 */  color: #fff;}
.footmain li img { width: 110px;}
.footbt { width: 100%; background: #135295; height: 50px; line-height: 50px; text-align: center;color: #fff;}






.about {width: 100%; max-width: 1520px; margin: 0 auto; }
.abouta { display: grid;
  grid-template-columns: repeat(2,1fr);
  gap:40px;
  width: 100%; max-width: 1520px; margin: 0 auto; margin-top:40px; }
.abouta img { width: 100%;}

.att { display: flex;
  align-items: center;}

.atab { display: grid;
  grid-template-columns: repeat(4,1fr);
  gap:20px; width: 100%; margin-top:40px; text-align: center; }
.ata i { background: #165aa3; width: 10%; color:#165aa3; margin-top:10%; font-size:4px; }
.ata h2 { font-size:25px; font-weight: 600; padding: 2% 0;}
.atabb  { background: #f7f7f7; color: #333; padding-top: 40px; padding-bottom: 30px; border-radius: 5px; }
.atabb:hover  { background: #165aa3; color: #fff;}
.atabb d { font-size:32px; font-weight: 600;}
.atabb p { font-size:18px; }


.abouttitlea { width: 100%; max-width: 1520px; margin: 0 auto; margin-top:80px; text-align: center;}
.abouttitlea h2 {font-size:30px;}

.aboutb { display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:30px; width: 100%; margin-top:20px; text-align: center;}
.aboutb h5 { font-size:20px; font-weight: 600; padding-bottom:15px; padding-top:15px;}
.aboutb i { font-size:60px; color:#165aa3; display: inline-block;
  transition: transform 0.3s ease;
  cursor: pointer;}
.aboutb:hover i:hover {
  transform: rotateY(180deg); /* Y轴左右翻转；rotateX(180deg)上下翻转 */
}
.aboutba {border-radius: 5px; background: #f7f7f7; padding:30px; }

.aboutc { display: grid;
  grid-template-columns: repeat(2,1fr);
  gap:40px; width: 100%; margin-top:30px; text-align: center; }




.abouthis {
    max-width: 1520px;
    margin: 4% auto 0;
    position: relative;
    padding-bottom: 20px;
    z-index: 1
}

.abouthis::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 1px;
    height: 100%;
    background: red;
    z-index: -1
}

.abouthis .itemt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px
}

.abouthis .itemt:nth-child(2n) {
    flex-direction: row-reverse
}

.abouthis .itemt:nth-child(2n) .left {
    flex-direction: row-reverse
}

.abouthis .itemt:nth-child(2n) .icon {
    background: #86b7eb;
    color: red;
}

.abouthis .itemt:nth-child(2n) .info::after {
    left: -40px;
    right: auto;
    border: 20px solid transparent;
    border-right: 20px solid #fff
}

.abouthis .itemt:nth-child(2n) .right {
    flex-direction: row-reverse
}

.abouthis .itemt:nth-child(2n) .year {
    flex-direction: row-reverse; display: flex;
}

.abouthis .itemt:nth-child(2n) .year::after {
    background: linear-gradient(-90deg,red,#fff)
}

.abouthis .itemt .left,.abouthis .itemt .right {
    width: 45%
}

.abouthis .itemt .left {
    display: flex
}

.abouthis .itemt .icon {
    width: 60px;
    height: 60px;
    background: #165aa3;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600
}

.abouthis .itemt .icon em {
    font-size: 20px
}

.abouthis .itemt .info {
    width: 95%;
    background: #fff;
    box-shadow: 0 3px 49px 5px rgba(224,224,224,.55);
    border-radius: 10px;
    padding: 30px;
    position: relative;
    transition: all .1s linear;
    text-align: center;
}

.abouthis .itemt .info:hover {
    box-shadow: 0 3px 49px 5px rgba(198,198,198,.8)
}

.abouthis .itemt .info::after {
    content: "";
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left: 20px solid #fff
}

.abouthis .itemt .info .name {
    font-size: 22px;
    font-weight: 500;
    color: #333;
    line-height: 1.2;
}

.abouthis .itemt .right {
    display: flex;
    align-items: center
}

.abouthis .itemt .length {
    width: 50px;
    height: 5px;
    background: red;
    border-radius: 3px;
    margin-right: 20px
}
.abouthis .itemt .year span:nth-child(1) {
    color: #165aa3;
    font-size: 24px;
    font-weight: 600;
}
.abouthis .itemt i { color: red; font-size:25px; font-weight:600;}

.abouttop {width: 100%; margin: 0 auto; }
.abouttop img {width: 100%; margin: 0 auto; }
.abtbread {width: 100%; margin: 0 auto; line-height:50px; border-bottom: 1px solid #f7f7f7;}
.breadcrumb {width: 100%; max-width: 1520px; margin: 0 auto;}
.breadcrumb h1 { width: auto; float:right;}


.pagesitem {width:100%; line-height:25px; text-align:center; margin:0 auto; height:60px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #165aa3;
    border-color: #165aa3;
    cursor: default;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li>a {
    margin-right: 3px;
}
.pagination>li>a:hover {
    background: #f0f0f6;
}

.productsall {width: 100%; max-width: 1520px; height:auto; margin: 0 auto;}
.productsall-l { width: 72%; float: left; }
.productsall-r { width: 23%; float: right; }

.productsall-la  { display: block; width: 100%; margin: 20px auto;}
.productsall-la  ul { display: grid; grid-template-columns: repeat(3, 1fr); /* 一行3张 */ gap: 30px; /* 图片间距 */ }
.productsall-la  li { position: relative; border: 1px solid #c0c1c2;  background: #fff; overflow: hidden;  /* 放大后超出部分隐藏 */}
.productsall-la  li:hover { background:#f2f2f2f;}
.productsall-la  li img { display: block; transition: transform 0.4s ease; width: 100%; /* 让图片填满容器 */ height: auto; /* 让图片填满容器 */ border-radius: 5px 5px 0 0;}
.productsall-la  li:hover img { transform: scale(1.05);}
.productsall-la  li h2 { width: 90%; height: 50px; margin: 0 auto; line-height:50px;}
.productsall-la  li p { width: 90%; margin: 0 auto; line-height:25px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 50px; margin-bottom:15px;}

.newslest { width: 100%; height: auto; border: 1px solid #165aa3; display: flex; }
.productsall-r h2 { width: 92.2%; height: 55px; margin: 0 auto; padding: 0 4%; background: #165aa3; color: #fff; margin-top:20px; border: 1px solid #165aa3; font-size: 22px; line-height: 55px;}
.newslest li { display: flex; width: 100%; height: auto; margin: 0 auto; border-bottom: 1px solid #c0c1c2; align-items: center;}
.newslest li d { width: 30%; height: 100px; float: left; margin:10px;}
.nltt { width: 65%; margin-right: 10px; float: right;}
.nltt span { display: flex; width: 100%; height: auto;}
.nltt ii { display: flex; width: 100%; height: auto; color: #165aa3;}
.nltt ii a { color: #165aa3;}
.nltt ii i { margin-right:5px;}
.newslest li h3 { width: 65%; height: 100px; float: right; font-size: 16px; font-weight: 500; line-height:30px; display: flex; align-items: center;}
.newslest li d img { width: 100%; height: 100%; }

.procate { width: 100%; height: auto; border: 1px solid #165aa3; display: flex; padding: 10px 0;}
.procate li { display: block; width: 96%; margin: 0 auto; line-height: 40px; }
.procate ul { width: 100%; height: auto;}
.procate ul li em { display: block; width: 97%; border-bottom: 1px solid #165aa3; background: #f2f2f2; padding-left: 3%; font-size: 18px; font-weight:500;}
.procate ul li ul li { display: block; width: 94%; margin: 0 auto;}

.productsshow  { display: block; width: 100%; margin: 20px auto;}
.productsshow-t { display: block; width: 100%; margin: 20px auto; height:640px;}

.productsshow-im { width: 40%; float: left;}
.productsshow-it { width: 56%; float: right;}
.productsshow-it d i { font-size: 20px; color: #165aa3; margin-right:10px;}
.productsshow-it d { display: block; width:100%; height: 50px; margin-top: 20px;}
.lxxg a { padding: 12px 40px; border: 1px solid #165aa3; color: #165aa3;}
.lxxg a:hover { border: 1px solid #165aa3; background: #165aa3; color: #fff;}
.yzm-image{
	width: 100%;
	height: auto;
	text-align: center;
	border: 1px solid #e0e0e0;
}
.yzm-image img{
	width: 100%;
	height:100%;
	overflow: hidden;
}
.yzm-switch{
	width: 100%;
	height: 100px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.yzm-switch-center{
	width: 100%;
	height: 100px;
}
.yzm-switch-center { width: 100%; margin: 0px auto; height:auto; display: block; margin-top: 10px; height:auto; }
        /* 图片列表 - 网格布局 */
.yzm-switch-center ul { display: grid; grid-template-columns: repeat(5, 1fr); /* 一行3张 */ gap: 1.58%; /* 图片间距 */ }
.yzm-switch-center li{
	display: inline;
	margin-bottom: 0px;
	padding-top: 0px; 
	
}
.yzm-switch-center li a{display: block;}
.yzm-switch-center li a img{width: 100%; height: 100%;border: 1px solid #e0e0e0;margin-bottom: 0px;}
.yzm-switch-center li a.on{border: 0px solid #c0c1c2;}
.yzm-switch-center li a:hover{border: 0px solid #c0c1c2;}
.yzm-content {
	height: auto;
	width: 100%;
	float: left; margin-top: 15px;
}
.productsshow-b { display: block; width: 100%; margin: 20px auto;}
.productsshow-b img { max-width: 100%;
  height: auto;
  display: block; }


.two-item.active {
    display: block; border-left: 5px solid #FF5F3E; line-height: 40px; font-weight: 600; height: 40px; background: #165aa3;
    color: #fff; padding-left:10px ;
}

.newslist-la { display: block; width: 100%; margin: 20px auto;}
.newslist-la li {
    position: relative;
    display: flex;
    margin-bottom: 2em;
    width: 100%; border: 1px solid #EDEDED;
}
.newimg { width: 25%;}
.newimg img { width:100%; height: auto;}
.newsttd { width: 75%;}
.tviw { width:100%; height: 40px; line-height: 40px;
    box-sizing: border-box;
    padding: 0px 10px;
    background-color: #fafafb;
    align-items: center;}
.tviw dd {background: #165aa3; color: #fff; float: left; padding: 0 10px;}
.tviw d {float: right;}
.newsttd h2 { width:90%; margin: 0 auto; font-weight: 500; font-size: 20px; margin-top:10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.newsttd p { width:90%; margin: 0 auto; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newsshow-all { display: block; width: 100%; margin-top:20px;}
.newsshow-all img { max-width: 100%;
  height: auto;
  display: block; }
.productsshow-b h4 { display: block; width:100%; height: auto; font-size: 26px; color:#165aa3; margin: 10px auto;}
.pabt {display: block; width:100%; height: auto; clear: both;}
.prfaq {display: block; width:100%; height: auto;}
.pabtimg { width: 55%; height: auto; float: left;}
.pabtwqc { width: 44%; height: auto; float: right;}


.btn_green {margin-top: 16px;
    padding: 10px;
    width: 100%;
    border: none;
    border-radius: 5px;
    background: #165aa3;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;}
.liuyan .form-control {
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #FFFFFF;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    height: 35px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
	border-radius: 4px
}
.input-group .form-control {
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #FFFFFF;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    height: 35px;
    width: 30%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
	border-radius: 4px; float:left; margin-right:20px;
}
.liuyan { width: 100%;}
.liuyan h2 { width:100%; font-weight: 500; font-size: 25px; margin-top:10px; margin-bottom:10px; border-bottom: 1px solid #165aa3; color:#165aa3;}
.tviq {display: block; width:100%; height: auto; clear: both;}
.tviq i { color:#165aa3; margin-right:10px;}
.tviq d { margin-right:50px;}

.newspagewrap { display: block; width:100%; height: 50px; margin:20px auto;}
.newsprev { width: 45%; float: left; background-color: #F9F9F9; display: flex; padding: 15px;}
.newsnext { width: 45%; float: right; background-color: #F9F9F9; display: flex; padding: 15px;}
.ctinq { width: 65%; float: left;}
.allct { width: 30%; float: right;}