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

/*  头部 */
.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;padding-top: 50px;}
.special-header .siteWidth { height: 400px; position: relative; z-index: 5; width: 100%; max-width: 100%; box-sizing:border-box; padding-top:30px;}
.special-header .special-header-title_en{text-align:center; font-size:26px; font-weight:bold; color:#fff; height:40px; line-height:40px; text-shadow:0 2px 2px rgba(0,0,0,0.25); }
.special-header .special-header-title_cn {
  text-align:center;
  font-size: 32px;
  font-weight:bold;
  color:#fff;
  height: 56px;
  line-height: 56px;
  background:linear-gradient(to bottom,#fff,#fff, #99FFBE);
  filter: drop-shadow( 0 2px 6px rgba(0,0,0,0.25));
  /* 使文字不可选中 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* 使用透明度来实现文字渐变效果 */
  color: transparent;
  /* 使用背景色填充文字 */
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  background-clip: text;
}
.special-header .special-header-slogan{margin:0 auto;font-size:16px;line-height:32px;color:#fff;text-align:center; padding:0 15px}

.special-intro{box-sizing:border-box;margin-top: -140px;margin-bottom:40px;}
.special-intro .con{border-radius:10px;box-shadow: 0 10px 20px rgb(38 175 108 / 10%);font-size: 16px;line-height:2;text-indent: 1.5em;width: auto;padding: 10px;margin: 10px;text-align:justify;position:relative;z-index:3;background: #fff;color: #666;}
.special-intro:after {content:"";height:13px;background:#4DD693;width: 96vw;position:absolute;border-radius:20px;border: 2vw solid #26AF6C;margin-top: -24px;z-index:2;}

/* indTabBox */
.indTabBox .tHd{margin-bottom:20px;}
.indTabBox .tHd ul{display:block; display:flex; height:42px;border-radius:21px; border:1px solid #eee }
.indTabBox .tHd ul li{width:250px; text-align:center; font-size:16px; line-height:42px; height:42px; font-weight:bold; color:#006342; cursor:pointer;  }
.indTabBox .tHd ul li a{color:#006342}
.indTabBox .tHd ul li.on{color:#fff; background:linear-gradient(to right, #6CB75A, #0FAB77); border-radius:21px;}

/* row-arrow-down */
.row-arrow-down{width:31px;height:31px;position:absolute;bottom: 40px;left:calc(50% - 15px);border:1px dashed #059B68;border-radius:50%;box-sizing:border-box;display: none;}
.row-arrow-down::before{content:""; display:block; width:1px; height:40px; background:#059B68; position:absolute; top:15px;; left:14px;}
.row-arrow-down::after{content:""; display:block; width:0px; height:0px; border:5px solid transparent; border-top-color:#059B68; border-bottom:none; position:absolute; left:9px; top:52px}


/* cBox */
.cBox .cHd{line-height:32px;padding: 0 0px 10px;border-bottom: 1px solid #DCEEEB;margin-bottom: 20px;position:relative;text-align:center;}
.cBox .cHd h3{text-align:center;font-size: 24px;font-weight:bold;position:relative;display:inline-block;}
.cBox .cHd::after{content:"";display:block;width:56px;height: 5px;background:linear-gradient( to bottom, #53D382, #09C8A7);border-radius:5px;position:absolute;bottom: -3px;left:calc(50% - 28px);}
.cBox .cHd h3::before{content:"";display:block; width:33px; height:18px; background:url(../img/rowtiico.png) no-repeat; position:absolute; right:-53px; top:20%; transform:rotate(180deg)}
.cBox .cHd h3::after{content:"";display:block; width:33px; height:18px; background:url(../img/rowtiico.png) no-repeat; position:absolute; left:-53px; top:20%; }
.cBox .siteWidth>.intro {font-size: 16px;line-height: 30px;text-indent: 2em;padding: 10px 0 20px;}

.cBox .shd {text-align:center;margin-bottom: 20px;}
.cBox .shd h3 {font-size: 20px;font-weight:bold;height:40px;line-height:40px;display:inline-block;position:relative;}
.cBox .shd label {color:#666;font-size: 14px;clear:both;display:block;}
.cBox .shd h3:after,
.cBox .shd h3:before { position:absolute; left:-60px; top:45%; border-radius:10px; display:block; content:""; width:50px; height:5px; background: linear-gradient(90deg, rgba(255, 187, 94, 0) 0%, #FFBB5E 100%);}
.cBox .shd h3:after { right:-60px; left:auto; background: linear-gradient(270deg, rgba(255, 187, 94, 0) 0%, #FFBB5E 100%)}

.question { margin-bottom:3%;}
.question .hd {border:5px solid #fe763a;border-radius:10px;margin: 80px 0 0;}
.question .hd h3 {margin: -75px auto 0px;border-radius:50%;background:url(../img/questionintrobg.png) no-repeat -20px -20px;height:140px;width:140px;height:45px;text-align:center;font-size:16px;color:#fff;font-weight:bold;padding-top:95px;}
.question .hd p { padding:10px; overflow:hidden; font-size:16px; color:#666; text-indent:2em; line-height:30px;}
.question .bd {border:1px solid #eee;border-top:0;padding: 10px;background: #fff;}
.question .sbd ul {}
.question .sbd li {transition:all 0.5s;position:relative;border-radius:10px;border:1px solid #eee;box-shadow:0 5px 10px rgb(0 0 0 / 5%);line-height: 1.5em;padding: 10px 10px 10px 30px;margin-bottom: 10px;font-size:16px;color:#666;}
.question .sbd li::before {transition:all 0.3s;position:absolute;left: 10px;top: 15px;content:"";display:block;width:12px;height:12px;background:url(../img/qusicon.png) no-repeat;}
.question .sbd li:hover::before { transform:scale(-1,1); }
.question .sbd li:nth-child(2n) { background:#f9f9f9;  }
.question .sbd li:hover { transform:translateY(-5px); background:#fff;}
.question .tips {font-size:16px;line-height: 2em;text-align:center;padding-top:10px;}
.question .tips p { margin-bottom:1em;}
.question .tips a { color:#f00; font-weight:bold;}

.answer .hd { border:5px solid #28b26e; border-radius:10px; margin:100px 0 0; }
.answer .hd h3 {margin: -75px auto 0px;border-radius:50%;background:url(../img/answerintrobg.png) no-repeat -20px -10px;height:140px;width:140px;height:45px;text-align:center;font-size:16px;color:#fff;font-weight:bold;padding-top:95px;}

.answer .hd p {padding: 10px;overflow:hidden;font-size:16px;color:#666;text-indent:2em;line-height:30px;}
.answer .bd {border:1px solid #eee;border-top:0;padding: 20px 10px;background: #fff;}
.answer .shd h3 { line-height:20px; max-width:280px}
.answer .sbd ul {display:flex;flex-wrap: wrap;justify-content: space-between;}
.answer .sbd li { transition:all 0.5s;position:relative;border-radius:10px;border:1px solid #eee; box-shadow:0 5px 10px rgb(0 0 0 / 5%); flex: 1;flex-basis: 44%;max-width: 44%;height: 48px;line-height: 24px;padding: 26px 2% 26px 3%;margin-bottom:20px;font-size:16px;color:#666;}
.answer .sbd li::before { transition:all 0.3s; position:absolute;left:20px;top: 31px;content:"";display:block;width:12px;height:12px;background:url(../img/qusicon.png) no-repeat;}
.answer .sbd li:hover::before { transform:scale(-1,1); }
.answer .sbd li:nth-child(4n+3),
.answer .sbd li:nth-child(4n+4) { background:#f9f9f9;  }
.answer .sbd li:hover { transform:translateY(-5px); background:#fff;}
.answer .shd h3:after,
.answer .shd h3:before { background: linear-gradient(90deg, rgba(38, 175, 108, 0) 0%, #26AF6C 100%); }
.answer .shd h3:after { background: linear-gradient(270deg, rgba(38, 175, 108, 0) 0%, #26AF6C 100%); }

.answer .sbd {}
.answer .sbd .sbox {position:relative;border:1px solid #eee;overflow:hidden;padding: 40px 20px 0px;height: auto;line-height:24px;font-size:16px;border-radius:10px;box-shadow: 0px 5px 10px 0px #0000000D;margin-bottom: 10px;}
.answer .sbd .sbox h3 { position:absolute; top:0; left:0; height:34px; line-height:34px; background: linear-gradient(90deg, #26AF6C 0%, #38C781 100%); border-radius:10px 0; padding:0 10px; color:#fff; font-weight:400}
.answer .sbd .sbox dt {height:24px;font-weight:bold;font-size: 18px;margin-block:10px;}
.answer .sbd .sbox dd {text-indent:2em;color:#666;margin-bottom: 20px;}

#cBox_0 {background: linear-gradient(180deg, rgba(30, 145, 104, 0) 0%, rgba(30, 145, 104, 0.05) 100%);margin-bottom: 20px;}
#cBox_0 .cBd {background:url(../img/box0bg.png) no-repeat bottom;padding: 10px;}
.row-intro{ text-align:left; text-indent:2em; margin-bottom:20px;}

/* cBox_1 */
#cBox_1 .row-1{padding-bottom: 10px;position:relative;}
#cBox_1 .row-1 .row-intro{ text-align:left; text-indent:2em; margin-bottom:20px;}

/* cBox_1 - row-2 */
#cBox_1 .row-2{background:#F8FAFA;padding-bottom: 20px;padding-top:20px;position:relative}

/* cBox_1 - row-3 */
#cBox_1 .solution-attackTesting { background: url(../img/solution-attackTesting-bg.jpg) 50% 50% no-repeat;}
#cBox_1 .solution-securityLevel .sRow-card::before { background: linear-gradient(82.07deg, #26AF6C 2.04%, #249682 96.67%);}
#cBox_1  .solution-securityLevel .sRow-card .sRow-card_right { color: #26AF6C; }

/* cBox_1 - row-4 */
#cBox_1 .row-4{position:relative;padding-bottom: 10px;padding-top:20px;}

/* cBox_1 - row-5 */
#cBox_1 .row-5{padding-bottom:30px;margin-top: -40px;}
#cBox_8,#jcyy,#cBox_10 .cBd{margin-bottom:30px;}

/* cBox_1 - row-6 */
#cBox_1 .row-6{background: url(../img/row-6-bg.jpg) 50% top no-repeat;padding: 30px 3%;}
#cBox_1 .solution-safetyProtection {padding: 10px 0;}
#cBox_1 .solution-safetyProtection .protectionList {}
#cBox_1 .solution-defenseSystem .sRow-card::after,
#cBox_1 .solution-defenseSystem .sRow-card::before { display:none}
#cBox_1 .solution-defenseSystem .sRow-card {}
#cBox_1 .solution-safetyProtection .sRow-more{border: 1px solid #fff;width:360px; height:48px; line-height:48px; text-align:center; margin:0 auto 30px; overflow:hidden; border-radius:26px; position:relative;}
#cBox_1 .solution-safetyProtection .sRow-more::after{content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(to right, #6CB75A, #0FAB77); z-index:0; opacity:0; transition:0.5s; }
#cBox_1 .solution-safetyProtection .sRow-more a{display:block;height:56px;font-size:16px;color: #fff;position:relative;z-index:1;}
#cBox_1 .solution-safetyProtection .sRow-more:hover::after{opacity:1; color:#fff}
#cBox_1 .solution-safetyProtection .sRow-more:hover a,
#cBox_1 .solution-safetyProtection .sRow-more a:hover{color:#fff;}

#cBox_1 .solution-safetyProtection .sRow-title { color:#fff; }

/* cBox_1 - row-6 */
#cBox_1 {/*background: url(../img/row-6-bg.jpg) 50% bottom no-repeat;*/padding-bottom: 5%;margin-bottom: 5%;}
#cBox_1 .row-6 .row-icon{width:42px;height: 60px;margin:0 auto 21px;background:url(../img/icon-08.png) 0 0 no-repeat;background-size:42px auto;}
#cBox_1 .row-6 .row-title2{font-size:20px; font-weight:bold; text-align:center; color:#fff; text-shadow:0 0 4px rgba(0,0,0,0.25); line-height:2; margin-bottom:10px;}
#cBox_1 .row-6 .row-title3{font-size:16px; text-align:center; color:#fff; text-shadow:0 0 4px rgba(0,0,0,0.25); line-height:2; margin-bottom:30px;}
#cBox_1 .row-6 .provinceList{display:grid;  grid-template-columns:repeat(2,1fr); grid-gap:15px;}
#cBox_1 .row-6 .provinceList li{height:36px; line-height:36px; width:100%; background:#fff; text-align:center; font-size:16px; color:#006342; border-radius:18px;}


#cBox_2,#cBox_3{margin-bottom: 20px;}

/* cBox_3 */
#cBox_3{padding-bottom:30px;overflow:hidden;/* padding-top: 30px; */background: #f4f9f6;}
.solution-mobileDevices .sRow-pic { margin-bottom:20px}
.solution-adaptation .tCon { padding:20px 0 0; text-align:center;}
.solution-adaptation .pic { margin-bottom:18px;}
.solution-adaptation .title h3 { display:inline-block; padding:0 40px; border-radius:30px; line-height:45px; color:#fff; background: linear-gradient(90deg, #26AF6C 0%, #249682 100%);}


/* indTabBox_01 */
#indTabBox_01 .pic{ text-align:center;}

/* cBox_4 */
#cBox_4{padding: 0 0 30px;}
#cBox_4 .row-intro{font-size:16px; line-height:2; text-align:left;  margin:0 auto 30px; color:#666666; text-indent:2em;}
#cBox_4 .row-pic{text-align:center; padding:25px 0px; background:#FBFBFB; border-radius:20px 180px 20px 180px; margin-bottom:50px;  }
#cBox_4 .more{border: 1px solid #249682;width: 300px;height:38px;line-height:38px;text-align:center;margin:0 auto;overflow:hidden;border-radius:26px;position:relative;}
#cBox_4 .more::after{content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(to right, #6CB75A, #0FAB77); z-index:0; opacity:0; transition:0.5s; }
#cBox_4 .more a{display:block;height:38px;font-size: 14px;color:#26af6c;position:relative;z-index:1;}
#cBox_4 .more:hover::after{opacity:1; color:#fff}
#cBox_4 .more:hover a,
#cBox_4 .more a:hover{color:#fff;}


/* indTabBox_02 */
#indTabBox_02{margin-bottom:20px;}
#indTabBox_02 .pic{ text-align:center;}

.solution-platforms {background: linear-gradient(90deg, #26AF6C 0%, #249682 100%);text-align:center;}
.solution-platforms .sBox .sHd{height:28px;line-height:28px;border-bottom: 1px solid rgb(255 255 255 / 20%);margin-bottom: 30px;position:relative;text-align:center;}
.solution-platforms .sBox .sHd h3{height: 28px;text-align:center;font-size: 20px;font-weight:bold;position:relative;display:inline-block;color:#fff;}
.solution-platforms .sBox .sHd::after{content:"";display:block;width:56px;height:5px;background:linear-gradient( to bottom, #53D382, #09C8A7); border-radius:5px;position:absolute;bottom: -3px;left:calc(50% - 28px);}
.solution-platforms .sBox .sHd h3::before{content:"";display:block; width:33px; height:18px; background:url(../img/rowtiico.png) no-repeat; position:absolute; right:-53px; top:20%; transform:rotate(180deg)}
.solution-platforms .sBox .sHd h3::after{content:"";display:block; width:33px; height:18px; background:url(../img/rowtiico.png) no-repeat; position:absolute; left:-53px; top:20%; }
.solution-platforms .platforms-flex .con .more {background:transparent;border:1px solid #fff;color:#fff;height: 38px;line-height: 38px;}
.solution-platforms .platforms-flex .con .more a {color:#fff;height: 38px;line-height: 38px;font-weight: 400;}
#sBox_release.sBox {padding: 10px;}
.solution-platforms .sBox .sBd { color:#fff;}

#sBox_monitor {background:#fff;padding: 10px;}
#sBox_monitor.sBox .sHd {border-bottom: 1px solid #dceeeb;}
#sBox_monitor.sBox .sHd h3 { color:#333; }
#sBox_monitor.sBox .con .more { border:1px solid #26af6c;color:#26af6c;}
#sBox_monitor.sBox .con .more a {color:#26af6c;}
#sBox_monitor.sBox .con .more a:hover { color:#fff; }
#sBox_monitor.sBox .sBd { color:#333;}

#sBox_sso {padding: 10px;}

/* cBox_8 */
#cBox_8 { }
#cBox_8 .row-intro{width:100%;margin: 0 auto 30px;font-size:16px;text-indent:2em;}
.systemList{display:grid; grid-template-columns:repeat(1,1fr); grid-gap:30px;}
.systemList li{border:1px solid #dddddd; border-radius:10px; position:relative; width:100%; box-sizing:border-box; text-align:center; padding-bottom:20px; overflow:hidden;}
.systemList li .li-t{height:40px;width:100%;}
.systemList li .p-title{ height:40px; line-height:40px;background: linear-gradient(90deg, #26AF6C 0%, #249682 100%); display:inline-block; color:#fff; font-size:20px; font-weight:bold; min-width:260px; padding:0 10px; border-radius:0 0 10px 10px}

.systemList li .pic{height:auto;overflow:hidden;height: auto;padding: 20px 0;}
.systemList li .pic img{margin: 0 auto;width: auto;min-height: auto;}
.systemList li .p-intro{height:auto; line-height:2; font-size:14px; color:#fff; position:absolute; left:15px; top:64px; z-index:2; width:80%; transition:0.5s; text-shadow:0 0 3px rgba(0,0,0,0.8)}
.systemList li .intro{padding: 0px 10px 0px;font-size:16px;color:#666666;line-height:2;margin-bottom:20px;text-align:justify;}
.systemList li .intro p{text-indent:2em}
.systemList li .more{border: 1px solid #249682;width: 330px;height:38px;line-height:38px;text-align:center;margin:0 auto;overflow:hidden;border-radius:26px;position: relative;}
.systemList li .more::after{content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(to right, #6CB75A, #0FAB77); z-index:0; opacity:0; transition:0.5s; }
.systemList li .more a{display:block;height:38px;font-size: 14px;color:#26af6c;position:relative;z-index:1;}
.systemList li .more:hover::after{opacity:1; color:#fff}
.systemList li .more:hover a,
.systemList li .more a:hover{color:#fff;}

.systemList li:hover .pic img{transform:scale(1.05)}

/* cBox_9 */
#cBox_9{position:relative;padding-bottom: 3%;}
#cBox_9 .cHd{margin-bottom:10px;}
#cBox_9 .cBd .intro p{font-size: 20px;line-height: 1.5;color: #1e9152;text-align: center;font-weight: 700;text-indent: 0;}
#cBox_9 .cBd .intro .g-p{font-size: 16px;color: #333;font-weight: 500;line-height: 1.5;height: auto;}
#cBox_9 .cBd .intro .g-p em{color: #e20000;}

#cBox_10  .pic img.cpmb { margin: 20px;border: #fff solid 20px;box-shadow: #ccc 0 0 20px; width:76%;border-radius: 10px;}

.caseBox .hd { width:80%; margin:0 auto; border-radius:30px; overflow:hidden; font-size:18px; margin-bottom:5%; text-align:center; }
.caseBox .hd ul { display:flex;}
.caseBox .hd ul li { height:40px; line-height:40px; flex:1; background:#eee; cursor:pointer;}
.caseBox .hd ul li.on { background:#26AF6C; color:#fff; font-weight:bold; }
.caseBox .bd ul {display:flex;gap:10px;flex-direction: row;flex-wrap: wrap;}
.caseBox .bd ul li { flex:1; min-width:47%; border:1px solid #eee; height:60px; line-height:60px; border-radius:5px; background:#fff; text-align:center;}
.caseBox .bd ul li img { vertical-align:middle; width:88%;}

#cBox_1 .more{border: 1px solid #249682;/* height:48px; */width: 300px;line-height: 38px;text-align:center;overflow:hidden;border-radius:26px;position:relative;margin: 20px auto 0;}
#cBox_1 .more::after{content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(to right, #6CB75A, #0FAB77); z-index:0; opacity:0; transition:0.5s; }
#cBox_1 .more a{display:block;height: 38px;font-size: 14px;color:#26af6c;position:relative;z-index:1;}
#cBox_1 .more:hover::after{opacity:1; color:#fff}
#cBox_1 .more:hover a,
#cBox_1 .more a:hover{color:#fff;}


/* 基础应用 */
.atlasBox .hd {margin-right: 20px;width: 100%;background: #2165D0;background: linear-gradient(to bottom, #14c9a1, #26af6c);border-radius: 5px;display: flex;flex-direction: column;justify-content: center;height: 120px;}
.atlasBox .hd a {display: block; overflow: hidden;height: 120px;display: flex;flex-direction: column;justify-content: center; transition: all 0.5s;background: #2165D0;background: linear-gradient(to bottom, #20AEFB, #1667F0);border-radius: 5px;background: url(../img/linkico.png) no-repeat 95% 20%;}
.atlasBox .hd a:hover{filter:brightness(120%)}
.atlasBox .hd a:after { content: ""; position: absolute; width: 100px; height: 100%; top: 0; left: -100%; overflow: hidden; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%); transform: skewX(-30deg); }
.atlasBox .hd a:hover:after { left: 150%; transition: left 1s ease 0s; }

#jcyy .rowBox>.hd{line-height: 32px;    padding: 0 0px 10px;    border-bottom: 1px solid #DCEEEB;    margin-bottom: 20px;    position: relative;    text-align: center;}
#jcyy .rowBox> .hd h3{text-align:center;font-size: 24px;font-weight:bold;position:relative;display:inline-block;color: #333;}
#jcyy .rowBox> .hd::after{content:"";display:block;width:56px;height: 5px;background:linear-gradient( to bottom, #53D382, #09C8A7);border-radius:5px;position:absolute;bottom: -3px;left:calc(50% - 28px);}
#jcyy .rowBox> .hd h3::before{content:"";display:block; width:33px; height:18px; background:url(../img/rowtiico.png) no-repeat; position:absolute; right:-53px; top:20%; transform:rotate(180deg)}
#jcyy .rowBox> .hd h3::after{content:"";display:block; width:33px; height:18px; background:url(../img/rowtiico.png) no-repeat; position:absolute; left:-53px; top:20%; }

.cBox .cHd h3{text-align:center;font-size: 24px;font-weight:bold;position:relative;display:inline-block;max-width: 65%;}
.cBox .cHd::after{content:"";display:block;width:56px;height: 5px;background:linear-gradient( to bottom, #53D382, #09C8A7);border-radius:5px;position:absolute;bottom: -3px;left:calc(50% - 28px);}
.cBox .cHd h3::before{content:"";display:block; width:33px; height:18px; background:url(../img/rowtiico.png) no-repeat; position:absolute; right:-53px; top:20%; transform:rotate(180deg)}
.cBox .cHd h3::after{content:"";display:block; width:33px; height:18px; background:url(../img/rowtiico.png) no-repeat; position:absolute; left:-53px; top:20%; }


.atlasBox .hd i {display:block;height:60px;background :url(../../products/img/atlasico1.png) no-repeat center;width: 100%;}
.atlasBox .hd h4 {font-size: 16px;font-weight:bold;color:#fff;padding:0 20px;text-align:center;}
.atlasBox dl {background:#E8F1F5;overflow:hidden;padding:10px;border-radius:5px;margin-bottom: 10px;}
.atlasBox .dl3 { margin:0;}
.atlasBox dt {height: 24px;width: auto;padding: 10px;background: linear-gradient(90deg, #26AF6C 0%, #249682 100%);border-radius:5px;display:flex;flex-direction: column;justify-content: center;color:#fff;font-size: 15px;font-weight:bold;line-height:18px;text-align:center;}
.atlasBox dd {overflow:hidden;position:relative;margin: 1% 0 -1%;}
.atlasBox ul {position:relative;display:flex;flex-wrap: wrap;justify-content: flex-start;margin-right: -2%;min-height: 76px;align-content: center;}
.atlasBox ul li {height:36px;line-height:36px;margin: 1% 2% 1% 0;background:#fff;border-radius:5px;text-align:center;width: 48%;margin-right: 2%;font-size: 14px;color: #333;overflow:hidden;}
.atlasBox .dl1 dt {}
.atlasBox ul li a {display:block;background:url(../../products/img/linkico.png) no-repeat 95%;padding:0 8%;height: 100%;}
.atlasBox ul li a:hover { background-color:#2b9f7f; color:#fff;}

#skipmenu {background: #2f9971;}

/* 相关技术支撑功能模块 */
#technicalSupport { background: #F8F9FF;}
.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: #368C4F}
.lxss a.sq { text-indent: 0px; background-size: 20px auto; background-position: 20px center; background-color: #368C4F}
.lxss a, .lxss a.sq { background-color: #368C4F}
.lxss a:hover { background-color: #368C4F}

/* 长者版 */
.logo-box { position: absolute; top: 30px; z-index: 2; display: none; height: 50px; align-items: center; justify-content: space-between;}
.logo-box .logo { display: block; height: 64.29px;}
.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 .logo-box { zoom: 1.4; display: flex;    display: none;}
.body_webFree .logo-box .links { position: relative; right: -54px;}
.body_webFree .special-header{height:auto;}
.body_webFree .special-header .siteWidth{height:848px; padding-top:220px;}
.body_webFree .special-header .special-header-title_en{font-size:48px;  height:64px; line-height:64px; text-shadow:0 2px 2px rgba(0,0,0,0.25); margin-bottom:10px; }
.body_webFree .special-header .special-header-title_cn{text-align:center;font-size:72px;height:96px;line-height:96px;margin-bottom:20px;}
.body_webFree .special-header .special-header-slogan{width: 800px;margin:0 auto;font-size:28px;line-height:2;text-align:center;}
.body_webFree .special-intro{padding-top:30px;margin-bottom: 100px;}
.body_webFree .special-intro .con{width:1200px; margin:0 auto; font-size:38px; line-height:2; padding:50px; box-sizing:border-box;}

.body_webFree .solution-platforms .platforms-flex .pic {width: 200px;height: 200px;flex-shrink: 0;}
.body_webFree .special-intro:after {width: 1142px;left: 50%;margin-left: -610px; margin-top:-50px}