@charset "utf-8";
/* --------reset-------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;}
ol,ul{list-style:none;}
a{color:#333;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a img{border:none;}table{border-collapse:collapse;border-spacing:0;}
input,textarea,button{font:inherit;color:inherit;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,strong,th,var{font-style:normal;vertical-align:middle;}
em,i{font-style:normal;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
header,footer,article,section,menu,nav,aside,dialog,figure,figcaption,hgroup,details,summary{display:block;}
button,textarea,input:not([type="radio"]):not([type="checkbox"]){-webkit-appearance:none;-moz-appearance:none;appearance:none;}
:focus{outline:0;}/* Form selected style modification */

/* --------global-------- */
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Pingfang SC,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;color:inherit;}
body{
  background-color: #fff;
  --primary:#0091ff;
  --border: #f3f3f3;
  --red: #f10101;
  --blue: #81c2ff;
  --green: #019734;
  --yellow: #ffcf00;
  --black: #333333;
  --darkGray: #666666;
  --gray: #999999;
  --ghostWhite: #f3f3f3;
  --white: #ffffff;
}

/*字体自适应*/
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs24{font-size:24px;}
.fs30{font-size:30px;}
.fs32{font-size:32px;}
.fs40{font-size:40px;}

.flex-box{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*旧*/ -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; box-align: center; /*新*/ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
.flex-row{ /*旧*/-webkit-box-orient:horizontal; -moz-box-orient:horizontal; -ms-box-orient:horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; /*新*/-webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.flex-row-reverse{ /*旧*/-webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-direction: reverse; -ms-box-direction: reverse; box-direction: reverse; /*新*/-webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.flex-col{ /*旧*/-webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; /*新*/-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-col-reverse{ /*旧*/-webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-direction: reverse; -ms-box-direction: reverse; box-direction: reverse; /*新*/-webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
.flex-wrap{ /*旧*/-webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-box-lines: multiple; box-lines: multiple; /*新*/-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-start{ /*旧*/-webkit-box-pack: start; -moz-box-pack: start; -ms-box-pack: start; box-pack: start; /*新*/-webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; }
.flex-center{ /*旧*/-webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; box-pack: center; /*新*/-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; }
.flex-end{ /*旧*/-webkit-box-pack: end; -moz-box-pack: end; -ms-box-pack: end; box-pack: end; /*新*/-webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; }
.flex-between{ /*旧*/-webkit-box-pack: justify; -moz-box-pack: justify; -ms-box-pack: justify; box-pack: justify; /*新*/-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }
.flex-around{ /*旧*/-webkit-box-pack: justify; -moz-box-pack: justify; -ms-box-pack: justify; box-pack: justify; /*新*/-webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; }

.flex-col-start{ /*旧*/-webkit-box-align: start; -moz-box-align: start; -ms-box-align: start; box-align: start; /*新*/-webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; }
.flex-col-center{ /*旧*/-webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; box-align: center; /*新*/-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
.flex-col-end{ /*旧*/-webkit-box-align: end; -moz-box-align: end; -ms-box-align: end; box-align: end; /*新*/-webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; }
.flex-col-stretch{ /*旧*/-webkit-box-align: stretch; -moz-box-align: stretch; -ms-box-align: stretch; box-align: stretch; /*新*/-webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; }
.flex-col-baseline{ /*旧*/-webkit-box-align: baseline; -moz-box-align: baseline; -ms-box-align: baseline; box-align: baseline; /*新*/-webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; }

.flex-rows-start{ /*新*/-webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; align-content: flex-start; }
.flex-rows-center{ /*新*/-webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; }
.flex-rows-end{ /*新*/-webkit-align-content: flex-end; -moz-align-content: flex-end; -ms-align-content: flex-end; align-content: flex-end; }
.flex-rows-stretch{ /*新*/-webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; align-content: stretch; }
.flex-rows-between{ /*新*/-webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; align-content: space-between; }
.flex-rows-around{ /*新*/-webkit-align-content: space-around; -moz-align-content: space-around; -ms-align-content: space-around; align-content: space-around; }

.flex-self-start{ -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; }
.flex-self-center{ -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; }
.flex-self-end{ -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end; }
.flex-self-stretch{ -webkit-align-self: stretch; -moz-align-self: stretch; -ms-align-self: stretch; align-self: stretch; }
.flex-self-baseline{ -webkit-align-self: baseline; -moz-align-self: baseline; -ms-align-self: baseline; align-self: baseline; }

.flex-grow-1{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 20px; width: 0; }

.flex-grid{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*旧*/ -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; box-align: center; /*新*/ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; /*旧*/-webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-box-lines: multiple; box-lines: multiple; /*新*/-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /*旧*/-webkit-box-pack: justify; -moz-box-pack: justify; -ms-box-pack: justify; box-pack: justify; /*新*/-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }
.flex-cell-20{ width: 20%; width: calc((100% - 10px*4)/5); }
.flex-cell-25{ width: 25%; width: calc((100% - 10px*3)/4); }
.flex-cell-33{ width: 33.3333%; width: calc((100% - 10px*2)/3); }
.flex-cell-50{ width: 50%; width: calc((100% - 10px)/2); }
img{display: block;}

body{height: 100vh;background-color: #0A0713;}
.m1440{max-width: 1440px;margin: 0 auto;}
.container{color: #fff;}
.swiper{width: 100%;height: 100%;}
.swiper-slide {color: #fff;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.header{position: fixed;top: 0;left: 0;right: 0;height: 130px;padding-right: 325px;z-index: 9;}
.header div{color: #fff;margin: 0 0 0 68px;height: 130px;line-height: 130px;font-size: 20px;position: relative;cursor: pointer;}
.header div i{transition: all ease .5s;position: absolute;bottom: 42px;display: block;height: 2px;background-color: #fff;width:0;}
.header div:hover i,
.header div.active i{width: 100%;}

/* 首页 */
/* .index{position: relative;width:100vw;height: 100vh;background: url('../images/pc/index.png') no-repeat center;background-size: 100% 100%;} */
.index{position: relative;width:100vw;height: 100vh;background: url('https://huiying-demo.oss-cn-shanghai.aliyuncs.com/hy/20251128/c60ae63bd552fdec85dd3140710fb412.png') no-repeat center;background-size: 100% 100%;}
.index .stars{position: absolute;right: calc(100vw / 1920 * 317);top: 0;width: 261px;height: 174px;z-index: 2;}
.index .logo{position: absolute;left: 147px;top: 60px;width: 166px;height: 85px;}
.index .index_title{width: 708px;height: 166px;z-index: 2;margin-bottom: 156px;}
.index .index_bg{width: 862px;height: 899px;z-index: 1;}
.index .code_box{width: 206px;height: 254px;padding: 20px;background: url('../images/pc/code.png') no-repeat center;background-size: 100%;margin-left: 43px;}
.index .code_box img{width: 166px;height: 166px;}

/* 界面预览 */
.preview{position: relative;height: 100vh;}
.preview .swiper_title{font-size: 48px;position: relative;line-height: 1;font-weight: 400;margin-bottom: 64px;}
.preview .swiper_title::before{content: "";display: block;width: 52px;height: 52px;background: url('../images/pc/title.png') no-repeat center;background-size: 100%;position: absolute;top: -77px;left: -3px;}
.preview .swiper_detail{text-align: center;font-size: 24px;line-height: 34px;}
.preview .swiper_img{width: 787px;height: 787px;}
.preview .swiper_img.swiper1{margin-left: 5px;}
.preview .swiper_img.swiper2{margin-right: 58px;}
.preview .swiper_img.swiper3{margin-left: 26px;}
.preview .swiper_img.swiper4{margin-right: 127px;}
.preview .swiper_img.swiper5{width: 805px;margin-left: 5px;}
.preview .swiper_img.swiper6{margin-right: 31px;height: 820px;}
.swiper-pagination-bullet{width: 12px;height: 12px;background: rgba(218,188,255,0.3);transition: all ease .5s;}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 10px auto;}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(1),
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(1),
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(8),
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(8){display: none;}
.swiper-pagination-bullet-active{width: 18px;height: 18px;position: relative;}
.swiper-pagination-bullet-active::before{content: "";display: block;width: 10px;height: 10px;background: rgba(218,188,255,0.7);border-radius: 50%;margin: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{right: 30px;}

/* 联系我们 */
.contact{height: 100vh;}
.contact .logo{width: 166px;height: 85px;margin:0 0 30px 21px;}
.contact .code_box{width: 206px;height: 254px;padding: 20px;background: url('../images/pc/code.png') no-repeat center;background-size: 100%;margin-bottom: 30px;}
.contact .code_box img{width: 166px;height: 166px;}
.contact .email{width: 28px;height: 28px;margin-right: 24px;}
.contact .con_item{margin: 0 143px;position: relative;}
.contact .con_item img{margin: 0 auto;width: 98px;height: 98px;}
.contact .con_item img:nth-of-type(1){width: 64px;height: 64px;margin-bottom: 36px;}
.contact .con_item:nth-of-type(3){margin-right: 0;}
.contact .con_item ~ .con_item::before{content: "";display: block;width: 1px;height: 98px;background-color: #868489;position: absolute;left: -143px;bottom: 0;}
.swiper-pagination {opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.swiper-pagination.visible {opacity: 1;visibility: visible;}
.contact .beian_box{position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);color: #9e9e9e;}
.contact .beian{width: 16px;height: 16px;margin: 0 8px;}
@media (max-width: 1920px){
  .index .index_bg{right: 30px;top: 94px;width: 700px;height: auto;z-index: 1;}
  .index .stars{right: 50px;}
  .m1440{margin: 0 auto;}
  .header.m1440{margin: 0 auto;}
  .swiper-slide{padding: 0 60px;}
  .preview .swiper_img{width: calc(787px * .7);height: calc(787px * .7);}
  .preview .swiper_img.swiper5{width: calc(805px * .7);}
  .preview .swiper_img.swiper6{height: calc(820px * .7);}
  .contact .con_item{margin: 0 100px;}
  .contact .con_item ~ .con_item::before{left: -100px;}
}