@font-face {
  font-family: 'pop';
  src: url(../fonts/Poppins-Regular.ttf) format('truetype'), url(../fonts/Poppins-Regular.eot) format('eot'), url(../fonts/Poppins-Regular.woff) format('woff'), url(../fonts/Poppins-Regular.woff2) format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'ark';
  src: url(../fonts/ArrakisRegular.ttf) format('truetype'), url(../fonts/ArrakisRegular.ttf.eot) format('eot'), url(../fonts/ArrakisRegular.ttf.woff) format('woff'), url(../fonts/ArrakisRegular.ttf.woff2) format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins-Bold';
  src: url(../fonts/Poppins-Bold.ttf) format('truetype'), url(../fonts/Poppins-Bold.eot) format('eot'), url(../fonts/Poppins-Bold.woff) format('woff'), url(../fonts/Poppins-Bold.woff2) format('woff2');
  font-weight: 600;
  font-display: swap;
}
body {
  font-family: "pop";
  max-width: 1920px;
  margin: 0 auto;
  font-weight: 400;
  --color:#19defd;
}
.container {
  width: 1480px;
}
.body-overflow-box {
  position: relative;
  left: 0;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
#header {
  z-index: 21;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  color: white;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
#header .nav .ui.menu {
  margin: 0 auto;
  height: 110px;
  width: auto;
  padding: 0 2%;
}
#header .nav .ui.menu .logo {
  display: inline-block;
  margin-left: 0;
  margin-right: auto;
  vertical-align: middle;
}
#header.active {
  background-color: black;
}
.more {
  height: 3.57142857em;
  padding: 0 1.85714286em;
  border-radius: 0.42857143em;
  background-color: var(--color);
  color: white;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.more i {
  font-size: 1.3em;
}
.more:hover {
  background-color: black;
}
div.more {
  height: 2.57142857em;
  border-radius: 1.5em;
}
.more2 {
  height: 2.28571429em;
}
span.h2 {
  font-family: "Unbounded";
  line-height: 1;
}
.img-box .text.pos {
  left: 0;
  top: 0;
  padding: 1em;
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  overflow: auto;
  text-align: left;
  font-size: 16px;
  opacity: 0;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.img-box:hover .text.pos {
  opacity: 1;
}
#banner {
  margin-bottom: -1px;
}
#banner li {
  position: relative;
}
#banner li>img{
  width: 100%;
}
#banner li .content {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: white;
}
#banner li .content span.h2 {
  font-weight: 600;
}
#banner li .content .text {
  max-width: 480px;
}
#index-body .init-1 {
  background-color: #0f0d16;
}
#index-body .init-1 .left .box {
  height: 100%;
  padding: 10%;
  color: white;
}
#index-body .init-1 .flex-drr .left {
  text-align: right;
}

#index-body .init-1 .right .slick-track {
	display: block;
}

#index-body .init-1 .right .list {
  padding: 2% 8% 4%;
  background-color: white;
  width: 100%;
  position: relative;
}

#index-body .init-1 .right .list .slickBtn.pos div.prev {
	right: auto;
	left: 2%;
}

#index-body .init-1 .right .list .slickBtn.pos div.next {
	left: auto;
	right: 2%;
}

