@charset "UTF-8";
.hbszyy_004 { padding: 100px 0; background: url() no-repeat center; background-size: cover; position: relative; }

.hbszyy_004 .bg { position: relative; overflow: hidden; background: url(../../image/hbszyy_004/jpg1.jpg) center no-repeat; background-size: cover; border-radius: 32px; position: absolute; right: 0; bottom: 0; width: 49.92857%; top: 0; }

.hbszyy_004 .bg::before { content: ''; display: block; padding-top: 109.44206%; }

.hbszyy_004 .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_004 .wnzt-title { text-align: left; }

.hbszyy_004 .cont { margin: 45px 7.29167vw 0 0; }

.hbszyy_004 .cont .slick-mod { margin: 0 -7px; }

.hbszyy_004 .cont .slick-mod .slick-item { padding: 3px 7px 50px; }

.hbszyy_004 .cont .slick-mod a { position: relative; display: block; }

.hbszyy_004 .cont .slick-mod .img { position: relative; overflow: hidden; border-radius: 32px; background: url(../../image/hbszyy_004/jpg4.jpg) center no-repeat; background-size: cover; }

.hbszyy_004 .cont .slick-mod .img::before { content: ''; display: block; padding-top: 156.25%; }

.hbszyy_004 .cont .slick-mod .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_004 .cont .slick-mod .img .i { width: 100%; height: auto; }

.hbszyy_004 .cont .slick-mod .img::after { content: ''; background: url(../../image/hbszyy_004/png6.png) no-repeat bottom center; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-size: cover; }

.hbszyy_004 .cont .slick-mod .txt-box { background: url(../../image/hbszyy_004/jpg2.jpg) no-repeat center; background-size: 100% 100%; position: absolute; left: 15px; bottom: -50px; right: 15px; padding: 12px 17px 14px; border-radius: 13px; }

.hbszyy_004 .cont .slick-mod .txt-box .t-1 { font-size: 30px; }

@media (max-width: 768px) { .hbszyy_004 .cont .slick-mod .txt-box .t-1 { font-size: 22px; } }

.hbszyy_004 .cont .slick-mod .txt-box .t-2-box { font-size: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 768px) { .hbszyy_004 .cont .slick-mod .txt-box .t-2-box { font-size: 18px; } }

.hbszyy_004 .cont .slick-mod .txt-box .t-2 { margin-right: 10px; }

.hbszyy_004 .cont .slick-mod .tit { position: absolute; top: -3px; right: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 36px; color: #fff; background: url() no-repeat bottom center; background-size: 100% auto; }

@media (max-width: 768px) { .hbszyy_004 .cont .slick-mod .tit { font-size: 24px; } }

.hbszyy_004 .cont .slick-mod .tit::before { content: ''; background: url(../../image/hbszyy_004/png1.png) no-repeat center center; height: 7px; background-size: 100% auto; display: block; margin: 0 -5px; }

.hbszyy_004 .cont .slick-mod .tit .t { font-family: almmdfdk; padding: 13px 0 22px; }

body:not(.lang-en) .hbszyy_004 .cont .slick-mod .tit .t { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; }

.hbszyy_004 .cont .slick-mod .tit.tit1 { background-image: url(../../image/hbszyy_004/png2.png); }

.hbszyy_004 .cont .slick-mod .tit.tit2 { background-image: url(../../image/hbszyy_004/png3.png); }

.hbszyy_004 .cont .slick-mod .tit.tit3 { background-image: url(../../image/hbszyy_004/png4.png); }

.hbszyy_004 .title { width: 50%; padding-right: 2.86458vw; }

.hbszyy_004 .title .line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 40px; }

.hbszyy_004 .title .line .swiper-nav { width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.hbszyy_004 .title .line .swiper-scrollbar { height: 1px; border-radius: 3px; background: #a9895c; cursor: pointer; margin-right: 25px; }

.hbszyy_004 .title .line .swiper-scrollbar .swiper-scrollbar-drag { height: 5px; border-radius: 3px; background: #b17b55; cursor: -webkit-grab; cursor: grab; top: -2px; }

.hbszyy_004 .title .line .swiper-scrollbar .swiper-scrollbar-drag:active { cursor: -webkit-grabbing; cursor: grabbing; }

.hbszyy_004 .title .wnzt-more { margin-left: 25px; }

/*	pc 端	*/
@media (min-width: 769px) { .hbszyy_004 .cont .slick-mod .slick-item:hover { color: #fff; }
  .hbszyy_004 .cont .slick-mod .slick-item:hover .txt-box { background-image: url(../../image/hbszyy_004/jpg2-2.jpg); } }

/*	1280~1440	*/
@media (max-width: 1480px) { .hbszyy_004 .cont .slick-mod { margin: 0 -1.66667vw; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .hbszyy_004 { padding: 40px 0; }
  .hbszyy_004 .cont { margin-top: 25px; }
  .hbszyy_004 .bg { display: none; }
  .hbszyy_004 .title { width: auto; padding-right: 0; }
  .hbszyy_004 .cont { margin: 25px 0 0 0; }
  .hbszyy_004 .cont .slick-mod .txt-box { bottom: 0; }
  .hbszyy_004 .cont .slick-mod .img { border-radius: 15px; }
  .hbszyy_004 .title .line { margin-top: 0; }
  .hbszyy_004 .cont .slick-mod .slick-item { padding-bottom: 0; }
  .hbszyy_004 .cont .slick-mod .tit { font-size: 18px; }
  .hbszyy_004 .cont .slick-mod .txt-box { padding: 5px; left: 10px; right: 10px; }
  .hbszyy_004 .cont .slick-mod .txt-box .t-2-box { font-size: 16px; }
  .hbszyy_004 .cont .slick-mod .txt-box .t-1 { font-size: 20px; } }