body{font-size:0.36rem; color:#333;font-family: "Microsoft YaHei";line-height: 1.42857143;background-color: #fff;margin: 0;}
.menu-list .menu-li a {color:#333;font-size:0.36rem;}
 .classList .classItemWrap a{font-size:0.36rem;color:#333}
 .telBtn{color:#333;}
 .c-666{font-size:0.36rem; color:#333;}
 .c-333{font-size:0.36rem; color:#333;}
 .fs32{font-size:0.36rem;}
 .classList .titles a{font-size:0.36rem;color:#333;}
 .nesTitle,.nav-tabs.nav-justified .new-menu a{color:#333;}
 .compConts,.message input::-webkit-input-placeholder, .message textarea::-webkit-input-placeholder {font-size:0.36rem; color:#333;}

.header{background:#fff;}
.message{background:#fff;}




.footerNav .btn,.bg-075,.nav-tabs.nav-justified .new-menu.active a,.pageWrap li.active,.detialCont,.menu-list .top,.banners .carousel-indicators .active{background:#fc0a1e!important;}
 .banners .carousel-indicators .active {
  background: #fc0a1e!important;
  border-color: #fc0a1e!important;
}
.index_banners .carousel-indicators .active {
  background: #fc0a1e!important;
  border-color: #fc0a1e!important;
}
.nav-tabs.nav-justified .new-menu.active a{border-color:#fc0a1e !important;}
.productCarousel .carousel-indicators .active {
  border-color: #fc0a1e;
  background: #fc0a1e;
}


.message .messagtBtn{background:#fc0a1e;}
.menu-list .menu-li a{font-weight:normal;}

.breadCrumbs{color:#fff;background:#fc0a1e}
  .breadCrumbs a{color:#fff;}




.footerNav .btn{border-right:1px solid #fc0a1e}

.about{background:#333}
.about .aboutLinkInn a{color:#333;}

.productItem .innerProduct .productImg{height: 4.8rem;}
.message{    display: none;}

.wrapTitle,.wrapTitle a{font-size: 6.5vw;font-weight: bold;letter-spacing: 2px;color:#1a1a1a !important;}
.prod .wrapTitle:before{display:none;}
.companyDetail{font-size:0.28rem;color:#999;line-height:0.5rem;}
.newsPage.news.indexNews{margin-bottom: 10%;}


.wrapTitle span { width: 37px; height: 9px; position: relative; display: flex; margin: 18px auto 30px; }
.wrapTitle span:before, .wrapTitle span:after { content: ""; width: 9px; height: 9px; border-radius: 100%; background: rgb(230, 33, 42); top: 0px; }
.wrapTitle span:before { left: 0px; animation: 3s ease 0s infinite normal none running alltitle; }
.wrapTitle span:after { right: 0px; animation: 3s ease 0s infinite normal none running alltitri; }
.wrapTitle i { width: 30px; height: 1px; background: rgb(230, 33, 42); position: relative; top: 4px; left: 25%; margin-left: -15px; animation: 1.5s ease 0s infinite normal none running alltiti; vertical-align: top; display: block; }

@keyframes alltitle { 
  0% { left: 0px; opacity: 1; }
  25% { opacity: 0.5; }
  50% { left: calc(100% - 9px); opacity: 1; }
  75% { opacity: 0.5; }
  100% { opacity: 1; }
}
@keyframes alltitri { 
  0% { right: 0px; opacity: 1; }
  25% { opacity: 0.5; }
  50% { right: calc(100% - 9px); opacity: 1; }
  75% { opacity: 0.5; }
  100% { opacity: 1; }
}
@keyframes alltiti { 
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
.about p{color:#fff;}