html{
  font-size: 100px;
  color: #000000;
}
.wrap{ 
  max-width:1590px; 
  width:95%; 
  margin:0 auto; 
  max-height:999999px;
}
/*鼠标放上去图片变大*/
.imgmouseon {
  overflow: hidden;
}
.imgmouseon img {
  cursor: pointer;
  transition: all 0.6s;
}
.imgmouseon img:hover {
  transform: scale(1.1);
}
/*头部*/
.header{
  width: 100%;
  position: fixed;
  z-index: 1000;
  top: 0;
  height: 90px;
  box-sizing: border-box;
}
.header .wrap{
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.header .logo{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.header .logo img{
  max-width: 100%;
  max-height: 100%;
}
.header .logo img:nth-of-type(2){
  display: none;
}
.header .nav{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.4rem;
}
.header .nav li{
  position: relative;
  height: 100%;
}
.header .nav li>a{
  font-size: 0.18rem;
  color: #fff;
  height: 100%;
  white-space:nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .nav li>a:hover{
  opacity: 0.8;
}
.header .nav .subnav{
  min-width: 100%;
  box-sizing: border-box;
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  left: 50%;
  top: 85%;
  transform: translate(-50%, 0);
}
.header .nav li:hover .subnav{
  display: block;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
}
.header .nav li .subnav a{
  min-width: 1.4rem;
  color: #474747;
  font-size: 0.16rem;
  line-height: 2.4;
  text-align: center;
  width: 100%;
  display: block;
  white-space:nowrap;
}
.header .nav li .subnav a:hover{
  color: #1367b9;
}
.header .nav li.search{
  height: 100%;
  min-width: 0.15rem;
  white-space:nowrap;
  display: flex;
  justify-content: center;
  align-items: center;  
  background: url(../images/search.png) no-repeat center center/0.15rem 0.15rem;
}
.header .nav li.search input{
  width: 1rem;
  color: #999999;
  font-size: 0.14rem;
  padding: 0.06rem 0.08rem 0.08rem 0.08rem;
  display: none;
}
.header .nav li.search button{
  background: #ffffff url(../images/search_w.png) no-repeat center center/0.15rem 0.15rem;
  width: 0.3rem;
  color: #999999;
  height: 0.3rem;
  display: none;
}
/*头部-白底*/
.header_other{
  background: #fff;
}
.header_other .logo img:nth-of-type(1){
  display: none;
}
.header_other .logo img:nth-of-type(2){
  display: block;
}
.header_other .nav li>a{
  color: #474747;
}
.header_other .nav li.search{  
  background: url(../images/search_w.png) no-repeat center center/0.15rem 0.15rem;
}
.header_other .nav li.search input{
  background: #eeeeee;
}
.header_other .nav li.search button{
  background: #eeeeee url(../images/search_w.png) no-repeat center center/0.15rem 0.15rem;
}
/*banner大图*/
.banner_ind{
  max-width: 1920px;
  margin: auto;
  width: 100%;
  height: 100%;
  position: relative;
}
.banner_ind .swiper {
  height: 100%;
}
.banner_ind .swiper-slide{
  background-size: cover;
  background-position: center;
}
.banner_ind .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*banner大图 内页*/
.banner_other{
  margin-top: 90px;
}
.banner_other hr{
  border: 0;
  height: 1px;
  background: #e9e9e9;
}
/*主页-主体*/
.ind_tit{
  width: 95%;
  font-size: 0.3rem;
  font-weight: bold;
  color: #4c4c4c;
  position: relative;
}
.ind_tit_ri{
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 0.16rem;
  color: #868686;
  font-weight: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 0.02rem solid #0093d8;
  padding: 0.04rem 0.16rem 0.04rem 0.03rem;
  background: url(../images/ind_tit_ri.png) no-repeat right center/0.04rem 0.07rem;
}
.ind_tit_rit a:hover{
  color: #e67817;
  border: 1px solid #e67817;
}
.ind_con{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 130px 0;
}
.ind_con .le{
  width: 49%;
}
.ind_con .le p{
  font-size: 0.14rem;
  line-height: 0.3rem; 
  color: #4c4c4c;
  margin-top: 0.4rem;
}
.ind_con .le ul{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}
.ind_con .le ul li{
  line-height: 1;
  color: #1f1f1f;
  flex: 1;
}
.ind_con .le ul li img{
  width: 0.51rem;
  height: 0.51rem;
}
.ind_con .le ul li h1{
  position: relative;
  margin-top: 0.09rem;
}
.ind_con .le ul li h1 em{
  font-family: Impact;
  font-size: 0.3rem;
}
.ind_con .le ul li h1 span{
  font-size: 0.14rem;
  white-space: nowrap;
}
.ind_con .le ul li h2{
  font-size: 0.16rem;
  margin-top: 0.15rem;
}
.ind_con .ri{
  width: 45.6%;
  position: relative;
}
.ind_con .ri img{
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.ind_con2{
}
.ind_con2 ul{
  margin:0.3rem auto 0 auto; 
  width:96%; 
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2%;
}
.ind_con2 ul a{
  width: 32%;
  height: 662px;
  margin-top: 26px;
  background: linear-gradient(to bottom, #f4f4f4, #ffffff);
  border-top-right-radius: 0.77rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.8rem 0.1rem 1rem 0.1rem;
  box-sizing: border-box;
}
.ind_con2 ul a .img{
  width: 100%;
  flex-grow: 1;   /*放大*/
  position: relative;
}
.ind_con2 ul a .img img{
  position: absolute;
  max-width: 80%;
  max-height: 80%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ind_con2 ul a h1{
  font-size: 0.3rem;
  font-weight: bold;
  color: #3f3f3f;
  line-height: 1;
  padding: 11px 32px;
  text-align: center;
  margin-top: 10px;
}
.ind_con2 ul a p{
  font-size: 0.14rem;
  line-height: 0.3rem;
  color: #8b8b8b;
  text-align: center;
  display: none;
}
.ind_con2 ul a h2{
  font-size: 0.24rem;
  color: #a4a4a4;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ind_con2 ul a:hover{
  background: linear-gradient(to bottom, #6496cb, #ffffff);
}
.ind_con2 ul a:hover p{
  display: block;
}
.ind_con2 ul a:hover h2{
  color: #3f3f3f;
}
.ind_con3{
  margin-top: 0.8rem;
  margin-bottom: 2.6rem;
  position: relative;
}
.ind_con3 .mySwiper-con3-img{
  margin-top: 0.5rem;
}
.ind_con3 .mySwiper-con3-img .swiper-slide{
  height: 4.84rem;
  width: auto;
  /*filter: grayscale(100%);*/
}
.ind_con3 .mySwiper-con3-img .swiper-slide-active{
  /*filter: grayscale(0%);*/
}
.ind_con3 .mySwiper-con3-txt{
  width: 5.42rem;
  height: 3.27rem;
  box-sizing: border-box;
  background: linear-gradient(to bottom, #6496cb, #ffffff);
  border-top-right-radius: 0.77rem;
  position: absolute;
  right: 0.2rem;
  margin-top: -1.42rem;
}
.ind_con3 .mySwiper-con3-txt .swiper-slide{
  padding: 0.8rem 0.5rem 0.2rem 0.5rem;
  box-sizing: border-box;
}
.ind_con3 .mySwiper-con3-txt h1{
  font-size: 0.3rem;
  font-weight: bold;
  color: #fff;
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.ind_con3 .mySwiper-con3-txt p{
  font-size: 0.14rem;
  line-height: 0.3rem;
  color: #fff;
  margin-top: 0.04rem;
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.ind_con3 .mySwiper-con3-btn{
  width: 5.42rem;
  padding: 0 0.5rem;
  box-sizing: border-box;
  position: absolute;
  right: 0.2rem;
  bottom: -0.8rem;
}
.ind_con3 .mySwiper-con3-btn .swiper-slide{
  height: 0.05rem;
  width: 0.35rem;
  background: #fff;
  border-radius: 0.025rem;
}
.ind_con3 .mySwiper-con3-btn .swiper-slide-thumb-active{
  background: #0057a6;
}
.ind_con4{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.ind_con4 .le{
  width: 56.6%;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.5rem;
}
.ind_con4 .le a{
  display: flex;
  align-items: center;
  gap: 0.24rem;
}
.ind_con4 .le a:hover h1{
  color: #1367b9;
}
.ind_con4 .le .img{
  width: 2.59rem;
  height: 1.77rem;
  flex: 0 0 auto;
}
.ind_con4 .le .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ind_con4 .le h1{
  font-size: 0.2rem;
}
.ind_con4 .le p{
  font-size: 0.16rem;
  color: #737272;
  margin-top: 0.17rem;
}
.ind_con4 .le h2{
  font-size: 0.16rem;
  color: #737272;
  background: url(../images/ind_con4_ico.png) no-repeat left center/0.14rem 0.14rem;
  padding-left: 0.2rem;
  margin-top: 0.1rem;
}
.ind_con4 .ri{
  width: 32.2%;
  margin-top: 0.5rem;
}
.ind_con4 .ri .vid{
  height: 2.76rem;
  background: #000;
  position: relative;
}
.ind_con4 .ri .vid video{
  width: 100%;
  height: 100%;
}
.ind_con4 .ri .vid button{
  width: 0.64rem;
  height: 0.64rem;
  background: url(../images/play.png) no-repeat center center/100% 100%;
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ind_con4 .ri h1{
  font-size: 0.18rem;
  color: #4a4a4a;
  margin-top: 0.21rem;
}
.ind_con4 .ri h2{
  font-size: 0.16rem;
  color: #737272;
  margin-top: 0.15rem;
}
.ind_con4 .ri a:hover h1{
  color: #1367b9;
}
/*内页通用*/
.other_nav{
  border-bottom: 1px solid #e0e0e0;
}
.other_nav .wrap{
  display: flex; 
  flex-wrap: wrap;
  align-items: center;
  gap: 3.5%;
}
.other_nav a{
  font-size: 0.16rem;
  color: #304155;
  padding: 0.19rem 0;
}
.other_nav a.cur,
.other_nav a:hover{
  font-weight: bold;
  color: #1862d9;
}
.other_subnav{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
  margin-top: 0.45rem;
}
.other_subnav a{
  font-size: 0.18rem;
  color: #3c3c3c;
  padding: 0.12rem 0.33rem;
  border: 1px solid #ebebeb;
  border-radius: 1rem;
}
.other_subnav a.cur,
.other_subnav a:hover{
  color: #fff;
  background: #257ac7;
  border: 1px solid #257ac7;
}
.other_tit{
  text-align: center;
  margin-top: 70px;
  position: relative;
}
.other_tit h1{
  font-size: 0.36rem;
  font-weight: bold;
  color: #3c3c3c;
}
.other_tit h2{
  font-size: 0.16rem;
  color: #7e7e7e;
  text-transform: uppercase;
}
.other_tit .link{
  position: absolute;
  top: -150px;
}
/*页码*/
.page{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 50px auto;
}
.page a,
.page input,
.page button{
  color: #2c2b2b;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  white-space: nowrap;
  font-size: 0.14rem;
  border-radius: 3px;
  border: 1px solid #e2e2e2;
}
.page a.cur,
.page a:hover{
  color: #fff;
  background: #1470c3;
  border: 1px solid #1470c3;
}
.page span{
  flex-grow: 1;
  height: 55px;
}
.page input{
  width: 40px;
}
.page button{
  background: #1470c3;
  color: #fff;
  border: 1px solid #1470c3;
}
.page button:hover{
  opacity: 0.9;
}
/*关于我们*/
#gywm_gsjj{
}
.gywm_gsjj{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.4rem;
}
.gywm_gsjj .le{
  width: 43%;
  margin-top: 0.6rem;
}
.gywm_gsjj .le h1{
  font-size: 0.3rem;
  font-weight: bold;
  color: #383838;
}
.gywm_gsjj .le h2{
  font-size: 0.24rem;
  color: #006cff;
  margin-top: 0.1rem;
  margin-bottom: 0.14rem;
}
.gywm_gsjj .le p{
  font-size: 0.16rem;
  line-height: 0.28rem;
  color: #555555;
}
.gywm_gsjj .ri{
  width: 48.4%;
  height: 4.27rem;
  margin-top: 0.6rem;
}
.gywm_gsjj .ri img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gywm_zzzs{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3.6%;
  margin-bottom: 0.7rem;
}
.gywm_zzzs li{
  width: 22.3%;
  background: url(../images/gywm_zzzs_bg.png) center center/100% 100%;
  margin-top: 0.6rem;
}
.gywm_zzzs li .img{
  height: 0px;
  padding-bottom: 67%;
  position: relative;
  overflow: hidden;
  margin: 3%;
}
.gywm_zzzs li .img2{
  height: 0px;
  padding-bottom: 145%;
  position: relative;
  overflow: hidden;
  margin: 3%;
}
.gywm_zzzs li img{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.gywm_more{
  width: 1.7rem;
  height: 0.53rem;
  border-radius: 0.27rem;
  border: 1px solid #d9d9d9;
  font-size: 0.16rem;
  font-weight: bold;
  color: #1470c3;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 1.1rem auto;
}
.gywm_more:hover{
  border: 1px solid #1470c3;
  color: #fff;
  background: #1470c3;
  cursor: pointer;
}
.gywm_qywh{
  display: flex;
  flex-wrap: wrap;
  align-items: space-between;
  gap: 3.46%;
}
.gywm_qywh li{
  width: 22.4%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #ebebeb;
  border-radius: 0.1rem;
  box-sizing: border-box;
  padding: 1.4rem 1.6% 1.2rem 1.6%;
  margin-top: 0.6rem;
}
.gywm_qywh li img{
  width: 0.66rem;
  height: 0.66rem;
}
.gywm_qywh li h1{
  font-size: 0.3rem;
  font-weight: bold;
  color: #3f3f3f;
  text-align: center;
  margin-top: 0.2rem;
}
.gywm_qywh li hr{
  width: 0.4rem;
  height: 0.04rem;
  background: #1255a3;
  margin-top: 0.13rem;
  margin-bottom: 0.32rem;
  border: 0;
}
.gywm_qywh li p{
  font-size: 0.16rem;
  color: #3f3f3f;
  text-align: center;
}
.gywm_qywh li:hover{
  background: #1255a3;
  border: 1px solid #1255a3;
}
.gywm_qywh li:hover img{
  filter: brightness(2000%);
}
.gywm_qywh li:hover h1{
  color: #fff;
}
.gywm_qywh li:hover hr{
  background: #fff;
}
.gywm_qywh li:hover p{
  color: #fff;
}
.gywm_qywh2{
  display: flex;
  flex-wrap: wrap;
  align-items: space-between;
  gap: 3.46%;
  margin-bottom: 1.4rem;
}
.gywm_qywh2 li{
  width: 48.27%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #ebebeb;
  border-radius: 0.1rem;
  box-sizing: border-box;
  padding: 1.1rem 1.6% 1rem 1.6%;
  margin-top: 0.6rem;
  position: relative;
}
.gywm_qywh2 li h1{
  font-size: 0.36rem;
  font-weight: bold;
  color: #1255a3;
  text-align: center;
  margin-bottom: 0.1rem;
}
.gywm_qywh2 li p{
  font-size: 0.16rem;
  color: #3f3f3f;
  text-align: center;
}
.gywm_qywh2 li img{
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
}
.gywm_qywh2 li:hover{
  background: #1255a3;
  border: 1px solid #1255a3;
}
.gywm_qywh2 li:hover h1{
  color: #fff;
}
.gywm_qywh2 li:hover p{
  color: #fff;
}
.gywm_fzlc{
  background: url(../images/gywm_fzlc_bg.jpg) no-repeat center bottom/100% auto;
  padding: 160px 0;
}
.gywm_fzlc img{
  width: 100%;
}
.gywm_spjs{
  background: #1255a3;
  padding: 0.3rem 0 1.6rem 0;
}
.gywm_spjs .other_tit h1{
  color: #fff;
}
.gywm_spjs .other_tit h2{
  color: #fff;
}
.gywm_spjs .vid{
  width: 10.52rem;
  max-width: 95%;
  margin: 0.75rem auto 0 auto;
}
.gywm_spjs .vid video{
  width: 100%;
}
.gywm_spjs .vid button{
  width: 1.04rem;
  height: 1.04rem;
  background: url(../images/play2.png) no-repeat center center/100% 100%;
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/*产品中心*/
.cpzx_li{
  display: flex;
  flex-wrap: wrap;
  align-items: space-between;
  gap: 3.5%;
}
.cpzx_li a{
  width: 31%;
  border: 1px solid #e9e9e9;
  border-radius: 0.1rem;
  padding: 0.26rem 0.26rem 0 0.26rem;
  box-sizing: border-box;
  margin-top: 0.6rem;
}
.cpzx_li a .img{
  background: #f4f3f3;
  border-radius: 0.08rem;
  width: 100%;
  height: 0px;
  padding-bottom: 61.4%;
  position: relative;
  overflow: hidden;
}
.cpzx_li a .img img{
  position: absolute;
  max-width: 85%;
  max-height: 85%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cpzx_li a h1{
  font-size: 0.2rem;
  color: #555555;
  margin-top: 0.25rem;
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
  text-align: center;
}
.cpzx_li a h2{
  font-size: 0.14rem;
  color: #c6c6c6;
  margin-top: 0.04rem;
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.cpzx_li a h3{
  font-size: 0.14rem;
  color: #1255a3;
  margin-top: 0.22rem;
  margin-bottom: 0.3rem;
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.cpzx_li a hr{
  background: #e8e8e8;
  border: 0;
  height: 1px;
  width: 100%;
  margin-top: 0.25rem;
}
/*产品中心-详情*/
.cpzx_con{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  min-height: 100vh; 
}
.cpzx_con .le{
  width: 45%;
  margin-top: 0.8rem;
  position: sticky;
  top: 1.8rem;
}
.cpzx_con .le .swiper_list{
  margin-bottom: 0.4rem;
}
.cpzx_con .le .swiper_list .swiper-slide{
  height: 0px;
  padding-bottom: 80%;
  position: relative;
  overflow: hidden;
}
.cpzx_con .le .swiper_list .swiper-slide img{
  position: absolute;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cpzx_con .le .swiper_btn{
  width: 80%;
  padding: 0 1px 0 20%;
  position: relative;
}
.cpzx_con .le .swiper_btn .swiper-slide{
  height: 0px;
  padding-bottom: 16.8%;
  position: relative;
  overflow: hidden;
  border: 1px solid #cecece;
  box-sizing: border-box;
  border-radius: 0.1rem;
}
.cpzx_con .le .swiper_btn .swiper-slide-thumb-active{
  border: 1px solid #257ac7;
}
.cpzx_con .le .swiper_btn .swiper-slide img{
  position: absolute;
  max-width: 90%;
  max-height: 90%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cpzx_con .le .cpzx_con_zxfw{
  width: 20%;
  height: 100%;
  background: #fff;
  padding-right: 15px;
  box-sizing: border-box;
  display: block;
  position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	border: 0;
}
.cpzx_con .le .cpzx_con_zxfw a{
	width: 100%;
	height: 100%;
  display: block;
  background: #257ac7;
  box-sizing: border-box;
  border-radius: 0.1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 0.18rem;
}
.cpzx_con .le .cpzx_con_zxfw img{
  width: 0.31rem;
  height: 0.31rem;
  margin-bottom: 0.04rem;
}
.cpzx_con .ri{
  position: relative;
  width: 48.1%;
  margin-left: 51.9%;
  margin-top: -45%;
}
.cpzx_con .ri .breadnav{
  font-size: 0.14rem;
  color: #555555;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.05rem;
}
.cpzx_con .ri .breadnav em{
  color: #1470c3;
  font-size: 0.14rem;
}
.cpzx_con .ri .tit h1{
  font-size: 0.36rem;
  font-weight: bold;
  color: #231815;
  margin-top: 0.31rem;
}
.cpzx_con .ri .tit h2{
  font-size: 0.14rem;
  color: #bdbdbd;
  margin-top: 0.08rem;
}
.cpzx_con .ri .subtit{
  font-size: 0.18rem;
  color: #6f6f6f;
  border-bottom: 1px solid #e7e7e7;
  padding: 0.08rem 0;
  margin-top: 0.4rem;
}
.cpzx_con .ri .ri_cptd{
  font-size: 0.18rem;
  color: #3977a8;
  margin-top: 0.4rem;
}
.cpzx_con .ri .ri_cptd li{
  padding: 0.14rem 0;
  padding-left: 0.2rem;
  background: url(../images/cpzx_con_ico.png)no-repeat left center/0.14rem 0.14rem;
}
.cpzx_con .ri .ri_cpsp{
  position: relative;
  margin-top: 0.25rem;
}
.cpzx_con .ri .ri_cpsp video{
  width: 100%;
}
.cpzx_con .ri .ri_cpsp button{
  width: 0.64rem;
  height: 0.64rem;
  background: url(../images/play.png) no-repeat center center/100% 100%;
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cpzx_con .ri .ri_yyly{
  display: flex;
  flex-wrap: wrap;
  gap: 2.6%;
  margin-top: 0.25rem;
}
.cpzx_con .ri .ri_yyly li{
  width: 31.6%;
  position: relative;
  margin-bottom: 16px;
}
.cpzx_con .ri .ri_yyly li .img{
  height: 0px;
  padding-bottom: 62%;
  position: relative;
  overflow: hidden;
}
.cpzx_con .ri .ri_yyly li .img img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cpzx_con .ri .ri_yyly li .txt{
  width: 100%;
  position: absolute;
  bottom: 0;
  font-size: 0.18rem;
  color: #fff;
  padding: 0.3rem 0.2rem 0.1rem 0.2rem; 
  box-sizing: border-box;
  background: linear-gradient(to bottom, rgba(43,49,54,0), rgba(43,49,54,0.9));
}
.cpzx_con .ri .ri_ggcc{
  margin-top: 0.31rem;
}
.cpzx_con .ri .ri_ggcc img{
  width: 100%;
}
.ri_ggcc table{
	width:95%;
	margin:0 auto;
}
.ri_ggcc table tr{
	border-right:#000000 solid 1px !important;
	border-bottom:#000000 solid 1px !important;
}
.ri_ggcc table td{
	border-left:#000000 solid 1px !important;
	border-top:#000000 solid 1px !important;
	line-height: 2 !important;
}
/*解决方案*/
.jjfa_li{
  display: flex;
  flex-wrap: wrap;
  align-items: space-between;
  gap: 5.6%;
}
.jjfa_li a{
  width: 47.2%;
  margin-top: 0.6rem;
}
.jjfa_li a .img{
  border-radius: 0.5rem 0 0.5rem 0;
  width: 100%;
  height: 0px;
  padding-bottom: 56%;
  position: relative;
  overflow: hidden;
}
.jjfa_li a .img img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jjfa_li a h1{
  font-size: 0.24rem;
  color: #555555;
  margin-top: 0.25rem;
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.jjfa_li a h2{
  font-size: 0.14rem;
  color: #c6c6c6;
  margin-top: 0.04rem;
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.jjfa_li a button{
  width: 1.09rem;
  height: 0.45rem;
  border: 1px solid #008487;
  box-sizing: border-box;
  background: #fff url(../images/jjfa_ico.png) no-repeat center center/0.24rem 0.18rem;
  margin-top: 0.2rem;
}
.jjfa_li a button:hover{
  background: #008487 url(../images/jjfa_ico2.png) no-repeat center center/0.24rem 0.18rem;
}
/*资讯中心*/
.zxzx_li{
  display: flex;
  flex-wrap: wrap;
  gap: 8%;
  overflow: hidden;
}
.zxzx_li a{
  width: 28%;
  margin-top: 1.1rem;
  position: relative;
}
.zxzx_li a h1{
  font-size: 0.16rem;
  color: #737272;
  background: url(../images/ind_con4_ico.png) no-repeat left center/0.14rem 0.14rem;
  padding-left: 0.2rem;
}
.zxzx_li a h2{
  font-size: 0.24rem;
  color: #393939;
  margin-top: 0.18rem;
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.zxzx_li a:hover h2{
  color: #1470c3;
}
.zxzx_li a p{
  font-size: 0.16rem;
  color: #5a5a5a;
  margin-top: 0.12rem;
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.zxzx_li a button{
  width: 0.97rem;
  height: 0.32rem;
  background: #1470c3;
  border-radius: 0.16rem;
  font-size: 0.14rem;
  color: #fff;
  margin-top: 0.36rem;
}
.zxzx_li a button:hover{
  opacity: 0.8;
}
.zxzx_li a .img{
  width: 100%;
  height: 0px;
  padding-bottom: 55.2%;
  position: relative;
  overflow: hidden;
  margin-top: 0.35rem;
}
.zxzx_li a .img img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.zxzx_li a::after{
  content: "";
  width: 1px;
  height: 100%;
  background: #dcdcdc;
  top: 0;
  right: -14.29%;
  position: absolute;
}
/*资讯中心-详情*/
.zxzx_con{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.zxzx_con .top{
  width: 100%;
  margin-top: 0.4rem;
}
.zxzx_con .top a{
  width: 0.91rem;
  height: 0.31rem;
  font-size: 0.12rem;
  line-height: 1;
  background: #1470c3;
  border-radius: 0.155rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap:0.04rem;
  padding-bottom: 0.02rem;
  box-sizing: border-box;
}
.zxzx_con .top a:hover{
  opacity: 0.8;
}
.zxzx_con .top a img{
  width: 0.1rem;
  height: 0.15rem;
  margin-top: 0.02rem;
  margin-left: -0.05rem;
}
.zxzx_con .le{
  width: 62.4%;
}
.zxzx_con .le .tit{
  font-size: 0.28rem;
  font-weight: bold;
  color: #414141;
  margin-top: 0.29rem;
}
.zxzx_con .le .info{
  font-size: 0.14rem;
  color: #b4b4b4;
  display: flex;
  align-items: center;
  gap: 0.06rem;
  margin-top: 0.1rem;
}
.zxzx_con .le .info img{
  width: 0.16rem;
  height: 0.16rem;
}
.zxzx_con .le .info img:nth-of-type(n+2){
  margin-left: 0.17rem;
}
.zxzx_con .le p{
  font-size: 0.16rem;
  line-height: 0.3rem;
  color: #535353;
}
.zxzx_con .le .img{
  width: 100%;
  display: flex;
  align-items: center;
  gap:0.08rem;
  margin-top: 0.3rem;
}
.zxzx_con .le .img img{
  flex: 1;
  object-fit: cover;
  min-width: 0;
}
.zxzx_con .ri{
  width: 26.7%;
}
.zxzx_con .ri .tit{
  font-size: 0.18rem;
  font-weight: bold;
  color: #414141;
}
.zxzx_con .ri a{
  display: block;
  margin-top: 0.3rem;
  margin-bottom: 0.4rem;
}
.zxzx_con .ri a h1{
  font-size: 0.18rem;
  color: #414141; 
  margin-top: 0.2rem;
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.zxzx_con .ri a h2{
  font-size: 0.16rem;
  color: #929292;
  margin-top: 0.08rem;
}
.zxzx_con .ri a .img{
  height: 0px;
  padding-bottom: 60%;
  position: relative;
  overflow: hidden;
}
.zxzx_con .ri a .img img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.zxzx_con .ri a:hover h1{
  color: #1470c3; 
}
/*售后服务*/
.shfw_li{
  max-width: 13.7rem;
  display: flex;
  flex-wrap: wrap;
  gap: 3.6%;
}
.shfw_li li{
  width: 48.2%;
  margin-top: 0.6rem;
}
.shfw_li li .img{
  width: 100%;
  height: 0px;
  padding-bottom: 41.8%;
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
}
.shfw_li li .img img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shfw_li li .txt{
  width: 84%;
  border-radius: 0.1rem;
  position: relative;
  margin: -0.44rem auto auto auto;
  background: #fff;
}
.shfw_li li h1{
  font-size: 0.24rem;
  font-weight: bold;
  color: #161616;
  text-align: center;
  padding-top: 0.28rem;
}
.shfw_li li p{
  width: 90%;
  max-width: 3.7rem;
  font-size: 0.16rem;
  color: #555555;
  text-align: center;
  margin: 0.07rem auto auto auto;
}
.shfw_li2{
  max-width: 13.7rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 1.333%;
  margin-top: 0.4rem;
  margin-bottom: 1.1rem;
}
.shfw_li2 li{
  width: 24%;
  margin-top: 0.6rem;
  text-align: center;
}
.shfw_li2 li img{
  width: 0.56rem;
  height: 0.56rem;
}
.shfw_li2 li .txt{
}
.shfw_li2 li h1{
  font-size: 0.24rem;
  color: #1f1f1f;
  margin-top: 0.25rem;
}
.shfw_li2 li p{
  max-width: 1.2rem;
  font-size: 0.16rem;
  color: #555555;
  margin: 0.04rem auto auto auto;
}
.shfw_li3{
  max-width: 13.7rem;
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
  margin-top: 0.6rem;
}
.shfw_li3 li{
  width: 48%;
  font-size: 0.16rem;
  line-height: 0.4rem;
  color: #2c2c2c;
  margin-top: 0.1rem;
  position: relative;
}
.shfw_li3 li em{
  color: #e91010;
  position: absolute;
  font-size: 0.16rem;
  left: -0.08rem;
}
.shfw_li3 li input,
.shfw_li3 li textarea{
  width: 100%;
  height: 0.48rem;
  font-size: 0.16rem;
  border: 1px solid #dddddd;
  padding: 0.1rem;
  box-sizing: border-box;
  color: #999999;
}
.shfw_li3 li textarea{
  height: 1.08rem;
  outline: none;
}
.shfw_li3 button{
  width: 1.48rem;
  height: 0.46rem;
  border-radius: 0.23rem;
  background: #1470c3;
  color: #fff;
  font-size: 0.18rem;
  font-weight: bold;
  margin: 0.2rem auto auto auto;
  display: block;
}
.shfw_li3 button:hover{
  opacity: 0.8;
}
/*联系我们*/
.lxwm_li{
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
.lxwm_li li{
  width: 18.4%;
  text-align: center;
  margin-top: 0.8rem;
}
.lxwm_li li .img{
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #a8a8a8;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.lxwm_li li .img img{
  width: 0.28rem;
  height: 0.28rem;
}
.lxwm_li li h1{
  font-size: 0.18rem;
  color: #363434;
  margin-top: 0.11rem;
}
.lxwm_li li h2{
  font-size: 0.12rem;
  color: #c9c9c9;
  text-transform: uppercase;
  margin-top: -0.05em;
}
.lxwm_li li p{
  font-size: 0.14rem;
  color: #787878;
  margin-top: 0.07rem;
}
.lxwm_li li:hover .img{
  background: #1470c3;
}
.lxwm_map{
  height: 517px;
  background: #fff;
  margin-top: 0.75rem;
  position: relative;
}
.lxwm_map li
{
    width: 48%;
    float: left;
    margin-right: 2%;
}
.lxwm_map li img
{
    width:100%;
}
.lxwm_map li p
{
    font-size: 0.18rem;
    text-align:center;
    line-height:32px;
    margin-top:10px;
}
.lxwm_map .container .amap-logo {
  display: none !important;
  opacity: 0 !important;
}
.lxwm_map .container .amap-copyright {
  opacity: 0 !important;
}
.lxwm_ewm{
  width: 25%;
  height: 0px;
  padding-bottom: 25%;
  position: absolute;
  overflow: hidden;
  background: rgba(37,122,199,0.87);
  border-radius: 50px 0 50px 0;
  z-index: 2;
  left: 3.8%;
  top: 50%;
  transform: translate(0%, -50%);
}
.lxwm_ewm .con{
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 10%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.lxwm_ewm img{
  width: 70%;
  max-width: 2.15rem;
  max-height: 2.15rem;
}
.lxwm_ewm p{
  font-size: 0.16rem;
  color: #ffffff;
  margin-top: 0.1rem;
}
/*脚部*/
.footer{
  color: #111111;
  background: url(../images/footer_bg.jpg) no-repeat bottom center/1920px 535px;
  margin-top: 1rem;
}
.footer .top{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer .top .logo{
  width: 100%;
  margin-top: 66px;
}
.footer .top .logo img{
  max-width: 100%;
}
.footer .top .nav{
  width: 65.3%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.7rem;
}
.footer .top .nav li{
  flex-grow: 1;   /*放大*/
}
.footer .top .nav li>a{
  font-size: 0.18rem;
  font-weight: bold;
}
.footer .top .subnav{
  display: flex;
  flex-direction: column;
  margin-top: 0.2rem;
}
.footer .top .subnav>a{
  font-size: 0.16rem;
  color: #555555;
  line-height: 1.75;
}
.footer .top .subnav>a:hover{
  color: #1367b9;
}
.footer .top .ri{
  width: 30%;
  display: flex;
  justify-content: flex-end;
  gap: 0.25rem;
  margin-top: 0.7rem;
}
.footer .top .ri .ewm img{
  width: 1.62rem;
  height: 1.62rem;
}
.footer .top .ri h1{
  font-size: 0.3rem;
  font-family: 宋体;
  color: #1356a2;
  margin-bottom: 0.08rem;
  text-align: right;
}
.footer .top .ri h2{
  font-size: 0.14rem;
  line-height: 1.5;
  color: #555555;
  text-align: right;
}
.footer .bottom{
  margin-top: 0.6rem;
  padding: 0.3rem 0;
}
.footer .bottom p{
  font-size: 0.16rem;
}


/*移动端头部*/
.sjhedes{ display:none;}
.tuerhed{ 
  position:fixed; 
  width:100%; 
  top:0; 
  left:0; 
  z-index:188; 
  background:#fff; 
  height:160px; 
  box-shadow:1px 1px 0 rgba(33,29,30,.2); 
  padding:0 2.5%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.losdj{ float:left;height: 50%;flex-shrink: 0;}
.losdj img{ display:block; margin-left: 10px;height: 100%;}
.sanh{ float:right; width:50px; padding:10px; margin:0px 60px 0px 0px;flex-shrink: 0;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;flex-shrink: 0;background-color:#333333;}
.fuernavt{ position:fixed; box-sizing: border-box; padding-top:160px; top:0px; left:-100%; width:100%; height:100%; background-color:#fff; z-index:187;}
.benrvav{ width:100%; height:100%; overflow:hidden; overflow-y:scroll;}
.shojvas>a{ display:block; text-align:center; font-size:0.24rem; line-height:3; padding:10px 0px; border-bottom:1px solid #eee; color:#333;}
.shojvas>div{ display:block; text-align:center; font-size:0.24rem; line-height:3; border-bottom:1px solid #eee;}
.shojvas>div a{ color:#333;}
.showzhen{ position:relative;}
.jd{ position:absolute; top:65px; right:25px; width:11px; height:18px; background:url(../images/arrow4.svg) no-repeat center; background-size:100%; transition:transform 0.5s;transform: rotate(90deg); z-index:-1;}
.maei{ padding:10px 0; font-size:0.24rem; color:#333;}
.maei a{ color:#333; display:inline;}
.shopernc{ overflow:hidden; height:0px;}
.shopernc>div a,.shopernc .maei.line1{ display:block; text-align:center; font-size:0.20rem; color:#666; line-height:3; border-top:1px solid #eee;}
.shopernc>div a.gray{ color:#666;}
.shopernc>div .maei a{ color:#666;}
.shopernc>div>div>div a{ color:#999;}
.shopernc .maei.line1{ border-top-color:#ddd;}
.shopernc .maei.line1 a{ display:inline!important; line-height:inherit; border:none; padding:0;}
.tesd>div{ background-color:#333333!important;}
.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}


.nodata{ width:100%; float:left; text-align:center; font-size:16px; color:#000000; margin:150px 0px;}