body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font-family:  Arial;color:#333; -webkit-text-size-adjust: none; }
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none;}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body{ width: 100%; height: 100% }
li{ list-style:none;}
em,i{ font-style: normal; }
.box{ width: 70.8vw; margin: 0 auto; }
.wrap{ width: 100%; padding: 0 8.3vw; box-sizing: border-box; }
.head{  width: 100%; background: #111315; z-index: 999 }
h1{ float: left; line-height:115px;  }
.head_r{ float: right; }
.headt{ padding-top: 14px; }
.navul{ float: left; margin-right: 18px; }
.navul li{ float: left; margin-left: 10px; }
.navul li a{ display: block; font-size: 18px; transition: all 0.5s ease 0s; color: #ccc; font-weight: bold; height:38px; line-height: 38px; padding: 0 6px;  }
.navul li a:hover,.headul li a:hover,.navul li a.on,.headul li a.on{  background: linear-gradient(90deg, #8066ff, #36a8e8); transition: all 0.5s ease 0s;-webkit-background-clip: text;
    background-clip: text;
    color: transparent; }
.search{ float: left; width:140px; height: 36px; border-radius: 36px; border: 1px solid #fff;  }
.search_txt{ float: left; width:109px; height: 36px; padding: 0 10px; box-sizing: border-box; line-height: 36px; border: none; background: none; border-radius: 36px; font-size: 16px; color: #8c8d8d; font-style: italic; }
.search_sub{ float: left; height: 36px; line-height: 36px; border: none; cursor: pointer; width: 20px; background: url(../search.png) right center no-repeat;}
.headb{ padding: 11px 0 17px 0; }
.headul li{ float: left; margin-left: 10px; }
.headul li a{ display: block; font-size:16px;transition: all 0.5s ease 0s; font-weight: bold; color: #fff; height:36px; line-height: 36px; padding:0 6px;  }
.headdiv{ float: right; }
/*
.foot_t{ background: #111315; padding: 50px 0 75px 0; }
.foottit{ font-size: 30px; margin-bottom: 20px; font-weight: bold; color: #fff; height:58px; line-height: 58px;background: url(../foot1.png) left bottom no-repeat;  }
.footul{}
.footul a{ display: block; font-size: 18px; color: #999a9a; height: 52px; line-height: 52px; padding-left: 28px;background: url(../foot2.png) left center no-repeat;}
.useful{ float: left; width: 27%;}
.cont{ float: left; width: 40%; }
.online{float: left; width: 33%;}
.ness{ height:52px; line-height: 52px; color: #fff; overflow: hidden;font-size: 16px;  }
.nessi{ font-weight: bold; margin-right: 10px; }
.contbus{ margin-bottom: 28px; }
.contul li{ float: left; margin-right:15px;  }
.contul li a{ display: block; }
.contul li a img{ height: 39px; }
.ondiv{ margin-bottom:12px;  }
.ontxt{ font-size: 16px; height:54px; line-height: 54px; color: #9e9e9f; border-radius: 5px; padding: 0 26px; background: #1b1e23; border: none; display: block; width: 100%; box-sizing: border-box;  }
.onsub{ display: block; width: 230px; height: 55px; font-size: 24px; line-height: 55px; color: #fff;background: linear-gradient(90deg, #3388ee, #00d0bb); text-align: center; border-radius: 5px; cursor: pointer; border:none; }
.onsel{appearance: none;font-size: 14px; margin-bottom: 10px; height:54px; line-height: 54px; color: #9e9e9f; border-radius: 5px; padding: 0 26px; border: none; display: block; width: 100%; box-sizing: border-box;  
-webkit-appearance: none;-moz-appearance: none;background:#1b1e23 url(../foot8.png) right center no-repeat;background-repeat: no-repeat;background-position: right 0px center;cursor: pointer;}
.foot_b{ background: #0c0d0f; }
.foot_l{ float: left; height: 76px; line-height: 76px; color: #fff; font-size: 12px; }
.foot_r{ float: right; }
.quick_l{ float: left; font-size: 12px; color: #fff; line-height: 76px; margin-right: 10px; }
.quick_r{ float: left; height: 40px; width: 269px; border-radius: 5px; border: 1px solid #2d3442; margin-top: 17px; }
.quise{appearance: none;font-size: 12px;  height:40px; line-height: 40px; color: #9e9e9f; border-radius: 5px; padding: 0 26px; border: none; display: block; width: 100%; box-sizing: border-box;  
-webkit-appearance: none;-moz-appearance: none;background:#191d22 url(../foot7.png) right center no-repeat;background-repeat: no-repeat;background-position: right 0px center;cursor: pointer;}
.foot{ overflow: hidden; }*/

.bannerindex video{object-position: center;    object-fit: fill !important;background: none !important;}

.foot_t{ background: #111315; padding: 50px 0 75px 0; }
.foottit{ font-size: 18px; margin-bottom: 26px; font-weight: bold; color: #fff; height:46px; line-height: 46px;background: url(../foot1.png) left bottom no-repeat;  }
.footul{}
.footul a{ display: block; font-size: 18px; color: #fff; height: 46px; line-height: 46px; }
.useful{ float: left; width: 42%;}
.cont{ float: left; width: 28%; }
.online{float: right; width: 24%;}
.ness{ height:45px; line-height: 45px; color: #fff; overflow: hidden;font-size: 16px;  }
.nessi{ font-weight: bold; margin-right: 10px; }
.contbus{ margin-bottom: 28px; }
.contul li{ float: left; margin-right:15px;  }
.contul li a{ display: block; }
.contul li a img,.contwhat1 img{ height: 30px; width:30px; border-radius:30px; }
.contul2 li a img,.contwhat img{ height: 43px; width:43px; border-radius:43px; }
.contul2{ margin-left:74px;}
.ondiv{ margin-bottom:12px;  }
.ontxt{ font-size: 16px; height:54px; line-height: 54px; color: #9e9e9f; border-radius: 5px; padding: 0 26px; background: #1b1e23; border: none; display: block; width: 100%; box-sizing: border-box;  }
.onsub{ display: block; width: 230px; height: 55px; font-size: 24px; line-height: 55px; color: #fff;background: linear-gradient(90deg, #3388ee, #00d0bb); text-align: center; border-radius: 5px; cursor: pointer; border:none; }
.onsel{appearance: none;font-size: 16px; margin-bottom: 10px; height:54px; line-height: 54px; color: #9e9e9f; border-radius: 5px; padding: 0 26px; border: none; display: block; width: 100%; box-sizing: border-box;  
-webkit-appearance: none;-moz-appearance: none;background:#1b1e23 url(../foot8.png) right center no-repeat;background-repeat: no-repeat;background-position: right 0px center;cursor: pointer;}
.foot_b{ background: #0c0d0f; }
.foot_l{ float: left; height: 76px; line-height: 76px; color: #fff; font-size: 16px; }
.foot_r{ float: right; }
.quick_l{ font-size: 16px; color: #fff; line-height: 33px;  }
.quick_r{ float: left; height: 40px; width: 269px; border-radius: 5px; border: 1px solid #2d3442; margin-top: 17px; }
.quise{appearance: none;font-size: 16px;  height:40px; line-height: 40px; color: #9e9e9f; border-radius: 5px; padding: 0 26px; border: none; display: block; width: 100%; box-sizing: border-box;  
-webkit-appearance: none;-moz-appearance: none;background:#191d22 url(../foot7.png) right center no-repeat;background-repeat: no-repeat;background-position: right 0px center;cursor: pointer;}
.foot{ overflow: hidden; }
.contul li{ line-height: 76px; }
.usefoot{ float: left; width: 50% }

.bannerindex{ position: relative; overflow:hidden; }

.bannerindex img{ width: 100%; height: auto; }
.firm a{ display: block; }
.bannerindex .swiper-pagination{ width: auto!important; display: inline-block!important; left: inherit!important; right: 14.5vw!important;  box-sizing: border-box;background: url(../tabj.png) left 10px repeat-x;  bottom: 24px!important; top: inherit!important; }
.bannerindex .swiper-pagination-bullet{background: url(../tab1.png) center center no-repeat; opacity: 1!important; position: relative!important; z-index: 999!important; margin:0 26px 0 0!important; width: 19px; height: 19px; transition: all 0.5s ease 0s;}
.bannerindex .swiper-pagination-bullet-active{background: url(../tab.png) center center no-repeat; transition: all 0.5s ease 0s;}
.bannerindex .swiper-pagination-bullet:nth-last-child(1){ margin: 0!important; }

.industry{ background: #f6f6f6; padding-bottom: 40px; }
.index_tit{ padding: 90px 0 70px 0; }
.indextit_l{  float: left;padding-right: 85px;background: url(../indextitbj.png) right 30px no-repeat; height: 70px; line-height: 70px; font-size: 48px; color: #111315; font-family: Bahnschrift }
.indextit_l img{ margin-right: 20px; }
.solu{ background: linear-gradient(90deg, #8066ff, #36a8e8);-webkit-background-clip: text;background-clip: text;color: transparent;}
.indextit_r{ float: right;padding-top: 10px; }
.indextit_r a{ display: block; height: 60px; color: #848585; line-height: 60px; font-size: 16px; font-style: italic; padding-right: 73px; position: relative; }
.indextit_r a:after{ position: absolute; top: 0; right: 0; width: 60px; height: 60px; border-radius: 60px; content: ''; background: #eeeeee url(../indexsee1.png) center center no-repeat; }
.indul{ padding:50px 0 0 0 ; margin-left: -3% }
.indul li{ float: left; width: 33.3%; padding-left: 3%; margin-bottom: 84px; box-sizing: border-box; }
.indli{ background: #fff; padding: 84px 52px 0; border-radius: 10px; position: relative; width: 100%; box-sizing: border-box; }
.indliimg{ width: 103px; height: 103px; background: #242627; line-height: 103px; text-align: center; border-radius: 10px; position:absolute; left: 52px; top: -50px; }
.ind_tit{ height: 38px; line-height: 38px; margin-bottom: 16px; overflow: hidden; font-size: 24px; font-weight: bold;background: linear-gradient(90deg, #6248d8, #2878b8, #08968c);-webkit-background-clip: text;background-clip: text;color: transparent; }
.indair{ height: 72px; overflow: hidden; }
.airtit{ height: 36px; line-height: 36px;background: url(../inddian.png) left center no-repeat; overflow: hidden; font-size: 16px; color: #545454; padding-left: 20px; }
.indsee{ height: 42px; line-height: 42px; font-size: 0; width:19px;background: url(../indsee.png) right center no-repeat;  }
.indul .indli,.indul .indliimg,.indul .indsee{ transition: all 0.35s ease; }
.indul .indli:hover{ transform: translateY(-12px); box-shadow: 0 16px 35px rgba(0,0,0,.12); }
.indul .indli:hover .indliimg{ background: linear-gradient(90deg, #5d60d8, #079a8f); box-shadow: 0 12px 24px rgba(33,105,181,.2); }
.indul .indli:hover .indsee{ width: 128px; font-size: 16px; color: #6571ff; font-style: italic; }
.why{background: url(../mainbj.jpg) center top no-repeat; padding-bottom: 116px; background-size: cover; position: relative;}
.why .indextit_l{ color: #fff; }
.why .indextit_r a:after{  background: #7f7d7f url(../whysee.png) center center no-repeat; }
.why .indextit_r a{ color: #cacbcd }
.whytitle{ font-size: 38px; text-align: center;position: relative; z-index: 999;  font-weight: bold; line-height: 115px;background: linear-gradient(90deg, #b09cff, #74c8ff, #52e0d8);-webkit-background-clip: text;
background-clip: text;color: transparent; }
.whyword{ font-size: 18px; line-height: 34px;position: relative; z-index: 999;  color: rgb(255,255,255,6); text-align: center; padding: 0 80px; }
.whyvideo{ position: absolute; width: 114px; height: 114px; margin: -57px 0 0 -57px; left: 50%; top: 55%;background: url(../vdieo.png) center top no-repeat; }

.flag{background: url(../flgbj.jpg) center bottom no-repeat; overflow:hidden; padding-bottom:70px; position:relative; }
.flag .swiper-button-next,.flag .swiper-button-prev{ top:50%!important;margin-top:-22px!important;}
.class{background:#f6f6f6 url(../classbj.jpg) center bottom no-repeat; padding-bottom: 1px;}
.classinner{ padding: 0 2.6vw; box-sizing: border-box; width: 100%; }
.classul { margin:0 0 70px -2% }
.classul li{ float: left; width: 25%; padding-left: 2%; box-sizing: border-box; }
.classimg { position: relative; overflow: hidden; }
.classimg img{ width: 100%; height: auto; }
.classimg:after{ width:20px; height: 20px; position: absolute; bottom: 20px; right: 32px; content: ''; background: linear-gradient(135deg, rgba(93,96,216,.1), rgba(7,154,143,.1)); border-radius: 4px; transition: all 0.35s ease; }
.classul li:hover .classimg:after{ width: calc(100% - 20px); height: calc(100% - 20px); right: 10px; bottom: 10px; }
.mar{ width: 100%;background: url(../img1.png) center top no-repeat; padding: 32px 22px 0; box-sizing: border-box; }
.mar_tit{ font-size: 30px; height: 50px; line-height: 50px; overflow: hidden; color: #fff; font-family:Bahnschrift }
.classul li:hover .mar_tit{ background: linear-gradient(90deg, #635bff 0%, #22b4ce 50%, #635bff 100%); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: marTitMove 1.2s linear infinite; }
@keyframes marTitMove{
  0%{ background-position: 200% 0; }
  100%{ background-position: 0 0; }
}
.marword{ height:34px; line-height: 34px; font-size:16px; color: #7077fa; overflow: hidden;  font-family:Bahnschrift }
.classul li:nth-child(2) .mar{background: url(../img2.png) center top no-repeat;}
.classul li:nth-child(3) .mar{background: url(../img3.png) center top no-repeat;}
.classul li:nth-child(4) .mar{background: url(../img4.png) center top no-repeat;}
.classul li:nth-child(odd){ margin-top:-36px;  }
.class_more{ font-size: 22px; text-align: center; color: #fff; width:258px; height: 75px; line-height: 75px; background: linear-gradient(90deg, #635bff 0%, #22b4ce 50%, #635bff 100%); background-size: 200% 100%; border-radius: 75px; display: block; margin: 0 auto 98px; transition: all 0.35s ease; }
.class_more:hover{ animation: classMoreMove 1.2s linear infinite; }
@keyframes classMoreMove{
  0%{ background-position: 200% 0; }
  100%{ background-position: 0 0; }
}
.lat_l{ float: left; width: 44% }
.latimg{ width: 100%; height: auto; }
.latimg img{ display: block; width: 100%; height: auto; transition: all 0.35s ease; }
.latimg:hover img{ transform: scale(1.08); }
.lattit{ display: block; font-size:32px; margin-bottom: 12px; height: 100px; line-height: 50px; overflow: hidden;  font-family: Bahnschrift; background: linear-gradient(90deg, #4147b8 0%, #00897b 50%, #4147b8 100%); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: marTitMove 1.6s linear infinite;}
.latword{ line-height: 28px; overflow: hidden; font-size:16px; font-family: Bahnschrift;  }
.lat_time{  line-height: 74px; height: 74px; font-size:16px; color: #4f46e5; overflow: hidden;  }
.timei{  font-size: 28px; margin-right: 16px; }
.lat_r{ float: right; width: 53% }
h1 img{ width:350px;}


.latpos dd { border-bottom: 1px solid #bfc0c0; padding:0 0 30px 0; }
.Requirement_lat{padding-left:130px; line-height:30px;font-family: Bahnschrift; font-size: 16px;  display:none; }
.joinsee{ margin-top:30px; display: block; width: 100%; height:58px; line-height: 58px; border: 1px solid #df0112; background: #df0112; text-align: center; color: #fff;  font-size:18px;    }
.scb_l{ float: left;width: 100px;cursor:pointer;  position: relative; }
.scbday{ height: 56px; line-height: 56px; overflow: hidden; text-align: center; font-size:28px;   }
.scbyear{height: 34px; line-height: 34px; overflow: hidden; text-align: center; font-size:16px; }
.scb_l:after{ position: absolute; right: 0; top: 50%; content: ''; width:1px; background: #c8c8c8; height: 60px; margin-top: -30px;  }
.scb_r{ float: right; width: calc(100% - 130px) }
.scbtit{ height: 72px;padding-right: 40px; margin-top: 10px; display: block; line-height: 36px; font-size: 24px; overflow: hidden;background: url(../on1.png) right top no-repeat; }
.latscb{ padding: 30px 0 0 0; cursor: pointer;}
.latscb.on { padding-top: 0; }
.latest{ margin-bottom: 100px; }
.latscb.act .scbtit{background: url(../on.png) right top no-repeat; }


.bannerindex img{ width: 100%; height: auto; }
.firm a{ display: block; }
.bannerindex .swiper-pagination{ width: auto!important; display: inline-block!important; left: inherit!important; right: 14.5vw!important;  box-sizing: border-box;background: url(../tabj.png) left 10px repeat-x;  bottom: 24px!important; top: inherit!important; }
.bannerindex .swiper-pagination-bullet{background: url(../tab1.png) center center no-repeat; opacity: 1!important; position: relative!important; z-index: 999!important; margin:0 26px 0 0!important; width: 31px; height: 31px; transition: all 0.5s ease 0s;}
.bannerindex .swiper-pagination-bullet-active{background: url(../tab.png) center center no-repeat; transition: all 0.5s ease 0s;}
.bannerindex .swiper-pagination-bullet:nth-last-child(1){ margin: 0!important; }

.industry{ background: #f6f6f6; padding-bottom: 40px; }
.index_tit{ padding: 90px 0 70px 0; }
.indextit_l{  float: left;padding-right: 85px;background: url(../indextitbj.png) right 30px no-repeat; height: 70px; line-height: 70px; font-size: 36px; color: #111315; font-family: Bahnschrift; font-weight:bold; }
.indextit_l img{ margin-right: 20px; }
.solu{ background: linear-gradient(90deg, #8066ff, #36a8e8);-webkit-background-clip: text;background-clip: text;color: transparent;}
.indextit_r{ float: right;padding-top: 10px; }
.indextit_r a{ display: block; height: 60px; color: #848585; line-height: 60px; font-size: 16px; font-style: italic; padding-right: 73px; position: relative; }
.indextit_r a:after{ position: absolute;transition: all 0.5s ease 0s; top: 0; right: 0; width: 60px; height: 60px; border-radius: 60px; content: ''; background: #eeeeee url(../indexsee1.png) center center no-repeat; }
.indextit_r a:hover{ color: #8066ff; transition: all 0.5s ease 0s;}
.indextit_r a:hover:after{transition: all 0.5s ease 0s; background: #8066ff url(../indexsee11.png) center center no-repeat;}
.indul{ padding:50px 0 0 0 ; margin-left: -3% }
.indul li{ float: left; width: 33.3%; padding-left: 3%; margin-bottom: 84px; box-sizing: border-box; }
.indli{ background: #fff; padding: 84px 52px 0; border-radius: 10px; position: relative; width: 100%; box-sizing: border-box; }
.indliimg{ width: 103px; height: 103px; background: #242627; line-height: 103px; text-align: center; border-radius: 10px; position:absolute; left: 52px; top: -50px; }
.ind_tit{ height: 38px; line-height: 38px; margin-bottom: 16px; overflow: hidden; font-size: 24px; font-weight: bold;background: linear-gradient(90deg, #6248d8, #2878b8, #08968c);-webkit-background-clip: text;background-clip: text;color: transparent; }
.indair{ height: 72px; overflow: hidden; }
.airtit{ height: 36px; line-height: 36px;background: url(../inddian.png) left center no-repeat; overflow: hidden; font-size: 16px; color: #545454; padding-left: 20px; }
.indsee{ height: 42px; line-height: 42px; font-size: 0; width:19px;background: url(../indsee.png) right center no-repeat;  }
.why{/*background: url(../mainbj.jpg) center top no-repeat;*/ padding-bottom: 116px; background-size: cover; position: relative;}
.why .indextit_l{ color: #fff; }
.why .indextit_r a:after{  background: #7f7d7f url(../whysee.png) center center no-repeat; }
.why .indextit_r a{ color: #cacbcd }
.whytitle{ font-size: 38px; text-align: center;position: relative; z-index: 999;  font-weight: bold; line-height: 85px;background: linear-gradient(90deg, #b09cff, #74c8ff, #52e0d8);-webkit-background-clip: text;
background-clip: text;color: transparent; }
.whyword{ font-size: 18px; line-height: 34px;position: relative; z-index: 999;  color: #ccc; text-align: center; padding: 0 80px; }
.whyword p span,.whyword p {font-size: 18px!important; line-height: 34px!important;}
.whyvideo{ position: absolute; width: 114px; display: none; height: 114px; margin: -57px 0 0 -57px; left: 50%; top: 55%;background: url(../vdieo.png) center top no-repeat; }

.flag{background: url(../flgbj.jpg) center bottom no-repeat; }





.a_banner img{ width: 100%; height: auto;}
.bodyinner{ background: #f6f6f6; padding-bottom: 0px;}
.cala_ul{ padding: 70px 0; margin-left: -10px;}
.cala_ul li{  margin-left:10px; float: left;}
.cala_ul li a{ display: block; width:176px;transition: all 0.5s ease 0s; height: 47px; text-align: center; border-radius: 47px;  line-height: 47px; border: 1px solid #c7d2da;}
.cala_ul li.all a{ background: linear-gradient(90deg, #706eff, #30c0e0);  color: #fff;}
.cala_ul li:nth-child(1) a{width: 84px;}
.cala_ul li a:hover,.cala_ul li.on a{background: linear-gradient(90deg, #706eff, #30c0e0);  color: #fff; transition: all 0.5s ease 0s;}
.proul{ margin-left: -2%;}
.proul li{ float: left; padding: 0 0 0 2%; margin-bottom: 32px; box-sizing: border-box; width: 50%;}
.prodiv{ background: #e0e0e0; border-radius: 10px; padding: 57px 10px 0; box-sizing: border-box;}
.protit{ font-size: 38px; text-align: center; height: 56px; line-height: 56px; font-weight:bold; overflow: hidden; font-family: Bahnschrift;}
.proword{ font-size: 24px; text-align: center; height: 52px; line-height: 52px; overflow: hidden; font-family: Bahnschrift;}
.proimg{ height: 380px; text-align: center; overflow: hidden; line-height: 380px;}
.proimg img{ width: auto; height: auto; max-width: 100%;}
.proul .protit,.proul .proword,.proul .proimg img{ transition: all 0.35s ease; }
.proul li:hover .protit,.proul li:hover .proword{ color: #6248d8; }
.proul li:hover .proimg img{ transform: scale(1.08); }
.promore{ font-size: 20px; color: #fff; border-radius: 70px; background: linear-gradient(90deg, #706eff, #30c0e0); display: block; margin: 76px auto 96px; text-align: center; height: 70px; line-height: 70px; width: 246px;}
.rel{ padding: 60px 0 40px 0; border-bottom: 1px solid #bfc0c0; margin-bottom: 30px;}
.rel_tit{ text-align: center; line-height: 46px; font-size: 30px; font-weight: bold; margin-bottom: 18px;}
.rel_tit {background: linear-gradient(90deg, #5454d0, #22b8b8);-webkit-background-clip: text;background-clip: text;color: transparent;}
.rel_div{ text-align: center;height: 32px; line-height: 32px; text-align: center; font-size: 16px;}
.newsend { display: block; width: 170px; float: right; height: 60px; color: #848585; line-height: 60px; font-size: 16px; font-style: italic;  position: relative; }
.newsend:after{ position: absolute; top: 0; right: 0; width: 60px; height: 60px; border-radius: 60px; content: ''; background: #eeeeee url(../indexsee1.png) center center no-repeat; }
.news_word{ padding-bottom: 66px;border-bottom: 1px solid #bfc0c0;}
.pages{padding: 20px 0 60px 0; text-align:center}
.pagination li{ display:block; float:left; margin:0 5px; }
.pages a,.pages span{ display: block; border:1px solid #959595; cursor:pointer; border-radius:5px; overflow: hidden; color: #959595; height: 40px;width:40px; text-align:center; line-height: 40px; font-size: 18px;}
.pages a:hover,.pages span:hover,.pagination li.active a,.pagination li.active span{ color:#fff; background:#5255af; transition:all 0.5s ease 0s;}
.pagesi{ color: #343434;}
.pro{ padding-bottom:30px;}
.pagination-block{ display: inline-block;}
.contdiv{ padding: 110px 0;}
.cont_l{ float: left; width: 40%;background: url(../contmap.png) left center no-repeat;}
.fordiv{ font-size: 34px; height: 58px; line-height: 58px; overflow: hidden;background: linear-gradient(90deg, #5250cc, #20a89e);
  -webkit-background-clip: text;background-clip: text;color: transparent;}
.for{ margin-bottom: 48px;}
.forul{}
.forul li{ height: 45px; line-height: 44px; overflow: hidden; font-size: 20px; margin-bottom: 30px;}
.forul li img{ margin-right: 28px;}
.contul li{ float: left;margin-right: 15px;position:relative}
.cont_r{ float: right; width: 55%;  background: #edeff1; border-radius: 10px; padding: 50px 52px 60px; box-sizing: border-box;}
.cont_tit{ font-size: 42px; height: 82px; margin-bottom: 32px; font-style: italic; color: #343434; line-height: 82px;background: url(../foot1.png) left bottom no-repeat;}
.subcont{ font-size: 30px; width: 333px; height: 70px; border: none; line-height: 70px; border-radius: 70px; text-align: center; color: #fff; background: linear-gradient(90deg, #4293eb, #09d2ca);}
.contwhatimg{ position:absolute; left:-40px;width:120px;height:120px; display:none; bottom:-106px;}
.contwhatimg1{ position:absolute; left:-44px;width:120px;height:120px; display:none; top:-120px;}
.contwhatimg1 img{ width:120px; height:120px; overflow:hidden}
.contul1 li:hover  .contwhatimg1{ display:block}
.contul2 li:hover  .contwhatimg{ display:block}
.formdiv{ margin-bottom: 20px; border-radius: 10px; overflow: hidden;}
.formtxt{ display: block; width: 100%; border-radius: 10px;  overflow: hidden; font-size: 18px; border: 1px solid #d2d2d2; background: #fff; color: #c3c3c4; height: 62px; line-height: 62px; padding: 0 36px; box-sizing: border-box; }
.forsel{display: block; border-radius: 10px; -webkit-appearance: none;-moz-appearance: none;background:#fff url(../contsel.png) right center no-repeat;background-repeat: no-repeat;background-position: right 0px center;cursor: pointer; width: 100%; border-radius: 10px; font-size: 18px; border: 1px solid #d2d2d2;  color: #c3c3c4;  height: 62px; line-height: 62px; padding: 0 36px; box-sizing: border-box; }
.codetxt{ float: left; width: 246px; }
.code_num{ float: left; width: 150px; margin-left:10px; text-align: center; height: 78px; line-height: 78px; overflow: hidden; }
.join{ padding: 93px 0 0 0; }


.joinscb{ cursor:pointer; background:#fff;  border-bottom: 2px solid #fff; position: relative; padding: 45px 20px; }
.joinpos dd{margin-bottom: 30px;}
.joinRequirement .reqem{ font-size:24px; display: block;  line-height: 42px; margin:40px 0 26px 0; }
.joinRequirement{ background:#fff ; line-height:30px;font-size: 18px;  padding: 1px 50px 65px;  display:none; }
.joinsee{ margin-top:30px; display: block; width: 100%; height:58px; line-height: 58px; border: 1px solid #df0112; background: #df0112; text-align: center; color: #fff;  font-size:18px;    }
.join{ padding-bottom: 50px; }
.posdt{ width: 25%; float: left; height: 66px; line-height: 66px; color: #00e47c; font-size: 18px; text-align: center; }
.joinscb.act{ border-bottom: 2px solid #fff;  }
.jobhe{background: url(../join11.png) left center no-repeat;  }
.jobtit{height: 54px; position: relative; font-weight:bold; padding-left: 50px; line-height: 54px; font-size:30px; overflow: hidden;}
.jobtit:after{background: url(../jon4.png) center center no-repeat; position: absolute; right:50px; top: 20px; content: ''; width: 16px; height: 16px;}
.jobinner{ height:44px; line-height: 44px; overflow: hidden; padding-left: 50px;  }
.job{ float: left; margin-right:52px; font-size: 18px;font-weight:bold; }
.apply_l{ float: left; height: 54px; width: 172px;background: linear-gradient(90deg, #7b61ff 0%, #22b8cf 50%, #7b61ff 100%); background-size: 200% 100%; text-align: center; line-height: 54px; color: #fff; font-size:18px; border-radius: 54px; transition: all 0.35s ease;  }
.apply_l:hover{ animation: classMoreMove 1.2s linear infinite; }
.apply_r{ float: right; height: 54px; line-height: 54px; font-size: 16px; background: url(../join3.png) left center no-repeat; padding-left: 42px; }
.mail_i{ color: #7279fd }
.joinscb.act .jobtit{ background: linear-gradient(90deg, #5e60b9, #248893 30%, #129686);-webkit-background-clip: text;background-clip: text;color: transparent;}
.joinscb.act .jobhe{background: url(../join1.png) left center no-repeat; }
.joinscb.act .jobtit:after{background: url(../join2.png) center center no-repeat; }
.joinscb.act{border-bottom: 2px solid transparent;border-image: linear-gradient(90deg, #3344dd, #00aaaa) 1;}
.news_dl{ padding:48px 0 }
.news_dl dt{ float: left; width:82px; height: 90px; border-radius: 8px; overflow: hidden;  }
.newsday{ font-size: 28px; color: #fff; height:56px; line-height: 56px; text-align: center; background: #5255af;   }
.news_year{ text-align: center; height:34px; line-height: 34px; overflow: hidden; color: #666666; font-size:16px;  background: #e4e4e4;  }
.news_dl dd{ float: right; width: calc(100% - 99px) }
.newsimg{ float: left; width:45%;  }
.newsimg img{ width: auto; height: auto; max-width: 100% }
.gcp{ float: right; width: 52%; }
.gcp_tit{ display: block; font-size: 30px; height:92px; line-height: 46px; overflow: hidden; background: linear-gradient(90deg, #4147b8, #00897b);
-webkit-background-clip: text;color: transparent; }
.gcp_word{ height: 90px; line-height: 30px; overflow: hidden; font-size:16px;  }
.gcp_see{ height: 46px; line-height: 46px; display: block; overflow: hidden; font-size: 16px; color: #5a5cb2; font-style: italic; }
.newsback{ background: #fff; }

.newsdiv .newsday{ background: #ffffff; color: #333; }
.newsdiv dd{ position: relative; padding-left: 33px; box-sizing:border-box;}
.newsdiv dd:after{ position: absolute; left: 0; top: 0; width: 1px; height: 60px; background: #c8c8c8;visibility: visible; content: ''; }
.newsdiv .newsimg{ width: 0; overflow: hidden; }
.newsdiv .gcp{ width: 100%; }
.newsdiv .gcp_tit{ font-size: 24px; color: #343434; height: 44px; line-height: 44px; overflow: hidden; margin-bottom: 10px; }
.newsdiv .news_dl{ border-bottom:1px solid #bfc0c0 }
.newsdiv .newsimg,.newsdiv .gcp,.newsdiv .gcp_tit,.newsdiv .newsday{ transition: all 0.35s ease; }
.newsdiv .newsimg img{ transform: translateX(-18px); opacity: 0; transition: all 0.35s ease; }
.newsdiv:hover dd:has(.newsimg img) .newsimg{ width: 45%; }
.newsdiv:hover dd:has(.newsimg img) .newsimg img{ transform: translateX(0); opacity: 1; }
.newsdiv:hover dd:has(.newsimg img) .gcp{ width: 52%; }
.newsdiv:hover .gcp_tit{ background: linear-gradient(90deg, #4147b8 0%, #00897b 50%, #4147b8 100%); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: marTitMove 1.4s linear infinite; }
.newsdiv:hover .newsday{ background: #5255af; color: #fff; }
.news{ padding-bottom: 60px; }
.gationtit .indextit_l{ float: none; display: inline-block}
.gationtit{ padding: 104px 0 56px 0 }
.gationl{ float: left; width: 46%; padding-top: 40px;}
.gationl img{ width: 100%; height: auto; }
.gationr{ float: right; width: 50% }
.tion_tit{ font-size: 30px; font-weight: bold;   line-height: 58px; margin-top:40px; }
.tion_word,.tion_word p span{ font-size: 18px!important; line-height: 30px!important; }
.gation{ padding-bottom: 120px; }
.robust{/*background: url(../gationbj1.jpg) center top no-repeat;*/height: 690px;  }
.robtit{ font-size: 34px; font-weight: bold; height: 136px; line-height: 136px;  background: linear-gradient(90deg, #e69cff, #46e8dd);
-webkit-background-clip: text;background-clip: text;color: transparent; text-align: center; }
.robtit sup{ color: #fff; font-weight: bold; font-size: 48px;position: relative; }
.robtit sup:after{ width: 80px; height: 80px; border-radius: 80px; background: rgb(255,255,255,.22); position: absolute; left: 14px; top: -30px; content: '' }
.rob_word{ font-size: 16px; color: #fff; text-align: center; line-height: 34px; padding: 0 82px; }
.rob_word p span{font-size: 16px!important; color: #fff!important; text-align: center!important; line-height: 34px!important;}
.rob{width:100%; left:50%; top:50%; transform:translate(-50%,-50%); position:absolute;}
.robinner{position: relative; height: 692px }
.lowest .gationl{ float: right; padding-top: 72px;}
.lowest .gationr{ float: left; }
.leftnum{ font-size: 48px; font-weight:bold; color: #000000;background: url(../left.png) 24px center no-repeat; height: 80px; line-height: 80px; }
.lowest{ padding: 140px 0 160px 0 }
.lowest .tion_tit,.duct .tion_tit{height: auto;}

.dev{/*background: url(../gationbj2.jpg) center top no-repeat;*/height: 692px;}
.dev_inner{ height: 692px; position: relative; }
/*.duct{background: url(../gationbj3.jpg) center top no-repeat;}*/
.duct .gationl{ float: right; text-align: center; padding-top: 116px; }
.duct_l{ font-size: 18px; float: left; font-weight: bold; text-align: right; width: 60%; height: 46px; line-height: 46px; }
.duct_r{font-size: 16px; float: right;  text-align: left; width: 35%; height: 46px; color: #343434; line-height: 46px;}
.duct .gationl img{ width: auto; height: auto; max-width: 100% }
.duct{ padding: 108px 0 150px 0 }
.duct .gationr{ float: left; }

.aboutimg{ float: right; width: 43% }
.aboutimg img{ width: auto; height: auto; max-width: 100%;}
.about_r{ float: left; width: 55% }
.spa{ height: 132px; line-height: 132px; overflow: hidden;  margin-bottom: 9px;}
.spa img{ width: auto; height: auto; max-width: 100% }
.spatit{ height: 60px; line-height: 60px;position: relative;font-size: 24px; padding-left: 40px; overflow: hidden; background: linear-gradient(90deg, #4147b8, #00897b);-webkit-background-clip: text;color: transparent;}
.spatit:after{width: 20px; height: 60px;   background: url(../about1.png) left center no-repeat; position: absolute; left: 0; top: 0px; content: ''}
.zid{ height: 94px; line-height: 94px; font-size: 36px; overflow: hidden;background: linear-gradient(90deg, #4147b8, #00897b);-webkit-background-clip: text;color: transparent; }
.zidword{ height: 206px; overflow: hidden; line-height: 30px; font-size: 16px; }
.about{ padding:0 0 100px 0 }
.abouttwo .aboutimg{ float: left; }
.abouttwo .about_r{ float: left; }
.aboutbox{ padding-top: 100px }
.abouttwo .spatit{ margin-bottom: 48px; }
.abouttwo .about_r{ padding-top: 106px;}
.abouttwo .zidword{height: 330px}
.abouttherr .aboutimg{ text-align: center; }
.abouttherr .about_r{ padding-top: 50px; }


.optic_l{ float: left; width: 48% }
.opticimg{ background: #e0e0e0; text-align:center; height: 484px; line-height: 484px; overflow: hidden; border-radius: 10px; margin-bottom: 26px }
.opticimg img{ width: auto; height: auto; max-width: 100% }
.view{ background: #fff; border-radius: 10px; padding: 40px 30px 24px; }
.view_dl dt{  float: left; width: 41px; overflow: hidden; }
.view_dl dt img{ width: auto; height: auto; max-width: 100% }
.view_dl dd{ float: right; width: calc(100% - 65px); }
.view_l{ float: left; width: 70% }
.view_tit{ font-size: 18px; height: 37px; line-height: 37px; overflow: hidden; margin-bottom: 12px; }
.viewsee{font-family: Bahnschrift; font-size: 18px; color: #4f46e5; width:100px ;background: url(../pro_info2.png) right center no-repeat; height: 32px; line-height: 32px;}
.view_r{ float: right;  }
.view_r a{ width: 136px; height: 38px; display: block; line-height: 38px; border: 1px solid #757aff; font-size: 14px; border-radius: 36px; background: #757aff; color: #fff; text-align: center; }
.view_r a img{ margin-right: 10px; }

.optic_r{ float: right; width: 48%; padding: 60px 36px 44px; box-sizing: border-box; background:#fff;  }
.intr_tit{ font-size: 38px; height: 58px; line-height: 58px; overflow: hidden; }
.intr_ber{ font-size: 24px; height: 50px; line-height: 50px; overflow: hidden; }
.intr_pro{font-size: 24px; height: 50px; line-height: 50px; margin-bottom: 10px; overflow: hidden;background: url(../pro_info4.png) left center no-repeat; padding-left: 30px;}
.intr_word{ height: 408px; overflow: hidden; line-height: 30px; font-size: 14px; }
.optic{ margin-bottom: 12px; }

.product{ background: #fff; padding: 1px 40px 160px; margin-bottom: 60px; }
.main_tit{ font-size: 24px; height: 42px; margin-top: 60px; line-height: 42px; padding-left: 28px; overflow: hidden; background: url(../pro_info4.png) left center no-repeat; }
.maindiv{ font-size: 24px; line-height: 52px; line-height: 52px; overflow: hidden; margin: 23px 0 }
.main_ul{}
.main_ul li{ width: 25%; float: left; height: 56px; background: #232526; line-height: 56px; overflow: hidden; color: #fff; font-size: 16px; text-align: center; }
.bias_div{width: 25%; float: left; height: 56px; line-height: 56px; overflow: hidden;font-size: 16px; text-align: center;}
.biasul li{ background: #f4f4f4; border-bottom:1px solid #cecece; }
.biasul li:nth-last-child(1){ border: none; }
.operul li{ width: 14.28% }
.biasoper .bias_div{ width: 14.28% }
.proend{ margin-bottom: 60px; }
.ball{background: rgb(0,0,0,.38); position:fixed; width: 100%; height: 100%; overflow: hidden;display: none; left: 0; top: 0;}
.misson{ background: #edeff1;width: 524px;display: none; height: 578px; position:fixed; left: 50%; top: 50%; margin: -289px 0 0 -261px; border-radius: 10px; }
.misstit{ font-size: 24px; height: 80px; line-height: 80px; background: #111315; text-align: center; color: #fff; overflow: hidden; border-radius: 10px 10px 0 0 ; }
.form_miess{ padding: 54px 42px 0;  border-radius: 0 0 10px 10px; }
.missdiv{ margin-bottom: 26px; }
.misstxt{ display: block; width: 100%; height: 60px; line-height: 60px; border-radius: 60px; box-sizing: border-box; border: 1px solid #d2d2d2; padding: 0 30px; background: #fff; }
.form_miess .code_num{ height: 62px; line-height: 62px; overflow: hidden; }
.miss_sub{ color: #fff; font-size: 24px; text-align: center; height: 55px; line-height: 55px; width: 100%; border-radius: 55px; background: linear-gradient(90deg, #635bff 0%, #22b4ce 100%); text-align: center; cursor: pointer; border:none; }
.colse{ position: absolute; right: -30px; top: -30px;background: url(../close.png) left center no-repeat; width: 33px; height: 33px; display: block; }
.flagdiv{ background: #e0e0e0; border-radius: 10px; text-align: center; padding-top: 38px; width:100%; }
.flagtit{ height: 42px; line-height: 42px; overflow: hidden; font-size: 30px;font-family: Bahnschrift; font-weight:bold; }
.flagword{height: 36px; line-height: 36px; overflow: hidden; font-size: 18px;font-family: Bahnschrift;}
.flagimg{ line-height: 266px; height: 266px; overflow: hidden; }
.flagimg img{ width: auto; height: auto; max-width: 100% }
.flag  .swiper-slide .flagtit,
.flag  .swiper-slide .flagword,
.flag  .swiper-slide .flagimg img{ transition: all 0.35s ease; }
.flag  .swiper-slide:hover .flagtit,
.flag  .swiper-slide:hover .flagword{ color: #6248d8; }
.flag  .swiper-slide:hover .flagimg img{ transform: scale(1.08); }

.maintable img{ width:auto!important; height:auto!important; max-width:100%!important}

.fixed-sidebar {
    position: fixed;
    right: 40px;
    top: 70%;
    transform: translateY(-50%);
    border-radius: 16px;width: 64px;
    font-family: sans-serif;
    z-index: 999;
}

/* 上部渐变功能区域 
.sidebar-top {
    background: linear-gradient(90deg, #4088f0, #12d0c8);
}
*/
/* 单个功能项 */
.sidebar-item {
     height: 53px;
    width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
    line-height: 53px;
}
/* 图标图片统一尺寸 */
.sidebar-item img {
    width: auto;
    height: auto;
    object-fit: contain;
}

/* 左侧弹出内容面板 初始状态 */
.pop-box {
    position: absolute;
    right:90px;
    top: 50%;
    transform: translateY(-50%) translateX(-20px);
    width: 200px;
    padding: 10px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    opacity: 0;
    visibility: hidden;
    /* 移入移出过渡动画 */
    transition: all 0.3s ease;
}
/* hover 激活弹窗：右移+完全显示 */
.sidebar-item:hover .pop-box {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
}
.pop-box h3 {
    color: #222;
    font-size: 20px;
    margin-bottom: 12px;
}
.pop-box p {
    color: #666;
    line-height: 1.6;
}
/* 弹窗指向箭头 */
.pop-box::after {
    content: '';
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 8px 0 8px 12px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

.sidetop{ cursor: pointer;}
.navBg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: #222;
    background: rgba(34, 34, 34, .9);
    
    transition: all .5s ease 0s;
    transform: translate(-100%, 0);
    
}

.navBg.activenav {
    opacity: 1;
    transform: translate(0, 0);
    z-index: 9999;

}

.navTop {
    position: relative;
    z-index: 1;
    padding: 15px 10px;
    overflow: hidden;
    
}

.navClose {
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
     margin-right: -9px;
}

.navClose span {
    display: block;
    width: 100%;
    height: 1px;
    background: #FFF;
    transform-origin: left center
}

.navClose span:first-child {
    transform: rotate(45deg)
}

.navClose span:last-child {
    margin-top: 20px;
    transform: rotate(-45deg)
}

.navBot {
    position: absolute;
    top: 56px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
   
    height: 100%
}

.navList {
    overflow: hidden;
    height: 100%
}

.navList li {
    width: 100%;
    height: auto;
    
    transition: all .5s ease 0s;
    transform: translate(0, 50px)
}

.navList li a {
    display: block;
    padding: 10px ;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 16px;
}


.indexbanner img{ width: 100%; height: auto; }
.navList li a:hover {
    padding-left: 3%;
    color: #4f46e5;
    font-weight: bold;
}

.activenav .navList li {
    opacity: 1;
    transform: translate(0, 0)
}

.activenav .navList li {
    transition-delay: .3s
}

.menuBg {
    position: absolute;
    top: 22px;
    right: 10px;
    z-index: 2;
    display: none;
    
}


.menuBtn img {
    margin: 6px auto 10px
}

.mBtnLine {
    font-size: 0;
    width: 20px;
}

.mBtnLine span {
    display: inline-block;
    vertical-align: top
}

.mBtnLine span:nth-child(2) {
    margin: -4px 3px 0
}
.mBtnLine span {
    width: 100%;
    height: 2px;
    background: #4f46e5
}

.mBtnLine span:nth-child(2) {
        margin: 5px 0;
        width: 80%
}

.flag .swiper-button-lock{ display: block; }
:root{--swiper-theme-color: #8066ff!important;}
.swiper-pagination{ display: none; }

.pagesye{ padding:30px 0}
.pagesye a{ display: block; line-height:24px; margin-bottom:10px; width:50%}
.pagesye a:hover{ color:#706eff; }
.lan{ float:left; width:36px; height:36px; transition: all 0.5s ease 0s; margin-left:20px; text-align:center; line-height:36px; border-radius:36px; border:1px solid #049c8a; background:#049c8a}
.lan a{ display:block; color:#fff; transition: all 0.5s ease 0s;}
.lan:hover{ background:none;  transition: all 0.5s ease 0s;}
.lan:hover a{color:#049c8a;transition: all 0.5s ease 0s;}

.bannerword{ left: 50%;top: 50%;transform: translate(-50%, -50%); position: absolute; text-align: center;}
.marbanner{ color: #fff; font-size:42px; line-height: 80px; font-weight:bold;  }
.intbanner{color: #fff; font-size:38px; line-height: 50px; margin-bottom: 30px;font-weight:bold; }
.zidbanner{color: #fff; font-size:18px; line-height: 30px; padding:0 10%; }
table,tbody{width:100%!important}



.a_banner{ position: relative; }
 .abannerword{ left: 50%;top: 50%;transform: translate(-50%, -50%); position: absolute; text-align: center;}
      .amarbanner{ color: #fff; font-size:42px; line-height: 80px; font-weight:bold;  margin-bottom: 10px;   }
   .aintbanner{color: #fff; font-size:28px; line-height: 36px; margin-bottom: 30px; font-weight:bold; }
   .azidbanner{color: #fff; font-size:18px; line-height: 30px; }
   .homebanner{color: #fff; font-size:18px; line-height: 30px; }
   .bannerem{    background: linear-gradient(90deg, #8066ff, #36a8e8);-webkit-background-clip: text;background-clip: text;color: transparent;}
   
   
  .xgtit{height:100px; line-height:100px; font-size:36px; font-weight:bold;}
.xgdiv{ padding:30px 0 60px 0;}
.proms{ height:70px; line-height:70px; overflow:hidden; text-align:center; font-size:28px;}
.xgword{ font-size:16px; height:60px; line-height:30px; text-align:center; padding:0 12%;}
 
   
   
   
    .flag .swiper-container {
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden;
    }

   .flag .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }