@charset "utf-8";
#content { padding: 0px;}
body .wrap{margin: 0 auto;background:#ffffff;}
.productSpecial-contribute { 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;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; text-shadow:0 2px 6px rgba(0,0,0,0.25); margin-bottom:16px;}
.special-header .special-header-slogan{margin:0 auto;font-size:16px;line-height:32px;color:#fff;text-align:center; padding:0 15px}

.special-intro{background:url(../img/bg-introduce.jpg) 50% 50% no-repeat; background-size:cover; padding:10px;}
.special-intro .con{padding:10px; background:linear-gradient(to bottom, rgba(255,255,255,0.7), transparent); border-radius:10px; font-size:16px; text-indent:2em; text-align:justify}

/* indTabBox */
.indTabBox .tHd{margin-bottom:20px;}
.indTabBox .tHd ul{display:block; display:flex; height:42px; background:#F1FAF7; border-radius:21px; }
.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;}
.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{/* height:32px; */line-height:32px;padding:20px 0px 10px;border-bottom:1px solid #dddddd;margin-bottom:20px;}
.cBox .cHd h3{/* height:32px; */text-align:center;font-size:24px;font-weight:bold;position:relative;max-width: 90%;margin: 0 auto;}
.cBox .cHd h3::after{content:""; display:block; width:48px; height:4px; background:#368C4F; position:absolute; bottom:-11px; left:calc(50% - 28px);}
.row{padding:0 15px;}

.special-content{font-size:16px; line-height:2}
.row-intro{ text-align:left; text-indent:2em; m}
/* cBox_1 */
#cBox_1 .row-1{padding-bottom:100px;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:100px; padding-top:20px; position:relative}

/* cBox_1 - row-3 */
#cBox_1 .row-3{overflow:hidden; padding:0px;}

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

/* cBox_1 - row-5 */
#cBox_1 .row-5{background:url(../img/row-5-bg.jpg) 50% 100% no-repeat; padding-bottom:30px;}
#cBox_1 .row-5 .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-5 .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-5 .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-5 .provinceList{display:grid;  grid-template-columns:repeat(2,1fr); grid-gap:15px;}
#cBox_1 .row-5 .provinceList li{height:36px; line-height:36px; width:100%; background:#fff; text-align:center; font-size:16px; color:#006342; border-radius:18px;}

/* cBox_1 - row-6 */
#cBox_1 .row-6{/* background:url(../img/row-6-bg.jpg) 50% 50% no-repeat; */background-size:cover;padding: 30px 3% 25px;}
#cBox_1 .row-6 .sRow-intro{text-indent:2em;padding:20px 0}
#cBox_1 .more{height:46px; line-height:46px; text-align:center; margin:0 auto; overflow:hidden; background:#F1FAF7; border-radius:23px; position:relative;}
#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:46px;font-size: 14px;font-weight:bold;color:#006342;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;}

/* cBox_2 */
#cBox_2{position:relative; padding-bottom:20px;}
#cBox_2 .cBd{position:relative; z-index:2;}

/* cBox_3 */
#cBox_3{padding-bottom:50px;}

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

/* cBox_4 */
#cBox_4{/* padding-bottom: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{height:46px; line-height:46px; text-align:center; margin:0 auto; overflow:hidden; background:#F1FAF7; border-radius:23px; 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:46px; font-size:16px; font-weight:bold; color:#006342; 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;}

/* 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{text-align:left; height:auto; overflow:hidden; box-sizing:border-box; z-index:0;}
.systemList li .pic{height:auto; overflow:hidden; }
.systemList li .pic img{width:100%; height:auto; transition:0.5s; min-height:auto;}
.systemList li .p-title{height:32px; line-height:32px; font-size:18px; font-weight:bold; color:#fff; position:absolute; left:15px; top:30px; z-index:2; transition:0.5s;}
.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:15px 20px 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{height:46px; line-height:46px; margin:0 20px; text-align:center; overflow:hidden; background:#F1FAF7; border-radius:23px; position:relative; display:block;}
.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:46px; font-size:14px; font-weight:bold; color:#006342; 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:30px;}
#cBox_9 .cHd{margin-bottom:10px;}
#cBox_9 .cBd{background:#fbfbfb; padding-top:10px;}
#cBox_9 .row-intro{font-size:16px; line-height:2; text-align:left; width:100%; margin:0 auto 20px; color:#666666; text-indent:2em;}
.slideBox{width:100%; position:relative; margin-bottom:30px; z-index:1}
.slideBox .bd .pic{width:100%; height:auto}
.slideBox .bd .pic img{width:100%; height:auto;}
.slideBox .bd .con{display:none;}
.slideBox .hd{display:none;}
.slideBox .next,
.slideBox .prev{width:20px; height:60px; position:absolute; top:calc(50% - 30px); left:10px; background:rgba(0,0,0,0.6); border-radius:10px 0px 0px 10px; }
.slideBox .next::after,
.slideBox .prev::after{content:""; display:block; width:6px; height:6px; border:2px solid #fff; position:absolute; left:50%; top:50%;}
.slideBox .next{left:auto; right:10px; border-radius:0px 10px 10px 0px; }
.slideBox .prev::after{border-right-color:transparent; border-top-color:transparent; transform: translate(-25%,-50%) rotate(45deg)}
.slideBox .next::after{border-left-color:transparent; border-bottom-color:transparent; transform: translate(-75%,-50%) rotate(45deg)}
.slideBox .next:hover,
.slideBox .prev:hover{background:rgba(0,0,0,0.8);}

#cBox_9 .caseList{display:grid; grid-template-columns:repeat(2,1fr); grid-gap:20px; position:relative; z-index:1;}
#cBox_9 .caseList li{width:100%;}
#cBox_9 .caseList li img{width:100%; height:auto;}

/* 基础应用 */
.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: 20px 0px 0px;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: 48px;height: 4px;background: #368C4F;position:absolute;bottom: -3px;left:calc(50% - 28px);}

.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;}

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


@media (max-width: 380px) {
    .special-header .special-header-title_en{font-size:22px;}
    .special-header .special-header-title_cn{font-size:28px;}
    .systemList li .p-title{font-size:16px;}
    .systemList li .p-intro{font-size:12px;}
}


/* 相关技术支撑功能模块 */
#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;}
.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; text-shadow:0 2px 6px rgba(0,0,0,0.25); margin-bottom:20px;}
.body_webFree .special-header .special-header-slogan{width: 1200px;margin:0 auto;font-size:28px;line-height:2;text-align:center;}
.body_webFree .special-intro{padding-top:30px;}
.body_webFree .special-intro .con{width:1200px; margin:0 auto; font-size:38px; line-height:2; padding:50px; box-sizing:border-box;}