@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;}

.wrap {background:#F6FBFF}

.rowTi { position:relative;display: block;}
.rowTi i { content:"01"; font-family:Impact; font-size:120px; background:linear-gradient( to bottom, rgb(208 217 247 / 50%), transparent );-webkit-background-clip: text; background-clip: text; color: transparent;}
.rowTi h2 {color: transparent;margin-top: -56px;}
.rowTi h2 b { display:inline-block; background:linear-gradient( to right, #4D93E3, #3965DD );-webkit-background-clip: text; background-clip: text; color: transparent;}
.rowTi h2:before {content:"";width:83px;height:35px;transform:translate(-72px, -43px);background:url(../img/rowtileftarr.png) no-repeat right;display:inline-block;margin-right: 30px;vertical-align: middle;transition:all 0.5s;transition-delay:.5s;opacity:0}
.rowTi h2:after {content:"";width:83px;height:35px;transform:translate(72px, -43px);background:url(../img/rowtirightarr.png) no-repeat left;display:inline-block;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;}
#headerEE{position:relative;width:100%;height: 977px;background: url(../img/bg.png) repeat-x center;overflow: hidden; background-size:cover}
#headerEE .logo{display:block;width:300px;height:50px;float: left;overflow:visible;margin: 41px 0 100px;}
#headerEE .logo img { height:100%; width:auto;}
#headerEE .links {height: 36px;position: absolute;top: 48px;right: 0;}
#headerEE .links a { height:36px;background-color:#618BFF;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;}
#headerEE .links a:hover {background: rgb(255 255 255 / 100%); color: #22468c}

#headerEE .eefont {position: absolute;top: 275px;left: 10px;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;}
#headerEE .eefont h1 {font-size: 92px;font-weight:bold;line-height:120px;transition:all 4s;margin-bottom: 30px;letter-spacing: 0.2em;}
#headerEE .eefont em {display:block;}

#headerEE .eepc {position:absolute;left: 874px;top: 165px;}
#headerEE .eepc .i1 { transition:all 1s; transition-delay:0s; background:url(../img/group1.png) no-repeat;width:553px;height:450px;position:absolute;left:0px;top:297px; z-index:4; opacity:0; transform:scale(0.6)}
#headerEE .eepc .i2 { transition:all 1s; transition-delay:0.2s; background:url(../img/group2.png) no-repeat;width:424px;height:266px;position:absolute;left:69px;top:-175px; z-index:5; opacity:0; }
#headerEE .eepc .i3 { transition:all 1s; transition-delay:0.4s; background:url(../img/group3.png) no-repeat;width:210px;height:222px;position:absolute;left:302px;top:-200px; z-index:6; opacity:0; }
#headerEE .eepc .i4 { transition:all 0.8s; transition-delay:0.7s; background:url(../img/group4.png) no-repeat;width:140px;height:143px;position:absolute;left:317px;top:-86px; z-index:7; opacity:0;}
#headerEE .eepc .i5 { transition:all 0.8s; transition-delay:1s; background:url(../img/group5.png) no-repeat;width:273px;height:213px;position:absolute;left:146px;top:-22px; z-index:8; opacity:0;}
#headerEE .eepc .i6 { transition:all 0.8s; transition-delay:1.4s; background:url(../img/group6.png) no-repeat;width:59px;height:117px;position:absolute;left:177px;top:-83px; z-index:9; opacity:0;}
#headerEE .eepc.animated .i1 { top:97px; opacity:1; transform:scale(1) }
#headerEE .eepc.animated .i2 { top:25px; opacity:1 }
#headerEE .eepc.animated .i3 { top:0; opacity:1; }
#headerEE .eepc.animated .i4 { top:114px; opacity:1 }
#headerEE .eepc.animated .i5 { top:178px; opacity:1 }
#headerEE .eepc.animated .i6 { top:117px; opacity:1 }

.productAbout {position:relative;z-index:11;line-height:2em;font-size: 16px;padding: 40px 40px 22px;width: 1320px;margin: 0 auto;text-align:left;text-indent:2em;background: #fff;box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 8%);border-radius:20px;margin-top: -270px;}
.productAbout .pic {float:left;width:250px;height:179px;background:url(../img/intropic.png) no-repeat center;margin-right:20px;margin-top: 10px;}
.productAbout .con p { margin-bottom:18px; }

#difference {padding: 60px 0 20px;}
#difference .intro {position:relative;background:linear-gradient( to bottom, transparent, #fff);line-height:40px;font-size:18px;padding:20px 50px;z-index: 1;text-indent: 2em;}
#difference .introbg {content:"";position:relative;width:100%;height:10px;left:0;bottom: 0;background:linear-gradient( to bottom, rgb(9 114 231 / 60%), transparent);z-index: 0;filter:blur(20px)}

.diffGrid {display:grid;grid-template-columns: 240px 580px 580px;grid-template-rows: 100px;background:#fff; border-radius:30px; overflow:hidden; margin-top:50px; box-shadow:0 15px 10px rgb(9 114 231 / 10%)}
.diffGrid span {text-align:center;font-size:16px;line-height:40px;border-bottom:1px solid rgb(0 0 0 / 5%);border-left:1px solid rgb(0 0 0 / 5%);padding:30px 40px;display: flex;justify-content: center;align-items: center;}
.diffGrid span:nth-child(3n) { background:#EDF7FF }
.diffGrid .type { background:#4077DF; color:#fff; font-size:18px; font-weight:bold; border:0;}
.diffGrid .type:nth-child(2n) { background:#519BE4}
.diffGrid .th { background:#4077DF!important; font-size:26px; font-weight:bold; color:#fff; border-bottom:0;}
.diffGrid .th:nth-child(2) { background:#519BE4!important}

#busScene { padding:70px 0;}
#busScene .rowTi { margin-bottom:70px;}
.sceneBox {position:relative;padding: 40px 30px 20px;background:#fff;border:0  solid #F1F1FE;border-radius: 30px;box-shadow: 0px 15px 10px rgb(6 113 230 / 10%);margin-bottom: 30px;}
.sceneBox .ico {float:left;width:27px;height:27px;line-height:27px;background:#3A67DD;text-align:center;color:#fff;font-family:"Arial";border-radius:50%;box-shadow:-4px 0 0 #FEE632;margin-top: 3px;}
.sceneBox .hd {margin-bottom: 20px;}
.sceneBox .hd h3 {height:32px;line-height:32px;font-size:24px;font-weight:bold;padding-left: 42px;color: #333;}
.sceneBox .bd {overflow:hidden;text-align: center;padding: 0 10px;}
.sceneBox .bd p{font-size:16px;line-height:2em;text-indent:2em;clear:both;text-align: left;margin-bottom: 20px;}

#scene2 .imglist {display:flex;justify-content: space-between;padding: 10px 0 20px;}
#scene2 .imglist img { box-shadow:0 0 10px rgb(9 114 231 / 50%); border-radius:10px;}

.sceneBox .pic {border:1px solid #DEECFF;border-radius:15px;background:#F9FBFF;padding:9px;box-shadow:0 0 15px rgb(193 216 237 / 40%);margin-bottom: 20px;line-height:0;} 
.sceneBox .pic img { border-radius:10px; }
.sceneBox {display:flex;align-items: center;gap: 50px;justify-content: space-between;}

.slidePic {width: 520px;position:relative;margin:0 20px;}
.slidePic .bd { padding:0;}
.slidePic .bd em { background:#0B237F; height:25px; line-height:25px; font-size:12px; position:absolute; width:40px; font-family:Arial; color:#fff; border-radius:10px 0 }
.slidePic .bd em::first-letter { font-weight: 600; font-size:14px;}
.slidePic li { width:500px;}
.slidePic .prev,.slidePic .next {width:40px;height:34px;background:url(../img/arrleft.png) no-repeat;position:absolute;left: -40px;top: 50%;margin-top: -35px; cursor:pointer}
.slidePic .next { right:0; left:auto;background:url(../img/arrright.png) no-repeat; right:-40px;}

#scene4,#scene6,#scene8,#scene10 { flex-direction: row-reverse;}

#funList {background:url(../img/row3bg.jpg) no-repeat center bottom / 100% 1471px;padding: 0 0 40px 0;}
#funList .rowTiBg { background:url(../img/funlisthdbg.jpg) no-repeat center /cover; padding:70px 0 30px;}
#funList .rowTi h2:before, #funList .rowTi h2:after { filter:brightness(300%)}
#funList .rowTi h2 b { color:#fff;}

#funList .row { padding-top:40px;}

#funList dl dt { position:relative; border:1px solid #E3E7F4; line-height:68px; height:68px; background:linear-gradient(to bottom, #fff, #FAFBFF); border-radius:5px; margin-top:10px; padding:0 30px; font-size:24px; cursor:pointer}
#funList dl dt:after { position:absolute; content:""; transition:all 0.5s; display:block; width:18px; height:11px; background:url(../img/hdarr.png) no-repeat center; right:30px; top:50%; margin-top:-6px;}
#funList dl dt.on { background:linear-gradient(to right, #4D93E3, #3965DD); border:0; color:#fff; border-radius:5px 5px 0 0; height:66px; line-height:66px; }
#funList dl dt.on:after { filter:brightness(300%); transform:rotate(180deg);}
#funList dl dd { padding:30px 30px 12px; background:#fff; border:1px solid #EEF1FC; border-top:0; font-size:16px;}
#funList dl dd p { margin-bottom:18px; line-height:32px; background:url(../img/picon.png) no-repeat 10px 10px; text-indent:2em; color:#666}

.tabBox .hd { margin-bottom:18px;}
.tabBox .hd ul {display:flex;justify-content: space-between;flex-direction: row; gap:10px;}
.tabBox .hd li {flex:1;background:#F8F9FA;height:50px;line-height:50px;text-align:center;border-radius: 5px; font-size:18px; cursor:pointer}
.tabBox .hd li.on { background:#E8F2FF; color:#0B237F; font-weight:bold;}

#technicalSupport {background:#fff;padding-bottom: 0;padding-top: 40px;}
#technicalSupport .rowTi {margin-bottom: 60px;}
.techSupportList li a { box-shadow:0 0 0; border:0; z-index:9; position:relative; background-color:#F8F9FA; transition:all 0.5s;}
.techSupportList li { position:relative; background:#fff; border-radius:10px;}
.techSupportList li a:hover { opacity:1; background-color:#E8F2FF; color:#0B237F; font-weight:bold;}

.lxss { padding:20px 0 40px }

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