@charset "utf-8";

body{font-weight:400; min-width:1400px; }
body .wrap{margin: 0 auto;background:#ffffff;}
#header {}
.row,
.siteWidth{max-width:1400px;margin:0 auto;position: relative;}
.red { color:#f00}


/* 头部 */
.special-header{overflow:hidden;clear: both;background: url(../img/banner.jpg) center top no-repeat;clear: both;background-size: 100% auto;background-color: #F2F5FC;}
.special-header .siteWidth{position:relative;z-index:5;box-sizing:border-box;padding-top: 250px;height: 635px;}
.special-header .logo{position:absolute; left:0px; top:41px; height:90px;}
.special-header .logo img{height: 50px;width:auto;}
.special-header .links {height: 36px;position: absolute;top: 48px; right: 0;}
.special-header .links a { height:34px; border-radius: 18px;line-height: 34px; text-align: center; background-color:transparent; color: #fff;font-size: 16px; float:left; padding:0 1.5em;border:1px solid #fff; margin-left:10px; box-sizing:content-box; }
.special-header .links a:hover {background-color:#fff; color:#021FA4 }
.special-header .special-header-title_cn {text-align: center;font-size: 92px;font-weight:bold;color:#fff;line-height: 1.33;margin-bottom: 30px;}
.special-header .special-header-slogan{margin:0 auto;font-size:18px;line-height:36px;color: rgb(255 255 255 / 80%);text-align: center;}
.special-header .special-header-icon {display:block;position:absolute;right: 10px;top: 230px;}

/* indTabBox */
.indTabBox .tHd{margin-bottom:36px;}
.indTabBox .tHd ul{display:block;margin:0 auto;width: 700px;display:flex;height:52px;border-radius:26px;border: 1px solid #C8CEEC;background: #fff;}
.indTabBox .tHd ul li{width:250px;text-align:center;font-size:18px;line-height:52px;height:52px;font-weight:bold;color:#1067DB;cursor:pointer;}
.indTabBox .tHd ul li a{color:#1067DB}
.indTabBox .tHd ul li.on{color:#fff; background: linear-gradient(90deg, #107EF2 0%, #3460F8 100%); border-radius:26px;}


/* row-arrow-down */
.row-arrow-down{width:60px;height:60px;position:absolute;bottom: 80px;left:calc(50% - 30px);border:1px dashed #059B68;border-radius:50%;box-sizing:border-box;display: none;}
.row-arrow-down::before{content:""; display:block; width:2px; height:80px; background:#059B68; position:absolute; top:20px;; left:calc(50% - 1px);}
.row-arrow-down::after{content:""; display:block; width:0px; height:0px; border:5px solid transparent; border-top-color:#059B68; border-bottom:none; position:absolute; left:calc(50% - 5px); top:98px}

/* cBox */
.cBox .cHd{height:53px;position:relative;margin-bottom: 30px;text-align:center;}
.cBox .cHd h3 {line-height: 53px;transition:all 1s;color:transparent;text-align:center;font-size:40px;font-weight:bold;position:relative;display: inline-block;}
.cBox .cHd h3::before,
.cBox .cHd h3::after{ transition:all 1s; position:absolute; position:absolute; top:50%;margin-left:0px; margin-top:-10px; left:0;  content:"";display:block; width:29px; height:20px; background:url(../img/hdarr.png) no-repeat;opacity:0;}
.cBox .cHd h3::after {  right:0; left:auto;margin-right:0px;}

.cBox .cHd.animated h3 {color:#333}
.cBox .cHd.animated h3::before,
.cBox .cHd.animated h3::after{ margin-left:-60px; opacity:1; }
.cBox .cHd.animated h3::after {  margin-right:-60px;}

.cBox  .cBd p,.rowBox>.intro{font-size: 16px;}
.cBox .siteWidth>.intro {font-size: 16px;line-height: 30px;text-indent: 2em;margin-bottom: 40px;padding: 15px 0;}
.cBox .siteWidth>.intro p { margin-block:15px;}
.cBox .siteWidth>.pic {float: right;margin-left: 40px;}


.rowBox .hd{position:relative;margin-bottom: 50px;text-align:center;}
.rowBox .hd h3 {line-height: 53px;transition:all 1s;color:transparent;text-align:center;font-size:40px;font-weight:bold;position:relative;display: inline-block;}
.rowBox .hd h3::before,
.rowBox .hd h3::after{ transition:all 1s; position:absolute; position:absolute; top:50%;margin-left:0px; margin-top:-10px; left:0;  content:"";display:block; width:29px; height:20px; background:url(../img/hdarr.png) no-repeat;opacity:0;}
.rowBox .hd h3::after {  right:0; left:auto;margin-right:0px;}
.rowBox .hd h3.animated {color:#333}
.rowBox .hd h3.animated::before,
.rowBox .hd h3.animated::after{ margin-left:-60px; opacity:1; }
.rowBox .hd h3.animated::after {  margin-right:-60px;}
.rowBox .hd .line { display:none; }

#cBox_01 {width: 1300px;padding: 50px 0 0;margin: 0 auto 30px;background:#fff;border-radius:10px;}
#cBox_01 .cBd p { text-indent:2em; margin-top:18px;}

#cBox_02 .pic {float:left;margin: 0 40px 0 0;}
#cBox_02 .siteWidth {display:flex;flex-direction: row;align-items: center;}

#cBox_03 {padding: 50px 0 0;}
#cBox_03 .cHd {margin-bottom: 60px;}
.agvBox { columns:3; column-gap:25px; }
.agvBox dl {overflow:hidden;background:#fff;border-radius:20px;margin-bottom:20px;padding: 30px;box-shadow: 0px 0px 15px 0px #1067DB0D;}
.agvBox dl dt {font-size:24px;font-weight:bold;}
.agvBox dl dt h3 {font-weight:bold;padding: 20px 0;line-height:1.33;text-align:center;position:relative;z-index:1;}
.agvBox dl dt i { display:block; width:120px; height:120px; margin:0 auto; border-radius:50%; border:15px solid #4D82F533; background:url(../img/agvico1.png) no-repeat center}
.agvBox dl dd {font-size:16px;line-height:2;text-indent:2em;text-align:justify;display:flex;flex-direction: column;gap:18px;color: #666;}
.agvBox dl dd:after { content:""; display:block;height:5px; width:40px; background:#4B83F4; border-radius:3px; margin:0 auto;}
.agvBox .dl2 dd:after { background-color:#F6744E;}
.agvBox .dl3 dd:after { background-color:#778AB3;}
.agvBox .dl4 dd:after { background-color:#63ABFE;}
.agvBox .dl5 dd:after {background-color:#57E0CE;}
.agvBox .dl6 dd:after { background-color:#A465F5;}
.agvBox .dl7 dd:after { background-color:#F5B589;}
.agvBox .dl8 dd:after { background-color:#57E0CE;}

.agvBox .dl2 dt i { background-image:url(../img/agvico2.png); border-color:#F66D4B33;}
.agvBox .dl3 dt i { background-image:url(../img/agvico3.png); border-color:#7083AE33;}
.agvBox .dl4 dt i { background-image:url(../img/agvico4.png); border-color:#5AAAFF33;}
.agvBox .dl5 dt i { background-image:url(../img/agvico5.png); border-color:#EAA82E33;}
.agvBox .dl6 dt i { background-image:url(../img/agvico6.png); border-color:#A55EF633;}
.agvBox .dl7 dt i { background-image:url(../img/agvico7.png); border-color:#F3AE8333;}
.agvBox .dl8 dt i { background-image:url(../img/agvico8.png); border-color:#5AE0CF4D;}

.agvBox .dl1 dd, .agvBox .dl2 dd{  min-height:409px }

#solutionSafety {padding: 50px 0 0;background: #fff;}
#solutionSafety .hd .intro {text-indent: 2em;font-size: 16px;padding: 0;width: 75%;line-height: 2em;margin: 0 auto;text-align: left;margin-top: 50px;}
.solutionSafety-02::before { background:#003CF3}

/* cBox_1 - row-1 */
.solutionSafety-04 .list .li1::before { background: #003CF3;  }
.solutionSafety-04 .list li { color: #003CF3; }

#solutionSafety .more a {color: #003CF3; }
#solutionSafety .more a::before { border: 1px solid #003CF3;}
#solutionSafety .more a:hover::before {  background: #003CF3; }

.solutionSafety-05 .row { width:1200px;}
.solutionSafety-05 .list li::before { filter:brightness(2)}
.solutionSafety-07 .rowCon::before {background: #003CF3;}
.solutionSafety-07 .rowCon .list li .icon { background-image:url(../img/icons-safety-07.png)}

#freeWeb .tBd { text-align:center;}
#freeWeb .bd { text-align: center;}
#freeWeb .moreBtn { margin:50px 0;}
#freeWeb .rowBox>.intro {margin-bottom:40px;display:block;text-indent: 2em;}

.moreBtn{border: 1px solid #1067DB;width:auto;height:40px;line-height:40px;text-align:center;overflow:hidden;border-radius:26px;position: relative; display:inline-block;}
.moreBtn::after{content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(to right, #107EF2, #3460F8); z-index:0; opacity:0; transition:0.5s; }
.moreBtn a{display:block; height:40px; font-size:16px; color:#1067DB; position:relative; z-index:1; text-indent:0; padding:0 40px;}
.moreBtn:hover::after{opacity:1; color:#fff}
.moreBtn:hover a,
.moreBtn a:hover{color:#fff;}

#xcsp {background:#fff;padding: 50px 0;margin:0 auto;}
#xcsp .hd { margin-bottom:70px;}
#xcsp .hd .intro { padding-top:50px}
#xcsp .intro {font-size:16px;text-indent:2em}
#xcsp .more { text-align:center;}

.xcspList {position: relative;z-index: 1;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 20px;margin-bottom: 50px;}
.xcspList li {position: relative;flex: 1;background: linear-gradient(180deg, #463CD9 0%, #DDDBFF 100%);border-radius:10px; width:258px;}
.xcspList .con { position:relative;margin: 1px;background:#fff;border-radius:10px;padding: 50px 10px 0;}
.xcspList .title { padding-bottom: 14px; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); font-size: 16px; line-height: 46px; font-weight: bold; text-align: center; color: #333; }
.xcspList .pic {position: relative;overflow: hidden;width: 240px;height: auto;margin: 0 auto;line-height: 0;}
.xcspList .pic img { width: 100%;height: 330px;}
.xcspList .li3 .pic { padding:10px }
.xcspList .li3 .pic img { width:220px; height: 310px; }
.xcspList .con,
.xcspList .pic img { transition: all ease 0.6s; }
.xcspList li:hover { transform: translateY(-10px); }

.xcspList li .con:before { position:absolute; top:-74px;; left:50%; margin-left:-50px; content:""; display:block; width:100px; height:200px; background:url(../img/num1.png) no-repeat center;}
.xcspList .li2 .con:before { background-image:url(../img/num2.png);}
.xcspList .li3 .con:before { background-image:url(../img/num3.png);}
.xcspList .li4 .con:before { background-image:url(../img/num4.png);}
.xcspList .li5 .con:before { background-image:url(../img/num5.png);}

/* --------------------------------- 移动设备适配 --------------------------------- */
#mobile {background: #F2F5FC;padding-top: 50px;}
#mobile .rowBox .devicesPic { background: #fff; padding: 60px 30px; border-radius: 10px; }
.devicesPic {margin-bottom: 40px;text-align: center;}
.devicesPic span { display: inline-block; vertical-align: top; }
.devicesPic img { max-width: 100%; height: auto; }
.devicesIntro { margin-bottom: 30px; font-size: 16px; line-height: 30px; text-align: justify; color: #333; text-indent: 2em; padding:0 30px }
.mobileList {padding: 50px 0 65px;gap: 70px;display: flex;justify-content: center;}
.mobileList li { flex-basis: 599px; }
.mobileList .pic { position: relative; margin: 0 30px; }
.mobileList .pic img { display: block; width: 100%; height: auto; }
.mobileList li:hover .pic img { transform: translateY(-5px); }
.mobileList .title { margin-top: 25px; text-align: center; }
.mobileList .title span { position: relative; z-index: 1; display: inline-block; vertical-align: top; font-size: 16px; line-height: 45px; padding: 0 40px; background: #003CF3 ; color: #fff; border-radius: 500px; overflow: hidden; }
.mobileList .title span::before { position: absolute; z-index: -1; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: #1a0fb2; border-radius: 500px; transform: scaleX(0); transform-origin: center center; visibility: hidden; opacity: 0; }

.mobileList .pic img,
.mobileList .title span,
.mobileList .title span::before {  transition: all ease 0.6s; }

.mobileList li:hover .title span { color: #fff; }
.mobileList li:hover .title span::before { transform: scaleX(1); visibility: visible; opacity: 1; }
#mobile .text_p { text-align: center;}

#webfutureIntro {padding:50px 0;background: #fff;}
#webfutureIntro .bd {display:flex;align-items: center; gap:60px}
#webfutureIntro .intro { text-indent:2em; line-height:2em; font-size:16px;}
#webfutureIntro .intro .moreBtn { margin-top:30px;}

#eduSysIntro {padding: 50px 0 0;background:#fff;}
#eduSysIntro .bd {display:flex;align-items: center;gap:60px;flex-direction: row-reverse;}
#eduSysIntro .bd .pic img{width:350px;}
#eduSysIntro .intro { text-indent:2em; line-height:2em; font-size:16px;}
#eduSysIntro .intro .moreBtn { margin-top:30px;}

#AIIntro {background: #fff;padding: 50px 0 0;}
#AIIntro .bd {display:flex;align-items: center; gap:60px}
#AIIntro .intro { text-indent:2em; line-height:2em; font-size:16px;}
#AIIntro .intro .moreBtn { margin-top:30px;}
#AIIntro .bd .pic img{width:320px;}
.rowTi { height:auto; margin:0; padding:0;}
.rowTi h2{position:relative;margin-bottom: 50px;text-align:center;}
.rowTi h2 {line-height: 53px;transition:all 1s;color:transparent;text-align:center;font-size:40px;font-weight:bold;position:relative;display: inline-block;}
.rowTi h2::before,
.rowTi h2::after{ transition:all 1s; position:absolute; position:absolute; top:50%;margin-left:0px; margin-top:-10px; left:0;  content:"";display:block; width:29px; height:20px; background:url(../img/hdarr.png) no-repeat;opacity:0;}
.rowTi h2::after {  right:0; left:auto;margin-right:0px;}
.rowTi h2.animated {color:#333}
.rowTi h2.animated::before,
.rowTi h2.animated::after{ margin-left:-60px; opacity:1; }
.rowTi h2.animated::after {  margin-right:-60px;}


#technicalSupport {padding: 50px 0 0;background: #fff;}
.techSupportList li a {box-shadow: none;background-color: #F8F9FA;}
.techSupportList li a:hover { background-color:#F2F5FC; color:#0D81F1; font-weight:bold;}

.lxss { padding:25px 0 60px;}
.lxss a, .lxss a.sq { background-color:#0D81F1 }
.lxss a:hover, .lxss a.sq:hover {background-color: #003CF3;}

/*基础应用*/
#jcyy,#freeWeb {padding:50px 0 0}