@charset "utf-8";

body{font-weight:400; min-width:1400px; }
body .wrap{margin: 0 auto;background:#ffffff;}
#header { display: none;}
.siteWidth{max-width:1400px; margin:0 auto;}
.productSpecial-userCenter{overflow:hidden;}
#top .inner .fr{height:40px; overflow:hidden}

/* 头部 */
.special-header{position:relative; z-index:auto; margin:0 auto; overflow:hidden; background:linear-gradient(to right, #0B44C7, #186BEB);}
.special-header .special-bubble-1{width:1800px; height:1800px; border-radius:50%; position:absolute; background:#fff; opacity:0.05; left:-1180px; top:-520px}
.special-header .special-bubble-2{width:172px; height:172px; border-radius:50%; position:absolute; background:#fff; opacity:0.05; left:652px;top:15px;}
.special-header .special-bubble-3{width:60px; height:60px; border-radius:50%; position:absolute; background:#fff; opacity:0.05; left:920px; top:158px;}
.special-header .special-bubble-4{width:60px; height:60px; border-radius:50%; position:absolute; background:#fff; opacity:0.05; left:672px; bottom:22px;}
.special-header .siteWidth{ height: 800px; position:relative; z-index:auto;}
.special-header .logo{position:absolute; left:0px; top:41px; height:50px;}
.special-header .logo img{max-height:50px; width:auto;}
.special-header .links {height: 36px;position: absolute;top: 48px; right: 0;}
.special-header .links a { height:34px; border-radius: 18px;line-height: 34px; border:1px solid #fff; text-align: center; background-color:#transparent; color: #fff;font-size: 16px; float:left; padding:0 1.5em; box-shadow: 0 2px 4px rgb(0 0 0 / 15%); margin-left:10px; box-sizing:content-box; }
.special-header .links a:hover {background-color:#ffffff; color:#1258D9; }
.special-header .special-h1{font-size:80px; line-height:106px; height:106px; font-weight:bold; color:#fff; position:absolute; left:0px; top:295px; right:0; text-align:left; text-shadow:0 4px 2px rgba(0,0,0,0.25)}
.special-header .special-h2{ font-size:18px; line-height:1.6; color:#fff; position:absolute; left:0px; top:416px; right:0; text-align:left;  }
.special-header .special-pic{width:590px; height:auto; position: absolute; right:10px; top:150px; z-index:12;}
.special-header .special-pic img{width:100%; height:auto;}

/* special-intro */
.special-intro{padding:30px 0px; background:linear-gradient(to bottom, #ffffff, #EAF6FF); position:relative; z-index:1; box-sizing:border-box;  }
.special-intro .siteWidth{display:flex; align-items:center}
.special-intro .siteWidth .pic{width:200px; margin-right:55px; flex-shrink:0;}
.special-intro .siteWidth .con{font-size:18px; line-height:40px; text-indent:2em;}

/* column */
.column{padding:50px 0px;}
.column .cHd{height:90px; position:relative; margin-bottom:40px; text-align:center;}
.column .cHd h3{height:54px; line-height:54px; font-size:40px; font-weight:bold; text-align:center; display:inline-block; color:#1051D2; position:relative; padding: 0 50px 30px; z-index:0;}
.column .cHd h3::before{content:""; display:block; position:absolute; width:38px; height:38px; background:linear-gradient(to bottom, rgba(21,225,176,0.4), rgba(21,96,225,0)); border-radius:50%; right:37px; top:-6px; 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{min-height:704px; background:url(../img/bg-01.jpg) 50% 50% no-repeat; background-size:cover; box-sizing:border-box}
#columnA .list{display:grid; grid: 'li1 li3' 'li2 li3' 'li4 li4'; grid-gap: 20px;}
#columnA .list li{padding:40px; box-sizing:border-box; border:1px solid #DBE7F8; border-radius:10px; background:rgba(255,255,255,0.5); position:relative; transition:0.5s}
#columnA .list li:hover{border-color:#bdd2f1; background:#fff; box-shadow:0 0 8px rgba(0,98,217,0.3)}
#columnA .list li::before{content:""; display:block; width:3px; height:30px; background:linear-gradient(to bottom, #4192FD, #1666E6); position:absolute; left:-1px; top:40px;}
#columnA .list li .num{width:100px; height:110px; line-height:110px; font-size:90px; 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}
#columnA .list li.li1{grid-area:li1;}
#columnA .list li.li2{grid-area:li2;}
#columnA .list li.li3{grid-area:li3;}
#columnA .list li.li4{grid-area:li4;}

/* columnB */
#columnB{background:#fff;}
#columnB .cBd{padding:30px 40px; background:#F9FBFF; border:1px solid #DEECFF; border-radius:15px; display:flex; align-items:center;}
#columnB .cBd .pic{flex-shrink:0; margin-left:110px; width:441px;}
#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:40px; 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; width:1090px; 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{position:absolute; width:428px; height:auto; right:0px; bottom:105px; z-index:3;}
#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;justify-content: space-between; align-items:center; padding-right:50px}
#columnD .cBd .pic{width:588px; }
#columnD .cBd .pic img{width:100%; height:auto;}
#columnD .cBd .intro{position:relative; z-index:1; width:567px; 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 {padding:50px 0 30px; overflow: hidden; background:#ffffff; position:relative; z-index:3}
#technicalSupport .row{width:1400px; margin:0 auto;}
#technicalSupport .rowTi{height:90px; position:relative; margin-bottom:40px; text-align:center; padding:0}
#technicalSupport .rowTi h2{height:54px; line-height:54px; text-align:center; display:inline-block; color:#1051D2; position:relative; padding: 0 50px 30px; z-index:0;}
#technicalSupport .rowTi h2::before{content:""; display:block; position:absolute; width:38px; height:38px; background:linear-gradient(to bottom, rgba(21,225,176,0.4), rgba(21,96,225,0)); border-radius:50%; right:37px; top:-6px; 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 li{position:relative; border-radius: 10px; overflow:hidden}
.techSupportList li a{transition:0.5s; position:relative; z-index:1; background-color:#F8F9FA;}
.techSupportList li a:hover { background-color:#E8F2FF; color:#0062D9; }

.lxss{padding-top:0px;}
.lxss a,
.lxss a.sq{background-color:#2C5EFF}
.lxss a:hover{background-color:#569DFF}