* {

    margin: 0;

    padding: 0;

  }

  p{

    font-family: "Microsoft YaHei","黑软雅黑";

  }

  .layui-fluid {

    padding: 0;

    margin: 0;

  }

  a{

    color: black;

  }

  .header {

    display: flex;

    justify-content: space-between;

    width: 1200px;

    margin: 0 auto;

  }

  .header .leftimg img {

    width: 260px;

  }

  /* .hyzhu h3{

    color: #b51829;

  } */

  .rightimg {

    display: flex;

    flex-direction: row;

  }

  .header .rightimg img {

    width: 40px;

    margin-top: 17px;

    height: 40px;

  }

  .rightimg .mianfei {

    margin-left: 5px;

    margin-top: 20px;

    font-size: 23px;

  }

  .rightimg .call {

    margin-left: 7px;

    margin-top: 20px;

    font-size: 23px;

    color: #b51829;

  }



  .ding .layui-nav {

    background: #b51829;

    display: flex;

    justify-content: center;

  }

  .layui-nav .layui-this:after,

  .layui-nav-bar {

  color: white;

  background: white;

  margin-top: -3px;

  text-align: center;

  height: 3px;

  }

  .ding .layui-nav .layui-nav-item a{

      color: white;

  }

  .ding .layui-nav li {

    margin-left: 10px;

  }

  .ding .layui-nav li a {

    font-size: 20px;

  }



  .ding .layui-nav .layui-this:after,

  .layui-nav-bar {

    color: white;

    background: white;

    margin-top: -3px;

    /* width: 80px !important; */

    text-align: center;

    /* margin-left: 18px !important; */

  }

  .pic img{

      width: 100%;

  }

  .div{

    background: #F2F2F2;

    border: 1px solid #F2F2F2;

    width: 100%;

    height: 63px;

    display: flex;

    justify-content: center;

  }

  .hezi {

    display: flex;

    flex-direction: row;

    width: 900px;

    height: 63px;

    /* border: 1px solid; */

    justify-content: initial;

    /* margin: 0 auto; */

    margin-left: 390px;

}



  .div img{

    width: 20px;

  height: 39px;

  margin-top: 16px;

  height: 30px;

  }

  .div h3{

    font-size: 18px;

    line-height: 63px;

    margin-left: 10px;

  }

  .alldiv{

      /* border: 1px solid; */

      width: 1200px;

      margin: 0 auto;

      /* height: 700px; */

      display: flex;

      justify-content: space-between;

  }

  .alldiv .leftdivs{

    width: 298px;

    height: 100%;

    border-top-left-radius: 8px;

    border-top-right-radius: 8px;

    margin-top: -90px;

    position: relative;

  }

  .alldiv .headreddiv{

    border: 1px solid #B51829;

    background: #B51829;

    width: 298px;

    height: 90px;

    border-top-left-radius: 8px;

    border-top-right-radius: 8px;

    box-shadow: 0px 0.5px 7px grey;

    margin: 0 auto;

  }

  .headreddiv h2{

    color: white;

    text-align: center;

    font-weight: bold;

    padding-top: 15px;

    font-size: 30px;

  }

  .headreddiv p{

    color: white;

    margin-top: 13px;

    text-align: center;

    font-size: 16px;

  }

.headreddiv ul{

    display: flex;

    flex-direction: column;

}

.alldiv ul li dl{

    border: 1px solid #efe9e9;

    width: 298px;

    border-top: none;

    /* height: 79px; */

}

 .alldiv ul li dl dt{

    font-weight: 540;

    line-height: 55px;

    text-align: center;

    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
    background: url('/static/index/images/sanjiao.png') no-repeat 215px 32px / 10px 20px;


}

.alldiv ul li dl dt h3{

    font-size: 24px;

}
.dqhfbox .onepp h3{
  font-weight: bold;
  margin-top: 20px;
}
.alldiv ul li dl dd{

    border: 1px solid #efe9e9;

    font-weight: 540;

    line-height: 79px;

    font-size: 20px;

    text-align: center;

    width: 298px;

    height: 79px;

}

.color{

    color: rgb(181, 24, 41);

}

.color2{

    color: black;

}

.alldiv ul li dl .tu1{

    width: 16px;

    height: 10px;

    /* margin-top: 25px; */

    margin-left: 210px;

    position: relative;

    top: 34px;
    display: none;

}

.alldiv ul li dd{

    display: none;

}

.alldiv ul li dd:hover{

    color: #b63b4d;

    cursor: pointer;

}

.alldiv .tu2{

    margin-top: -95px;

    width: 9px;

    position: relative;

    top: 82px;

    left: 210px;

    height: 18px;
    display: none;
}

.lastdiv {

    background: #F2F2F2;

    border: 1px solid #F2F2F2;

    width: 298px;

    height: 187px;

    margin: 0 auto;

    display: flex;

    justify-content: center;

    flex-direction: column;

}

.lastdiv img {

    width: 37px;

    height: 57px;

    margin: 0 auto;

}

