.ct2 {
  position: relative;
  background-color: #f7f7f7;
}
.ct2-mn {
  margin-right: 300px;
  background-color: #fff;
  padding-right: 40px;
  min-height: 700px;
}
.ct2-sd {
  position: absolute;
  right: 0;
  width: 300px;
  top: 0;
}
ul {margin: 0;list-style: none;padding: 0;}
.in-tz-text {width: 100%;background-color: #21a9d9;position: relative;z-index: 10;}
.in-tz-text .wrap {padding: 50px 70px 0;height: 250px;}
.in-tz-text h4 {margin: 0;font-size: 24px;line-height: 44px;font-weight: normal;padding-left: 55px;background: url(../../dist/index28.png) no-repeat 0 center;}
.in-tz-text h4 small {margin-left: 10px;font-size: 18px;opacity: 0.5;}
.in-tz-text p {margin: 25px 0 0;font-size: 16px;line-height: 2;text-align: justify;}
.in-tz-text .more {position: absolute;width: 115px;left: 100%;top: 0;height: 100%;background: url(../../dist/index27.jpg) no-repeat top center;}
.in-tz-text .more a {color: #fff;position: absolute;left: 0;bottom: 50px;width: 100%;text-align: center;text-transform: uppercase;font-size: 12px;}
.in-tz-text .more a:hover {color: #009bde;}
.in-tz-text .more a:before {content: '';width: 56px;height: 2px;background: white;position: absolute;left: -75px;top: 50%;margin-top: -1px;opacity: 0.4;}


@media screen and (max-width: 767px) {
  .ct2 {
    background-color: transparent;
    margin-bottom: -30px;
  }
  .ct2-mn {
    margin: 0;
    padding: 0;
    min-height: auto;
  }
  .ct2-sd {
    position: static;
    width: auto;
    margin: 30px -15px 0;
    background-color: #f7f7f7;
  }
  .ct2-sd > .img-center:first-child {
    display: none;
  }
  .in-tz-text {width: auto;margin: 0 -15px;padding-right: 100px;}
  .in-tz-text .wrap {padding: 15px;height: auto;}
  .in-tz-text h4 {font-size: 16px;line-height: 26px;background-size: contain;padding-left: 40px;}
  .in-tz-text h4 small {font-size: 14px;}
  .in-tz-text p {margin: 15px 0 0;font-size: 12px;}
  .in-tz-text .more {left: auto;width: 100px;right: 0;}
  .in-tz-text .more a {bottom: 15px;}
  .in-tz-text .more a:before {display: none;}
}