@media (min-width: 640px) {
  .idxpad .title span {display: block;}
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {
  .index4 > div:hover .index4-title {color: #fff;}
  .index4 > div:hover .index4-title::before {opacity: 1; transform: translateX(0);}
  .index4 > div:hover .index4-title img {opacity: .2;}
  .index4-imgbox__pic:hover img {transform: scale(1.1);}
}
@media (max-width: 1680px) {}
@media (max-width: 1600px) {
  .index4-textbox {margin-top: 70rem;}
  .index4-textbox__desc {margin-bottom: 55rem;}
}
@media (max-width: 1440px) {}
@media (max-width: 1280px) {}
@media (min-width: 992px) and (max-width: 1366px) {}
@media (min-width: 992px) and (max-width: 1200px) {}
@media (max-width: 991px) {
  .pt115 {padding-top: 70px;}
  .pt230 {padding-top: 130rem;}
  .pb230 {padding-bottom: 130rem;}
  .f16 {font-size: 16px;}
  .f18 {font-size: 18px;}
  .f26 {font-size: 20px;}
  .f40 {font-size: 30px;}
  .f86 {font-size: 56px;}
  .idx-banner .textbox, .idx-banner__page {left: 12%;}
  .idxpad {padding: 0 66px;}
  .idxpad .title {font-size: 30px; line-height: 50px;}
  .idx-banner .swiper-pagination {bottom: 0 !important; line-height: 44px;}
  .idx-banner .textbox {width: auto; right: 12%; font-size: 32px;}
  .idx-banner__split {bottom: 44px;}
  .idx-banner__btn {line-height: 44px;}

  .index4 > div {position: relative; margin-bottom: 30px;}
  .index4 > div:first-child {margin-bottom: 60px;}
  .index4-imgbox {float: none; width: auto; margin-left: 30px; margin-right: 30px; margin-top: -75px !important; position: static;}
  .index4-textbox {float: none; width: 100%; padding-right: 0;}
  .index4-textbox ul {margin-bottom: 70rem;}
  .index4 > div:first-child .index4-textbox ul {margin-bottom: 0;}
  .index4 > div:nth-child(odd) .index4-title {left: 0; top: 0; margin-left: 0; margin-right: 0; padding: 30px 120px 100px 30px; height: auto;}
  .index4 > div:nth-child(even) .index4-title {right: 0; top: 0; margin-left: 0; margin-right: 0; padding: 30px 120px 100px 30px; height: auto;}
  .index4 > div:nth-child(even) .title {padding-left: 0;}
  .index4 > div:nth-child(even) .index4-imgbox__pic {box-shadow: 0 40rem 111rem rgba(0, 0, 0, .26);}
  .index4 > div:nth-child(even) .index4-imgbox__logo {left: auto; right: 30px;}
  .index4 > div:nth-child(odd) .index4-imgbox__logo {right: 30px;}
  .index4-textbox {padding-left: 30px; padding-right: 30px;}
  .index4-imgbox__logo {bottom: auto; top: 25px !important; width: 82px; height: 82px; margin-top: 0 !important;}
  .index4-title .before {left: -17%; bottom: -10%; right: auto; width: 80% !important;}
  .index4-title .after {display: none;}
  .index4-textbox__tit {margin-top: 40px; font-size: 28px;}
  .index4-textbox__desc {margin-top: 20px; margin-bottom: 50px; font-size: 20px;}
  .index4-textbox li {margin-right: 10px; margin-bottom: 14px; padding-left: 10px; padding-top: 0; padding-bottom: 0; padding-right: 10px; font-size: 14px; line-height: 30px;}
}
@media (max-width: 767px) {
  .idxpad {padding: 0 28px;}
  .pd-tb-160 {padding-top: 60px; padding-bottom: 60px;}
  .idxpad .title {font-size: 26px; line-height: 36px;}
  .idx-banner {margin-bottom: 30px;}
}
@media (max-width: 639px) {
  .idxpad .desc > br {display: none;}
  .index4-textbox__tit {font-size: 16px;}
  .index4-textbox__desc {font-size: 14px; line-height: 22px;}
  .index4-textbox ul {margin-right: -5px; margin-bottom: 10vw;}
  .index4-textbox li {font-size: 12px; line-height: 24px;}
  .index4-textbox li {margin-right: 5px; margin-bottom: 5px;}
}
@media (max-width: 380px) {
  .idxpad .title {font-size: 22px; line-height: 32px;}
}