.banner{
  width: 100%;
}
.banner img{
  width: 100%;
}
.introduce{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40rem;
}
.introduce p{
  width: 62.6%;
  text-indent:2em;
  font-size: 16rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #414141;
  line-height: 30rem;
  margin-bottom: 115rem;
}

.advantage{
  width: 100%;
  background-color: #F5F5F5;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 35rem;
  padding-bottom: 58rem;
}

.advantage_cards{
  width: 1200rem;
  display: flex;
  justify-content: center;
}
.advantage_card{
  position: relative;
  left: 0;
  top: 0;
  width: 31.2%;
  height: 270rem;
  margin-bottom: 23rem;
  margin-top: 23rem;  
  margin-left: 0.65%;
  margin-right: 0.65%;
  box-shadow: 0rem 1rem 16rem 0rem rgba(170,170,170,0.2000);
  border-radius: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
}
.advantage_card:hover{
  width: 32.3%;
  height: 288rem;
  margin-bottom: 14rem;
  margin-top: 14rem;
  margin-left: 0.15%;
  margin-right: 0.15%;
  border-radius: 10rem;
  background-image: url('../image/partybuilding/bacg.png');
  background-size: 100% 100%;
  box-shadow: 0rem 2rem 20rem 0rem rgba(242,24,24,0.5000);
  animation:show50 0.1s;
}
.advantage_card img{
  width: 50rem;
  height: 50rem;
  margin-top: 30rem;
  margin-bottom: 17rem;
}
.advantage_card_redimg{
  display: block;
}
.advantage_card_fffimg{
  display: none;
}
.advantage_card:hover .advantage_card_redimg{
  display: none;
}
.advantage_card:hover .advantage_card_fffimg{
  display: block;
}
.advantage_card h3{
  font-size: 24rem;
  font-family: zihun5hao;
  font-weight: normal;
  color: #222222;
  line-height: 24rem;
}
.advantage_card p{
  width: 82%;
  font-size: 16rem;
  margin-top: 20rem;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #555555;
  line-height: 24rem;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  text-overflow:ellipsis;
  -webkit-line-clamp:4;
  overflow:hidden;
}
.advantage_card:hover h3{
  font-size: 25.5rem;
  color: #fff;
}
.advantage_card:hover p{
  font-size: 17rem;
  color: #fff;
  -webkit-line-clamp:5;
}
.user{
  width: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user_nav{
  width: 100%;
  list-style-type: none;
  display: flex;
  justify-content: center;
}
.user_li{
  margin-left: 7.8%;
  margin-right: 7.8%;
}
.user_li:hover .user_title{
  font-size: 18rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #222222;
  line-height: 18rem;
}
.user_li:hover .user_box{
  background: #FF1F1F;
}
.user_box_hover{
  background-color: #FF1F1F;
}
.user_title{
  font-size: 18rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #555555;
  line-height: 18rem;
  margin-bottom: 20rem;
  cursor:pointer;
  white-space: nowrap;
}
.user_title_hover{
  font-size: 18rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #222222;
  line-height: 18rem;
}
.user_box{
  width: 80%;
  margin: 0 auto;
  height: 4rem;
  border-radius: 2rem;
  z-index: 3;
}
.user_card{
  /* 1200 */
  width: 1200rem;
  min-height: 700rem;
  background: #FFFFFF;
  border: 1rem solid #CCCCCC;
  box-shadow: 0rem 1rem 16rem 0rem rgba(170,170,170,0.2000);
  border-radius: 10rem;
  padding-left: 3.1%;
  padding-right: 3.1%;
}
@keyframes fadenum{

  0%{opacity: 0;}

  /* 50%{opacity: 0.5;} */

  100%{opacity: 1;}

}
.user_card_box{
  width: 100%;
  display: none;
  animation:fadenum 1s;
}
.user_card_title{
  font-size: 16rem;
  line-height: 16rem;
  margin-top: 38rem;
  margin-bottom: 15rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #222222;
}
.user_card_txt{
  font-size: 14rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
  line-height: 30rem;
  margin-bottom: 39rem;
}
.user_card img{
  justify-content: center;
}
.user_card_images,.user_card_image{
  width: 100%;
  display:flex;
  justify-content: center;
}
.user_card_images img{
  width: 304rem;
  margin-left: 1.5%;
  margin-right: 1.5%;
}
.user_card_image img{
  width: 875rem;
}
.function{
  width: 100%;
  padding-bottom:37rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.function_line{
  width: 100%;
  min-width:1400rem;
  display: flex;
  margin-bottom: 54rem;
  justify-content: center;
}
.function_icon{
  width: 100rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-left: 13rem;
  margin-right: 13rem;
}
.function_icon img{
  width:76rem;
  height:76rem;
  /* width: 72%; */
}
.function_icon p{
  margin-top: 10rem;
  font-size: 16rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
  line-height: 46rem;
  white-space: nowrap;
}