@charset "utf-8";

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
	font-family: 'Poppins';
}

a {
    text-decoration: none;
    color: initial;
}
body * {
    box-sizing: border-box;
    flex-shrink: 0;
    line-height: inherit;
}
body {
    font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
    font-size: 12px;
}
body,h1,h2,h3,h4,h5,h6,p ,ul,ol,dd,table,input,textarea,dl{padding: 0;margin:0;}
input {
    background-color: transparent;
    border: 0;
}
button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent;
}
ul,li{list-style: none;}
img{
    max-width: 100%;
    vertical-align: top;
}
input:focus,textarea:focus,select:focus{outline: none;}
video {
    display: block;
}
textarea{resize:none;}
.clear:after{content: "";display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}
.clear{zoom:1;}
.left{
    float: left;
}
.right{
    float: right;
}

.svj_flex1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0.92rem;
    padding: 0.16rem 0.6rem;
}

.header {
    width: 100%;
    position: absolute;
    z-index: 9;
}

.head_nav>ul {
    display: flex;
}



.head_logo {
    max-width: 1.34rem;
}
.btn_before {
    max-width: .44rem;
    margin-right: .16rem;
	transition: 0.4s all ease;
}
.head_nav li a {
    color: #8A8A8A;
    text-align: center;

/* menu-1级菜单 */
    font-family: Poppins;
    font-size: 0.16rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.15px;
    text-transform: capitalize;
    transition: 0.2s all ease;
}

.bg_video1 {
    width: 100%;
    display: block;
}
.head_nav>ul>li {
    display: flex;
    align-items: center;
    margin: 0 .2rem;
    position: relative;
    padding: 0 0.1rem;
}
.down_arrows {
    display: flex;
    margin-left: .05rem;
}
.component_button{
	display: flex;
	
}
.component_button span{
	color: #000000;
	font-size: 0.14rem;
}
.component_button {
    padding: 0.08rem 0.3rem 0.08rem 0.08rem;
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 50px;
    cursor: pointer;
    margin-right: .2rem;
    position: relative;
    z-index: 1;
}

.component_button span {
    font-size: .14rem;
    font-weight: 500;
	transition: 0.2s all ease-in-out;
}

.component_button:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: #fff;
    position: absolute;
    border-radius: 50px;
    z-index: -1;
    transition: 0.2s all ease-in-out;
    box-sizing: border-box;
}

.component_button:hover:before   {
    width: calc(100% + 0.14rem);
}
.component_button:hover span{
	transform: translateX(0.14rem);
}
.head_nav>ul>li:hover>i {
    transform: rotateZ(180deg);
}

.head_nav>ul>li>i {
    transition: 0.2s all ease;
}
.head_nav>ul>li:after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: linear-gradient(90deg, #FF2C4F, #A64AC7);
    position: absolute;
    bottom: 0.05rem;
    transition: 0.3s all ease;
    left: 0;
}

.head_nav>ul>li:hover:after {
    width: 100%;
}

.head_nav>ul>li:hover>a {
    transform: translateY(-0.02rem);
    color: #fff;
}
.menu-dorpdown2 {
    display: none;
}
.menu-dorpdown1 {
    opacity: 0;
	visibility: hidden;
	transition: 0.3s all ease;
    position: absolute;
    top: 240%;
    padding: .24rem;
    width: 2.3rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(10px);
}
.head_nav>ul>li:hover .menu-dorpdown1 ,.head_nav>ul>li:hover .menu-dorpdown2{
	opacity: 1;
	visibility: visible;
	top: 100%;
}

.menu-dorpdown1 li {
    margin-bottom: .16rem;
}

.menu-dorpdown1 li:last-child {
    margin-bottom: 0;
}
.menu-dorpdown1 li a {
    display: block;
    text-align: left;
    font-size: .14rem;
}
.head_nav>ul>li>a {
    padding: .1rem 0;
}
.menu-dorpdown1 li a:hover{
	color: transparent;
	background: linear-gradient(to bottom, #ffeed1, #daba82);
	-webkit-background: linear-gradient(to bottom, #ffeed1, #daba82);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	background: var(--brand-, linear-gradient(90deg, #FF2C4F 0%, #A64AC7 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.icon_arrow_right_line {
	transition: 0.4s all ease;
	opacity: 0;
}
.menu-dorpdown2{
	display: flex;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 11.8rem;
	top: 150%;
	justify-content: space-between;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.10);
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
	backdrop-filter: blur(10px);
	padding: 0.4rem 0.6rem;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s all ease;
}
.image-effect {
    width: 18%;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.icon_transform1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.4s all ease;
    transform: rotateZ(135deg);
}
.image_effect_ab {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    padding: 0.1rem;
    opacity: 0;
    transition: 0.3s all ease;
    color: #fff;
}
.image-effect:hover .image_effect_ab{
    opacity: 1
}
.image-effect:hover>a>img {
    transform: scale(1.6);
}

.image-effect>a>img {
    transition: 0.3s all ease;
}
.image-effect:hover .icon_transform1 {
    transform: rotateZ(375deg);
    opacity: 1;
}

.icon_transform1 img {
    width: 100%;
}
.image-effect:hover .image_effect_ab.image_effect_ab1 {
    color: #fff;
	transform: translate(-50%,-50%) scale(0.9);
}
.image_effect_ab.image_effect_ab1 {
    opacity: 1;
    color: #FF2C4F;
}
.svj_svg1 img {
    margin: 0 auto;
}

.svj_svg1 {
    text-align: center;
    padding: .8rem 0 0 0;
    position: relative;
    width: 11.5rem;
    margin: 0 auto;
}
#lottie {
	width: 1.8rem;
	position: absolute;
	right: 2rem;
	top: 0;
}
.svj_section1 {
    background: #000;
}
.svj_robp {
    margin: 8;
    width: 8.6rem;
    margin: 0 auto;
    color: #8A8A8A;
    font-size: .24rem;
    margin-top: 0.6rem;
}
.svj_section2 {
    position: relative;
}

