*{
    padding:0;
    margin:0;
    font-family:Arial !important;
    font-size:16px;
}
ul,ol,menu{
    list-style-type: none;
}
a{
    text-decoration: none;
    color:#000;
}
img{
    border:none;
}
.ell{
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    display: block;
    -webkit-line-clamp: 2;
    overflow: hidden; 
}
.r-n{
    display:flex;
    flex-wrap: nowrap;
    flex-direction: row;
}  
.r-w{
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;   
}
.c-n{
    display:flex;
    flex-wrap: nowrap;
    flex-direction: column;    
}
.f-ct{
    justify-content: center;
}
.f-st{  
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start
}
.f-bt{  
    justify-content: space-between;
    align-items: baseline;
}
.f-ed{   
    justify-content:flex-end;
    align-items: flex-end;
}
.f-ad{  
    justify-content:space-around;
}
.alc{
    align-items: center;
    justify-items: center;
}
.f-g{
    flex-grow:1;
}
.ele{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* 首页 */
.body {
  position: relative;
  height: 100vh;
}
.swiper {
    width: 100%;
    height: 100%;
  }

  .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;
  }

  .menu {
    min-width: 100px;
    width: 70%;
    max-width: 320px;
    /* background-color: #2c8dfb; */
    color: #fff;
  }

  .content {
    width: 100%;
  }

  .menu-button {
    position: absolute;
    top: 0px;
    left: 0px;

    padding: 15px;

    cursor: pointer;

    -webkit-transition: 0.3s;
    transition: 0.3s;

    background-color: #b9211c;

    /*margin: 14px;
        border-radius: 5px;*/
  }

  .menu-button .bar:nth-of-type(1) {
    margin-top: 0px;
  }

  .menu-button .bar:nth-of-type(3) {
    margin-bottom: 0px;
  }

  .bar {
    position: relative;
    display: block;

    width: 50px;
    height: 5px;

    margin: 10px auto;
    background-color: #fff;

    border-radius: 10px;

    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .menu-button:hover .bar:nth-of-type(1) {
    -webkit-transform: translateY(1.5px) rotate(-4.5deg);
    -ms-transform: translateY(1.5px) rotate(-4.5deg);
    transform: translateY(1.5px) rotate(-4.5deg);
  }

  .menu-button:hover .bar:nth-of-type(2) {
    opacity: 0.9;
  }

  .menu-button:hover .bar:nth-of-type(3) {
    -webkit-transform: translateY(-1.5px) rotate(4.5deg);
    -ms-transform: translateY(-1.5px) rotate(4.5deg);
    transform: translateY(-1.5px) rotate(4.5deg);
  }

  .cross .bar:nth-of-type(1) {
    -webkit-transform: translateY(15px) rotate(-45deg);
    -ms-transform: translateY(15px) rotate(-45deg);
    transform: translateY(15px) rotate(-45deg);
  }

  .cross .bar:nth-of-type(2) {
    opacity: 0;
  }

  .cross .bar:nth-of-type(3) {
    -webkit-transform: translateY(-15px) rotate(45deg);
    -ms-transform: translateY(-15px) rotate(45deg);
    transform: translateY(-15px) rotate(45deg);
  }

  .cross:hover .bar:nth-of-type(1) {
    -webkit-transform: translateY(13.5px) rotate(-40.5deg);
    -ms-transform: translateY(13.5px) rotate(-40.5deg);
    transform: translateY(13.5px) rotate(-40.5deg);
  }

  .cross:hover .bar:nth-of-type(2) {
    opacity: 0.1;
  }

  .cross:hover .bar:nth-of-type(3) {
    -webkit-transform: translateY(-13.5px) rotate(40.5deg);
    -ms-transform: translateY(-13.5px) rotate(40.5deg);
    transform: translateY(-13.5px) rotate(40.5deg);
  }



/* 首页header */
.hearder{
  position:absolute;
  height: 100vh;
  z-index: 999;
  top:0;
  width:100%;
}
.headers{
  height:100vh;
  /* width:100vw; */

}
.logos{
  height:10%;
  background-color: rgba(255, 255, 255, .6);
  padding:3%;
  box-sizing: border-box;
}
.headers-bg{
  background-color:#b9211c;
  padding:15% 0;
  box-sizing: border-box;
  height:100vh;
}
.headers-nav{
  padding-bottom:8%;
  box-sizing: border-box;
}
.headers-nava{
  padding:7% 3%;
  box-sizing: border-box;
  color:#fff;
}
.headers-navas ,.headers-nava:hover{
  
  color:#b9211c;
  background-color: rgba(255, 255, 255, .8);
}
.headers-conts{
  padding:10% 3%;
  box-sizing: border-box;
}
.headers-conts-msgs{
  padding:3% 0;
  box-sizing: border-box;
  color:#fff;
  font-size: .9rem;
}
.headers-conts-msgs:nth-of-type(5){
  position: absolute;
  bottom:5%;
}
.icon-daohangdizhi, .icon-dianhuatianchong , .icon-youxiang1{
  color:#fff;
  font-size:.9rem;
  padding-right:1%;
  box-sizing: border-box;
}
/* 首页轮播图 */
.banners{
  width:100vw;
  height:100vh;
  z-index: -1;
}
.banners-img{
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  position:absolute;
  z-index: -1;
}
.banners-list{
  position:absolute;
  top:30%;
  width:100%;
  
}
.banners-div-list{
  position: absolute;
  top:0;
  right:0;
  width:100%;
  /* background-color: rgba(255,255,255,.5); */
  text-shadow: 2px 2px 2px #696969;
  color:#fff;
  font-size:8rem;
  padding:2%;
  box-sizing: border-box;
  text-align: center;
  line-height:10rem;
}
.banners-hovers{
position:absolute;
z-index: 999;
bottom:5%;
}
.banners-hovers-tips{
  width: 4rem;
  height: .4rem;
  background-color: #fff;
  border-radius: 3rem;
  margin: 0 .2%;
  display: inline-block;
  cursor: pointer;
}
.banners-hovers-tipst{
  background-color: #d02b25;
}


/* 关于我们页面 */

.sections{
    height:100vh;
    overflow-y: scroll;
    /* width:100vw; */
}
.sections-sec{
    height:auto;
}
.sections-secs{
   /* min-height:50vh; */
   padding:2% 0;
   box-sizing: border-box;
   padding-left:10%;
}
.sections-secs:nth-of-type(2n-1){
    /* background-color:rgba(238,238,238,.6); */
    background-color: rgba(255,255,255,.6);
}
.sections-secs:nth-of-type(2n){
    background-color: rgba(255,255,255,.6);
}
.sections-secs-lista{
    padding:1% 3%;
    box-sizing: border-box;
    background-color: #d02b25;
    color:#fff;
    font-size:1.2rem;
    text-transform:uppercase;
}
.sections-secs-listas{
  padding:2% 3%;
}
.sections-secs-listp{
    padding:1% 0;
    box-sizing: border-box;
    line-height:2.2rem;
}
.sections-secs-listp p{
    line-height:2rem;
}
/* 联系我们页面 */
.sec-contacts{
    padding:1% 0;
    box-sizing: border-box;
    position: relative;
}
.sec-contacts-fa{
    margin-top:2%;
   background-color: #eee;
   border-radius: 1rem;
   padding: 1% 2%;
   box-sizing: border-box;
}
.sec-contacts-img{
    position:absolute;
    z-index: 1;
    left:-2%;
    top:30%;
}
.sec-contacts-imgs{
    width:100%;
    height:auto;
}
.froms{
    position: relative;  
    margin-top:3%;
}
.froms-input{
    border:.1rem solid #ddd;
    padding:2% 1%;
    box-sizing: border-box;
    outline: none;
    /* background: transparent; */
    resize: vertical;
    position: relative;      
}
.froms-input:focus{
    border-color:#b9211c;
}
.froms-input + label{
    position: absolute;
    top:26%;
    padding:2% 1%;
    box-sizing: border-box;
    webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    visibility: hidden;  
}
.froms-input:focus  + label{
    top:-75%;
    color:#b9211c;
    visibility: visible;
    text-transform: uppercase;
}
.contacts-msg{
    margin-top:2%;
    background:url("../imgs/cont2.png") no-repeat top right;
    background-size: 100% ;
    padding-top:1%;
    box-sizing: border-box;
}
.contacts-msg-son{
   padding-top:1%;
    box-sizing: border-box;
    margin-top:2%;
}
.contacts-msg-son-list{
    padding:.5% 2%;
    box-sizing: border-box;
    background-color:#eee;
}
.contacts-msg-son-list:nth-of-type(1){
  background-color:transparent;
}
#full_agree{
   margin-right:1%;
   margin-top: .4%;
}
.agree_color{
    color:#b9211c;
}
.forms_send{
    border:none;
    padding:2% 3%;
    color:#fff;
    background-color:#b9211c;
}
/* 产品页面 */
.products{
  padding:1% ;
  box-sizing: border-box;
}
.products-list{
  background-color: #b9211c;
  padding:2%;
  box-sizing: border-box;
}
.products-list-top{
  padding:4%;
  box-sizing: border-box;
}
.icon-fenzi , .icon-yaopinshuju , .icon-31siliaozhongzi{
  color:#fff;
  border-radius: 50%;
  font-size:2rem;
  border:1px solid #fff;
  padding:4%;
  box-sizing: border-box;
}
.products-list-top-tit{
  font-size:1.4rem;
  font-weight:600;
  padding-left:4%;
  color:#fff;
}
.products-list-con{
 color:#fff;
 margin-top:5%;
 padding:0 4%;
 box-sizing: border-box;
 line-height:1.5rem;
}
/* 产品二级页 */

