@charset "UTF-8";
.hbszyy_007 { padding: 100px 0; background: url(../../image/hbszyy_007/doctor_details5.jpg) repeat center; position: relative; }

.hbszyy_007 .bgi { position: relative; overflow: hidden; position: absolute; left: 0; top: 6.40625vw; background: url(../../image/hbszyy_007/doctor_details7.png) no-repeat center; background-size: cover; width: 28.02083vw; }

.hbszyy_007 .bgi::before { content: ''; display: block; padding-top: 44.79554%; }

.hbszyy_007 .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_007 .title { text-align: left; }

.hbszyy_007 .tit-flex { 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; }

.hbszyy_007 .cont { position: relative; margin-top: 39px; }

.hbszyy_007 .cont .list { margin: 0 -10px; }

.hbszyy_007 .cont .list .item { padding: 0 10px; }

.hbszyy_007 .cont .list .img { position: relative; overflow: hidden; background: url(../../image/hbszyy_007/doctor_details1.jpg) no-repeat center; background-size: cover; border-radius: 30px; }

.hbszyy_007 .cont .list .img::before { content: ''; display: block; padding-top: 133.53116%; }

.hbszyy_007 .cont .list .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_007 .cont .list .img::after { content: ""; position: absolute; bottom: -2px; left: 0; top: 0; right: 0; background: url(../../image/hbszyy_007/doctor_details1.png) no-repeat bottom center; background-size: 100% auto; opacity: 1; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.hbszyy_007 .cont .list .txt-box { font-size: 18px; margin-top: 20px; line-height: 1.5; }

@media (max-width: 768px) { .hbszyy_007 .cont .list .txt-box { font-size: 16px; } }

.hbszyy_007 .cont .list .txt-box .name { font-size: 24px; }

@media (max-width: 768px) { .hbszyy_007 .cont .list .txt-box .name { font-size: 18px; } }

.hbszyy_007 .cont .list .txt-box .txt { font-size: 20px; color: #876a56; }

@media (max-width: 768px) { .hbszyy_007 .cont .list .txt-box .txt { font-size: 18px; } }

.hbszyy_007 .cont .list .txt-box .txt + .txt { margin-top: 3px; }

.hbszyy_007 .cont .more-box { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.hbszyy_007 .j-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; }

.hbszyy_007 .j-arrow .wnzt-slick-arrow { position: static; -webkit-transform: none; transform: none; }

.hbszyy_007 .j-arrow .wnzt-slick-prev { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

/*	pc 端	*/
@media (min-width: 769px) { .hbszyy_007 .cont .list .item:hover .i { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
  .hbszyy_007 .cont .list .item:hover .img::after { background-image: url(../../image/hbszyy_007/doctor_details5.png); } }

/*	1280~1440	*/
/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .hbszyy_007 { padding: 40px 0; }
  .hbszyy_007 .cont { margin-top: 20px; }
  .hbszyy_007 .cont .list { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; }
  .hbszyy_007 .cont .list .item { padding: 0 20px; }
  .hbszyy_007 .cont .list .txt-box { margin-top: 10px; }
  .hbszyy_007 .cont .more-box { position: static; margin-top: 15px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .hbszyy_007 .j-arrow .wnzt-slick-arrow { width: 36px; height: 36px; gap: 10px; } }