@charset "utf-8";
/* CSS Document */

body {padding:0; margin: 0; font-size: 12px; font-family:"Microsoft Yahei";}
ul,ol{list-style:none; padding: 0; margin: 0;}
.clear{clear:both;}
.pd60-0{padding:60px 0;}
.pd60-0-20{padding:60px 0 20px;}
.container{width:1200px; margin: 0 auto;}
.mt40{margin-top:40px;}
img{max-width:100%; height: auto;}
a{text-decoration:none;}
/*导航end*/
.owl-dots {
    text-align: center;

}

/* protxt 专用 - 新分类样式 */
.ny-cat{display:grid;grid-template-columns:1fr;gap:12px;margin-top:15px}
.ny-cat-item{
  display:block;
  padding:12px 16px;
  border:1px solid #e6eaf0;
  border-radius:6px;
  background:#fff;
  color:#333;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  transition:all 0.3s ease;
  z-index:1;
}
.ny-cat-item::before{
  content:"";
  position:absolute;
  left:-100%;
  top:0;
  width:100%;
  height:100%;
  background:#136db9;
  transition:left 0.3s ease;
  z-index:-1;
}
.ny-cat-item:hover::before{
  left:0;
}
.ny-cat-item:hover{
  color:#fff;
  border-color:#136db9;
  text-decoration:none;
}
/* 激活态：默认高亮 */
.ny-cat-item.active{
  color:#fff;
  border-color:#136db9;
}
.ny-cat-item.active::before{left:0}
@media(min-width:768px){
  .ny-cat{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:992px){
  .ny-cat{grid-template-columns:repeat(1,1fr)}
}

.owl-dots .owl-dot span {
    width: 10px;
    height: 7px;
    border-radius: 50px;
    background: #116cbb;
    display: inline-block;
    opacity: .5;
    margin: 0 4px;
	transition:0.5s ease all;
}
.owl-dots .owl-dot.active span {
    opacity: 1;
    width: 20px;
	
}

#owl0 .owl-dots {
    display: inline-block;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

#owl0.owl-carousel .owl-nav .owl-next, #owl0.owl-carousel .owl-nav .owl-prev {
    opacity: 0;
}
#owl0.owl-carousel .owl-nav i {
    font-size: 40px;
    color: #fff;
    opacity: 0.5;
}
#owl0.owl-carousel .owl-nav .owl-next {
    right: 80px;
}
#owl0.owl-carousel .owl-nav .owl-prev {
    left: 80px;
}
#owl0.owl-carousel:hover .owl-nav .owl-next {
    right: 20px;
}
#owl0.owl-carousel:hover .owl-nav .owl-prev {
    left: 20px;
}
#owl0.owl-carousel .owl-nav .owl-next:hover i, #owl0.owl-carousel .owl-nav .owl-prev:hover i {
    opacity: 1
}
#owl0.owl-carousel:hover .owl-nav button {
    opacity: 1
}

.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    display: block;
    position: absolute;
    outline: 0;
    top: 40%;
    transform: translateY(-50%);
    z-index: 6;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
/*OWL1*/

#owl1.owl-carousel .owl-nav i {
    font-size: 60px;
    color: #1c1563;
    opacity: 0.8;
}
#owl1.owl-carousel .owl-nav .owl-next {
    right: -40px;
	top: 45%;
}
#owl1.owl-carousel .owl-nav .owl-prev {
    left: -40px;
	top: 45%;
}

#owl1.owl-carousel .owl-nav .owl-next:hover i, #owl1.owl-carousel .owl-nav .owl-prev:hover i {
    opacity: 1
}
#owl1.owl-carousel:hover .owl-nav button {
    opacity: 1
}

/* 证书轮播图片阴影与圆角 */
#owl1 .owl-stage-outer{padding:6rem 0;}
#owl1 .item img{
    box-shadow: 0 12px 28px rgba(0,0,0,0.15);
    border-radius: 12px;
    background:#fff; /* 防止透明边发灰 */
}
#owl1 .owl-item.center .item img{
    box-shadow: 0 18px 36px rgba(0,0,0,0.22);
}

.contact-info-company{padding:20px 0;}

.owl-carousel .item {
    transition: transform 0.3s ease; /* 平滑缩放动画 */
  }
  
  /* 默认所有项目不放大 */
  .owl-item .item {
    transform: scale(1);
  }
  
  /* 中间的项目 - 放大1.2倍 */
  .owl-item.center .item {
    transform: scale(1.2);
  }
  
  /* 中间左右的两个项目 - 放大1.1倍 */
  .owl-item.prev .item,
  .owl-item.next .item {
    transform: scale(1.1);
  }
  
  /* 最边上的两个项目 - 不放大（保持默认） */
  .owl-item:not(.center):not(.prev):not(.next) .item {
    transform: scale(1);
  }



/* 视频部分样式 */
.video-section{
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #000;
}
.header-video{
  width: 100%;
  height: 85vh;
  display: block;
  object-fit: cover;
}

.mbanner{display:none;}
.mbanner img{width:100%; height:auto;
}

.dropdown:hover .dropdown-menu {
    display: block;
}
.offcanvas.show:not(.hiding), .offcanvas.showing {
    transform: none;
}
.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
    visibility: visible;
}

#navBox{background:#136db9;}
.fixed{background:#fff; box-shadow: 0 8px 25px 0 rgb(0 0 0 / 4%);
	position: fixed;
	width:100%;
	top:0;
	z-index: 999;
    -moz-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 8px 25px 0 rgb(0 0 0 / 4%);
    -o-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04); 
	animation: fadeInDown .5s;
}

