@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}
.wrap { background:url(../img/wrapbg.jpg) repeat center / 100% auto}

.rowTi {position:relative;display: block;height: auto;margin: 0 0 20px;padding: 0;}
.rowTi h2 {color: #333;background:url(../img/rowtibg.png) no-repeat center;height: 120px;line-height: 1.3;display: flex;align-items: center;justify-content: center;max-width: 58%;margin: 0 auto;}
.rowTi h2:before {content:"";width:36px;height:43px; transform:translate(72px, 0);background:url(../img/rowtileftarr.png) no-repeat right;display:inline-block;margin-top:-5px;margin-right: 30px;vertical-align: middle;transition:all 1s;transition-delay:1s;opacity:0}
.rowTi h2:after {content:"";width:36px;height:43px; transform:translate(-72px, 0);background:url(../img/rowtirightarr.png) no-repeat left;display:inline-block;margin-top:-5px;margin-left: 30px;vertical-align: middle;transition:all 1s;transition-delay:1s;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: 994px;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;border-radius: 18px;line-height: 36px;text-align: center;color: #fff;font-size: 16px;float:left;padding:0 1.5em;margin-left:10px;border: 1px solid #fff;}
#headerMn .links a:hover {background: linear-gradient(180deg, #FFFFFF 0%, #EEFCFF 100%); color: #22468c}

#headerMn .mnfont {position: absolute;top: 333px;/* 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;}
#headerMn .mnfont p {display:block;width:653px;text-align:justify;line-height: 1.8;text-indent: 2em;}

#headerMn .mnpc { position:relative; top:222px; left:733px;}
#headerMn .mnpc .p-01 { position:absolute; transition:all 1s; transition-delay:0s; background:url(../img/aipic1.png) no-repeat;width:587px;height:277px;position:absolute;left:0;top:401px; transform:scale(2); z-index:7; opacity:0;  animation: pclight 12s cubic-bezier(0, 0, 0.2, 1) infinite;}
#headerMn .mnpc .p-01.animated { transform:scale(1); opacity:1 }
#headerMn .mnpc .p-02 { position:absolute; transition:all 1s; transition-delay:0s; background:url(../img/aipic2.png) no-repeat;width:483px;height:493px;position:absolute;left:60px;top:40px; transform:scale(2) rotate3d(0,1,0,180deg); z-index:7; opacity:0;  animation: pclight 12s cubic-bezier(0.81, 0.03, 1, 1) infinite;}
#headerMn .mnpc .p-02.animated { transform:scale(1) ; opacity:1 }
#headerMn .mnpc .p-03 {position:absolute;transition:all 1s;transition-delay:0s;background:url(../img/aipic3.png) no-repeat;width:98px;height:75px;position:absolute;left:40px;top:0;transform:scale(1.3);z-index:7;opacity:0;visibility: hidden;}
#headerMn .mnpc .p-03.animated { opacity:1 }
#headerMn .mnpc .p-04 { position:absolute; transition:all 1s; transition-delay:0s; background:url(../img/aipic4.png) no-repeat;width:81px;height:103px;position:absolute;left:585px;top:296px; transform:scale(1.3); z-index:7; opacity:0;visibility: hidden; }
#headerMn .mnpc .p-04.animated {  opacity:1 }
#headerMn .mnpc:hover { }

@keyframes pclight { }

#advantage {padding: 50px 0;}
.advantageBox {display:flex;flex-wrap: wrap;gap: 50px 25px;justify-content: center;flex-direction: row;padding: 20px 0 0;}
.dvantBox {position:relative;flex: 1;box-shadow: 0px 0px 15px 0px #ABA1E233;background: #fff;border-radius: 20px;padding: 60px 30px 40px 30px;flex-basis: 390px;display: block!important;}
.dvantBox .hd { margin-bottom: 25px; }
.dvantBox .hd:after { content:""; display:block; width:100%; height:1px; background:linear-gradient(90deg, #BBBEFA 0%, #EAC3F1 100%)}
.dvantBox .hd h3 {font-size:24px;font-weight:bold;padding-bottom: 25px;}
.dvantBox .ico { border-radius:50%; display:block; width:48px; height:48px; box-shadow: 0px 4px 8px 0px #6996FC4D; background: linear-gradient(180deg, #677EFD 0%, #6D9FFD 100%); position:absolute; top:-24px; left:30px; }
.dvantBox .ico:before {  content:""; background:url(../img/advico1.png) no-repeat center; width:100%; height:100%; display:block;}
.dvantBox .bd{position:relative;z-index:1;font-size:16px;line-height:2em;text-align: justify;}
.dvantBox .bd p { text-indent:2em}
.dvantBox .bd img {margin-left:40px;}
.dvantBox:nth-child(2) .ico:before {background-image:url(../img/advico2.png)}
.dvantBox:nth-child(3) .ico:before {background-image:url(../img/advico3.png)}
.dvantBox:nth-child(4) .ico:before {background-image:url(../img/advico4.png)}
.dvantBox:nth-child(5) .ico:before {background-image:url(../img/advico5.png)}

/* 部署对比表格样式 */
#deployment { padding: 0 0 30px}
.deploymentBox { background:#fff; padding:40px 30px; border-radius:20px; margin-top:30px;}
.deploymentBox{display: flex; flex-wrap: wrap; justify-content: space-between;}
.deploymentTable{width: 74.5%;}
.deploymentTag{width: 23.5%;display: flex;flex-direction: column;gap: 150px;justify-content: center;}
.deploymentTable table{width: 100%;border-collapse: collapse;overflow: hidden;}
.deploymentTable table th{background: #F0F7FF;color: #2C5DCD;padding: 10px 20px;font-weight: bold;font-size: 18px;border: 1px solid #E7EAE8;}
.deploymentTable table td{padding: 20px;border: 1px solid #E7EAE8;vertical-align: top;font-size: 18px;line-height: 1.5;color: #333;}
.deploymentTable table td:first-child{font-weight: bold;background: #F8F9FA;font-size: 18px;width: 15%;}
.deploymentTable table td:last-child{font-size: 16px;color: #666;}
.deploymentTable table td.low{max-width: 264px;font-weight: bold;}
.deploymentTable table td.high{min-width: 264px;font-weight: bold;}
.deploymentTable table td .ico{display: inline-block; width: 20px; height: 20px; background:url(../img/righting.png) no-repeat; line-height:100px; overflow:hidden; vertical-align:middle}
.deploymentTable table td .ico.warning{ background:url(../img/warning.png) no-repeat;}
.deploymentTable table ul{margin: 8px 0 0 0;padding: 0;list-style-type: disc;}
.deploymentTable table li{font-size: 16px;line-height: 1.75;font-weight: 400;color: #666;}
.deploymentTable table li:before { content:"- "}
/* 右侧标签样式 */
.deploymentTag .tag{background: #F3F9FF;border-radius: 10px;padding: 40px 30px;position: relative;}
.deploymentTag .tag .hd{margin: 0 0 5px;}
.deploymentTag .tag .hd h3{font-size: 18px;color: #000;font-weight: bold;}
.deploymentTag .tag p{line-height: 2;font-size: 16px;color: #666;text-indent: 2em;}
.deploymentTag .tag ul{margin: 0;}
.deploymentTag .tag li{font-size: 16px;line-height: 2;}
.deploymentTag .tag li:before { content:""; width:8px; height:8px; display:inline-block; background:#666; border-radius:50%; margin-right:6px; vertical-align:middle}
.deploymentTag .tag:after {content:"";border-left: 33px solid #F3F9FF;border-bottom: 33px solid transparent;position:absolute;bottom:-33px;left:33px;}

@keyframes yesshow { 0% { transform:scale(1)rotate(-120deg)} 30% { transform:scale(2) } 100% { transform:scale(1) } }
#funcBox { margin-bottom:20px;}
#funcBox .dvantBox {flex-basis: 600px;min-width: 600px;}
#funcBox .dvantBox:nth-child(1) .ico:before {background-image:url(../img/funcico1.png)}
#funcBox .dvantBox:nth-child(2) .ico:before {background-image:url(../img/funcico2.png)}
#funcBox .dvantBox:nth-child(3) .ico:before {background-image:url(../img/funcico3.png)}
#funcBox .dvantBox:nth-child(4) .ico:before {background-image:url(../img/funcico4.png)}
.dvantBox li { height:auto; line-height:32px; margin-top:10px;}
.dvantBox li:before { content:""; width:12px; height:9px; background:url(../img/rightico.png) no-repeat; display:inline-block; margin-right:10px; transition:all 1s;}
.dvantBox li:hover:before { animation: yesshow 1s cubic-bezier(0, 0, 0.5, 1) ;}

#busScene { margin-bottom:20px;}
.busSceneBox {padding:40px 20px;background:#fff;border-radius:20px;box-shadow: 0px 0px 15px 0px #ABA1E233;display: flex;}
.sceneItem { flex:1; text-align:center; line-height:16px; line-height:2; padding-bottom:10px;}
.sceneItem h3 { font-size:18px; font-weight:bold; padding:5px;}
.sceneItem li { color:#666;}
.spaline { width:1px; background:#E2E2E2;}

.casesBox {padding:40px 20px;background:#fff;border-radius:20px;box-shadow: 0px 0px 15px 0px #ABA1E233;}
.casesBox p {line-height:2; font-size:16px; text-indent:2em; color:#666}
.casesPic {margin-top:20px;display:flex;gap:20px;justify-content: center; text-align:center;}
.casesPic h4 { font-weight:bold; font-size:18px; margin-top:10px;}

#technicalSupport {background:transparent;padding-bottom: 0;}
.techSupportList { padding-top:30px;}
.techSupportList li a { box-shadow:0 0 0; border:1px solid #ededed; z-index:9; position:relative; background-color:transparent!important; transition:all 0.5s}
.techSupportList li { position:relative; background:#fafafa; border-radius:10px; transition:all 0.5s}
.techSupportList li:hover { background:#fff;}
.techSupportList li:hover a { font-weight:bold; color:#2D5CCD;}

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

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