.svj_section2_lay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 29.34%, rgba(0, 0, 0, 0.00) 75.69%, #000 100%);
}
.svj_section3 {
    padding: 1.4rem 0;
    background: #000;
}

.svj_container_1220 {
    width: 12.2rem;
    margin: 0 auto;
    max-width: 100%;
}

.service_flex {
    display: flex;
    justify-content: space-between;
}

.service_box1 {
    width: 4rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding-top: .2rem;
    padding-bottom: .8rem;
}

.service_box2 {
    width: 8rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.service_boxt1 {
    width: 100%;
}

.service_boxp1 {
    color: #ddd;
    font-family: Poppins;
    font-size: 0.14rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: .08rem;
}

.service_boxp2 {
    color: #fff;
    font-family: Poppins;
    font-size: .5rem;
    font-style: normal;
    font-weight: 600;
    line-height: .6rem; /* 120% */
    text-transform: capitalize;
}
.service_boxb2 {
    width: calc(50% - 0.1rem);
    padding: 0 .3rem;
    margin-bottom: .6rem;
}

.service_boxb21 {
    width: 1.36rem;
    height: 1.36rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

.service_boxbh3 {
    margin-top: .3rem;
    margin-bottom: .16rem;
    color: #fff;
    text-align: center;

    font-size: .2rem;
    font-style: normal;
    font-weight: 600;
    line-height: .24rem; /* 120% */
    letter-spacing: 0.15px;
    text-transform: uppercase;
}

.service_boxbp1 {
    color: rgb(255,255,255,30%);
    text-align: center;

    font-size: .14rem;
    font-style: normal;
    font-weight: 400;
    line-height: .22rem; 
	transition: 0.4s all ease;
}
.service_boxb21 .ideam1 {
    width: .8rem;
	transition: 0.4s all ease;
}
.service_boxb2:hover .icon_transform1{
	transform: rotateZ(375deg);
	opacity: 1;
}
.service_boxb2:hover .ideam1{
	transform: scale(0.8);
}
.service_boxb2:hover .service_boxbp1{
	 color: rgb(255,255,255,60%);
}
.icon_transform1:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 400px;
    opacity: 0.2;
    background: #9747FF;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	transition: 0.6s all ease;
}
.service_boxb2:hover .icon_transform1:before{
	 width: 100%;
	 height: 100%;
}
.svj_split_vi {
    transform: rotate(-3deg);
    overflow: hidden;
    width: 100%;
}

.svj_split {
    padding: 0.6rem 0;
    overflow: hidden;
    position: relative;
}
.svj_split:before {
    background: #000;
    content: "";
    display: block;
    width: 104%;
    height: 2.1rem;
    position: absolute;
    left: -0.1rem;
    top: 0;
    transform: rotate(-3deg) translateY(-0.6rem);
}
.svj_split_vi1{
	max-width: 17.5rem;
}
.svj_sec4_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.svj_container_1200 {
    width: 12rem;
    max-width: 100%;
    margin: 0 auto;
}

.svj_section4 {
    padding-top: 1.2rem;
    padding-bottom: .6rem;
}

.svj_sec4_b1 {
    max-width: 8.6rem;
}

.svj_sec4_p1 {
    color: #262626;
    font-size: .16rem;
}

.svj_sec4_p2 {
    font-size: .5rem;
    font-weight: bold;
    text-transform: capitalize;
    line-height: .6rem;
    margin-top: 0.08rem;
    margin-bottom: 0.08rem;
}

.svj_sec4_p3 {
    font-size: .14rem;
    line-height: .22rem;
    color: #262626;
}
.component_button.black {
    background: #000;
}
.component_button.black:hover:before {
    border: 1px solid #FF2C4F;
}
.component_button.black:before {
    background: #000;
    border: 1px solid #000;
}
.component_button.black span {
    color: #fff;
    text-transform: capitalize;
}
.cta_flex {
    display: flex;
    justify-content: space-between;
    margin-top: .6rem;
}

.cta_box {
    width: calc(50% - .3rem);
}

.cta_box1 {
    position: relative;
    border-radius: 0.3rem;
    overflow: hidden;
}

.cta_boxhov {
	position: absolute;
	left: 50%;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	padding: 0.38rem;
	color: #fff;
	font-size: .14rem;
	line-height: .22rem;
	background: #9747FF;
	transition: 0.4s all cubic-bezier(0.9, 0.39, 0, 0.76);
	transform: translate(-50%,-50%) scale(0.0001);
	visibility: hidden;
}
.cta_box:hover .cta_boxhov{
	border-radius: 0;
	transform: translate(-50%,-50%) scale(1);
	visibility: visible;
}
.cta_box2 p {
    font-size: .2rem;
    font-weight: bold;
    padding-left: .3rem;
    margin-top: .3rem;
    border-left: 1px solid #000;
    line-height: .24rem;
}

.cta_boxhovp {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .38rem;
}
.svj_sec5_pd {
    width: 8.6rem;
    max-width: 100%;
    overflow: hidden;
    border-radius: 0.3rem;
	background-color: #9747FF;
}

.svj_sec5_pd img {
    opacity: 0.2;
}
.svj_sec5_pd1 {
    padding-top: 1rem;
    position: relative;
}
.svj_sec5_pd2 {
    width: 8.6rem;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    padding: .5rem .4rem;
    border-radius: 30px;
    border: 1px solid var(--line, #DDD);
    background: var(--, #FFF);

/* 投影 */
    box-shadow: 8px 16px 20px 0px rgba(0, 0, 0, 0.03);
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
}

.svj_sec5_num {
    width: 33.3%;
    text-align: center;
    border-left: 1px solid var(--line, #DDD);
}

.svj_sec5_nump1 {
    font-size: .68rem;
    font-weight: bold;
}

.svj_sec5_nump2 {
    font-size: .14rem;
}

.svj_sec5_num:first-child {
    border-left: none;
}
.svj_sec5_num2:after {
    content: "+";
    display: inline-block;
    font-size: .4rem;
    vertical-align: super;
    font-weight: normal;
}

.svj_sec5_num3:after {
    content: "K";
    display: inline-block;
    font-size: .4rem;
    vertical-align: super;
    font-weight: normal;
}
.svj_section6 {
    padding: 1.2rem 0;
}
.svj_sec6p1 {
    font-size: .16rem;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.15px;
    text-transform: capitalize;
}

.svj_sec6p2 {
    font-size: .5rem;
    font-weight: 600;
    text-align: center;
    line-height: .6rem; /* 120% */
    letter-spacing: -1px;
    text-transform: capitalize;
    margin-top: .08rem;
    margin-bottom: .3rem;
}
.svj_sec6a {
    justify-content: center;
    display: flex;
}
.svj_sec6_team1 {
    display: flex;
    width: 7.77rem;
    margin: 0 auto;
    max-width: 100%;
    justify-content: space-between;
    margin-top: .6rem;
}

.svj_sec6_teamb {
    width: calc(50% - 0.15rem);
}

.svj_sec6_teami {
    padding: 0 0.72rem;
    position: relative;
}

.svj_sec6_teami1 {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: -1;
    text-align: center;
    left: 0;
	transform: scale(0);
	transform-origin: bottom;
	transition: 0.4s all ease;
}
.svj_sec6_teami1 img {
    max-width: 1.56rem;
}

.svj_sec6_teamp1 {
    text-align: center;
    font-size: 0.16rem;
    font-weight: bold;
    margin-top: 0.11rem;
}

.svj_sec6_teamp2 {
    text-align: center;
    font-size: 0.14rem;
    color: #8A8A8A;
}
.svj_sec6_teamio {
    overflow: hidden;
}
.svj_sec6_teamio img{
	transition: 0.4s all cubic-bezier(0.9, 0.39, 0, 0.76);
}
.svj_sec6_teamb:hover .svj_sec6_teami1{
	transform: scale(1);
}
.svj_sec6_teamb:first-child:hover .svj_sec6_teamio img{
	transform: translate(-0.1rem,0.1rem);
}
.svj_sec6_teamb:last-child:hover .svj_sec6_teamio img{
	transform: translate(0.1rem,0.1rem);
}
.team2 .service_boxb21 {
    width: 2.2rem;
    height: 2.2rem;
    overflow: hidden;
    border-radius: 50%;
}

.team2 .service_boxb21 .ideam1 {
    width: 90%;
    position: relative;
    z-index: 1;
    filter: grayscale(1);
}

.icon_transform2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    transition: 0.4s all cubic-bezier(0.9, 0.39, 0, 0.76);
    z-index: 2;
}

.team2:hover .ideam1 {
    width: 120%;
	filter: grayscale(0);
}

.icon_transform2 img {
    display: block;
}
.team2:hover .icon_transform2{
	transform: rotateZ(180deg);
	opacity: 0;
}
.team2 .icon_transform1{
	z-index: 2;
	transform: rotate(-180deg);
}
.team2:hover .icon_transform1{
	transform: rotate(0deg);
	opacity: 1;
}
.icon_transform3{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 400px;
    opacity: 0.2;
    background: #9747FF;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.6s all ease;
	z-index: 0;
}
.team2:hover .icon_transform3{
	width: 90%;
	height: 90%;
}
.svj_sec6_teambp1 {
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translate(-50%,0);
    opacity: 0;
    transition: 0.4s all cubic-bezier(0.9, 0.39, 0, 0.76);
    text-align: center;
    width: 100%;
}

.team2 {
    position: relative;
}
.team2:hover .svj_sec6_teambp1 {
	top: 105%;
	opacity: 1;
}
.svj_sec6_teambpp1 {
    font-size: .2rem;
    font-weight: bold;
    color: #010101;
}

.svj_sec6_teambpp2 {
    font-size: .14rem;
    color: #262626;
}
.svj_sec6_team2 {
    display: flex;
    justify-content: space-between;
    margin-top: .3rem;
    flex-wrap: wrap;
}

.svj_sec6_teamb2 {
    position: relative;
    width: 20%;
}
.svj_section7{
	overflow: hidden;
	position: relative;
}
.svj_section7_swiper3 {
    overflow: hidden;
	width: 8rem;
	max-width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.svj_section7_swiper2 {
    width: 8.3rem;
    overflow: hidden;
	position: absolute;
	left: 50%;
	bottom: 5%;
	transform: translate(-50%,0);
}

.svj_section7_swiper2 .swiper-slide{
	margin-right: .1rem;
	border-radius: .1rem;
	overflow: hidden;
	border: 1.5px solid transparent;
	overflow: hidden;
	border-radius: .24rem;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	cursor: pointer;	
}
.svj_section7_swiper2 .swiper-slide:last-child{
	margin-right: 0;
}
.svj_section7_p1 {
    font-size: .6rem;
    color: #fff;
    line-height: .6rem;
    font-weight: 600;
	margin-bottom: .32rem;
}

.svj_section7_p2 {
    font-size: .14rem;
    color: #fff;
}
.svj_section7_swiper2 .slick-slide.slick-current.slick-active {
	background-image: linear-gradient(to right, #222, #222), linear-gradient(to right,#ff2c4f,#a64ac7);
	
}

.button-prev1 {
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
.button-next1 {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
.button-p1,.button-n1 {
    padding: .1rem;
    width: .5rem;
    height: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 0.02rem solid #fff;
    cursor: pointer;
}
.button-p1n.rg {
    position: absolute;
    transform: translateX(0.25rem);
}
.button-p1n.lt {
    position: absolute;
    transform: translateX(-0.25rem);
}
.button-p1n.lt img {
    transform: scale(0);
    transition: 0.4s all ease;
    transform-origin: right;
    display: block;
}
.button-p1n.rg img {
    transform: scale(0);
    transition: 0.4s all ease;
    transform-origin: left;
    display: block;
}
.slick-arrow:hover .button-p1n.rg img{
	transform: scale(1);
}
.slick-arrow:hover .button-p1n.lt img{
	transform: scale(1);
}
.button-p1n.lt:after {
    content: "";
    display: block;
    width: 0.14rem;
    height: 0.06rem;
    background: #fff;
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: -.05rem;
	transition: 0.4s all ease;
	transform-origin: center;
}
.button-p1n.rg:after {
    content: "";
    display: block;
    width: 0.14rem;
    height: 0.06rem;
    background: #fff;
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: -.05rem;
	transition: 0.4s all cubic-bezier(0.9, 0.39, 0, 0.76);
	transform-origin: center;
}

.slick-arrow:hover .button-p1n.rg:after, .slick-arrow:hover .button-p1n.lt:after{
	transform: scale(1.2) translateY(-50%);
	opacity: 0;
}
.metaverse_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.metaverse_fl {
    width: 5.8rem;
    max-width: 100%;
}

.metaverse_fr {
    width: 4.8rem;
    max-width: 100%;
}
.metaverse_p1 {
	font-size: .16rem;
}

.metaverse_p2 {
	font-size: .5rem;
	margin-top: 0.08rem;
	margin-bottom: 0.3rem;
	text-transform: capitalize;
	line-height: .6rem;
}
.metaverse_p3{
	font-size: .14rem;
}

.metaverse_yuan {
    position: relative;
}

.metaverse_yuan1 {
    position: relative;
}

.metaverse_yuan2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    z-index: 3;
	transition: 0.4s all cubic-bezier(0.9, 0.39, 0, 0.76);
}

.metaverse_yuan3 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 53%;
    z-index: 4;
	transition: 0.4s all cubic-bezier(0.9, 0.39, 0, 0.76);
}
.metaverse_icon {
    position: absolute;
    background: #000;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    padding: 0.1rem;
	transition: 0.4s all cubic-bezier(0.9, 0.39, 0, 0.76);
	z-index: 3;
}
.metaverse_a{
	position: absolute;
	left: 50%;
	bottom: 15%;
	transform: translateX(-50%);
	z-index: 5;
	transition: 0.4s all cubic-bezier(0.9, 0.39, 0, 0.76);
}
.metaverse_yuan:hover .metaverse_yuan2 {
    transform:translate(-50%,-50%) scale(1.1) rotate(180deg) ;
}
.metaverse_yuan:hover .metaverse_yuan3 {
    transform:translate(-50%,-50%) scale(1.8);
}
.metaverse_icon1 {
    left: 56%;
    top: 28%;
    width: 0.6rem;
    height: 0.6rem;
}

.metaverse_icon2 {
    right: 22%;
    top: 55%;
}

.metaverse_icon3 {
    left: 24%;
    top: 50%;
}
.metaverse_yuan:hover .metaverse_icon1 {
	left: 68%;
	top: 10%;
	transform: scale(1.5);
	z-index: 5;
}
.metaverse_yuan:hover .metaverse_icon2 {
	right: 5%;
	top: 40%;
	transform: scale(1.3);
	z-index: 5;
}
.metaverse_yuan:hover .metaverse_icon3 {
	left: 8%;
	top: 60%;
	transform: scale(1.2);
	z-index: 5;
}
.metaverse_icon2:after {
    content: "";
    display: block;
    width: .1rem;
    height: .1rem;
    background: #000;
    border-radius: 50%;
    right: 0.05rem;
    position: absolute;
    top: 0;
	transition: 0.4s all cubic-bezier(0.9, 0.39, 0, 0.76);
}
.metaverse_yuan:hover .metaverse_icon2:after  {
	width: .15rem;
	height: .15rem;
	right: 0rem;
	background: linear-gradient(#FF2C4F,#A64AC7);
}
.metaverse_yuan2:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(0.01);
    background: #9747FF;
	opacity: 0.1;
	border-radius: 50%;
	transition: 0.4s all cubic-bezier(0.9, 0.39, 0, 0.76);
}
.metaverse_yuan:hover .metaverse_yuan2:after{
	transform: translate(-50%,-50%) scale(0.8);
}
.metaverse_yuan:hover .metaverse_a{
	transform: translateX(-50%) translateY(.2rem);
}
.aiinflus2 {
    display: none;
}
.metaverse_yuan:hover .aiinflus2 {
	display: block;
}
.metaverse_yuan:hover .aiinflus1 {
	display: none;
}
.svj_section9 {
    padding-top: .4rem;
}

.svj_section8 {
    padding-top: .6rem;
    padding-bottom: .8rem;
}

.svj_sec9_h4 {
    font-size: .16rem;
    text-align: center;
    margin-bottom: .25rem;
}


.svj_sec9_h2 {
    text-align: center;
    font-size: .5rem;
    margin-bottom: .6rem;
    width: 8.6rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.svj_sec9_flex {
    display: flex;
    overflow-x: auto;
    width: 100%;
    scrollbar-width: none; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

.svj_sec9_news {
    width: 32%; /* Adjust the width as needed */
    margin-right: 20px; /* Add some space between items */
    border-radius: .2rem;
    border: 1px solid rgba(138, 138, 138, 0.20);
    background: #FFF;
    overflow: hidden;
}

.svj_sec9_flex::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Chrome, Safari, and Opera */
}

.svj_sec9_news1 {
    padding: 0 .16rem .24rem .16rem;
    margin-top: .4rem;
}

.svj_sec9_news_h4 {
    font-size: .16rem;
    color: #8a8a8a;
    font-weight: 500;
    text-transform: capitalize;
}

.svj_sec9_news img {
    max-width: 100%;
    height: auto;
}

.svj_sec9_news_h3 {
    font-size: .24rem;
    margin-bottom: .24rem;
    margin-top: .08rem;
    text-transform: capitalize;
}

.svj_sec9_newsa {
    padding-top: .08rem;
    border-top: 1px solid #D9D9D9;
    display: flex;
    align-items: center;
    font-size: .14rem;
    font-weight: 500;
}
.svj_sec9_newsa img {
    margin-left: 0.1rem;
}
.svj_sec9_news:hover .svj_sec9_newsa span {
    background: linear-gradient(#FF2C4F, #A64AC7);
    -webkit-background-clip: text;
    background-clip: text; /* Standard property */
    color: transparent;
}

.svj_sec9_news .svj_sec9_newsa img{
	max-width: 0.16rem;
	transition: 0.4s all cubic-bezier(0.9, 0.39, 0, 0.76);
}
.svj_sec9_news:hover .svj_sec9_newsa img{
	margin-left: 85%;
}
.svj_sec9a {
    justify-content: center;
    display: flex;
    margin-top: .6rem;
}
.svj_h4 {
    font-size: .16rem;
    font-weight: 500;
}

.svj_h2 {
    font-size: .5rem;
    text-transform: capitalize;
    line-height: .6rem;
    margin-top: 0.08rem;
}

.svj_sec10_fl {
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.svj_sec10_fr {
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.svj_sec10_flex {
    display: flex;
    justify-content: space-between;
}

#lottie1 {
    width: 1.8rem;
}
.svj_sec10_p {
    width: 32%;
    margin-bottom: .2rem;
}

.svj_section10 {
    padding: 1.2rem 0;
}

.svj_sec10_p:nth-child(n+9) {
    margin-bottom: 0;
}
.svj_section11 {
    padding: 1.35rem .6rem .6rem .6rem;
	background-image: url(../images/join.jpg);
	background-position: center top;
	background-size: 90%;
	background-color: #000;
	background-repeat: no-repeat;
	position: relative;
}
.svj_section11::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 39.2%, rgba(0, 0, 0, 0.00) 100%);
	z-index: 0;
}
.svj_join {
    width: 9rem;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 1.5rem;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: .4rem .6rem;
    border-radius: .3rem;
    border: 1px solid var(--brand-, #FF2C4F);
    background: rgba(38, 38, 38, 0.60);
    backdrop-filter: blur(15px);
}
.svj_join_h2 {
    font-size: .8rem;
}

.svj_join_h4 {
    font-size: .2rem;
    font-weight: 500;
}
.svj_join_tt {
    color: #fff;
}
.svj_join_formip {
    display: flex;
    justify-content: space-between;
    margin-top: .6rem;
    margin-bottom: .3rem;
}

.svj_join_ipt {
    width: 49%;
    background: #fff;
    padding: .14rem;
    border-radius: .1rem;
    font-size: .14rem;
}
.footer {
    padding-top: .6rem;
    background: #000;
}

.footer_box h3 {
    font-size: .2rem;
    color: #fff;
    /* margin-bottom: .4rem; */
    text-transform: uppercase;
    height: .65rem;
}

.footer_box li,.footer_box li a {
    color: #8a8a8a;
    font-size: .14rem;
    line-height: .3rem;
}

.footer_flex {
    display: flex;
    justify-content: space-between;
}

.footer_box {
    width: 23%;
}


.footer_box .footer_boxl {
    line-height: .22rem;
    margin-bottom: .24rem;
}
.footer_box .footer_boxl2 a {
    font-size: .15rem;
    font-weight: bold;
    color: #E82393;
}
.footer_box li.footer_boxl3 {
    color: #fff;
}
.footer_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: .16rem 0;
    margin-top: .6rem;
    border-top: 1px solid #262626;
}

.footer_bottom1 {
    color: #666;
    font-size: .14rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15px;
    text-transform: capitalize;
}

.footer_bottom2 a {
    padding: .16rem;
    border-radius: 50%;
    border: 1px solid #3e3e3e;
    display: inline-block;
    margin-left: .1rem;
}

.footer_bottom2 a img {
    max-width: .22rem;
    display: block;
}
.banner_ny {
    padding-top: 1.7rem;
    background: #000;
}

.banner_ny_h1 {
    color: #fff;
    font-size: .68rem;
    font-style: normal;
    font-weight: 600;
    line-height: .8rem;
    letter-spacing: -1.36px;
    text-transform: capitalize;
    margin-bottom: 0.08rem;
}

.banner_ny_p1 {
    color: #fff;

    font-size: .14rem;
    font-style: normal;
    font-weight: 400;
    line-height: .22rem; 
}
.banner_ny_crumbs {
    margin-top: .6rem;
    padding: .16rem 0;
    color: #8A8A8A;
    border-top: 1px solid #8a8a8a;
    font-size: .14rem;
}

.banner_ny_crumbs a {
    color: #8a8a8a;
    font-size: .14rem;
}

.banner_ny_crumbs .on {
    color: #fff;
}

.banner_ny_crumbs span {
    margin: 0 .1rem;
}
.svj_about1 {
    padding-top: 1rem;
}

.svj_aboutflex {
    display: flex;
    justify-content: space-between;
}

.svj_about_fl {
    width: 8.7rem;
    max-width: 100%;
}

.svj_about_fr {
    width: 2.8rem;
    max-width: 100%;
}
.svj_about_fr #lottie {
    position: static;
    width: 2.4rem;
}
.svj_about_h4 {
    color: #1B252E;
    font-size: .16rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15px;
    text-transform: capitalize;
}

.svj_about_h2 {
    font-size: .5rem;
    color: #000;

    font-style: normal;
    font-weight: 600;
    line-height: .6rem; /* 120% */
    letter-spacing: -1px;
    text-transform: capitalize;
    margin-top: 0.08rem;
    margin-bottom: .6rem;
}

.svj_about_fl .bg_video1 {
    overflow: hidden;
    border-radius: 0.3rem;
}

.svj_about_p1 p {
    font-size: .14rem;
    margin-bottom: 0.3rem;
    line-height: .22rem;
}

.svj_about_p1 p:last-child {
    margin-bottom: 0;
}
.items_center {
    align-items: center;
    margin-bottom: .6rem;
}
.cta_box1_player {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: .8rem;
}
.video_abaout{
	cursor: pointer;
}
.bg_video2 {
	height: 5rem;
	object-fit: cover;
}
.svj_section6ab {
    padding: 0.8rem 0;
}
.svj_about2box_h3{
	font-size: .24rem;
	margin-top: 0.5rem;
	margin-bottom: 0.16rem
}
.svj_about2box_p{
	font-size: 0.14rem;
	color: #262626;
	line-height: 0.22rem;
}
.svj_about2flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.svj_about2box {
    width: 31%;
    text-align: center;
    position: relative;
    padding: .8rem 0.3rem;
}

.svj_about2svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
	width: 110%;
    visibility: hidden;
    transition: 0.4s all cubic-bezier(0.9, 0.39, 0, 0.76);
}
.svj_about2svg:after {
	content: "";
	display: block;
    position: absolute;
	width: 78%;
	height: 78%;
    left: 50%;
    top: 50%;
	transform: translate(-50%,-50%) scale(0);
	background-color: rgb(156,104,246);
	border-radius: 50%;
    opacity: 0;
    visibility: hidden;
	transition: 0.4s all cubic-bezier(0.9, 0.39, 0, 0.76);
}
.svj_about2box:hover .svj_about2svg{
	opacity: 1;
	visibility: visible;
	transform: translate(-50%,-50%) rotate(180deg);
}
.svj_about2box:hover .svj_about2svg:after{
	transform: translate(-50%,-50%) scale(1);
	opacity: 1;
	visibility: visible;
}
.svj_about2svgs{
	position: relative;
}
.svj_about2_team .svj_sec6_teamb2 {
    margin-bottom: 1rem;
}
.svj_about2_team {
    margin-top: .6rem;
}
.svj_about3_tt {
    text-align: center;
    margin-bottom: .6rem;
}
.svj_about3_nav {
    display: flex;
    justify-content: center;
    margin-bottom: .24rem;
}

.svj_about3_nav a {
    margin: 0 0.1rem;
    padding: .1rem .2rem;
    border: 1px solid #ddd;
    border-radius: 5px;
    transition: 0.4s all ease;
    font-size: .14rem;
}
.svj_about3_nav .active, .svj_about3_nav a:hover {
    background: #9747FF;
    color: #fff;
}
.svj_pageno {
    display: flex;
    justify-content: center;
	margin-top: .4rem;
}

.svj_pageno a {
    width: .5rem;
    height: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    margin: 0.05rem;
    border-radius: 50%;
    font-size: .14rem;
}

.svj_pageno li:last-child a {
    transform: rotate(180deg);
}
.svj_pageno a:hover,.svj_pageno .on {
    background: #9747FF;
    color: #fff;
}
.svj_pageno .act,.svj_pageno .act:hover {
    background: #262626;
    color: #fff;
}

.svj_pageno a:hover img,.svj_pageno .on img{
    filter: invert(1);
}
.svj_sec6p1.text_left,.svj_sec6p2.text_left {
	text-align: left;
}
.svj_team1_flex {
    display: flex;
    justify-content: space-between;
}

.svj_team1_fl {
    width: 2.77rem;
    max-width: 100%;
}

.svj_team1_fr {
    width: 8.92rem;
	position: relative;
}

.svj_team1_img {
    width: .8rem;
}
.svj_team1_h3 {
    font-size: .2rem;
    text-transform: uppercase;
    margin-top: .1rem;
    position: relative;
}

.svj_team1_h3:after {
    content: "";
    display: block;
    width: 0.7rem;
    height: 0.03rem;
    background: rgba(255, 44, 79, 1);
    margin-top: .3rem;
}
.svj_team_slick {
    position: relative;
}
.svj_team1_fr .button-prev1,.svj_team1_fr .button-next1{
	z-index: 9;
	top: 35%;
}
.svj_team1_line .button-p1,.svj_team1_line .button-n1{
	border: 0.02rem solid #000;
}
.svj_team1_line .button-p1n.rg:after,.svj_team1_line .button-p1n.lt:after{
	background: #000
}
.svj_team1_line .button-p1n.rg img,.svj_team1_line .button-p1n.lt img{
	filter: brightness(0);
}
.svj_team_slick .slick-list{
	padding-bottom: 1rem;
}
.svj_team1_line {
    padding-bottom: .4rem;
    margin-bottom: .4rem;
    border-bottom: 1px solid #ddd;
}
.svj_team1_line:last-child{
	border: none;
	padding: 0;
	margin: 0;
}
.svj_split.white:before {
    display: none;
}
.pb00{
	padding-bottom: 0;
}
.pb120{
	padding-bottom: 1.2rem;
}
.team_view1 {
    padding: 1.2rem 0;
}

.team_view1_tt {
    width: 8.6rem;
}
.team_view1 .svj_team1_flex {
    margin-top: .6rem;
}

.svj_team1_p1 {
    margin-top: 0.4rem;
    font-size: .14rem;
    line-height: .22rem;
    color: #262626;
}
.svj_team1_h31 {
    font-size: .5rem;
    text-transform: uppercase;
    line-height: .5rem;
}
.svj_team1_h3.tema {
    line-height: .2rem;
    margin-top: 0;
}

.svj_team1_fle1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.svj_team1_fle1 img {width: 32%;margin-bottom: 0.15rem;}
.head_nav>ul>li>i>img {
    max-width: 0.08rem;
}

.head_logo img {
    display: block;
}
.svj_about2svgs>img {
    width: 0.8rem;
    display: block;
    margin: 0 auto;
}
.news_view1flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.news_view1j {
    width: 100%;
}

.news_view1k {
    width: 33%;
    position: relative;
    padding: .8rem .4rem;
    border-radius: .3rem;
    background: #fff;
    box-shadow: 2px 16px 20px 0px rgba(0, 0, 0, 0.06);
    padding-bottom: .2rem;
}

.news_view1j1 {
    display: flex;
    margin-bottom: .4rem;
}

.news_n1 {
    max-width: 0.18rem;
    margin-right: .1rem;
}

.news_view1 {
    padding: 1.2rem 0;
    background: #f8f8f8;
}

.news_view1j11 {
    display: flex;
    align-items: center;
    padding-right: .1rem;
    margin-right: .1rem;
    border-right: 1px solid #ddd;
    color: rgba(119, 121, 128, 1);
    font-size: .14rem;
}

.news_view1j11:last-child {
    border-right: none;
}

.news_content h3 {
    font-size: .24rem;
    margin-top: .3rem;
    margin-bottom: .17rem;
}
.news_content p {
    color: #777980;
    font-size: .14rem;
    font-style: normal;
    font-weight: 400;
    line-height: .2rem; /* 150% */
    margin-top: .17rem;
}
.svj_container_1070{
	width: 10.7rem;
	max-width: 100%;
	margin: 0 auto;
}
.news_link a {
    padding: .15rem;
    border-radius: 50%;
    display: inline-block;
    margin-left: .1rem;
}

.news_link a img {
    max-width: .16rem;
	display: block;
}
.news_link {
    display: flex;
    align-items: center;
    margin-top: .5rem;
    font-size: .24rem;
    font-weight: 600;
}
.v1{
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.00) 100%);
	background-color: #3B5998;;
}
.v2{
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.00) 100%);
	background-color: #0077B5;
}
.v3{
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.00) 100%);
	background-color: #1DA1F2;
}
.v4{
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.00) 100%);
	background-color: #BD081C;
}
.news_view1k_img {
    position: absolute;
    width: 1rem;
    top: -0.5rem;
    left: 50%;
    transform: translateX(-50%);
}
.news_t1 {
    font-size: .3rem;
    text-align: center;
    font-weight: bold;
    line-height: .36rem;
}