.top{border-bottom:1px solid #F4F4F4; padding: 8px 0; font-size: 12px; color: #333;}
.top-l .top-logo{margin-right:15px; padding-right: 15px; border-right:1px solid #EEE;}
.top-l .top-logo img{height:70px; width: auto;}
.top-l .top-txt{padding-top:10px;}
.top-l .top-txt .t1{font-size:18px; color: #000; font-weight: bold;}
.top-l .top-txt .t2{font-size:18px; color: #999; padding-top: 5px;}
.top-l .top-txt .t2 span{padding:0 5px;}
.top-r .top-tel{padding-top:10px;}
.top-r .top-tel .top-tel-txt{font-size: 18px;}
.top-r .top-tel .top-tel-sz{font-size:24px;color: #d8403f; font-weight: bold;}
.top-r .ico img{width:60px; padding-top: 15px; padding-right: 5px;}
.mob{display:none;}
.top-ewm{ display: flex; margin-left: 20px;}
.top-ewm .ewmimg{margin-left: 20px;}
.top-ewm .ewmimg img{max-height: 80px; border: 1px solid #136db9;}
.top-ewm .ewmtxt{width:22px;line-height: 14px; display: flex; align-items: center; background: #136db9; color: #FFF; font-size: 12px; text-align: center;}


.headline {text-align:center;}
.headline .tit{font-size: 2rem; color: #333;}
.headline .tit span{ color:#136db9; padding: 0 10px;}
.headline .line{ height: 3px; width:50px; background: #136db9; position: relative; margin: 10px auto;}
.headline .line::after{position: absolute; top: 0;  left: -12px; content:""; width:3px; height: 3px; background: #136db9;}
.headline .line::before{position: absolute; top: 0;  right: -12px; content:""; width:3px; height: 3px; background: #136db9;}
.headline .ftit{ margin: 0 auto; font-size: 1.1rem; color: #666; font-weight: 300; line-height: 1.8;}

.hotline{width:50%; max-width: 180px; text-align: center; margin: 0 auto; margin-top: 20px;}
.hotline a{ font-size:18px; background: #136db9; color: #FFF; border-radius: 10px; padding:10px 0; display: block;}
.hotline a:hover{ background: #141414; color: #FFF;}

.is-nav{ margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: center;}
.is-nav li{padding:0; margin: 0; list-style: none;}
.is-nav li a{padding: 0 30px; 
    font-size: 18px;
    line-height: 3;
	color: #333;
    border: 1px solid #efefef;
    display: inline-block; background: #F8F8F8;}
.is-nav li a:hover{background:#136db9; color: #fff;}
.is-nav li+li a {
    border-left-color: transparent;
}
.is-nav li:first-child a {
    border-radius: 30px 0 0 30px;
}
.is-nav li:last-child a {
    border-radius: 0 30px 30px 0;
}
.is-list{margin-top:30px; display: flex; flex-wrap: wrap;}
.is-list .is-box{width:33.33%; padding:15px;}
.is-list .is-box .pic{ overflow: hidden; border: 1px solid #eee; border-radius: 15px 15px 0 0;}
.is-list .is-box .pic img{width:100%; transition:0.5s ease all;}
.is-list .is-box .pic a{display:block; width:100%; height:100%;}

.is-list .is-box .tit{font-size: 16px; text-align: center; border-radius: 0 0 15px 15px;}
.is-list .is-box .tit a{color:#333; display:block; border-radius: 0 0 15px 15px; padding:12px 0; transition:0.5s ease all; background: #f2f2f2;}
.is-list .is-box:hover .tit a{background:#136db9; color: #FFF;}
.is-list .is-box:hover .pic img{transform:scale(1.05);}
.more{margin-top:40px; text-align: center;}
.more a{padding:15px 50px; border-radius: 40px; color: #333; border: 1px solid #eee;}
.more a:hover{background:#126dbc; color: #FFF;}
.caselist{ /* 保留占位符选择器，去除空规则 */ }
.caselist .case-lm{width:100%; height: 40px; border-bottom: solid 1px #ddd;  }
.bg{background:#f3f8ff;}

/*高光特效*/
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: '';position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);}
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

@media (max-width: 768px){
  .video-section{display:none!important;}
  .mbanner{display:block;}
}

@media (max-width: 414px){
  
}
.caselist .case-tit{font-size:20px; color: #666; border-bottom: solid 1px #000;}
.caselist .case-ftit{font-size: 12px; color: #666; padding:10px 0 0 10px;}
.case-box{padding-top:30px;}
.case-box .case-item{border:1px solid #eee; padding:10px;}
.case-box .case-item-pic{ overflow: hidden;}
.case-box .case-item-pic img{width:100%; height: auto; transition:0.5s ease all;}
.case-box .case-item:hover .case-item-pic img{transform:scale(1.1)}
.case-box .case-item-tit {
    width: 86%;
    margin: -15px auto 0;
    border-radius: 5px;
    background: #FFF;
    font-size: 14px;
	padding:10px 0;
    color: #333;
    text-align: center;
    position: relative;
    z-index: 999;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}
.ban-bl {
    background-color: rgba(0,0,0,0.7)!important;
}


.in_about{padding:0; display: flex; flex-flow: wrap; margin-bottom: 20px;}
.pt100{padding-top:100px;}
.in_about .d_w55{width:55%;}
.in_about .d_w40{width:40%;}
.in_about .d_ml5{margin-left: 5%;}
.in_about .a_txt{ color: rgb(89, 110, 128); font-size: 16px; line-height: 2; text-align: justify;}
.in_about .a_txt p{text-indent: 2rem;}
.in_about .a_txt h4 {
    font-size: 22px;
    padding-bottom: 25px;
    margin-bottom: 20px;
    position: relative;
    color: #444;
}
.in_about .a_txt h4::after {
    width: 50px;
    height: 4px;
    border-radius: 5px;
    background: #136db9;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
}
.in_about .a_img{position: relative;}
.in_about .a_img img{width:100%; height: auto; border-radius: 20px 0 20px 0; }
.in_about .a_img::after{position: absolute; left: -10px; bottom: -10px; width:40%; height: 60%; content: ""; background: #136db9; z-index: -1;}

/* 公司介绍页面样式 */
.about-bg{background:url(../images/about-bg.jpg) no-repeat center center; background-size: cover;}
.about-intro-title{
  font-size: 32px;
  color: #333;
  font-weight: 600;
  text-align: center;
  margin-bottom: 50px;
  position: relative;
  padding-bottom: 20px;
}
.about-intro-title::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background: #136db9;
  border-radius: 2px;
}
.about-intro-content{
  margin-bottom: 20px;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
}
.about-intro-content p{
  font-size: 16px;
  line-height: 2;
  color: #555;
  text-align: justify;
  margin-bottom: 25px;
  text-indent: 2em;
}
.about-video{
  margin-top: 30px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}
.about-video video{
  width: 100%;
  height: auto;
  display: block;
  background: #000;
}

@media (max-width: 768px){
  .about-intro-title{
    font-size: 24px;
    margin-bottom: 30px;
  }
  .about-intro-content{
    margin-bottom: 40px;
  }
  .about-intro-content p{
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
  .about-video{
    margin-top: 30px;
  }
}





.youshi{background:#f8f8f8; }
.ys-tit{ font-size:36px; color: #000; margin-bottom: 10px; font-weight: bold}
.ys-ftit{font-size:16px; color: #cdcdcd;}
.youshi .ys-box{padding-top:20px;}
.youshi .ys-box .ys-item{width:24%; background-color:rgba(255,255,255,0.7); padding:60px 25px; text-align: center; border-radius: 10px;}
.youshi .ys-box .ys-item .ys-pic{margin-bottom: 30px; width:100%;}
.youshi .ys-box .ys-item .ys-pic img{width:30%; }
.youshi .ys-box .ys-item .ys-pic i{font-size:2.8rem; color: #136db9;}
.youshi .ys-box .ys-item .ys-txt{width:100%;}
.youshi .ys-box .ys-item .ys-t1{ color: #333333; font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.youshi .ys-box .ys-item .ys-t2{ color: #666666; font-size: 16px;}

.hot-pro{background:#f8f8f8;}
.hotbox{border:1px solid #EEE; padding:10px; background: #FFF; margin-top: 30px;}
.hotbox .hot-pic{overflow: hidden;}
.hotbox .hot-pic img{transition:0.5s ease all; width: 100%;}
.hotbox:hover .hot-pic img{transform: scale(1.05);}
.hotbox:hover{border:1px solid #ddd;}
.hotbox a{color:#333;}
.hotbox .hot-tit{font-size:20px; padding:10px;}
.hotbox .hot-ftit span{ color: #bf272c; font-size: 16px;}
.hotbox .hot-ftit{ padding:0 10px 10px; font-size: 14px; color: #666;}
.hotbox .hot-cs{padding:0 10px 10px; font-size: 12px; color: #666;}
.hotbox .hot-cs span{color:#333;}
.zc-box{background:#F8F8F8;}
.zcbox{ margin-bottom: 40px;}
.zcbox .zc-title{ margin-bottom:10px; border-bottom: 1px solid #EEE; padding-bottom:5px; position: relative;}
.zcbox .zc-title::after{bottom:0; width:8%; background: #bf272c; content: ""; left: 0; position: absolute; z-index: 9; height: 1px;}
.zcbox .zc-title .zc-name{color:#333; font-size: 24px; padding-bottom: 10px;}
.zcbox .zc-title .zc-name span{color:#666;  font-size: 18px; padding-left: 10px;}
.zcbox .zc-title .zc-more a{ color:#333;}
.zcbox .zc-title .zc-more a:hover{ color: #136db9;}
.zcbox .zc-list{ padding:10px 0;}
.zcbox .zc-list .zc-item{width:calc(25% - 20px); border:1px solid #F4F4F4; padding: 5px 10px; transition:0.5s ease all; margin: 10px; background: #FFF;}
.zcbox .zc-list .zc-item a{ color:#333;}
.zcbox .zc-list .zc-item .zc-pic{overflow: hidden;}
.zcbox .zc-list .zc-item .zc-pic img{width:100%; overflow: hidden; transition:0.5s ease all;}
.zcbox .zc-list .zc-item .zc-tit{font-size:20px; padding:10px;}
.zcbox .zc-list .zc-item .zc-ftit span{ color: #bf272c; font-size: 16px;}
.zcbox .zc-list .zc-item .zc-ftit{ padding:0 10px 10px; font-size: 14px; color: #666;}
.zcbox .zc-list .zc-item .zc-cs{padding:0 10px 10px; font-size: 14px; color: #666;}
.zcbox .zc-list .zc-item .zc-cs span{color:#333;}
.zcbox .zc-list .zc-item:hover .zc-pic img{transform:scale(1.05);}
.zcbox .zc-list .zc-item:hover {
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);}

/*首页关于我们*/
.iabout-img{width:48%;}
.iabout-box{width:48%;}
.iabout-box .iabout-tit{font-size:2.2rem; font-weight: bold; margin-bottom: 20px;}
.iabout-box .iabout-txt{line-height:2; text-indent: 2rem;}
.iabout-img img{width:100%; border-radius: 20px 0 20px 0;}
.about-szlist{ padding: 20px 0;}
.about-szbox{width:33%; border-right: 1px solid #F0F0F0; text-align: center;}
.about-szbox:last-child{border-right:none;}
.about-szbox-tit{font-size:2.5rem; font-weight: bold; position: relative;}
.about-szbox-tit span{color: #666; font-size: 16px; position: absolute; top: 5px; padding-left: 5px;}
.about-szbox-txt{font-size:18px; color: #444;}
.about-more{ margin-top: 20px; text-align: right;  display: flex; width: 100%; justify-content: flex-end;}
.about-more a{color:#333; border:1px solid #141414; padding:10px 35px; transition:0.5s ease all;}
.about-more a:hover{padding:10px 45px 10px 25px;  color: #136db9; border:1px solid #136db9;}

.pagelist{text-align:center; margin-top: 30px;}

/* 动态背景横幅 */
.in-ban{
  position: relative;
  padding: 80px 0;
  min-height: 400px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
/* PC端视频背景 */
.in-ban-video{
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 0;
  object-fit: cover;
}
/* 移动端图片背景 */
.in-ban-bg{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(images/mpro.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}
/* 遮罩层 */
.in-ban::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(19, 109, 185, 0.75);
  z-index: 1;
}
.in-ban .container{
  position: relative;
  z-index: 2;
}
.in-ban-text{
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
  color: #fff;
}
.in-ban-title{
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 20px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.in-ban-subtitle{
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 30px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.in-ban-subtitle span{
  color: #fc4c02;
}
.in-ban-desc{
  font-size: 18px;
  line-height: 1.8;
  font-weight: 400;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* 新闻资讯与合作客户 - 简洁大气设计 */
.news-partner{
  background: #fff;
}
/* 首页新闻资讯样式 */
.home-news-box{
  width: 60%;
}
.home-news-title{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
.home-news-title h3{
  font-size: 28px;
  color: #333;
  margin: 0;
  font-weight: 600;
  position: relative;
  padding-left: 15px;
}
.home-news-title h3::before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 24px;
  background: #136db9;
}
.home-news-title .more-link{
  color: #999;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s;
}
.home-news-title .more-link:hover{
  color: #136db9;
}
.home-news-list{
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.home-news-item{
  display: flex;
  gap: 20px;
  transition: all 0.3s;
  padding: 20px;
  border-radius: 8px;
}
.home-news-item:hover{
  background: #f8f9fa;
}
.home-news-pic{
  width: 140px;
  height: 100px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 6px;
}
.home-news-pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.home-news-item:hover .home-news-pic img{
  transform: scale(1.08);
}
.home-news-content{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.home-news-tit{
  margin-bottom: 12px;
}
.home-news-tit a{
  font-size: 18px;
  color: #333;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.5;
  transition: color 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home-news-tit a:hover{
  color: #136db9;
}
.home-news-desc{
  font-size: 14px;
  color: #999;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.partner-box{
  width: 36%;
}
.partner-title{
  margin-bottom: 40px;
}
.partner-title h3{
  font-size: 28px;
  color: #333;
  margin: 0;
  font-weight: 600;
  position: relative;
  padding-left: 15px;
}
.partner-title h3::before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 24px;
  background: #136db9;
}
.partner-list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.partner-item{
  background: #f8f9fa;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  min-height: 120px;
}
.partner-item:hover{
  background: #fff;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  transform: translateY(-3px);
}
.partner-item img{
  max-width: 100%;
  max-height: 90px;
  object-fit: contain;
  opacity: 0.8;
  transition: all 0.3s;
	border-radius: 10px;
}
.partner-item:hover img{
  filter: grayscale(0%);
  opacity: 1;
}

@media (max-width: 968px){
  .home-news-box, .partner-box{
    width: 100%;
    margin-bottom: 50px;
  }
  .partner-list{
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

.about-box{ background: #FFF; border-radius: 10px; padding: 20px;  flex-direction: row-reverse}
.about-box .about-l{border-right: 1px solid #EEE; width:25%; padding: 0 20px;}
.about-box .about-l .about-item{ margin-bottom:20px; padding: 20px; position: relative; color: #444;}
.about-box .about-l .about-item::after{content: ""; z-index: 9; position: absolute; width:100%; height: 1px; background: #EEE; left: 0; bottom: 0;}
.about-box .about-l .about-item::before{content: ""; z-index: 10; position: absolute; width:22%; height: 1px; background: #e52f22; left: 0; bottom: 0; transition: 0.5s ease all;}
.about-box .about-l .about-item:hover::before{width:100%;}
.about-box .about-l .about-item:hover{ color:#e52f22; }
.about-box .about-l .about-item .about-t1{font-size:18px; font-weight: bold;  margin-bottom: 20px;}
.about-box .about-l .about-item .about-t2{ font-size: 2.5rem; position: relative;}
.about-box .about-l .about-item .about-t2 span {
    font-size: 16px;
    position: absolute;
    top: 5px;
    padding-left: 5px;
}
.about-box .about-r{ width:75%; padding:10px 30px;}
.about-box .about-r .about-lm{font-size:24px; color: #333; margin-bottom: 20px;}
.about-box .about-r .about-txt{ font-size: 16px; color: #666; line-height: 1.8; text-align: justify;}



.pro-list{background:#f3f8ff; padding:60px 0;}
.pro-list .pro-box{padding:20px; background: #FFF; border-radius: 10px; flex-direction: row-reverse;}
.pro-list .pro-list-l{width:22%; border-right: 1px solid #F0F0F0; padding:20px;}


.pro-list .pro-list-l .pro-lm .pro-tit{font-size:22px; color: #333; position: relative; margin-bottom: 40px;}
.pro-list .pro-list-l .pro-lm .pro-tit::after{position: absolute; left: 0; bottom: -10px; width: 100%; height: 1px; background: #F5F5F5; content: ""; z-index: 9;}
.pro-list .pro-list-l .pro-lm .pro-tit::before{position:absolute; left: 0; bottom: -10px; width: 22%; height: 2px; content: ""; background: #136db9; z-index: 10; transition:0.5s ease all;}
.pro-list .pro-list-l .pro-lm .pro-tit:hover::before{width:100%;}
.pro-list .pro-list-l .pro-lm .pro-tit span{color:#F0F0F0; padding: 0 10px; font-size: 18px;}
.pro-list .pro-list-l .pro-lm .pro-item{  font-size: 18px; border-bottom: 1px solid #eee; margin-bottom: 10PX;}
.pro-list .pro-list-l .pro-lm .pro-item a{ color:#FFF; padding: 15px 10px; display: block;  transition: 0.5s ease all; background: #136db9;}
.pro-list .pro-list-l .pro-lm .pro-item a:hover{padding-left: 15px; color: #FFF; background: #141414;}
.pro-list .pro-list-l .pro-lm .active a{ color: #FFF; background: #141414;}
.pro-list .pro-list-l .zixun{ margin-top:30px; margin-bottom: 20px; position: sticky; top: 80px; z-index: 9;}
.pro-list .pro-list-l .zixun .zx-tit{font-size:22px; color: #333; margin-bottom: 10px;}
.pro-list .pro-list-l .zixun .zx-ewm img{width:80%;}
.pro-list .pro-list-l .zixun .zx-ftit{font-size:14px; color: #666; padding:10px 0;}
.pro-list .pro-list-l .zixun .tel{ margin-top: 20px; margin-bottom: 20px; }
.pro-list .pro-list-l .zixun .tel .ico{width:18%;}
.pro-list .pro-list-l .zixun .tel .ico img{width:100%; height: auto;}
.pro-list .pro-list-l .zixun .tel .tel-txt{width:80%;}
.pro-list .pro-list-l .zixun .tel .tel-txt .tel-txt-tit{font-size:16px; color: #666; font-size: 20px; margin-bottom: 15px;}
.pro-list .pro-list-l .zixun .tel .tel-txt .tel-txt-dh{ font-size: 22px; color: #136db9; margin-bottom: 10px;}
.pro-list .pro-list-l .zixun .tel .tel-txt .tel-txt-dh i{padding-right:10px;}
.pro-list .pro-list-l .zixun .zx-btn{ margin-top: 20px;}
.pro-list .pro-list-l .zixun .zx-btn .online{width:45%;}
.pro-list .pro-list-l .zixun .zx-btn .online a{font-size:16px; color: #FFF; background: #136db9; display: block; padding: 5px 0px; border-radius: 5px; text-align: center;}
.pro-list .pro-list-l .zixun .zx-btn .red a{ background: #e52f22;}


.pro-list .pro-list-r{width:78%; padding:20px 30px;}
.pro-list .pro-list-r .pp-lm{font-size:24px; color: #333; margin-bottom: 20px; border-bottom: 1px solid #EEE;  padding-bottom: 10px;}
.pro-list .pro-list-r .pp-txt{ font-size: 16px; color: #666; line-height: 1.8; text-align: justify;}
.pro-list .pro-smtxt .pro-pic{width:40%; border-radius: 10px;}
.pro-list .pro-smtxt .pro-pic img{width:100%;height: auto; border-radius: 10px;  border: 1PX solid #f4f4f4;}
.pro-list .pro-smtxt .pro-txt{width:55%;}
.pro-list .pro-smtxt .pro-txt .pro-txt-tit{font-size: 20px; color: #333; border-bottom: 1px solid #F2F2F2; padding-bottom: 15px; margin-bottom: 5px;}
.pro-list .pro-smtxt .pro-txt .pro-txt-smtext{ padding:10px 0; line-height: 1.8; font-size: 16px; color: #333;}
.pro-list .pro-smtxt .pro-txt .pro-txt-td{padding:10px 0;}
.pro-list .pro-smtxt .pro-txt .pro-txt-td .td-item{margin-right:10px;}
.pro-list .pro-smtxt .pro-txt .pro-txt-td .td-item a{padding:8px 15px; background: #295e92; color: #FFF; border-radius: 5PX;}
.pro-list .pro-smtxt .pro-txt .pro-txt-td .td-item a:hover{background:#136db9}
.pro-list .pro-smtxt .pro-txt .pro-lx{ padding-top: 20px;}
.pro-list .pro-smtxt .pro-txt .pro-lx .l-l{width:65%;}
.pro-list .pro-smtxt .pro-txt .pro-lx .l-l .l-l-ico{width:15%;}
.pro-list .pro-smtxt .pro-txt .pro-lx .l-l .l-l-txt{width:85%;}
.pro-list .pro-smtxt .pro-txt .pro-lx .l-l .l-l-box{width:100%;}
.pro-list .pro-smtxt .pro-txt .pro-lx .l-l .l-l-txt .l-l-dh{font-size:28px; margin-top: 2px; color: #136db9;}
.pro-list .pro-smtxt .pro-txt .pro-lx .l-r{width:35%; text-align: center;}
.pro-list .pro-smtxt .pro-txt .pro-lx .l-r img{width:80%;}
.pro-list .pro-smtxt .pro-txt .pro-lx .l-r p{ text-align: center; font-size: 14px; margin-top: 5px;}
.pro-list .pro-detail{padding:20px 0;}

.pro-list .pro-cs{position:relative; margin-top: 20px; border-bottom: 1px solid #F0F0F0; padding-bottom: 10px; margin-bottom: 10px; font-size: 20px; }
.pro-list .pro-cs::after{width:40px; position: absolute; content: ""; left: 0; bottom:0; height: 2px; background: #116fb9;}
.pro-list .pro-tj{padding-top:10px;}
.pro-list .tj-item{width:calc(33.33333% - 20px); margin: 10px; transition:0.5s ease all;  border:1px solid #F5F5F5;}
.pro-list .tj-item:hover{border:1px solid #666;}
.pro-list .tj-item a{ color:#444;}
.pro-list .tj-item .tj-pic{overflow: hidden;}
.pro-list .tj-item .tj-pic img{width:100%; height: auto; transition: 0.5s ease all}
.pro-list .tj-item .tj-pic img:hover{transform:scale(1.05);}
.pro-list .tj-item .tj-tit{ padding:15px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; background:#F8F8F8;}


.casetxt-tit{ text-align: center; font-size: 18px; margin-bottom: 20px;}
.casetxt-box{font-size:16px; line-height: 1.8; color: #333; margin-bottom: 20px;}

/*新闻资讯*/
.newsbox{background:#f3f8ff; padding:15px;}
.newslist{display:flex;  flex-flow: wrap; background: #FFF;}
.newslist .news-box{padding: 15px; width:100%; margin-bottom: 10px; border-bottom: 1px solid #F0F0F0; display: flex; justify-content: space-between; flex-flow: wrap;}

.newslist .news-box .news-pic{width:24%;}
.newslist .news-box .news-pic img{max-width:100%; height: 100%; border-radius: 10px;}
.newslist .news-box .news-txt{width:74%;}
.newslist .news-box .news-txt .title{font-size: 20px; color: #000; margin-bottom: 15px; margin-top: 8px;}
.newslist .news-box .news-txt .title a{ color:#333; transition: 0.5s ease all;}
.newslist .news-box .news-txt .title a:hover{ color: #136db9; padding-left: 10px;}
.newslist .news-box .news-txt .time{ font-size: 14px; color: #999; margin-bottom: 15px;}
.newslist .news-box .news-txt .time i{margin-right: 5px;}
.newslist .news-box .news-txt .smtext{ font-size: 14px; color:#666; line-height: 1.8; margin-bottom: 25px;}
.newslist .news-box .news-txt .ck{width:150px; text-align: center; }
.newslist .news-box .news-txt .ck a{padding:10px 0; border: 1px solid #DDD; color: #333; display: block;}
.newslist .news-box .news-txt .ck a:hover{ background: #136db9; color: #FFF;}
.newstxt{padding:20px; background: #FFF;}
.newstxt .title{font-size:32px; color: #000000; text-align: center; margin-bottom: 15px;}
.newstxt .ftitle{ text-align:center; color: #666;}
.newstxt .ftitle span{padding-right:10px; margin-right: 10px; border-right: 1px solid #ddd; color: #136db9;}
.newstxt .pagetxt{padding-top:25px; font-size: 16px; color: #262626; line-height: 1.8;}
.newstxt .fy{border:1px solid #f0f0f0; display: flex; flex-flow: wrap; margin-top: 30px;}
.newstxt .fy a{color:#333;}
.newstxt .fy a:hover{color: #136db9;}
.newstxt .fy a i{padding:0 5px;}
.newstxt .fy .fy-l{width:50%; border-right: 1px solid #f0f0f0; padding:10px; transition: 0.5s ease all;}
.newstxt .fy .fy-l:hover{padding-left:20px;}
.newstxt .fy .fy-r{width:50%; padding:15px; text-align: right; padding:10px; transition: 0.5s ease all;}
.newstxt .fy .fy-r:hover{padding-right:20px;}
.ibanner img{width:100%; height: auto;}
.bread{ border-bottom:1px solid #EEE; padding-bottom: 10px; position: relative; margin-bottom: 25px;}
.bread::after{position:absolute; left: 0; bottom: 0; width:8%; height: 2px; background:#136db9; content: ""; }
.bread .name{font-size:24px;}
.snav{font-size:13px;  padding-top: 10px; color:#666;}
.snav a{color:#666;}
.snav a:hover{ color: #136db9;}
.snav i{padding-right:5px;}

/*采购提醒*/
.purchase-tips {
    padding: 80px 0;
    background: white;
}
.section-header {
    text-align: center;
    margin-bottom: 30px;
}

.section-header h2 {
    font-size: 36px;
    font-weight: 700;
    color: #0068b7;
    margin-bottom: 15px;
}
.section-header h2 span {
    color: #ff6b6b;
}
.section-header p {
    font-size: 18px;
    color: #666;
}
.tips-grid {
    display:flex;
    gap: 20px;
    margin-top: 50px;
}

.tip-item {
    background: white;
    border-radius: 16px;
    padding: 0;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
	width: 32%;
}

.tip-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.tip-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.tip-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.tip-item:hover .tip-image img {
    transform: scale(1.1);
}

.tip-content {
    padding: 25px;
    position: relative;
}

.tip-content span{color: #ff6b6b;}

.tip-number {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #ff6b6b, #ee5a52);
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0 6px 20px rgba(255, 107, 107, 0.4);
    z-index: 2;
}

.tip-content p {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    margin: 0;
    padding-top: 10px;
}

/* 为什么选择我们 */
.why-choose-section {
    padding: 50px 0;
    background: white;
}

.why-choose-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin-top: 50px;
}

.why-choose-item {
    display: flex;
    gap: 30px;
    align-items: center;
    padding: 30px;
    background: #f8f9fa;
    border-radius: 16px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.why-choose-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.why-choose-image {
    flex-shrink: 0;
    width: 180px;
    height: auto;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.why-choose-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.why-choose-item:hover .why-choose-image img {
    transform: scale(1.05);
}

.why-choose-content {
    flex: 1;
}

.why-choose-content h3 {
    font-size: 24px;
    font-weight: 700;
    color: #0068b7;
    margin-bottom: 15px;
}

.why-choose-content p {
    font-size: 16px;
    line-height: 1.7;
    color: #666;
    margin: 0;
}


/* 客户案例 */
.cases-section {
    padding: 50px 0;
    background: white;
}

.client-logos-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
    margin-top: 50px;
    align-items: center;
}

.client-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 120px;
}

.client-logo:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.client-logo img {
    max-width: 100%;
    max-height: 100px;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: filter 0.3s ease;
}

.client-logo:hover img {
    filter: grayscale(0%);
}

/* 咨询横幅 CTA */
.cta-strip{
  position: relative;
  padding: 50px 0;
  margin: 30px 0 10px;
  color: #fff;
  overflow: hidden;
}
.cta-strip::before{
  content: '';
  position: absolute;
  left: 10%;
  top: 50%;
  transform: translateY(-50%);
  width: 90%;
  height: 50%;
  background: linear-gradient(135deg, #116fb9 0%, #0d5a9a 100%);
  z-index: 0;
  border-radius: 0;
}
.cta-strip .cta-inner{
  position: relative;
  z-index: 1;
  gap: 20px;
}
.cta-strip .cta-left{
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
.cta-strip .cta-avatar{
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 6px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.cta-strip .cta-avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cta-strip .cta-center{
  flex: 1;
  min-width: 240px;
  position: relative;
  z-index: 2;
}
.cta-strip .cta-center .cta-sub{
  font-size: 24px;
  font-weight: 600;
  opacity: 0.95;
  margin-bottom: 10px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.cta-strip .cta-center .cta-phone{
  font-size: 32px;
  font-weight: 800;
  line-height: 1.2;
}
.cta-strip .cta-center .cta-phone a{
  color: #fff;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.cta-strip .cta-center .cta-phone a:hover{
  opacity: 0.9;
}
.cta-strip .cta-center .cta-action{
  font-size: 26px;
  font-weight: 700;
}
.cta-strip .cta-right{
  text-align: center;
  position: relative;
  z-index: 2;
  margin-bottom: 8%;
  margin-right: 5%;
}
.cta-strip .cta-qrcode{
  width: 160px;
  height: 160px;
  background: #fff;
  padding: 10px;
  border-radius: 8px;
  margin: 0 auto 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.cta-strip .cta-qrcode img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cta-strip .cta-qrcode-txt{
  font-size: 20px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

@media (max-width: 992px){
  .cta-strip{
    padding: 40px 0;
  }
  .cta-strip::before{
    height: 70%;
  }
  .cta-strip .cta-avatar{
    width: 140px;
    height: 140px;
  }
  .cta-strip .cta-center .cta-sub{
    font-size: 20px;
  }
  .cta-strip .cta-center .cta-phone{
    font-size: 36px;
  }
  .cta-strip .cta-center .cta-action{
    font-size: 20px;
  }
  .cta-strip .cta-qrcode{
    width: 180px;
    height: 180px;
  }
}
@media (max-width: 768px){
  .cta-strip{
    padding: 35px 0;
  }
  .cta-strip::before{
    height: 75%;
  }
  .cta-strip .cta-inner{
    flex-direction: column;
    align-items: flex-start;
  }
  .cta-strip .cta-right{
    align-self: center;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    padding-bottom: 10%;
  }
  .cta-strip .cta-center .cta-sub{
    font-size: 18px;
  }
  .cta-strip .cta-center .cta-phone{
    font-size: 28px;
  }
  .cta-strip .cta-center .cta-action{
    font-size: 18px;
  }
  .cta-strip .cta-qrcode{
    width: 160px;
    height: 160px;
    margin: 0 auto 10px;
  }
}

/* 采购提醒、为什么选择我们、客户案例 - 移动端样式 */
@media (max-width: 768px){
  /* 采购提醒移动端 */
  .purchase-tips {
    padding: 40px 0;
  }
  .section-header {
    margin-bottom: 20px;
    padding: 0 15px;
  }
  .section-header h2 {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  .section-header p {
    font-size: 14px;
    line-height: 1.6;
  }
  .tips-grid {
    flex-direction: column;
    gap: 25px;
    margin-top: 30px;
    padding: 0 15px;
  }
  .tip-item {
    width: 100%;
  }
  .tip-image {
    height: 180px;
  }
  .tip-content {
    padding: 20px;
  }
  .tip-number {
    width: 45px;
    height: 45px;
    font-size: 16px;
    top: -22px;
  }
  .tip-content p {
    font-size: 14px;
    line-height: 1.8;
    padding-top: 15px;
  }

  /* 为什么选择我们移动端 */
  .why-choose-section {
    padding: 40px 0;
  }
  .why-choose-section .section-header {
    padding: 0 15px;
  }
  .why-choose-section .section-header h2 {
    font-size: 22px;
    line-height: 1.4;
  }
  .why-choose-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 30px;
    padding: 0 15px;
  }
  .why-choose-item {
    flex-direction: column;
    gap: 20px;
    padding: 20px;
  }
  .why-choose-image {
    width: 100%;
    max-width: 100%;
  }
  .why-choose-image img {
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: cover;
  }
  .why-choose-content p {
    font-size: 14px;
    line-height: 1.8;
  }
  .why-choose-section > div[style] {
    font-size: 16px !important;
    padding: 30px 15px 15px !important;
    line-height: 1.6;
  }

  .cta-strip::before{left: 0; width: 100%;}

  /* 客户案例移动端 */
  .cases-section {
    padding: 40px 0;
  }
  .cases-section .section-header {
    padding: 0 15px;
  }
  .cases-section .section-header h2 {
    font-size: 22px;
    line-height: 1.4;
  }
  .cases-section .section-header p {
    font-size: 14px;
  }
  .client-logos-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 30px;
    padding: 0 15px;
  }
  .client-logo {
    height: 100px;
    padding: 8px;
  }
  .client-logo img {
    max-height: 80px;
  }
}

@media (max-width: 992px) and (min-width: 769px){
  /* 平板端样式 */
  .purchase-tips {
    padding: 60px 0;
  }
  .section-header h2 {
    font-size: 30px;
  }
  .tips-grid {
    gap: 20px;
    margin-top: 40px;
  }
  .tip-item {
    width: 32%;
  }
  .why-choose-section {
    padding: 60px 0;
  }
  .why-choose-grid {
    gap: 30px;
    margin-top: 40px;
  }
  .why-choose-item {
    padding: 25px;
  }
  .why-choose-image {
    width: 150px;
  }
  .cases-section {
    padding: 60px 0;
  }
  .client-logos-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

/*联系我们*/
.contact{display: flex; flex-wrap: wrap;}
.contact .c_l{width:50%; padding:40px; position: relative;}
.contact .c_l .tit{color:#000; font-size: 32px; margin-bottom: 10px;}
.contact .c_l .ftit{font-size: 18px; color: #888; border-bottom: 1px solid #F2F2F2; margin-bottom: 20px; padding-bottom: 30px;}
.contact .c_l .name{font-size:22px; color: #25384f; margin-bottom: 20px;}
.contact .c_l .tx{font-size:18px; color: #444; margin-bottom: 10px;}
.contact .c_l .red{ color: #FF0004; font-size: 28px}
.contact .c_l .ewm{ position:absolute; right:10%; top:40%;}
.contact .c_l .ewm dt{text-align: center; padding:10px; font-size: 16px;}
.contact .c_l .ewm img{width:150px; height: auto;}

.contact .c_r{width:50%;}
.contact .c_r img{border-radius:25px 0 25px 0;}
.icase-item{width:calc(33.3333% - 20px); transition: 0.5s ease all; margin:10px;}
.icase-item:hover{transform: translate3d(0,-5px,0); box-shadow: 0 15px 30px rgba(0,0,0,.1);}
.icase-item a{color:#333;}
.icase-item .icase-item-pic{overflow: hidden;}
.icase-item .icase-item-pic img{width:100%; height: auto; transition: 0.5s ease all;}
.icase-item .icase-item-pic img:hover{transform:scale(1.1);}
.icase-item .icase-item-tit{ text-align:center; padding: 10px; font-size: 18px; background: #F5F5F5;}
.icase-item a:hover{color: #136db9;}

.footer{background: #141414;}
.f-box{padding:0 10px; width: 25%;}
.f-box .f-logo img{width:200px;}
.f-box .f-text .tit{margin-top: 20px; font-size:20px; color: #FFF;}
.f-box .f-text .ftit{font-size:18px; margin-top: 10px; color: #DBDBDB;}
.f-box .f-box-tit{font-size:18px; color: #FFF; margin-bottom: 30px; position: relative;}
.f-box .f-box-tit::after{width:30px; height: 3px; background: #1566b1; position: absolute; content: ""; left: 0; bottom: -10px; transition:0.5s ease all;}
.f-box:hover .f-box-tit::after{width:60px;}
.f-box .f-list{width:50%; margin-bottom: 10px;}
.f-box .f-list a{color:#DBDBDB; text-decoration: none;}
.f-box .f-list a:hover{color: #fff; }
.f-name{font-size:16px; margin-bottom:15px; color:#DBDBDB;}
.f-box .f-contact .c-box .c-box-ico{width:30px; text-align: center; margin-right: 5px;}
.f-box .f-contact .c-box .c-box-ico i{font-size:20px; color: #DBDBDB;}
.f-box .f-contact .c-box .c-box-txt {margin-bottom: 8px;}
.f-box .f-contact .c-box .c-box-txt .t1{font-size: 14px; color: #ddd; margin-bottom: 2px;}
.f-box .f-contact .c-box .c-box-txt .t2{font-size:15px; color: #EEE;}
.f-box .f-contact .c-box .c-box-txt .t2 a{color:#fff; text-decoration: none;}
.f-box .f-ewm img{max-width:120px;}
.f-box .f-ewm-tit{font-size:12px; color: #EEE;line-height:30px;}

.copyright{ padding:20px; font-size: 13px; text-align: center; background: #000; color: #999;}
.copyright a{ color:#999;}
.copyright a:hover{ color:#FFF;}


.incase{ margin-bottom:20px; width:100%;}
.incase .incase-pic{width:30%;}
.incase .incase-pic img{width:100%; height:auto;
}
.incase .incase-txt{width:70%; padding:10px 20px;}
.incase .incase-tit{font-size:18px; margin-bottom:10px;}
.incase .incase-tit a{color:#333;}
.incase .incase-smtext{font-size:14px; line-height:1.8; color:#666; margin-bottom:15px;}
.incase .incase-lm{ /* 清理空规则，保留以免影响结构 */ }
.incase .incase-lm span{border-radius:5px; padding:5px 15px; font-size:14px; color:#666; border:1px solid #DDD;}
.fenye{border-top: 1px solid #E5E5E5;}
.fenye ul{overflow: hidden;margin-top: 28px; padding: 0;}
.fenye ul li{float: left;width: 45%;overflow: hidden;font-size: 18px;color:#333333;height: 30px;line-height: 30px;font-size: 16px;color:#333333;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.fenye ul li:nth-child(2){float: right;}
.fenye ul li a{color:#666;}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}
.pagination>li {
    display: inline
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #136db9;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 3;
    color: #141414;
    background-color: #eee;
    border-color: #ddd
}
.footfix{display:none;}
.table{margin:15px auto 0 auto; border-collapse:collapse; cellspacing:0; cellpadding:0; width:100%;}

.table td{padding:10px; text-align:center; border:1px solid #EEE;}
.tbj{background:#f3f8ff;}
.footfix{display:none;}
#owl1 .owl-dots{ display:none;}

.pro-zx{margin-top:10px;}
.pro-zx .zx-item{ margin-right:10px;}
.pro-zx .zx-item a{display:block; color:#FFF; background:#d23b2a; font-size:16px; padding:10px 20px;}
.pro-zx .zx-item a:hover{ background:#ff1a00}

.white-bg{background:#FFF;padding:20px; box-sizing: border-box;}

.pro-xl dt .cur{ color: #FFF; font-weight: bold; }
.pro-xl dt a{ display:block; color: #333; text-decoration: none; }
.pro-xl .down{background: url("../images/arrow.svg") left center no-repeat ; background-position: left 10px center; border-bottom:1px solid #EEE;}
.pro-xl .down a{color:#333; display:block; padding: 15px 15px 15px 30px; font-weight:normal; font-size:18px;}
.pro-xl .up{background: url("../images/title-arrow.svg") left center no-repeat ; background-position: left 10px center; color:#d23b2a!important; border-bottom:1px solid #d23b2a;}
.pro-xl .up a{color:#d23b2a!important;}
.pro-xl dd{display: none; padding:10px 0; margin:0;  background:#F9F9F9;}
.pro-xl dd  ul{padding:0 20px; margin: 0;}
.pro-xl dd  ul li{font-size:16px; color: #333; line-height: 40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro-xl dd  ul li a{color:#000; font-size:16px; text-decoration: none; padding-left:0; transition:0.5s ease all; }
.pro-xl dd  ul li .active{color: #9a221a; font-weight:bold;}
.pro-xl dd  ul li a:hover{color: #9a221a; padding-left:5px;}
.pro-xl .single{ padding: 15px; margin-top: 10px; background: #F1F1F1;}
.pro-xl .single .cur{ color: #d23b2a; font-weight: bold;}
.pro-xl .single a{ display:block; color: #333; text-decoration: none; font-weight: normal;}


@media (max-width:767px) {
	.mob{display:block;}
	.pc{display:none;}
	.container{width:100%;}
	.navbar-brand img {height: 45px;}
	#navBox {background: #FFF;}
	.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{ color: #136db9!important; background: #FFF!important;}
	.nav-link:focus, .nav-link:hover{color: #136db9!important; background: #FFF!important;}
	.nav-link{color:#333!important;}
	.zcbox .zc-list .zc-item{width:100%; margin:5px 0;}
	.footer .f-box{width:100%; margin-bottom: 20px;}
	.huiwu .hw-item{width:100%;}
	.huiwu .hw-item .hw-txt .hw-tit{font-size:20px; }
	.huiwu .hw-item .hw-txt .hw-tit span{font-size:14px;}
	.huiwu .hw-item .hw-txt .hw-smtext{font-size:14px;}
	.pro-list .pro-list-l{width:100%; padding:5px;}
	.pro-list .pro-list-r{width:100%; padding:5px;}
	.pro-list .pro-box{padding:5px;}
	.pd60-0{padding:30px 0;}
	.pd60-0-20{padding:40px 0 10px;}
	.pro-list{padding:30px 0;}
	.pro-list .pro-smtxt .pro-pic{width:100%; margin-bottom: 20px;}
	.pro-list .pro-smtxt .pro-txt{width:100%;}
	.pro-list .pro-smtxt .pro-txt .pro-lx .l-l{width:100%;}
	.pro-list .pro-smtxt .pro-txt .pro-lx .l-r{width:100%;}
	.pro-list .pro-smtxt .pro-txt .pro-lx .l-l .l-l-txt .l-l-dh{font-size:24px;}
	.pro-list .tj-item{width:calc(50% - 10px); margin: 5px;}
	.zcbox .zc-title .zc-name span{display:none;}
	.youshi .ys-box .ys-item{width:100%; margin-bottom: 20px; padding:20px;}
	.youshi .ys-box .ys-item .ys-pic{width:35%; margin-bottom:0; display:flex; justify-content: center; align-items: center;}
	.youshi .ys-box .ys-item .ys-pic img{width:50%;}
	.youshi .ys-box .ys-item{text-align:left;}
	.youshi .ys-box .ys-item .ys-t1{font-size:18px;}
	.youshi .ys-box .ys-item .ys-t2{font-size:14px;}
	.youshi .ys-box .ys-item .ys-txt{width:65%; }
	.ys-tit{font-size:26px; margin-bottom: 0px;}
	.iabout-img{width:100%; margin-bottom: 20px;}
	.iabout-box{width:100%;}
	.iabout-box .iabout-tit{font-size: 1.4rem;}
	.iabout-box .iabout-txt{font-size:14px;}
	.about-szbox-tit{font-size:1.8rem;}
	.about-szbox-txt{font-size:16px;}
	.about-szbox{border-right: none;}
	.about-box{ padding: 0;}
	.about-box .about-r{width:100%; padding:10px 0;}
	.about-box .about-l{width:100%; border-right:none; display: flex; padding:0; justify-content: space-between;}
	.about-box .about-l .about-item .about-t1{font-size:18px; font-weight: normal;}
	.about-box .about-l .about-item{width:33%; padding:20px 5px;}
	.about-box .about-l .about-item .about-t2{font-size:1.8rem;}
    .f-box .f-list{width:50%;}
	.in-about{padding:30px 0;}
	.in-ban{
		padding: 50px 0;
		min-height: 300px;
        background:url(../images/mpro.jpg) no-repeat center center;
        background-size: cover;
	}
	/* 移动端隐藏视频，显示图片背景 */
	.in-ban-video{
		display: none;
	}
	.in-ban-bg{
		display: block;
	}
	.in-ban-text{
		padding: 0 15px;
	}
	.in-ban-title{
		font-size: 22px;
		margin-bottom: 15px;
	}
	.in-ban-subtitle{
		font-size: 32px;
		margin-bottom: 20px;
	}
	.in-ban-desc{
		font-size: 14px;
		line-height: 1.6;
	}
	.home-news-box, .partner-box{
		width: 100%;
		margin-bottom: 50px;
	}
	.home-news-title, .partner-title{
		margin-bottom: 30px;
	}
	.home-news-title h3, .partner-title h3{
		font-size: 24px;
	}
	.home-news-list{
		gap: 25px;
	}
	.home-news-item{
		flex-direction: column;
		gap: 15px;
		padding: 0;
	}
	.home-news-item:hover{
		background: transparent;
	}
	.home-news-pic{
		width: 100%;
		height: 200px;
	}
	.home-news-tit a{
		font-size: 16px;
	}
	.partner-list{
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.partner-item{
		min-height: 80px;
		padding: 20px;
	}
	.partner-item img{
		max-height: 45px;
	}
	.copyright{ margin-bottom:40px;}
	.footfix{display:block;  position: fixed; bottom: 0; left: 0; width:100%;  background:#136db9; z-index: 99999;}
	.fixbox{width:50%; display: flex; justify-content: center; padding:15px 0; border-right: 1px solid #FFF;}
	.fixbox a{ color: #FFF; font-size: 20px;}
	.fixbox a i{padding-right:10px;}
	.nav-link{font-size:20px!important; padding: 12px 0!important;}
	#owl1 .owl-dots{ display:block;}
	#owl1 .owl-dots .owl-dot span{background:#136db9;}
	.snav{display:none;}
	.bread .name{font-size:18px;}
		.footfix{ width:100%; position: fixed; bottom: -1px; background: #FFF; box-shadow: 10px 7px 15px 4px rgba(0,0,0,.13); z-index: 999999; display:block;}
.footfix ul{padding:8px 0 5px; margin: 0; display: flex;}
.footfix ul li{width:25%;  text-align: center;}
.footfix ul li i{font-size:22px; color:#136db9;}
.footfix ul li p{width:100%; text-align: center; margin: 5px 0 0; padding:0; font-size: 13px; color: #666;}
	.contact .c_l{width:100%; padding: 0;}
	.contact .c_r{width:100%; height: 260px;}
	.in_about .d_w55{width:100%;}
	.in_about .d_w40{width:100%;}
	.is-nav li a{padding:0 15px; font-size: 14px;}
	.headline .ftit{font-size:1rem;}
	.headline .tit{font-size:1.6rem}


	.icase-item{width:100%;  margin-bottom:20px;}
	.is-list .is-box{width:50%; padding:5px;}
}

/* 回到顶部按钮 */
.back-to-top{
  position: fixed;
  right: 30px;
  bottom: 120px;
  width: 50px;
  height: 50px;
  background: #136db9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9999999;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(19, 109, 185, 0.3);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.back-to-top:hover{
  background: #0d5490;
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(19, 109, 185, 0.4);
}
.back-to-top i{
  color: #fff;
  font-size: 20px;
}
.back-to-top.show{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media (max-width: 768px){
  .back-to-top{
    right: 20px;
    bottom: 100px;
    width: 45px;
    height: 45px;
  }
  .back-to-top i{
    font-size: 18px;
  }
}

/* 产品分类和产品列表样式 */
.product-section{
  padding: 60px 0;
  background: #fff;
}

/* 产品标题和分类导航头部 */
.product-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #F2F2F2;
}

.product-title{
  font-size: 28px;
  font-weight: 700;
  color: #136db9;
  margin: 0;
  padding: 0;
  border: none;
}

/* 产品分类导航 */
.product-categories{
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin: 0;
  padding: 0;
  border: none;
}
.category-item{
  padding: 10px 20px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  color: #666;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.category-item::before{
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #136db9;
  transition: left 0.3s ease;
  z-index: -1;
}
.category-item:hover{
  border-color: #136db9;
  color: #fff;
  text-decoration: none;
}
.category-item:hover::before{
  left: 0;
}
.category-item.active{
  background: #136db9;
  color: #fff;
  border-color: #136db9;
  text-decoration: none;
}
.category-item.active::before{
  left: 0;
}
.category-item.active:hover{
  color: #fff;
}

/* 产品列表 */
.product-list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.product-card{
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}
.product-card:hover{
  transform: translateY(-5px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  text-decoration: none;
}
.product-image{
  width: 100%;
  box-sizing: border-box;
  padding: 0 10%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-image img{
  width: 80%;
  height: auto;
  transition: transform 0.3s ease;
}
.product-card:hover .product-image img{
  transform: scale(1.05);
}
.product-info{
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.product-name{
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 15px;
  line-height: 1.4;
}
.product-link{
  color: #666;
  font-size: 14px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: color 0.3s ease;
}
.product-card:hover .product-link{
  color: #136db9;
}
.product-link i{
  font-size: 12px;
  transition: transform 0.3s ease;
}
.product-card:hover .product-link i{
  transform: translateX(3px);
}

@media (max-width: 992px){
  .product-list{
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (max-width: 768px){
  .product-section{
    padding: 40px 0;
  }
  .product-header{
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 30px;
  }
  .product-title{
    font-size: 18px;
    margin-bottom: 0;
  }
  .product-categories{
    gap: 10px;
    margin-bottom: 0;
    width: 100%;
  }
  .category-item{
    padding: 8px 15px;
    font-size: 14px;
  }
  .product-list{
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .product-image{
    height: 220px;
  }
  .product-name{
    font-size: 16px;
  }
}

/* 服务与支持板块样式 */
.service-support-section{
  padding: 80px 0;
  background: #fff;
}
.service-header{
  text-align: center;
  margin-bottom: 60px;
}
.service-title{
  font-size: 36px;
  font-weight: 700;
  color: #333;
  margin-bottom: 30px;
}
.service-divider{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0;
  gap: 10px;
}
.divider-line{
  width: 100px;
  height: 1px;
  background: #e0e0e0;
}
.divider-circle{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #136db9;
}
.service-subtitle{
  font-size: 18px;
  color: #666;
  line-height: 1.8;
  margin-top: 20px;
}
.service-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 50px;
}
.service-card{
  background: #f5f5f5;
  border-radius: 8px;
  padding: 40px 30px;
  text-align: center;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.service-card:hover{
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.service-icon{
  width: 100%;
  padding:25px 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  overflow: hidden;
}

.service-card-title{
  font-size: 24px;
  font-weight: 700;
  color: #333;
  margin-bottom: 20px;
}
.service-card-text{
  font-size: 16px;
  color: #666;
  line-height: 1.8;
  text-align: left;
  margin: 0;
}

@media (max-width: 992px){
  .service-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }
  .service-support-section{
    padding: 60px 0;
  }
  .service-title{
    font-size: 30px;
  }
}

@media (max-width: 768px){
  .service-support-section{
    padding: 40px 0;
  }
  .service-header{
    margin-bottom: 40px;
    padding: 0 15px;
  }
  .service-title{
    font-size: 24px;
    margin-bottom: 20px;
  }
  .service-divider{
    margin: 20px 0;
  }
  .divider-line{
    width: 60px;
  }
  .service-subtitle{
    font-size: 14px;
    margin-top: 15px;
  }
  .service-grid{
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 30px;
    padding: 0 15px;
  }
  .service-card{
    padding: 30px 20px;
  }
  .service-icon{
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
  }
  .service-card-title{
    font-size: 20px;
    margin-bottom: 15px;
  }
  .service-card-text{
    font-size: 14px;
    line-height: 1.8;
  }
}

/* 服务地图图片居中 */
.services-map{
  text-align: center;
  margin-top: 40px;
  padding: 0 15px;
}
.services-map img{
  max-width: 100%;
  height: auto;
  display: inline-block;
}

@media (max-width: 768px){
  .services-map{
    margin-top: 30px;
  }
}

/* 联系信息样式 */
.contact-info-section{
  margin-top: 50px;
  display: flex;
  gap: 0;
  align-items: stretch;
  border-radius: 8px;
  overflow: hidden;
  border:2px solid #f8f9fa;
}
.contact-info-left{

  width: 45%;
  padding: 20px 20px 0px 20px;
  background: #f8f9fa;
}
.contact-info-item{
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}
.contact-info-item:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.contact-info-company .contact-info-value{
  font-size: 24px;
  font-weight: 700;
  color: #136db9;
  width: 100%;
  text-align: left;
}
.contact-info-label{
  font-size: 18px;
  font-weight: 600;
  color: #333;
  min-width: 120px;
  flex-shrink: 0;
}
.contact-info-value{
  font-size: 18px;
  color: #666;
  flex: 1;
  line-height: 1.6;
}
.contact-info-value a{
  color: #d8403f;
  text-decoration: none;
  transition: color 0.3s ease;
  font-weight: bold;
}
.contact-info-value a:hover{
  color: #d8403f;
  text-decoration:none;
}
.contact-info-right{

  width: 55%;
  padding: 0px;

}
.contact-qrcode{
  background: transparent;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}
.contact-qrcode img{
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 15px;
}
.contact-qrcode .qrcode-txt{
  font-size: 14px;
  color: #666;
  margin: 0;
}

@media (max-width: 768px){
  .contact-info-section{
    margin-top: 30px;
    flex-direction: column;
    gap: 0;
  }
  .contact-info-left{
    width: 100%;
    flex: 0 0 100%;
    padding: 15px 20px;
  }
  .contact-info-item{
    flex-direction: column;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .contact-info-company{
    margin-bottom: 25px !important;
  }
  .contact-info-company .contact-info-value{
    font-size: 20px;
  }
  .contact-info-label{
    font-size: 16px;
    margin-bottom: 8px;
    min-width: auto;
  }
  .contact-info-value{
    font-size: 16px;
  }
  .contact-info-right{
    width: 100%;
    flex: 0 0 100%;
    padding: 30px 20px;
  }
  .contact-qrcode img{
    width: 180px;
  }
}