@charset "UTF-8";
.hbszyy_006 { background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; }

.hbszyy_006 .wnzt-title { left: calc((100vw - 1400px) / 2); position: absolute; top: 100px; }

.hbszyy_006 .cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.hbszyy_006 .left { width: 50%; position: relative; overflow: hidden; }

.hbszyy_006 .left::before { content: ''; display: block; padding-top: 95.625%; }

.hbszyy_006 .left .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_006 .left .bg1 { width: 139.58333%; position: relative; overflow: hidden; position: absolute; left: 4.16667%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(../../image/hbszyy_006/png2.png); background-size: cover; background-repeat: no-repeat; background-position: center; }

.hbszyy_006 .left .bg1::before { content: ''; display: block; padding-top: 68.73134%; }

.hbszyy_006 .left .bg1 .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_006 .left .inner { width: 44.79167%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 41.66667%; }

.hbszyy_006 .tracker-mod .wnzt-tracker-item { height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 40px; line-height: 1.2; color: #93867d; }

@media (max-width: 768px) { .hbszyy_006 .tracker-mod .wnzt-tracker-item { font-size: 26px; } }

.hbszyy_006 .tracker-mod .wnzt-tracker-item + .wnzt-tracker-item { margin-left: 0; }

.hbszyy_006 .tracker-mod .wnzt-tracker-item.cur { color: #7f563a; font-size: 60px; }

.hbszyy_006 .tracker-mod .wnzt-tracker-item.item1 { padding-left: 180px; }

.hbszyy_006 .tracker-mod .wnzt-tracker-item.item2 { padding-left: 100px; }

.hbszyy_006 .tracker-mod .wnzt-tracker-item.item3 { padding-left: 30px; }

.hbszyy_006 .tracker-mod .wnzt-tracker-item.item5 { padding-left: 30px; }

.hbszyy_006 .tracker-mod .wnzt-tracker-item.item6 { padding-left: 100px; }

.hbszyy_006 .tracker-mod .wnzt-tracker-item.item7 { padding-left: 180px; }

.hbszyy_006 .right { width: 50%; padding: 170px 0 100px calc((100vw - 1400px) / 2); }

.hbszyy_006 .right .tracker-mod { display: none; }

.hbszyy_006 .right .info { margin-top: 40px; position: relative; }

.hbszyy_006 .right .info .tab-item { position: absolute; left: 0; top: 0; right: 0; opacity: 0; z-index: 1; }

.hbszyy_006 .right .info .tab-item.act { opacity: 1; z-index: 2; position: relative; }

.hbszyy_006 .right .info img { display: block; width: 100%; }

/*	pc 端	*/
@media (max-width: 1680px) { .hbszyy_006 .tracker-mod .wnzt-tracker-item.cur { font-size: 48px; }
  .hbszyy_006 .right { width: 40%; }
  .hbszyy_006 .left { width: 60%; }
  .hbszyy_006 .left::before { padding-top: 92%; }
  .hbszyy_006 .left .bg1 { width: 141%; }
  .hbszyy_006 .left .inner { left: 44%; }
  .hbszyy_006 .tracker-mod .wnzt-tracker-item { font-size: 36px; height: 80px; } }

@media (max-width: 1680px) and (max-width: 768px) { .hbszyy_006 .tracker-mod .wnzt-tracker-item { font-size: 24px; } }

/*	1280~1440	*/
@media (max-width: 1500px) { .hbszyy_006 .wnzt-title { left: 50px; }
  .hbszyy_006 .right { padding-left: 50px; } }

@media (max-width: 1480px) { .hbszyy_006 .tracker-mod .wnzt-tracker-item.item2, .hbszyy_006 .tracker-mod .wnzt-tracker-item.item6 { padding-left: 80px; }
  .hbszyy_006 .tracker-mod .wnzt-tracker-item.item1, .hbszyy_006 .tracker-mod .wnzt-tracker-item.item7 { padding-left: 140px; } }

@media (max-width: 1320px) { .hbszyy_006 .tracker-mod .wnzt-tracker-item { height: 60px; font-size: 30px; } }

@media (max-width: 1320px) and (max-width: 768px) { .hbszyy_006 .tracker-mod .wnzt-tracker-item { font-size: 22px; } }

@media (max-width: 1320px) { .hbszyy_006 .tracker-mod .wnzt-tracker-item.cur { font-size: 36px; } }

@media (max-width: 1320px) and (max-width: 768px) { .hbszyy_006 .tracker-mod .wnzt-tracker-item.cur { font-size: 24px; } }

/*	1024	*/
@media (max-width: 1024px) { .hbszyy_006 { padding: 100px 0; }
  .hbszyy_006 .wnzt-title { left: auto; position: static; text-align: center; }
  .hbszyy_006 .cont { display: block; }
  .hbszyy_006 .left { display: none; }
  .hbszyy_006 .right { width: 100%; padding: 0 15px; }
  .hbszyy_006 .right .tracker-mod { display: block; margin-top: 40px; }
  .hbszyy_006 .tracker-mod .wnzt-tracker-item { height: auto; display: inline-block; padding: 0 !important; }
  .hbszyy_006 .tracker-mod .wnzt-tracker-item + .wnzt-tracker-item { margin-left: 30px; }
  .hbszyy_006 .tracker-mod .wnzt-tracker-item.cur { font-size: 30px; } }

@media (max-width: 1024px) and (max-width: 768px) { .hbszyy_006 .tracker-mod .wnzt-tracker-item.cur { font-size: 22px; } }

/*	移动端	*/
@media (max-width: 768px) { .hbszyy_006 .right { padding: 40px 0; }
  .hbszyy_006 .right .tracker-mod, .hbszyy_006 .right .info { margin-top: 20px; }
  .hbszyy_006 .tracker-mod .wnzt-tracker-item + .wnzt-tracker-item { margin-left: 15px; } }