@charset "UTF-8";
.hbszyy_002 { padding: 100px 0; background-position: top center; background-repeat: no-repeat; background-size: cover; }

.hbszyy_002 .flex { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1px; }

.hbszyy_002 .flex .bgi { position: relative; overflow: hidden; position: absolute; left: -7.42857%; bottom: -1.56863%; background-size: cover; background-position: center; background-repeat: no-repeat; width: 107.78571%; pointer-events: none; z-index: 2; }

.hbszyy_002 .flex .bgi::before { content: ''; display: block; padding-top: 30.15242%; }

.hbszyy_002 .flex .bgi .i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.hbszyy_002 .flex .l-img { position: relative; overflow: hidden; width: 49.92857%; border-radius: 32px; overflow: hidden; }

.hbszyy_002 .flex .l-img::before { content: ''; display: block; padding-top: 109.44206%; }

.hbszyy_002 .flex .l-img .i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.hbszyy_002 .flex .l-img::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; }

.hbszyy_002 .flex .l-img .i { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; }

.hbszyy_002 .flex .r-cont { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 3; }

.hbszyy_002 .flex .r-cont .top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 30px 0; padding-right: 20px; }

.hbszyy_002 .flex .r-cont .wnzt-title { text-align: center; padding: 2.90698% 0 17.44186%; }

.hbszyy_002 .flex .r-cont .btm { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1px; padding-bottom: 10%; }

.hbszyy_002 .flex .r-cont .btm .lump { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1px; }

.hbszyy_002 .flex .r-cont .btm .lump:first-child { width: 49.14286%; }

.hbszyy_002 .flex .r-cont .btm .lump:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 0; }

.hbszyy_002 .flex .r-cont .btm .lump .item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.hbszyy_002 .flex .r-cont .btm .lump .item .arr-wp { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }

.hbszyy_002 .flex .r-cont .btm .lump .item .arr-wp .arr { background-position: center; background-repeat: no-repeat; background-size: contain; width: 31px; height: 31px; position: absolute; margin: 20px; }

.hbszyy_002 .flex .r-cont .btm .lump .item .arr-wp .arr.lt { top: 0; left: 0; }

.hbszyy_002 .flex .r-cont .btm .lump .item .arr-wp .arr.rt { top: 0; right: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.hbszyy_002 .flex .r-cont .btm .lump .item .arr-wp .arr.lb { bottom: 0; left: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.hbszyy_002 .flex .r-cont .btm .lump .item .arr-wp .arr.rb { bottom: 0; right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.hbszyy_002 .flex .r-cont .btm .lump .item .cell-bg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 45.05814%; height: 45.05814%; background: url(../../image/hbszyy_002/hbszyy_008.png) no-repeat center; background-size: contain; }

.hbszyy_002 .flex .r-cont .btm .lump .item .cell { position: relative; padding: 15px; }

.hbszyy_002 .flex .r-cont .btm .lump .item .cell .ico { position: relative; overflow: hidden; width: 46px; margin: auto; }

.hbszyy_002 .flex .r-cont .btm .lump .item .cell .ico::before { content: ''; display: block; padding-top: 100%; }

.hbszyy_002 .flex .r-cont .btm .lump .item .cell .ico .i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.hbszyy_002 .flex .r-cont .btm .lump .item .cell .t1 { font-size: 40px; line-height: 1.2; color: #ffffff; font-family: 'almmdfdk'; margin-top: 5px; }

@media (max-width: 768px) { .hbszyy_002 .flex .r-cont .btm .lump .item .cell .t1 { font-size: 26px; } }

.hbszyy_002 .flex .r-cont .btm .lump .item a { position: absolute; inset: 0; }

/*	pc 端	*/
/*	1280~1440	*/
@media (max-width: 1480px) { .hbszyy_002 .flex .r-cont .btm .lump .item .arr-wp .arr { margin: 10px; }
  .hbszyy_002 .flex .r-cont .btm .lump .item .cell .t1 { font-size: 30px; } }

@media (max-width: 1480px) and (max-width: 768px) { .hbszyy_002 .flex .r-cont .btm .lump .item .cell .t1 { font-size: 22px; } }

@media (max-width: 1300px) { .hbszyy_002 .flex .r-cont .wnzt-title { white-space: nowrap; position: absolute; left: 20px; top: 40px; padding: 0; }
  .hbszyy_002 .flex .r-cont .btm .lump1 { padding-top: 19.18977%; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .hbszyy_002 { padding: 40px 0; }
  .hbszyy_002 .flex { display: block; }
  .hbszyy_002 .flex .bgi { display: none; }
  .hbszyy_002 .flex .l-img { width: auto; display: none; }
  .hbszyy_002 .flex .r-cont { width: auto; padding: 0; }
  .hbszyy_002 .flex .r-cont .wnzt-title { padding: 0 0 20px; text-align: left; }
  .hbszyy_002 .flex .r-cont .top { padding: 0; position: absolute; right: 0; top: -20px; }
  .hbszyy_002 .flex .r-cont .btm { display: block; padding: 0; }
  .hbszyy_002 .flex .r-cont .btm .lump:first-child { width: 100%; margin-bottom: 1px; }
  .hbszyy_002 .flex .r-cont .btm .lump:last-child { width: auto; }
  .hbszyy_002 .flex .r-cont .wnzt-title { top: 0; left: 0; }
  .hbszyy_002 .flex .r-cont .btm .lump2 .item { margin-top: 15px; }
  .hbszyy_002 .flex .r-cont .btm .lump .item .cell .ico { width: 32px; } }