.news_ipt1 {
    display: flex;
    justify-content: space-between;
    margin-top: 0.3rem;
}

.news_ip1 {
    width: 48%;
    font-size: .14rem;
    padding: .12rem;
    border-bottom: 1px solid #17161A;
}

.news_ip2 {
    font-size: .14rem;
    padding: 0.12rem;
    border-bottom: 1px solid #17161A;
    width: 100%;
    margin-top: .1rem;
    margin-bottom: .1rem;
}

.news_te1 {
    height: 1rem;
    border: none;
    border-bottom: 1px solid #17161A;
    padding: .12rem;
    width: 100%;
}
.news_ip1::placeholder,.news_ip2::placeholder,.news_te1::placeholder{
	font-size: .14rem;
	color: #17161A;
}
.news1_btn1 {
    display: block;
    width: 100%;
    text-align: center;
    padding: .14rem;
    font-size: .2rem;
    font-weight: bold;
    color: #fff;
    background: #000;
    margin-top: .4rem;
    cursor: pointer;
}
.pbt120{
	padding: 1.2rem 0;
}
.news_blog .svj_sec9_news {
    margin-bottom: 0.3rem;
    margin-right: 1.3%;
}
.news_blog .svj_sec9_flex {
    justify-content: flex-start;
}
.svj_project1_slick,.relative{
	position: relative;
}
.svj_project1 {
    padding-top: .2rem;
    padding-bottom: 1.2rem;
}
.svj_brand {
    display: flex;
    flex-wrap: wrap;
}

