.all{ width: 1600px; margin: 0 auto; position: relative; }
.banner_cont{ position: relative; }
.banner_cont .bg{ width: 100%; }
.banner_cont .text{ position: absolute; width: 1600px; top: 35%; left: 50%; margin-left: -800px; }
.banner_cont .text .t{ width: 100%; }
.banner_cont .text .t1{ margin-bottom: 40px; }
.banner_cont .text .star{ position: absolute; left: 37.6%; top: -50px; opacity: 0; animation: shake 1s ease 0.8s normal forwards 1; z-index: 1; }
.banner_cont .textbox{ position: absolute; bottom: 20%; text-align: center; width: 100%; }
.banner_cont .textbox .max{ display: inline-block; font-size: 60px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.banner_cont .textbox .min{ color: #fff; font-size: 36px; }
.mainArrow{ position: absolute; bottom: 18%; left: 50%; margin-left: -20px; color: #fff; }
.mainArrow .ani{ position: absolute; left: 50%; margin-left: -10px; top: 40px; }
.mainArrow .ani span{ display: block; width: 20px; height: 16px; margin-top: -4px; background: url(../images/about/arrow.png) no-repeat center; }
.mainArrow .ani .sp1{ animation: arrow 1.5s linear 0s infinite; }
.mainArrow .ani .sp2{ animation: arrow 1.5s linear 0.5s infinite; }
.mainArrow .ani .sp3{ animation: arrow 1.5s linear 1s infinite; }
.banner_cont.news .arrow{ bottom: 10%; }
.mainMax span{ font-size: 48px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.aboutCont{ position: relative; }
.aboutCont .aboutTitle{ display: inline-block; font-size: 24px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; }
.aboutCont .aboutMax{ display: inline-block; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.aboutCont .aboutTitle::after{ content: ''; position: absolute; width: 100%; bottom: -10px; height: 3px; left: 0; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); }
.aboutCont .bgcolor{ background: #010408; }
.aboutCont .section1{ margin-top: -212px; padding-top: 190px; background: url(../images/about/mask.png) no-repeat center top; transition: all 0.2s ease; }
.aboutCont .section1 .bgcolor{ padding-top: 40px; }
.aboutCont .section1 .text{ text-align: center; width: 60%; margin: 0 auto 80px; }
.aboutCont .section1 .text .aboutTitle{ margin-bottom: 60px; }
.aboutCont .section1 .text .min{ color: #fff; line-height: 40px; font-size: 24px; margin-bottom: 40px; }
.aboutCont .section1 .text .max span{ display: inline-block; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 60px; }
.aboutCont .section1 .text .aboutMax{ font-size: 60px; }
.aboutCont .section1 .list{ display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
.aboutCont .section1 .list::before,.aboutCont .section1 .list::after{ width: 1px; height: 100%; background: #1a1a1a; position: absolute; content: ''; top: 0; }
.aboutCont .section1 .list::before{ left: 32.5%; }
.aboutCont .section1 .list::after{ right: 32.5%; }
.aboutCont .section1 .list .li{ width: 25%; box-sizing: border-box; text-align: center; }
.aboutCont .section1 .list .li:last-child{ border:none; }
.aboutCont .section1 .list .li p{ color: #fff; line-height: 36px; margin-top: 20px; }
.aboutCont .section1 .list .li .max{ margin-top: 20px; }
.aboutCont .section1 .list .li .max span{ font-size: 24px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.aboutCont .section1 .point{ position: absolute; width: 100%; top: 130%; transition: all 0.2s ease; }
.aboutCont .section1 .point img{ width: 100%; }

.aboutCont .section2{ margin-bottom: 300px; }
.aboutCont .section2 .text{ width: 30%; margin-left: 8%; }
.aboutCont .section2 .text .aboutTitle{ margin-bottom: 60px; }
.aboutCont .section2 .text .aboutMax{ font-size: 60px; margin-bottom: 40px; }
.aboutCont .section2 .text .min .li{ margin-bottom: 20px; padding-left: 20px; background: url(../images/about/libg.png) no-repeat left center; }
.aboutCont .section2 .imgbox{ position: absolute; right: 0; top: 0; width: 50%; }
.aboutCont .section2 .imgbox img{ width: 100%; margin-bottom: 40px; transition: all 0.3s ease; }
.aboutCont .section2 .imgbox img:hover{ transform: translateY(-20px); }

.aboutCont .section3{ margin-bottom: 160px; }
.aboutCont .section3 .flex{ display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; }
.aboutCont .section3 .imgbox{ width: 42%; overflow: hidden; }
.aboutCont .section3 .imgbox img{ width: 100%; transition: all 2s ease; }
.aboutCont .section3 .imgbox img:hover{ transform: scale(1.05) }
.aboutCont .section3 .text{ width: 50%; padding-right: 5%; box-sizing: border-box; }
.aboutCont .section3 .text .aboutTitle{ margin-bottom: 40px; }
.aboutCont .section3 .aboutMax{ font-size: 48px; margin-bottom: 40px; }
.aboutCont .section3 .min{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.aboutCont .section3 .min .li{ width: 28%; margin-bottom: 40px; }
.aboutCont .section3 .min .li img{ margin-bottom: 10px; }
.aboutCont .section3 .min .li p{ line-height: 30px; }
.aboutCont .bgCont{ background: #010101 url(../images/about/bg.jpg) no-repeat center top; }

.aboutCont .section4{ padding: 30px 0 450px; }
.aboutCont .section4 .flex{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.aboutCont .section4 .numberbox{ width: 50%; text-align: center; }
.aboutCont .section4 .numberbox .number{ font-size: 180px; display: inline-block; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; }
.aboutCont .section4 .numberbox p{ color: #fff; font-size: 24px; }
.aboutCont .section4 .text{ width: 50%; }
.aboutCont .section4 .text .aboutTitle{ margin-bottom: 80px; }
.aboutCont .section4 .aboutMax{ font-size: 48px; margin-bottom: 60px; }
.aboutCont .section4 .min{ font-size: 18px; color: #fff; line-height: 36px; }
.aboutCont .section4 .min span{ color: #29c9ff; }

.aboutCont .section5{ padding: 130px 0; }
.aboutCont .section5 .aboutTitle{ margin-bottom: 20px; }
.aboutCont .section5 .flex{ display: flex; justify-content: space-between; align-items: center; }
.aboutCont .section5 .pintbox{ width: 45%; position: relative; }
.aboutCont .section5 .pintbox .img{ width: 100%; }
.aboutCont .section5 .pintbox .rotate{ position: absolute; width: 100%; top: 0; height: 100%; left: 0; opacity: 0; transform: rotate(180deg); }
.aboutCont .section5 .pintbox .rotate img{ width: 100%; }
.aboutCont .section5 .pintbox.aos-animate .rotate{ opacity: 1; transform: rotate(0); transition: all 1s ease 0.5s; }
.aboutCont .section5 .pintbox .swiper-pagination{ width: 100%; height: 100%; top: 0; left: 0; }
.aboutCont .section5 .pintbox .swiper-pagination-bullet{ background: none; line-height: 24px; position: absolute; padding-left: 30px; text-align: left; width: 120px; opacity: 0; transform: translateX(-20px); }
.aboutCont .section5 .pintbox.aos-animate .swiper-pagination-bullet{ opacity: 1; transform: translateX(0); }
.aboutCont .section5 .pintbox .swiper-pagination-bullet::after{ content: ''; position: absolute; width: 41px; height: 41px; left: -9px; top: -9px; background: url(../images/about/star2.png) no-repeat center; transition: all 0.3s ease; }
.aboutCont .section5 .pintbox .swiper-pagination-bullet-active::after{ background: url(../images/about/star3.png) no-repeat center; top: -5px; }
.aboutCont .section5 .pintbox .sp0{ top: 5%; left: 72%; }
.aboutCont .section5 .pintbox .sp1{ top: 16%; left: 85%; }
.aboutCont .section5 .pintbox .sp2{ top: 30%; left: 94%; }
.aboutCont .section5 .pintbox .sp3{ top: 45%; left: 97%; }
.aboutCont .section5 .pintbox .sp4{ top: 60%; left: 96%; }
.aboutCont .section5 .pintbox .swiper-pagination-bullet em{ font-size: 18px; transition: all 0.3s ease; }
.aboutCont .section5 .pintbox .swiper-pagination-bullet-active em{ color: #fff; font-size: 22px; line-height: 34px; }
.aboutCont .section5 .pintbox.aos-animate .sp0{ transition: all 0.3s ease 1.3s; }
.aboutCont .section5 .pintbox.aos-animate .sp1{ transition: all 0.3s ease 1.4s; }
.aboutCont .section5 .pintbox.aos-animate .sp2{ transition: all 0.3s ease 1.5s; }
.aboutCont .section5 .pintbox.aos-animate .sp3{ transition: all 0.3s ease 1.6s; }
.aboutCont .section5 .pintbox.aos-animate .sp4{ transition: all 0.3s ease 1.7s; }
.aboutCont .section5 .textCont .swiper-slide{ opacity: 0 !important; transition: all 0.3s ease; }
.aboutCont .section5 .textCont .swiper-slide-active{ opacity: 1 !important; }
.aboutCont .section5 .textCont{ width: 45%; }
.aboutCont .section5 .textCont .swiper-slide{ height: 100%; }
.aboutCont .section5 .textCont .max{ font-size: 36px; display: inline-block; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 60px; }
.aboutCont .section5 .textCont .year{ font-size: 72px; display: inline-block; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 30px; }
.aboutCont .section5 .textCont .min{ font-size: 24px; color: #fff; margin-bottom: 10px; }
.aboutCont .section5 .textCont .p{ font-size: 18px; color: #fff; }
.aboutCont .section5 .button{ position: absolute; bottom: 0; left: 55%; }
.aboutCont .section5 .button .num{ color: #333; padding-left: 30px; white-space: nowrap; }
.aboutCont .section5 .button .swiper-button-next{ left: auto; right: -30px; top: -14px; margin: 0; background-size: auto 20px; }
.aboutCont .section5 .button .swiper-button-prev{ left: 0; top: -14px; margin: 0; background-size: auto 20px; }

.aboutCont .section6{ margin-bottom: 80px; }
.aboutCont .section6 .aboutTitle{ margin-bottom: 60px; }
.aboutCont .section6 .flex{ display: flex; justify-content: space-around; flex-wrap: wrap; }
.aboutCont .section6 .textbox{ margin-bottom: 20px; }
.aboutCont .section6 .list{ width: 26%; text-align: center; margin-bottom: 40px; padding: 0 40px; position: relative; box-sizing: border-box; color: #fff; }
.aboutCont .section6 .list::before{ content: ''; width: 38px; height: 69px; background: url(../images/about/aw1.png) no-repeat center; position: absolute; left: 0; top: 0; }
.aboutCont .section6 .list::after{ content: ''; width: 38px; height: 69px; background: url(../images/about/aw2.png) no-repeat center; position: absolute; right: 0; top: 0; }
.aboutCont .section6 .list .min{ margin-bottom: 15px; }
.aboutCont .section6 .list .max{ font-size: 20px; }
.aboutCont .section6 .imgbox img{ width: 100%; }

.aboutCont .section7{ padding: 40px 0 180px; background: url(../images/about/earth.png) no-repeat center; background-size: 50%; background-attachment: fixed; }
.aboutCont .section7 .aboutTitle{ margin-bottom: 80px; }
.aboutCont .section7 .contact{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 100px; }
.aboutCont .section7 .contact .list{ width: 30%; text-align: center; }
.aboutCont .section7 .contact .list .min{ margin: 20px 0; font-size: 18px; color: #fff; }
.aboutCont .section7 .contact .list .max{ line-height: 40px; font-size: 36px; display: inline-block; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 30px; }
.aboutCont .section7 .contact .last .max{ font-size: 24px; }
.aboutCont .section7 .contact .list .btn a{ display: inline-block; border-radius: 30px; width: 150px; height: 50px; background: #007ee4; color: #fff; line-height: 50px; transition: all 0.3s ease; }
.aboutCont .section7 .contact .list .btn a:hover{ background: #056abe }
.aboutCont .section7 .media{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.aboutCont .section7 .media .list{ width: 15%; background: #0a0c0f; border-radius: 10px; padding: 45px 20px; box-sizing: border-box; text-align: center; transition: all 0.5s ease; }
.aboutCont .section7 .media .list .max{ color: #fff; margin: 15px 0 10px; }
.aboutCont .section7 .media .list:hover img{ transform: rotateY(360deg); transition: all 0.5s ease; }
.aboutCont .section7 .media .list:hover{ transform: translateY(-20px) }

.banner_cont.news .newsbanner{ position: fixed; width: 100%; height: 100%; top: 0; background: url(../images/news/banner.jpg) no-repeat center; background-size: cover; }
.banner_cont.news .img{ width: 100%; opacity: 0; }
.banner_cont.news .newsbanner{ z-index: unset }
.newsCont{ margin-top: -100px; padding-top: 100px; position: relative; z-index: 1; background: url(../images/news/mask.png) no-repeat center top; }
.newsCont .bgColor{ background: #000; padding-bottom: 150px; padding-top: 40px; }
.newsCont .menubox{ text-align: center; margin-bottom: 80px; }
.newsCont .menubox .list{ width: 20%; position: relative; display: inline-block; }
.newsCont .menubox .list::after{ content: ''; position: absolute; right: 0; height: 28px; width: 1px; background: #fff; opacity: 0.1; top: 50%; margin-top: -14px; }
.newsCont .menubox .list:last-child::after{ display: none; }
.newsCont .menubox .list::before{ content: ''; position: absolute; left: 25%; height: 2px; width: 50%; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); bottom: 0; transform: scale(0);  transition: all 0.5s ease; }
.newsCont .menubox .list a{ position: relative; display: block; line-height: 40px; }
.newsCont .menubox .list.active::before,.newsCont .menubox .list:hover::before{ transform: scale(1); }
.newsCont .menubox .list span{ color: #fff; }
.newsCont .menubox .list:hover span,.newsCont .menubox .list.active span{ background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.newsCont .listbox .list{ border-radius: 15px; overflow: hidden; background: -webkit-linear-gradient(#08090b, #111319); position: relative; margin-bottom: 50px; }
.newsCont .listbox .list .imgbox{ position: absolute; width: 50%; height: 100%; right: 0; overflow: hidden; }
.newsCont .listbox .list.sp .imgbox{ left: 0; right: auto; }
.newsCont .listbox .list .imgbox img{ width: 100%; display: none; }
.newsCont .listbox .list .imgbox .bg{ position: absolute; height: 100%; width: 100%; transition: all 2s ease; background-size: cover; background-repeat: no-repeat; background-position: center; }
.newsCont .listbox .list .imgbox .bg:hover{ transform: scale(1.1); } 
.newsCont .listbox .list .textbox{ width: 50%; box-sizing: border-box; padding: 70px 5% 100px; }
.newsCont .listbox .list.sp .textbox{ float: right }
.newsCont .listbox .list .textbox .time{ padding-left: 12px; position: relative; margin-bottom: 20px; }
.newsCont .listbox .list .textbox .time::after{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -7px; width: 3px; height: 15px; background: #fff; opacity: 0.2; }
.newsCont .listbox .list .textbox .time span{ margin-right: 26px; }
.newsCont .listbox .list .textbox .max{ font-size: 30px; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 40px; }
.newsCont .listbox .list .textbox .min{ color: #494949; line-height: 32px; margin-bottom: 100px; }
.newsCont .listbox .list .textbox .more a{ display: inline-block; width: 200px; border: 1px solid #fff; border-radius: 40px; color: #fff; text-align: center; line-height: 44px; transition: all 0.3s ease; }
.newsCont .listbox .list .textbox .more a:hover{ border: 1px solid #007ee4; background: #007ee4; }
.newsCont .pagebox{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 70px; }
.newsCont .pagebox .page a{ display: inline-block; width: 78px; height: 78px; line-height: 78px; text-align: center; color: #fff; border-radius: 10px; background: -webkit-linear-gradient(#08090b, #111319); margin-right: 6px; font-size: 18px; transition: all 0.3s ease; }
.newsCont .pagebox .btn a{ display: inline-block; width: 200px; height: 78px; line-height: 78px; text-align: center; color: #fff; border-radius: 10px; background: -webkit-linear-gradient(#08090b, #111319); margin-left: 6px; font-size: 18px; transition: all 0.3s ease; }
.newsCont .pagebox a:hover{ background: #007ee4; }

.newsDetail{ background: #000 url(../images/news/detbg.jpg) no-repeat center top; padding: 240px 0 180px; }
.newsDetail .flex{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.newsDetail .leftbox{ width: 35%; }
.newsDetail .leftbox .max{ font-size: 48px; color: #fff; margin-bottom: 20px; }
.newsDetail .leftbox .time{ margin-bottom: 160px; }
.newsDetail .leftbox .time span{ margin-right: 20px; }
.newsDetail .leftbox .menu{ border-top: 1px solid #1a1a1a; width: 560px }
.newsDetail .leftbox.active .menu{ position: fixed; top: 140px; }
.newsDetail .leftbox .menu .list{ border-bottom: 1px solid #1a1a1a; background: url(../images/news/arrow.png) no-repeat right center; }
.newsDetail .leftbox .menu .list a{ display: block; line-height: 80px; color: #fff; padding-right: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newsDetail .htmlbox{ line-height: 36px; width: 60%; }
.newsDetail .htmlbox img{ max-width: 100%; }

.starBanner{ position: relative; }
.starBanner .bg{ width: 100%; }
.starBanner .text{ position: absolute; left: 0; top: 40%; width: 100%; text-align: center; opacity: 0; transform: translateY(40px); }
.starBanner.active .text{ opacity: 1; transition: all 1s ease 0.2s; transform: translateY(0); }
.starBanner .text img{ width: 40%; }
.starBanner .rob1{ position: absolute; width: 25%; left: 9%; bottom: 0; opacity: 0; transform: translateX(-50%); }
.starBanner.active .rob1{ opacity: 1; transition: all 2s ease 0.5s; transform: translateY(0); }
.starBanner .rob2{ position: absolute; width: 25%; right: 9%; bottom: 0; opacity: 0; transform: translateX(50%); }
.starBanner.active .rob2{ opacity: 1; transition: all 2s ease 0.5s; transform: translateY(0); }
.starBanner .mask{ position: absolute; left: 0; bottom: 0; width: 100%; }

.starCont{ background: #000; overflow: hidden; }
.starCont .section1{ position: relative; }
.starCont .section1 .bg{ width: 100%; }
.starCont .section1 .title{ position: absolute; width: 100%; top: 15%; text-align: center; }
.starCont .section1 .title .max{ margin-bottom: 20px; }
.starCont .section1 .title .max span{ font-size: 80px; background: -webkit-linear-gradient(left, #b6eeff, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.starCont .section1 .title .min{ font-size: 24px; color: #fff; }
.starCont .section1 .rob{ position: absolute; width: 42%; bottom: 0; left: 29%; }
.starCont .section2{ position: relative; overflow: hidden; }
.starCont .section2 .bg{ width: 100%; opacity: 0; }
.starCont .section2 .video{ position: absolute; width: 100%; left: 0; top: 0; transform: scale(0.8); object-fit: cover; }
.starCont .section2.aos-animate .video{ transform: scale(1); transition: all 1.5s ease 1s; }
.starCont .section2 .black{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.7; }
.starCont .section2 .text{ position: absolute; width: 1600px; left: 50%; top: 0; margin-left: -800px; height: 100%; display: flex; flex-wrap: wrap; align-content: center; z-index: 2; }
.starCont .section2 .text p{ width: 50%; color: #fff; font-size: 22px; line-height: 40px; margin-bottom: 20px; }
.starCont .section2 .text .play{ width: 100%; }
.starCont .section3 .text .play{ width: 80%; }
.starCont .section2 .text .play a{ padding-right: 25px; background: url(../images/index/play.png) no-repeat right center; color: #007ce3; }
.starCont .section3{ margin-bottom: 60px; }
.starCont .section3 .text{ margin: 0; }
.starCont .section4{ position: relative; margin-bottom: 80px; padding-top: 60px; }
.starCont .section4 .title{ text-align: center; margin-bottom: 40px; }
.starCont .section4 .title span{ font-size: 60px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.starCont .section4 .tipsbox{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 1200px; margin: 0 auto; max-width: 100%; }
.starCont .section4 .tipsbox .list{ width: 32%; }
.starCont .section6 .tipsbox .list{ width: 49%; }
.starCont .section4 .tipsbox .bg{ width: 100%; }
.starCont .section4 .tipsbox .tips{ background: -webkit-linear-gradient(#08090b, #111319); border-radius: 15px; overflow: hidden; margin-bottom: 20px; position: relative; text-align: center; }
.starCont .section4 .tipsbox .fix{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding-top: 10%; box-sizing: border-box; }
.starCont .section6 .tipsbox .fix{ padding-top: 5%; }
.starCont .section4 .tipsbox .tit{ display: inline-block; width: 60%; line-height: 48px; font-size: 18px; background: #000; border-radius: 50px; color: #494949; position: relative; z-index: 2; }
.starCont .section4 .tipsbox .max{ margin-top: 15px; position: relative; z-index: 2; }
.starCont .section4 .tipsbox .max span{ background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 48px; }
.starCont .section6 .tipsbox .max span{ font-size: 36px; }
.starCont .section4 .tipsbox .max span.sp{ font-size: 48px; }
.starCont .section4 .tipsbox .max em{ font-size: 24px; }
.starCont .section4 .tipsbox .min{ margin-top: 10px; color: #494949; }
.starCont .section4 .tipsbox .rob{ position: absolute; width: 100%; bottom: 0; left: 0; z-index: 1; transition: 1s ease; }
.starCont .section6 .tipsbox .rob{ bottom: 8%; }
.starCont .section6 .tipsbox .rob.sp{ bottom: 0; }
.starCont .section4 .tipsbox .tips:hover .rob{ transform: scale(1.1); }
.starCont .section4 .tipsbox .tips.sp .rob{ width: 40%; right: 5%; left: auto; bottom: 10%; }
.starCont .section4 .tipsbox .tips.sp .margin{ margin-bottom: 30px; margin-left: 12%; text-align: left; width: 135px; }
.starCont .section4 .tipsbox .tips.sp .tit{ margin-bottom: 10%; }
.starCont .section5{ margin-bottom: 80px; }
.starCont .section5 .phone{ display: none; width: 100%; }
.starCont .section5 .topbox{ background: #08090b url(../images/star/bg4.jpg) no-repeat center; background-size: cover; border-radius: 15px; overflow: hidden; padding: 100px 0 120px; margin-bottom: 80px; }
.starCont .section5 .topbox .text{ width: 40%; margin-left: 55%; font-size: 18px; line-height: 36px; }
.starCont .section5 .topbox .text p{ margin-bottom: 20px; }
.starCont .section5 .listbox{ display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
.starCont .section5 .listbox::before,.starCont .section5 .listbox::after{ width: 1px; height: 100%; background: #1a1a1a; position: absolute; content: ''; top: 0; }
.starCont .section5 .listbox::before{ left: 32.5%; }
.starCont .section5 .listbox::after{ right: 32.5%; }
.starCont .section5 .listbox .list{ width: 30%; padding: 30px 0 20px; box-sizing: border-box; text-align: center; }
.starCont .section5 .listbox .max{ margin: 30px 0 20px; }
.starCont .section5 .listbox .max span{ font-size: 30px; background: -webkit-linear-gradient(left, #b6eeff, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.starCont .section5 .listbox .min{ line-height: 30px; text-align: left; }
.starCont .section7{ position: relative; padding-top: 40px; margin-bottom: 100px; overflow: hidden; }
.starCont .section7 .handleft{ position: absolute; width: 30%; left: 0; top: 0; transform: translateX(-30%); opacity: 0; }
.starCont .section7 .handright{ position: absolute; width: 30%; right: 0; top: 0; transform: translateX(30%); opacity: 0; }
.starCont .section7.active .handleft,.starCont .section7.active .handright{ transition: all 1.5s ease; opacity: 1; transform: translateX(0); }
.starCont .section7 .title{ text-align: center; margin-bottom: 140px; }
.starCont .section7 .title .max span{ font-size: 60px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.starCont .section7 .title .min{ font-size: 24px; color: #fff; line-height: 40px; width: 40%; margin: 0 auto; margin-top: 30px; } 
.starCont .section7 .listbox{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.starCont .section7 .listbox .list{ width: 20%; padding-right: 2.5%; border-right: 1px solid #1a1a1a; text-align: center; }
.starCont .section7 .listbox .list:last-child{ border: none; }
.starCont .section7 .listbox .list .max{ margin: 30px 0 20px; }
.starCont .section7 .listbox .list .max span{ font-size: 28px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.starCont .section7 .listbox .list .min{ line-height: 30px; text-align: left; }
.starCont .section8{ position: relative; }
.starCont .section8 .bg{ width: 100%; }
.starCont .section8 .fix{ position: absolute; width: 100%; left: 0; top: 0; }
.starCont .section8 .fix img{ position: absolute; left: 0; top: 0; width: 100%; transition: all 0.3s ease; }
.starCont .section8 .text{ width: 40%; right: 10%; position: absolute; top: 20%; }
.starCont .section8 .text .max{ margin-bottom: 20px; }
.starCont .section8 .text .max span{ background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 60px; }
.starCont .section8 .text .min{ font-size: 18px; line-height: 36px; }
.starCont .section9{ padding-bottom: 100px; }
.starCont .section9 .title{ text-align: center; margin-bottom: 80px; }
.starCont .section9 .title span{ font-size: 48px; background: -webkit-linear-gradient(left, #b6eeff, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.starCont .section9 .flex{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.starCont .section9 .topbox{ margin-bottom: 60px; }
.starCont .section9 .topbox .imgbox{ width: 50%; }
.starCont .section9 .topbox .imgbox img{ width: 100%; }
.starCont .section9 .topbox .table{ width: 50%; }
.starCont .section9 .topbox .list{ line-height: 85px; height: 85px; display: flex; justify-content: space-between; }
.starCont .section9 .topbox .list.bg{ background: #111317; }
.starCont .section9 .topbox .list .left{ width: 30%; padding-left: 40px; box-sizing: border-box; color: #fff; font-size: 24px; }
.starCont .section9 .topbox .list .right{ width: 70%; }
.starCont .section9 .topbox .listbox.sp{ width: 50%; }
.starCont .section9 .download{ position: relative; }
.starCont .section9 .download .bg{ overflow: hidden; border-radius: 15px; }
.starCont .section9 .download .bg img{ width: 100%; }
.starCont .section9 .download .rob{ position: absolute; width: 30%; bottom: 0; left: 35%; }
.starCont .section9 .download .btn{ position: absolute; right: 12%; top: 50%; margin-top: -22px; width: 230px; border: 1px solid #fff; border-radius: 50px; text-align: center; }
.starCont .section9 .download .btn a{ color: #fff; display: block; height: 44px; line-height: 44px; }
.starsection10{ }
.starsection10 .video{ position: sticky; position: -webkit-sticky; width: 100%; top: 0; }
.starsection10 .video video{ object-fit: cover; width: 100%; height: 100vh; }
.starsection10 .fiximg{ display: none; }
.starsection10 .cont1{ position: relative; }
.starsection10 .cont1 .text{ position: absolute; bottom: 10%; width: 100%; text-align: center; }
.starsection10 .cont1 .text .max{ margin: 20px 0 60px; }
.starsection10 .cont1 .text .max span{ font-size: 60px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.starsection10 .cont1 .text .min{ font-size: 30px; color: #fff; }
.starsection10 .cont2{ padding: 250px 0; }
.starsection10 .cont2 .flex{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.starsection10 .cont2 .en{ font-size: 72px; color: #fff; width: 40%; }
.starsection10 .cont2 .cn{ padding: 40px 40px 100px; width: 35%; position: relative; box-sizing: border-box; }
.starsection10 .cont2 .cn .bg{ position: absolute; border-radius: 15px; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background: -webkit-linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,0)); }
.starsection10 .cont2 .cn .max{ color: #fff; font-size: 30px; margin-bottom: 40px; z-index: 2; position: relative; }
.starsection10 .cont2 .cn .min{ line-height: 30px; z-index: 2; position: relative; }
.starsection10 .cont2 .cn .min p{ margin-bottom: 20px; }
.starCont .section11{ background: url(../images/star/bg7.jpg) no-repeat center; background-size: cover; background-attachment: fixed; overflow: hidden; padding: 200px 0 200px; }
.starCont .section11 .title{ margin-bottom: 60px; }
.starCont .section11 .title span{ font-size: 60px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.starCont .section11 .tipsbox{ margin-bottom: 60px; }
.starCont .section11 .tit{ position: relative; }
.starCont .section11 .tit .swiper-button-next{ right: 0; width: 40px; height: 40px; border-radius: 40px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); opacity: 1; }
.starCont .section11 .tit .swiper-button-prev{ left: auto; right: 50px; width: 40px; height: 40px; border-radius: 40px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); opacity: 1; }
.starCont .section11 .tit .swiper-button-next::after{ content: ''; position: absolute; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: center; background-size: auto 20px; }
.starCont .section11 .tit .swiper-button-prev::after{ content: ''; position: absolute; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: center; background-size: auto 20px; }
.starCont .section11 .tit .swiper-button-disabled{ background: #262626; transition: all 0.3s ease; }
.starCont .section11 .tit span{ font-size: 48px; background: -webkit-linear-gradient(left, #fff, #7d848e, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.starCont .section11 .tit{ margin-bottom: 40px; }
.starCont .section11 .swiper{ width: 140%; overflow: hidden }
.starCont .section11 .swiper-slide{ background: -webkit-linear-gradient(#08090b, #111319); border-radius: 15px; padding: 40px 4%; text-align: center; box-sizing: border-box; }
.starCont .section11 .swiper-slide .max{ font-size: 24px; line-height: 36px; color: #fff; margin-bottom: 20px; }
.starCont .section11 .swiper-slide .min{ line-height: 30px; }
.starCont .section11 .lastbox{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.starCont .section11 .lastbox .list{ width: 49%; background: -webkit-linear-gradient(#08090b, #111319); border-radius: 15px; padding: 40px 0; text-align: center; }
.starCont .section11 .lastbox .list img{ width: 100%; }
.starCont .section11 .lastbox .max span{ font-size: 40px; background: -webkit-linear-gradient(left, #fff, #7d848e, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.starCont .section11 .lastbox .min{ margin: 20px 0 40px; }

.xhandBanner{ position: relative; }
.xhandBanner .bg{ width: 100%; opacity: 0; }
.xhandBanner video{ position: absolute; height: 100%; left: 0; top: 0; width: 100%; object-fit: cover; }
.xhandBanner .black{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.7; }
.xhandBanner .text{ position: absolute; top: 35%; width: 100%; left: 0; text-align: center; }
.xhandBanner .max span{ font-size: 100px; background: -webkit-linear-gradient(left, #fff, #7fa6dd, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.xhandBanner .min{ font-size: 36px; color: #fff; margin: 20px 0; }
.xhandBanner a{ color: #007ee4; padding-right: 25px; background: url(../images/index/play.png) no-repeat right center; }

.xhandCont{ background: #000; }
.xhandCont .section1{ padding: 100px 0; }
.xhandCont .section1 .all{ width: 1200px; text-align: center; max-width: 100%; }
.xhandCont .section1 .xmin{ font-size: 18px; line-height: 36px; margin: 20px auto; width: 80%; }
.xhandCont .section1 .flex{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.xhandCont .section1 .left{ width: 41.65%; position: relative; border-radius: 15px; overflow: hidden; }
.xhandCont .section1 .right .video{ position: absolute; left: 0; top: 0; width: 102%; height: 102%; object-fit: cover; }
.xhandCont .section1 .left .text{ position: absolute; width: 90%; left: 5%; top: 10%; text-align: center; }
.xhandCont .section1 .left .text .max{ font-size: 100px; }
.xhandCont .section1 .left .text .max span{ background: -webkit-linear-gradient(left, #0179de, #1b2b53); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; }
.xhandCont .section1 .left .text .min{ font-size: 30px; color: #000; }
.xhandCont .section1 .right .list,.xhandCont .section1 .left{ border-radius: 15px; overflow: hidden; }
.xhandCont .section1 .right{ width: 56.65%; }
.xhandCont .section1 .right .li1{ margin-bottom: 20px; }
.xhandCont .section1 .right .li1 img{ opacity: 0; }
.xhandCont .section1 .right .li1 .text{ position: absolute; top: 20%; right: 5%; width: 180px; text-align: left; }
.xhandCont .section1 .right .li2 .text{ position: absolute; top: 20%; left: 10%; width: 240px; text-align: left; }
.xhandCont .section1 .right .li1 .text .max{ font-size: 100px; }
.xhandCont .section1 .right .li2 .text .max{ font-size: 80px; }
.xhandCont .section1 .right .li1 .text .max span{ background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; }
.xhandCont .section1 .right .li2 .text .max span,.xhandCont .section1 .right .li2 .text .sp span{ background: -webkit-linear-gradient(left, #0179de, #1b2b53); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; }
.xhandCont .section1 .right .li2 .text .sp{ margin-bottom: 10px; }
.xhandCont .section1 .right .li2 .text .sp span{ font-size: 24px }
.xhandCont .section1 .right .li1 .text .min{ font-size: 24px; color: #fff; line-height: 40px; }
.xhandCont .section1 .right .li2 .text .min{ font-size: 18px; color: #fff; line-height: 36px; }
.xhandCont .section1 .flex img{ width: 100%; }
.xhandCont .section2 .flex{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.xhandCont .section2 .imgbox{ width: 42%; }
.xhandCont .section2 .imgbox img{ width: 100%; }
.xhandCont .section2 .textbox{ width: 50%; padding-top: 20px; }
.xhandCont .section2 .textbox .min{ font-size: 18px; line-height: 36px; margin: 40px 0 100px; }
.xhandCont .section2 .textbox .listbox{ color: #fff; }
.xhandCont .section2 .textbox .listbox .tit{ border-bottom: 1px solid #1a1a1a; padding-bottom: 40px; font-size: 30px; margin-bottom: 40px; }
.xhandCont .section2 .textbox .list{ width: 32%; }
.xhandCont .section2 .textbox .list p{ margin-top: 20px; font-size: 24px; line-height: 36px; }
.xhandCont .section3{ position: relative; }
.xhandCont .section3 .video{ transform: scale(0.7); }
.xhandCont .section3.aos-animate .video{ transform: scale(1); transition: all 1.5s ease 0.5s; }
.xhandCont .section3 .black{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.7; }
.xhandCont .section3 .mask{ position: absolute; width: 100%; left: 0; bottom: -1px; }
.xhandCont .section3 video{ width: 100%; object-fit: cover; }
.xhandCont .section3 .text{ position: absolute; width: 1000px; left: 50%; margin-left: -500px; top: 32%; text-align: center; }
.xhandCont .section3 .text .min,.xhandCont .section4 .textbox .min{ font-size: 24px; color: #fff; line-height: 40px; margin: 30px 0 20px; }
.xhandCont .section3 .text .p{ margin-bottom: 20px; }
.xhandCont .section3 .text .p,.xhandCont .section4 .textbox .p{ font-size: 18px; line-height: 36px; }
.xhandCont .section3 .text .play a{ padding-right: 25px; background: url(../images/index/play.png) no-repeat right center; color: #007ce3; }
.xhandCont .section3 .img{ width: 100%; display: none; }
.xhandCont .section4{ padding: 100px 0; }
.xhandCont .section4 .all{ width: 1200px; }
.xhandCont .section4 .textbox{ width: 90%; margin: 0 auto; text-align: center; }
.xhandCont .section4 .imgbox{ position: relative; }
.xhandCont .section4 .imgbox img{ width: 100%; }
.xhandCont .section4 .imgbox .smoke{ opacity: 0; transform: scale(0.8); position: absolute; top: 0; left: 0; }
.xhandCont .section4 .imgbox.aos-animate .smoke{ transform: scale(1); transition: all 0.5s ease 0.4s; opacity: 1; }
.xhandCont .section4 .imgbox .hand{ opacity: 0; transform: scale(1.1); position: absolute; top: 0; left: 0; }
.xhandCont .section4 .imgbox.aos-animate .hand{ transform: scale(1); transition: all 0.5s ease 0.3s; opacity: 1; }
.xhandCont .section4 .imgbox .text{ position: absolute; bottom: 15%; text-align: center; width: 52%; left: 25%; }
.xhandCont .section5{ padding-bottom: 100px; }
.xhandCont .section5 .mainMax{ text-align: center; margin-bottom: 40px; }
.xhandCont .section5 .menu{ margin-bottom: 60px; text-align: center; }
.xhandCont .section5 .menu .swiper-pagination{ position: static; }
.xhandCont .section5 .menu .swiper-pagination-bullet{ position: static; color: #fff; font-size: 18px; width: 20%; background: none; height: auto; }
.xhandCont .section5 .menu .swiper-pagination-bullet em::after{ transform: scale(0); opacity: 1; content: ''; left: 0; position: absolute; width: 100%; bottom: -15px; height: 3px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); }
.xhandCont .section5 .menu .swiper-pagination-bullet-active em{ background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; }
.xhandCont .section5 .menu .swiper-pagination-bullet-active em::after{ transform: scale(1); opacity: 1; transition: all 0.3s ease; }
.xhandCont .section5 .swiper-slide{ border-radius: 15px; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; }
.xhandCont .section5 .swiper-slide img{ width: 100%; }
.xhandCont .section5 .swiper-container{ width: 240%; margin-left: -70%; margin-bottom: 30px; }
.xhandCont .section5 .swiper-slide .text{ position: absolute; width: 45%; top: 5%; left: 50px; color: #fff; }
.xhandCont .section5 .swiper-slide .text .list{ display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #4f71ca; padding-bottom: 40px; margin-bottom: 40px; }
.xhandCont .section5 .swiper-slide .text .list:last-child{ border: none; }
.xhandCont .section5 .swiper-slide .text .left{ width: 30%; font-size: 30px; }
.xhandCont .section5 .swiper-slide .text .right{ width: 70%; font-size: 18px; line-height: 36px; }
.xhandCont .section5 .btn{ text-align: center; }
.xhandCont .section5 .swiper-button-next,.xhandCont .section5 .swiper-button-prev{ position: static; display: inline-block; margin: 0; width: 46px; height: 46px; border-radius: 50px; border:4px solid #ccc; margin: 0 13px; background-size: auto 20px; }
.xhandCont .section6{ margin-bottom: 150px; }
.xhandCont .section6 .mainMax{ text-align: center; margin-bottom: 50px; }
.xhandCont .section6 .listbox{ display: flex; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; }
.xhandCont .section6 .list{ height: 230px; width: 32%; background: #111317; border-radius: 15px; display: flex; justify-content: center; align-items: center; }
.xhandCont .section6 .list .txt{ margin-left: 50px; }
.xhandCont .section6 .list .max span{ font-size: 48px; background: -webkit-linear-gradient(left, #fff, #4b5775, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.xhandCont .section6 .list .min{ margin-top: 10px; }
.xhandCont .section6 .tipsbox{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.xhandCont .section6 .tipsbox .tip{ width: 49%; position: relative; }
.xhandCont .section6 .tipsbox .tip .bg{ width: 100%; }
.xhandCont .section6 .tipsbox .tip .txt{ position: absolute; left: 5%; top: 12%; width: 320px; }
.xhandCont .section6 .tipsbox .tip .max{ font-size: 30px; color: #000; margin-bottom: 20px; }
.xhandCont .section6 .tipsbox .tip .min{ color: #666; line-height: 30px; margin-bottom: 20px; }
.xhandCont .section6 .tipsbox .tip2 .max,.xhandCont .section6 .tipsbox .tip2 .min{ color: #fff; }
.xhandCont .section6 .tipsbox .tip a{ line-height: 30px; width: 108px; text-align: center; border-radius: 30px; background: #007ee4; color: #fff; font-size: 12px; display: inline-block; transition: all 0.3s ease;}
.xhandCont .section6 .tipsbox .tip a:hover{ background: #056abe; }
.xhandCont .section7 .mainMax{ margin-bottom: 60px; text-align: center; }
.xhandCont .section7 .imgbox{ display: flex; margin-bottom: 60px; flex-wrap: wrap; }
.xhandCont .section7 .imgbox img{ width: 50%; }
.xhandCont .section7 .flex{ display: flex; flex-wrap: wrap; }
.xhandCont .section7 .tablebox{ width: 50%; margin-bottom: 40px; }
.xhandCont .section7 .list{ line-height: 85px; height: 85px; display: flex; justify-content: space-between; }
.xhandCont .section7 .list.bg{ background: #111317; }
.xhandCont .section7 .list .left{ width: 30%; padding-left: 40px; box-sizing: border-box; color: #fff; font-size: 24px; }
.xhandCont .section7 .list .right{ width: 70%; }
.xhandCont .section7 .download{ position: relative; }
.xhandCont .section7 .download .bg{ overflow: hidden; border-radius: 15px; }
.xhandCont .section7 .download .bg img{ width: 100%; }
.xhandCont .section7 .download .rob{ position: absolute; width: 30%; bottom: 0; left: 35%; }
.xhandCont .section7 .download .btn{ position: absolute; right: 12%; top: 50%; margin-top: -22px; width: 230px; border: 1px solid #fff; border-radius: 50px; text-align: center; }
.xhandCont .section7 .download .btn a{ color: #fff; display: block; height: 44px; line-height: 44px; }
.xhandCont .section8{ background: url(../images/xhand/bg3.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 150px 0; }
.xhandCont .section8 .mainMax{ text-align: center; margin-bottom: 30px; }
.xhandCont .section8 .min{ color: #fff; text-align: center; font-size: 24px; margin-bottom: 80px; }
.xhandCont .section8 .listbox{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 100px; }
.xhandCont .section8 .list{ width: 49%; position: relative; height: 240px; display: flex; align-items: center; }
.xhandCont .section8 .list .text{ position: absolute; }
.xhandCont .section8 .list .tit{ font-size: 24px; color: #fff; margin-bottom: 20px; }
.xhandCont .section8 .left{ background: -webkit-linear-gradient(left, #0e0f11, rgba(14,15,17,.6)); border-radius: 15px; overflow: hidden; }
.xhandCont .section8 .left .text{ right: 10%; }
.xhandCont .section8 .left img{ position: absolute; left: 20%; height: 100%; top: 0; }
.xhandCont .section8 .right{ background: -webkit-linear-gradient(right, #0e0f11, rgba(14,15,17,.6)); border-radius: 15px; overflow: hidden; }
.xhandCont .section8 .right .text{ left: 10%; }
.xhandCont .section8 .right img{ position: absolute; right: 20%; height: 100%; top: 0; }
.xhandCont .section8 .last{ font-size: 24px; color: #fff; text-align: center; }

.joinbanner{ background: url(../images/join/bannerbg1.jpg) no-repeat center top; background-attachment: fixed; background-size: 100% auto; position: relative; z-index: 2; }
.joinbanner .move{ width: 100%; }
.joinbanner .textbox{ position: absolute; width: 100%; text-align: center; bottom: -80px; } 
.joinbanner .textbox .max span{ font-size: 60px; }
.joinbanner .textbox .min{ font-size: 36px; color: #fff; margin: 30px 0 40px; }
.joinbanner .textbox .more{ display: inline-block; width: 230px; color: #fff; line-height: 44px; border-radius: 30px; border: 1px solid #fff; }
.joinCont{ background: #000; }
.joinCont .section1{ padding: 200px 0; position: relative; }
.joinCont .section1 .mainMax{ margin-bottom: 40px; text-align: center; }
.joinCont .section1 .listbox{ display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 2; }
.joinCont .section1 .list{ width: 32%; background: -webkit-linear-gradient(#08090b, #111319); border-radius: 15px; text-align: center; padding: 50px 3%; box-sizing: border-box; }
.joinCont .section1 .list .max{ margin: 30px 0 25px; color: #fff; font-size: 24px; }
.joinCont .section1 .list .p{ text-align: left; line-height: 32px; }
.joinCont .section1 .point{ transition: all 0.2s ease; position: absolute; bottom: -20%; opacity: 0.2 }
.joinCont .section2{ position: relative; }
.joinCont .section2 .bg{ width: 100%; }
.joinCont .section2 .mainMax{ position: absolute; top: 5%; text-align: center; width: 100%; }
.joinCont .section2 .fixbox{ position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,.9); padding: 5% 0; }
.joinCont .section2 .all{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
.joinCont .section2 .txt{ color: #fff; font-size: 24px; }
.joinCont .section2 .max{ font-size: 36px; margin-bottom: 20px; }
.joinCont .section2 .listbox{ width: 60%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.joinCont .section2 .list{ width: 24%; text-align: center; background: #010101; border-radius: 10px; padding: 30px 0; transition: all 0.3s ease; }
.joinCont .section2 .list:hover{ background: #0271ce; }
.joinCont .section2 p{ color: #fff; font-size: 20px; margin-top: 15px; }
.joinList{ background: #000 url(../images/join/bg2.jpg) no-repeat center top; background-attachment: fixed; background-size: 100% auto; padding: 400px 0 150px; }
.joinList .title{ text-align: center; margin-bottom: 60px; }
.joinList .title .mainMax span{ font-size: 60px; }
.joinList .title .min{ font-size: 36px; color: #fff; margin-top: 30px; }
.joinList .listbox{ padding-bottom: 50px; }
.joinList .listbox .list{ margin-bottom: 20px; border-radius: 15px; overflow: hidden; background: -webkit-linear-gradient(#08090b, #111319); }
.joinList .listbox .list .tit{ line-height: 86px; display: flex; justify-content: space-between; border-radius: 15px; cursor: pointer; transition: all 0.3s ease; }
.joinList .listbox .list .tit.active{ background: -webkit-linear-gradient(left, #007ee4, #b6eeff); }
.joinList .listbox .list .tb1{ width: 50%; font-size: 24px; color: #fff; padding-left: 50px; }
.joinList .listbox .list .tb2{ width: 16%; font-size: 18px; color: #fff; text-align: center; }
.joinList .listbox .list .tb3{ width: 16%; font-size: 18px; padding-right: 50px; text-align: right; }
.joinList .listbox .list .tb3 span{ background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; }
.joinList .listbox .list .tb3 span::after{ position: absolute; width: 10px; height: 10px; content: ''; background: url(../images/join/xx.png) no-repeat center; transform: rotate(0); right: -16px; top: 50%; margin-top: -5px; transition: all 0.5s ease; }
.joinList .listbox .list .tit.active .tb3 span::after{ transform: rotate(45deg); }
.joinList .listbox .list .tit.active .tb3 span{ background: -webkit-linear-gradient(left, #007ee4, #007ee4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.joinList .listbox .list .tbcont{ display: none; }
.joinList .listbox .list .tbcont .text{ padding: 40px 50px; }
.joinList .listbox .list .tbcont .p{ font-size: 20px; color: #007ce3; margin-bottom: 20px; }
.joinList .listbox .list .tbcont .flex{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 50px; }
.joinList .listbox .list .tbcont .text dl{ width: 50%; line-height: 30px; color: #666; }
.joinList .listbox .list .tbcont .btn{ border-top: 1px solid #1c1d23; padding-top: 40px; }
.joinList .listbox .list .tbcont .btn a{ display: inline-block; width: 200px; border-radius: 30px; background: #007ce3; color: #fff; line-height: 46px; text-align: center; }
.joinList .pagebox{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.joinList .pagebox .page a{ display: inline-block; width: 78px; height: 78px; line-height: 78px; text-align: center; color: #fff; border-radius: 10px; background: -webkit-linear-gradient(#08090b, #111319); margin-right: 6px; font-size: 18px; transition: all 0.3s ease; }
.joinList .pagebox .btn a{ display: inline-block; width: 200px; height: 78px; line-height: 78px; text-align: center; color: #fff; border-radius: 10px; background: -webkit-linear-gradient(#08090b, #111319); margin-left: 6px; font-size: 18px; transition: all 0.3s ease; }
.joinList .pagebox a:hover{ background: #007ee4; }

.appBanner .mainMax{ margin-bottom: 20px; }
.appBanner .textbox{ bottom: 25%; }
.appCont{ background: #000; }
.appCont .section1{ padding-top: 140px; background: url(../images/application/bg1.jpg) no-repeat center bottom; background-size: cover; background-attachment: fixed; position: relative; }
.appCont .section1 .bg{ width: 100%; opacity: 0; }
.appCont .section1 .mainMax{ position: absolute; top: 15%; width: 90%; left: 5%; text-align: center; }
.appCont .section1 .textbox{ position: absolute; width: 1400px; left: 50%; margin-left: -700px; bottom: 15%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.appCont .section1 .textbox .list{ width: 30%; text-align: center; }
.appCont .section1 .textbox .list .max{ font-size: 30px; color: #fff; margin-bottom: 20px; }
.appCont .section1 .textbox .list .min{ font-size: 18px; }
.appCont .section1 .textbox .list .min span{ color: #007ce3; }
.appCont .section2{ padding: 140px 0; }
.appCont .section2 .mainMax{ margin-bottom: 40px; text-align: center; }
.appCont .section2 .control{ position: relative; text-align: center; margin-bottom: 60px; }
.appCont .section2 .control .scroll{ width: 90%; margin: 0 auto; }
.appCont .section2 .control .swiper2{ padding-bottom: 20px; }
.appCont .section2 .control .swiper-slide{ min-width: 100%; }
.appCont .section2 .control .swiper-scrollbar{ background: #333; }
.appCont .section2 .control .swiper-scrollbar-drag{ background: -webkit-linear-gradient(left, #007ee4, #b6eeff); }
.appCont .section2 .control .swiper-pagination{ position: static; white-space: nowrap; text-align: center; }
.appCont .section2 .control .swiper-pagination .swiper-pagination-bullet{ white-space: normal; position: relative; left: auto; top: auto; width: 260px; height: auto; background: none; margin: 0; color: #999; padding-top: 75px; font-size: 20px; opacity: 1; background-repeat: no-repeat; background-position: center top; }
.appCont .section2 .control .swiper-pagination .swiper-pagination-bullet::after{ content: ''; position: absolute; width: 1px; height: 90%; right: 0; top: 5%; background: #1a1a1a; }
.appCont .section2 .control .swiper-pagination .swiper-pagination-bullet:last-child::after{ display: none; }
.appCont .section2 .control .swiper-pagination .swiper-pagination-bullet-active{ color: #fff; }
.appCont .section2 .control .swiper-pagination .sp0{ background-image: url(../images/application/icon11.png); }
.appCont .section2 .control .swiper-pagination .sp1{ background-image: url(../images/application/icon21.png); }
.appCont .section2 .control .swiper-pagination .sp2{ background-image: url(../images/application/icon31.png); }
.appCont .section2 .control .swiper-pagination .sp3{ background-image: url(../images/application/icon41.png); }
.appCont .section2 .control .swiper-pagination .sp4{ background-image: url(../images/application/icon51.png); }
.appCont .section2 .control .swiper-pagination .sp0.swiper-pagination-bullet-active{ background-image: url(../images/application/icon12.png); }
.appCont .section2 .control .swiper-pagination .sp1.swiper-pagination-bullet-active{ background-image: url(../images/application/icon22.png); }
.appCont .section2 .control .swiper-pagination .sp2.swiper-pagination-bullet-active{ background-image: url(../images/application/icon32.png); }
.appCont .section2 .control .swiper-pagination .sp3.swiper-pagination-bullet-active{ background-image: url(../images/application/icon42.png); }
.appCont .section2 .control .swiper-pagination .sp4.swiper-pagination-bullet-active{ background-image: url(../images/application/icon52.png); } 
.appCont .section2 .control .swiper-button-next{ right: 0; width: 40px; height: 40px; border-radius: 40px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); opacity: 1; }
.appCont .section2 .control .swiper-button-prev{ left: 0; width: 40px; height: 40px; border-radius: 40px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); opacity: 1; }
.appCont .section2 .control .swiper-button-next::after{ content: ''; position: absolute; left: 0; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: center; background-size: auto 20px; }
.appCont .section2 .control .swiper-button-prev::after{ content: ''; position: absolute; left: 0; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: center; background-size: auto 20px; }
.appCont .section2 .control .swiper-button-disabled{ background: #262626; transition: all 0.3s ease; }
.appCont .section2 .swiper1 .swiper-slide .flex{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.appCont .section2 .swiper1 .swiper-slide .bg{ width: 100%; opacity: 0; }
.appCont .section2 .swiper1 .swiper-slide .left{ width: 49%; border-radius: 15px; overflow: hidden; position: relative; }
.appCont .section2 .swiper1 .swiper-slide .imgbox{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size: cover; transition: all 2s ease; }
.appCont .section2 .swiper1 .swiper-slide .imgbox:hover{ transform: scale(1.1); }
.appCont .section2 .swiper1 .swiper-slide .right{ width: 49%; }
.appCont .section2 .swiper1 .swiper-slide .box{ border-radius: 15px; overflow: hidden; position: relative; }
.appCont .section2 .swiper1 .swiper-slide .box1{ background: #16171b; margin-bottom: 20px; }
.appCont .section2 .swiper1 .swiper-slide .text{ width: 90%; position: absolute; top: 0; left: 5%; height: 100%; display: flex; align-content: center; flex-wrap: wrap; }
.appCont .section2 .swiper1 .swiper-slide .max span{ font-size: 30px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.appCont .section2 .swiper1 .swiper-slide .min{ margin: 10px 0 25px; color: #fff; width: 100%; }
.appCont .section2 .swiper1 .swiper-slide p{ line-height: 30px; }

.maxBanner{ position: relative; background: url(../images/max/banner.jpg) no-repeat center; background-size: cover; background-attachment: fixed; }
.maxBanner .mask{ position: absolute; width: 100%; bottom: 0; left: 0; }
.maxBanner .bg{ opacity: 0; width: 100%; }
.maxBanner .textbox{ position: absolute; left: 5%; top: 35%; width: 460px; }
.maxBanner .textbox .max span{ font-size: 80px; background: -webkit-linear-gradient(left, #fff, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.maxBanner .textbox .min{ margin-top: 20px; color: #fff; font-size: 36px; }
.maxCont{ background: #000; overflow: hidden; }
.maxCont .mainMax span{ font-size: 60px; }
.maxCont .mainMin{ font-size: 18px; line-height: 36px; }
.maxCont .section1{ position: relative; }
.maxCont .section1 .bg{ width: 100%; }
.maxCont .section1 .textbox{ position: absolute; top: 10%; text-align: center; width: 1050px; left: 50%; margin-left: -525px; }
.maxCont .section1 .textbox .mainMin{ margin: 35px 0; }
.maxCont .section1 .textbox .play a{ width: 230px; line-height: 46px; display: inline-block; border-radius: 30px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); color: #fff; }
.maxCont .section1 .textbox .play span{ padding-right: 22px; background: url(../images/max/play.png) no-repeat right center; }
.maxCont .section1 .animate{ position: absolute; bottom: 17%; width: 28%; left: 36%; }
.maxCont .section1 .animate img{ width: 100%; }
.maxCont .section1 .animate .line{ position: absolute; width: 100%; top: 0; left: 0; transform: scale(0.8); opacity: 0; }
.maxCont .section1 .aos-animate .line{ transform: scale(1); transition: all 0.5s ease 0.4s; opacity: 1; }
.maxCont .section2{ text-align: center; background: url(../images/max/bg2.jpg) no-repeat center; background-size: cover; padding-bottom: 100px; overflow: hidden; }
.maxCont .section2 .img{ width: 32%; margin-bottom: 60px; }
.maxCont .section2 .textbox{ width: 1050px; margin: 0 auto; }
.maxCont .section2 .textbox .mainMin{ margin: 35px 0; }
.maxCont .section2 .textbox .play a{ width: 230px; line-height: 46px; display: inline-block; border-radius: 30px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); color: #fff; }
.maxCont .section2 .textbox .play span{ padding-right: 22px; background: url(../images/max/play.png) no-repeat right center; }
.maxCont .section3{ padding-bottom: 120px; }
.maxCont .section3 .topbox{ position: relative; }
.maxCont .section3 .animate{ width: 65%; margin: 0 auto; position: relative; }
.maxCont .section3 .animate img{ position: absolute; width: 100%; left: 0; top: 0; }
.maxCont .section3 .animate .rob{ position: static; }
.maxCont .section3 .topbox .mainMax{ position: absolute; left: 0; top: 20%; }
.maxCont .section3 .topbox .mainMax span{ display: block; }
.maxCont .section3 .topbox .mainMin{ position: absolute; right: 0; top: 19%; width: 440px; }
.maxCont .section3 .listbox{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.maxCont .section3 .list{ width: 32.5%; border-radius: 15px; background: -webkit-linear-gradient(#08090b, #111319); padding: 35px 5% 60px; position: relative; text-align: center; box-sizing: border-box; margin-bottom: 20px; }
.maxCont .section3 .list::after{ content: ''; position: absolute; width: 100%; top: 0; left: 0; height: 100%; background: url(../images/max/border.png) no-repeat center top; background-size: 100%; }
.maxCont .section3 .list p{ font-size: 24px; color: #fff; margin-bottom: 30px; }
.maxCont .section3 .list img{ width: 100%; }
.maxCont .section4 .title{ text-align: center; margin-bottom: 60px; }
.maxCont .section4 .mainMin{ margin-top: 30px; }
.maxCont .section4 .animate{ position: relative; width: 46%; margin: 0 auto; }
.maxCont .section4 .animate .rotate{ width: 100%; opacity: 0; transform: scale(0.8); }
.maxCont .section4 .content.aos-animate .animate .rotate{ opacity: 1; transform: scale(1); transition: all 0.5s ease 0.3s; }
.maxCont .section4 .animate .rob{ position: absolute; top: 0; left: 0; width: 100%; }
.maxCont .section4 .content{ position: relative; }
.maxCont .section4 .content .text{ position: absolute; width: 250px; opacity: 0; }
.maxCont .section4 .content .text img{ margin-bottom: 10px; }
.maxCont .section4 .content .text .tit{ color: #fff; font-size: 30px; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #1a1a1a; }
.maxCont .section4 .content .text1{ left: 5%; top: 10%; transform: translate3d(40px,40px,0); transition: all 0.5s ease 0.3s; }
.maxCont .section4 .content .text2{ right: 5%; top: 10%; transform: translate3d(-40px,40px,0); transition: all 0.5s ease 0.6s; }
.maxCont .section4 .content .text3{ left: 5%; top: 45%; transform: translate3d(40px,-40px,0); transition: all 0.5s ease 0.5s; }
.maxCont .section4 .content .text4{ right: 5%; top: 45%; transform: translate3d(-40px,-40px,0); transition: all 0.5s ease 0.4s; }
.maxCont .section4 .content.aos-animate .text{ transform: translate3d(0,0,0); opacity: 1; }
.starCont.maxCont .section9 .topbox .imgbox{ width: 48.2%; }
.maxCont .xhandCont .section3{ padding-bottom: 0; }
.maxCont .section5{ padding: 100px 0; }
.maxCont .section5 .flex{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.maxCont .section5 .textbox{ width: 50%; padding-top: 50px; }
.maxCont .section5 .textbox .title{ margin-bottom: 70px; }
.maxCont .section5 .textbox .title .mainMax{ text-align: left; }
.maxCont .section5 .textbox .title .min{ font-size: 30px; color: #fff; margin: 40px 0 20px; }
.maxCont .section5 .textbox .listbox .list{ margin-bottom: 20px; border-radius: 15px; overflow: hidden; background: -webkit-linear-gradient(left, #08090b, #111319); }
.maxCont .section5 .textbox .list .name{ line-height: 88px; padding: 0 50px; color: #fff; position: relative; cursor: pointer; }
.maxCont .section5 .textbox .list .name span{ width: 17px; height: 17px; display: block; position: absolute; right: 50px; top: 34px; transition: all 0.3s ease; }
.maxCont .section5 .textbox .list .name span::after{ content: ''; position: absolute; width: 3px; height: 100%; left: 7px; top: 0; background: #252629; }
.maxCont .section5 .textbox .list .name span::before{ content: ''; position: absolute; height: 3px; width: 100%; left: 0; top: 7px; background: #252629; }
.maxCont .section5 .textbox .list .name.active span::before,.maxCont .section5 .textbox .list .name.active span::after{ background: #72a3b2; }
.maxCont .section5 .textbox .list .name.active span{ transform: rotate(135deg); }
.maxCont .section5 .textbox .list .name.active{ background: -webkit-linear-gradient(left, #007ee4, #b6eeff); }
.maxCont .section5 .textbox .list .htmlbox{ display: none; }
.maxCont .section5 .textbox .list .htmlbox .txt{ padding: 30px 5% 60px; line-height: 32px; color: #494949; }
.maxCont .section5 .imgbox{ width: 43.5%; }
.maxCont .section5 .imgbox img{ width: 100%; }
.maxCont .section6{ padding-bottom: 150px; }
.maxCont .section6 .flex{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
.maxCont .section6 .animate{ position: relative; width: 50%; background: #fff; overflow: hidden; order: 1; }
.maxCont .section6 .animate p{ position: absolute; width: 100%; bottom: 0; left: 0; text-align: center; font-size: 14px; color: #333; z-index: 3 }
.maxCont .section6 .animate img{ width: 100%; }
.maxCont .section6 .animate .img1{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2 }
.maxCont .section6 .animate .img2{ transform: translateY(10%); }
.maxCont .section6 .animate.aos-animate .img2{ animation: rob 1.5s ease 0.3s 1 forwards; }
.maxCont .section6 .textbox{ width: 50%; order: 2; }
.maxCont .section6 .textbox .mainMax{ text-align: left; margin-bottom: 40px; }
.maxCont .section6 .textbox .list{ margin-bottom: 30px; }
.maxCont .section6 .textbox .tit{ font-size: 24px; color: #fff; margin-bottom: 10px; }

.xinBanner{ position: relative; }
.xinBanner .bg{ width: 100%; }
.xinBanner .rob{ position: absolute; width: 31%; left: 50%; bottom: 4%; }
.xinBanner .textbox{ position: absolute; right: 55%; text-align: center; top: 20%; }
.xinBanner .textbox .min span{ font-size: 70px; background: -webkit-linear-gradient(left, #ffffff, #8fadf8, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.xinBanner .textbox .max{ margin: 30px 0 60px; }
.xinBanner .textbox .max span{ font-size: 220px; line-height: 220px; background: -webkit-linear-gradient(left, #ffffff, #8fadf8, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.xinBanner .textbox .p{ color: #fff; font-size: 36px; }
.xinCont{ background: #000; }
.xinCont .section1 .mainMax{ margin-bottom: 40px; text-align: center; }
.xinCont .section1 .listbox{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.xinCont .section1 .list{ width: 33%; position: relative; border-radius: 15px; overflow: hidden; }
.xinCont .section1 .list img{ width: 100%; }
.xinCont .section1 .list .video{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; }
.xinCont .section1 .box{ width: 32%; display: flex; flex-wrap: wrap; }
.xinCont .section1 .box .list{ width: 100%; margin-bottom: 20px; }
.xinCont .section1 .box .list:last-child{ margin: 0; }
.xinCont .section1 .list a{ display: none; }
.xinCont .section1{ padding-bottom: 120px; }
.xinCont .section3 .text .min{ width: 550px; max-width: 100%; margin: 40px auto 100px; }
.xinCont .section3 .text .play a{ display: inline-block; width: 220px; line-height: 66px; background: #007ce3; color: #fff; padding: 0; border-radius: 30px; }
.xinCont .section3 .text .play span{ display: inline-block; padding-right: 44px; background: url(../images/xin/play.png) no-repeat right center; }
.xinCont .section2{ padding: 120px 0; }
.xinCont .section2 .cont{ border-radius: 15px; overflow: hidden; background: #111319; }
.xinCont .section2 .videobox{ border-radius: 15px; overflow: hidden; position: relative; }
.xinCont .section2 .videobox img{ width: 100%; }
.xinCont .section2 .videobox .video{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; }
.xinCont .section2 .cont .title{ position: relative; line-height: 100px; }
.xinCont .section2 .cont .title p{ font-size: 24px; color: #fff; padding-left: 45px; }
.xinCont .section2 .cont .title .play{ position: absolute; display: block; right: 0; top: 0; width: 240px; color: #fff; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); text-align: center; }
.xinCont .section2 .cont .title .play span{ display: inline-block; padding-right: 44px; background: url(../images/xin/play.png) no-repeat right center; }
.starCont.xinCont .section9 .topbox .imgbox{ width: 30%; margin-left: 13%; }
.starCont.xinCont .section9 .table{ padding-top: 5%; }

.downloadBanner{ background: #000; }
.downCont{ background: #000; }
.downCont .list{ margin-bottom: 60px; background: -webkit-linear-gradient(left, #111319, #08090b); border-radius: 15px; padding: 60px 0; position: relative; }
.downCont .list .mainMax{ text-align: center; }
.downCont .list .imgbox{ position: absolute; width: 35%; left: 0; bottom: 0; }
.downCont .list.right .imgbox{ left: auto; right: 0; }
.downCont .list .imgbox img{ width: 100%; }
.downCont .list .tipsbox{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 50%; }
.downCont .list.left .tipsbox{ margin-left: 40%; }
.downCont .list.right .tipsbox{ margin-right: 40%; float: right; }
.downCont .list .tip{ border-bottom: 1px solid #191b1f; padding: 40px 0; width: 48%; }
.downCont .list .tip .tit{ font-size: 24px; color: #fff; margin-bottom: 20px; }
.downCont .list .tip p{ font-size: 14px; margin-bottom: 20px; }
.downCont .list .tip p span{ margin-right: 20px; }
.downCont .list .tip .btn a{ display: inline-block; width: 200px; line-height: 44px; border: 1px solid #fff; border-radius: 30px; text-align: center; color: #fff; }
.downCont .list .tip .btn a span{ padding-right: 20px; background: url(../images/download/icon.png) no-repeat right center; }
.downCont{ padding-bottom: 120px; }

.formCont{ background: #000; padding: 220px 0 150px; }
.formCont .all{ display: flex; flex-wrap: wrap; }
.formCont .leftbox{ width: 32%; position: relative; }
.formCont .leftbox .mail{ color: #fff; padding-left: 25px; border-left: 4px solid #23272d; margin: 60px 0 40px; }
.formCont .leftbox .mail .min{ padding-left: 18px; background: url(../images/form/icon.png) no-repeat left center; margin-bottom: 14px; }
.formCont .leftbox .mail .max{ font-size: 24px; }
.formCont .leftbox .btn a{ display: inline-block; width: 108px; line-height: 31px; text-align: center; color: #fff; background: #007ce3; font-size: 14px; border-radius: 30px; transition: all 0.3s ease; }
.formCont .leftbox .btn a:hover{ background: #056abe; }
.formCont .leftbox img{ position: absolute; right: 0; }
.formCont .rightbox{ width: 68%; }
.formCont .rightbox .form{ margin-bottom: 40px; }
.formCont .rightbox .listbox{ margin-bottom: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.formCont .rightbox .list{ width: 48%; }
.formCont .rightbox .sp .list{ width: 100%; }
.formCont .rightbox .list .tit{ font-size: 20px; color: #fff; padding-left: 30px; margin-bottom: 15px; }
.formCont .rightbox .list .tit span{ color: #007ce3; }
.formCont .rightbox .list .input input,
.formCont .rightbox .list .input select {
    background: #111317;
    color: #fff;
    font-size: 14px;
    border-radius: 10px;
    height: 75px;      /* 和邮箱保持一样 */
    padding: 0 30px;   /* 和邮箱保持一样 */
    border: none;
    width: 100%;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.formCont .rightbox .list .input select option {
    background: #111317;
    color: #fff;
}
.formCont .rightbox .list .code{ position: relative; }
.formCont .rightbox .list .code img{ position: absolute; right: 15px; bottom: 14px; width: 110px; height: 46px; }
.formCont .rightbox .list .code input{ padding-right: 140px; }
.formCont .rightbox .agree{ padding-left: 30px; position: relative; line-height: 20px; font-size: 14px; margin-bottom: 60px; }
.formCont .rightbox .agree a{ color: #007ce3; }
.formCont .rightbox .agree .point{ position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../images/form/point.png) no-repeat center; cursor: pointer; }
.formCont .rightbox .agree .point.active{ background: url(../images/form/point2.png) no-repeat center; }
.formCont .rightbox .subbox a{ display: inline-block; width: 260px; line-height: 76px; background: #007ce3; color: #fff; text-align: center; font-size: 18px; border-radius: 10px; transition: all 0.3s ease; }
.formCont .rightbox .subbox a:hover{ background: #056abe; }

@media only screen and (max-width: 1640px) {
    .banner_cont .text{ width: 1300px; margin-left: -650px }
    .all{ width: 1300px; padding: 0 10px; box-sizing: border-box; }
    .newsDetail .leftbox .max{ font-size: 34px; }
    .newsDetail .leftbox .menu{ width: 448px; }
    .aboutCont .section2 .text .aboutMax{ font-size: 50px; }
    .starCont .section2 .text{ width: 90%; left: 5%; margin: 0; }
    .starCont .section2 .text p{ width: 80%; }
    .starCont .section3 .text{ justify-content: right; }
    .xhandCont .section5 .swiper-slide .text .list{ padding-bottom: 20px; margin-bottom: 20px; }
    .xhandCont .section5 .swiper-slide .text{ width: 60%; }
    .xhandCont .section2{ padding-bottom: 60px; }
}
@media only screen and (max-width: 1480px) {
    .appCont .section1 .textbox{ width: 100%; margin: 0 auto; left: auto; padding: 0 20px; box-sizing: border-box; }
    .appCont .section1 .textbox .list .max{ font-size: 24px; }
    .xinBanner .textbox .max span{ font-size: 120px; line-height: normal; }
    .xinBanner .textbox .max{ margin: 0 0 10px; }
    .xinBanner .textbox .min span{ font-size: 50px; }
    .xinBanner .textbox{ left: 20%; }
}
@media only screen and (max-width: 1370px) {
    .all{ width: 1200px; margin: 0 auto; }
    .banner_cont .text{ width: 1200px; margin-left: -600px }
    .newsDetail .leftbox .max{ font-size: 30px; }
    .newsDetail .leftbox .menu{ width: 413px; }
    .maxCont .section3 .topbox .mainMin{ width: 25%; }
    .maxBanner .textbox{ top: 30% }
}
@media only screen and (max-width: 1280px) {
    .all{ width: 1000px; margin: 0 auto; }
    .banner_cont .text{ width: 1000px; margin-left: -500px }
    .newsDetail{ padding-top: 180px; }
    .newsDetail .leftbox .max{ font-size: 30px; }
    .newsDetail .leftbox .menu{ width: 343px; }
    .banner_cont .arrow{ bottom: 25%; }
    .aboutCont .section6 .list .max{ font-size: 16px; }
    .aboutCont .section6 .list .min{ font-size: 14px; }
    .aboutCont .section6 .list{ width: 30%; }
    .aboutCont .section5 .textCont .max{ font-size: 24px; }
    .aboutCont .section5 .pintbox .swiper-pagination-bullet-active em{ font-size: 20px; }
    .aboutCont .section5 .pintbox .swiper-pagination-bullet em{ font-size: 16px; }
    .aboutCont .section5 .textCont .year{ font-size: 50px; }
    .aboutCont .section5 .pintbox{ width: 40%; }
    .aboutCont .section4 .aboutMax,.aboutCont .section3 .aboutMax,.aboutCont .section2 .text .aboutMax,.banner_cont .textbox .min{ font-size: 30px; }
    .aboutCont .section4 .numberbox .number{ font-size: 100px; }
    .aboutCont .section4 .numberbox p{ font-size: 20px; }
    .xhandCont .section4 .all{ width: 100%; padding: 0 10px; }
    .starCont .section9 .topbox .list .right{ width: 74%; font-size: 14px; }
    .starCont .section9 .topbox .list .left{ font-size: 20px; width: 26%; }
    .joinCont .section2 .txt{ margin-bottom: 20px; }
    .joinList{ padding-top: 300px; }
    .xinBanner .textbox .p{ font-size: 20px; }
    .xinBanner .textbox .max span{ font-size: 100px; }
    .xinBanner .textbox .min span{ font-size: 40px; }
    .xinBanner .textbox{ top: 30%; left: 15%; }
    .xinBanner .rob{ left: auto; right: 10%; }
    .downCont .list .tip .tit{ font-size: 20px; }
}
@media only screen and (max-width: 1100px) {
    .xhandCont .section1 .right .li1 .text{ top: 5%; }
    .xhandCont .section3 .text{ width: 90%; left: 5%; margin: 0; }
    .joinList{ padding-top: 200px; }
    .maxBanner .textbox .max span{ font-size: 50px; }
    .maxBanner .textbox .min{ font-size: 30px; }
    .maxCont .mainMax span,.starCont .section8 .text .max span{ font-size: 40px; }
    .maxCont .section5 .textbox .list .name{ line-height: 68px; }
    .maxCont .section5 .textbox .list .name span{ top: 26px; }
    .maxCont .section2 .textbox{ width: 90%; }
    .maxCont .section1 .textbox{ width: 90%; left: 5%; margin-left: 0; }
}
@media only screen and (max-width: 1000px) {
    .all{ width: 100%; margin: 0 auto; }
    .banner_cont .text{ width: 90%; margin-left: 0; left: 5%; }
    .banner_cont .arrow{ display: none; }
    .aboutCont .section2 .imgbox{ right: 5%; }
    .aboutCont .section2 .text{ width: 35%; margin-left: 5%; }
    .aboutCont .section2 .text .aboutMax{ display: block; }
    .aboutCont .section2{ padding-top: 40px; }
    .xhandCont .section5 .swiper-slide .text .left{ font-size: 24px; }
    .maxCont .section4 .content .text{ z-index: 1 }
    .maxCont .section4 .content .text .tit{ font-size: 22px; }
    .maxCont .section4 .content .text img{ width: 40px; }
}
@media only screen and (max-width: 850px) {
    .starCont .section1 .title .max span,.starCont .section4 .title span,.starCont .section4 .title span,.starCont .section7 .title .max span,.starCont .section8 .text .max span,.starCont .section9 .title span,.starsection10 .cont1 .text .max span,.starCont .section11 .title span,.starCont .section11 .tit span,.starCont .section11 .lastbox .max span,.mainMax span,.aboutCont .section1 .text .max span,.starCont .section4 .tipsbox .max span{ font-size: 30px; }
    .xhandBanner .min,.xhandCont .section2 .textbox .listbox .tit,.joinbanner .textbox .min,.mainMax span,.mainMax span,.joinCont .section2 .max,.joinList .title .min,.banner_cont .textbox .min,.appCont .section2 .swiper-slide .max span{ font-size: 24px; }
    .xhandBanner .max span,.joinList .title .mainMax span,.maxCont .mainMax span{ font-size: 40px; }
    .newsDetail .leftbox{ width: 100%; }
    .newsDetail .leftbox .menu{ display: none; }
    .newsDetail .leftbox .time{ margin-bottom: 40px; }
    .newsDetail .htmlbox{ width: 100%; }
    .newsCont .listbox .list .imgbox{ position: relative; width: 50%; margin: 0 auto; }
    .newsCont .listbox .list .imgbox .bg{ position: relative; }
    .newsCont .listbox .list .imgbox img{ display: block; }
    .newsCont .listbox .list .textbox{ float: none; width: 100%; padding: 40px 20px; }
    .newsCont .listbox .list .textbox .min{ margin-bottom: 40px; }
    .newsCont .pagebox .page{ width: 100%; text-align: center; margin-bottom: 40px; }
    .newsCont .pagebox .btn{ width: 100%; text-align: center; }
    .newsCont .pagebox { padding-top: 40px; }
    .joinList .pagebox .page{ width: 100%; text-align: center; margin-bottom: 40px; }
    .joinList .pagebox .btn{ width: 100%; text-align: center; }
    .joinList .pagebox { padding-top: 40px; }
    .aboutCont .section3 .imgbox{ width: 60%; margin: 0 auto; }
    .aboutCont .section3 .text{ width: 100%; padding: 40px 20px 0; }
    .aboutCont .section2 .text{ width: 100%; margin-bottom: 40px; }
    .aboutCont .section2 .imgbox{ position: static; margin: 0 auto; }
    .aboutCont .section1 .list .li{ width: 50%; margin-bottom: 40px; }
    .aboutCont .section1 .text .min,.starCont .section11 .swiper-slide .max,.xhandCont .section2 .textbox .list p,.joinCont .section1 .list .max,.banner_cont .textbox .min,.appCont .section1 .textbox .list .max{ font-size: 18px; }
    .aboutCont .section1 .text,.aboutCont .section4 .text{ width: 100%; }
    .aboutCont .section2{ margin-bottom: 80px; }
    .aboutCont .section3{ margin-bottom: 0; }
    .aboutCont .section4 .numberbox{ width: 100%; margin-bottom: 40px; }
    .aboutCont .bgCont{ background-size: 180% auto; }
    .aboutCont .section4{ padding-bottom: 80px; }
    .aboutCont .section4 .aboutMax{ display: block; }
    .aboutCont .section4 .text .aboutTitle{ margin-bottom: 40px; }
    .aboutCont .section5 .pintbox{ display: none; }
    .aboutCont .section5 .textCont{ width: 100%; padding-top: 40px; }
    .aboutCont .section5 .button{ position: relative; width: 110px; margin: 0 auto; left: auto; margin-top: 60px; }
    .aboutCont .section5 .button .swiper-button-next{ right: 0; }
    .section5{ padding-bottom: 80px; }
    .aboutCont .section6 .list{ width: 48%; }
    .aboutCont .section7 .contact .list{ width: 100%; margin-bottom: 40px; }
    .aboutCont .section7 .contact{ margin-bottom: 40px; }
    .aboutCont .section7 .media .list{ width: 30%; margin-bottom: 20px; }
    .starCont .section2 .text p{ font-size: 16px; width: 100%; line-height: 30px; }
    .starCont .section3 .text .play{ width: 100%; }
    .starCont .section4 .tipsbox .list{ width: 48%; flex-wrap: wrap; display: flex; justify-content: space-between; }
    .starCont .section4 .tipsbox .list:last-child{ width: 100%; }
    .starCont .section4 .tipsbox .list:last-child .tips{ width: 48%; }
    .starCont .section5 .topbox{ background: #08090b url(../images/star/bg4.jpg) no-repeat left }
    .starCont .section5 .topbox .text{ margin-left: 5%; }
    .starCont .section5 .listbox .max span{ font-size: 24px; }
    .starCont .section7 .listbox .list{ width: 48%; box-sizing: border-box; margin-bottom: 20px; border:none; }
    .starCont .section8 .text{ width: 90%; right: 5% }
    .starCont .section9 .topbox .imgbox{ width: 50%; margin: 0 auto; }
    .starCont .section9 .topbox .table{ width: 100%; }
    .starCont .section9 .topbox .listbox.sp{ width: 100%; }
    .starCont .section9 .topbox .listbox.sp .list{ background: #111317; }
    .starCont .section9 .topbox .listbox.sp .list.bg{ background: none; }
    .starsection10 .video video{ height: 100vh; }
    .starsection10 .cont1 .text{ width: 90%; left: 5%; }
    .starsection10 .cont2 .cn{ width: 100%; }
    .starsection10 .cont2 .en{ width: 100%; font-size: 30px; text-align: center; margin-bottom: 40px; }
    .starCont .section11 .swiper{ width: 100% }
    .starCont .section11 .lastbox .list{ width: 100%; margin-bottom: 20px; }
    .xhandCont .section2 .textbox{ width: 58%; }
    .xhandCont .section3 .text{ top: 10%; }
    .xhandCont .section4 .imgbox .text{ bottom: 5%; }
    .xhandCont .section5 .menu .swiper-pagination-bullet{ width: 25%; font-size: 14px; }
    .xhandCont .section5 .swiper-slide .text{ position: static; padding: 20px; width: 100%; box-sizing: border-box; }
    .xhandCont .section5 .swiper-slide img{ display: none; }
    .xhandCont .section5 .swiper-slide .text .list{ margin-bottom: 15px; padding-bottom: 15px; }
    .xhandCont .section6 .listbox{ justify-content: center; }
    .xhandCont .section6 .list{ width: 60%; margin-bottom: 20px; }
    .xhandCont .section6 .tipsbox .tip{ width: 100%; margin-bottom: 20px; }
    .xhandCont .section7 .list .left{ width: 40%; font-size: 16px; }
    .xhandCont .section8 .list{ width: 100%; margin-bottom: 20px; }
    .aboutCont .section1 .list::before,.aboutCont .section1 .list::after{ display: none; }
    .joinCont .section2 .listbox{ width: 100%; }
    .appBanner{ background-attachment: local; }
    .appCont .section1 .textbox .list .min{ font-size: 14px; }
    .appCont .section2 .control .swiper-pagination .swiper-pagination-bullet{ font-size: 16px; width: 160px; }
    .appCont .section2 .swiper-slide .box1 .bg{ width: 150%; }
    .maxCont .mainMin{ line-height: 24px; font-size: 16px; }
    .maxCont .section1 .bg{ width: 140%; margin-left: -20%; }
    .maxCont .section3 .topbox .mainMax{ position: static; width: 100%; text-align: center; }
    .maxCont .section3 .topbox .mainMax span{ display: inline-block; margin-right: 20px; }
    .maxCont .section3 .topbox .mainMin{ width: 100%; position: static; margin: 30px 0; }
    .maxCont .section4 .animate{ width: 64%; }
    .maxCont .section5 .textbox{ width: 100%; margin-bottom: 30px; }
    .maxCont .section5 .imgbox{ width: 40%; }
    .maxCont .section5 .flex,.maxCont .section6 .flex{ justify-content: center; }
    .maxCont .section6 .textbox{ width: 100%; order: 1; margin-bottom: 20px; }
    .maxCont .section6 .animate{ width: 60%; order: 2; }
    .maxBanner{ background-attachment: local; }
    .xinBanner .textbox .max span{ font-size: 60px; }
    .xinBanner .textbox .min span{ font-size: 30px; }
    .starCont.xinCont .section9 .topbox .imgbox{ margin: 0 auto; }
    .starCont .section9 .title{ margin-bottom: 40px; }
    .downCont .list.right .tipsbox{ margin-right: 36%; }
    .downCont .list.left .tipsbox{ margin-left: 36%; }
    .downCont .list .tipsbox{ width: 60%; }
    .xhandCont .section1 .right .li1 .text .max{ font-size: 60px; }
    .xhandCont .section1 .right .li2 .text .max{ font-size: 50px; }
    .formCont .leftbox{ width: 100%; text-align: center; margin-bottom: 40px; }
    .formCont .leftbox .mail .min{ display: inline-block; }
    .formCont .leftbox .btn{ margin-bottom: 40px; }
    .formCont .leftbox img{ position: static; width: 60%; margin: 0 auto; display: inline-block; }
    .formCont .rightbox{ width: 100%; }
    .formCont{ padding: 120px 0; }
    .formCont .rightbox .subbox{ text-align: center; }
}
@media only screen and (max-width: 550px) {
    .aboutCont .section4 .aboutMax,.aboutCont .section3 .aboutMax,.aboutCont .section2 .text .aboutMax,.starCont .section1 .title .max span, .starCont .section4 .title span, .starCont .section4 .title span, .starCont .section7 .title .max span, .starCont .section8 .text .max span, .starCont .section9 .title span, .starsection10 .cont1 .text .max span,.starsection10 .cont1 .text .max span,.starCont .section11 .tit span,.starCont .section11 .lastbox .max span,.mainMax span,.xhandBanner .max span,.aboutCont .section1 .text .max span,.xhandCont .section1 .left .text .min,.xhandCont .section6 .tipsbox .tip .max,.starCont .section7 .listbox .list .max span,.starCont .section6 .tipsbox .max span,.starCont .section4 .tipsbox .max span.sp,.starCont .section4 .tipsbox .max span,.joinCont .section1 .list .max{ font-size: 24px; }
    .banner_cont .textbox .max,.joinbanner .textbox .max span,.joinbanner .textbox .max span,.joinList .title .mainMax span,.maxCont .mainMax span{ font-size: 30px; }
    .banner_cont .textbox .min,.starsection10 .cont1 .text .min,.starsection10 .cont2 .cn .max,.xhandCont .section2 .textbox .listbox .tit,.joinbanner .textbox .min{ font-size: 22px; }
    .banner_cont.news .newsbanner{ height: 500px; }
    .newsCont .listbox .list .imgbox{ width: 100%; }
    .newsCont .listbox .list .textbox .max{ font-size: 24px; margin-bottom: 20px; }
    .newsCont .listbox .list .textbox .min{ margin-bottom: 20px; }
    .newsCont .pagebox .page a,.joinList .pagebox .page a{ width: 40px; height: 40px; line-height: 40px; }
    .newsCont .pagebox,.joinList .pagebox{ padding-top: 0; }
    .newsCont .pagebox .btn a,.joinList .pagebox .btn a{ width: 150px; line-height: 55px; height: 55px; }
    .banner_cont .textbox{ bottom: 0; }
    .banner_cont .arrow{ display: none; }
    .newsCont{ padding-top: 0; margin-top: 0; background: none; }
    .newsCont .menubox .list{ width: 24%; }
    .newsCont .menubox{ margin-bottom: 40px; }
    .aboutCont .section3 .min .li{ width: 48%; }
    .aboutCont .section4 .min,.aboutCont .section5 .textCont .p{ font-size: 16px; }
    .aboutCont .section5{ padding: 60px 0; }
    .aboutCont .section5 .textCont{ padding-top: 0; text-align: center; }
    .aboutCont .section5 .textCont .year{ font-size: 40px; }
    .aboutCont .section5 .textCont .max{ margin-bottom: 40px; }
    .aboutCont .section5 .textCont .min,.xhandCont .section3 .text .min,.xhandCont .section8 .min,.joinList .title .min,.banner_cont .textbox .min{ font-size: 20px; }
    .aboutCont .section6 .list{ width: 90%; margin: 0 auto 40px !important; }
    .aboutCont .section6{ margin-bottom: 40px; }
    .aboutCont .section7 .media .list{ width: 48%; }
    .aboutCont .section7{ background-size: 100%; }
    .banner_cont .bg{ width: 160%; margin-left: -30%; }
    .banner_cont .text .t1{ margin-bottom: 20px; }
    .banner_cont .text{ top: 30%; }
    .mainArrow{ display: none; }
    .starCont .section1 .title .min,.starCont .section9 .topbox .list .left,.xhandBanner .min,.xhandCont .section4 .textbox .min,.joinCont .section2 .txt{ font-size: 18px; }
    .starBanner .bg,.starCont .section1 .bg{ width: 160%; margin-left: -30%; }
    .starCont .section2 .text p{ line-height: 28px; font-size: 14px; }
    .starCont .section4 .tipsbox .list,.starCont .section4 .tipsbox .tips,.starCont .section4 .tipsbox .list:last-child .tips{ width: 100%; }
    .starCont .section5 .topbox .text{ width: 90%; margin-left: 5%; }
    .starCont .section5 .topbox{ padding: 40px 0; background: #08090b url(../images/star/bg4.jpg) no-repeat right !important;}
    .starCont .section5 .phone{ display: block; }
    .starCont .section5 .listbox .list{ width: 100%; }
    .starCont .section5 .listbox::before, .starCont .section5 .listbox::after{ display: none; }
    .starCont .section5{ margin-bottom: 0; }
    .starCont .section7 .title .min{ width: 100%; font-size: 18px; }
    .starCont .section9 .download .bg img{ width: 200%; }
    .starCont .section9 .download .btn{ left: 50%; margin-left: -115px; }
    .starCont .section9 .topbox .list .left{ padding-left: 20px; }
    .starCont .section9 .topbox .list{ height: auto; padding: 20px 0; line-height: 30px; }
    .starsection10 .cont1 .text img{ width: 100%;}
    .starCont .section11 .lastbox .list img{ width: 100%; }
    .starCont .section8 .fix img{ display: none; }
    .starCont .section8 .text{ position: static; margin-left: 5%; }
    .starCont .section8 .bg{ display: none; }
    .starCont .section8,.starCont .section7{ margin-bottom: 60px; }
    .xhandBanner .bg{ width: 160%; opacity: 1; }
    .xhandBanner .video{ display: none; }
    .xhandCont .section1 .xmin{ text-align: left; margin: 20px 0 40px; width: 100%; }
    .xhandCont .section3 .text .p{ text-align: left; }
    .xhandCont .section1 .left,.xhandCont .section2 .imgbox{ width: 100%; margin-bottom: 20px; }
    .xhandCont .section1 .right,.xhandCont .section2 .textbox{ width: 100%; }
    .xhandCont .section1 .right .li1 .text .min,.xhandCont .section1 .right .li2 .text .min{ font-size: 18px; line-height: 30px; }
    .xhandCont .section2 .textbox .min,.xhandCont .section4 .textbox .p{ font-size: 14px; line-height: 28px; margin-bottom: 40px; }
    .xhandCont .section2 .textbox .list p{ font-size: 14px; line-height: 30px; }
    .xhandCont .section3{ padding: 60px 0 0; }
    .xhandCont .section3 .text{ position: static; width: 90%; margin-left: 5%; margin-bottom: 20px; }
    .xhandCont .section3 .video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }
    .xhandCont .section3 .img{ display: block; }
    .xhandCont .section3 .black{ display: none; }
    .xhandCont .section4 .imgbox .text{ position: static; width: 100%; }
    .xhandCont .section5 .menu .swiper-pagination-bullet{ margin-bottom: 40px; width: 48%; }
    .xhandCont .section5 .menu{ margin-bottom: 20px; }
    .xhandCont .section5 .swiper-container{ width: 90%; margin-left: 5%; }
    .xhandCont .section6 .list{ width: 100%; height: 160px; }
    .xhandCont .section6 .tipsbox .tip{ border-radius: 15px; overflow: hidden; }
    .xhandCont .section6 .tipsbox .tip .bg{ width: 180%; margin-left: -40%; }
    .xhandCont .section6{ margin-bottom: 60px; }
    .xhandCont .section7{ margin-bottom: 60px; }
    .xhandCont .section7 .tablebox{ width: 100%; }
    .xhandCont .section7 .list .left{ padding-left: 20px; }
    .xhandCont .section7 .download .bg img{ width: 200%; }
    .xhandCont .section7 .download .btn{ left: 50%; margin-left: -115px; }
    .xhandCont .section8 .left img{ left: 10%; }
    .xhandCont .section8 .right img{ right: 10%; }
    .xhandCont .section8 .listbox{ margin-bottom: 40px; }
    .xhandCont .section1{ padding-top: 60px; }
    .xhandCont .section5 .swiper-slide .text .left{ font-size: 18px; }
    .xhandCont .section5 .swiper-slide .text .right{ font-size: 14px; line-height: 24px; }
    .starCont .section2 .bg{ opacity: 1; }
    .starCont .section2 .video{ display: none; }
    .starCont .section2.aos-animate .video{ transform: scale(1); transition: all 1.5s ease 1s; }
    .starCont .section2 .black{ display: none; }
    .starCont .section2 .text{ position: relative; padding: 60px 0; z-index: 3; }
    .aboutCont .section1{ margin-top: -115px; padding-top: 100px; }
    .aboutCont .section1 .list .li{ width: 48%; }
    .aboutCont .section1 .list .li p{ text-align: left; }
    .aboutCont .section1 .list .li p br{ display: none; }
    .aboutCont .section7{ padding-bottom: 80px; }
    .xhandCont .section1 .right .li1 img{ opacity: 1; }
    .xhandCont .section1 .right .video{ display: none; }
    .aboutCont .section4 .numberbox p{ font-size: 16px; }
    .starsection10 .fiximg{ display: block; position: sticky; position: -webkit-sticky; width: 100%; top: 68px; }
    .starsection10 .fiximg img{ width: 100%; }
    .starsection10 .video{ display: none; }
    .joinCont .section1 .list{ width: 100%; margin-bottom: 20px; padding: 30px 3%; }
    .joinCont .section1{ padding: 200px 0 60px; }
    .joinCont .section2 .bg{ display: none; }
    .joinCont .section2{ background: url(../images/join/bg1.jpg) no-repeat center; background-size: cover; padding: 60px 0 40px; }
    .joinCont .section2 .fixbox{ position: relative; }
    .joinCont .section2 .mainMax{ position: static; margin-bottom: 40px; }
    .joinCont .section2 .list{ width: 49%; margin-bottom: 20px; }
    .joinList .listbox .list .tb1{ font-size: 16px; padding-left: 20px; }
    .joinList .listbox .list .tit{ line-height: 24px; padding: 15px 0; }
    .joinList .listbox .list .tb2{ font-size: 14px; }
    .joinList .listbox .list .tb3{ padding-right: 30px; font-size: 14px; }
    .joinList .listbox .list .tbcont .text dl{ width: 100%; margin-bottom: 20px; }
    .appBanner .textbox{ bottom: 25%; }
    .appCont .section1{ padding: 40px 0; background-attachment: local; }
    .appCont .section1 .bg{ display: none; }
    .appCont .section1 .mainMax{ position: static; margin: 0 auto 40px; }
    .appCont .section1 .textbox{ position: static; }
    .appCont .section1 .textbox .list{ width: 100%; }
    .appCont .section2{ padding: 60px 0; }
    .appCont .section2 .swiper1 .swiper-slide .left{ width: 100%; margin-bottom: 20px; }
    .appCont .section2 .swiper1 .swiper-slide .right{ width: 100%; }
    .appCont .section2 .swiper1 .swiper-slide .text{ position: static; margin: 0 auto; padding: 30px 0; }
    .appCont .section2 .swiper-slide .box1 .bg{ display: none; }
    .appCont .section2 .control .scroll{ width: 75%; }
    .appCont .section2 .control .swiper-pagination .swiper-pagination-bullet{ font-size: 12px; width: 140px; }
    .appCont .section2 .control{ margin-bottom: 40px; }
    .appCont .section2 .control .swiper-pagination .swiper-pagination-bullet{ background-size: 40px auto; background-position: center; }
    .appCont .section2 .mainMax{ text-align: center; }
    .starCont .section2 .text .play,.xhandCont .section3 .text .play{ display: none; }
    .starCont .section4{ margin-bottom: 40px; }
    .starCont .section5{ padding-bottom: 0; }
    .starCont .section7 .title{ margin-bottom: 80px; }
    .starCont .section11{ padding: 60px 0; }
    .starCont .section5 .topbox{ margin-bottom: 40px; }
    .starCont .section8 .text .min{ font-size: 16px; line-height: 24px; }
    .starCont .section8{ padding-top: 40px; }
    .starCont .section1 .rob{ width: 60%; left: 20%; }
    .maxBanner .textbox .min{ font-size: 20px; }
    .maxBanner .textbox .max{ width: 30px; width: 100%; }
    .maxBanner .bg{ width: 160%; }
    .maxBanner .textbox{ width: 90%; }
    .maxCont .section1 .bg{ width: 240%; margin-left: -70%; }
    .maxCont .section1 .animate{ width: 38%; left: 31%; }
    .maxCont .section2 .img{ margin-bottom: 20px; width: 45%; }
    .maxCont .section3 .list{ width: 48%; }
    .maxCont .section3 .list p{ font-size: 20px; }
    .maxCont .section4 .content .text{ position: static; width: 90%; margin: 0 auto 20px; transition: all 0s ease; }
    .maxCont .section4 .animate{ padding-top: 20px; }
    .maxCont .section5{ padding: 60px 0; }
    .maxCont .section5 .textbox{ padding-top: 0; }
    .maxCont .section6 .animate{ width: 90%; }
    .maxCont .section6{ padding-bottom: 60px; }
    .xinCont .section1 .list .video{ display: none; }
    .xinCont .section1 .list a{ display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5) url(../images/play.png) no-repeat center; background-size: 30px; }
    .xinBanner .textbox{ right: auto; left: 8%; }
    .xinBanner .rob{ right: 0; width: 45%; }
    .xinBanner .bg{ width: 180%; margin-left: -40%; }
    .xinCont .section1{ padding: 40px 0 60px; }
    .xinCont .section1 .list{ width: 100%; margin-bottom: 20px; }
    .xinCont .section1 .box{ width: 100%; }
    .xinCont .section3 .text .min{ margin: 40px auto 60px; }
    .xinCont .section2 .cont .title{ line-height: 60px; }
    .xinCont .section2 .cont .title p{ font-size: 16px; }
    .xinCont .section2 .cont .title .play{ width: 180px; }
    .xinCont .section2{ padding: 60px 0; }
    .starCont .section9{ padding-bottom: 60px; }
    .downCont .list .tipsbox{ width: 90%; margin: 0 5% 40px !important; }
    .downCont .list .tip .btn a{ width: 100%; }
    .downCont .list .tip{ width: 100%; }
    .downCont .list .imgbox{ position: static; margin: 0 auto; width: 40%; }
    .downCont .list{ padding-bottom: 0; }
    .downCont{ padding-bottom: 60px; }
    .formCont .leftbox .mail{ border: none; }
    .formCont .rightbox .list{ width: 100%; margin-bottom: 20px; }
    .formCont .rightbox .listbox{ margin-bottom: 0; }
    .formCont .rightbox .list .tit{ font-size: 18px; padding-left: 20px; }
    .formCont .rightbox .list .input input{ height: 54px; }
    .formCont .rightbox .subbox a{ line-height: 60px; }
    .formCont .rightbox .list .input input{ padding: 0 20px; }
    .starCont .section5 .topbox .text p,.starCont .section7 .title .min,.starCont .section5 .listbox .min,.joinCont .section1 .list .p,.starCont .section8 .text .min,.xhandCont .section1 .xmin,.xhandCont .section3 .text .p{ font-size: 14px; line-height: 28px; }
    .joinbanner .textbox .more{ width: 40%; }
    .aboutCont .section5 .button{ margin-top: 30px; }
}

@keyframes rob{
   0%{ transform: translateY(10%); }
   40%{ transform: translateY(4%); }
   60%{ transform: translateY(0%); }
   100%{ transform: translateY(-12%); }
}
@keyframes bom{
   0%{ transform: scale(0); }
   40%{ transform: scale(1.2); }
   60%{ transform: scale(0.9); }
   100%{ transform: scale(1); }
}
@keyframes arrow{
   0%{ opacity: 1 }
   50%{ opacity: 0 }
   100%{ opacity: 1 }
}
@keyframes shake{
   0%{ opacity: 0; }
   50%{ opacity: 0.2; }
   70%{ opacity: 0.8; }
   75%{ opacity: 0.4; }
   80%{ opacity: 1; }
   85%{ opacity: 0.4; }
   90%{ opacity: 0.8; }
   90%{ opacity: 0.4; }
   100%{ opacity: 1; }
}
@keyframes scale{
   0%{ transform: scale(0.6); }
   50%{ transform: scale(1.1); }
   100%{ transform: scale(0.6); }
}
@keyframes sprite-animate-go1 {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}
@keyframes sprite-animate-go2 {
from { background-position: -2550px 0 }
to { background-position: 0 0 }
}