@charset "utf-8";
@font-face {
    font-family: "YouSheBiaoTiHei";
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */;
    font-style: normal;
    font-weight: normal;
}


/* 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;padding-top: 70px;}
.row:after { content:""; clear:both; display:block; overflow:hidden;}

.wrap {background: #F5F8FB;}

.rowTi {position:relative;display: block;margin-bottom: 35px;}
.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;}
.rowTi h2 b {display:inline-block;color: #333; padding-left:46px; position:relative;}
.rowTi h2 b:after,
.rowTi h2 b:before {position:absolute;left:0; top:15px; z-index:1; content:"";width:26px;height:20px;transform:translate(-30px, 30px);background:url(../img/rowti_l.png) no-repeat left;display:inline-block;vertical-align: middle;transition:all 0.5s;transition-delay:.5s;opacity:0}
.rowTi h2 b:after {left:10px; top:10px; z-index:0; transform:translate(30px, -30px);background-image:url(../img/rowti_r.png);}
.rowTi h2.animated b:before { transform:translate(0, 0); opacity:1}
.rowTi h2.animated b:after {  transform:translate(0, 0); opacity:1}

#header { display: none;}
#headerAC{position:relative;width:100%;height: 753px;background: url(../img/bg.png) repeat-x center;overflow: hidden;background-size:cover}
#headerAC .logo{display:block;width:300px;height:50px;float: left;overflow:visible;margin: 41px 0 100px;}
#headerAC .logo img { height:100%; width:auto;}
#headerAC .links {height: 36px;position: absolute;top: 48px;right: 0;}
#headerAC .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;}
#headerAC .links a:hover {background: rgb(255 255 255 / 100%); color: #22468c}

#headerAC .acfont {position: absolute;top: 326px;left: 42px;font-size:18px;text-align: left!important;color:#fff;line-height: 24px;font-weight:400;text-align:center;transition:all 2s;opacity:0;}
#headerAC .acfont h1 {font-size: 150px;line-height:160px;transition:all 4s;text-shadow: 10px 10px 20px #00000033;font-family: "YouSheBiaoTiHei";}
#headerAC .acfont em {display:block;}

#headerAC .acpc {position:absolute;left: 874px;top: 165px;}
#headerAC .acpc .i1 { transition:all 1s; transition-delay:0s; background:url(../img/group1.png) no-repeat;width:446px;height:472px;position:absolute;left:0px;top:297px; z-index:4; opacity:0; transform:scale(0.6)}
#headerAC .acpc.animated .i1 {top: 20px;opacity:1;transform:scale(1)}

.productAbout {position:relative;z-index:11;line-height:2em;font-size: 16px;padding: 50px;width: 1320px;margin: 0 auto;text-align:left;background: #fff;box-shadow: 0px -20px 0px 0px #FFFFFF1A;border-radius:20px;margin-top: -50px;}
.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 { font-size:18px;line-height: 36px;text-indent: 2em;}

#advantage { margin-bottom:70px}
.advBox {background:#fff;padding: 30px 0 30px 115px;border-radius:20px;display:flex;gap:60px;height: 500px;align-items: center;}
.advBox .hd { width:500px;}
.advBox .hd li {cursor: pointer;}
.advBox .hd li h3 { position:relative; padding:15px 0 15px 40px; line-height:32px; color:#666; font-size:20px; transition:all 0.5s }
.advBox .hd li h3:before { position:absolute; left:0; top:50%; margin-top:-10px;; content:""; width:20px;height:20px; background:url(../img/liteicon.png) no-repeat 0; filter:grayscale(1); opacity:0.2; transition:all 0.5s; transform:scale(1, -1) }
.advBox .hd li.on h3 { font-size:24px;} 
.advBox .hd li.on h3:before { filter:grayscale(0); opacity:1; transform:scale(1, 1) }
.advBox .hd li p {height:0; overflow:hidden;transition:all 0.5s; line-height:24px; color:#999; text-indent:2em}
.advBox .hd li.on p {height:48px;}
.advBox .hd li.li2.on p {height:96px;}
.advBox .hd li.li4.on p {height:72px;}
.advBox .bd {flex:1;overflow:hidden;}
.advBox .bd .pic {display:flex;}

#funList {background:#fff;padding-top:70px;padding-bottom: 70px;}
#funList .row { padding:0;}

.funBox { margin-bottom:70px; }
.funBox .hd h3 {clear:both;display:block;width:500px;background: linear-gradient(90deg, rgba(5, 96, 236, 0) 0%, rgba(5, 96, 236, 0.8) 50%, rgba(5, 96, 236, 0) 100%);height:60px;margin:0 auto;line-height:60px;text-align:center;color:#fff;font-size:30px;font-weight:bold;display: flex;align-items: center;align-content: center;justify-content: center;gap: 10px;}
.funBox .hd h3:before {content:"";display:inline-block;width:26px;height: 30px;background:url(../img/aiccico.png) no-repeat}
.funBox .hd ul { background:#fff; padding:20px; border-radius:10px;; display:flex; gap:10px;box-shadow: 5px 5px 20px 0px #0560EC1A; margin:30px 0; }
.funBox .hd ul li {flex:1; cursor:pointer;background:#F5F8FB; padding:0 20px; border-radius:5px;text-align:center;line-height:36px;height:120px;display: flex;justify-content: center;align-items: center;font-size: 20px;}
.funBox .hd ul li.on { background:#0560EC; color:#fff;}
.funBox .bd {border: 1px solid #E1ECFC; background:#fff; padding:50px; border-radius:20px;}
.funBox .bd .con {display:flex;gap:50px;align-items: center;}
.funBox .bd .video video {width:889px; background:#000}
.funBox .bd .intro {position:relative;padding:10px 20px;text-indent:2em;font-size:18px;line-height:2.2;color:#666;text-align: justify;}
.funBox .bd .intro:before,
.funBox .bd .intro:after { position:absolute; content:""; width:43px; height:39px; background:url(../img/quotes_s.png) no-repeat; top:0 ; left:0;}
.funBox .bd .intro:after {background-image:url(../img/quotes_e.png);right:0;left:auto;top:auto;bottom:0;z-index: -1;}

.relatedBox .hd h3 {clear:both;display:block;width:500px;background: linear-gradient(90deg, rgba(5, 96, 236, 0) 0%, rgba(5, 96, 236, 0.8) 50%, rgba(5, 96, 236, 0) 100%);height:60px;margin:0 auto;line-height:60px;text-align:center;color:#fff;font-size:30px;font-weight:bold;display: flex;align-items: center;align-content: center;justify-content: center;gap: 10px;}
.relatedBox .hd h3:before {content:"";display:inline-block;width:29px;height: 30px;background:url(../img/aiccico2.png) no-repeat}
.relatedBox .bd {padding-top:30px;display:flex;flex-wrap:wrap;gap:30px;justify-content: space-between;}
.relatedBox dl {border-radius:20px;border: 1px solid #D7DEE9;padding:30px;background:#fff;min-width: 30%;flex: 1;box-sizing:border-box;}
.relatedBox dt {font-size:24px;font-weight:bold;line-height: 36px;color:#0560EC;margin-bottom: 10px;}
.relatedBox dd { font-size:16px; line-height:2;}
.relatedBox dd li {color:#666;padding-left:20px;background:url(../img/rightico.svg) no-repeat 0 12px;}
.relatedBox dd ul {display:flex;flex-wrap:wrap;gap: 10px 30px;}
.relatedBox dd ul li {min-width:45%;}

.lxss {padding:50px 0 50px;background: transparent;}
.lxss .row { padding:0;}

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