@charset "utf-8";

/* frame */
a { transition:all 0.5s;}
body{font-weight:400;background: transparent;}
.clear{clear: both;}
#content{zoom: 1;overflow: visible;background: transparent;padding: 3%;}
.row{width: 100%; margin: auto; position: relative;}
.row:after { content:""; clear:both; display:block; overflow:hidden;}

.rowTi h2 {  color:#2F4593; }

#header { }
#headerLD{position:relative;width:100%;height: 412px;background: #fff url(../img/header.jpg) no-repeat top center;padding-top: 50px;}
#headerLD .logo{display:block;width:300px;height:50px;float: left;overflow:visible;margin: 41px 0 100px;}
#headerLD .logo img { height:100%; width:auto;}
#headerLD .logo-box { display:none; }
#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: 310px;
                 top:145px;
                 opacity:0;
                 transition:all 1s;
                 left:50%;
                 margin-left:-155px;
                 text-align:center;
                 background: linear-gradient(to right, #FFCC00, #FCEB93, #F3C302);
                 font-size: 45px;
                 line-height:60px;
                 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:128px}
#headerLD .ldh4 {position:absolute;top:195px;text-align:center;width:100%;font-size: 12px;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 / auto 100%;height: 140px;margin-top: -60px;position: relative;line-height: 20px;color:#fff;font-size: 14px;transition:all 1s;letter-spacing:.3em;margin-left:300px;opacity:0;transition-delay:.7s;}
.productAbout .hd {/* float:left; */padding-left: 30px;background: url(../img/mailico.png) no-repeat 0 / auto 20px;font-size: 20px;font-weight:bold;margin-left: 5%;margin-right: 3%;height: 40px;line-height: 40px;padding: 10px 0 10px 36px;}
.productAbout .hd h2 {font-size: 20px;font-weight:bold;}
.productAbout .bd {padding: 0 5%;text-indent: 2em;}
.productAbout.animated {opacity:1;margin-left:0;letter-spacing:0em;border-radius: 20px 0 0;}

#performance {
    margin-bottom: 3%;
}
.performanceBox {position: relative;background:#F4F8FF;padding: 7%;border-radius: 10px 50px;font-size: 15px;line-height: 2;text-align:center;}
.performanceBox .intro {margin-bottom: 3%;text-align:left;text-indent: 2em;}
.performanceBox a { display:inline-block; background:#4566BD; color:#fff; padding:5px 25px; border-radius:5px;}

#mailProcess {background: url(../img/performancebg.png) no-repeat bottom center;margin-bottom: 3%;}
#mailProcess .rowTi {}
.processImg img { width:94%; height:auto; margin:3%}
.processIntro { overflow:hidden; position:relative; }
.processIntro .bg {position:absolute;top:0;width:94.5%;height:100%;border-radius: 10px 100px 100px 10px;background:#4567BD;background: linear-gradient( 225deg, #4567BD, #18338C);}
.introWrap {height: 637px;background:url(../img/ldxxlc.png) no-repeat right center;position: relative;z-index: 9;padding: 40px 12% 0 8%;font-size: 14px;line-height: 2;color:#fff;text-indent:2em}
.introWrap p { margin-bottom:20px}

#advantage {background: url(../img/advantagebg.jpg) no-repeat center 100px;margin-bottom: 3%;}
.advantageBox .hd { margin-bottom:3%;}
.advantageBox .hd:after { content:""; display:block; clear:both;}
.advantageBox .hd li {position:relative;float:left;width: 44%;height:60px;line-height:60px;padding-left:3%;background:#468CE0;cursor:pointer;margin:1.5%;border-radius:5px;font-size: 14px;font-weight:bold;color:#fff;transition:all 0.5s}
.advantageBox .hd li i { float:left; width:25px; height:25px; margin-right:5%; position:relative; margin-top:17px; background:url(../img/advico1.png) no-repeat center / auto 15px; }
.advantageBox .hd li i:after { position:absolute; width:100%; height:100%; background:url(../img/hdliicobg.png) no-repeat center / 100% 25px; content:""; transition:all 1s; }
.advantageBox .hd li.on { background:#B1322E}

.advantageBox .hd .li2,.advantageBox .hd .li4 { background:#387DBC;}
.advantageBox .hd .li3,.advantageBox .hd .li6 { background:#3A6AC0;}

.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: 3% 5% 0;position:relative;height: 630px;}
.advantageBox .bd h3 {font-size: 20px;font-weight:bold;text-align:center;color:#B1322E;line-height: 1.5;margin-bottom: 5%;}
.advantageBox .bd ul li {position:relative;line-height: 20px;font-size: 14px;margin-bottom:10px;padding-left: 16px;color:#3B3A3A;}
.advantageBox .bd ul li:before { content:""; position:absolute; left:0; top:6px; width:6px; height:6px; background:#ACB7D6; border-radius:50%; }
.advantageBox .bd .con i {position: absolute;bottom: 0;width: 90%;height: 263px;background: url(../img/advantageicon1.png) no-repeat center / 100% auto;}
.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) }

#funList { margin-bottom:5%;}
.funIcon {height: 160px;background: url(../img/funimg.jpg) no-repeat center / auto 160px;margin-bottom:30px;}
.funBd {}
.funBox {margin-bottom: 3%;}
.funBox h3 {position:relative;border-bottom:1px solid #e5e5e5;line-height: 20px;height: 20px;padding:15px 36px;font-size: 18px;font-weight:bold;}
.funBox h3 i {position:absolute;width:24px;height: 24px;border:1px solid #2f4593;left:0;top: 50%;border-radius:50%;background:url(../img/funico1.png) no-repeat center;margin-top: -12px;}
.funBox ul { padding-top:15px; margin-bottom:-10px}
.funBox ul li {position:relative;font-size: 14px;line-height: 2em;margin-bottom: 3%;padding-left:16px;}
.funBox ul li:before {content:""; position:absolute; width:6px; height:6px; background:#ACB7D6; border-radius:50%; left:0; top:12px;}

.funBox .bd dl {padding-top: 3%;}
.funBox .bd dl dt { font-weight:bold; font-size:18px; line-height:36px; }
.funBox .bd dl dd {font-size: 14px;line-height: 2em;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: 14px;line-height: 1.5em;margin-bottom: 3%;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: 85%;padding: 5%;background-color: #ffffff;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);border-radius: 5px;z-index: 10;top: 10%;margin: auto;left: 0;right: 0;display: none;}
.tq_box .tq_title{font-size: 20px;line-height: 24px;color: #000000;font-weight: 900;margin-bottom: 3%;}
.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;}