@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%;}
.row{width: 1400px; margin: auto; position: relative;}
.rowTi h2 {  color:#2F4593; }
.rowTi h2:before {content:"";width:0px;height:11px;background:url(../img/rowtileftarr.png) no-repeat right;display:inline-block;margin-right:20px;vertical-align: middle; transition:all 2s; transition-delay:.5s; opacity:0}
.rowTi h2:after { content:""; width:0px; height:11px; background:url(../img/rowtirightarr.png) no-repeat left; display:inline-block; margin-left:20px;vertical-align: middle; transition:all 2s; transition-delay:.5s; opacity:0}
.rowTi h2.animated:before { width:66px; opacity:1}
.rowTi h2.animated:after { width:66px; opacity:1}

#header { display: none;}
#headerLS {position:relative;width:100%;height: 754px;background: #fff url(../img/header.jpg) no-repeat top center; overflow:hidden;}
#headerLS:after { content:""; position:absolute; bottom:0;}
#headerLS .logo{display:block;width:300px;height:50px;float: left;overflow:visible;margin: 41px 0 100px;}
#headerLS .logo img { height:100%; width:auto;}
#headerLS .links {height: 36px;position: absolute;top: 48px;right: 0;}
#headerLS .links a { height:36px;background-color: rgb(0 0 0 / 34%);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;}
#headerLS .links a:hover {background: #ccc; color: #22468c}
#headerLS .lsh2 {
                 position:absolute;
                 width: 620px;
                 top:310px;
                 opacity:0;
                 transition:all 1s;
                 left:50%;
                 margin-left:-310px;
                 text-align:center;
                 font-size: 90px;
                 line-height:1.33;
                 font-weight:bold;
                 color:#fff;
                 text-shadow:0 0 18px rgb(0 0 0 / 40%)
                 }
#headerLS .lsh2.animated { opacity:1; top:260px}
#headerLS .lsh4 {position:absolute;top:420px;text-align:center;width:100%;font-size: 18px;opacity:0;transition:all 1.5s;transition-delay:0.4s;color:#fff;text-shadow:0 0 18px rgb(0 0 0 / 40%)}
#headerLS .lsh4.animated { opacity:1;}
@keyframes waving{
  0% { background-position: 1920px 0px; }
100% { background-position: 0px 0px; }
}
#headerLS::after{width: 100vw;height: 120px;background: url(../img/wavline.png) repeat-x;background-size: 100% 100%;bottom: 0; left:0;animation:waving 15s linear infinite;}


.productAbout {background:url(../img/productAboutbg.png) no-repeat center;height:100px;margin-top: -100px;position: relative; line-height:100px; color:#fff; font-size:16px; transition:all 1s;letter-spacing:.3em; margin-left:300px; opacity:0; transition-delay:.7s;}
.productAbout .hd { float:left; padding-left:76px; background:url(../img/mailico.png) no-repeat 0; font-size:30px; font-weight:bold; margin-left:106px; margin-right:50px;}
.productAbout .hd h2 { font-size:30px; font-weight:bold;}
.productAbout.animated { opacity:1; margin-left:0;letter-spacing:0em;}

#performance { padding:45px 0;}
.performanceBox {position: relative; background:#F4F8FF; padding: 50px 60px; border-radius:10px 100px; font-size:18px; line-height:40px; text-align:center;}
.performanceBox .intro {margin-bottom:20px;text-align:left;text-indent: 2em;}
.performanceBox a { display:inline-block; background:#4566BD; color:#fff; padding:5px 25px; border-radius:5px; cursor:pointer}
.performanceBox a:hover { background:#2f4593; padding:5px 35px;}

#mailProcess {padding:20px 0;background: url(../img/performancebg.png) no-repeat bottom center;margin-bottom: 80px;}
#mailProcess .rowTi { margin-bottom:60px}
.processImg { width:640px; float:right; text-align:center;}
.processImg img { margin:5px}
.processIntro { overflow:hidden; position:relative; }
.processIntro .bg {position:absolute;top:0;width:94.5%;height:100%;border-radius:10px 300px 300px 10px;background:#4567BD;background: linear-gradient( 225deg, #4567BD, #18338C);}
.introWrap {height:707px;background:url(../img/ldxxlc.png) no-repeat right center;position: relative;z-index: 9; padding:83px 145px 0 51px; font-size:16px; line-height:45px; color:#fff; text-indent:2em}
.introWrap p { margin-bottom:20px}

#advantage {background: url(../img/advantagebg.jpg) no-repeat center 100px;margin-bottom: 60px;}
.advantageBox { height:490px; padding:80px 0;}
.advantageBox dl {float:left;margin-right:10px;height: 530px;width: 50px;transition:all 1s;overflow:hidden;position:relative;}
.advantageBox dl.on {width: 1090px;}
.advantageBox dt {float:left;}
.advantageBox dt {position:relative;height:293px;padding:40px 10px;background:#468CE0;cursor:pointer;border-radius:25px;width:30px;font-size:20px;color:#fff;transition:all 0.5s;text-align: center;line-height: 22px;}
.advantageBox dt i {display: block;width:29px;height:29px;position:relative;margin: 0 auto;background:url(../img/advico1.png) no-repeat center;margin-bottom: 20px;}
.advantageBox dt i:after {display: block;width:100%;height:100%;background:url(../img/hdliicobg.png) no-repeat center / 100%;content:"";transition:all 1s;}
.advantageBox dl.on dt { background:#B1322E; font-weight:bold;}
.advantageBox dt:after { position:absolute; right:0; content:""; border-top:50px solid transparent; border-bottom:50px solid transparent; border-left:0px solid #468CE0; transition:all 0.5s; border-radius:3px;}
.advantageBox.on dt:after { right:-38px; opacity:1; border-left:40px solid #B1322E;}
.advantageBox.on dt i:after { transform:rotate(360deg);}

.advantageBox dt .li2,.advantageBox dt .li4 { background:#387DBC;}
.advantageBox dt .li3,.advantageBox dt .li6 { background:#3A6AC0;}
.advantageBox dt .li2,.advantageBox dt .li4,.advantageBox dt .li6 { margin-left:20px;}

.advantageBox dl.dl2 i {background-image:url(../img/advico2.png)}
.advantageBox dl.dl3 i {background-image:url(../img/advico3.png)}
.advantageBox dl.dl4 i {background-image:url(../img/advico4.png)}
.advantageBox dl.dl5 i {background-image:url(../img/advico5.png)}
.advantageBox dl.dl6 i {background-image:url(../img/advico6.png)}

.advantageBox dd { position:absolute; left:50px; top:0; overflow:hidden; padding: 0 410px 0 50px; width:580px; }
.advantageBox dd h3 { font-size:26px; font-weight:bold; color:#B1322E; line-height:34px; margin-bottom:26px;}
.advantageBox dd ul li { position:relative; line-height:30px; font-size:16px; margin-bottom:10px; padding-left:30px; color:#3B3A3A;}
.advantageBox dd ul li:before { content:""; position:absolute; left:0; top:10px; width:10px; height:10px; background:#ACB7D6; border-radius:50%; }
.advantageBox dl { background:url(../img/advantageicon1.png) no-repeat 150% 50px;}
.advantageBox dl.on { background-position: 95% 50px}
.advantageBox .dl2 { background-image:url(../img/advantageicon2.png) }
.advantageBox .dl3 { background-image:url(../img/advantageicon3.png) }
.advantageBox .dl4 { background-image:url(../img/advantageicon4.png) }
.advantageBox .dl5 { background-image:url(../img/advantageicon5.png) }
.advantageBox .dl6 { background-image:url(../img/advantageicon6.png) }

#funList {padding-bottom: 50px;}
.funIcon { height:320px; background:url(../img/funimg.jpg) no-repeat; margin-bottom:30px;}
.funBd { margin:0 -1.75%;}
.funBox { float:left; width:46.5%; margin:0 1.75%; margin-bottom:20px}
.funBox h3 {position:relative;border-bottom:1px solid #e5e5e5;line-height: 24px;height:26px;padding:15px 36px;font-size:20px;font-weight:bold;}
.funBox h3 i { position:absolute; width:26px; height:26px;left:0; border-radius:50%; background:#219FE6 url(../img/funico1.png) no-repeat center }
.funBox ul { padding-top:15px; margin-bottom:-10px}
.funBox ul li { position:relative; font-size:16px; line-height:30px; margin-bottom:10px; padding-left:16px; }
.funBox ul li:before {content:""; position:absolute; width:6px; height:6px; background:#ACB7D6; border-radius:50%; left:0; top:12px;}
.funBox3 { float:right;}
.funBox4 { width:96.5%;}
.funBox5, .funBox6,.funBox7 { width:29.8%;}
.funBox .bd { display:grid; gap:55px; grid-row-gap:30px;grid-template-columns:1fr 1fr 1fr; padding-top:15px}
.funBox .bd dl dt { font-weight:bold; font-size:18px; line-height:36px; }
.funBox .bd dl dd {font-size:16px; line-height:30px; text-align:justify }
.funBox .bd dl dd a {position:relative;color:#fff;background:linear-gradient( to right, #92BDFE, #4D86DB );cursor:pointer;height:30px;line-height:30px;display:inline-block;clear:both;border-radius:15px;margin-top: 5px;font-size: 14px;}
.funBox .bd dl dd a span { background:url(../img/clickico.png) no-repeat 13px;  padding:0 15px 0 40px; display:block; }

.funBox2 h3 i { background-image:url(../img/funico2.png);}
.funBox3 h3 i { background-image:url(../img/funico3.png);}
.funBox4 h3 i { background-image:url(../img/funico4.png);}
.funBox5 h3 i { background-image:url(../img/funico5.png);}
.funBox6 h3 i { background-image:url(../img/funico6.png);}
.funBox7 h3 i { background-image:url(../img/funico7.png);}

.plist p { position:relative; font-size:16px; line-height:30px; margin-bottom:10px; padding-left:16px; }
.plist p:before {content:""; position:absolute; width:6px; height:6px; background:#ACB7D6; border-radius:50%; left:0; top:12px;}

.shadow{position: fixed; width: 100%; height: 100%; top: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 9; display: none;}
.tq_box{position: fixed; height: auto; width: 792px; padding: 38px 44px; background-color: #ffffff; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); border-radius: 5px; z-index: 10; top: 20%; margin: auto; left: 0; right: 0; display: none;}
.tq_box .tq_title{font-size: 24px; line-height: 24px; color: #000000; font-weight: 900; margin-bottom: 20px;}
.tq_box .tq_content{font-size: 16px; color: #000000; line-height: 24px; text-align: justify; /* font-weight: 900; */}
.tq_box .close{width: 20px; height: 20px; position: absolute; background: url(../img/close_icon.png) no-repeat; right: 30px; top: 30px; cursor: pointer;}

.lxss a{background-color:#2F4593!important;}