/* ========== */
/* = HOME = */
/* ========== */
html, body { position: relative; height: 100%; }

.swiper-home { width: 100%; height: 100%; }

.swiper-home .swiper-slide { padding-top: 91px; position: relative; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; }

.swiper-home .swiper-button-prev.black { background-image: url(../image/home_prev_black.png); }

.swiper-home .swiper-button-next.black { background-image: url(../image/home_next_black.png); }

.swiper-pagination-home .swiper-pagination-bullet { width: 32px; height: 6px; background: none; border: 0; border-radius: 0; position: relative; }

.swiper-pagination-home .swiper-pagination-bullet:before { content: ""; position: absolute; top: 2px; left: 0; width: 100%; height: 1px; background: #ffffff; }

.swiper-pagination-home .swiper-pagination-bullet-active:before { margin-left: -18px; width: 50px; top: 0; height: 4px; background: #e6061f; }

.swiper-pagination-home .swiper-pagination-bullet.black:before { background: #222; }

.swiper-pagination-home .swiper-pagination-bullet-active.black:before { background: #e6061f; }

.banner { width: 100%; height: 100%; }

.banner .bgFull { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; padding-top: 90px; text-align: center; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.banner .bgFull div { width: 100%; position: absolute; top: 30%; }

.banner .bgFull span { display: block; }

.banner .bgFull .text-01 { font-size: 80px; line-height: 100px; text-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); color: #ffffff; font-weight: 600; letter-spacing: 8px; }

.banner .bgFull .text-02 { margin-top: 30px; font-size: 46px; color: #ffffff; letter-spacing: 6px; }

.index-button { display: inline-block; padding: 10px 20px; border-radius: 25px; color: #ffffff; background-color: #009fe4; }

/* ========== */
/* = ABOUT-US = */
/* ========== */
.about-us { display: block; width: 100%; height: 100vh; padding: 0; z-index: 99; background-repeat: no-repeat; }

.about-text { text-align: left; z-index: 0; display: flex; justify-content: space-between; }

.about-text .con { width: 45%; max-width: 620px; position: relative; z-index: 1; }

.about-text .tit { padding-bottom: 20px; position: relative; font-size: 30px; letter-spacing: 3px; }

.about-text .tit:after { content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 1px; background: #555555; }

.about-text .des { margin-top: 5%; color: #333; font-size: 18px; line-height: 25px; text-align: justify; letter-spacing: 2px; }

.about-text .index-button { margin-top: 10%; }

.about-img { width: 50%; position: relative; }

.about-img::after { content: ""; width: 80px; height: 80px; background-color: #009ce7; position: absolute; right: -18px; top: -18px; z-index: -1; }

.about-img img { width: 100%; height: 100%; }

/* ========== */
/* = ADVANTAGE = */
/* ========== */
.advantage { position: relative; z-index: 1; width: 100%; height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.advantage-text { text-align: left; }

.advantage-text .w-1200 { padding-top: 8%; }

.advantage-text .top-text { display: flex; align-items: flex-start; justify-content: space-between; }

.advantage-text .top-text .left-text { width: 35%; }

.advantage-text .des { margin-top: 30px; font-size: 18px; line-height: 36px; color: #000000; }

.advantage-item .title-h1 { color: #0097d9; font-weight: bold; font-size: 22px; margin: 30px 0 60px; }

.advantage-item .adv-item { display: flex; flex-wrap: wrap; justify-content: space-between; }

.advantage-item .adv-item li { width: 19%; background-color: #fff; color: #333; cursor: pointer; box-sizing: border-box; padding: 25px; position: relative; }

.advantage-item .adv-item li h1 { white-space: nowrap; font-size: 20px; margin: 10px 0 25px; }

.advantage-item .adv-item li p { text-align: justify; }

.advantage-item .adv-item li::after { content: ""; position: absolute; width: 100%; height: 4px; left: 0; bottom: 0; background-color: #009ce7; transform: scale(0); transition: all 0.48s; }

.advantage-item .adv-item li:hover:after { transform: scale(1); }

/* ========== */
/* = NEWS = */
/* ========== */
.news { position: relative; z-index: 1; width: 100%; height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.news .news-item { position: relative; margin-top: 100px; }

.news .news-item .news-list { display: flex; position: relative; flex-wrap: wrap; justify-content: space-between; }

.news .news-item .news-list .list-item { width: 32%; }

.news .news-item .news-list .list-item a { display: block; width: 100%; }

.news .news-item .news-list .list-item .news-pic { width: 100%; height: 50%; overflow: hidden; }

.news .news-item .news-list .list-item .news-pic img { width: 100%; height: 100%; transform: scale(1); transition: 1s; }

.news .news-item .news-list .list-item .text-item { padding: 15px; background-color: #fff; display: flex; flex-direction: column; }

.news .news-item .news-list .list-item .text-item p { line-height: 23px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.news .news-item .news-list .list-item .date-time { margin-top: 30px; display: flex; align-items: center; justify-content: space-between; }

.news .news-item .news-list .list-item .date-time .arrow { width: 30px; height: 10px; }

.news .news-item .news-list .list-item .date-time p { font-weight: bold; }

.news .news-item .news-list .list-item:hover img { width: 100%; height: 100%; transform: scale(1.2); transition: 1s; }

.news .news-item .news-list::after { content: ""; width: 280px; height: 280px; background-color: #009ce7; position: absolute; right: -18px; top: -18px; z-index: -1; }

.news .footer { width: 100%; position: absolute; bottom: 0; height: 300px; }

.news .footer .footer-main { padding: 35px 0; }

.news .footer .center-box { text-align: left; }

@media screen and (max-width: 1500px) { .about-us .w-1200 { width: 1000px; }
  .about-us .about-img { width: 40%; }
  .advantage .w-1200 { width: 1150px; }
  .advantage-item .title-h1 { margin: 15px 0 30px; }
  .advantage-item .adv-item li { padding: 20px; }
  .advantage-text .w-1200 { padding-top: 6vh; }
  .advantage-text .des { margin-top: 0; line-height: normal; }
  .advantage-text .top-text .left-text { width: 70%; }
  .news .news-item { margin-top: 80px; }
  .news .news-item .news-list::after { width: 210px; height: 210px; }
  .news .news-item .news-list .list-item { width: 30%; }
  .news .news-item .news-list .list-item a { height: 90%; }
  .news .text-item { font-size: 14px; padding: 5px 10px !important; }
  .news .text-item p { -webkit-line-clamp: 1 !important; }
  .news .date-time { margin-top: 0px !important; }
  .news .news-iem .news-list .list-item .news-pic { height: 50%; }
  .news .w-1200 { width: 1000px; }
  .news .footer { font-size: 14px; height: 240px; }
  .news .footer .footer-main { padding: 15px 0; }
  .news .footer .footer-text p { padding: 10px 0; } }