.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("../picture/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("../images/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("../images/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: cover;
}
.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("../images/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("../images/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("../picture/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("../images/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("../images/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("../images/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("../images/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: auto;
}
.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("../images/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("../images/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;
  }
}