/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：js.AdminBuy.Cn */
/* 在线工具 Tool.Adminbuy.Cn */
/* QQ：9490489 */
body {
  font-family:Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Hiragino Sans GB W3, WenQuanYi Micro Hei, sans-serif
}
.h1, .h2, .h3, .h4, .lead, h1, h2, h3, h4 {
  font-family:Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Hiragino Sans GB W3, Microsoft YaHei UI, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif
}
body {
  padding-top:160px;
  /* padding-bottom:70px; */
}
@media (max-width: 767.98px) {
  body {
    padding-top:60px;
  }
}
a:hover{color: #ff0000;text-decoration:none} 
.tel a{ display:block; padding-left:50px;}
.media .img-thumbnail{height:90px; width:121px;}
.prolist{ margin-bottom:20px;}
.jumbotron{ padding: 30px 0px; }

h3{ font-size: 16px;padding:20px 0px; }
p{ line-height:160%;}
figcaption{text-align: center;}
.py-3 .media-body{overflow:hidden;}
.media-body h5{ font-size: 15px;text-overflow:ellipsis; overflow:hidden;margin-bottom: .3rem;white-space:nowrap;overflow: hidden;text-overflow:ellipsis; }
.media-body .text-muted{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.media .media-body p{font-size:14px;}
.navbar-brand{font-size: 1em;}
.prolist .figure-caption{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 100%; line-height:40px}
.footer{background: #00833d;color:#fff;padding: 40px 0 20px;}
.footer h4{border-bottom: 2px solid #fff; padding-bottom: 10px;}
.footer a{ font-size: 14px; color:#fff;}
.footer a:hover{color: #ff0000;text-decoration:none}
.footer .foot_da{margin: 20px auto 10px;}
.footer .foot_da p{padding: 0;display: inline-block;}
.footer .foot_da p a{ padding: 4px 0; border-bottom: dashed 1px #353535;width: 50%;float: left;}
.footer .wechat p{line-height: 25px;padding: 0;text-align: center;margin: 0;}
.footer .wechat p img{ margin: auto;display: block;}
.footer p{ padding-top: 10px;font-size: 14px; }
.jz{ margin:0 auto;}
.footer .text-muted p{color: #fff;font-size: 13px; text-align: center; padding-bottom: 0;margin: auto;}
.footer .lxfs p{    padding: 0;line-height: 30px;margin: 0;font-size: 14px;}
.footer .links p{text-align: center;font-size: 12px; padding-bottom: 0;margin: auto;}
.line2{text-indent:2em}
.ab50{ width:50%}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: 50px;
  height: 50px;
}
.mySwiper{ margin-bottom:20px}
.carousel-control-prev-icon {
  background-image: url(../images/banner_left.png);
}
.carousel-control-next-icon {
  background-image: url(../images/banner_right.png);
}
.carousel-indicators .active {
  background-color: #ff0000;
     height: 5px;
     opacity: 1;
     transition: opacity .6s ease;
 }
 .carousel-indicators li{
  height: 5px;
  opacity:1;
  background-color: #223f9d;
 }
 .ab_logo{ margin-bottom:0}
 .ab_logo img{ height:4rem}
 .navbar-wrapper{ z-index:1030; width:100%;}
 .header-top-row{ background-color:#fff; width:100%; border-bottom: 1px solid rgba(0,0,0,0.1); min-height:100px;}
 .header-top-row .container{ min-height:100px;}
 .header-top-row .d-flex{ min-height:100px;}
@media (max-width: 767.98px) {
  .header-top-row{ min-height:60px;}
  .header-top-row .container{ min-height:60px;}
  .header-top-row .d-flex{ min-height:60px;}
  .ab_logo img{ height:3rem;}
}
 .header-phone{ color:#333; font-size:18px; font-weight:500; display:inline-flex !important; align-items:center; padding:8px 16px; background:linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%); border-radius:25px; box-shadow:0 2px 8px rgba(0,0,0,0.1); transition:all 0.3s ease; text-decoration:none; flex-shrink:0;}
 .header-phone:hover{ transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,0.15); text-decoration:none; color:#333;}
 .header-phone-icon{ display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; background-color:#00833d; border-radius:50%; margin-right:10px; color:#fff; font-size:16px;}
 .header-phone-icon i{ color:#fff;}
 .header-phone-number{ font-weight:600; letter-spacing:0.5px;}
 /* 联系信息容器 */
 .header-contact{ gap:15px !important; align-items:center !important; flex-direction:row !important; flex-wrap:nowrap !important; display:flex !important;}
 /* 微信二维码直接显示 */
 .wechat-qrcode{ padding:0; margin:0; background:transparent; border:none; box-shadow:none; flex-shrink:0; vertical-align:middle;}
 .wechat-qrcode::before{ display:none;}
 .wechat-qrcode img{ width:100px; height:100px; display:block; margin:0; padding:8px; }
 .wechat-label{ color:#666; font-size:12px; margin:0; font-weight:400; white-space:nowrap;}
 .header-phone{ display:inline-flex !important; flex-shrink:0;}
 /* 移动端隐藏微信二维码和电话 */
 @media (max-width: 767.98px) {
   .wechat-qrcode{ display:none !important;}
   .header-phone{ display:none !important;}
 }
 /* 移动端导航按钮样式 */
 .header-top-row .navbar-toggler{ border:2px solid #00833d; border-radius:4px; padding:4px 8px;}
 .header-top-row .navbar-toggler .navbar-toggler-icon{ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 131, 61, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); width:20px; height:20px;}
 .navbar-wrapper .navbar{ padding-top:0; padding-bottom:0; min-height:60px; overflow:visible;}
 /* 手机端导航栏样式 */
 @media (max-width: 767.98px) {
   .navbar-wrapper .navbar{ display:block !important; background-color:transparent !important; padding:0; min-height:auto;}
   .navbar-wrapper .navbar .container{ padding:0 15px;}
   .navbar-wrapper .navbar .navbar-collapse{ background-color:#00833d; margin-top:10px; border-radius:4px; box-shadow:0 2px 8px rgba(0,0,0,0.1); padding:10px 0;}
   .navbar-wrapper .navbar .navbar-nav{ flex-direction:column; width:100%; height:auto !important;}
   .navbar-wrapper .navbar .navbar-nav .nav-item{ width:100%; text-align:left; border-bottom:1px solid rgba(255,255,255,0.1);}
   .navbar-wrapper .navbar .navbar-nav .nav-item:last-child{ border-bottom:none;}
   .navbar-wrapper .navbar .navbar-nav .nav-link{ padding:12px 20px; width:100%; color:#fff !important;}
   .navbar-wrapper .navbar .navbar-nav .nav-link:hover{ background-color:rgba(255,255,255,0.1);}
   /* 手机端隐藏下拉菜单和箭头，统一所有菜单项样式 */
   .navbar-wrapper .navbar .dropdown-menu{ display:none !important;}
   .navbar-wrapper .navbar .nav-item.dropdown .nav-link::after,
   .navbar-wrapper .navbar .nav-item.dropdown .nav-link .dropdown-toggle::after{ display:none !important;}
   .navbar-wrapper .navbar .nav-item.dropdown,
   .navbar-wrapper .navbar .nav-item{ text-align:left !important; justify-content:flex-start !important;}
   .navbar-wrapper .navbar .nav-item.dropdown .nav-link,
   .navbar-wrapper .navbar .nav-item .nav-link{ padding:12px 20px !important; width:100% !important; color:#fff !important; background:none !important; text-align:left !important; display:flex !important; align-items:center !important; justify-content:flex-start !important;}
   .navbar-wrapper .navbar .nav-item.dropdown .nav-link:hover,
   .navbar-wrapper .navbar .nav-item .nav-link:hover{ background-color:rgba(255,255,255,0.1) !important;}
 }
 .navbar-wrapper .navbar .navbar-nav{ height:60px; align-items:center; overflow:visible;}
 .navbar-nav.nav-justified{ width:100%; display:flex; justify-content:space-between; flex-wrap:nowrap;}
 .navbar-nav.nav-justified .nav-item{ flex:0 1 auto; text-align:center; white-space:nowrap; position:relative;}
 .navbar-nav.nav-justified .nav-link{ display:block; padding:0.5rem 1rem; font-size:14px; transition:all 0.3s ease;}
 .navbar-nav.nav-justified .nav-link:hover{ background-color:rgba(255,255,255,0.1);}
 /* 下拉菜单hover显示 */
 .navbar-nav .nav-item.dropdown:hover .dropdown-menu,
 .navbar-nav .nav-item.dropdown .dropdown-menu:hover{ display:block !important; opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);}
 .navbar-nav .dropdown-menu{ display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%) translateY(0); background-color:#fff; min-width:180px; box-shadow:0 4px 12px rgba(0,0,0,0.15); border:none; border-radius:4px; padding:8px 0; margin:0; opacity:0; visibility:hidden; transition:all 0.3s ease; z-index:1000; pointer-events:auto;}
 .navbar-nav .nav-item.dropdown{ padding:0; margin:0; overflow:visible;}
 .navbar-nav .nav-item.dropdown .nav-link{ margin:0; height:60px; display:flex; align-items:center; justify-content:center;}
 .navbar-nav .dropdown-menu::before{ content:''; position:absolute; top:-8px; left:50%; transform:translateX(-50%); width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #fff; pointer-events:none;}
 .navbar-nav .dropdown-item{ display:block; padding:10px 20px; color:#333; text-decoration:none; font-size:14px; transition:all 0.2s ease; border-bottom:1px solid #f0f0f0;}
 .navbar-nav .dropdown-item:last-child{ border-bottom:none;}
 .navbar-nav .dropdown-item:hover{ background-color:#00833d; color:#fff; padding-left:25px;}
 .list-group{ margin-bottom:15px}
 .ab_title{ font-size:22px; text-align:center}
 .newscontent{ margin-top:15px}
 .ab_p{ color:#999; font-size:14px}
.left_pro li,.left_peijian li{list-style-type:none;margin: 5px 0;}
.left_pro li:nth-of-type(n+2){text-align: center;overflow: hidden;}
.left_pro li p{font-size: 14px;margin: 5px auto;}
.left_peijian li:nth-of-type(n+2){padding:0 8px;border-bottom: 1px dashed #ddd;}
.left_peijian li a{font-size: 14px;color: #000;}
.left_pro li span{display: block;margin: 5px 0;}
.left_peijian dl{margin: 2px auto;border: 1px solid rgba(0,0,0,.125);}
.left_peijian dl dd{text-align: center;}
.left_prod li:nth-of-type(n+2){padding:0 8px;border-bottom: 1px dashed #ddd;list-style-type: none;margin: 5px 0;}
.left_prod li a{font-size: 14px;color: #000;}
.left_pro dl{margin: 2px 0;border: 1px solid rgba(0,0,0,.125);}
.left_pro dl dd{text-align: center;}
.left_case dl{margin: 2px auto;border: 1px solid rgba(0,0,0,.125);}
.left_case dl dd{text-align: center;}
.left_case dl dd a{font-size: 14px;color: #000;}
.newsother .media-body p{font-size: 14px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  overflow: hidden;}
@media (min-width: 768px){ 

.prolist img{height:170px; width:240px;}
.newsshow h1,.proshow h1{ font-size: 22px;text-align:center; }
.newscontent{ padding:20px 0; }
.newscontent h3{ font-size: 16px;padding:2px 0px; }
.newscontent h4{font-size: 15px;padding:2px 0px;}
.newscontent p{margin-bottom: 0.5rem;}
.footer p{text-align:left}

}
@media (min-width: 992px){
.prolist img{height:170px; width:240px;}
.newsshow h1,.proshow h1{ font-size: 20px;text-align:center; }
.newscontent{ padding:20px 0; }
h3{ font-size: 20px; }
.newscontent p{margin-bottom: 0.5rem;font-size: 14px;}
.footer p{ text-align:left}

}
@media (min-width: 1200){

.prolist img{height:170px; width:240px;}
.newsshow h1,.proshow h1{ font-size: 22px;text-align:center; }
.newscontent{ padding:20px 0; }
h3{ font-size: 20px; }
.newscontent p{margin-bottom: 0.5rem;}
.footer p{ text-align:left}
}
@media screen and (max-width: 720px) {
  .newscontent img{max-width: 100%;}
  .index_pj a .figure, .index_pro a .figure{width:100%;}
  
}
.prolist .index_pro,.index_pj{ 
  max-width: 32.533333%;
    margin: 0.2% 0.25%;
    border: 2px solid #ddd;
    border-radius: 20px;
}
.ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
.ab_img p{text-wrap: inherit !important;}
.ab_img p span{text-wrap: inherit !important;}

/* AB模板网新增分页样式 www.admibnuy.cn */
.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}

.nbaner{ margin-bottom:15px}