.yh_top {
  height: 100%;
  //background: url("style/pscq638yqeunuumf8xqeksqik5vqunmd40f224dcc06-469c-4d61-ae52-c3af764df981.jpg") 100% no-repeat;
  background-size: cover;
  background-position: top center;
}

.mod1 {
  width: 100%;
  height: 100%;
  background: url("style/psn8aju7wt07dpdu5f0zooh4dsv78iuvf67dc057a-d114-47fa-a4d4-0034e8207d8f.png") 100% no-repeat;
  background-size: cover;
}

.mod2 {
  height: 59px;
}

.mod3 {
  background-color: rgba(255, 255, 255, 1);
  height: 1px;
  margin: 14px 0 0px 0px;
}

.mod4 {
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
}

.mod4 a {
  padding: 15px 20px 0 20px;
  margin-top: 2px;
  color: rgba(255, 255, 255, 1);
}

.mod4 a:hover, .mod4 .h {
  margin-top: -3px;
  border-top: 5px solid rgba(14, 105, 222, 1);
}

.section1 {
  width: 100%;
  height: 190px;  
  background-color: rgba(0, 0, 0, 0.4);
}

.section3 {
  width: 142px;
  height: 17px;
  margin: 0px 20px 0 28px;
}

.outer2 {
  width: 80%;
  min-width: 1138px;
  margin: 18px auto 0 auto;
  position: relative;
  z-index: 999;
}

.word1 {
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  line-height: 35px;
}

.word2 {
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  margin-left: auto;
}

.word3 {
  margin-left: 58px;
}

.layer1 {
  margin-top: 9px;
}

.layer2 {
  border-radius: 17px;
  height: 35px;
  border: 1px solid rgba(255, 255, 255, 1);
  margin-left: 41px;
}

.txt1 {
  line-height: 35px;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  margin-left: auto;
}

.label1 {
  width: 11px;
  height: 10px;
  margin-top: 13px;
}

.box19 {
  overflow: hidden;
  height: 810px;
  position: relative;
}

.wrap16 {
  overflow: hidden;
  margin-top: 190px;
}

.info18 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 32px;
  text-align: center;
  white-space: nowrap;
  line-height: 1;
  display: block;
}

.info18 p{
  font-size: 18px;
  line-height: 1;
  margin-top: 6px;
}

.txt29 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 46px;
  text-align: center;
  white-space: nowrap;
  line-height: 1;
  display: block;
  margin: 38px 0 0 28px;
}

.txt30 {
  font-family: PingFang SC;
  position: absolute;
  font-size: 200px;
  line-height: 1;
  font-weight: 600;
  color: #FFFFFF;
  opacity: 0.1;
  left: 0;
  right: 0;
  bottom: 70px;
  text-align: center;
  text-transform: uppercase;
}


.block19 {
  width: 436px;
  background-color: rgba(255, 255, 255, 0.6);
  height: 6px;
  margin: auto;
  margin-top: 30px;
}

.word42 {
  height: 27px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 28px;
  text-align: center;
  white-space: nowrap;
  line-height: 28px;
  display: block;
  margin: 29px 0 0 0;
}

.block24 {
  position: relative;
  border-radius: 4px;
  height: 65px;
  border: 2px solid rgba(255, 255, 255, 0.6);
  width: 258px;
  margin: 30px auto 0 auto;
  -webkit-transition-duration: .2s;
}

.block24 *{
  -webkit-transition-duration: .2s;
}

.TextGroup19 {
  z-index: 10;
  width: 80%;
  color: #FFFFFF;
  font-size: 22px;
  line-height: 50px;
  height: 50px;
  position: absolute;
  top: 4px;
}

.pic8 {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  margin: auto;
  z-index: 1;
}

.pic8 img{
  width: 100%;
  height: 100%;
}

.pic9 {
  width: 102px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto auto auto;
  opacity: 0;
  z-index: -1;
}

.pic9 img{
  width: 100%;
  height: 100%;
}


.block24:hover {
  flex-direction: column;
  height: 176px;
}

.block24:hover .TextGroup19{
  width: 100%;
}

.block24:hover .pic8{
  z-index: -1;
}

.block24:hover .pic9{
  display: block;
  margin-top: 55px;
  opacity: 1;
  z-index: 1;
}
/* 1 end */

.wrap2 {
  background-color: rgba(14, 105, 222, 1);
  width: 30px;
  height: 6px;
  margin: 124px auto 0 auto;
}

.outer16 {
  width: 1278px;
  margin: 19px auto 0 auto;
  position: relative;
}

.bd8 {
  border-color: rgba(155, 155, 155, 0.3);
  border-width: 2px 0 0 0;
  border-style: solid;
  padding: 0;
}

.word6 {
  color: rgba(56, 56, 56, 1);
  font-size: 30px;
  white-space: nowrap;
  line-height: 30px;
  display: block;
  padding: 0 40px;
  z-index: 1;
}

.page3 {
  margin-top: 147px;
}

.list1 {
  overflow: hidden;
  width: 1400px;
  margin: auto;
}

.list1 .l1{
  overflow: hidden;
  margin-bottom: 40px;
}

.list1 .l1 .img1{
  float: left;
  width: 378px;
  height: 251px;
  border-radius: 12px;
  object-fit: cover;
}

.list1 .l1 .box1{
  float: right;
  width: 925px;
  margin-left: 97px;
}

.list1 .l1 .box1 .bt1{
  overflow: hidden;
  position: relative;
}

.list1 .l1 .box1 .img2{
  float: left;
  width: 20px;
  height: 23px;
}

.list1 .l1 .box1 .t1{
  font-size: 28px;
  margin-left: 22px;
  width: 560px;
  height: 37px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.list1 .l1 .box1 .t2{
  font-size: 18px;
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 300px;
  height: 24px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.list1 .l1 .box1 hr{
  margin: 23px 0;
  border-bottom: 2px solid #383838!important;
}

.list1 .l1 .box1 .c1{
  font-size: 18px;
  font-weight: 400;
  color: #383838;
  line-height: 1.8;
  height: 156px;
  overflow: hidden;
}