@charset "utf-8";
@media screen and (min-width:340px) and (max-width:480px) {
  .article {
    margin: 0 auto;
    padding: 0px;
    width: 100%;
    height: 300px;
    background: url("../images/bg_ti.jpg");
    background-position: center bottom;
    position: relative;
  }
  .article h1 {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    font-size: 1.5em;
    line-height: 1.5em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  .tibg1 {
    margin-bottom: 1em;
    padding: 1em 0;
    color: #fff;
    line-height: 1.8em;
  }
}
@media screen and (min-width:481px) and (max-width:768px) {
  .article {
    margin: 0 auto;
    padding: 0px;
    width: 100%;
    height: 200px;
    background: url("../images/bg_ti.jpg");
    background-position: center bottom;
    position: relative;
  }
  .article h1 {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    font-size: 1.5em;
    line-height: 1.5em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  .tibg1 {
    margin-bottom: 1em;
    padding: 1em 0;
    color: #fff;
    line-height: 1.8em;
  }
}
@media screen and (min-width:769px) and (max-width:1024px) {
  .article {
    margin: 0 auto;
    padding: 0px;
    width: 100%;
    height: 300px;
    background: url("../images/bg_ti.jpg");
    background-position: center;
    position: relative;
  }
  .article h1 {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    font-size: 2em;
    line-height: 2em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  .tibg1 {
    margin-bottom: 1em;
    padding: 1em 0;
    color: #fff;
    line-height: 1.8em;
  }
}
@media screen and (min-width:1025px) and (max-width:1440px) {
  .article {
    margin: 0 auto;
    padding: 0px;
    width: 100%;
    height: 300px;
    background: url("../images/bg_ti.jpg");
    background-position: center;
    position: relative;
  }
  .article h1 {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    font-size: 2em;
    line-height: 2em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  .tibg1 {
    margin-bottom: 1em;
    padding: 1em 0;
    color: #fff;
    line-height: 1.8em;
  }
}
@media screen and (min-width:1441px) {
  .article {
    margin: 0 auto;
    padding: 0px;
    width: 100%;
    height: 300px;
    background: url("../images/bg_ti.jpg");
    background-position: center;
    position: relative;
  }
  .article h1 {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    font-size: 2em;
    line-height: 2em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  .tibg1 {
    margin-bottom: 1em;
    padding: 1em 0;
    color: #fff;
    line-height: 1.8em;
  }
}