.hideText{
  /* min-width:280px; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;  
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;
}


.logonameimg{
  width: 99.5pt;
  height: 18pt;
  }

.navbar-header{
  height: 44pt !important;
}
.H_S_oF{
  position: relative;
}
.H_S_o_top{
     width: 161pt;
    height: 35pt;
  position: absolute;
  top: 94pt;
}
.H_S_o_top_img{
  width: 100%;
  height: 100%;
}
.H_S_o_top_e{
  position: absolute;
  top: 149pt;
width: 226pt;
height: 25pt;
font-size: 18pt;  
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 25pt;
letter-spacing: .5rem;
}
.H_S_o_top_b{
  width: 109pt;
  height: 30pt;
  background: linear-gradient(334deg, #4463E1 0%, #4B6EFF 100%);
  box-shadow: 0px 0px 13px 0px rgba(70,101,232,0.57);
  border-radius: 30px;
  background-color: pink;
  position: absolute;
  top: 199pt;
  display: flex;
  justify-content: center;
  align-items: center;
}
.H_S_o_top_b_l{
  text-align: center;
  width: 52pt;
height: 19pt;
font-size: 13pt;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 19pt;
}
.H_S_o_top_b_r{
  width: 12pt;
  height: 12pt;
  margin-left: 5pt;
  margin-top: -3pt;
  vertical-align: middle;
}
.H_S_o_top_b_r_IMG{
  width: 100%;
  height: 100%;
}
.page_one_name_four{
  width: 189pt;
height: 26pt;
font-size: 9pt;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #fff;
position: absolute;
top: 309pt;
}
.page_one_name_five{
  min-width: 90%;
  height: 1px;
  /* border: 1px solid #FFFFFF; */
  background-color: #fff;
  box-sizing: border-box;
  position: absolute;
  top: 350pt;
}
.H_S_t_t_F{
  height: 100%;
  position: relative;
}
.H_S_t_t_F_center{
  width: 274pt;
  height: 256pt;
  position: absolute;
  bottom: 25pt;
  right: 0px;
}
.H_S_t_t_F_center_img{
  width: 97%;
  height: 100%;
}
.H_S_t_t{
width: 161pt;
height: 24pt;
font-size: 16pt;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
line-height: 0;
text-align: center;
margin: 0px auto;
margin-top: 25pt;
  background: url("../assets/img/abouthai.png") no-repeat ;
  background-size: 100% 100%;
}
.H_S_t_t_t{
  position: absolute;
  top: 120px;
  width: 200px;
  font-size: 11pt;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
}
.H_S_t_t_n{
  position: absolute;
  top: 180px;
  width: 130pt;
  font-size: 9pt;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
}
.H_S_t_t_n_btn{
  width: 109pt;
  height: 30pt;
  background: linear-gradient(334deg, #4463E1 0%, #4B6EFF 100%);
  box-shadow: 0px 0px 13px 0px rgba(70,101,232,0.57);
  border-radius: 30px;
  background-color: pink;
  position: absolute;
  bottom: 25pt;
  display: flex;
  justify-content: center;
  align-items: center;
}
.H_S_t_t_n_btn_l{
  width: 52pt;
height: 19pt;
font-size: 13pt;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 19pt;
}
.H_S_t_t_n_btn_r{
 width: 12pt;
  height: 12pt;
  margin-left: 5pt;
  margin-top: -3pt;
  vertical-align: middle;
}
.H_S_o_top_b_r_IMG{
  width: 100%;
  height: 100%;
}

/* three */
.logoimgthree{
  position: relative;
}
.danghui{
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 342pt;
  height: 348pt;
  background: url("../assets/img/emblem.png") no-repeat;
  background-size: 100% 100%;
  z-index: 9 !important;
}

.page_three_title{
width: 64pt;
height: 23pt;
font-size: 16pt;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #000000;
line-height: 23pt;
margin: 25pt auto;
}

.page_three_lists{
  max-width: 300pt;
  overflow: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10pt;
}
::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.page_three_list_one{
  /* flex: 1; */
  width: 200pt;
  height: 317pt;
  margin-right: 10pt;
  cursor: pointer;
  z-index: 99 !important;
}
.page_three_list_two{
  flex: 1;
  height: 100%;
  margin-right: 30px;
  cursor: pointer;
  z-index: 99 !important;
}
.page_three_list_three{
  flex: 1;
  height: 100%;
  margin-right: 30px;
  cursor: pointer;
  z-index: 99 !important;
}
.page_three_list_four{
  flex: 1;
  height: 100%;
  cursor: pointer;
  z-index: 99 !important;
}
.universalCard{
  height: 317pt;
  background: #FFFFFF;
  box-shadow: 0px 6px 10px 0px rgba(212,227,255,0.5);
  border-radius: 14px;
}


.page_three_list_one_img{
  width: 199pt;
  height: 149pt;
  background: linear-gradient(180deg, rgba(0,0,0,0.61) 0%, rgba(9,16,22,0.64) 100%);
box-shadow: 0px 6px 10px 0px rgba(212,227,255,0.5);
border-radius: 14px 14px 10px 10px;
  overflow: hidden;
}
.page_three_list_one_imgs{
  width: 100%;
  height: 100%;
}
.page_three_list_one_title{
width: 100%;
  padding: 10pt 20pt;
  box-sizing: border-box;
}
.page_three_list_one_title_name{
width: 160pt;
height: 42pt;
font-size: 14pt;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
/* color: #333333; */
text-shadow: 0px 6px 10px rgba(212,227,255,0.5);
}
.page_three_list_one_box{
  width: 100%;
padding: 0px 30px;
box-sizing: border-box;
}
.page_three_list_one_line{
width: 100%;
height: 1px;
box-shadow: 0px 6px 10px 0px rgba(212,227,255,0.5);
border: 1px solid #E9E7E7;
box-sizing: border-box;
background-color: #E9E7E7;
margin: 0 auto;
}
.page_three_list_one_text{
height: 75pt;
font-size: 10pt;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 32px;
text-shadow: 0px 6px 10px rgba(212,227,255,0.5);
margin:0px auto;
margin-top: 10px;
}
.page_three_change{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.page_three_change_l{
display: none;
width: 60px;
height: 60px;
font-size: 10px;
font-weight: 800;
text-align: center;
border-radius: 40px;
cursor: pointer;
z-index: 99 !important;
/* margin-right: 20pt; */

}
.page_three_change_l1{
  width: 60px;
  height: 60px;
  font-size: 10px;
  font-weight: 800;
  text-align: center;
  border-radius: 40px;
  cursor: pointer;
  z-index: 99 !important;
  /* margin-right: 20pt; */
  
  }
.page_three_change_r{
width: 60px;
height: 60px;
font-size: 10px;
font-weight: 800;
text-align: center;
border-radius: 40px;
cursor: pointer;
z-index: 99 !important;
}
.page_three_change_r1{
  display: none;
  width: 60px;
height: 60px;
font-size: 10px;
font-weight: 800;
text-align: center;
border-radius: 40px;
cursor: pointer;
z-index: 99 !important;
}
.page_three_change_limg{
  width: 100%;
  height: 100%;
}
/*  four*/

.ProDownPage{
  position: relative;
}
.ProDownPageName{
  width: 104pt;
  height: 21pt;
font-size: 13pt;
font-family: PingFang-SC-Heavy, PingFang-SC;
font-weight: 800;
color: #FFFFFF;
text-shadow: 0px 4px 23px rgba(56,91,246,0.6);
position: absolute;
top: 15pt;
left: 15pt;
}
.ProDownPageText{
  width: 134pt;
height: 64pt;
font-size: 8pt;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
text-shadow: 0px 4px 23px rgba(56,91,246,0.6);
position: absolute;
top:46pt;
left: 15pt;
}

.ProDownPageBTN{
  /* width: 100%; */
  height: 102px;
  position: absolute;
  top: 141pt;
  left: 14pt;
  /* display: flex;
  justify-content: center;
  align-items: center; */
}
.ProDownPageBTN_l{
  width: 51.4pt;
  height:  51.4pt;
  background-color: red;
}
.ProDownPageBTN_r{
  width: 100%;
  height: 100%;
}
.ProDownPageBTN_r_t{
width: 101pt;
height: 21pt;
font-size: 10pt;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 21pt;
text-shadow: 0px 4px 23px rgba(56,91,246,0.6);
}
.ProDownPageBTN_r_b{
  width: 99pt;
height: 16pt;
font-size: 8pt;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 16pt;
text-shadow: 0px 4px 23px rgba(56,91,246,0.6);
}

/* 底部 */

.pageBottom{
  width: 100%;
  height: 140pt;
  background-color: #141625;
  }
  .Bumlodbox{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
  }
  .Bumlodbox_o{
   width: 150pt;
   height: 100%;
   float: left;
   margin-top: 25px;
   /* margin-right: 20px; */
  }
  .Bumlodbox_o_t{
  width: 100pt;
  height: 18pt;
  background: url("../assets/img/logo.png") no-repeat;
  background-size: 100% 100%;
  }
  .Bumlodbox_o_o{
     width: 150pt;
    height: 15pt;
   font-size: 7pt;
    font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
    margin-top: 8pt;
   color: #FFFFFF;
   line-height: 15pt;
  }
  .Bumlodbox_t{
    width: 100pt;
    height: 100%;
    float: left;
    margin: 0pt 10pt;
    margin-top: 40px;
   }
   .Bumlodbox_t_t{
    width: 100pt;
    height: 11pt;
  font-size: 8pt;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 11pt;
   }
   .Bumlodbox_t_c{
    width: 100pt;
    height: 15pt;
  font-size: 7pt;
  margin-top: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 15pt;
  display: flex;
  justify-self: center;
   }
  .idmsaName{
    width: 26pt;
  }
  .idmsa{
    width: 90pt;
    
    text-align: left;
  }
   .Bumlodbox_th{
    width: 300pt;
    height: 100%;
    float: left;
    margin: 0px 50px;
    margin-top: 40px;
   }
   .Bumlodbox_th_t{
    width: 64px;
  height: 22px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 22px;
   }
   .Bumlodbox_th_c{
    width: 300pt;
  height: 18px;
  font-size: 14px;
  margin-top: 30px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 18px;
  cursor: pointer;
  
   }
   .Bumlodbox_th_c:hover{
    color: #415FCD;
   }
   .Bumlodbox_f{
    height: 124pt;
    float: right;
  margin-top: 25px;
  /* padding-left: 55px; */
      /* box-sizing: border-box; */
   }
   .Bumlodbox_f_er{
    width: 70pt;
  height: 70pt;
  background-color: #ccc;
   }
   .Bumlodbox_f_name{
    width: 65pt;
  height: 27pt;
  font-size: 7pt;
  margin-top: 10px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 9pt;
  letter-spacing: 1px;
  text-align: center;
   }
  .lastpageBottom{
    width: 100%;
    /* height: 40pt; */
    background-color:#141625;
    opacity: 0.8;
  }
  .lastpageBottom_top{
    width: 100%;
    height: 100%;
    line-height: 19pt;
    text-align: center;
color: #fff;
font-size: 7pt;
  }
  /* .itemAtive{
    font-size: 14pt !important;
  font-family: PingFangSC-Medium, PingFang SC !important;
  font-weight: 500 !important;
  color: #415FCD !important;
  } */
  .logoimgtwobox{
    width: 100%;
    height: 250pt;
    background-color: #3c46f6;
    position: relative;
    border-radius: 7pt;
  }
  .logoimgtwobox_right{
    width: 184pt;
    height: 210pt;
    position: absolute;
    bottom: 0pt;
    right: 0pt;
    
  }
  .logoimgtwobox_left{
    width: 107pt;
    height: 107pt;
    position: absolute;
    top: 0pt;
    left: 0pt;
  }
  .logoimgtwobox_right_inmg{
    width: 100%;
    height: 100%;
  }