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

#header { display: none;}
#headerLD{position:relative;width:100%;height: 825px;background: #fff url(../img/header.jpg) no-repeat top center;}
#headerLD .logo{display:block;width:300px;height:50px;float: left;overflow:visible;margin: 41px 0 100px;}
#headerLD .logo img { height:100%; width:auto;}
#headerLD .links {height: 36px;position: absolute;top: 48px;right: 0;}
#headerLD .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;}
#headerLD .links a:hover {background: #ccc; color: #22468c}
#headerLD .ldh2 {
                 position:absolute;
                 width: 620px;
                 top:290px;
                 opacity:0;
                 transition:all 1s;
                 left:50%;
                 margin-left:-310px;
                 text-align:center;
                 background: linear-gradient(to right, #FFCC00, #FCEB93, #F3C302);
                 font-size: 90px;
                 line-height:120px;
                 font-weight:bold;
                 -webkit-background-clip: text;
                 background-clip: text;
                 color: transparent;
                 filter: drop-shadow( 0 0 18px rgb(12 12 12 / 40%))
                 }
#headerLD .ldh2.animated { opacity:1; top:241px}
#headerLD .ldh4 {position:absolute;top:391px;text-align:center;width:100%;font-size: 18px;letter-spacing: 0;background:url(../img/ldh4.png) no-repeat;opacity:0;transition:all 1.5s;transition-delay:0.4s;color:#fff;}
#headerLD .ldh4.animated { opacity:1;letter-spacing:.5em;}

.productAbout {background:url(../img/productAboutbg.png) no-repeat center;height:100px;margin-top: -100px;position: relative; line-height:100px; color:#fff; font-size:20px; 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:737px;}
.advantageBox .hd {float:left; width:360px; }
                 .advantageBox .hd li { position:relative; width:263px; height:100px; line-height:100px; background:#468CE0; cursor:pointer; padding-left:67px; margin-bottom:10px; border-radius:5px; font-size:20px; font-weight:bold; color:#fff; transition:all 0.5s}
.advantageBox .hd li i { float:left; width:45px; height:45px; margin-right:30px; position:relative; margin-top:27px; background:url(../img/advico1.png) no-repeat center; }
.advantageBox .hd li i:after { position:absolute; width:100%; height:100%; background:url(../img/hdliicobg.png) no-repeat center / 100%; content:""; transition:all 1s; }
.advantageBox .hd li.on { background:#B1322E}
.advantageBox .hd li: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 .hd li.on:after { right:-38px; opacity:1; border-left:40px solid #B1322E;}
.advantageBox .hd li.on i:after { transform:rotate(360deg);}

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

.advantageBox .hd .li2 i {background-image:url(../img/advico2.png)}
.advantageBox .hd .li3 i {background-image:url(../img/advico3.png)}
.advantageBox .hd .li4 i {background-image:url(../img/advico4.png)}
.advantageBox .hd .li5 i {background-image:url(../img/advico5.png)}
.advantageBox .hd .li6 i {background-image:url(../img/advico6.png)}

.advantageBox .bd { overflow:hidden; padding:45px 85px 0; position:relative; height:692px;}
.advantageBox .bd h3 { font-size:26px; font-weight:bold; text-align:center; color:#B1322E; line-height:34px; margin-bottom:26px;}
.advantageBox .bd ul li { position:relative; line-height:30px; font-size:16px; margin-bottom:10px; padding-left:30px; color:#3B3A3A;}
.advantageBox .bd ul li:before { content:""; position:absolute; left:0; top:10px; width:10px; height:10px; background:#ACB7D6; border-radius:50%; }
.advantageBox .bd .con i { position:absolute; bottom:0; left:50%; margin-left:-300px; display:block; width:600px; height:363px; background:url(../img/advantageicon1.png) no-repeat;}
.advantageBox .bd .con2 i { background-image:url(../img/advantageicon2.png) }
.advantageBox .bd .con3 i { background-image:url(../img/advantageicon3.png) }
.advantageBox .bd .con4 i { background-image:url(../img/advantageicon4.png) }
.advantageBox .bd .con5 i { background-image:url(../img/advantageicon5.png) }
.advantageBox .bd .con6 i { background-image:url(../img/advantageicon6.png) }

.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:24px; height:24px; border:1px solid #2f4593; left:0; border-radius:50%; background: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;}

.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 { display:block; color:#2F4593; text-decoration:underline; cursor:pointer }

.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: 592px; 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;}