.svj_brand img {
    width: 15%;
    margin-right: 2%;
    margin-bottom: .2rem;
}

.svj_brand img:nth-child(6n) {
    margin-right: 0;
}
.svj_al1 {
    padding-top: 1.2rem;
    background: #000;
}

.svj_al1_box h4 {
    font-weight: 400;
    font-size: .16rem;
    text-transform: capitalize;
}

.svj_al1_box h2 {
    font-size: .5rem;
    margin-bottom: .4rem;
}

.svj_al1_box p {
    color: #8a8a8a;
    font-size: .14rem;
}

.svj_al1_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.svj_al1_box {
    width: 49%;
    color: #fff;
}

.svj_al1_box p:first-child {
    margin-bottom: .6rem;
}
.svj_caonbox1 {
	padding: 0.2rem 0.4rem;
}
.svj_caonbox1btn {
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 0.5rem;
}

.svj_caonbox1 .news_t1 {
    color: #000;
    font-size: .55rem;
}
.svj_contact1 {
	padding-top: 1.2rem;
}
.svj_caonbox1 .news_ip1,.svj_caonbox1 .news_te1 {
    border: 1px solid #262626;
    border-radius: 0.05rem;
    margin-top: .2rem;
}
.svj_caonbox1 .news_ip1:focus, .svj_caonbox1 .news_te1:focus{
	border: 1px solid #9747FF;
}
.svj_contact1 .svj_al1_flex {
	
border-radius: .3rem;
	
background: #fff;
	
box-shadow: 17px 7px 54.9px 0px rgba(0, 0, 0, 0.12);
	
overflow: hidden;
	
position: relative;
	
z-index: 2;
}
.svj_contact2 {
    padding: 1.6rem 0.6rem 0.8rem 0.6rem;
    display: flex;
    justify-content: space-between;
    background: url(../images/fram1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -0.8rem;
}

.svj_contact2_item {
    width: 30%;
    padding: .6rem;
    color: #fff;
}

.svj_contact2_item h3 {
    padding-bottom: .2rem;
    margin-bottom: .2rem;
    position: relative;
    font-size: .2rem;
}
.svj_contact2_item h3:after {
    content: "";
    display: block;
    width: 0.7rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    height: 0.02rem;
}
.svj_contact2_item p {
    font-size: .14rem;
    line-height: .22rem;
}
.svj_contact2_item .conp1 {
    margin-bottom: .4rem;
}
.svj_contact2_link a {
    max-width: .4rem;
}
.cona1{
	font-size: .16rem;
	color: #fff;
}
.svj_container_960 {
	width: 9.6rem;
	max-width: 100%;
	margin: 0 auto;
}
.step {
    width: 6rem;
    max-width: 100%;
    margin: .6rem auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.step_item {
    width: 49%;
    text-align: center;
    border-bottom: 1px solid #fff;
    position: relative;
    padding: .12rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: .16rem;
}

.step_item.on:after {
    content: "";
    display: block;
    width: 100%;
    height: 0.02rem;
    bottom: 0;
    position: absolute;
    left: 0;
    background: linear-gradient(90deg, #FF2C4F 0%, #A64AC7 100%);
}
.on .step_item1 {
    background: #9747FF;
    width: .32rem;
    height: .32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
    border-radius: 50%;
    color: #fff;
    margin-right: .1rem;
}
.hui .step_item1 {
    width: .32rem;
    height: .32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
    border-radius: 50%;
    color: rgba(0,0,0,0.25);
    margin-right: .1rem;
    border: 1px solid rgba(0,0,0,0.25);
}
.hui .step_item2{
	color: rgba(0,0,0,0.25);
}
.step_img {
    position: absolute;
    width: 0.1rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.contract1_h2 {
    font-size: .5rem;
    text-align: center;
    padding-bottom: .2rem;
    border-bottom: 1px solid #000;
    margin-bottom: .4rem;
}

.contract1_h3 {
    font-size: .2rem;
    margin-bottom: .08rem;
}

p.contract1_p {
    font-size: .14rem;
    color: #262626;
    margin-bottom: .4rem;
}

.contract1_box {
    padding: 0 .6rem;
}


.contract1_box p {
    font-size: .14rem;
    color: #262626;
    margin-bottom: 0.2rem;
    line-height: .22rem;
}
.agreen1 img {
    max-width: 0.16rem;
    display: block;
    margin-right: .1rem;
}

.agreen1 {
    display: flex;
    align-items: center;
    margin-top: .4rem;
    font-size: .14rem;
}
.agreen_btn {
    text-align: center;
}

.agreen_btn1 {
    padding: .12rem .3rem;
    font-size: .14rem;
    background: #000;
    border-radius: 1rem;
    color: #fff;
    margin-top: .6rem;
    cursor: pointer;
}
.step_item3 {
    max-width: .32rem;
    margin-right: .1rem;
}
.contract2.svj_caonbox1 {
    padding-top: .6rem;
    padding-bottom: 1.2rem;
    display: none;
}
.contract1 {
    padding-bottom: 1.2rem;
}
.svj_contact2_link img {
    max-width: .4rem;
}
.step_img img {
    display: block;
}
.svj_section7_swiper1 .slick-slide img {
    width: 100%;
}
.svj_section7_swiper1 {
    background: #000;
}

/* Gallery modal */
/* Style for the lightbox */
.lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
  }
  
  .lightbox img {
    display: block;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  /* Hide scrollbar when lightbox is open */
  body.lightbox-open {
    overflow: hidden;
  }
  
  /* Gallery End */


@media screen and (max-width: 980px) {
    body {
        width: 980px;
    }
}
@media screen and (min-width: 2200px) {
    .svj_split_vi{
        width: 101%;
        margin-left: -0.1rem
    }
    .svj_split:before{
            top: -0.5rem;
    }
}