@font-face {
  font-family: swiper-icons;
  src: url('data:application/font-woff;charset=utf-8;base64, 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');
  font-weight: 400;
  font-style: normal
}

.jz .color_style{background:#009fa8;}
.jz .color_style svg path{fill:#009fa8;}

.ny .color_style{background:#d22d2d;}
.ny .color_style svg path{fill:#d22d2d;}

.jc .color_style{background:#0081cc;}
.jc .color_style svg path{fill:#0081cc;}

.hj .color_style{background:#009944;}
.hj .color_style svg path{fill:#009944;}

.jm .color_style{background:#ea5303;}
.jm .color_style svg path{fill:#ea5303;}




.tip_con{position: absolute;top:35px;left:30px;z-index: 3;padding:3px 17px;color:#fff;}
@media screen and (max-width: 1600px) {
  .tip_con{left:1.5vw; top:1.5vw;}
}
@media screen and (max-width: 1400px) {
  .tip_con{font-size: 14px;padding:3px 12px;}
}

.swiper_lImg_rText_css{display:flex;flex-wrap: wrap;background-color: #f2f4f7;}
.swiper_lImg_rText_css .swiper_img {flex:0 0 950px;overflow: hidden;position: relative;}
.swiper_lImg_rText_css .swiper_img .swiper-slide-active{z-index: 3;}
.swiper_lImg_rText_css .swiper_img .img{height:100%;}
.swiper_lImg_rText_css .swiper_img img{width:100%;transition:all 0.5s;height: 100%;object-fit: cover;}
.swiper_lImg_rText_css .swiper_img:hover img{transform:scale(1.03);}

.swiper_lImg_rText_css .swiper_text{flex:1;overflow: hidden;position: relative;}
.swiper_lImg_rText_css .swiper_text .text_con {padding:60px;}
.swiper_lImg_rText_css .text_con h3{line-height: 1.3;margin-bottom:30px;}
.swiper_lImg_rText_css .text_con .p{color:#666;margin-bottom: 50px;}
.swiper_lImg_rText_css .text_con a{color:#333;transition:all 0.3s ease-in-out;}
.swiper_lImg_rText_css .text_con a:hover {color:#004ea2;}
.swiper_lImg_rText_css .text_con .tip_ul{display: flex;flex-wrap:wrap;}
.swiper_lImg_rText_css .text_con .tip_ul li{background: #fff;padding:8px 15px;color:#444;margin:0 10px 10px 0;}

.swiper_lImg_rText_css .swiper_button_con{display: flex;padding:0 60px;}
.swiper_lImg_rText_css .swiper-button-prev {
  bottom: 50px;top: auto;left: 60px;text-align: center;line-height: 50px;
  background: #fff;width:50px;height:50px;
  transition:all 0.4s ease-in-out;position:static;margin:0px;margin-right:20px;
}
.swiper_lImg_rText_css .swiper-button-prev:hover{background-color: #004ea2;}
.swiper_lImg_rText_css .swiper-button-prev:after{font-family: swiper-icons;content: 'prev';color:#333;}
.swiper_lImg_rText_css .swiper-button-prev:hover:after{color:#fff;}

.swiper_lImg_rText_css .swiper-button-next {
  bottom: 50px;top: auto;right: auto;left: 130px;
  background: #fff;width:50px;height:50px;text-align: center;line-height: 50px;
  transition:all 0.4s ease-in-out;position:static;margin:0px;
}
.swiper_lImg_rText_css .swiper-button-next:hover{background-color: #004ea2;}
.swiper_lImg_rText_css .swiper-button-next:after{font-family: swiper-icons;content: 'next';color:#333;}
.swiper_lImg_rText_css .swiper-button-next:hover:after{color:#fff;}
@media screen and (max-width: 1600px) {
  .swiper_lImg_rText_css .swiper_img{flex:0 0 60%;}
  .swiper_lImg_rText_css .swiper_text .text_con{padding:2.5vw;}
  .swiper_lImg_rText_css .text_con h3{margin-bottom: 1.5vw;}
  .swiper_lImg_rText_css .text_con .p{margin-bottom: 2.5vw;}
  .swiper_button_con{padding:0 2.5vw;}
  .swiper_lImg_rText_css .swiper-button-prev{width:40px;height:40px;line-height: 40px;}
  .swiper_lImg_rText_css .swiper-button-next{width:40px;height:40px;line-height: 40px;}
}
@media screen and (max-width: 1400px) {
  .swiper_lImg_rText_css .text_con .tip_ul li{font-size: 14px;padding:5px 12px;}
}
@media screen and (max-width: 1000px) {
  .swiper_lImg_rText_css .text_con h3{font-size: 24px;}
  .swiper_lImg_rText_css .swiper_img .swiper{height:100%;}
  .swiper_lImg_rText_css .swiper_img .swiper-slide{height: auto;}
}
@media screen and (max-width: 768px) {
  .swiper_lImg_rText_css .swiper_img{flex:0 0 100%;}
  .swiper_lImg_rText_css .swiper_img .swiper{height: auto;}
  .swiper_lImg_rText_css .swiper_text{flex:0 0 100%;}
  .swiper_lImg_rText_css .swiper_text .text_con{padding:8vw 5vw;}
  .swiper_lImg_rText_css .text_con h3{margin-bottom: 5vw;}
  .swiper_lImg_rText_css .text_con .p{margin-bottom: 5vw;}
  .swiper_lImg_rText_css .swiper_button_con{padding:0vw 5vw 10vw;}
}


.news_list{display: flex;flex-wrap: wrap;}
.news_list dl{overflow: hidden;background: #fafafa;margin-right: 22px;width: 465px;margin-bottom:20px;position: relative;}
.news_list dl:nth-of-type(3n){margin-right: 0px;}
.news_list dt{overflow: hidden;position: relative;height:262px;}
.news_list dt img{width:100%;height:100%;object-fit:cover;transition:all 0.5s ease-in-out;}
.news_list dt:hover img{transform:scale(1.05);}
.news_list dd{padding:30px 30px 40px 30px;}

.news_list h3{line-height: 1.3;overflow: hidden;}
.news_list a{color:#333;}
.news_list a:hover{color:#004ea2}
.news_list .a{margin-top:30px;}
.news_list .a a{color:#004ea2;}
.news_list .p{color:#999;margin-top: 20px;}
.news_list .span{text-align: right;margin-top: 20px;}
.news_list .span a{background: #fff;font-size: 14px;padding: 5px 12px;margin-left:5px;margin-bottom:5px;display: inline-block;}
.news_list .span span{background: #fff;font-size: 14px;padding: 5px 12px;margin-left:5px;margin-bottom:5px;display: inline-block;}
.more_a{
  display:flex;flex-wrap:wrap;justify-content: center;align-items: center;
  width:125px;height:40px;margin:50px auto 0;background-color: #004ea2;color:#fff;
}
.more_a a{color:#fff;padding-right:5px;}
.more_a svg{width:20px;}

@media screen and (max-width: 1600px) {
  .news_list dl{width: 32%;margin-right: 2%;}
  .news_list dt{height:14vw;}
  .news_list dd{padding:1.5vw;padding-bottom: 2vw;}
  .news_list .a{margin-top: 1.5vw;}
  .more_a{margin-top:3vw;}
}
@media screen and (max-width: 768px) {
  .news_list dl{width:100%;margin-right:0px;margin-bottom: 5vw;}
  .news_list dd{padding:5vw 5vw;}
  .news_list dt{height:auto;}
}


.product_con{display:flex;flex-wrap:wrap;}

.product_con .left .pro_title{height:65px;line-height: 65px;width:100%;color:#fff;padding:0 20px;margin-bottom: 30px;position: relative;cursor: pointer;font-weight:700;}
.product_con .left .pro_title i{display: flex;flex-wrap:wrap;align-items: center;justify-content: center;width:20px;height:20px;background: #fff;position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;}
.product_con .left .pro_title i svg{width:16px;height:16px;opacity: 0;}
.product_con .left .pro_title.hover i svg{opacity: 1;}

.product_con .left{flex:0 0 350px;}
.product_con .left a{color:#333;display: block;}
.product_con .left dl{margin-bottom:15px;}
.product_con .left dt{border-bottom:1px solid #ddd;padding-bottom:15px;padding-left:20px;padding-right:40px;font-weight: 700;position: relative;cursor: pointer;}
.product_con .left dt span{width:90%;display:block;}
.product_con .left dt i{display: block;height:20px;width:20px;position:absolute;right:10px;top:8px;z-index:2;}
.product_con .left dt i:after{content: "";
  position: absolute;right:0px;top:8px;
  transition:transform 0.3s ease-in-out,opacity 0.3s ease-in-out 0.2s;display:block;width:20px;height:3px;background: #333;
}
.product_con .left dt i:before{content: "";
  position: absolute;right:8px;top:0px;
  transition:transform 0.3s ease-in-out,opacity 0.3s ease-in-out 0.2s;display:block;width:3px;height:20px;background: #333;
}
.product_con .left dd{margin-top:20px;margin-bottom: 40px;display: none;padding-left:42px;padding-right:20px;}
.product_con .left .has_sub h3{position: relative;cursor:pointer;}
.product_con .left .has_sub h3 i{display: block;height:12px;width:12px;position:absolute;left:-20px;top:6px;}
.product_con .left .has_sub h3 i:after{content: "";
  position: absolute;right:0px;top:5px;
  transition:transform 0.3s ease-in-out,opacity 0.3s ease-in-out 0.2s;display:block;width:100%;height:2px;background: #333;
}
.product_con .left .has_sub h3 i:before{content: "";
  position: absolute;right:5px;top:0px;
  transition:transform 0.3s ease-in-out,opacity 0.3s ease-in-out 0.2s;display:block;width:2px;height:100%;background: #333;
}
.product_con .left li{margin-bottom: 12px;}
.product_con .left .sub{margin-top: 12px;margin-bottom: 12px;display: none;}
.product_con .left .sub a{color:#aaa;}
.product_con .left .sub p{margin-bottom: 10px;}
.product_con .left a.hover{color:#004ea2;}
.product_con .left a:hover{color:#004ea2;}

.product_con .left dl.hover dt i:before{transform:rotateZ(90deg);opacity: 0;}
.product_con .left dl.hover .has_sub.hover h3 i:before{transform:rotateZ(90deg);opacity: 0;}



.product_con .right{flex:1;margin-left:100px;}
.product_con .search_dl{display: flex;flex-wrap: wrap;margin-left:23px;margin-bottom: 30px;}
.product_con .search_dl input{flex:0 0 440px;border:1px solid #dddcdd;height:40px;border-right:0px;padding-left:20px;}
.product_con .search_dl a{display: flex;flex-wrap: wrap;width:40px;height:40px;border:1px solid #dddcdd;border-left:0px;justify-content: center;align-items: center;}
.product_con .search_dl a svg{width:26px;height:26px;}
.product_con .right .dl{display:flex;flex-wrap:wrap;}
.product_con .right .dl .noDate{margin-left:23px;}
.product_con .right dl{margin-left:23px;width:calc(33.33% - 23px);margin-bottom: 30px;background: #f5f6f7;position:relative;}
.product_con .right dt{
  text-align: center;padding-top:40px;overflow: hidden;transition:all 0.3s ease-in-out;
}
.product_con .right dd{padding:20px 10px;}
.product_con .right dd span{display:block;text-align:center;color:#666;margin-bottom:7px;line-height:1.3;}
      
.product_con .right .img{text-align: center;}
.product_con .right .img img{max-width: 100%;}
.product_con .right h3{text-align: center;left:0px;bottom:20px;width:100%;}
.product_con .right a{transition:all 0.3s ease-in-out;color:#333;}
.product_con .right p{color:#999;}
.product_con .right dl:hover h3 a{color:#004ea2;}


@media screen and (max-width: 1600px) {
  .product_con .left{flex:0 0 25%;}
  .product_con .right{margin-left:5vw;}
  .product_con .search_dl input{flex:0 0 20vw;}
}
@media screen and (max-width: 1200px) {
  .product_con .right dl{margin-left:2vw;width: calc(33.33% - 2vw);margin-bottom: 3vw;}
  .product_con .right .dl .noDate{margin-left:2vw;}
}
@media screen and (max-width: 1000px) {
  .product_con .left{margin-bottom: 3vw;flex:0 0 100%;}
  .product_con .left dt{padding:0 10px 10px 10px;}
  .product_con .left dd{padding-left:20px;margin:10px 0;}
  .product_con .left .sub{display: flex!important;flex-wrap: wrap;margin:5px 0;}
  .product_con .left .sub p{margin-right: 20px;}
  .product_con .left .has_sub h3 i{display: none;}

  .product_con .right{flex:0 0 100%;margin-left: 0px;}
  .product_con .right dl{margin-left: 0px;margin-right: 2vw;}
  .product_con .right .dl .noDate{margin-left:0;}

  .product_con .search_dl{margin-left: 0px;}
  .product_con .search_dl input{flex:1;width:calc(100% - 40px);}
  
}
@media screen and (max-width: 700px) {
  .product_con .right dl{margin-right:0px;width:100%;margin-bottom: 5vw;}

}

.w1000{width:1000px;margin-left:auto;margin-right: auto;}
.product_detail{margin-top: 101px;}
.proDetail_con1{background: #f7f8fa;}
.proDetail_con1 .w1000{display:flex;flex-wrap:wrap;}
.proDetail_con1 .fl{width:560px; height:500px;background: #fff;overflow: hidden;position: relative;align-content: center;}
.proDetail_con1 .fl .img{width:80%;margin:0 auto;}
.proDetail_con1 .fl .img img{width:100%;height:100%;object-fit: cover;}
.proDetail_con1 .swiper-pagination{bottom:40px;}
.proDetail_con1 .swiper-pagination-bullet{width:13px;height:13px;margin:0 7px;}
.proDetail_con1 .swiper-pagination-bullet-active{background: #004ea2;}

.proDetail_con1 .fr{flex:1;display: flex;flex-wrap:wrap;align-items: center;padding:0 40px;}
.proDetail_con1 .con h3{font-weight: 700;margin-bottom:15px;}
.proDetail_con1 .con .p{color:#666;}
.proDetail_con1 .con .btn{margin-top:70px;display: flex;flex-wrap: wrap;}
.proDetail_con1 .con .pr_down{background: #004ea2;color:#fff;padding:8px 20px;margin-right: 25px;}
.proDetail_con1 .con .pr_down:hover{text-decoration: underline;}
.proDetail_con1 .con .pr_video{border:1px solid #ccc;padding:8px 20px;cursor:pointer;transition:all 0.3s ease-in-out;}
.proDetail_con1 .con .pr_video:hover{background: #004ea2;color:#fff;border-color:#004ea2;}

.product_detail .pro_title{margin-bottom: 30px;font-weight: 700;}

.proDetail_con2 ul{border-top:1px solid #ddd;}
.proDetail_con2 li{display: flex;flex-wrap:wrap;border-bottom:1px solid #ddd;padding:20px 0;}
.proDetail_con2 li h3{flex:0 0 400px;font-weight: 700;padding:0 50px 0 10px;}
.proDetail_con2 li p{flex:1;color:#999;}

.proDetail_con2 li.other_li{background:#eee;font-size:20px;margin-top:20px;}

.proDetail_con3 ul{display: flex;flex-wrap:wrap;}
.proDetail_con3 li{border:1px solid #ddd;padding:8px 20px;margin-right:15px;margin-bottom:20px;color:#999;}

.proDetail_con4 ul{display: flex;flex-wrap:wrap;}
.proDetail_con4 li{flex:0 0 calc(33.33% - 20px);background: #f5f7fa;padding:25px 35px;margin-right:30px;margin-bottom:30px;}
.proDetail_con4 li:nth-of-type(3n){margin-right: 0px;}
.proDetail_con4 li h3{font-weight: 700;margin-bottom: 10px;}
.proDetail_con4 li .p{color:#999;}

.proDetail_con5 .edit{color:#999;overflow:hidden;}
.proDetail_con5 .edit img{max-width:700px!important;width:100%!important;height:auto!important;}

@media screen and (max-width: 1440px) {
  .product_detail{margin-top: 81px;}
}
@media screen and (max-width: 1300px) {
  .w1000{width:80%;}
  .proDetail_con1 .fl{width:50%;height:35vw;}
  .proDetail_con1 .fr{padding:0 3vw;}
}
@media screen and (max-width: 1024px) {
  .product_detail{margin-top: 50px;}
  .proDetail_con1 .con .pr_down{margin-right:15px;}
}
@media screen and (max-width: 767px) {
  .w1000{width:90%;}
  .fnt_36{font-size:24px;}
  .product_detail .pro_title{margin-bottom:3vw;}

  .proDetail_con1 .fl{flex:0 0 100%;height:auto;margin-bottom: 5vw;}
  .proDetail_con1 .swiper-pagination{bottom:20px;}

  .proDetail_con1 .fr{padding:0;flex:0 0 100%;}
  .proDetail_con1 .con{width:100%;}
  .proDetail_con1 .con .p{font-size:16px;}
  .proDetail_con1 .con .btn{margin-top:10vw;}
  .proDetail_con1 .con .pr_down{margin-right: 2%;width:49%;text-align: center;}
  .proDetail_con1 .con .pr_video{width:49%;text-align: center;}

  .proDetail_con2 li{padding:15px 0;}
  .proDetail_con2 li h3{flex:0 0 40%;padding-right:20px;}

  .proDetail_con3 li{padding:5px 10px;margin-right:3vw;margin-bottom:3vw;}

  .proDetail_con4 li{flex:0 0 100%;padding:5vw 5vw;margin-bottom: 3vw;margin-right: 0px;}
  .proDetail_con4 li h3{margin-bottom: 5px;}
}

.video_con {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  z-index: 9999;
}
.video_con .vid_dom {
  width: 70%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video_con video {
  width: 100%;
}
.video_con .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: #000;
  border-radius: 100%;
  cursor: pointer;
  z-index: 2;
}
.video_con .close:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 1px;
  background: #fff;
  transform: translateX(-50%) rotate(45deg);
}
.video_con .close:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 1px;
  background: #fff;
  transform: translateX(-50%) rotate(135deg);
}
<!--ºÄÊ±1787063892.7918Ãë-->