.products-son-top{
  padding:2% 0;
  box-sizing: border-box;
  padding-top:8%;
}
.products-son-top-lt{
  padding:2% 0;
  box-sizing: border-box;
  padding-left: 2%;
}
.products-son-top-lt-icon {
  color:#b9211c;
  font-size:2.2rem;
  border:none;
  font-weight:600;
  padding:0;
}
.products-son-top-lt-tit{
  color:#000;
  /* font-weight:600; */
  font-size: 1.4rem;
  padding-left:2%;
  box-sizing: border-box;
}
.products-form{
  border:1px solid #b9211c;
  padding:1% 0 1% 2%;
  box-sizing: border-box;
}
.products-form-inpt{
  outline: none;
  background: transparent;
  padding:1% 0 1% 2%;
  color:#b9211c;
  border:none;
}
.products-form-sub{
   color:#b9211c;
  border:none;
  background-color: transparent;
}
.icon-sousuo{
  font-size:2rem;
  font-weight:600;
}
.products-son-cont {
  padding:2% 0;
  box-sizing: border-box;
  padding-left: 2%;
}
.products-son-cont-list{
  padding:1% ;
  box-sizing: border-box;
}
.products-son-cont-lists{
  border:1px solid #612b29;
  padding:5% 0;
  box-sizing: border-box;
  font-weight:600;
  color:#612b29;
  min-height: 5rem;
  text-align: center;
}
.icon-xitongfanhui , .products-son-top-ltrt{
  color: #b9211c;
}
/* 分页 */
.pages{
  padding-top:5%;
  text-align: center;
}
.pages a{
  padding:1%;
  box-sizing: border-box;
  border: 1px solid #612b29;
  /* background-color: #ddd; */
  color:#612b29;
  margin:0 .5%;
}


/* 媒体查询手机端 */
@media screen and (max-width: 376px){ 
   .headers {   
    width: 100vw;
    height:auto;
}
.logos {
    height: auto;  
   padding:0;
}
  
/* .sections {
    margin-top: 12%;
} */
.sec-contacts-img{
    display: none;
}
.sec-contacts-fa {
    margin-top: 2%;
   background:none;
   padding:none;
    box-sizing: border-box;
}
.froms {
    margin-top: 8%;
    width:97%;
}
.contacts-msg{
  display:none;
}
.froms-input{
   width:90vw;
}
.headers-bg , .headers-nava , .headers-nav ,.products-list-top ,.products-son-cont-lists{
  width:100%;
}
.products-son-cont-list{
  width:50%;
}
.banners-img{
  width:auto;
  height:100%;
}
.sections-secs:first-of-type ,.sections-sec-pson{
  margin-top:80px;
}
.sections-sec-pro {
  display: none;
}
.products , .products-list , .sections-secs-lista{
  width:100%;
}


}