::-webkit-input-placeholder { color: #fff; }

:-moz-placeholder { color: #fff; }

::-moz-placeholder { color: #fff; }

:-ms-input-placeholder { color: #fff; }

body { position: relative; }

@media (min-width: 1500px) { .container { max-width: 1400px; padding: 0; } }

.SeA .swiper-slide a { background-repeat: no-repeat; background-position: center center; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.SeA .swiper-slide a .child { width: 460px; }

.SeA .swiper-slide a .pongetitle { font-size: 38px; color: #fff; position: relative; margin-bottom: 40px; padding-bottom: 30px; }

.SeA .swiper-slide a .pongetitle::after { position: absolute; content: ''; width: 132px; height: 4px; left: 0; background: #0069e0; bottom: 0; margin: auto; }

.SeA .swiper-slide a .desc { font-size: 24px; color: #ffffff; margin-bottom: 10px; line-height: 2; }

.SeA .swiper-slide a .en { font-size: 14px; color: #fff; line-height: 3; margin-bottom: 50px; }

.SeA .swiper-slide a .more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.SeA .swiper-slide a .more span { font-size: 14px; background: #0069e0; color: #ffffff; padding-top: 8px; padding-bottom: 8px; display: block; }

.SeA .swiper-slide a .more span:nth-of-type(1) { padding-left: 30px; padding-right: 30px; margin-right: 8px; }

.SeA .swiper-slide a .more span:nth-of-type(2) { padding-left: 8px; padding-right: 8px; }

@media (max-width: 575px) { 
  .SeA .swiper-slide a{background-size: contain; background-position: top center; height: 180px!important;}
  .SeA .swiper-slide a .pongetitle { font-size: 18px; padding-bottom: 10px; }
  .SeA .swiper-slide a .pongetitle::after { height: 2px; width: 50px; }
  .SeA .swiper-slide a .pongetitle { margin-bottom: 20px; }
  .SeA .swiper-slide a .desc { font-size: 16px; line-height: 1.6; margin-bottom: 5px; }
  .SeA .swiper-slide a .en { font-size: 12px; line-height: 1.8; }
  .SeA .swiper-slide a { padding: 30px 0; }
  .SeA .swiper-slide a .more span:nth-of-type(1) { padding-left: 20px; padding-right: 20px; }
  .SeA .swiper-slide a .more span { padding-top: 5px; padding-bottom: 5px; }
  .SeA .swiper-slide a .en { margin-bottom: 20px; }
  .SeA .swiper-slide a .child { width: 100%; }
  .SeA .swiper-slide a .pongetitle { padding-bottom: 8px; font-size: 18px; }
  .SeA .swiper-slide a .more span { font-size: 12px; }
  .SeA .swiper-slide a .pongetitle { text-align: center; }
  .SeA .swiper-slide a .pongetitle::after { right: 0; }
  .SeA .swiper-slide a .desc { text-align: center; }
  .SeA .swiper-slide a .en { text-align: center; }
  .SeA .swiper-slide a .more { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .SeA .swiper-slide a .desc { margin-bottom: 10px; }
  .SeA .swiper-slide a { padding: 0; } 
  .SeA .swiper-pagination{bottom: 10px;}
  .SeA .swiper-slide img{width: 100%; height:auto;}
} 

.footer { background: none; z-index: 101; position: absolute; bottom: 0; left: 0; width: 100%; }

.footer .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.footer .container .navfooter { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px; width: 100%; }

.footer .container .navfooter a:hover { color: #0069e0; }

.footer .container .navbottom { text-align: center; }

.footer .container .navbottom a { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.footer .container .navbottom a:hover { color: #0069e0; }

@media (max-width: 575px) { .footer { bottom: 0; } }

.SeA {position: relative; z-index: 100;}
.swiper-pagination{position:absolute; bottom: 100px; z-index: 102; left: 0; right: 0;}
.swiper-pagination-bullet{margin:0 5px;}











.swiper-pagination {
  bottom: 50px;
}

.listarr {
  padding: 75px 0;
}

@media (max-width: 575px) {
  .listarr {
    padding: 10px 0;
  }
}

@media (min-width: 1500px) {
  .listarr .container {
    max-width: 1436px;
  }
}

.listarr ul {
  display: flex;
}

.listarr ul li {
  width: 33.33333%;
  padding: 0 18px;
}

.listarr ul li a {
  transition: 0.5s ease all;
  display: block;
  background: #fff;
  box-shadow: 0px 1px 13px 0px rgba(27, 27, 31, 0.09);
}

.listarr ul li a:hover .img img {
  transform: scale(1.1);
}

.listarr ul li a .img {
  overflow: hidden;
}

.listarr ul li a .img img {
  transition: 0.5s ease all;
}

.listarr ul li a:hover {
  box-shadow: 0px 1px 35px 0px rgba(1, 84, 177, 0.19);
}

.listarr ul li a:hover .title span {
  color: #0069e0;
}

.listarr ul li a:hover .title .iconimg img:nth-of-type(2) {
  display: block;
}

.listarr ul li a:hover .title .iconimg img:nth-of-type(1) {
  display: none;
}

.listarr ul li a .title {
  padding: 25px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.listarr ul li a .title span {
  transition: 0.5s ease all;
  font-size: 24px;
  color: #2e2e2e;
  font-weight: bold;
}

.listarr ul li a .title .iconimg {
  display: flex;
  align-items: center;
  justify-content: center;
}

.listarr ul li a .title .iconimg img:nth-of-type(1) {
  display: block;
}

.listarr ul li a .title .iconimg img:nth-of-type(2) {
  display: none;
}

.listarr ul li a .img img {
  width: 100%;
}

@media (max-width: 991px) {
  .listarr ul li a .title span {
    font-size: 16px;
  }
  .listarr ul li a .title {
    padding: 25px 15px;
  }
 
}
 .SeA .swiper-slide a img{
  	max-width:100%;
   width:100%;
  }

@media (max-width: 767px) {
  .listarr ul li {
    padding: 0 10px;
  }
  .listarr ul li {
    padding: 0 5px;
  }
}

@media (max-width: 575px) {
  .listarr ul li a .title {
    padding: 10px 0px;
    justify-content: center;
  }
  .listarr ul li a .title span {
    font-size: 12px;
  }
  .listarr ul li a .title .iconimg img {
    width: 7px;
  }
  .listarr ul li a .title .iconimg {
    display: none;
  }
  .listarr .container {
    padding: 0 5px;
  }
}
