.banner{
  width:100%;
  height:800px;
  overflow: hidden;
}
.banner .swiper-container1 {
  width: 100%;
  height: 100%;
}
.banner .swiper-container1 .swiper-slide{
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
.banner .swiper-container1 .swiper-slide a{
  display:block;
  width:100%;
  height: 100%;
  position: relative;
}
.banner .swiper-container1 .swiper-slide a img{
  display:block;
  width:100%;
  height: 100%;
  object-fit: cover;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner .swiper-container1 .swiper-pagination-bullet{
  display:block;
  width:12px;
  height: 12px;
  background:#e51b27;
  opacity: .2;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin:0 10px;
}
.banner .swiper-container1 .swiper-pagination-bullet-active{
  width:12px;
  height: 12px;
  background:#e51b27;
  opacity: 1;
}

@media all and (max-width:1200px) {
  .banner{
    height: 100%;
  }
}
@media all and (max-width:480px) {
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:10px;
  }
  .banner .swiper-container1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 5px;
  }
  .banner .swiper-container1 .swiper-pagination-bullet{
    width:8px;
    height: 8px;
  }
  .banner .swiper-container1 .swiper-pagination-bullet-active{
    width:8px;
    height: 8px;
  }
}
.ind{
  width:100%;
}
.ind1{
  width:100%;
  padding:50px 0 40px;
  background:#f5f5f5;
}
.ind1 ul{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.ind1 ul li{
  width:25%;
  margin-bottom: 10px;
  padding:0 15px;
  position: relative;
}
.ind1 ul li:nth-child(n+2)::after{
  content:"";
  display:block;
  width:1px;
  height: 150px;
  background:rgb(238, 238, 238);
  position: absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
}
.ind1 ul li img{
  display:block;
  width:74px;
  height: auto;
  margin:0 auto;
}
.ind1 ul li .text{
  width:100%;
  padding:20px;
  text-align: center;
}
.ind1 ul li .text span{
  display:block;
  width:100%;
  font-size:18px;
  line-height: 35px;
}
.ind1 ul li .text p{
  font-size:14px;
  color:#333;
  font-family: "arial";
  line-height: 20px;
}
@media all and (max-width:980px) {
  .ind1 ul li{
    width:50%;
  }
  .ind1 ul li:nth-child(3)::after{
    display:none;
  }
}
@media all and (max-width:480px) {
  .ind1 ul li:nth-child(n+2)::after{
    display:none;
  }
  .ind1 ul li{
    width:100%;
    padding:0;
  }
  .ind1 ul li .text{
    padding:10px 0 ;
  }
  .ind1 ul li .text span{
    font-size:16px;
    line-height: 25px;
  }
  .ind1{
    padding:20px 0 10px;
  }
}

.ind2{
  width:100%;
  padding:50px 0;
  background:#fff;
}
.ind2 .wrap{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  align-items: center;
}
.ind2_l{
  width:48%;
}
.ind2_l .tit{
  width:100%;
  font-size:48px;
  margin-bottom: 20px;
}
.ind2_l .tit em{
  color: #e71b27;
}
.ind2_l .text{
  width:100%;
  font-size:14px;
  color:#333;
  line-height: 30px;
  font-family: "arial";
  margin-bottom: 20px;
}
.ind2_l dl{
  width:100%;
  margin-bottom: 20px;
}
.ind2_l dl dd{
  width:100%;
  display:flex;
  justify-content: flex-start;
  margin-bottom: 5px;
}
.ind2_l dl dd img{
  display:block;
  width:24px;
  height: 24px;
  margin-right: 10px;
} 
.ind2_l dl dd p{
  width:calc(100% - 34px);
  line-height: 24px;
  font-size:14px;
  font-family: "arial";
}
.ind2_l .btn{
  width:100%;
  display:flex;
  justify-content: flex-start;
}
.ind2_l .btn a{
  display:block;
  padding:12px 40px;
  background:#e71b27;
  border-radius: 33px;
  color:#fff;
  font-size:14px;
  transition: all ease .5s;
}
.ind2_l .btn a:hover{
  opacity: .6;
}
.ind2_r{
  width:48%;
}
.ind2_r img{
  display:block;
  width:100%;
  height: auto;
}
@media all and (max-width:980px) {
  .ind2_l{
    width:100%;
  }
  .ind2_r{
    width:100%;
    margin-top:20px;
  }
  .ind2_l .tit{
    font-size:32px;
  }
}
@media all and (max-width:480px) {
  .ind2{
    padding:20px 0;
  }
  .ind2_l .tit{
    font-size:20px;
    margin-bottom: 10px;
  }
  .ind2_l .text{
    line-height: 25px;
    margin-bottom: 10px;
  }
  .ind2_l dl{
    margin-bottom: 10px;
  }
  .ind2_r{
    width:100%;
    margin-top:10px;
  }
  .ind2_l dl dd img{
    width:20px;
    height: 20px;
  }
  .ind2_l dl dd p{
    line-height: 20px;
  }
  .ind2_l .btn a{
    padding:10px 25px;
  }
}

.ind3{
  width:100%;
  padding:50px 0;
  background:#f5f5f5
}
.every_tit{
  width:850px;
  margin:0 auto;
  text-align: center;
}
.every_tit span{
  display:block;
  width:100%;
  font-size:48px;
}
.every_tit span em{
  color: #e71b27;
}
.every_tit p{
  font-size:14px;
  font-family: "arial";
  line-height: 25px;
  margin-top:10px;
}
.ind3 .list{
  width:100%;
  margin-top:20px;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
.ind3 .list li{
  width:calc(25% - 22.5px);
  margin:20px 30px 0 0;
}
.ind3 .list li:nth-child(4n){
  margin-right: 0;
}
.ind3 .list li .img{
  display:block;
  width:100%;
  overflow: hidden;
}
.ind3 .list li .img img{
  display:block;
  width:100%;
  height: auto;
  transition: all ease .5s;
}
.ind3 .list li:hover .img img{
  transform: scale(1.1);
}
.ind3 .list li p{
  padding:0 10px;
  margin-top:10px;
  font-size:14px;
  line-height: 20px;
  text-align: center;
  font-family: "arial";
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: all ease .3s;
}
.ind3 .list li:hover p{
  color:#e51b27
}
@media all and (max-width:980px) {
  .every_tit span{
    font-size:32px;
  }
  .ind3 .list{
    justify-content: space-between;
  }
  .ind3 .list li{
    width:48%;
    margin-right: 0;
  }
  .every_tit{
    width:100%;
  }
}
@media all and (max-width:480px) {
  .ind3{
    padding:20px 0;
  }
  .every_tit span{
    font-size:20px;
  }
  .every_tit p{
    line-height: 20px;
  }
  .ind3 .list{
    margin-top:0;
  }
}

.ind4{
  width:100%;
  background:url("../image/bg/ind4_1.webp") no-repeat center center;
  background-size:cover;
  background-attachment: fixed;
}
.ind4 .wrap{
  display:flex;
  justify-content: center;
  align-items: center;
}
.ind4 .wrap .box{
  width:1000px;
  margin:0 auto;
}
.ind4 .wrap .box .tit{
  padding-top:230px;
  text-align: center;
}
.ind4 .wrap .box .tit span{
  display:block;
  width:100%;
  font-size:60px;
  color:#fff;
}
.ind4 .wrap .box .tit p{
  display:block;
  width:100%;
  color:#fff;
  font-size:16px;
  line-height: 25px;
  margin-top:10px;
  font-family: "arial";
}
.ind4 .wrap .box .btn{
  padding:40px 0 230px;
  display:flex;
  justify-content: center;
  align-items: center;
}
.ind4 .wrap .box .btn a{
  display:block;
  padding:12px 40px;
  background:#e71b27;
  border-radius: 33px;
  color:#fff;
  font-size:14px;
  transition: all ease .3s;
}
.ind4 .wrap .box .btn a:hover{
  opacity: .6;
}
@media all and (max-width:980px) {
  .ind4 .wrap .box .tit span{
    font-size:40px;
  }
  .ind4 .wrap .box .tit{
    padding-top:160px;
  }
  .ind4 .wrap .box .btn{
    padding:40px 0 160px;
  }
}
@media all and (max-width:480px) {
  .ind4 .wrap .box .tit{
    padding-top:50px;
  }
  .ind4 .wrap .box .btn{
    padding:20px 0 50px;
  }
  .ind4 .wrap .box .tit span{
    font-size:24px;
  }
  .ind4 .wrap .box .tit p{
    font-size: 14px;
    line-height: 20px;
  }
  .ind4 .wrap .box .btn a{
    padding:10px 30px;
  }
}

.ind5{
  width:100%;
  padding:50px 0;
}
.ind5 .wrap{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  align-items: center;
}
.ind5_l{
  width:48%;
}
.ind5_l .tit{
  width:100%;
  font-size:48px;
}
.ind5_l .tit em{
  color:#e71b27;
}
.ind5_l .text{
  width:100%;
}
.ind5_l .text p{
  margin-top:25px;
  line-height: 25px;
  color:#333;
  font-family: "arial";
}
.ind5_l .btn{
  width:100%;
  display:flex;
  justify-content: flex-start;
  margin-top:25px;
}
.ind5_l .btn a{
  display: block;
  padding: 12px 40px;
  background: #e71b27;
  border-radius: 33px;
  color: #fff;
  font-size: 14px;
  transition: all ease .5s;
}
.ind5_l .btn a:hover{
  opacity: 0.6;
}
.ind5_r{
  width:48%;
}
.ind5_r img{
  display:block;
  width:100%;
  height: auto;
}
@media all and (max-width:980px) {
  .ind5_l{
    width:100%;
  }
  .ind5_r{
    width:100%;
    margin-top:25px;
  }
  .ind5_l .tit{
    font-size:32px;
  }
}
@media all and (max-width:480px) {
  .ind5{
    padding:20px 0;
  }
  .ind5_l .tit{
    font-size:20px;
  }
  .ind5_l .text p{
    margin-top:10px;
    line-height: 20px;
  }
  .ind5_l .btn{
    margin-top:10px;
  }
  .ind5_r{
    margin-top:10px;
  }
  .ind5_l .btn a{
    padding:10px 30px;
  }
}

.ind6{
  width:100%;
  padding:50px 0;
  background:#f5f5f5;
}
.ind6 .list{
  width:100%;
  margin-top:30px;
}
.pro-swiper1{
  width:100%;
  overflow: hidden;
  position: relative;
}
.pro-swiper1 .swiper-slide .text{
  width:100%;
  padding:10px;
  text-align: center;
}
.pro-swiper1 .swiper-slide .text span{
  display:block;
  width:100%;
  font-size:16px;
  line-height: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: all ease .3s;
}
.pro-swiper1 .swiper-slide:hover .text span{
  color:#e71b27;
}
.pro-swiper1 .swiper-slide .text p{
  font-size:14px;
  font-family: "arial";
  line-height: 25px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.pro-swiper1 .swiper-slide a:hover .text p{
  color:#333;
}
.pro-swiper1-pagination{
  width:100%;
  display:flex;
  justify-content: center;
  align-items: center;
  margin-top:20px;
}
.pro-swiper1-pagination .swiper-pagination-bullet{
  margin:0 5px;
  width:10px;
  height: 10px;
}
.swiper-pagination-clickable .swiper-pagination-bullet{
  background:#e71b27;
}
.pro-swiper1 .pro-prev{
  width:36px;
  height: 36px;
  position: absolute;
  left:10px;
  top:50%;
  transform: translateY(-50%);
  background:url("../image/icon/prev_3.png") no-repeat center center;
  background-size:100% 100%;
  cursor: pointer;
  z-index:100;
}
.pro-swiper1 .pro-next{
  width:36px;
  height: 36px;
  position: absolute;
  right:10px;
  top:50%;
  transform: translateY(-50%);
  background:url("../image/icon/next_3.png") no-repeat center center;
  background-size:100% 100%;
  cursor: pointer;
  z-index:100;
}
@media all and (max-width:480px) {
  .ind6{
    padding:20px 0;
  }
  .ind6 .list{
    margin-top:20px;
  }
  .pro-swiper1 .swiper-slide .text{
    padding:5px 0;
  }
  .pro-swiper1 .swiper-slide .text span{
    font-size:14px;
  }
  .pro-swiper1 .swiper-slide .text p{
    font-size:12px;
    line-height: 20px;
  }
  .pro-swiper1 .pro-prev{
    width:30px;
    height: 30px;
  }
  .pro-swiper1 .pro-next{
    width:30px;
    height: 30px;
  }
  .pro-swiper1-pagination{
    margin-top:10px;
  }
}
.ind7{
  width:100%;
  padding:50px 0;
}
.ind7 .content{
  width:100%;
  margin-top:30px
}
.ind7 .content form{

}
.ind7 .content form dl{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.ind7 .content form dl dd{
  width:49%;
  margin-bottom: 20px;
}
.ind7 .content form dl dd input{
  display:block;
  width:100%;
  padding:0 15px;
  height: 50px;
  line-height: 50px;
  font-size:14px;
  color:#999;
  font-family: "Helvetica-Neue-Condensed-Bold";
  border-radius: 10px;
}
.ind7 .content form dl dd input::placeholder{
  color:#999;
  font-family: "Helvetica-Neue-Condensed-Bold";
}
.ind7 .content form dl dd.ly{
  width:100%;
}
.ind7 .content form dl dd.ly textarea{
  display:block;
  font-family: "Helvetica-Neue-Condensed-Bold";
  width:100%;
  border-radius: 10px;
  color:#999;
  padding:15px;
}
.ind7 .content form .reg_btn{
  width:100%;
  display:flex;
  justify-content: center;
}
.ind7 .content form .reg_btn button{
  display:block;
  padding:12px 45px;
  border-radius: 33px;
  border:1px solid #e71b27;
  font-size: 14px;
  font-family: "Helvetica-Neue-Condensed-Bold";
  height: auto;
  line-height: 20px;
  color:#e71b27;
  background:rgba(0,0,0,0);
  transition: all ease .5s;
}
.ind7 .content form .reg_btn button:hover{
  opacity: 1;
  background:#e71b27;
  color:#fff;
}
@media all and (max-width:480px) {
  .ind7{
    padding:20px 0;
  }
  .ind7 .content{
    margin-top:20px;
  }
  .ind7 .content form dl dd{
    width:100%;
    margin-bottom: 10px;
  }
  .ind7 .content form dl dd input{
    padding:0 10px;
    height: 40px;
    line-height: 40px;
  }
  .ind7 .content form dl dd.ly textarea{
    padding:10px;
  }
  .ind7 .content form .reg_btn button{
    padding:10px 30px;
  }
}

.mbx_info{
  width:100%;
  padding:10px 0;
}
.mbx_info .wrap{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  align-items: center;
  line-height: 25px;
}
.mbx_info .wrap span{
  display:block;
  font-size:14px;
  color:#999;
}
.mbx_info .wrap span a{
  color:#999;
  transition: all ease .3s;
}
.mbx_info .wrap span a:hover{
  color:#e71b27;
}
.mbx_info .wrap em{
  display:block;
  margin:0 5px;
  font-size:14px;
  color:#999;
}
.pro_art1{
  width:100%;
  padding:50px 0;
}
.pro_art1_t{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  align-items: center;
}
.pro_art1_t .chanpin{
  width:650px;
}
.pro_art1_t .chanpin .large_pic{
  width:100%;
  height: 500px;
  border:1px solid #f8f8f8;
  display:flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.pro_art1_t .chanpin .large_pic img{
  display:block;
  width:100%;
  height: 100%;
  object-fit: contain;
  padding: 10px;
  box-sizing: border-box;
}
.pro_art1_t .chanpin .small_pic{
  position: relative;
}
.pro_swiper2{
  width:calc(100% - 80px) ;
  height:100%;
  margin-top:20px;
}
.pro_swiper2 .swiper-wrapper{
  width:100%;
  height:100%;
}
.pro_swiper2 .swiper-wrapper .swiper-slide{
  width:100%;
  height:80px;
  display:flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.pro_swiper2 .swiper-wrapper .swiper-slide::before{
  content:"";
  display:block;
  width:100%;
  height: 100%;
  position: absolute;
  left:0;
  top:0;
  background:rgba(255, 255, 255, .5);
  z-index:10;
}
.pro_swiper2 .swiper-wrapper .current::before{
  background:rgba(255, 255, 255, 0);
}
.pro_swiper2 .swiper-wrapper .swiper-slide img{
  max-width:100%;
  width:100%;
  height: 100%;
  object-fit: cover;
}
.pro_art1_t .chanpin  .small_pic .pro_swiper2_prev{
  position: absolute;
  display: block;
  width:30px;
  height:30px;
  z-index:10;
  transition: all ease .25s;
  left:0;
  top:50%;
  transform: translateY(-50%);
  /* background:#37517e; */
  border-radius: 100%;
  opacity: 0.8;
  transition: all ease .3s;
  display:flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.pro_art1_t .chanpin  .small_pic .pro_swiper2_prev:hover{
  opacity: 1;
}
.pro_art1_t .chanpin  .small_pic .pro_swiper2_prev:after{
  content:"";
  display:block;
  width:30px;
  height:30px;
  background:url("../image/icon/prev_3.png")no-repeat center center;
  background-size:100% 100%;
  z-index:20;
  outline: none;
}
.pro_art1_t .chanpin  .small_pic .pro_swiper2_next{
  position: absolute;
  display: block;
  width:30px;
  height:30px;
  z-index:10;
  transition: all ease .3s;
  right:0;
  top:50%;
  transform: translateY(-50%);
  opacity: 0.8;
  display:flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  /* background:#37517e; */
  border-radius: 100%;
}
.pro_art1_t .chanpin  .small_pic .pro_swiper2_next:hover{
  opacity: 1;
}
.pro_art1_t .chanpin  .small_pic .pro_swiper2_next:after{
  content:"";
  display:block;
  width:30px;
  height:30px;
  background:url("../image/icon/next_3.png")no-repeat center center;
  background-size:100% 100%;
  z-index:20;
}
.pro_art1_t .content{
  width:calc(100% - 700px);
}
.pro_art1_t .content h1{
  font-size:24px;
  color:#212121;
}
.pro_art1_t .content .line{
  width:100%;
  height: 1px;
  background:#e0e0e0;
  margin-top:30px;
}
.pro_art1_t .content ul{
  width:100%;
}
.pro_art1_t .content ul li{
  width:100%;
  margin-top:30px;
  display:flex;
  justify-content: flex-start;
  font-size:14px;
}
.pro_art1_t .content ul li span{
  display:block;
}
.pro_art1_t .content ul li i{
  display:block;
  font-family: "arial";
  margin-left: 10px;
}
.pro_art1_t .content dl{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  margin-top:20px;
}
.pro_art1_t .content dl dd{
  margin:20px 10px 0 0
}
.pro_art1_t .content dl dd a{
  width:30px;
  height: 30px;
  border:1px solid #e71b27;
  border-radius: 100%;
  font-size:16px;
  color:#e71b27;
  display:flex;
  justify-content: center;
  align-items: center;
}
.pro_art1_t .content dl dd a span{
  vertical-align: middle;
  line-height: 28px;
  display: block;
}
.pro_art1_t .content .btn{
  width:100%;
  margin-top:20px;
  display:flex;
  justify-content: flex-start;
}
.pro_art1_t .content .btn a{
  display:block;
  padding:10px 30px;
  background:#e71b27;
  color:#fff;
  font-size:14px;
  line-height: 30px;
}
.pro_art1_b{
  width:100%;
}
.pro_art1_b .item{
  width:100%;
  margin-top:30px;
}
.pro_art1_b .item table,.pro_art1_b .item table td,.pro_art1_b .item div{
  font-size:14px;
  margin-top:10px;
  line-height: 25px;
  font-family: "arial";
}
.pro_art1_b .item span{
  width:100%;
  font-size:14px;
}
.pro_art1_b .item p{
  width:100%;
  font-size:14px;
  margin-top:10px;
  line-height: 25px;
  font-family: "arial";
}
.pro_art1_b .item p a{
  color:#e71b27;
}
@media all and (max-width:1400px) {
  .pro_art1_t .chanpin{
    width:500px;
  }
  .pro_art1_t .chanpin .large_pic{
    height: 380px;
  }
  .pro_swiper2{
    margin-top:10px;
  }
  .pro_swiper2 .swiper-wrapper .swiper-slide{
    height: 60px;
  }
  .pro_art1_t .content{
    width:calc(100% - 540px);
  }
}
@media all and (max-width:980px) {
  .pro_art1{
    padding:30px 0;
  }
  .pro_art1_t .chanpin{
    width:100%;
  }
  .pro_art1_t .chanpin .large_pic{
    height: 600px;
  }
  .pro_swiper2 .swiper-wrapper .swiper-slide{
    height: 100px;
  }
  .pro_art1_t .content{
    width:100%;
    margin-top:30px;
  }
  .pro_art1_b .item span{
    font-size:14px;
  }
}
@media all and (max-width:750px) {
  .pro_art1_t .chanpin .large_pic{
    height: 440px;
  }
  .pro_swiper2 .swiper-wrapper .swiper-slide{
    height: 80px;
  }
}
@media all and (max-width:480px) {
  .mbx_info{
    padding:5px 0;
  }
  .mbx_info .wrap{
    line-height: 16px;
  }
  .mbx_info .wrap span{
    font-size:12px;
  }
  .pro_art1{
    padding:10px 0 20px;
  }
  .pro_art1_t .chanpin .large_pic{
    height: 240px;
  }
  .pro_swiper2 .swiper-wrapper .swiper-slide{
    height: 40px;
  }
  .pro_art1_t .chanpin .small_pic .pro_swiper2_prev{
    width:20px;
    height: 20px;
  }
  .pro_art1_t .chanpin .small_pic .pro_swiper2_prev:after{
    width:20px;
    height: 20px;
  }
  .pro_art1_t .chanpin .small_pic .pro_swiper2_next{
    width:20px;
    height: 20px;
  }
  .pro_art1_t .chanpin .small_pic .pro_swiper2_next:after{
    width:20px;
    height: 20px;
  }
  .pro_swiper2{
    width:calc(100% - 40px);
  }
  .pro_art1_t .content{
    margin-top:20px;
  }
  .pro_art1_t .content h1{
    font-size:20px;
    line-height: 30px;
  }
  .pro_art1_t .content .line{
    margin-top:10px;
  }
  .pro_art1_t .content ul li{
    margin-top:10px;
  }
  .pro_art1_t .content dl{
    margin-top:0;
  }
  .pro_art1_t .content .btn a{
    line-height: 20px;
    padding:10px 20px;
  }
  .pro_art1_b .item{
    margin-top:20px;
  }
  .pro_art1_b .item span{
    font-size:14px;
  }
  .pro_art1_b .item p{
    line-height: 20px;
    margin-top:5px;
  }
}

.pro_art2{
  width:100%;
  background:url("../image/bg/pro_art2_bg.webp") no-repeat center center;
  background-size:cover;
  padding:50px 0;
}
.pro_art2 .wrap{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  align-items: center;
}
.pro_art2_l{
  width:34%;
}
.pro_art2_l .tit{
  width:100%;
  font-size:28px;
  color:#fff;
  line-height: 35px;
}
.pro_art2_l .text{
  width:100%;
  margin-top:20px;
}
.pro_art2_l .text p{
  font-size:14px;
  color:#fff;
  line-height: 25px;
  font-family: "arial";
}
.pro_art2_r{
  width:64%;
  position: relative;
}
.pro_art2_r img{
  display:block;
  width:100%;
  height: auto;
}
.pro_art2_r em{
  position: absolute;
  left:30px;
  top: 100%;
  transform: translateY(-50%);
  display:block;
  font-size:16px;
  padding:10px;
  color:#fff;
  background:#e71b27;
  z-index:10;
}
@media all and (max-width:980px) {
  .pro_art2_l{
    width:100%;
  }
  .pro_art2_r{
    width:100%;
    margin-top:30px;
  }
}
@media all and (max-width:480px) {
  .pro_art2{
    padding:20px 0 50px;
  }
  .pro_art2_l .tit{
    font-size:20px;
    line-height: 30px;
  }
  .pro_art2_l .text{
    margin-top:10px;
  }
  .pro_art2_l .text p{
    line-height: 20px;
  }
  .pro_art2_r{
    margin-top:20px;
  }
  .pro_art2_r em{
    left:10px;
    font-size:14px;
  }
}

.pro_art3{
  padding:50px 0;
  background:#f5f5f5;
}
.pro_art3 .content{
  width:100%;
  margin-top:30px;
}
.pro_art3 .content img{
  display:block;
  width:100%;
  height: auto;
}
.pro_art3 .content table{
  border-collapse: collapse;
  width: 100%;
  line-height: 24px;
  text-align: left;
  margin-top: 20px;
}
.pro_art3 .content table td{
  border: 1px solid #e5e5e5;
  padding: 5px 12px;
  font-size: 14px;
  font-size:12px;
  color:#5d7079
}
.pro_art4{
  padding:50px 0;
}
.pro_art4 .wrap{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  align-items: center;
}
.pro_art4_content{
  width:31%;
  text-align: left;
}
.pro_art4_content .tit{
  width: 100%;
  font-size: 36px;
}
.pro_art4_content .tit em{
  color: #e71b27;
}
.pro_art4_content .text{
  margin-top:15px;
  color:#333;
  font-size:14px;
  line-height: 25px;
  font-family: "arial";
}
.pro_art4_content .video{
  width:100%;
  position: relative;
  margin-top:15px;
  cursor: pointer;
}
.pro_art4_content .video img{
  display:block;
  width:100%;
  height: auto;
}
.pro_art4_content .video .video_play{
  width:46px;
  height: 46px;
  border-radius: 100%;
  background:#fff;
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50% , -50%);
  display:flex;
  justify-content: center;
  align-items: center;
}
.pro_art4_content .video .video_play:after{
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background:rgba(255,255,255,.3);
  border-radius: 100%;
  opacity: 0;
  transition:  all ease .5s;
}
.pro_art4_content .video:hover .video_play:after{
  opacity: 1;
  transform: scale(1.3);
}
.pro_art4_content .video .video_play span{
  font-size:26px;
  color:#e71b27;
}
.pro_art4_content .video_box{
  position: fixed;
  left:0;
  top:0;
  width:100%;
  height: 100%;
  background:rgba(0,0,0,.5);
  z-index:12000;
  display:none;
}
.pro_art4_content .video_box .close{
  width:50px;
  height: 50px;
  position: absolute;
  right: 20px;
  top:20px;
  border:2px solid #fff;
  border-radius: 100%;
  display:flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
} 
.pro_art4_content .video_box .close em{
  display:block;
  width:30px;
  height: 30px;
  background:url("../image/icon/close1.png") no-repeat center center;
  background-size:100% 100%;
}
.pro_art4_content .video_box .main_video{
  width:1200px;
  height: auto;
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50% , -50%);
}
.pro_art4_list{
  width:65%;
  position: relative;
}
.pro-swiper2{
  width:100%;
  position: relative;
}
.pro-swiper2 .swiper-slide{
  overflow: hidden;
}
.pro-swiper2 .swiper-slide img{
  display:block;
  width:100%;
  height: auto;
  transition: all ease .3s;
}
.pro-swiper2 .swiper-slide:hover img{
  transform: scale(1.1);
}
.pro_art4_list .np{
  position: absolute;
  left:0;
  bottom: 30px;
  width:100%;
  display:flex;
  justify-content: flex-end;
  z-index:100;
  padding:0 20px;
}
.pro_swiper2_prev{
  width:32px;
  height: 32px;
  background:#fff;
  display:flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  cursor: pointer;
}
.pro_swiper2_prev span{
  font-size:16px;
  transform: rotate(180deg);
}
.pro_swiper2_next{
  width:32px;
  height: 32px;
  background:#fff;
  display:flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin-left: 20px;
  cursor: pointer;
}
.pro_swiper2_next span{
  font-size:16px;
}
.pro_art4_list .np .swiper-button-disabled{
  background:rgba(255, 255, 255, .2)
}


.pro_art5{
  padding:50px 0;
  background:#f5f5f5;
}
.pro_art5 .wrap{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  align-items: center;
}
.pro_art5_content{
  width:31%;
  text-align: left;
}
.pro_art5_content .tit{
  width: 100%;
  font-size: 36px;
}
.pro_art5_content .tit em{
  color: #e71b27;
}
.pro_art5_content .text{
  margin-top:15px;
  color:#333;
  font-size:14px;
  line-height: 25px;
  font-family: "arial";
}
.pro_art5_content .video{
  width:100%;
  position: relative;
  margin-top:15px;
  cursor: pointer;
}
.pro_art5_content .video img{
  display:block;
  width:100%;
  height: auto;
}
.pro_art5_content .video .video_play{
  width:46px;
  height: 46px;
  border-radius: 100%;
  background:#fff;
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50% , -50%);
  display:flex;
  justify-content: center;
  align-items: center;
}
.pro_art5_content .video .video_play:after{
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background:rgba(255,255,255,.3);
  border-radius: 100%;
  opacity: 0;
  transition:  all ease .5s;
}
.pro_art5_content .video:hover .video_play:after{
  opacity: 1;
  transform: scale(1.3);
}
.pro_art5_content .video .video_play span{
  font-size:26px;
  color:#e71b27;
}
.pro_art5_content .video_box{
  position: fixed;
  left:0;
  top:0;
  width:100%;
  height: 100%;
  background:rgba(0,0,0,.5);
  z-index:12000;
  display:none;
}
.pro_art5_content .video_box .close{
  width:50px;
  height: 50px;
  position: absolute;
  right: 20px;
  top:20px;
  border:2px solid #fff;
  border-radius: 100%;
  display:flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
} 
.pro_art5_content .video_box .close em{
  display:block;
  width:30px;
  height: 30px;
  background:url("../image/icon/close1.png") no-repeat center center;
  background-size:100% 100%;
}
.pro_art5_content .video_box .main_video{
  width:1200px;
  height: auto;
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50% , -50%);
}
.pro_art5_list{
  width:65%;
  position: relative;
}
.pro-swiper3{
  width:100%;
  position: relative;
}
.pro-swiper3 .swiper-slide{
  overflow: hidden;
}
.pro-swiper3 .swiper-slide img{
  display:block;
  width:100%;
  height: auto;
  transition: all ease .3s;
}
.pro-swiper3 .swiper-slide:hover img{
  transform: scale(1.1);
}
.pro_art5_list .np{
  position: absolute;
  left:0;
  bottom: 30px;
  width:100%;
  display:flex;
  justify-content: flex-end;
  z-index:100;
  padding:0 20px;
}
.pro_swiper3_prev{
  width:32px;
  height: 32px;
  background:#fff;
  display:flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  cursor: pointer;
}
.pro_swiper3_prev span{
  font-size:16px;
  transform: rotate(180deg);
}
.pro_swiper3_next{
  width:32px;
  height: 32px;
  background:#fff;
  display:flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin-left: 20px;
  cursor: pointer;
}
.pro_swiper3_next span{
  font-size:16px;
}
.pro_art5_list .np .swiper-button-disabled{
  background:rgba(255, 255, 255, .2)
}
.pro_art5_bg{
  background:#f5f5f5;
}
.pro_art6{
  width:100%;
  padding:50px 0;
}
.pro_art6 .content{
  width:100%;
  margin-top:30px;
}
.pro_art6 .content form{
  display:block;
  width:100%;
}
.pro_art6 .content form dl{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.pro_art6 .content form dl dd{
  width:48%;
  margin-bottom: 15px;
}
.pro_art6 .content form dl dd.ly{
  width:100%;
}
.pro_art6 .content form dl dd input{
  display:block;
  width:100%;
  height: 40px;
  line-height: 40px;
  font-size:14px;
  color:#666;
}
.pro_art6 .content form dl dd textarea{
  width:100%;
  height: 100px;
  padding:10px;
  font-size:14px;
}
.pro_art6 .content form .reg_btn{
  width:100%;
  display:flex;
  justify-content: center;
}
.pro_art6 .content form .reg_btn button{
  display:block;
  height: auto;
  line-height: 20px;
  padding:12px 30px;
  border:1px solid #e51b27;
  color:#e51b27;
  font-size:14px;
  background:rgba(0,0,0,0);
}
.pro_art6 .content form .reg_btn button:hover{
  background:#e51b27;
  color:#fff;
}

.pro_art7{
  width:100%;
  padding:50px 0;
  background:#f5f5f5;
}
.pro_art7 .content{
  width:100%;
}
.pro-swiper4{
  width:100%;
  overflow: hidden;
  position: relative;
}
.pro-swiper4 .swiper-slide .text{
  width:100%;
  padding:10px;
  text-align: center;
}
.pro-swiper4 .swiper-slide .text span{
  display:block;
  width:100%;
  font-size:16px;
  line-height: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: all ease .3s;
}
.pro-swiper4 .swiper-slide:hover .text span{
  color:#e71b27;
}
.pro-swiper4 .swiper-slide .text p{
  font-size:14px;
  font-family: "arial";
  line-height: 25px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.pro-swiper4 .swiper-slide a:hover .text p{
  color:#333;
}
.pro-swiper4-pagination{
  width:100%;
  display:flex;
  justify-content: center;
  align-items: center;
  margin-top:20px;
}
.pro-swiper4-pagination .swiper-pagination-bullet{
  margin:0 5px;
  width:10px;
  height: 10px;
}
.swiper-pagination-clickable .swiper-pagination-bullet{
  background:#e71b27;
}
.pro-swiper4 .pro_swiper4_prev{
  width:36px;
  height: 36px;
  position: absolute;
  left:10px;
  top:50%;
  transform: translateY(-50%);
  background:url("../image/icon/prev_3.png") no-repeat center center;
  background-size:100% 100%;
  cursor: pointer;
  z-index:100;
}
.pro-swiper4 .pro_swiper4_next{
  width:36px;
  height: 36px;
  position: absolute;
  right:10px;
  top:50%;
  transform: translateY(-50%);
  background:url("../image/icon/next_3.png") no-repeat center center;
  background-size:100% 100%;
  cursor: pointer;
  z-index:100;
}
@media all and (max-width:1200px) {
  .pro_art4_content .video_box .main_video{
    width:80%;
  }
  .pro_art5_content .video_box .main_video{
    width:80%;
  }
}
@media all and (max-width:480px) {
  .pro_art3{
    padding:20px 0;
  }
  .pro_art3 .content{
    margin-top:10px;
  }
  .pro_art3 .content table{
    margin-top:10px;
  }
  .pro_art4{
    padding:20px 0;
  }
  .pro_art4_content{
    width:100%;
  }
  .pro_art4_list{
    width:100%;
    margin-top:10px;
  }
  .pro_art4_content .tit{
    font-size:24px;
  }
  .pro_art4_content .text{
    margin-top:10px;
    line-height: 20px;
  }
  .pro_art4_content .video_box .main_video{
    width:95%;
  }
  .pro_art5_content .video_box .main_video{
    width:95%;
  }
  .pro_art4_content .video_box .close{
    width:40px;
    height: 40px;
  }
  .pro_art4_content .video_box .close em{
    width:20px;
    height: 20px;
  }
  .pro_art5_content .video_box .close{
    width:40px;
    height: 40px;
  }
  .pro_art5_content .video_box .close em{
    width:20px;
    height: 20px;
  }
  .pro_art5_list{
    width:100%;
  }
  .pro_art5_content{
    width:100%;
    margin-top:10px;
  }
  .pro_art5_content .tit{
    font-size:24px;
  }
  .pro_art5_content .text{
    margin-top:10px;
    line-height: 20px;
  }
  .pro_art4_list .np{
    bottom: 20px;
    padding: 0 10px;
  }
  .pro_swiper2_next{
    margin-left: 10px;
  }
  .pro_art5_list .np{
    bottom: 20px;
    padding: 0 10px;
  }
  .pro_swiper3_next{
    margin-left: 10px;
  }
  .pro_art5{
    padding:20px 0;
  }
  .pro_art6{
    padding:20px 0;
  }
  .pro_art6 .content{
    margin-top:10px;
  }
  .pro_art6 .content form dl dd{
    width:100%;
    margin-bottom: 10px;
  }
  .pro_art6 .content form dl dd input{
    height: 35px;
    line-height: 35px;
  }
  .pro_art6 .content form .reg_btn button{
    padding:10px 20px;
  }
  .pro_art7{
    padding:20px 0;
  }
}

.pro_list1{
  width:100%;
  padding:30px 0 50px;
}
.pro_list1 .wrap{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.pro_list1_l{
  width:24%;
}
.pro_list1_l dl{
  width:100%;
}
.pro_list1_l dl dt{
  padding: 10px 15px;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
  color: #222;
  font-size: 16px;
}
.pro_list1_l dl dd{
  width:100%;
}
.pro_list1_l dl dd p{
  width:100%;
}
.pro_list1_l dl dd p a{
  display:block;
  padding:10px;
  color:#777;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
  font-family: "arial";
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: all ease .3s;
}
.pro_list1_l dl dd p a:hover{
  color:#fff;
  background:#e51b27
}
.pro_list1_l dl dd ul{
  width:100%;
}
.pro_list1_l dl dd ul li{
  width:100%;
}
.pro_list1_l dl dd ul li a{
  display:block;
  padding:10px 10px 10px 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size:14px;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
  font-family: "arial";
  color:#999;
  transition: all ease .3s;
}
.pro_list1_l dl dd ul li a:hover{
  color:#fff;
  background:#e51b27
}
.pro_list1_r{
  width:74%;
}
.pro_list1_r .list{
  width:100%;
}
.pro_list1_r .list ul{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
.pro_list1_r .list ul li{
  width:33.3%;
  padding:0 10px;
}
.pro_list1_r .list ul li a{
  display:block;
  width:100%;
}
.pro_list1_r .list ul li a .img{
  width:100%;
  overflow: hidden;
}
.pro_list1_r .list ul li a .img img{
  display:block;
  width:100%;
  height: auto;
  transition: all ease .3s;
}
.pro_list1_r .list ul li a:hover .img img{
  transform: scale(1.1);
}
.pro_list1_r .list ul li a p{
  width:100%;
  text-align: center;
  line-height: 25px;
  font-size:14px;
  color:#333;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding:0 15px;
  margin:20px 0;
  transition: all ease .3s;
}
.pro_list1_r .list ul li a:hover p{
  color:#e71b27;
}
.page_list{
  width:100%;
  margin-top:20px;
}
.page_list ul{
  width:100%;
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
}
.page_list ul li{
  margin: 10px 5px 0;
} 
.page_list ul li a{
  display:block;
  height: 38px;
  border-radius: 10%;
  background:#f5f5f5;
  color:#333;
  font-size:14px;
  text-align: center;
  line-height: 38px;
  font-family: "arial";
  transition: all ease .3s;
  padding:0 10px;
}
.page_list ul li strong{
  display:block;
  height: 38px;
  border-radius: 10%;
  background:#e71b27;
  color:#fff;
  font-weight: normal;
  text-align: center;
  line-height: 38px;
  font-family: "arial";
  padding:0 10px;
}
.page_list ul li:hover a{
  background:#e71b27;
  color:#fff;
}
@media all and (max-width:980px) {
  .pro_list1_l{
    width:100%;
  }
  .pro_list1_r{
    width:100%;
    margin-top:20px;
  }
}
@media all and (max-width:750px) {
  .pro_list1_r .list ul{
    justify-content: space-between;
  }
  .pro_list1_r .list ul li{
    width:48%;
    padding:0;
  }
}
@media all and (max-width:480px) {
  .pro_list1{
    padding:10px 0 40px
  }
  .pro_list1_r .list ul li a p{
    padding: 0;
    margin: 10px 0;
    line-height: 20px;
  }
  .page_list ul li a{
    width:30px;
    height: 30px;
    line-height: 30px;
  }
  .page_list ul li strong{
    width:30px;
    height: 30px;
    line-height: 30px;
  }
}

.abt_us1{
  width:100%;
  padding:50px 0;
}
.abt_us1 .box1{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.abt_us1 .box1 .l{
  width:49%;
  display:flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.abt_us1 .box1 .l span{
  display:block;
  font-size:200px;
  font-weight: bold;
  color:#e51b27;
  font-family: "arial";
}
.abt_us1 .box1 .l .tit{
  position: absolute;
  right: -100px;
  top:50%;
  width:460px;
  height: 240px;
  transform: translateY(-50%);
  border:3px solid #333;
  z-index:2;
  transition: all ease .5s;
}
.abt_us1 .box1 .l .tit:hover{
  right: -60px;
}
.abt_us1 .box1 .l .tit p{
  position: absolute;
  font-size:70px;
  color:#333;
  font-weight: bold;
  line-height: 100px;
  left:-100px;
  top:50%;
  transform: translateY(-50%);
  z-index:5;
  background:#fff;
}
.abt_us1 .box1 .r{
  width:49%;
  overflow: hidden;
}
.abt_us1 .box1 .r img{
  display:block;
  width:100%;
  height: auto;
  transition: all ease .5s;
}
.abt_us1 .box1 .r:hover img{
  transform: scale(1.1);
}
.abt_us1 .box2{
  width:100%;
  margin-top:30px;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.abt_us1 .box2 .l{
  width:49%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  align-items: center;
}
.abt_us1 .box2 .l .img{
  width:50%;
  overflow: hidden;
}
.abt_us1 .box2 .l .img img{
  display:block;
  width:100%;
  height: auto;
  transition: all ease .5s;
}
.abt_us1 .box2 .l .img:hover img{
  transform: scale(1.1);
}
.abt_us1 .box2 .r{
  width:49%;
}
.abt_us1 .box2 .r .tit{
  width:100%;
  font-size: 24px;
  color:#333;
}
.abt_us1 .box2 .r span{
  display:block;
  width:100%;
  font-size:14px;
  color:#e51b27;
  font-family: "arial";
  line-height: 25px;
}
.abt_us1 .box2 .r p{
  display:block;
  font-size:14px;
  color:#333;
  font-family: "arial";
  line-height: 25px;
  margin-top:10px;
}
.abt_us1 .box2 .r table,.abt_us1 .box2 .r table th,.abt_us1 .box2 .r table td{
  font-size:14px;
  color:#333;
  font-family: "arial";
  line-height: 25px;
  text-align: left;
}
.abt_us2{
  width:100%;
  padding:50px 0;
  background:#f5f5f5;
}
.pro-swiper5{
  width:100%;
  margin-top:30px;
}
.pro-swiper5 .swiper-slide img{
  display:block;
  width:100%;
  height: 240px;
  object-fit: contain;
  background:#fafafa;
}
.pro-swiper5 .swiper-slide .text{
  width:100%;
  padding:20px;
  background:#fff;
  text-align: center;
}
.pro-swiper5 .swiper-slide .text span{
  display:block;
  width:100%;
  font-size:14px;
  color:#333;
}
.abt_us3{
  width:100%;
  padding:50px 0;
}
.abt_us3 dl{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  border-top:1px solid #eee;
  border-right: 1px solid #eee;
  margin-top:30px;
}
.abt_us3 dl dd{
  width:16.66%;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.abt_us3 dl dd img{
  display:block;
  width:100%;
  height: auto;
}
.abt_us4{
  width:100%;
  padding:50px 0;
  background:#f5f5f5;
}
.abt_us4 form{
  display:block;
  width:100%;
}
.abt_us4 form dl{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.abt_us4 form dl dd{
  width:49%;
  margin-bottom: 15px;
}
.abt_us4 form dl dd input{
  display:block;
  width:100%;
  height: 50px;
  line-height: 50px;
  font-size:14px;
  color:#999;
  border:1px solid rgba(211,211,211);
  background:rgba(0,0,0,0);
}
.abt_us4 form dl dd.ly{
  width:100%;
}
.abt_us4 form dl dd textarea{
  display:block;
  width:100%;
  height: 100px;
  padding:10px;
  border:1px solid rgba(211,211,211);
  background:rgba(0,0,0,0);
  color:#999;
}
.abt_us4 form .reg_btn{
  width:100%;
}
.abt_us4 form .reg_btn button{
  display:block;
  width:100%;
  padding:0 40px;
  height: 46px;
  line-height: 46px;
  border:1px solid #e51b27;
  color:#e51b27;
  font-size:14px;
  text-align: center;
  background:rgba(0,0,0,0);
}
.abt_us4 form .reg_btn button:hover{
  background:#e51b27;
  color:#fff;
}
@media all and (max-width:1400px) {
  .abt_us1 .box1 .l .tit{
    width:360px;
  }
  .abt_us1 .box1 .l span{
    font-size:140px;
  }
  .abt_us1 .box1 .l .tit p{
    font-size:50px;
    line-height: 70px;
  }
}
@media all and (max-width:980px) {
  .abt_us1 .box1 .l .tit{
    position: relative;
    right: auto;
    top:auto;
    transform:none;
    z-index:0;
    width: calc(100% - 150px);
    height: 160px;
  }
  .abt_us1 .box1 .l .tit:hover{
    right: auto;
  }
  .abt_us1 .box1 .l{
    justify-content: space-between;
  }
  .abt_us1 .box1 .l .tit p{
    font-size:30px;
    line-height: 40px;
    left: -50px;
  }
  .abt_us1 .box1 .l span{
    font-size:80px;
  }
  .abt_us1 .box2 .l{
    width:100%;
  }
  .abt_us1 .box2 .r{
    width:100%;
    margin-top:20px;
  }
  .abt_us3 dl dd{
    width:25%;
  }
}
@media all and (max-width:480px) {
  .abt_us1{
    padding:0px 0 20px; 
  }
  .abt_us1 .box1 .l{
    width:100%;
  }
  .abt_us1 .box1 .r{
    width:100%;
    margin-top:10px;
  }
  .abt_us1 .box1 .l .tit{
    width: calc(100% - 120px);
    height: 130px;
  }
  .abt_us1 .box1 .l .tit p{
    font-size:24px;
    line-height: 30px;
  }
  .abt_us1 .box2{
    margin-top:10px;
  }
  .abt_us1 .box2 .r{
    margin-top:10px;
  }
  .abt_us1 .box2 .r .tit{
    font-size:22px;
  }
  .abt_us1 .box2 .r span{
    line-height: 20px;
    margin-top:10px;
  }
  .abt_us1 .box2 .r p{
    line-height: 20px;
  }
  .abt_us2{
    padding:20px 0;
  }
  .pro-swiper5 .swiper-slide .text{
    padding:10px 5px;
  }
  .pro-swiper5{
    margin-top:20px;
  }
  .abt_us3{
    padding:20px 0;
  }
  .abt_us3 dl{
    margin-top:20px;
  }
  .abt_us3 dl dd{
    width:33.333%;
  }
  .abt_us4{
    padding:20px 0;
  }
  .abt_us4 form dl dd{
    width:100%;
    margin-bottom: 10px;
  }
  .abt_us4 form dl dd input{
    height: 40px;
    line-height: 40px;
  }
  .abt_us4 form .reg_btn button{
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
  }
}


.cont_us1{
  width:100%;
  padding:50px 0 40px;
}
.cont_us1 ul{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin-top:30px;
}
.cont_us1 ul li{
  width:25%;
  margin-bottom: 10px;
  padding:0 15px;
  position: relative;
}
.cont_us1 ul li:nth-child(n+2)::after{
  content:"";
  display:block;
  width:1px;
  height: 150px;
  background:rgb(238, 238, 238);
  position: absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
}
.cont_us1 ul li img{
  display:block;
  width:50px;
  height: auto;
  margin:0 auto;
}
.cont_us1 ul li .text{
  width:100%;
  padding:20px;
  text-align: center;
}
.cont_us1 ul li .text span{
  display:block;
  width:100%;
  font-size:18px;
  line-height: 35px;
}
.cont_us1 ul li .text p{
  font-size:14px;
  color:#333;
  font-family: "arial";
  line-height: 20px;
}
@media all and (max-width:980px) {
  .cont_us1 ul li{
    width:50%;
  }
  .cont_us1 ul li:nth-child(3)::after{
    display:none;
  }
}
@media all and (max-width:480px) {
  .cont_us1 ul li:nth-child(n+2)::after{
    display:none;
  }
  .cont_us1 ul li{
    width:100%;
    padding:0;
  }
  .cont_us1 ul li .text{
    padding:10px 0 ;
  }
  .cont_us1 ul li .text span{
    font-size:16px;
    line-height: 25px;
  }
  .cont_us1{
    padding:20px 0 10px;
  }
}

.cont_us2{
  padding:50px 0;
  background:#f5f5f5;
}
.cont_us2 .wrap{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  align-items: center;
}
.cont_us2_l{
  width:49%;
}
.cont_us2_l .tit{
  width:100%;
}
.cont_us2_l .tit span{
  display:block;
  width:100%;
  font-size:36px;
  color:#333;
}
.cont_us2_l .tit p{
  font-size:14px;
  line-height: 25px;
  font-family: "arial";
}
.cont_us2_l ul{
  width:100%;
  margin-top:20px;
}
.cont_us2_l ul li{
  width:100%;
  margin-top:20px;
  display:flex;
  justify-content: flex-start;
}
.cont_us2_l ul li i{
  display:block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size:20px;
  margin-right: 10px;
}
.cont_us2_l ul li em{
  display:block;
  font-size:16px;
  line-height: 20px;
  margin-right: 10px;
}
.cont_us2_l ul li p{
  font-size:14px;
  line-height: 20px;
  color:#999;
}
.cont_us2_r{
  width:49%;
}
.cont_us2_r dl{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.cont_us2_r dl dd{
  width:49%;
  margin-bottom: 20px;
}
.cont_us2_r dl dd input{
  display:block;
  padding:0 15px;
  height: 50px;
  line-height: 50px;
  font-size:14px;
  color:#999;
  background:rgba(0,0,0,0);
  border:1px solid #ccc;
}
.cont_us2_r dl dd.ly{
  width:100%;
}
.cont_us2_r dl dd textarea{
  display:block;
  width:100%;
  height: 100px;
  color:#999;
  background:rgba(0,0,0,0);
  border:1px solid #ccc;
  line-height: 25px;
  padding:10px;
}
.cont_us2_r .reg_btn{
  width:100%;
}
.cont_us2_r .reg_btn button{
  display:block;
  width:100%;
  height: 46px;
  line-height: 46px;
  border:1px solid #e51b27;
  color:#e51b27;
  font-size:14px;
  transition: all ease .3s;
  background:rgba(0,0,0,0);
}
.cont_us2_r .reg_btn button:hover{
  background:#e51b27;
  color:#fff;
}
@media all and (max-width:980px) {
  .cont_us2_l{
    width:100%;
  }
  .cont_us2_r{
    width:100%;
    margin-top:30px;
  }
  .cont_us2_l .tit span{
    font-size:24px;
  }
}
@media all and (max-width:480px) {
  .cont_us2{
    padding:20px 0;
  }
  .cont_us2_l .tit p{
    line-height: 20px;
  }
  .cont_us2_l ul li{
    margin-top:10px;
  }
  .cont_us2_r {
    margin-top:10px;
  }
  .cont_us2_r dl dd{
    width:100%;
    margin-bottom: 10px;
  }
  .cont_us2_r dl dd input{
    height: 40px;
    line-height: 40px;
  }
  .cont_us2_r .reg_btn button{
    height: 40px;
    line-height: 40px;
  }
  .cont_us2_l .tit span{
    font-size:20px;
  }
}

.service1{
  width:100%;
  padding:50px 0;
}
.service1 ul{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.service1 ul li{
  width:48%;
  margin-top:30px;
  transition: all ease .5s;
}
.service1 ul li:hover{
  transform: translateY(-20px);
}
.service1 ul li .tit{
  text-align: center;
}
.service1 ul li span{
  display:block;
  width:100%;
  font-size:28px;
  font-weight: bold;
  color:#333;
}
.service1 ul li p{
  font-size:14px;
  color:#666;
  margin-top:10px;
  font-family: "arial";
}
.service1 ul li .img{
  width:100%;
  margin-top:20px;
}
.service1 ul li .img img{
  display:block;
  width:100%;
  height: auto;
}
@media all and (max-width:480px) {
  .service1{
    padding:0 0 20px;
  }
  .service1 ul li span{
    font-size:20px;
  }
  .service1 ul li{
    margin-top:15px;
    width:100%;
  }
  .service1 ul li:hover{
    transform: translateY(-10px);
  }
  .service1 ul li p{
    margin-top:0;
  }
  .service1 ul li .img{
    margin-top:10px;
  }
}

.new_list1{
  width:100%;
  padding:50px 0;
}
.new_list1 .list ul{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
.new_list1 .list ul li{
  width:25%;
  margin-top:30px;
  transition: all ease .3s;
}
.new_list1 .list ul li:hover{
  box-shadow: 0 10px 60px rgba(0, 0, 0, .2);
  transform: translateY(-16px);
}
.new_list1 .list ul li a{
  display:block;
  padding:15px;
}
.new_list1 .list ul li a .tit{
  width:100%;
  font-size:16px;
  line-height: 25px;
  color:#444;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.new_list1 .list ul li a span{
  display:block;
  font-size:12px;
  color:#999;
  line-height: 25px;
}
.new_list1 .list ul li a p{
  display:block;
  font-size:12px;
  color:#999;
  line-height: 25px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.new_list1 .list ul li a .img{
  width:100%;
  margin-top:10px;
}
.new_list1 .list ul li a .img img{
  display:block;
  width:100%;
  height: auto;
}
@media all and (max-width:980px) {
  .new_list1 .list ul{
    justify-content: space-between;
  }
  .new_list1 .list ul li{
    width:49%;
  }
}
@media all and (max-width:480px) {
  .new_list1{
    padding:0 0 20px;
  }
  .new_list1 .list ul li a{
    padding:5px;
  }
  .new_list1 .list ul li a span{
    line-height: 20px;
  }
  .new_list1 .list ul li a p{
    line-height: 16px;
  }
  .new_list1 .list ul li{
    margin-top:10px;
  }
  .new_list1 .list ul li:hover{
    transform: translateY(-10px);
  }
}


.news_art{
  width:100%;
  padding:50px 0;
}
.news_art .content{
  width:100%;
}
.news_art .content .tit{
  width:100%;
  text-align: center;
}
.news_art .content .tit h1{
  font-size:22px;
  color:#444;
  line-height: 30px;
  margin-bottom: 20px;
}
.news_art .content .tit span{
  display:block;
  color:#8f8f8f;
  font-size:12px;
}
.news_art .content .text{
  width:100%;
  margin-top:30px;
}
.news_art .content .text .text_box{
  margin-bottom: 20px;
}
.news_art .content .text .text_box p{
  font-size:13px;
  color:#5d7079;
  line-height: 25px;
}
.news_art .content .text .text_box em{
  display:block;
  color:#e71b27;
  font-size:20px;
  line-height: 25px;
  margin-bottom: 15px;
}
.news_art .content .text .text_box i{
  display:block;
  color:#e51b27;
  font-size:16px;
  line-height: 20px;
  margin-bottom: 10px;
}
.news_art .content .text img{
  display:block;
  margin:0 auto 15px;
  max-width: 100%;
  width:auto;
}
.news_art .content .pn{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin-top:20px;
}
.news_art .content .pn .prev{
  width:48%;
  border:1px solid #eee;
  margin-top:10px;
}
.news_art .content .pn .prev a{
  display:flex;
  justify-content: flex-start;
  align-items: center;  
  padding:10px 30px;
}
.news_art .content .pn .prev a i{
  display:block;
  width:15px;
  height: 15px;
  background:url("../image/icon/prev_2.png") no-repeat center center;
  background-size:100%;
}
.news_art .content .pn .prev a p{
  width:calc(100% - 15px);
  padding-left: 30px;
  color:#5d7079; 
  font-size:13px;
  text-align: center;
  transition: all ease .3s;
}
.news_art .content .pn .prev a:hover p{
  color:#e51b27;
}
.news_art .content .pn .next{
  width:48%;
  border:1px solid #eee;
  margin-top:10px;
}
.news_art .content .pn .next a{
  display:flex;
  justify-content: flex-start;
  align-items: center;  
  padding:10px 30px;
}
.news_art .content .pn .next a i{
  display:block;
  width:15px;
  height: 15px;
  background:url("../image/icon/next_2.png") no-repeat center center;
  background-size:100%;
}
.news_art .content .pn .next a p{
  width:calc(100% - 15px);
  padding-right: 30px;
  color:#5d7079;
  font-size:13px;
  text-align: center;
  transition: all ease .3s;
}
.news_art .content .pn .next a:hover p{
  color:#e51b27;
}
@media all and (max-width:750px) {
  .news_art{
    padding:40px 0;
  }
}
@media all and (max-width:480px) {
  .news_art{
    padding:20px 0;
  }
  .news_art .content .tit h1{
    font-size:18px;
    line-height: 25px;
    margin-bottom: 10px;
  }
  .news_art .content .text{
    margin-top:20px;
  }
  .news_art .content .text .text_box{
    margin-bottom: 15px;
  }
  .news_art .content .text .text_box em{
    font-size:16px;
    margin-bottom: 10px;
  }
  .news_art .content .text .text_box i{
    font-size:14px;
    margin-bottom: 5px;
  }
  .news_art .content .text .text_box p{
    font-size:12px;
    line-height: 20px;
  }
  .news_art .content .pn .prev{
    width:100%;
  }
  .news_art .content .pn .next{
    width:100%;
  }
  .news_art .content .pn .prev a{
    padding:5px 10px;
  }
  .news_art .content .pn .prev a p{
    padding-left: 15px;
  }
  .news_art .content .pn .next a{
    padding:5px 10px;
  }
  .news_art .content .pn .next a p{
    padding-left: 15px;
  }
}
/* 华研站适配：产品正文长图自适应，避免右侧大片留白 */
.pro_art1_b .item .attr_content{width:100%;}
.pro_art1_b .item .attr_content img{max-width:100%;height:auto;display:block;margin:12px auto;}
.pro_art1_b .item .attr_content p{font-size:14px;line-height:1.9;}

/* 华研站适配：新闻正文排版（原模板 p 无间距，长文挤成块） */
.news_art .text_box p{margin:0 0 16px;line-height:1.95;font-size:15px;color:#333;text-align:justify}
.news_art .text_box h2{font-size:19px;font-weight:700;line-height:1.5;margin:26px 0 12px;color:#111}
.news_art .text_box h3{font-size:17px;font-weight:700;line-height:1.5;margin:20px 0 10px;color:#111}
.news_art .text_box img{max-width:100%;height:auto;display:block;margin:18px auto}
.news_art .text_box ul,.news_art .text_box ol{margin:0 0 16px 22px;line-height:1.95}

/* 华研站适配：首页新闻卡片图片高度统一，否则竖长图会把标题摘要挤出可视区 */
.ind6 .pro-swiper1 .swiper-slide img{width:100%;height:250px;object-fit:cover;display:block;background:#f2f2f2}
.ind6 .pro-swiper1 .swiper-slide .text{padding:14px 10px 4px}
.ind6 .pro-swiper1 .swiper-slide .text span{font-size:16px;color:#1a1a1a;font-weight:600}
.ind6 .pro-swiper1 .swiper-slide .text p{font-size:13.5px;color:#777;line-height:1.7;margin-top:6px}

/* 华研站适配：单页正文（公司简介/服务页）行距与段距 */
.abt_us1 .box2 .r p{margin:0 0 15px;line-height:2;font-size:15px;color:#333;text-align:justify}
.abt_us1 .box2 .r img{max-width:100%;height:auto;display:block;margin:18px 0}
.abt_us1 .box2 .r{color:#333}

/* 华研站适配：单页正文里的产品/文章卡片网格（原站 class 已丢，靠 ul.hy-grid 重建） */
.abt_us1 .box2 .r ul.hy-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin:26px 0 10px;
  padding:0;
  list-style:none;
}
.abt_us1 .box2 .r ul.hy-grid > li{
  border:1px solid #ebebeb;
  background:#fff;
  padding:16px 12px;
  text-align:center;
  margin:0;
  transition:box-shadow .25s ease;
}
.abt_us1 .box2 .r ul.hy-grid > li:hover{
  box-shadow:0 4px 16px rgba(0,0,0,.08);
}
.abt_us1 .box2 .r ul.hy-grid > li img{
  width:100%;
  height:170px;
  object-fit:contain;
  display:block;
  margin:0 0 12px;
}
.abt_us1 .box2 .r ul.hy-grid > li div:last-child{
  font-size:14px;
  color:#333;
  line-height:1.6;
}
@media screen and (max-width:980px){
  .abt_us1 .box2 .r ul.hy-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .abt_us1 .box2 .r ul.hy-grid > li img{height:130px}
}
@media screen and (max-width:640px){
  .abt_us1 .box2 .r ul.hy-grid{grid-template-columns:1fr}
}

/* 华研站适配：资质证书网格（竖版证书，4 列） */
.abt_us1 .box2 .r ul.hy-cert{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin:26px 0 10px;
  padding:0;
  list-style:none;
}
.abt_us1 .box2 .r ul.hy-cert > li{
  border:1px solid #ebebeb;
  background:#fff;
  padding:10px;
  margin:0;
}
.abt_us1 .box2 .r ul.hy-cert > li img{
  width:100%;
  height:auto;
  display:block;
  margin:0;
}
/* 单页正文里孤立的大图限制宽度，避免原尺寸撑满 */
.abt_us1 .box2 .r > p > img{
  max-width:min(460px, 100%);
  height:auto;
  margin:8px auto 26px;
}
@media screen and (max-width:980px){
  .abt_us1 .box2 .r ul.hy-cert{grid-template-columns:repeat(3,1fr);gap:14px}
}
@media screen and (max-width:640px){
  .abt_us1 .box2 .r ul.hy-cert{grid-template-columns:repeat(2,1fr);gap:10px}
}

/* 华研站适配：单页正文的一级小标题（1、2、3、）加粗分行 */
.abt_us1 .box2 .r p.sub-t{
  font-size:16px;
  font-weight:700;
  color:#111;
  margin:24px 0 10px;
  line-height:1.6;
}
.abt_us1 .box2 .r p.sub-t:first-child{margin-top:0}

/* 华研站适配：新闻列表卡片——图片固定高度、卡片等高、文字不压图 */
.new_list1 .list ul li a{
  width:100%;
  display:flex;
  flex-direction:column;
  height:100%;
  box-sizing:border-box;
}
.new_list1 .list ul li a .img{
  width:100%;
  height:190px;
  flex:0 0 190px;
  min-height:190px;
  overflow:hidden;
  margin-top:auto;
  background:#f5f5f5;
}
.new_list1 .list ul li a .img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .3s ease;
}
.new_list1 .list ul li:hover a .img img{transform:scale(1.04)}
@media screen and (max-width:980px){
  .new_list1 .list ul li{width:50%}
  .new_list1 .list ul li a .img{height:160px}
}
@media screen and (max-width:640px){
  .new_list1 .list ul li{width:100%}
}

/* ============ 行业应用列表页（整宽图文卡片，无侧栏） ============ */
.ind_page{
  width:100%;
  padding:56px 0 70px;
  background:#f7f8fa;
}
.ind_page_head{
  max-width:820px;
  margin:0 auto 44px;
  text-align:center;
}
.ind_page_head h1{
  font-size:34px;
  font-weight:700;
  color:#1a1a1a;
  line-height:1.3;
  letter-spacing:1px;
}
.ind_page_head h1::after{
  content:"";
  display:block;
  width:54px;
  height:3px;
  background:#e51b27;
  margin:16px auto 0;
}
.ind_page_head p{
  margin-top:18px;
  font-size:15px;
  line-height:1.95;
  color:#666;
}
.ind_cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
  width:100%;
  padding:0;
  margin:0;
  list-style:none;
}
.ind_cards > li{
  margin:0;
  background:#fff;
  border:1px solid #ececec;
  border-radius:6px;
  overflow:hidden;
  transition:box-shadow .3s ease,transform .3s ease;
}
.ind_cards > li:hover{
  box-shadow:0 12px 32px rgba(0,0,0,.10);
  transform:translateY(-6px);
}
.ind_cards > li > a{
  display:block;
  height:100%;
}
.ind_cards .pic{
  width:100%;
  height:210px;
  overflow:hidden;
  background:#fff;
}
.ind_cards .pic img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  transition:transform .4s ease;
  padding:14px;
  box-sizing:border-box;
}
.ind_cards > li:hover .pic img{transform:scale(1.05)}
.ind_cards .txt{
  padding:20px 22px 24px;
  border-top:1px solid #f2f2f2;
}
.ind_cards .txt h3{
  font-size:18px;
  font-weight:700;
  color:#1a1a1a;
  line-height:1.4;
  margin:0 0 10px;
}
.ind_cards .txt p{
  font-size:13.5px;
  color:#777;
  line-height:1.85;
  margin:0 0 16px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  min-height:50px;
}
.ind_cards .txt span{
  display:inline-block;
  font-size:13.5px;
  color:#e51b27;
  font-weight:600;
}
.ind_cards .txt span i{
  font-style:normal;
  margin-left:4px;
  transition:margin-left .25s ease;
}
.ind_cards > li:hover .txt span i{margin-left:9px}

/* 行业详情页正文 */
.ind_lead{
  font-size:15.5px;
  line-height:2;
  color:#333;
  padding:18px 22px;
  background:#f7f8fa;
  border-left:3px solid #e51b27;
  margin:0 0 26px;
}
.ind-sub{
  font-size:18px;
  font-weight:700;
  color:#1a1a1a;
  margin:30px 0 16px;
}

@media screen and (max-width:1100px){
  .ind_cards{grid-template-columns:repeat(2,1fr);gap:22px}
  .ind_page{padding:44px 0 56px}
  .ind_page_head h1{font-size:29px}
}
@media screen and (max-width:700px){
  .ind_cards{grid-template-columns:1fr;gap:18px}
  .ind_cards .pic{height:190px}
  .ind_page_head{margin-bottom:30px}
  .ind_page_head h1{font-size:24px}
  .ind_page_head p{font-size:14px;line-height:1.85}
  .ind_page{padding:32px 0 44px}
}

/* ============================================================
   华研站移动端适配（<=768 复查，原模板只做了粗适配）
   ============================================================ */
@media screen and (max-width:768px){

  /* ---- 产品列表页：侧栏 17 个分类不再竖排占满首屏，改成横向标签 ---- */
  .pro_list1{padding:20px 0 34px}
  .pro_list1 .wrap{flex-direction:column}
  .pro_list1_l{
    width:100%;
    margin:0 0 16px;
    background:#fff;
    padding:12px 14px;
    border-radius:6px;
  }
  .pro_list1_l dl{margin:0}
  .pro_list1_l dl dt{
    background:none;
    padding:0 0 10px;
    font-size:16px;
    font-weight:700;
    color:#111;
    border-bottom:1px solid #f0f0f0;
    margin-bottom:12px;
  }
  .pro_list1_l dl dd{
    display:inline-block;
    width:auto;
    margin:0 7px 8px 0;
  }
  .pro_list1_l dl dd p{margin:0}
  .pro_list1_l dl dd p a{
    display:inline-block;
    padding:6px 13px;
    border:1px solid #e4e4e4;
    border-radius:16px;
    font-size:13px;
    color:#444;
    background:#fafafa;
    line-height:1.4;
  }
  .pro_list1_l dl dd p a span{display:none}
  .pro_list1_l dl dd p a.on,
  .pro_list1_l dl dd p a:hover{background:#e51b27;border-color:#e51b27;color:#fff}
  .pro_list1_r{width:100%;margin-top:0}

  /* ---- 产品卡片：两列，标题允许两行且不越界 ---- */
  .pro_list1_r .list ul li{
    width:50%;
    padding:0 6px;
    margin-bottom:16px;
    overflow:hidden;
  }
  .pro_list1_r .list ul li a p{
    font-size:13px;
    line-height:1.55;
    padding:6px 2px 0;
    word-break:break-word;
  }

  /* ---- 分页：按钮不挤压换行 ---- */
  .page_list ul{justify-content:center}
  .page_list ul li{margin:6px 3px 0}
  .page_list ul li a{
    white-space:nowrap;
    font-size:13px;
    padding:0 11px;
    height:34px;
    line-height:34px;
  }
  .page_list ul li strong{
    height:34px;
    line-height:34px;
    padding:0 13px;
  }

  /* ---- 页脚：4 列改 2 列 ---- */
  .footer_t{padding:34px 0 10px}
  .footer_t .wrap{flex-wrap:wrap}
  .footer_t .box{width:50%;margin-bottom:24px}
  .footer_t .item{width:100%;margin-bottom:10px}
  .footer_b p{font-size:12px;line-height:1.8;text-align:center}

  /* ---- 首页产品网格：两列 ---- */
  .ind3 .list ul li{width:50%;padding:0 6px;margin-bottom:16px}
  .ind3 .list ul li p{font-size:13px;line-height:1.55}

  /* ---- 首页区块上下留白收紧 ---- */
  .ind3,.ind5,.ind6{padding:34px 0}
  .every_tit{font-size:24px}
}

@media screen and (max-width:480px){
  .footer_t .box{width:100%}
  .ind_cards .txt h3{font-size:16px}
  .mbx_info{font-size:12px;padding:10px 0}
}

/* ============================================================
   华研站移动端：banner 高度与轮播宽度修正
   原模板 <=1200 时 .banner{height:100%}，父级无定高会塌陷，
   导致 swiper 初始化时按错误宽度切 slide（出现 780px 的 slide）
   ============================================================ */
@media screen and (max-width:1200px){
  .banner{
    height:auto;
    aspect-ratio:1280/464;
    min-height:150px;
    position:relative;
  }
  .banner .swiper-container1,
  .banner .swiper-container1 .swiper-wrapper,
  .banner .swiper-container1 .swiper-slide{
    height:100% !important;
  }
  .banner .swiper-container1 .swiper-slide{overflow:hidden}
  .banner .swiper-container1 .swiper-slide img,
  .banner .swiper-container1 .swiper-slide .slide-inner{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
}
@media screen and (max-width:768px){
  .banner{aspect-ratio:16/8;min-height:140px}
  .banner .swiper-pagination{bottom:6px !important}
}

/* 首页产品网格：标题不越界 */
.ind3 .list ul li{overflow:hidden}
.ind3 .list ul li p{word-break:break-word;overflow:hidden}
.ind3 .list ul{display:flex;flex-wrap:wrap}
@media screen and (max-width:768px){
  .ind3 .list ul li{width:50%;padding:0 6px}
  .abt_us1 .box2 .r > p > img{max-width:100%}
}

/* 新闻列表：手机端强制单列，图片回到文字下方（原 25% 四列在窄屏会挤压错位） */
@media screen and (max-width:768px){
  .new_list1{padding:26px 0 36px}
  .new_list1 .list ul{display:block}
  .new_list1 .list ul li{
    width:100% !important;
    float:none !important;
    margin:0 0 16px !important;
    background:#fff;
    border:1px solid #efefef;
    border-radius:6px;
  }
  .new_list1 .list ul li a{
    display:block !important;
    padding:14px 14px 16px !important;
  }
  .new_list1 .list ul li a .tit{
    font-size:15px;
    white-space:normal;
    line-height:1.5;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
  }
  .new_list1 .list ul li a span{font-size:12px;color:#aaa;margin-top:6px}
  .new_list1 .list ul li a p{font-size:13px;line-height:1.75;color:#777;margin-top:6px}
  .new_list1 .list ul li a .img{
    width:100% !important;
    height:170px !important;
    float:none !important;
    margin:12px 0 0 !important;
    position:static !important;
    overflow:hidden;
    border-radius:4px;
  }
  .new_list1 .list ul li a .img img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block;
  }
}

/* 页脚公司名在窄屏会顶到边，限制字号与换行 */
@media screen and (max-width:768px){
  .footer_t .item .tit,
  .footer_t .item div:first-child{
    font-size:16px !important;
    line-height:1.5 !important;
    word-break:break-word;
    white-space:normal;
  }
  .footer_t .item .btn a{display:inline-block;margin-top:10px}
}

/* ============================================================
   走进华研 · 公司简介页（锚点导航 + 荣誉资质/认证体系/软著/知识产权/标准定制）
   ============================================================ */
.ab-wrap{
  display:flex;
  align-items:flex-start;
  gap:36px;
  width:100%;
}
.ab-nav{
  width:180px;
  flex:0 0 180px;
  position:sticky;
  top:90px;
  background:#fff;
  border:1px solid #ececec;
  border-radius:6px;
  padding:16px 0;
  align-self:flex-start;
}
.ab-nav-tit{
  font-size:16px;
  font-weight:700;
  color:#111;
  padding:0 20px 12px;
  border-bottom:1px solid #f0f0f0;
  margin-bottom:8px;
}
.ab-nav-item{
  display:block;
  padding:11px 20px;
  font-size:14px;
  color:#555;
  border-left:3px solid transparent;
  transition:all .22s ease;
  line-height:1.5;
}
.ab-nav-item:hover,
.ab-nav-item.on{
  color:#e51b27;
  background:#fdf3f4;
  border-left-color:#e51b27;
  font-weight:600;
}
.ab-main{flex:1;min-width:0;}
.ab-sec{
  background:#fff;
  border:1px solid #efefef;
  border-radius:6px;
  padding:26px 28px 30px;
  margin-bottom:24px;
}
.ab-sec:last-child{margin-bottom:0}
.ab-sec-tit{
  font-size:22px;
  font-weight:700;
  color:#111;
  line-height:1.4;
  padding-left:14px;
  position:relative;
  margin:0 0 20px;
}
.ab-sec-tit::before{
  content:"";
  position:absolute;
  left:0;top:4px;
  width:4px;height:20px;
  background:#e51b27;
  border-radius:2px;
}
.ab-sec-body p{
  font-size:15px;
  line-height:2;
  color:#333;
  margin:0 0 14px;
  text-align:justify;
}
.ab-sec-body p:last-child{margin-bottom:0}

/* 证书 / 认证 / 软著 / 专利 网格 */
.ab-main ul.hy-cert1,
.ab-main ul.hy-cert3,
.ab-main ul.hy-cert4{
  display:grid;
  gap:20px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
}
.ab-main ul.hy-cert1{grid-template-columns:1fr;margin-top:22px}
.ab-main ul.hy-cert3{grid-template-columns:repeat(3,1fr)}
.ab-main ul.hy-cert4{grid-template-columns:repeat(4,1fr)}
.ab-main ul.hy-cert1 > li,
.ab-main ul.hy-cert3 > li,
.ab-main ul.hy-cert4 > li{
  margin:0;
  border:1px solid #eee;
  background:#fff;
  padding:10px;
  border-radius:4px;
  transition:box-shadow .25s ease,transform .25s ease;
}
.ab-main ul.hy-cert1 > li{border:0;padding:0}
.ab-main ul > li:hover{
  box-shadow:0 6px 18px rgba(0,0,0,.09);
  transform:translateY(-3px);
}
.ab-main ul.hy-cert1 > li:hover{box-shadow:none;transform:none}
.ab-main ul.hy-cert1 > li img,
.ab-main ul.hy-cert3 > li img,
.ab-main ul.hy-cert4 > li img{
  width:100%;
  height:auto;
  display:block;
  border-radius:2px;
}

@media screen and (max-width:980px){
  .ab-wrap{flex-direction:column;gap:18px}
  .ab-nav{
    width:100%;
    flex:none;
    position:static;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding:12px;
  }
  .ab-nav-tit{width:100%;border:0;padding:0 0 4px;margin:0}
  .ab-nav-item{
    padding:7px 14px;
    border:1px solid #e6e6e6;
    border-radius:16px;
    font-size:13px;
    border-left-width:1px;
    background:#fafafa;
  }
  .ab-nav-item:hover,.ab-nav-item.on{
    border-color:#e51b27;
    background:#e51b27;
    color:#fff;
  }
  .ab-main ul.hy-cert3{grid-template-columns:repeat(2,1fr);gap:14px}
  .ab-main ul.hy-cert4{grid-template-columns:repeat(2,1fr);gap:14px}
  .ab-sec{padding:20px 16px 22px}
  .ab-sec-tit{font-size:19px}
  .ab-sec-body p{font-size:14px;line-height:1.9}
}

/* ============ 服务支持列表（序号卡片，无侧栏） ============ */
.sup_cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:supn;
}
.sup_cards > li{
  margin:0;
  background:#fff;
  border:1px solid #ececec;
  border-radius:8px;
  transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease;
  overflow:hidden;
}
.sup_cards > li:hover{
  box-shadow:0 14px 34px rgba(0,0,0,.10);
  transform:translateY(-6px);
  border-color:#f3d3d6;
}
.sup_cards > li > a{
  display:flex;
  flex-direction:column;
  height:100%;
  padding:28px 26px 26px;
  box-sizing:border-box;
}
.sup_cards .num{
  display:block;
  font-size:34px;
  font-weight:800;
  line-height:1;
  color:#f0f0f0;
  letter-spacing:1px;
  margin-bottom:14px;
  transition:color .3s ease;
  font-family:"Arial Black",Arial,sans-serif;
}
.sup_cards .num::before{
  counter-increment:supn;
  content:counter(supn,decimal-leading-zero);
}
.sup_cards > li:hover .num{color:#e51b27}
.sup_cards h3{
  font-size:19px;
  font-weight:700;
  color:#1a1a1a;
  line-height:1.45;
  margin:0 0 12px;
}
.sup_cards p{
  font-size:13.5px;
  color:#777;
  line-height:1.9;
  margin:0 0 18px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  flex:1;
}
.sup_cards em{
  font-style:normal;
  font-size:13.5px;
  color:#e51b27;
  font-weight:600;
  transition:letter-spacing .25s ease;
}
.sup_cards > li:hover em{letter-spacing:.5px}

@media screen and (max-width:1100px){
  .sup_cards{grid-template-columns:repeat(2,1fr);gap:20px}
}
@media screen and (max-width:700px){
  .sup_cards{grid-template-columns:1fr;gap:16px}
  .sup_cards > li > a{padding:22px 20px 22px}
  .sup_cards .num{font-size:28px;margin-bottom:10px}
  .sup_cards h3{font-size:17px}
}

/* ============================================================
   客服悬浮：PC 右侧底部，移动端贴底自适应
   ============================================================ */
.kf-float{
  position:fixed;
  right:20px;
  bottom:110px;
  z-index:960;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.kf-btn{
  width:52px;
  height:52px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.14);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  cursor:pointer;
  transition:background .25s ease,box-shadow .25s ease,transform .25s ease;
}
.kf-btn:hover{
  background:#e51b27;
  box-shadow:0 6px 22px rgba(229,27,39,.35);
  transform:translateY(-2px);
}
.kf-btn svg{width:25px;height:25px;fill:#e51b27;transition:fill .25s ease}
.kf-btn:hover svg{fill:#fff}
.kf-pop{
  position:absolute;
  right:64px;
  bottom:0;
  background:#fff;
  border-radius:8px;
  box-shadow:0 8px 28px rgba(0,0,0,.16);
  padding:10px;
  opacity:0;
  visibility:hidden;
  transform:translateX(10px);
  transition:all .25s ease;
  pointer-events:none;
}
.kf-btn:hover .kf-pop{opacity:1;visibility:visible;transform:translateX(0)}
/* 气泡是 .kf-btn(52px) 里的绝对定位元素，全局 img{max-width:100%} 会把它压成 52px 宽，
   所以这里必须显示写死宽度并解除 max-width 约束 */
.kf-pop img{width:132px;height:132px;max-width:none;display:block;border-radius:4px}
.kf-pop-wx{width:152px}
.kf-pop p{font-size:12px;color:#666;text-align:center;margin:6px 0 0;line-height:1.4}
.kf-pop-tel{
  padding:10px 18px;
  white-space:nowrap;
  text-align:center;
}
.kf-pop-tel b{display:block;font-size:15px;color:#e51b27;letter-spacing:.5px}
.kf-pop-tel span{display:block;font-size:12px;color:#888;margin-top:4px}
.kf-mask{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  z-index:9990;
  opacity:0;
  visibility:hidden;
  transition:all .25s ease;
}
.kf-mask.show{opacity:1;visibility:visible}

@media screen and (max-width:768px){
  /* 贴底横向条 */
  .kf-float{
    right:0;
    left:0;
    bottom:0;
    flex-direction:row;
    gap:0;
    background:#fff;
    box-shadow:0 -2px 14px rgba(0,0,0,.10);
    border-top:1px solid #f0f0f0;
    padding:0;
    padding-bottom:env(safe-area-inset-bottom,0);
  }
  .kf-btn{
    flex:1;
    width:auto;
    height:54px;
    border-radius:0;
    box-shadow:none;
    background:#fff;
  }
  .kf-btn:hover{background:#fff;transform:none;box-shadow:none}
  .kf-btn svg{width:23px;height:23px;fill:#333}
  .kf-btn:hover svg{fill:#333}
  .kf-btn.kf-wx svg{fill:#09bb07}
  .kf-btn.kf-tel svg{fill:#e51b27}
  /* 分隔线 */
  .kf-btn + .kf-btn{border-left:1px solid #f2f2f2}
  /* 桌面端的 hover 气泡在移动端改成居中弹窗 */
  .kf-pop{
    position:fixed;
    right:auto;
    left:50%;
    top:50%;
    bottom:auto;
    transform:translate(-50%,-50%) scale(.94);
    padding:16px;
    z-index:9995;
    pointer-events:auto;
  }
  .kf-btn:hover .kf-pop{transform:translate(-50%,-50%) scale(.94);opacity:0;visibility:hidden}
  .kf-pop.show{opacity:1!important;visibility:visible!important;transform:translate(-50%,-50%) scale(1)!important}
  .kf-pop-wx{width:212px}
  .kf-pop img{width:180px;height:180px;max-width:none}
  .kf-pop p{font-size:13px;margin-top:10px}
  .kf-pop-tel{display:none}
  /* 底部留出悬浮条高度，避免遮住页脚最后一行 */
  body{padding-bottom:54px}
}

/* ============================================================
   内页横幅：所有栏目/详情页统一头图，栏目名与面包屑叠加在图上
   （原来只有一个面包屑，内页顶部太素，与首页 banner 不呼应）
   ============================================================ */
.page-bn{
  position:relative;
  width:100%;
  height:280px;
  overflow:hidden;
  background:#0d2b4a;
}
.page-bn-img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.page-bn-mask{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(4,18,38,.78) 0%,rgba(4,18,38,.45) 52%,rgba(4,18,38,.10) 100%);
  z-index:1;
}
.page-bn-txt{
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  transform:translateX(-50%);
  width:95%;
  max-width:1440px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  z-index:2;
}
.page-bn-txt h1,
.page-bn-txt .page-bn-tit{
  color:#fff;
  font-size:38px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:1px;
  margin:0;
  text-shadow:0 2px 12px rgba(0,0,0,.25);
}
.page-bn-txt .page-bn-tit{font-size:30px}
.page-bn-txt h1::after{
  content:"";
  display:block;
  width:52px;
  height:3px;
  background:#e51b27;
  margin:16px 0 0;
}
.page-bn-txt p{
  margin-top:16px;
  font-size:14px;
  color:rgba(255,255,255,.80);
  line-height:1.7;
}
.page-bn-txt p a{
  color:rgba(255,255,255,.80);
  transition:color .2s ease;
}
.page-bn-txt p a:hover{color:#fff}
.page-bn-txt p::before{
  content:"";
  display:inline-block;
  width:16px;height:16px;
  margin-right:8px;
  vertical-align:-2px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3l9 8h-3v9h-5v-6h-2v6H6v-9H3z'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3l9 8h-3v9h-5v-6h-2v6H6v-9H3z'/></svg>") center/contain no-repeat;
  opacity:.75;
}
.page-bn-detail{height:240px}

@media screen and (max-width:980px){
  .page-bn{height:200px}
  .page-bn-detail{height:180px}
  .page-bn-txt h1{font-size:28px}
  .page-bn-txt .page-bn-tit{font-size:22px}
  .page-bn-txt h1::after{width:40px;height:3px;margin-top:12px}
  .page-bn-txt p{font-size:12.5px;margin-top:12px}
}
@media screen and (max-width:480px){
  .page-bn{height:160px}
  .page-bn-detail{height:150px}
  .page-bn-txt h1{font-size:23px}
  .page-bn-txt .page-bn-tit{font-size:19px}
  .page-bn-txt p{font-size:12px}
  .page-bn-mask{background:linear-gradient(90deg,rgba(4,18,38,.82) 0%,rgba(4,18,38,.55) 75%,rgba(4,18,38,.35) 100%)}
}

/* 服务卡片：改回子栏目后没有摘要文字，序号做背景装饰，避免卡片中间大片空白 */
.sup_cards > li > a{
  position:relative;
  justify-content:flex-start;
  min-height:150px;
  padding:22px 22px 20px;
}
/* 序号靠左，避免被右下角客服悬浮挡住 */
.sup_cards > li .num{
  position:static;
  margin:0 0 10px;
  font-size:30px;
  line-height:1;
  color:#ececec;
}
.sup_cards h3{
  margin:0 0 14px;
  font-size:17px;
}
.sup_cards > li > a em{
  margin-top:auto;
}

/* 单页（服务子栏目/企业理念等）正文：给个白卡片容器，与推荐产品区对齐 */
.abt_us1 .box2 .r{
  background:#fff;
  border:1px solid #efefef;
  border-radius:6px;
  padding:28px 32px 30px;
  box-sizing:border-box;
}
.abt_us1 .box2 .r > p:first-child{margin-top:0}
.abt_us1 .box2 .r p.sub-t{
  font-size:16px;
  font-weight:700;
  color:#111;
  margin:22px 0 10px;
  line-height:1.6;
}
.abt_us1 .box2 .r p.sub-t:first-child{margin-top:0}
@media screen and (max-width:768px){
  .abt_us1 .box2 .r{padding:20px 16px 22px}
  .abt_us1{padding:30px 0}
}

/* 产品分类当前项：红底白字，点击后锁定（JS 按 URL 匹配加 .on） */
.pro_list1_l dl dd p a.on{
  background:#e51b27;
  color:#fff !important;
  border-bottom-color:#e51b27;
  font-weight:600;
}
.pro_list1_l dl dd p a.on .icon-remove{
  background:#fff;
}
/* 关于页锚点导航当前项（沿用 .on，滚动联动） */
.ab-nav-item.on{
  color:#e51b27;
  background:#fdf3f4;
  border-left-color:#e51b27;
  font-weight:600;
}

/* ============================================================
   行业子页：该行业适用设备（产品卡，可点进产品详情）
   —— 对齐原站 /product/2 的形态：图 + 产品名 + 链接
   ============================================================ */
.abt_us1 .box2 .r ul.hy-prod > li{
  padding:0;
  overflow:hidden;
  text-align:left;
  border:1px solid #ececec;
  transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease;
}
.abt_us1 .box2 .r ul.hy-prod > li:hover{
  box-shadow:0 10px 26px rgba(0,0,0,.10);
  transform:translateY(-4px);
  border-color:#f3d3d6;
}
.abt_us1 .box2 .r ul.hy-prod > li > a{
  display:block;
  height:100%;
  color:inherit;
}
.abt_us1 .box2 .r ul.hy-prod .img{
  width:100%;
  height:190px;
  background:#fafafa;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.abt_us1 .box2 .r ul.hy-prod .img img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:12px;
  box-sizing:border-box;
  display:block;
  margin:0;
  transition:transform .35s ease;
}
.abt_us1 .box2 .r ul.hy-prod > li:hover .img img{transform:scale(1.05)}
.abt_us1 .box2 .r ul.hy-prod .nm{
  font-size:14px;
  line-height:1.55;
  color:#222;
  padding:14px 14px 16px;
  min-height:66px;
  box-sizing:border-box;
  border-top:1px solid #f4f4f4;
  transition:color .25s ease;
}
.abt_us1 .box2 .r ul.hy-prod > li:hover .nm{color:#e51b27}
.abt_us1 .box2 .r .ind-more{
  margin:22px 0 0;
  font-size:13.5px;
  color:#888;
  line-height:1.9;
  padding-top:18px;
  border-top:1px dashed #ececec;
}
.abt_us1 .box2 .r .ind-more a{color:#e51b27;font-weight:600}
.abt_us1 .box2 .r .ind-empty{
  font-size:14.5px;
  color:#555;
  line-height:2;
  background:#f8f9fb;
  border-left:3px solid #e51b27;
  padding:16px 20px;
  margin:0 0 18px;
}
@media screen and (max-width:980px){
  .abt_us1 .box2 .r ul.hy-prod .img{height:160px}
  .abt_us1 .box2 .r ul.hy-prod .nm{min-height:auto;font-size:13.5px;padding:12px 12px 14px}
}