@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-SupplyDemand{overflow:hidden;}

/* 头部 */
.special-header{position:relative; z-index:10; max-width:1920px; margin:0 auto; overflow:hidden; background:url(../img/banner.jpg) 50% 50% no-repeat #375CC6; background-size:cover;}
.special-header .siteWidth{ height: 680px; position:relative; z-index:5}
.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; text-align: center; background:none; border:1px solid #fff; color: #fff;font-size: 16px; float:left; padding:0 23px; margin-left:10px; box-sizing:content-box; }
.special-header .links a:hover {background-color:rgba(255,255,255,0.2);  }
.special-header .special-h1{font-size:92px; line-height:1.6; font-weight:bold; color:#fff; position:absolute; left:0px; top:250px; right:0; letter-spacing: 0.1em; text-shadow:0 0 4px rgba(0,0,0,0.15); text-align:center;}
.special-header .special-h2{ font-size:18px; line-height:1.6; color:#fff; position:absolute; left:0px; top:400px; right:0; text-align:center;  }

/* special-intro */
.special-intro{padding:50px 0; background:#fff; position:relative; z-index:9; box-shadow:0 15px 45px rgba(0,101,213,0.08);}
.special-intro .siteWidth{display:flex; align-items:center}
.special-intro .siteWidth .pic{width:400px; margin-right:50px; flex-shrink:0;}
.special-intro .siteWidth .con{font-size:20px; line-height:2.4; text-indent:2em}

/* column */
.column{padding:70px 0px 103px;}
.column .cHd{height:93px; position:relative; margin-bottom:50px;}
.column .cHd h3{height:92px; line-height:92px; font-size:40px; font-weight:bold; text-align:center; box-sizing:content-box; border-bottom:1px solid #dddddd; width:500px; 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:78px; height:5px; position:absolute; bottom:-3px; left:211px; background: linear-gradient(to right, #569DFF, #2C5EFF); border-radius:3px;}
.column .cHd .num{font-size:150px; height:150px; line-height:150px; width:300px; font-weight:bold; position:absolute; top:-50px; left:calc(50% - 150px); text-align:center; z-index:0; color:transparent; background: linear-gradient(to bottom, #284CBF, #ECF4FF); background-clip: text; opacity:0.05 }

/* 产品优势 */
#columnA{background:#F4F8FD; z-index:8; box-shadow:0 15px 45px rgba(0,101,213,0.12); position:relative}
.advantageList{display:flex; flex-wrap:wrap; justify-content:space-between}
.advantageList li{width:325px; height:484px; box-sizing:border-box; padding:30px; background:#fff; border-radius:20px; margin-bottom:38px; 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:100px; height:100px; margin:0 auto 30px; background:linear-gradient(68deg, #569DFF, #2C5EFF); border-radius:50%;}
.advantageList li .icon i{width:100px; height:100px; display:block; background:url(../img/icon-01.png) 50% 50% no-repeat;}
.advantageList li .title{font-size:24px; font-weight:bold; text-align:center; margin-bottom:20px;}
.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.li5,
.advantageList li.li6,
.advantageList li.li7{width:445px; margin-bottom:0; height:500px;}
.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 15px 45px rgba(0,101,213,0.08); position:relative }

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

/* gnList */
.gnList li{margin-bottom:25px;}
.gnList li:last-child{margin-bottom:0;}
.gnList li .title{height:60px;line-height:60px;padding-left:40px;font-size:24px;font-weight:bold; background: url(../img/icon-08.png) 0px 14px no-repeat; border-bottom:1px solid #C1D5ED}
.gnList li .con{padding:15px 8px 0px; font-size:16px; line-height:30px; padding-top:15px;}
.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 {padding:50px 0 30px;overflow: hidden; background:#F8F9FF; position:relative; z-index:3}
#technicalSupport .row{width:1400px; margin:0 auto;}
.rowTi{height:auto; margin-bottom:50px; line-height:auto;}
.rowTi h2{height:92px; line-height:92px; font-size:40px; font-weight:bold; text-align:center; box-sizing:content-box; border-bottom:1px solid #dddddd; width:500px; 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:78px; height:5px; position:absolute; bottom:-3px; left:211px; background: linear-gradient(to right, #569DFF, #2C5EFF); border-radius:3px;}


.techSupportList li{position:relative; border-radius: 28px; 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, #569DFF, #2C5EFF); 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}