.lastdiv h2 {

    font-size: 24px;

    color: #B51829;

    text-align: center;

    padding-top: 8px;

}

.lastdiv hr {

    color: #B51829;

    width: 190px;

    border: 1px solid #B51829;

    height: 2px;

    background: #B51829;

    margin: 0 auto;

    margin-top: 10px;

}

.lastdiv h3 {

    color: #b51829;

    text-align: center;

    margin-top: 10px;

    font-size: 22px;

}

.rightbox{

    width: 846px;

    height: 100%;

}

.rightbox h2 {

    color: black;

    text-align: center;

    margin-top: 20px;

    font-weight: bold;

    font-size: 28px;

}

.xian img {

    width: 840px;

    margin-top: 15px;

}

.pp {

    font-size: 16px;

    text-indent: 20px;

    margin-top: 30px;

    line-height: 30px;


}
.pp h3{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px
}



.onepp,.twopp,.threepp,.fourpp,.fivepp,.sixpp,.sevenpp,.eightpp{

    display: none;

}
.sixpp .pp{
  margin-top: 15px !important;
}
.sixpp h3{
  margin-top: 30px !important;
}

@keyframes name {

  from{

    -webkit-transform:rotate(0deg); /* Safari 和 Chrome */

    transform:rotate(0deg);    

    -ms-transform:rotate(0deg);      /* IE 9 */

    -o-transform:rotate(0deg);  /* Opera */

    -moz-transform: rotate(0deg);/* Firefox */

  }

  to{

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    -ms-transform:rotate(-90deg); 

    -o-transform:rotate(-90deg);  

    -moz-transform: rotate(-90deg);

  }

}

.rotate{

  animation: name 0.5s linear;

  animation-fill-mode: forwards;

}



@keyframes name2 {

  from{

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    -ms-transform:rotate(-90deg); 

    -o-transform:rotate(-90deg);  

    -moz-transform: rotate(-90deg);

  }

  to{

    -webkit-transform:rotate(0deg);

    transform:rotate(0deg);    

    -ms-transform:rotate(0deg);      

    -o-transform:rotate(0deg);  

    -moz-transform: rotate(0deg);

  }

}



.rotate2{

  animation: name2 0.5s linear;

  animation-fill-mode: forwards;

}

@keyframes name3 {

  from{

    -webkit-transform:rotate(0deg);/* Safari 和 Chrome */

    transform:rotate(0deg);    

    -ms-transform:rotate(0deg);   /*ie9*/  

    -o-transform:rotate(0deg);  /* Opera */

    -moz-transform: rotate(0deg);/* Firefox */

  }

  to{

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    -ms-transform:rotate(90deg); 

    -o-transform:rotate(90deg);  

    -moz-transform: rotate(90deg);

  }

}

@keyframes name4 {

  from{

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    -ms-transform:rotate(90deg); 

    -o-transform:rotate(90deg);  

    -moz-transform: rotate(90deg);

  }

  to{

    -webkit-transform:rotate(0deg);

    transform:rotate(0deg);    

    -ms-transform:rotate(0deg);      

    -o-transform:rotate(0deg);  

    -moz-transform: rotate(0deg);

  }

}



.rotate3{

  animation: name3 0.5s linear;

  animation-fill-mode: forwards;

}

.rotate4{

  animation: name4 0.5s linear;

  animation-fill-mode: forwards;

}



  .footer {

    background: url(../images/lastimg.png) no-repeat;

    background-size: cover;

    width: 100%;

    height: 350px;

    color: white;

    margin: 0 auto;

    margin-top: 50px;

  }

  .footer .alls {

    /* border: 1px solid white; */

    width: 1200px;

    height: 100%;

    margin: 0 auto;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

  }

  .footer .left .on {

    padding-top: 56px;

  }

  .on h2{

    font-size: 34px;

  }

  .on p{

    font-size: 21px;

  }

  .under {

    padding-top: 30px;

    font-size: 18px;

  }

  .footer .right {

    margin-top: 115px;

      margin-left: 120px;

  }

  .footer .right h1 span{

    font-size: 27.26px;

  }

  .footer .right img{

    width: 36px;

    height: 30px;

  }

  .footer .right h3 {

    margin-top: -35px;

    font-size: 26px;

    margin-left: 43px;

  }

  .footer .right h1{

    font-size: 39px;

    margin-top: 22px;

  }

  .hr {

    width: 100%;

    border: 0.5px solid #807e7e;

    height: 0.1px;

    background: #807e7e;

    margin-top: -55px;

    color: #807e7e;

  }

  .zuihou {

    width: 100%;

    height: 50px;

    /* border: 1px solid; */

    /* color: wheat; */

    color: white;

    text-align: center;

    line-height: 50px;

  }

  .zuihou p{

    font-size: 14px;

  }

  .heng {

    background: white;

    width: 120px;

    height: 3px;

    position: relative;

    top: -3px;

  }

  .hide{

    display: none;

  }