@charset "utf-8";
#content { padding: 0px;}
body .wrap{margin: 0 auto;background:#ffffff;}
.productSpecial-userCenter { overflow: hidden}
#content.special-content { padding: 0px; background:#ffffff}

/*  头部 */
.special-header { height: 400px; background:linear-gradient(to right, #0B44C7, #186BEB);  position: relative; z-index: auto; margin: 0 auto; overflow: hidden;padding-top: 50px;}
.special-header .special-bubble-1{width:900px; height:900px; border-radius:50%; position:absolute; background:#fff; opacity:0.05; right:60%; top:calc(50% - 450px)}
.special-header .special-bubble-2{width:80px; height:80px; border-radius:50%; position:absolute; background:#fff; opacity:0.05; right:38%;top:5%;}
.special-header .special-bubble-3{width:30px; height:30px; border-radius:50%; position:absolute; background:#fff; opacity:0.05; right:25%; top:20%;}
.special-header .special-bubble-4{width:30px; height:30px; border-radius:50%; position:absolute; background:#fff; opacity:0.05; right:28%; bottom:5%;}
.special-header .siteWidth { height: 400px; position: relative; z-index: 5; width: 100%; max-width: 100%;}
.special-header .special-h1{font-weight:bold;color:#fff;position:absolute; left: 0; right:0; padding:0 20px; font-size:36px; text-align:center; top:60px; letter-spacing: 0.1em; z-index:13; text-shadow:0 4px 2px rgba(0,0,0,0.25)}
.special-header .special-h2{font-size: 18px;color: #fff;line-height: 1.8;position: absolute; left: 15px; top: 130px; right:15px; text-align: center;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6); text-wrap: balance;  animation-delay:1s; z-index:13;}
.special-header .special-pic{width:50%;height:auto; position:absolute; bottom:20px; left:25%;}
.special-header .special-pic img{width:100%; height:auto;}

/* special-intro */
.special-intro{padding:20px 0; background:linear-gradient(to bottom, #ffffff, #EAF6FF); position:relative; z-index:1;   }
.special-intro .siteWidth{display:block; padding:0 15px; overflow:hidden; }
.special-intro .siteWidth .pic{width:90px; float:left; margin-right:15px; }
.special-intro .siteWidth .con{font-size:16px; line-height:2; text-indent:2em}

/* column */
.column{padding:30px 15px;}
.column .cHd{height:60px; position:relative; margin-bottom:20px; text-align:center;}
.column .cHd h3{height:36px; line-height:36px; font-size:24px; font-weight:bold; text-align:center; display:inline-block; color:#1051D2; position:relative; padding: 0 30px 15px; z-index:0;}
.column .cHd h3::before{content:""; display:block; position:absolute; width:19px; height:19px; background:linear-gradient(to bottom, rgba(21,225,176,0.4), rgba(21,96,225,0)); border-radius:50%; right:22px; top:-3px; z-index:-1;}
.column .cHd h3::after{content:""; display:block; position:absolute; left:0px; bottom:0px; right:0px; height:2px; background:linear-gradient(to right, #1051D2, #00BC84); }

/* columnA */
#columnA{ background:url(../img/bg-01.jpg) 50% 50% no-repeat; background-size:cover; box-sizing:border-box}
#columnA .list{}
#columnA .list li{padding:30px 20px 20px; box-sizing:border-box; border:1px solid #DBE7F8; border-radius:10px; background:rgba(255,255,255,0.5); position:relative; transition:0.5s; margin-bottom:20px;}
#columnA .list li:hover{border-color:#bdd2f1; background:#fff; box-shadow:0 0 4px rgba(0,98,217,0.3)}
#columnA .list li::before{content:""; display:block; width:3px; height:20px; background:linear-gradient(to bottom, #4192FD, #1666E6); position:absolute; left:-1px; top:30px;}
#columnA .list li .num{width:80px; height:80px; line-height:80px; font-size:60px; font-family:Impact; text-align:left; color:#000000; opacity:0.05; left:40px; top:0px; position:absolute; z-index:0;}
#columnA .list li .intro{font-size:16px; line-height:2; color:#444444; text-indent:2em; position:relative; z-index:1; text-align:justify;}

/* columnB */
#columnB{background:#fff;}
#columnB .cBd{padding:30px 15px; background:#F9FBFF; border:1px solid #DEECFF; border-radius:8px;  }
#columnB .cBd .pic{ width:75%; margin:30px auto 0;}
#columnB .cBd .pic img{width:100%; height:auto;}
#columnB .cBd .intro{font-size:16px; line-height:2}
#columnB .cBd .intro p{text-indent:2em; margin-top:1em;}
#columnB .cBd .intro p:first-child{margin-top:0;}

/* columnC */
#columnC{background:#fff;}
#columnC .cBd{padding:30px 15px; border-radius:15px; background:linear-gradient(to bottom, #004FB9, #00BFE9); position:relative; z-index:0;}
#columnC .cBd::after{content:""; display:block; left:2px; top:0px; bottom:0px; right:0px; background:linear-gradient(to right, #F4F9FF, #fff); position:absolute; border-radius:15px 0 0 15px; z-index:0;}
#columnC .cBd .intro{position:relative; z-index:1; font-size:16px; line-height:2;}
#columnC .cBd .intro p{text-indent:2em; margin-top:1em;}
#columnC .cBd .intro p:first-child{margin-top:0;}
#columnC .cBd .pic{width:75%; height:auto; z-index:3; margin:0 auto; position:relative;}
#columnC .cBd .pic img{width:100%; height:auto;}

/* columnD */
#columnD{background:url(../img/bg-02.jpg) 50% 50% no-repeat; background-size:cover;}
#columnD .cBd{display:flex; flex-direction:column; align-items:center; }
#columnD .cBd .pic{width:75%; order:2; margin-top:30px;}
#columnD .cBd .pic img{width:100%; height:auto;}
#columnD .cBd .intro{position:relative; z-index:1; font-size:16px; line-height:2;}
#columnD .cBd .intro p{text-indent:2em; margin-top:1em;}
#columnD .cBd .intro p:first-child{margin-top:0;}



/* 相关技术支撑功能模块 */
#technicalSupport {overflow: hidden; background:#ffffff; position:relative; z-index:3}
#technicalSupport .row{margin:0 auto;}
#technicalSupport .rowTi{height:60px; position:relative; margin-bottom:20px; text-align:center; padding:0}
#technicalSupport .rowTi h2{height:36px; line-height:36px; text-align:center; display:inline-block; color:#1051D2; position:relative; padding: 0 30px 15px; z-index:0;}
#technicalSupport .rowTi h2::before{content:""; display:block; position:absolute; width:19px; height:19px; background:linear-gradient(to bottom, rgba(21,225,176,0.4), rgba(21,96,225,0)); border-radius:50%; right:22px; top:-3px; z-index:-1;}
#technicalSupport .rowTi h2::after{content:""; display:block; position:absolute; left:0px; bottom:0px; right:0px; height:2px; background:linear-gradient(to right, #1051D2, #00BC84); }

.techSupportList { padding: 0 10px;}
.lxss { margin: 0; padding: 20px 10px; display: flex; align-items: center; justify-content: center;}
.lxss a { float: none; width: auto; padding: 0px 20px 0px 50px; margin: 0 10px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 14px; display: block; text-indent: 0px; background-size: 20px auto; background-position: 20px center; background-color: #22468C}
.lxss a.sq { text-indent: 0px; background-size: 20px auto; background-position: 20px center; background-color: #22468C}
.lxss a, .lxss a.sq { background-color: #1D6CB6}
.lxss a:hover { background-color: #048DDE}

/* 长者版 */
.logo-box { position: absolute; top: 31px; z-index: 2; display: none; height: 50px; align-items: center; justify-content: space-between;}
.logo-box .logo { display: block; width: 300px; height: 50px;}
.logo-box .logo img { height: 100%; width: auto;}
.logo-box .links { height: 36px; min-width: 0; flex: 1 0 0%;}
.logo-box .links a { height: 36px; background:rgba(0,0,0,0.37); border-radius: 18px; line-height: 36px; text-align: center; color: #ffffff; font-size: 16px; float: left; padding: 0 1.5em; box-shadow: 0 4px 4px rgb(0 0 0 / 25%); margin-left: 10px; box-sizing: content-box;}
.special-header .links a:hover { background-color:rgba(0,0,0,0.6);}
.body_webFree #header, .body_webFree .pageBanner { display: none;}
.body_webFree .pageBanner { display: none;}
.body_webFree .logo-box { zoom: 1.4; display: flex;}
.body_webFree .logo-box .links { position: relative; right: -54px;}
.body_webFree .special-header { height:auto }
.body_webFree .special-header .siteWidth{ height: 800px; width:1200px; margin:0 auto; }
.body_webFree .special-header .special-bubble-1{width:1800px; height:1800px; border-radius:50%; left:-1180px; top:-520px; right:auto;}
.body_webFree .special-header .special-bubble-2{width:172px; height:172px; border-radius:50%; left:652px;top:15px; right:auto;}
.body_webFree .special-header .special-bubble-3{width:60px; height:60px; border-radius:50%; left:920px; top:158px; right:auto;}
.body_webFree .special-header .special-bubble-4{width:60px; height:60px; border-radius:50%; left:672px; bottom:22px; right:auto;}
.body_webFree .special-header .special-h1{font-size:80px; line-height:106px; height:106px; left:0px; top:295px; right:0; text-align:left; padding:0}
.body_webFree .special-header .special-h2{ font-size:32px; line-height:1.6; left:0px; top:420px; right:0; text-align:left;  }
.body_webFree .special-header .special-pic{width:400px; left:auto; right:10px; bottom:auto; top:250px; z-index:12;}
.body_webFree .special-header .special-pic img{width:100%; height:auto;}
.body_webFree .special-intro .siteWidth{padding:30px 0; width:500px; margin:0 auto; zoom:2.4}