@charset "utf-8";
/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span{font:400 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#333;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333; overflow-x:hidden;}
body{background: linear-gradient(180deg, #1F175C -0.16%, #1D2339 99.84%), #111;}
h2{color: #FFF;text-align: center;font-size: 48px;font-style: normal;font-weight: 700;line-height: 140%;}
h3{color: #FFF;font-weight: 700;line-height: 140%;text-align: center;}
p{color: #FFF;text-align: center;font-weight: 400;}
.ft_48{font-size: 48px;}
.ft_24{font-size: 24px;}
.ft_22{font-size: 22px;}
.ft_20{font-size: 20px;}
.ft_18{font-size: 18px;}
.ft_16{font-size: 16px;}



/* nav */

/* .nav_dl_btn:hover{border: 1px solid #7057EA;}
.nav_dl_btn:active{border: 1px solid #5744B8;} */
.sub_nav .nav_dl_btn { color: #fff; border: 1px solid #fff; }
.sub_nav .sub_nav_cont li a.nav_dl_btn:hover { color: #7242FB; border: 1px solid #fff; background-color: #fff; text-decoration: none; }
.sub_nav .sub_nav_cont li a.nav_buy_btn{color: #7242FB;}
.sub_nav .sub_nav_cont li a.nav_buy_btn:hover { text-decoration: none; }
/* .sub_nav .nav_dl_btn:active { color: #968AD1; border: 1px solid #968AD1; } */
.sub_nav .sub_nav_cont li a { color: #fff; }
.sub_nav .sub_nav_cont li a:hover{ text-decoration: underline; color: #fff; }
.sub_nav .sub_nav_cont li a:active{color: #968AD1;}
.sub_nav .sub_nav_cont li dd a { color: #333; }
.sub_nav .sub_nav_cont li dd a:hover { color: #7057EA; }
.sub_nav .sub_nav_cont li dd a:active { color: #968AD1; }
.sub_nav .sub_nav_os:after { color: #fff; }
.sub_nav .sub_nav_cont a { color: #fff; }
.sub_nav_float.sub_nav .sub_nav_cont li a { color: #333; }
.sub_nav_float.sub_nav .sub_nav_cont li a:hover { color: #B6A8FF; }
.sub_nav_float.sub_nav .sub_nav_cont li a:active { color: #968AD1; }
.sub_nav_float.sub_nav .nav_dl_btn { color: #333; border: 1px solid #333; }
.sub_nav_float.sub_nav .sub_nav_cont li a.nav_dl_btn:hover { color: #B6A8FF; border: 1px solid #B6A8FF; }
.sub_nav_float.sub_nav .sub_nav_cont li a.nav_dl_btn:active { color: #968AD1; border: 1px solid #968AD1; }
.sub_nav_float.sub_nav .sub_nav_os:after { color: #333; }
.sub_nav_float.sub_nav .sub_nav_cont a { color: #333; }
/* banner */
.banner{width: 100%;min-height: 958px;overflow: hidden;background: radial-gradient(109.51% 62.19% at 50% 0%, rgba(114, 66, 251, 0.16) 0%, rgba(114, 66, 251, 0.00) 100%);;background-size: cover;}
.banner_text{margin: 146px auto 0;z-index: 5;}
.banner_icons{left: 50%;transform: translatex(-50%);}
.banner_text h2{max-width: 835px ;margin: 0 auto 36px;}
.banner_text p{line-height: 180%;max-width: 1118px ;margin: 0 auto;}
.vzhome_btn {margin:70px auto 0;text-align: center;}

.vzhome_btn p {display: inline-block;vertical-align: top}

.vzhome_btn p em { font-size: 14px;color: #d9d9d9;display: block;margin-top: 10px;text-align: center}

.vzhome_btn p del {text-decoration: none}

.vzhome_btn a {cursor: url(https://imobie-resource.com/en/vozard/img/custom_cursor2.png),auto;-webkit-user-select: none;-webkit-user-drag: none; -webkit-touch-callout: none;border-radius: 12px; position: relative;display: inline-block;vertical-align: middle;font-weight: 700;text-align: center;text-decoration: none;transition: transform .3s linear;-webkit-transition: transform .3s linear;-moz-transition: transform .3s linear;-ms-transition: transform .3s linear;-o-transition: transform .3s linear}

.vzhome_btn a:hover {transform: translateY(-5px)}
.vzhome_btn a.atihome_dlbtn {width: 280px; height: 70px; line-height: 70px; box-sizing: border-box; font-size: 24px; font-weight: 600; color: #fff; background-color: #7242fb}
p.dlbtnp {margin-right: 40px}
.vzhome_btn a.atihome_buybtn {width: 280px; height: 70px; line-height: 68px; box-sizing: border-box; font-size: 24px; font-weight: 600; border: 1px solid #f90; background-color: #f7ac46; color: #fff}
.atihome_dlbtn,.atihome_buybtn {position: relative}
.am_down::after {content: "\e931"; font-family: iconfont; display: inline-block; margin-left: 12px; position: relative; vertical-align: middle; color: inherit; font-size: 24px; font-weight: 400}
.am_buy::after {content: "\e92a"; font-family: iconfont; display: inline-block; margin-left: 12px; position: relative; vertical-align: middle; color: inherit; font-size: 24px; font-weight: 400}
.banner_video{width: 100%;margin-top: -415px;}
.banner_video img{max-width:100%;display: block;margin: 0 auto;}
.video_play{width: 102px;height: 102px;background: rgba(255, 255, 255, 0.10);border: 0.622px solid rgba(255, 213, 213, 0.10);border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%, -50%); cursor: pointer;transition: all .3s ;display: flex;align-items: center;justify-content: center;}
.video_play_block{width: 74px;height: 74px;border-radius: 50%;background-color: #B9B7FF;transition: all .2s ;display: flex;align-items: center;justify-content: center;}
.video_play:hover{width: 110px;height: 110px;}
.video_play:hover .video_play_block{width: 90px;height: 90px;}

/* set1 */
.set1{max-width: 1400px;width: 96%;margin: 0 auto;padding-bottom: 98px;margin-top: -50px;}
.set1>p{max-width: 1065px;margin: 40px auto 0;}
.exhibit{width: 100%;margin: 80px auto 0;overflow: hidden;}
.exhibit_tab{width: 1800px; display: flex;align-items: center;justify-content: space-between;transition: all .3s ease-in-out;}
.exhibit_tab li{width: 240px;height: 56px;display: flex;justify-content: center;align-items: center;border-radius: 74px;background: rgba(0, 0, 0, 0.15);cursor: pointer;color: rgba(255, 255, 255, 0.80);font-size: 16px;font-weight: 700;transition: all .3s ease-in-out;}
.exhibit_tab li:hover{background: rgba(255, 255, 255, 0.15);}
.exhibit_tab li.act{background: #7242FB;color: #FFF;}
.exhibit_box{width: 100%;max-width: 1260px;;margin: 100px auto 0;display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 80px 100px;}
.exhibit_items{width: 248px;height: 316px;cursor: pointer;transition: all .3s ease-in-out;position: relative;}
.exhibit_items a{position: absolute;width: 100%;height: 100%;top: 0;}
.exhibit_items img{display: block;border-radius: 50%;border: 4px solid rgba(255, 255, 255, 0.20);box-sizing: border-box;transition: all .3s ease-in-out;}
.exhibit_items:hover{transform: translateY(-20px);}
.exhibit_items:hover img{border: 4px solid #fff}
.exhibit_items p{margin-top: 40px;}
.exhibit_page{width: 188px;height: 64px;;display: flex;align-items: center;justify-content: space-between;margin: 120px auto 0;}
.exhibit_page div{width: 64px;height: 64px;border-radius: 50%;box-sizing: border-box;border: 2px solid #ffffff;display: flex ;align-items: center;justify-content: center;transition: all .3s ease-in-out;}
.exhibit_page div:hover{border: 1px solid  #7242FB;}
.exhibit_page .prev:hover::after,.exhibit_page .next:hover::after{color: #7242FB;}
.exhibit_page .next::after{transition: .3s;transform: rotateZ(180deg);font-size: 28px;content: "";color: #fff;content: "\e802";font-weight: 700;display: inline-block;font-family: iconfont}
.prev{cursor: pointer;}
.next{cursor:not-allowed}
.exhibit_page .prev::after {transition: .3s;font-size: 28px;content: "";color: #fff;content: "\e802";font-weight: 700;display: inline-block;font-family: iconfont}
.video_mask{width: 100%;height: 100%; position: fixed;background: rgba(0, 0, 0, 0.80);top: 0;z-index: 99;display: none;align-items: center;justify-content: center;}
.video_box{width: 80%;;max-width: 1120px;height: 576px;overflow: hidden;border-radius: 20px;box-sizing: border-box;border: 5px solid rgba(255, 213, 213, 0.10);}
.video_close{width: 32px;height: 32px;background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.04);border-radius: 50%;display: flex;align-items: center;justify-content: center;right: 21%;top: 14%;cursor: pointer;}
/* set1 */


/* set3 */

.set3{border-top: 2px solid rgba(255, 255, 255, 0.00);background: radial-gradient(28.57% 62.19% at 50% 0%, rgba(114, 66, 251, 0.08) 0%, rgba(37, 30, 80, 0.08) 100%);padding: 120px 0;}
.set3_item {display: flex;align-items: center;justify-content: space-between;max-width: 1167px ;margin: 0 auto;}
.set3_item .item_text{width: 100%;max-width: 535px;}
.set3_item h3{margin-bottom: 40px;text-align: left;}
.set3_item p{text-align: left;}
.set3_item.img_left .item_img{order: 1;}
.set3_item.img_left{margin-top: 80px;margin-bottom: 80px;}
/* set3 */

/* set2 */
.set2{border-top: 2px solid rgba(255, 255, 255, 0.00);background: radial-gradient(28.57% 62.19% at 50% 0%, rgba(114, 66, 251, 0.08) 0%, rgba(37, 30, 80, 0.08) 100%);padding: 120px 0;}
.set2 h3{max-width: 1150px;margin: 0 auto 80px;}
.set2 .set2_img_box{max-width: 829px;height: 520px; margin: 0 auto;}

.set2 .set2_img_box img{position: absolute;top: 0;left: 0;transition: all .3s ease-in-out;opacity: 0;max-width: 100%;border-radius: 31px;border: 2px solid rgba(255, 255, 255, 0.20);overflow: hidden;}
.set2 .set2_img_box img.act{opacity: 1;}

.set2_tab{max-width: 1220px;display: flex;align-items: center;justify-content:space-between;margin: 80px auto 0;}
.set2_tab .set2_item{display: flex;align-items: center;justify-content: space-between;width: 271px; cursor: pointer;padding-bottom: 28px;}
.set2_item .key{width: 49px;height: 49px;border-radius: 50%;background: rgba(255, 255, 255, 0.10);border: 2px solid rgba(255, 255, 255, 0.20);display: flex;align-items: center;justify-content: center;font-size: 28px;color:rgba(255, 255, 255, 0.50);font-weight: 600;box-sizing: border-box;transition: all .3s ease-in-out;}
.set2_item p{font-weight: 400;line-height: 150%;color:rgba(255, 255, 255, 0.50);text-align: left;max-width: 200px;transition: all .3s ease-in-out;}
.set2_itme_progress{width: 100%;height: 4px;background: rgba(255, 255, 255, 0.10);bottom: 0;opacity: 0;transition: all .3s ease-in-out;}
.set2_itme_progress::after{ content: "";left: 0;top: 0;position: absolute;width: 0%;height: 100%;background: #7242fb; }

.set2_item.act .key{background:#7242FB;}
.set2_item.act .key{color: #fff;}
.set2_item.act p{color: #ffffff;}
.act .set2_itme_progress{opacity: 1;}
.act .set2_itme_progress::after{animation: liner 6s infinite linear;}
@keyframes liner {
	0% { width: 0%; left: 0;}
	90% { width: 100%; left: 0;}
	100% {width:0%;  left: 100%;}
}

/* set2 */


/* set4 */
.set4{border-top: 2px solid rgba(255, 255, 255, 0.00);background: radial-gradient(28.57% 62.19% at 50% 0%, rgba(114, 66, 251, 0.08) 0%, rgba(37, 30, 80, 0.08) 100%);padding: 120px 0;}
.set4>h3{max-width: 920px; margin: 0 auto 80px;}
.set4 .set4_item_box{max-width: 1220px;margin: 0 auto;display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 60px;}
.set4_item{max-width: 580px;padding: 40px;border-radius: 12px;background: rgba(0, 0, 0, 0.10);}
.set4_item h3{text-align: left;margin: 16px 0;}
.set4_item p{text-align: left;}
.set4 h4{color: #FFF;font-size: 52px;font-style: normal;font-weight: 700;line-height: normal;text-align: center;margin: 120px auto 60px;}

.set4_text_box{max-width: 1400px;padding: 40px 329px 10px;box-sizing: border-box;margin: 0 auto;border-radius: 30px;background: rgba(0, 0, 0, 0.10);text-align: center;}
.set4_text_box p{margin-bottom: 30px;line-height: 180%;}
.set4_text_box p.purple{background: #4F447B;line-height: 40px;display: inline-block;margin: 0 auto 16px;padding:  0 10px;}
.set4_text_box p img{display: inline-block;vertical-align: middle;margin-left: 10px;}
.set4 .right_img{right: -31px;top: -122px;}
.set4 .left_img{left: 37px;bottom: 0;}

/* set4 */


/* set5 */
.section6 { background: #323263; border-radius: 30px; max-width: 1400px; margin: 0 auto 120px; width: 94%; }
.sec6_cont { max-width: 1400px; width: 100%; margin: 0 auto 0; box-sizing: border-box; padding: 50px 0 0 80px; }
.section6 .sec6_image { display: inline-block; vertical-align: bottom; transform: translateY(10px); max-width: 448px; }
.sec6_text { display: inline-block; max-width: 614px; width: 100%; vertical-align: middle; margin-right: 105px; }
.sec6_text h2 { font-size: 52px; font-weight: 600; color: #fff; }
.sec6_text h2 img { max-width: 100%; }
.sec6_text>p { font-size: 18px; font-weight: 500; color: #fff; margin: 16px auto 40px; line-height: 32px; }
.sec6_text .btn_groups p { text-align: center; display: inline-block; max-width: 280px; width: 100%; vertical-align: text-top; }
.sec6_text .btn_groups p:first-child { margin-right: 35px; text-align: center; }
.sec6_text .down_btn { display: inline-block; max-width: 280px; width: 100%; font-size: 24px; font-weight: 600; background-color: #7057ea; color: #fff; vertical-align: middle; text-align: center; padding: 17px 0; border-radius: 12px; transition: all .3s linear; }
.sec6_text .buy_btn { display: inline-block; max-width: 280px; width: 100%; font-size: 24px; font-weight: 600; background-color: #f7ac46; color: #fff; vertical-align: middle; text-align: center; padding: 17px 0; border-radius: 12px; transition: all .3s linear; }
.sec6_text .buy_btn:hover,.sec6_text .down_btn:hover { transform: translateY(-5px); }
.sec6_text .btn_groups a { text-decoration: none; }
.sec6_text p em { display: inline-block; font-size: 14px; color: #fff; margin-top: 10px; text-align: left; }
.sec6_text p em img { vertical-align: top; margin-left: 10px; }

.sec6_text p span {display: block; white-space: nowrap;}
.sec6_text p .text_box {padding-left: 35px; text-align: left; white-space: nowrap;}
.sec6_text p span a {font-size: 14px; color: #dfdfdf; white-space: nowrap;}
.sec6_text p span a:hover {text-decoration: underline;}
.sec6_groups {display: flex; margin-top: 60px; text-align: center; border-top: 2px solid transparent; padding: 40px 80px; position: relative; background: radial-gradient(28.57% 62.19% at 50% 0%,rgba(114,66,251,0.08) 0%,rgba(37,30,80,0.08) 100%);}
.sec6_groups p{text-align: left;}
.sec6_groups::after {content: ""; position: absolute; width: 100%; top: 0; left: 0; height: 2px; background: linear-gradient(90deg,rgba(217,217,217,0.00) 0%,rgba(217,217,217,.20) 50%,rgba(217,217,217,0.00) 100%);}
.sec6_groups li {align-items: center; display: flex; max-width: 260px; width: 100%; margin-right: 25px; text-align: left;}
/* .sec6_groups li:last-child {margin-right: 0;} */
.sec6_groups li p {color: rgba(255,255,255,.8); font-size: 16px; font-weight: 600; flex: 1;}
.sec6_groups li img {vertical-align: middle; width: 52px; margin-right: 14px;}
/* set5 */
@media screen and (max-width: 1400px){
    .set1{margin-top: -88px;}
    .set2,.set3,.set4{padding: 88px 0;}
    .banner_video{margin-top: -36%;}
    .video_close{right: 10%;top: 3%;}
    .sec6_cont{padding: 50px 0;}
    .sec6_groups li {max-width: 24%;text-align: center;margin: 20px 5px 0}

    .sec6_text {max-width: 45%;margin: 0 5%}

    .sec6_text .btn_groups p {max-width: 230px}

    .sec6_text .btn_groups p:first-child {margin-bottom: 20px}

    .sec6_groups li p {text-align: left}

    .sec6_groups li img {margin-right: 5px}
}
@media screen and (max-width: 1280px){
    .set2, .set3, .set4{padding: 76px 0;}
    .set1>p{max-width: 96%;}
    .exhibit_box{max-width: 100%;grid-gap:40px 60px;}
    .exhibit_items{width: 100%;}
    .set4_text_box{padding: 40px 186px 10px;}
    .exhibit_items{width: 201px;height: 278px;}
    .exhibit_items img{max-width: 100%;}
    .exhibit_tab{width: 1300px;}
    .exhibit_tab li{width: 180px;}
    .exhibit_page{margin: 60px auto 0;}

}
@media screen and (max-width: 1200px){
    .sec6_text .btn_groups p {max-width: 280px}
    .section6 .sec6_image{width: 40%;}
    .section6 .sec6_image img{width: 100%;}
}
@media screen and (max-width: 1060px){
    .set2_tab{flex-wrap: wrap;justify-content: center;}
    .set2_tab .set2_item{width: 36%;margin: 10px;}
    .set2_item p{max-width: 80%;width: 80%;}
}
@media screen and (max-width: 980px){
    .ft_48{font-size: 36px;}
    .set4 h4{font-size: 36px;}
    .banner_text h2{font-size: 36px;max-width: 96%;}
    .sub_navm_top h2{font-size: 24px;}
    .banner_video{margin-top: -49%;}
    .set1{padding-bottom: 60px;}
    .exhibit_tab{width: 1000px;}
    .exhibit_tab li{width: 140px;}
    .exhibit_page{margin-top: 30px;}
    .exhibit_box{width: auto;;height: auto;max-width: 96%;display: flex;flex-wrap: wrap;grid-gap:0 0;justify-content: flex-start;}
    .exhibit_items{width: 21%;height: auto;margin: 15px 15px;}
    .set2 .set2_img_box{max-width: 96%;}
    .set2 .set2_img_box img{width: 100%;}
    .set2_tab{margin-top: 100px;}
    .set2 h3{margin-bottom: 40px;}
    .set2,.set3,.set4{padding: 80px 0;}
    .set3 .item_img{max-width: 96%;}
    .set3 .item_img img{width: 100%;}
    .set3_item{flex-direction: column;max-width: 94%;margin: 0 auto;background: rgba(0, 0, 0, 0.10);border-radius: 10px;padding: 40px 0;}
    .set3_item.img_left .item_img{order: 0;}
    .set3_item .item_text{width: 96%;}
    .set3_item h3{font-size: 28px;margin: 15px 0;text-align: center;}
    .set3_item p{text-align: center;}
    .set4 .set4_item_box{max-width: 96%;margin: 0 auto;}
    .set4 h4{margin: 90px auto 60px;max-width: 96%;}
    .set4_text_box{padding: 40px 100px 20px;}
    .set4 .right_img{width: 140px;top: -67px;}
    .set4 .left_img{width: 80px;}
    .sec6_cont {padding: 50px 20px;text-align: center}
    .sec6_text {max-width: none;margin: 0 auto}
    .section6 .sec6_image {width: auto;margin-top: 20px}

    .sec6_groups {display: flex;flex-flow: wrap;justify-content: center}

    .sec6_groups li {display: flex;vertical-align: top;max-width: 31%;justify-content: center}

    .faq_item h4 .icon_down::after {transform: translate(-20px,-50%)}

    .cont_hot a {margin: 0 0 24px;width: 100%}

    .cont_hot {margin: 60px 40px 40px}
}

@media screen and (max-width: 750px){
    .set1{margin-top: -13px;}
    .set2 .set2_img_box{height: 450px;}
    .exhibit_items{width: 19.5%;}
    h3{max-width: 96%;margin: 0 auto;}
    .set4>h3{margin-bottom: 40px;max-width: 96%;}
    .set4 .set4_item_box{display: flex;grid-gap:0 0;flex-direction: column;align-items: center;}
    .set4_item{margin-bottom: 15px;max-width: 96%;box-sizing: border-box;}
    .set4_text_box{padding: 40px 5% 40px;}
    .set4_text_box p{font-size: 18px;}
    
    .set3_item.img_left{margin-top: 40px;margin-bottom: 40px;}
    .banner_text{margin-top: 60px;}
    .sec6_groups {margin-top: 0}
    .sec6_groups li p {font-size: 14px}

    .sec6_groups li {width: 48%}

    .sec6_text .btn_groups p:first-child {margin-right: 20px}

    .sec6_groups {padding: 20px 0}
    .video{top: 12%;}
}
@media screen and (max-width: 638px){
    .set2, .set3, .set4{padding: 40px 0;}
    p.dlbtnp{margin-right: 0;margin-bottom: 20px;}
    .vzhome_btn{margin-top: 30px;}
    .video_play{width: 60px;height: 60px;}
    .set2 .set2_img_box{max-width: 86%;height: 300px;}
    .video_play_block{width: 42px;height: 42px;}
    .exhibit_box{margin-top: 20px;min-height: 291px;}
    .exhibit_tab li{width: 100px;font-size: 14px;height: 33px;}
    .exhibit_tab{width: 660px;}
    .exhibit_page div{width: 32px;height: 32px;}
    .exhibit_page .prev::after,.exhibit_page .next::after{font-size: 16px;}
    .exhibit_page {width: 100px;height: 32px;}
    .exhibit_items p{margin-top: 20px;font-size: 14px;}
    .exhibit_page {margin-top: 10px;}
    .exhibit_items{max-width: 16%;}
    .set4{overflow: hidden;}
    .sec6_groups li {max-width:340px;width: 94%}
    .sec6_groups li p {max-width: none;text-align: left}
    .sec6_image{max-width: 96%;}
    .sec6_image img{width: 100%;}
    .sec6_text .btn_groups p:first-child{margin-right: 0;margin-bottom: 10px;}
    .video_close {top: 21%;}
    .set2_tab{margin-top: 40px;}
    .set2 .set2_img_box{max-width: 86%;height: 300px;}
    .set2_tab .set2_item{width: 86%;}
}


@media screen and (max-width: 415px){
    .set4 h4{margin: 64px auto 60px;}
    .set2 .set2_img_box{max-width: 86%;height: 180px;}
    .set2_tab{margin-top: 62px;}
    .set4 .left_img{width: 65px;}
    .set4 .right_img{width: 113px;right: -11px;}
}