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

/*  头部 */
.special-header { height: 400px; background:url(../img/banner.jpg) 50% 0px no-repeat ; background-size: cover; position: relative; z-index: 1; margin: 0 auto; overflow: hidden;}
.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;}
.special-header .special-h2{font-size: 18px;color: #fff;line-height: 1.8;position: absolute; left: 0; top: 130px; width: 100%; text-align: center;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6); text-wrap: balance;  animation-delay:1s; }
.special-header .special-icon{width:200px; height:124px; position:absolute; left:calc(50% - 100px); bottom:0; background:url(../img/banner-pic.png) 50% 50% no-repeat; background-size:100% auto; }

@media (max-width: 370px) {
    .special-header .special-h1{font-size:30px}
}


/* special-intro */
.special-intro{padding:30px 0; background:#fff; position:relative; z-index:5; box-shadow:0 10px 20px rgba(0,101,213,0.08);}
.special-intro .siteWidth{display:flex; flex-wrap:wrap; padding:0 15px; align-items:center; justify-content:center; }
.special-intro .siteWidth .pic{width:75%; flex-shrink:0; order:2; margin-top:20px;}
.special-intro .siteWidth .con{font-size:16px; line-height:2; text-indent:2em}

/* column */
.column{padding:30px 0px;}
.column .cHd{height:60px; position:relative; margin-bottom:20px;}
.column .cHd h3{height:60px; line-height:60px; font-size:24px; font-weight:bold; text-align:center; box-sizing:content-box; border-bottom:1px solid #dddddd; width:75%; margin:0 auto; color:transparent; background: linear-gradient(95deg, #569DFF, #2C5EFF); background-clip: text; position:relative; z-index:1}
.column .cHd h3::after{content:""; display:block; width:40px; height:3px; position:absolute; bottom:-2px; left:calc(50% - 20px); background: linear-gradient(to right, #569DFF, #2C5EFF); border-radius:2px;}
.column .cHd .num{font-size:80px; height:80px; line-height:80px; width:75%; font-weight:bold; position:absolute; top:-25px; left:12.5%; text-align:center; z-index:0; color:transparent; background: linear-gradient(to bottom, #284CBF, #ECF4FF); background-clip: text; opacity:0.05 }
.column .cBd{padding:0 15px;}

/* 产品优势 */
#columnA{background:#F4F8FD; z-index:8; box-shadow:0 10px 20px rgba(0,101,213,0.12); position:relative}
#columnA .cBd{padding:0 15px;}
.advantageList{}
.advantageList li{width:100%; height:100%; box-sizing:border-box; padding:30px 15px; background:#fff; border-radius:20px; margin-bottom:20px; transition:0.5s; position:relative; top:0; box-shadow:0 0 10px rgba(0,0,0,0) }
.advantageList li:hover{top:-10px; box-shadow:0 0 10px rgba(0,0,0,0.2) }
.advantageList li .icon{width:60px; height:60px; margin:0 auto 15px; background:linear-gradient(68deg, #569DFF, #2C5EFF); border-radius:50%;}
.advantageList li .icon i{width:60px; height:60px; display:block; background:url(../img/icon-01.png) 50% 50% no-repeat; background-size:50% auto;}
.advantageList li .title{font-size:18px; font-weight:bold; text-align:center; margin-bottom:10px;}
.advantageList li .intro{font-size:16px; line-height:2; color:#666666;  text-align:justify;}
.advantageList li .intro p{text-indent:2em; margin-top:10px;}
.advantageList li .intro p:first-child{margin-top:0;}

.advantageList li.li2 .icon i{background-image:url(../img/icon-02.png);}
.advantageList li.li3 .icon i{background-image:url(../img/icon-03.png);}
.advantageList li.li4 .icon i{background-image:url(../img/icon-04.png);}
.advantageList li.li5 .icon i{background-image:url(../img/icon-05.png);}
.advantageList li.li6 .icon i{background-image:url(../img/icon-06.png);}
.advantageList li.li7 .icon i{background-image:url(../img/icon-07.png);}

/* 功能清单 */
#columnB{background:#ffffff; z-index:7; box-shadow:0 10px 20px rgba(0,101,213,0.08); position:relative }

/* indBox */
.indBox .hd ul{display:flex; height:40px; overflow:hidden; justify-content:center}
.indBox .hd ul li{width:100px; height:40px; line-height:40px; text-align:center; font-size:20px; background:linear-gradient(to bottom, #EDF5FF, #D1DCFE); border-radius:10px 10px 0 0; margin:0 5px; color:#333333; font-weight:bold; cursor:pointer;}
.indBox .hd ul li.on{background:linear-gradient(to bottom, #2C5EFF, #569DFF); color:#fff;}
.indBox .bd{padding:20px; background:#fff; box-shadow:0 0 12px rgba(49,101,255,0.2); border-radius:10px; }

/* gnList */
.gnList li{margin-bottom:15px;}
.gnList li:last-child{margin-bottom:0;}
.gnList li .title{height:40px;line-height:40px;padding-left: 32px;font-size:18px;font-weight:bold;background: url(../img/icon-08.png) 0px 10px no-repeat;background-size:22px auto;border-bottom:1px solid #C1D5ED}
.gnList li .con{font-size:16px; line-height:30px; padding-top:10px;}
.gnList li .con p{padding:0px; margin:0px; font-size:16px; line-height:30px; margin-top:10px; text-indent:2em}
.gnList li .con p:first-child{margin-top:0px;}
.gnList li.li2 .title{background-image:url(../img/icon-09.png);}
.gnList li.li3 .title{background-image:url(../img/icon-10.png);}
.gnList li.li4 .title{background-image:url(../img/icon-11.png);}
.gnList li.li5 .title{background-image:url(../img/icon-12.png);}
.gnList li.li6 .title{background-image:url(../img/icon-13.png);}
.gnList li.li7 .title{background-image:url(../img/icon-14.png);}
.gnList li.li8 .title{background-image:url(../img/icon-15.png);}
.gnList li.li9 .title{background-image:url(../img/icon-16.png);}
.gnList li.li10 .title{background-image:url(../img/icon-17.png);}

/* 相关技术支撑功能模块 */
#technicalSupport {overflow: hidden; background:#F8F9FF; position:relative; z-index:3}
#technicalSupport .row{margin:0 auto;}
.rowTi{height:auto; margin-bottom:20px; line-height:auto;}
.rowTi h2{height:60px; line-height:60px; font-size:24px; font-weight:bold; text-align:center; box-sizing:content-box; border-bottom:1px solid #dddddd; width:75%; margin:0 auto; color:transparent; background: linear-gradient(95deg, #569DFF, #2C5EFF); background-clip: text; position:relative; z-index:1}
.rowTi h2::after{content:""; display:block; width:40px; height:3px; position:absolute; bottom:-2px; left:calc(50% - 20px); background: linear-gradient(to right, #569DFF, #2C5EFF); border-radius:2px;}

.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-color:rgba(59,108,228,0.4); 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(59,108,228,1);}
.body_webFree #header, .body_webFree .pageBanner { display: none;}
.body_webFree .productSpecial-certificate{background:url(../img/banner.jpg) 50% 0% no-repeat;}
.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: 760px; z-index: 1; max-width: 1920px; margin: 0 auto;}
.body_webFree .special-header .siteWidth{height: 760px;}
.body_webFree .special-header .special-h1{font-size:90px; line-height:1.6; font-weight:bold; color:#fff; position:absolute; left:0px; top:200px; right:0; letter-spacing: 0.1em; text-shadow:0 0 18px rgba(12,12,12,0.16); text-align:center;}
.body_webFree .special-header .special-h2{ font-size:30px; line-height:1.5; color:#fff; position:absolute; left:0px; top:370px; right:0; text-align:center; }
.body_webFree .special-intro{zoom: 2.4;max-width:500px; margin:0 auto }