.pagebanner{
  width: 100%;
  height: 280px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.news_banner{
  background: url(../images/newsbanner.png) center center no-repeat;
  background-size: cover;
}
.banner_text{
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
  z-index: 2;
}
.banner_text p{
  font-size: 46px;
  color: #1A1F34;
  line-height: 70px;
  font-weight: 500;
}
.banner_text span{
  font-size: 16px;
  color: #6D717C;
  line-height: 24px;
  margin-top: 12px;
  display: block;
}

.more{
  width: 1200px;
  max-width: 100%;
  overflow: hidden;
  margin: 30px auto 0 auto;
}
.more a{
  width: 126px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #0151D9;
  display: inline-block;
  padding: 0 10px;
  font-weight: 500;
  background: #0151D9;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: .5s ease-in-out;
}



/*新闻中心*/
.newslist{
  overflow: hidden;
  margin: 50px auto;
}

.newslist .el-tabs__item{
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
  height: 60px;
}
.newslist .el-tabs__item.is-active{
  color: #0151D9;
}

.newcontent{
  overflow: hidden;
}
.newcontent ul{
  overflow: hidden;
}
.newcontent ul li{
  width: 100%;
  float: left;
  display: flex;
  justify-content: flex-start;
  padding: 20px 0;
  border-bottom: 1px solid #E9E9E9;
}
.newcontent ul li .img{
  width: 338px;
  min-width: 338px;
  height: 202px;
  overflow: hidden;
  margin-right: 24px;
}
.newcontent ul li img{
  transition: transform 0.8s ease-in-out;
}
.newcontent ul li:hover img{
  transform: scale(1.2);
}
.newcontent ul li .text{
  flex: 1;
}
.newcontent ul li .text1{
  max-width: 836px;
}
.newcontent ul li .text p.title{
  font-size: 24px;
  font-weight: bold;
  color: #23272B;
  line-height: 32px;
  margin-top: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* max-width: 97%; */
}
.newcontent ul li .text p.title:hover{
  color: #0151D9;
  cursor: pointer;
}
.newcontent ul li .text p.summary{
  font-size: 16px;
  font-weight: 400;
  color: #6D717C;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 24px;
  /* max-width: 97%; */
}
.newcontent ul li .text span.time{
  font-weight: 400;
  color: #B1B2BA;
  line-height: 20px;
  margin-top: 32px;
  display: inline-block;
}

/*详情面包屑导航*/
.crumbs{
  margin: 20px 0;
}

.detail{
  overflow: hidden;
  margin-bottom: 50px;
}
.detail p.title{
  font-size: 40px;
  font-weight: bold;
  color: #23272B;
  line-height: 50px;
  text-align: center;
  margin: 10px 0;
}
.detail p.time{
  padding: 20px 0;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #23272B;
  border-bottom: 1px solid #E9E9E9;
}

.detail .detail_container, .aboutus .detail_container{
  overflow: hidden;
  line-height: 28px;
  color: #6D717C;
  font-size: 16px;
  margin-top: 32px;
}


/*关于我们*/
.aboutus{
  overflow: hidden;
}

.aboutus .title{
  margin: 60px 0 20px 0;
  font-size: 34px;
  font-weight: 500;
  color: #000000;
  line-height: 51px;
}

.aboutus .zzlist{
  overflow: hidden;
  margin-bottom: 50px;
}
.aboutus .zzlist ul{
  overflow: hidden;
}
.aboutus .zzlist ul li{
  width: 384px;
  height: 468px;
  overflow: hidden;
  float: left;
  margin: 20px 24px 20px 0;
  background: #F3F5F8;
  text-align: center;
}
.aboutus .zzlist ul li:nth-child(3n){
  margin-right: 0;
}

.aboutus .zzlist ul li .img{
  width: 224px;
  height: 308px;
  overflow: hidden;
  margin: 30px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  
}
.aboutus .zzlist ul li .img img{
  transition: transform 0.8s ease-in-out;
}
.aboutus .zzlist ul li .tit{
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  line-height: 30px;
  margin-top: 20px;
}
.aboutus .zzlist ul li:hover .img img {
  transform: scale(1.2);
  cursor: pointer;
}


/*产品中心*/
.pro_banner{
  background: url(../images/probanner.png) center center no-repeat;
  background-size: cover;
}

.product{
  margin: 50px 0;
}

.product .title{
  margin: 60px 0 20px 0;
  font-size: 34px;
  font-weight: 500;
  color: #000000;
  line-height: 51px;
}

.product ul{
  overflow: hidden;
  margin: 0 auto;
}
.product ul li{
  width: 384px;
  height: 190px;
  border: 1px solid #E9E9E9;
  float: left; 
  margin: 12px 24px 12px 0;
  padding: 20px 20px;
}
.product ul li:nth-child(3n){
  margin-right: 0;
}

.proitem .t{
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 20px
}
.proitem .t img{
  height: 24px;
  margin-right: 12px;
}
.proitem .s{
  font-weight: 400;
  color: #8C919E;
  line-height: 26px;
  height: 52px;
  margin: 20px 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 设置最大显示行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 16px;
}


.proitem .icon{
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  
}
.proitem .icon em{
  display: inline-block;
  background: #F4F5F8;
  color: #A3A9B7;
  padding: 4px 8px;
}
.proitem.hot{
  background: #EDF1F5 url(../images/icon_hot.png) right top no-repeat;
  position: relative;
  background-size: 10%;
}

.proitem:hover .t, .proitem.hot .t{
  color: #0151D9;
}

.product ul li:hover{
  
background: #EDF1F5;
}




/*产品详情*/
.prodetail_banner{
  width: 100%;
  height: 380px;
  overflow: hidden;
  position:relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right right;
}
.prodetail_banner .banner_text span{
  max-width: 75%;
}

.prodetails{
  overflow: hidden;
}
.toptabs{
  width: 100%; 
  
  box-shadow: 0px 0px 44px 0px rgba(188,198,209,0.2);
  border-radius: 10px;
}
.tabs{
  border-bottom: 1px solid rgba(233, 233, 233, 1);
}
.toptabs {
  border-bottom: 0;
}
.tabs a{
  border-bottom: 2px solid #fff;
  line-height: 36px;
  max-width: 30%;
  overflow: hidden;
  white-space: nowrap;
}
.tabs a.active{
  border-bottom: 2px solid #0151D9;
  color: #0151D9;
  
  font-weight: 600;
}
.toptabs a{
  line-height: 72px!important;
}
.probox .title{
  font-size: 34px;
  font-weight: 500;
  color: #23272B;
  line-height: 51px;
  text-align: center;
  margin: 50px auto;
}

.cpyshtml{
  width: 1200px;
  height: 290px;
  overflow: hidden;
}

/*产品优势*/
.cpyshtml .ysitem{
  width: 50%;
  height: 90px;
  overflow: hidden;
  margin-bottom: 70px;
  float: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.cpyshtml .ysitem .img{
  min-width: 70px;
  width: 70px;
  height: 70px;
  overflow: hidden;
  margin-right: 20px;
}
.cpyshtml .ysitem .info{
  width: 76%;
}
.cpyshtml .ysitem .info > p{
  font-weight: bold;
}
.cpyshtml .ysitem .info .nr{
  margin-top: 10px;
  font-size: 14px;
  color: rgba(35, 39, 43, .6);
  line-height: 26px;
  max-height: 56px;
}


.grey{
  width: 100%;
  height: 610px;
  overflow: hidden;
  background: rgba(240, 245, 250, .8);
}

.gncontain{
  margin: 30px auto;
  max-height: 550px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: visible;
}
.gncontain .nr{
  overflow: hidden;
  max-width: 48%;
  width: 48%;
  margin: 0 2%;
  height: 100%;
}
.gncontain .nr .titles{
  font-size: 30px;
  font-weight: bold;
  color: #23272B;
  line-height: 45px;
}
.gncontain .nr .gnms{
  font-size: 16px;
  font-weight: 400;
  color: rgba(35, 39, 43, .6);
  line-height: 24px;
  margin: 10px 0 20px 0;
}
.gncontain .nr .xwnr{
  max-width: 95%;
  overflow: hidden;
}
.gncontain  .img{
  width: 642px;
  height: 398px;
  background: #F5F9FF;
  box-shadow: 0px 0px 44px 0px rgba(188,198,209,0.7);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gncontain  .img img{
  max-width: 96%;
}

.cjcontainer{
  height: 398px;
  overflow: hidden;
  margin: 30px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: visible;
}
.cjcontainer .nr{
  overflow: hidden;
  max-width: 48%;
  width: 48%;
  margin: 0 2%;
  height: 100%;
}
.cjcontainer .nr .titles{
  font-size: 30px;
  font-weight: bold;
  color: #23272B;
  line-height: 45px;
}
.cjcontainer .nr .gnms{
  font-size: 16px;
  font-weight: 400;
  color: rgba(35, 39, 43, .6);
  line-height: 24px;
  margin: 10px 0 20px 0;
}
.cjcontainer .nr .xwnr{
  max-width: 95%;
  overflow: hidden;
}
.cjcontainer  .img{
  width: 642px;
  height: 398px;
  background: #F5F9FF;
  box-shadow: 0px 0px 44px 0px rgba(188,198,209,0.7);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cjcontainer  .img img{
  max-width: 96%;
}


.jjfabox{
  width: 100%;
  height: 696px;
  overflow: hidden;
  background: rgba(240, 245, 250, .8);
}
.slitem{
  width: 179px;
  height: 450px;
  overflow: hidden;
  transition: .5s ease-in-out;
} 
.slitem .img{
  width:100%;
  height: 100%;
  position: relative;
}
.slitem .img img{
  width:100%;
  height: 100%;
}
.slitem .img p{
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -14px;
  width: 28px;
  font-size: 20px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 26px;
}
.slitem:hover, .slitem.active{
  width: 308px;
  overflow: hidden;
}
.slitem:hover .img, .slitem.active .img{
  display: none;
}
.slitem:hover .text, .slitem.active .text{
  display: block;
}
.slitem .text{
  width: 308px;
  height: 450px;
  background: #FFFFFF;
  box-shadow: 0px 6px 34px 0px #D6DEEA;
  border: 1px solid #E1E3E5;
  display: none;
  padding: 24px;
}

/* .slitem .text p{
  width: 80px;
  height: 28px;
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  line-height: 28px;
}
.slitem .text ul{
  margin: 20px 5px;
}
.slitem .text ul li{
  float: left;
  font-weight: 400;
  color: #8D98A5;
  line-height: 20px;
  margin: 5px 0;
}
.slitem .text ul li:before{
  content: '·';
  color: #FE8939;
  margin-right: 5px;
} */


.wdfabox{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
}
.wdfabox .item{
  width: 380px;
  height: 162px;
  background: url(../images/wdbg.png) no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 30px;
}
.wdfabox .item:last-child{
  margin-right: 0;
}
.wdfabox .item img{
  width: 70px;
  height: 70px;
  overflow: hidden;
  margin-right: 20px;
}
.wdfabox .item span{
  font-weight: 500;
  color: #23272B;
  line-height: 30px;
  font-size: 20px;
}
.wdfabox .item:hover{
  box-shadow: 0px 2px 24px 0px #E1E6ED;
}

.tabflex{
  justify-content: center;
  gap: 10%;
}

.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 999;
}