.bannerBox.lfyy{height: 620px; background: url('/uploadfiles/img/zsgl_lfyy_head_bg_01.jpg') no-repeat top center; background-size: cover; }
.warpBox.lfyy *{box-sizing: border-box;}
.warpBox.lfyy .th1 {padding: 52px; box-sizing: border-box; background-color: #fff; box-shadow: 1px 0px 11px rgba(179, 179, 179, 0.4);}
.warpBox.lfyy .th1 .titleBox{font-size: 45px; color: #333;margin-bottom: 60px;}
.warpBox.lfyy .th1 .titleBox b{display: block; font-weight: initial;}
.warpBox.lfyy .th1 .titleBox .b1{line-height: 48px;}
.warpBox.lfyy .th1 .titleBox .b2{font-size: 29px; color: #b8b8b8;}
.warpBox.lfyy .th1 .themeBox {height: 685px;background: url(/uploadfiles/img/zsgl_lfyy_img_01.jpg) no-repeat left center ;background-size: cover;position: relative;}
.warpBox.lfyy .th1 .themeBox .inner{width: 540px;height: 100%;position: absolute;top: 0;right: 0;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(8px);background: rgba(129, 129, 129, 0.2);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);padding: 100px 70px 0;}

.warpBox.lfyy .th1 .themeBox .inner .tip {font-size: 20px;color: #fff;padding-right: 65px;margin-bottom: 60px;text-shadow: 0 0 10px #333;}
.warpBox.lfyy .th1 .themeBox .inner .it{position: relative;padding-left: 60px;margin-bottom: 55px;}
.warpBox.lfyy .th1 .themeBox .inner .it .icon{position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-size: 0;}
.warpBox.lfyy .th1 .themeBox .inner .it .txt{font-size: 32px;font-weight: bolder;color: #fff;}
@media screen and (max-width: 1655px) {
  .warpBox.lfyy .th1{padding: 35px 30px;}
  .warpBox.lfyy .th1 .themeBox {height: 570px;}
  .warpBox.lfyy .th1 .themeBox .inner .tip{font-size: 18px;padding-right: 0;}
  .warpBox.lfyy .th1 .themeBox .inner .it {padding-left: 50px;}
  .warpBox.lfyy .th1 .themeBox .inner .it .txt{font-size: 26px;}
  .warpBox.lfyy .th1 .themeBox .inner .it .icon img{width: 40px;}
}

@media screen and (max-width: 1200px) {
  .bannerBox.lfyy{height: 225px;}
  .bannerBox.lfyy .bannerContent .bTitleBox img{height: 50px;}
  .warpBox.lfyy{padding:15px;}
  .warpBox.lfyy .th1{padding: 20px 15px 25px;}
  .warpBox.lfyy .th1 .titleBox {margin-bottom: 15px;}
  .warpBox.lfyy .th1 .titleBox .b1{font-size: 22px; line-height: 26px; font-weight: bold;}
  .warpBox.lfyy .th1 .titleBox .b2{font-size: 18px;}
  .warpBox.lfyy .th1 .themeBox .inner{width: 380px;padding: 80px 40px 0;}
}

@media screen and (max-width: 760px) {
  .warpBox.lfyy .th1 .themeBox {height: auto;}
  .warpBox.lfyy .th1 .themeBox .inner {width: 100%;position: relative; padding: 30px 20px ;font-size: 16px;}
  .warpBox.lfyy .th1 .themeBox .inner .tip {margin-bottom: 30px;font-size: 16px;}
  .warpBox.lfyy .th1 .themeBox .inner .it {margin-bottom: 30px;}
  .warpBox.lfyy .th1 .themeBox .inner .it .txt {font-size: 20px;}
  .warpBox.lfyy .th1 .themeBox .inner .it .icon img {width: 32px;}
}