@charset "UTF-8";
.hbszyy_003 { padding: 100px 0; position: relative; }

.hbszyy_003 .x-wrap { width: 72.91667%; max-width: 1400px; margin: 0 auto; }

.hbszyy_003 .bg { background: url("../../image/hbszyy_003/png17.png") center no-repeat; position: relative; overflow: hidden; position: absolute; top: 0; right: 0; width: 38.59375vw; background-size: cover; }

.hbszyy_003 .bg::before { content: ''; display: block; padding-top: 77.32794%; }

.hbszyy_003 .bg .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_003 .tab-mod { position: relative; overflow: hidden; margin-top: 40px; overflow: visible; }

.hbszyy_003 .tab-mod::before { content: ''; display: block; padding-top: 73.42857%; }

.hbszyy_003 .tab-mod .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_003 .tab-mod .bg1 { position: absolute; top: 0; bottom: 0; left: -18.57143%; right: -18.57143%; background-image: url(../../image/hbszyy_003/png18.png); background-size: cover; background-repeat: no-repeat; }

.hbszyy_003 .inner { position: absolute; left: 0; right: 0; top: 3%; }

.hbszyy_003 .tracker-mod .tracker-box { padding-bottom: 90px; }

.hbszyy_003 .tracker-mod.dir-hor .wnzt-tracker-item { position: relative; }

.hbszyy_003 .tracker-mod.dir-hor .wnzt-tracker-item.cur::before { content: ''; position: absolute; top: 130%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-image: url(../../image/hbszyy_003/png19.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 52px; padding-top: 50%; }

.hbszyy_003 .tab-cont { background-image: url(../../image/hbszyy_003/png20.png); position: relative; overflow: hidden; width: 95.71429%; margin: 0 auto; background-size: cover; background-repeat: no-repeat; background-position: center; }

.hbszyy_003 .tab-cont::before { content: ''; display: block; padding-top: 47.38806%; }

.hbszyy_003 .tab-cont .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_003 .tab-cont .tab-item { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; padding: 35px 20px 20px; }

.hbszyy_003 .tab-cont .tab-item.act { opacity: 1; z-index: 2; }

.hbszyy_003 .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.hbszyy_003 .slick-bot { height: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; }

.hbszyy_003 .slick-pag { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 45px; }

.hbszyy_003 .slicks { position: relative; overflow: hidden; }

.hbszyy_003 .slicks::before { content: ''; display: block; padding-top: 36.19403%; }

.hbszyy_003 .slicks .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_003 .slick-nav .wnzt-slick-arrow { margin-top: 0; }

.hbszyy_003 .slick-nav .wnzt-slick-prev { margin-left: 0px; }

.hbszyy_003 .slick-mod { position: absolute; left: -8px; top: 0; right: -8px; }

.hbszyy_003 .slick-slide { margin: 0 8px; }

.hbszyy_003 .slick-slide > div { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -8px; }

.hbszyy_003 .slick-slide > div + div { margin-top: 16px; }

.hbszyy_003 .slick-item { padding: 0 8px; }

.hbszyy_003 .slick-item a { display: block; position: relative; overflow: hidden; background-image: url(../../image/hbszyy_003/jpg43.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }

.hbszyy_003 .slick-item a::before { content: ''; display: block; padding-top: 57.74059%; }

.hbszyy_003 .slick-item a .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_003 .slick-item .t { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 34px; color: #503717; font-weight: bold; padding: 0 18px; text-align: center; }

@media (max-width: 768px) { .hbszyy_003 .slick-item .t { font-size: 22px; } }

/*	pc 端	*/
@media (min-width: 769px) { .hbszyy_003 .slick-item:hover a { background-image: url(../../image/hbszyy_003/jpg44.jpg); } }

@media (max-width: 1680px) { .hbszyy_003 .inner { top: 2%; }
  .hbszyy_003 .slick-item .t { font-size: 28px; } }

@media (max-width: 1680px) and (max-width: 768px) { .hbszyy_003 .slick-item .t { font-size: 20px; } }

@media (max-width: 1680px) { .hbszyy_003 .tracker-mod .tracker-box { padding-bottom: 4.6875vw; }
  .hbszyy_003 .tracker-mod.dir-hor .wnzt-tracker-item.cur::before { width: 2.70833vw; padding-top: 0; height: 2.60417vw; } }

/*	1280~1440	*/
@media (max-width: 1480px) { .hbszyy_003 .slick-item .t { font-size: 24px; } }

@media (max-width: 1480px) and (max-width: 768px) { .hbszyy_003 .slick-item .t { font-size: 18px; } }

@media (max-width: 1320px) { .hbszyy_003 .slick-item .t { font-size: 20px; } }

@media (max-width: 1320px) and (max-width: 768px) { .hbszyy_003 .slick-item .t { font-size: 18px; } }

@media (max-width: 1320px) { .hbszyy_003 .x-wrap { width: auto; margin: 0 50px; } }

/*	1024	*/
@media (max-width: 1024px) { .hbszyy_003 .tab-mod::before { display: none; }
  .hbszyy_003 .tab-mod .bg1 { display: none; }
  .hbszyy_003 .inner { position: relative; top: 0; }
  .hbszyy_003 .tracker-mod .tracker-box { padding-bottom: 40px; }
  .hbszyy_003 .tracker-mod.dir-hor .wnzt-tracker-item.cur::before { width: 20px; height: 20px; background-size: contain; top: 110%; }
  .hbszyy_003 .tab-cont { width: auto; }
  .hbszyy_003 .tab-cont::before { display: none; }
  .hbszyy_003 .tab-cont .tab-item.act { position: relative; }
  .hbszyy_003 .flex { display: block; height: auto; }
  .hbszyy_003 .slick-bot { height: auto; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-top: 20px; }
  .hbszyy_003 .slick-pag { position: relative; padding: 0; }
  .hbszyy_003 .slicks::before { display: none; }
  .hbszyy_003 .slick-mod { position: relative; left: 0; right: 0; margin: 0 -8px; } }

/*	移动端	*/
@media (max-width: 768px) { .hbszyy_003 { padding: 40px 0; }
  .hbszyy_003 .x-wrap { margin: 0 15px; }
  .hbszyy_003 .tab-mod { margin-top: 20px; }
  .hbszyy_003 .tab-cont .tab-item { padding: 20px; }
  .hbszyy_003 .slick-mod { margin: 0 -3px; }
  .hbszyy_003 .slick-slide { margin: 0 3px; }
  .hbszyy_003 .slick-slide > div { margin: 0 -3px; }
  .hbszyy_003 .slick-item { padding: 0 3px; }
  .hbszyy_003 .slick-slide > div + div { margin-top: 6px; } }