@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-userManagement{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, #27C297, #347CA7);}
.special-header .siteWidth{ height: 862px; 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:36px; border-radius: 18px;line-height: 36px; text-align: center; background:rgba(0,0,0,0.37); border:none; color: #fff;font-size: 16px; float:left; padding:0 25px; margin-left:10px; box-sizing:content-box; box-shadow:0 6px 8px rgba(0,0,0,0.16) }
.special-header .links a:hover {background-color:rgba(0,0,0,0.6);  }
.special-header .special-h1{font-size:80px; line-height:106px; height:106px; font-weight:bold; color:#fff; position:absolute; left:0px; top:332px; right:0; text-align:left;}
.special-header .special-h2{ font-size:18px; line-height:1.6; color:#fff; position:absolute; left:0px; top:461px; right:0; text-align:left;  }
.special-header .special-pic-1{width:468px; height:639px; background:url(../img/banner-pic-1.png) 0 0 no-repeat; position: absolute; right:57px; bottom:49px; z-index:12;}
.special-header .special-pic-2{width:383px; height:542px; background:url(../img/banner-pic-2.png) 0 0 no-repeat; position: absolute; right:280px; bottom:136px; z-index:11;}

/* special-intro */
.special-intro{padding:60px 50px; background:#fff; position:relative; z-index:1; width:1400px; margin:0 auto; box-sizing:border-box; box-shadow:0 8px 26px rgba(0,0,0,0.05); border-radius:30px; margin-top:-88px}
.special-intro .siteWidth{display:flex; align-items:center}
.special-intro .siteWidth .pic{width:126px; margin-right:45px; flex-shrink:0;}
.special-intro .siteWidth .con{font-size:20px; line-height:1.7; text-indent:2em;}

/* column */
.column{padding:60px 0px 103px;}
.column .cHd{height:64px; position:relative; margin-bottom:55px; display:flex; justify-content:center; align-items:center}
.column .cHd h3{height:64px; line-height:64px; font-size:48px; font-weight:bold; text-align:center; box-sizing:content-box; color:transparent; background: linear-gradient(95deg, #27C297, #347CA7); background-clip: text; z-index:1; margin-left:20px; margin-right:20px;}
.column .cHd .line-left-1,
.column .cHd .line-right-1{width:10px; height:26px; position:relative; transform:skewX(160deg); top:2px;}
.column .cHd .line-left-1::after,
.column .cHd .line-right-1::after{content:""; display:block; position:absolute; left:0; bottom:0px; width:10px; height:18px; background:#27BF98; }
.column .cHd .line-left-1::before,
.column .cHd .line-right-1::before{content:""; display:block; position:absolute; left:0; top:0px; width:10px; height:5px; background:#4CB5EF;}
.column .cHd .line-left-2,
.column .cHd .line-right-2{width:10px; height:22px; position:relative; background:#337EA6; margin:0 10px; transform:skewX(160deg);}
.column .cHd .line-left-3,
.column .cHd .line-right-3{display:block; width:200px; height:8px; background:url(../img/line-bg-left.png) 0 0 no-repeat; margin-right:10px;}
.column .cHd .line-right-1{top:auto; bottom:2px;}
.column .cHd .line-right-1::before{height:18px; background:#27BF98;}
.column .cHd .line-right-1::after{height:5px; background:#4CB5EF}
.column .cHd .line-right-3{margin-right:0; margin-left:10px; background-image:url(../img/line-bg-right.png)}

/* gnList */
.gnList > li{padding:54px 0; position:relative; background:url(../img/gnlist-bg.png) 50% 0% no-repeat; display:flex; align-items:center;}
.gnList > li .pic{width:563px; flex-shrink:0; margin-right:55px;}
.gnList > li .con{flex-grow:1; padding-right:15px;}
.gnList > li .con .title{height:32px; line-height:32px; font-size:24px; font-weight:bold; margin-bottom:20px;}
.gnList > li .con li{font-size:16px; line-height:2; padding-left:20px; margin-bottom:15px; position:relative; color:#666666}
.gnList > li .con li::before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#666666;position:absolute;left: 5px;top:calc(1em - 3px);}
.gnList > li .con li:last-child{margin-bottom:0;}
.gnList > li:nth-child(even) .pic{order:2}


/* 相关技术支撑功能模块 */
#technicalSupport {padding:50px 0 30px; overflow: hidden; background:#F8F9FF; position:relative; z-index:3}
#technicalSupport .row{width:1400px; margin:0 auto;}

.techSupportList li{position:relative; border-radius: 10px; background:#fff; overflow:hidden}
.techSupportList li a{transition:0.5s; position:relative; z-index:1; background-color:transparent;}
.techSupportList li::before{content:""; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:linear-gradient(to right, #5C98EE, #4F77E4); z-index:0; opacity:0; transition:0.5s }
.techSupportList li a:hover { background-color:transparent; color:#fff; }
.techSupportList li:hover::before{opacity:1}

.lxss a,
.lxss a.sq{background-color:#2C5EFF}
.lxss a:hover{background-color:#569DFF}