/* #index-body .init-1 .right .list .slickBtn {
  display: none;
} */
#index-body .init-1 .right .list ul {
  margin: -.5em;
}
#index-body .init-1 .right .list ul li {
  padding: .5em;
}
#index-body .init-1 .right .list span.h6 {
  max-width: 190px;
  margin-left: auto;
  margin-right: auto;
}
#index-body .init-2 {
  background-color: #0f0d16;
  color: white;
}
#index-body .init-2 .slick-slider:not(.slick-vertical) .slick-track .slick-slide > div {
  height: auto;
}
#index-body .init-2 ul {
  margin: -0.5em;
}
#index-body .init-2 ul li {
  padding: .5em;
}
#index-body .init-2 ul li .shadow {
  position: relative;
}
#index-body .init-2 ul li .shadow:after {
  content: '';
  width: 100%;
  height: 25%;
  top: 99%;
  left: 0;
  z-index: -1;
  background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(255, 255, 255, 0.5)));
  background-image: -webkit-linear-gradient(bottom, transparent, rgba(255, 255, 255, 0.5));
  background-image: -moz-linear-gradient(bottom, transparent, rgba(255, 255, 255, 0.5));
  background-image: linear-gradient(to top, transparent, rgba(255, 255, 255, 0.5));
  position: absolute;
}
#index-body .init-3 .left {
  padding-right: 2%;
  padding-left: 15px;
  text-align: right;
}
#index-body .init-3 .left .content {
  max-width: 480px;
  text-align: left;
  margin-left: auto;
}
#index-body .init-3 .left .content span.h6,
#index-body .init-3 .left .content .text {
  font-weight: 500;
}
#index-body .init-3 .right .box2 {
  padding-top: 45%;
  -webkit-clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%);
}
#index-body .init-3 .right .box2 .list {
  padding-left: 14%;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(10%, rgba(25, 222, 253, 0.2)), color-stop(60%, rgba(25, 222, 253, 0.8)), color-stop(60%, rgba(25, 222, 253, 0.8)));
  background-image: -webkit-linear-gradient(right, rgba(25, 222, 253, 0.2) 10%, rgba(25, 222, 253, 0.8) 60%, rgba(25, 222, 253, 0.8) 60%);
  background-image: -moz-linear-gradient(right, rgba(25, 222, 253, 0.2) 10%, rgba(25, 222, 253, 0.8) 60%, rgba(25, 222, 253, 0.8) 60%);
  background-image: linear-gradient(to left, rgba(25, 222, 253, 0.2) 10%, rgba(25, 222, 253, 0.8) 60%, rgba(25, 222, 253, 0.8) 60%);
  color: white;
}
#index-body .init-3 .right .box2 .list i {
  width: 1em;
  height: 1em;
}
#index-body .init-3 .right .box2 .list i img {
  max-width: 100%;
  max-height: 100%;
}
#index-body .init-3 .right .box2 .list span.h6 {
  font-family: "Unbounded";
}
#index-body .init-4 {
  background-color: #f5f5f5;
}
#index-body .init-4 ul,
#index-body .init-4 .list {
  height: 100%;
}
#index-body .init-4 span.h6 {
  color: var(--color);
  line-height: 1;
  font-family: "Unbounded";
}
#index-body .init-4 span.h6 sub {
  vertical-align: baseline;
}
#index-body .init-4 p {
  font-weight: 600;
}
#index-body .init-5 .text {
  font-weight: 500;
}
#index-body .init-6 {
  overflow: hidden;
  white-space: nowrap;
}
#index-body .init-6 span.h2 {
  font-size: 5.72916667vw;
  color: #c2c2c2;
  -webkit-animation: lz 20s linear infinite;
  -moz-animation: lz 20s linear infinite;
  animation: lz 20s linear infinite;
}
#index-body .init-6 span.h2 em {
  margin-right: .5em;
}
#index-body .init-7 .box {
  height: 400px;
  color: white;
  padding: 8%;
}
#index-body .init-7 .box span.num {
  font-family: "Unbounded";
  font-weight: 600;
}
#index-body .init-7 .box span.h6 {
  font-family: "Unbounded";
  font-weight: 600;
}
#index-body .init-7 .box .text {
  line-height: 1.6;
  height: 0;
  overflow: hidden;
}
#index-body .init-7 .box:hover .text {
  height: auto;
}
@-webkit-keyframes lz {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@-moz-keyframes lz {
  from {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@keyframes lz {
  from {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
#footer {
  background-color: #191919;
  color: white;
}
#footer .footer-top form input {
  width: 100%;
  height: 3.88888889em;
  padding: 0 1.2em;
  border-radius: 0.27777778em;
  border: none;
  background-color: white;
  color: black;
}
#footer .footer-top form input[type="submit"] {
  background-color: var(--color);
  color: white;
}
#sidebar {
  right: 1%;
  bottom: 15%;
}
#sidebar li {
  margin-top: 1em;
  border: none !important;
  border-radius: 100% !important;
  font-size: 1.2em;
}
@media screen and (max-width: 1250px) {
  #index-body .init-3 .right .box2 {
    padding-top: 32%;
    -webkit-clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
  }
  .body-overflow-box {
    margin-bottom: 0 !important;
  }
  #header {
    display: block !important;
  }
  #header p {
    display: none;
  }
  #header .logo img {
    max-height: 50px;
  }
  #header {
    background-color: black;
  }
  #header .nav .ui.menu {
    height: 60px;
  }
}
@media screen and (max-width: 1000px) {
  #index-body .init-1 .right .list {
    max-height: none;
  }
  #index-body .init-3 .left .content {
    max-width: none;
    padding: 5%;
  }
  #index-body .init-3 .right .box2 {
    padding-top: 0;
    -webkit-clip-path: unset;
    clip-path: unset;
    background-image: unset !important;
  }
  #index-body .init-3 .right .box2 .list {
    padding-left: 3%;
  }
  #index-body .init-4 ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #index-body .init-4 ul li {
    width: auto;
  }
  #index-body .init-4 .box {
    gap: 20px;
  }
  #index-body .init-4 .box .slide:nth-child(2) {
    display: none !important;
  }
  #index-body .init-7 .box .text {
    height: auto;
  }
  .font-24 {
    font-size: 18px;
  }
  /* .img-box .text.pos {
    opacity: 1;
  } */
}
#index-body .init-2 .slickBtn {
  display: none;
}
@media screen and (max-width: 700px) {
  #banner .right {
    display: none;
  }
  #banner .left img {
    display: none;
  }
  #banner li .content .left{
    width: 100%;
  }
  .more {
    zoom: .8;
  }
  #index-body .init-2 .slickBtn,#index-body .init-1 .right .list .slickBtn {
  display: block;
  }
  #index-body .init-1 .left .box {
    padding: 5%;
  }
  #banner li .content .more{
    display: none;
  }
  #banner li .content .text {
    margin-bottom: 0;
  }
  #banner li {
    overflow: hidden;
  }
  #banner li img {
    height: 200px;
    object-fit: cover;
    object-position: center;
  }
  #banner li .content span.h2 {
    margin-bottom: .5em;
  }
  #index-body .init-3 .right .box2 .list ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #index-body .init-3 .right .box2 .list ul li {
    width: 100%;
  }
  #index-body .init-4 ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #index-body .init-4 ul li {
    width: 48%;
  }
  #index-body .init-4 ul li:last-child {
    width: 100%;
  }
  #index-body .init-1 .right .list span.h6 {
    font-size: 18px;
  }
  #new-index-body .new-init-2 .acc .list .box .con h6{
    min-height: 120px;
  }
  #new-index-body .new-init-2 .acc .list {
    margin-top: 0;
  }
}