@charset "utf-8";

/* frame */
a { transition:all 0.5s;}
body{min-width: 1400px;font-weight:400;background: transparent;}
.clear{clear: both;}
#content{zoom: 1;width: 100%;overflow: hidden;}
.row{width: 1400px; margin: auto; position: relative;}
.row:after { content:""; clear:both; display:block; overflow:hidden;}
#content .fl { float:left}
#content .fr { float:right}

.rowTi { position:relative;display: block;}
.rowTi h2 {color: #524ED2;}
.rowTi h2:before {content:"";width:36px;height:43px; transform:translate(72px, -43px);background:url(../img/rowtileftarr.png) no-repeat right;display:inline-block;margin-top:-5px;margin-right: 30px;vertical-align: middle;transition:all 0.5s;transition-delay:.5s;opacity:0}
.rowTi h2:after {content:"";width:36px;height:43px; transform:translate(72px, -43px);background:url(../img/rowtirightarr.png) no-repeat left;display:inline-block;margin-top:-5px;margin-left: 30px;vertical-align: middle;transition:all 0.5s;transition-delay:.5s;opacity:0}
.rowTi h2.animated:before { transform:translate(0, 0); opacity:1}
.rowTi h2.animated:after {  transform:translate(0, 0); opacity:1}


#header { display: none;}
#headerMn{position:relative;width:100%;height: 760px;background: #0a48ab url(../img/bg.jpg) repeat-x center;overflow: hidden; background-size:cover}
#headerMn .logo{display:block;width:300px;height:50px;float: left;overflow:visible;margin: 41px 0 100px;}
#headerMn .logo img { height:100%; width:auto;}
#headerMn .links {height: 36px;position: absolute;top: 48px;right: 0;}
#headerMn .links a { height:36px;background-color:rgb(67 63 216 / 80%);border-radius: 18px;line-height: 36px;text-align: center;color: #fff;font-size: 16px; float:left; padding:0 1.5em; box-shadow: 0 5px 5px rgb(0 0 0 / 10%); margin-left:10px;}
#headerMn .links a:hover {background: rgb(255 255 255 / 80%); color: #22468c}

#headerMn .mnfont {position: absolute;top: 240px;left: 60px;font-size:18px;text-align: left!important;color:#fff;line-height: 24px;font-weight:400;text-shadow:0 4px 4px rgb(0 0 0 / 25%);text-align:center;transition:all 2s;opacity:0;}
#headerMn .mnfont h1 {font-size: 92px;font-weight:bold;line-height:120px;transition:all 4s;margin-bottom: 40px;letter-spacing: 0.1em;}
#headerMn .mnfont em {display:block;}

#headerMn .mnpc { position:absolute; transition:all 1s; transition-delay:0s; background:url(../img/group.png) no-repeat;width:590px;height:465px;position:absolute;left:800px;top:220px; transform:scale(1.3); z-index:7; opacity:0;  animation: pclight 12s cubic-bezier(0, 0, 0.2, 1) infinite;}
#headerMn .mnpc.animated { transform:scale(1); opacity:1 }
#headerMn .mnpc:hover { }

@keyframes pclight { 20%{ top:220px; left:800px; opacity:1; } 20.1%{filter:brightness(1);  top:280px; left:1200px; opacity:0} 24%{ filter:brightness(1.2);  top:217px; left:770px; opacity:1} 56%{ filter:brightness(1);  top:220px; left:800px; opacity:1} }

.productAbout { position:relative; z-index:11;line-height:2em;font-size:22px;padding: 40px 80px;width: 1240px;margin: 0 auto;text-align:left;text-indent:2em;background: #fff;box-shadow: 0px 0px 15px 0px #433FD82E; border-radius:20px; margin-top:-60px;}

#advantage { padding:70px 0; background:url(../img/advantagebg.jpg) no-repeat center bottom/ 100% 475px;}
.advantageBox {position:relative;margin-bottom:40px;padding:0 9px 24px 9px;float:left;margin-top: 56px;}
.advantageBox .hd {position: absolute;z-index:1;height:56px;line-height:56px;text-align:center;margin-top: -56px;width: 100%;}
.advantageBox .hd h3 { position:relative; background: linear-gradient(180deg, #7E52FF 0%, #6458FC 99.12%); display:inline-block; padding:0 32px; font-size:24px; font-weight:bold; color:#fff; }
.advantageBox .hd h3:before,
.advantageBox .hd h3:after{ content:""; position:absolute; left:-60px; width:60px; height:56px; background:url(../img/advhdbg.png) no-repeat 0 0;}
.advantageBox .hd h3:after{ right:-60px; left:auto; background-position:right;}

.advantageBox .bd{position:relative;z-index:1;background:#fff;box-shadow: 0px 0px 12px 0px #BCBCBC40;padding: 40px 50px 40px;border-radius:10px;border-top:2px solid #6F64F4;font-size:16px;line-height:2em;height: 160px;display: flex;flex-direction: row-reverse;align-items: center;}
.advantageBox .bd p { text-indent:2em}
.advantageBox:after {position:absolute;top: 5%;content:"";width: 98%;height: 95%;background:#F1F1FE;transform: skew(-3deg);border-radius:10px; opacity:.5}
.advantageBox .bd img {margin-left:40px;}
.advantageBox.col2 { width:665px;}
.advantageBox.col2 .bd {display:flex;align-items: center;flex-direction:column}
.advantageBox:nth-child(5) .bd,
.advantageBox:nth-child(6) .bd {height: 100px;}

#busScene { padding:70px 0;}

.busSceneBox {display:flex;flex-wrap: wrap;gap: 40px;}
#scene1 {width: 1280px; padding:40px 47px 40px 60px}
#scene1 .hd h3 { padding-left:60px;}

.sceneBox {position:relative;padding: 40px 27px 40px 40px;background:#fff;border:0  solid #F1F1FE;border-width: 0px 13px 13px 0px;border-radius:13px;box-shadow: 0px 0px 12px 0px #BCBCBC40;width: 600px;}
.sceneBox:after { content:""; display:block; clear:both;}
.sceneBox .ico {background: linear-gradient(180deg, #6C87FA 0%, #5565F5 87.5%);position:absolute;top:0;left:30px;width:60px;height:80px;}
.sceneBox .ico:after { position:absolute; bottom:0; left:0; content:""; border-left:30px solid transparent; border-right:30px solid transparent; border-bottom:15px solid #fff; }
.sceneBox .ico:before { content:""; width:38px; height:38px; display:block; background:url(../img/sceneico1.png) no-repeat center; margin:13px 11px;}
.sceneBox .hd { margin-bottom:40px;}
.sceneBox .hd h3 {height:32px;line-height:32px;font-size:24px;font-weight:bold;padding-left: 80px;}
.sceneBox .bd {overflow:hidden;text-align: center;}
.sceneBox .bd p{font-size:16px;line-height:2em;text-indent:2em;clear:both;text-align: left;}
.sceneBox .bd .pic { margin-top:40px;}
.sceneBox .pic {padding:30px;/* width:354px; */background:#FBF9FF;display: inline-block;line-height:0;font-size:0;margin: 0 auto;}
.sceneBox>.pic{ float:right; margin-left:50px;}

#scene2 .ico:before { background-image:url(../img/sceneico2.png) }
#scene3 .ico:before { background-image:url(../img/sceneico3.png) }
#scene4 .ico:before { background-image:url(../img/sceneico4.png) }
#scene5 .ico:before { background-image:url(../img/sceneico5.png) }
#scene6 .ico:before { background-image:url(../img/sceneico6.png) }
#scene7 .ico:before { background-image:url(../img/sceneico7.png) }
#scene8 .ico:before { background-image:url(../img/sceneico8.png) }
#scene9 .ico:before { background-image:url(../img/sceneico9.png) }

#technicalSupport {background: #F8F8FF }

.techSupportList li a { box-shadow:0 0 0; border:1px solid #ededed; z-index:9; position:relative; background-color:transparent!important;}
.techSupportList li { position:relative; background:#fff; border-radius:10px;}
.techSupportList li:before { content:""; width:100%; height:100%; position:absolute; background: linear-gradient(90deg, #7D52FF 0%, #6E64F6 100%); border-radius:10px; opacity:0; transition:all 0.5s } 
.techSupportList li:hover::before { opacity:1}

.lxss a{background-color:#433FD8;}
.lxss a.sq{background-color:#433FD8;}

@media only screen and (max-width: 1400px){}