body,
html {
  position: relative;
}
.index_wrap {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  display: none;
  height: 100%;
}
.index_nav {
  width: 50%;
  position: fixed;
  top: 0;
  right: -50%;
  z-index: 99999;
  height: 100%;
  background: #333436;
}
.index_nav ul {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.index_nav ul li {
  width: 100%;
  height: 0.9rem;
  position: relative;
  line-height: 0.9rem;
  border-bottom: 1px solid #282827;
  right: 0;
}
.index_nav ul li a {
  display: block;
  width: 100%;
  height: 0.9rem;
  color: #EEEEEE;
  font-size: 0.3rem;
  text-align: center;
}
.index_nav ul li a span {
  position: relative;
  right: -4rem;
  opacity: 0;
}
.index_nav ul li.hover {
  background: #252629;
}
.header_top {
  width: 100%;
}
.header {
  background: white;
  position: fixed;
  top: 0;
  left: 0;       
  z-index: 99999;
  width: 100%;
}
.header_box {
  position: relative;
  width: 100%;
  background: white;
  border-bottom: 4px solid #cd0f0f;
}
.header_box .logo {
 padding: 0.2rem 0.1rem;
}
/*底部样式*/
.footer {
  width: 100%;
  height: auto;
  border-top: 1px solid #E3E3E3;
  
  background: black;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999999;
}
.footer ul {
  width: 100%;
  clear: both;
}
.footer ul li {
  width: 25%;
  float: left;
  text-align: center;
  background: url(../images/f4.jpg) no-repeat left center;
  background-size: auto 80%;
  padding: 0.15rem 0;
}
.footer ul li:nth-of-type(1),.footer ul li:nth-of-type(3){background-color: #373738;}
.footer ul li:nth-of-type(2),.footer ul li:nth-of-type(4){background-color: #cd0f0f;}
.footer ul li img {
  height: 0.5rem;
  width: auto;
}
.footer ul li p {
  font-size: 0.28rem;
  /* margin-top: 0.05rem; */
  color: white;
}

.tit{padding: 0.5rem 0;text-align: center;}
.tit .tit1{font-size: 0.35rem;font-weight: 600;color: #cd0f0f;}
.tit .tit2{padding-top: 0.5rem;color: #303031;width: 90%;margin: 0 auto;}
.tit a{display: block;width: 2rem;height: 0.7rem;background: url(../images/more.png) no-repeat;background-size: 100%;margin: 0.3rem auto 0 auto;text-align: center;line-height: 0.7rem;color:#3c3b3b;}


.pronav .swiper-container{background-color: #cd0f0f;padding: 0.3rem 0;}
.pronav .swiper-container .swiper-slide a{display: block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center;color: #fff;border-left: 1px solid #fff;}
.pronav .swiper-container .swiper-slide:nth-of-type(1) a{border: none;}
.pronav .swiper-container .swiper-button-prev{background: none;color: #fff;width: auto;height: auto;margin-top: 0;top: 0.1rem;font-size: 25px;left: 0;}
.pronav .swiper-container .swiper-button-next{background: none;color: #fff;width: auto;height: auto;margin-top: 0;top: 0.1rem;font-size: 25px;right: 0;}

.product{}
.product .swiper-slide a{display: block;background-color: #f6f6f6;}
.product .swiper-slide a p{text-align: center;color: #000000;padding: 0.1rem 0;}

.case{ overflow: hidden;}
.pproduct{height: 11rem;background: url(../images/case.jpg) no-repeat;background-size: 100%;margin-top: 0.5rem;}
.case .tops{padding: 0.5rem 0.3rem;}
.case .tops .p1{font-size: 0.4rem;font-weight: 600;color: #cd0f0f;}
.case .tops .p2{margin-top: 0.3rem;color: #696969;}
.case .tops .p3{margin-top: 0.3rem;color: #1d1e1e;}
.case .tops .p4{margin-top: 0.1rem;color: #cd0f0f;font-weight: 600;font-size: 0.4rem;}
.case .cont{display: flex;flex-wrap: wrap;justify-content: space-around;}
.case .cont ul{width:96%; margin:0 auto;}
.case .cont a{display: block;position: relative;width: 48%;margin-top: 0.1rem; margin:0 1%; float: left;}
.case .cont a div{position: absolute;width: 100%;background-color: rgba(141, 34, 34, 0.6);top: 0;right: 0;left: 0;bottom: 0;margin: auto;height: 1rem;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;}





.about{margin-top: 0.5rem;}
.about .p1{text-align: center;color: #cd0f0f;font-size: 0.3rem;font-weight: 600;}
.about .dv1{display: flex;width: 95%;margin: 0.3rem auto;}
.about .dv1 p{width: 50%;text-align: center;line-height: 0.8rem;}
.about .dv1 p:nth-of-type(1){background-color: #cd0f0f;color: #fff;}
.about .dv1 p:nth-of-type(2){background-color: #e0e0e0;color: #cd0f0f;}
.about .p2{width: 90%;margin: 0.5rem auto;color: #696a6b;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;line-height: 24px;}
.about a{display: block;width: 2rem;height: 0.7rem;background: url(../images/more.png) no-repeat;background-size: 100%;margin: 0.3rem auto 0 auto;text-align: center;line-height: 0.7rem;color:#3c3b3b;}

.imgs1{margin-top: 0.5rem;width: 100%;}

.news{margin-top: 0.5rem;background: #fbf9f9;}
.news ul{text-align: center;}
.news ul li{display: inline-block;background-color: #b5b5b5;width: 1.5rem;height: 0.6rem;margin: 0 0.1rem;line-height: 0.6rem;}
.news ul li a{color: #fff;}
.news ul li:nth-of-type(1){background-color: #cd0f0f;}
.news .a1{width: 95%;margin: 0.2rem auto;display: block;position: relative;}
.news .a1 .p1{color: #333333;font-size: 0.3rem;font-weight: 600;background: url(../images/news1.png) no-repeat 0 center;padding-left: 25px;background-size: 20px;border-bottom: 1px solid #e6eaee;line-height: 28px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news .a1 .p2{color: #333333;margin-top: 0.3rem;}
.news .a1 .p3{position: absolute;right: 0;bottom: 0;color: #e53826;}