html,body,input,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img {
  margin: 0;
  padding: 0;
}
fieldset,img {
  border: 0;
}
img {
    vertical-align: middle;
	outline:none;
}
ul,ol,dl {
    list-style: none;
}
li {
	display: list-item;
	text-align: -webkit-match-parent;
}
input {
  border: none;
  outline: none;
}
a {
  text-decoration: none;
  color: #FFFFFF;
}
button {
  border: none;
  background-color: transparent;   
}
body {
    width: 100%;
	background: #FFFFFF;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, PingFangSC-Regular, 'Hiragino Sans GB','Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji','Segoe UI Emoji', 'Segoe UI Symbol';
    font-weight: 400;
}
html {
	box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
    display: block;
    font-weight: normal;
}
@font-face {
	font-family:'DINAlternate-Bold';
	src: url('../font/DIN Alternate Bold.ttf');
}

.nav{
	width: 100%;
	height: 4.17vw;
	background: #333333;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	top: 0;
	z-index: 999;
}
.logo{
	width: 12.08vw;
	height: 2.43vw;
	margin-left: 10vw;
	cursor: pointer;
}
.mobile-menu-container{
	margin-right: 9.5vw;
}
.nav ul.menu {
    float: left;
    padding: 0;
    zoom: 1;
}
.nav ul.menu>li h3 {
    font-size: 0.97vw;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.67vw;
    list-style: none;
    float: left;
    position: relative;
    z-index: 30;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
    cursor: pointer;
    padding-bottom: 0.14vw;
}
.active h3::before{
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
	width: 2.08vw;
	height: 0.14vw;
	border-radius: 0.07vw;
	background: #FFFFFF;
}
.swiper{
	width: 100%;
	height: 34.79vw;
	position: relative;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 2.5vw !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 0.56vw !important;
}
.swiper-pagination-bullet{
	width: 2.22vw !important;
	height: 0.21vw !important;
	border-radius: 0 !important;
	background: rgba(255,255,255,0.3) !important;
}
.swiper-pagination-bullet-active{
	border: rgba(255,255,255,0.8) !important;
}
.swiper-container{
	padding-bottom: 0 !important;
}
.swiper_word1{
	position: absolute;
	font-size: 3.06vw;
	font-weight: bolder;
	color: #FFFFFF;
	line-height: 3.06vw;
	top: 8.47vw;
	left: 10vw;
	z-index: 10;
}
.swiper_word2{
	position: absolute;
	font-size: 2.36vw;
	font-weight: bolder;
	color: #FFFFFF;
	line-height: 2.36vw;
	background: linear-gradient(148deg, #4B71FF 0%, #6FFAEF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	top: 13.75vw;
	left: 10vw;
	z-index: 10;
}
.nav ul.menu>li h3::after {
    --scale: 0;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 0.14vw;
	border-radius: 0.07vw;
    background: #FFFFFF;
    -webkit-transform: scaleX(var(--scale));
    -ms-transform: scaleX(var(--scale));
    transform: scaleX(var(--scale));
    -webkit-transform-origin: var(--x) 50%;
    -ms-transform-origin: var(--x) 50%;
    transform-origin: var(--x) 50%;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
    -o-transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}
.nav ul.menu>li {
    float: left;
	width: 8.61vw;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nav ul.menu>li.active h3 {
    font-size: 0.97vw;
    font-weight: bold;
}
.nav ul.menu>li h3:hover::after {
    --scale: 1;
}
.bottom{
	max-width: 100%;
	height: 23.06vw;
	background: #333333;
	overflow: auto;
}
.bottom_area{
	width: 1152px;
	margin: 0 auto;
}
.bottom_hc{
	width: 6.67vw;
	height: 4.86vw;
	margin-top: 2.85vw;
}
.company_detail{
	font-size: 0.97vw;
	font-weight: 400;
	color: #D1D1D1;
	line-height: 1.67vw;
	margin-top: 1.67vw;
}
.company_detail2{
	font-size: 0.97vw;
	font-weight: 400;
	color: #6279CD;
	line-height: 1.39vw;
	margin-top: 2.85vw;
	display: flex;
	justify-content: space-between;
}
.police{
	display: inline-flex;
	height: 1.39vw;
	align-items: center;
	cursor: pointer;
}
.police_img{
	width: 1.25vw;
	height: 1.39vw;
	margin-right: 0.63vw;
}
.icp,.privacy{
	cursor: pointer;
}