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

/*  头部 */
.special-header { height: 400px; background:url(../img/banner.jpg) 50% 0px no-repeat ; background-size: cover; position: relative; z-index: 1; margin: 0 auto;padding-top: 50px;}
.special-header .siteWidth { height: 400px; position: relative; z-index: 5; width: 100%; max-width: 100%; box-sizing:border-box; padding-top:40px;}
.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; line-height:56px; text-shadow:0 2px 6px rgba(0,0,0,0.25); margin-bottom:16px;padding: 0 15px;}
.special-header .special-header-slogan{margin:0 auto;font-size:16px;line-height:32px;color:#fff;text-align:center; padding:0 15px}


/* 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 */
.red_start{height: 34px;background: url(../img/red_start.png) center no-repeat;margin-bottom: 15px;}
.yellow_start{height: 34px;background: url(../img/yellow_start.png) center no-repeat;margin-bottom: 15px;}
.pub_hd{/* height: 32px; */display: flex;justify-content: space-between;margin-bottom: 20px;}
.pub_hd h3{/* height: 32px; */line-height: 32px;margin: auto 13px;font-size: 22px;font-weight: 700;color: #046A4E;text-align: center;}
.pub_hd .left_line,.pub_hd .right_line{height: 34px;position: relative;margin: auto 0;flex: 1;}
.pub_hd .left_line{background: url(../img/left_hd.png) right center no-repeat;}
.pub_hd .right_line{background: url(../img/right_hd.png) left center no-repeat;}

.text_p{width: 80%;padding: 5%;line-height: 32px;text-indent: 2em;text-align: left;font-size: 16px;margin: auto;background: linear-gradient(to bottom, #FFFFFF, #EAF4F2);position: relative;border-radius: 10px;box-shadow: 0px 4px 15px #046a4e7a;z-index: 6;top: -50px;}

.row{padding:0 15px;overflow: hidden;}

.special-content{font-size:16px; line-height:2}
.order_p{line-height: 2;text-align: justify;font-size: 16px;color: #666666;margin-bottom: 20px;text-indent: 2em;}

/* cBox_1 */
.rowA{padding: 20px 0 40px;}
.rowA .flex_box{margin-bottom: 20px;}
.rowA .flex_box .left_box,.rowA .flex_box .right_box{width: 100%;}
.rowA .flex_box .left_box li{height: 40px;line-height: 40px;border: 1px solid #046A4E33;padding: 0 10px;text-align: center;font-size: 14px;color: #666;border-radius: 10px;background: linear-gradient(to right,#046A4E00,#046A4E0D);margin-bottom: 10px;}
.rowA .flex_box .right_box li{height: 40px;line-height: 40px;border: 1px solid #046A4E33;padding: 0 10px;text-align: center;font-size: 14px;color: #666;border-radius: 10px;background: linear-gradient(to right,#046A4E0D,#046A4E00);margin-bottom: 10px;}
.rowA .flex_box .right_box .li5,.rowA .flex_box .left_box .li5{margin: 0;}
.rowA .flex_box img{margin: 20px auto;display: block;}
.rowA .jjfa_box{width: 90%;display: flex;flex-wrap: wrap;margin: auto;background: #058F75;border-radius: 100px;position: relative;padding: 5%;}
.rowA .jjfa_box .p1{font-size: 16px;font-weight: 700;color: #F5A623;text-align: center;width: 100%;line-height: 1.5;margin: auto auto 5px;}
.rowA .jjfa_box .p2{font-size: 20px;font-weight: 700;color: #fff;text-align: center;width: 100%;line-height: 1.5;margin: 0 auto;word-break: break-all;}
.rowA .jjfa_box i{width: 0;height: 0;border-left: 18px solid transparent;border-right: 18px solid transparent;border-top: 22px solid #058F75;border-bottom: 0 solid transparent;position: absolute;left: 0;right: 0;bottom: -16px;margin: auto;}
.rowA .row,.rowG .row{overflow: initial;}

.rowB{padding: 20px 0 10px;background-color: #F2FAF8;}
.rowB .jyhjs_ul{}
.rowB .jyhjs_ul li{display: flex;flex: 1;background-color: #fff;border-radius: 10px;margin-bottom: 20px;}
.rowB .jyhjs_ul li .con{width: 90%;margin: 15px;display: flex;justify-content: space-between;}
.rowB .jyhjs_ul li .con img{margin: auto 15px auto 0;}
.rowB .jyhjs_ul li .con .text_con{flex: 1;margin: auto 0;}
.rowB .jyhjs_ul li .con p{line-height: 32px;font-weight: 700;font-size: 20px;margin: 7px 0;}
.rowB .jyhjs_ul li .con h3{font-size: 14px;color: #999;line-height: 32px;text-align: left;}

.rowC .solution-ITAI .sRow-bg::after{background: none;}
.rowC .solution-ITAI .tips,.rowC .solution-ITAI .tips a{color: #333;}

.solution-ITAI .list .title{color:#333;}

.rowD .bg,.rowD .nobg{padding: 30px 0;}
.rowD .bg{background: linear-gradient(to bottom right,#14CC8F,#046A4E);}
.rowD .bg .pub_hd .left_line{background: url(images/left_hd_w.png) right center no-repeat;}
.rowD .bg .pub_hd .right_line{background: url(images/right_hd_w.png) left center no-repeat;}
.rowD .bg .pub_hd h3{color: #fff;}
.rowD .pub_hd{margin-bottom: 50px;}
.rowD .pt_box{display: flex;justify-content: center;flex-wrap: wrap;}
.rowD .pt_box .con .intro{line-height: 32px;text-align: justify;font-size: 16px;margin-bottom: 50px;text-indent: 2em;}
.rowD .pt_box .con .more a{line-height: 34px;border-radius: 50px;padding: 7px 18px;border: 1px solid #26AF6C;color: #26AF6C;display: block;font-size: 14px;text-align: center;}
.rowD .bg .pt_box .con .intro{color: #fff;}
.rowD .bg .pt_box .con .more a{border: 1px solid #fff;color: #fff;}
.rowD .pt_box img{margin: auto 0;}
.rowD .pt_box .con .more a:hover,.rowD .bg .pt_box .con .more a:hover{background: linear-gradient(to right,#26AF6C,#249682);color: #fff;border: 1px solid #26AF6C;}

.rowE{padding: 20px 0;}
.rowE .ywxt_ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.rowE .ywxt_ul li{width: 90%;border: 1px solid #EEEEEE;border-radius: 10px;padding: 0 5% 5%;display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.rowE .ywxt_ul li .tit{width: 80%;height: 50px;line-height: 50px;background: linear-gradient(to bottom right,#14CC8F,#046A4E);font-size: 20px;color: #fff;font-weight: 700;text-align: center;border-radius: 0 0 10px 10px;margin: 0 auto 30px;}
.rowE .ywxt_ul li .con{display: flex;justify-content: space-between;margin: auto 0;flex-wrap: wrap;}
.rowE .ywxt_ul li .con img{margin: auto;display: block;}
.rowE .ywxt_ul li .con .text_box{width: 100%;margin: auto 0;}
.rowE .ywxt_ul li .con .text_box p{line-height: 32px;text-indent: 2em;font-size: 16px;color: #666666;text-align: justify;}
.rowE .ywxt_ul li .more{margin: 30px auto 0;}
.rowE .ywxt_ul li .more a{line-height: 32px;border-radius: 50px;padding: 4px 20px;border: 1px solid #26AF6C;color: #26AF6C;display: inline-block;}
.rowE .ywxt_ul li .more a:hover{background: linear-gradient(to right,#26AF6C,#249682);color: #fff;border: 1px solid #26AF6C;}

.rowF,.rowG,.rowI,.rowJ,.rowC{padding: 20px 0;}
.rowF .solution-institution .pics li .title{bottom: 13px;}
.rowI .solution-securityLevel .sRow-card::before{background: linear-gradient(30deg, #26AF6C 50px, #046A4E);}
.rowJ .solution-defenseSystem .sRow-intro{margin-bottom: 50px;}
.rowJ{background: url(../img/rowJ_bg.jpg) center top no-repeat;width: 100%;background-size: cover;}
.rowJ .solution-defenseSystem .sRow-card::before,.rowJ .solution-defenseSystem .sRow-card::after,.rowJ .sRow-more{display: none;}
.rowJ .solution-safetyProtection .sRow-title{color: #fff;}
.rowJ .solution-defenseSystem .sRow-card{padding: 0;}
.rowJ .more{text-align: center;margin-bottom: 30px}
.rowJ .more a{line-height: 32px;border-radius: 50px;padding: 4px 18px;border: 1px solid #fff;color: #fff;display: inline-block;}

.rowJ .row-icon{width:42px;height: 60px;margin:0 auto 21px;background:url(../img/icon-08.png) 0 0 no-repeat;background-size:42px auto;}
.rowJ .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;}
.rowJ .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;}
.rowJ .provinceList{display:grid;  grid-template-columns:repeat(2,1fr); grid-gap:15px;}
.rowJ .provinceList li{height:36px; line-height:36px; width:100%; background:#fff; text-align:center; font-size:16px; color:#166299; border-radius:18px;}
.rowJ .siteWidth{padding: 0 15px;}

.rowK{padding: 20px 0;}
.rowK .case_ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.rowK .case_ul li{margin-bottom: 20px;width: 48%;}
.rowK .case_ul li img{width: 100%;}
.rowK .case_ul li p{height: 40px;line-height: 40px;font-size: 16px;color: #046A4E;text-align: center;font-weight: 700;box-shadow: 0 2px 4px #0000001A;border-radius: 0 0 5px 5px;transition: all 0.5s;}

/* 基础应用 */
.rowBox>.hd h3{ line-height: 32px;margin: auto ;font-size: 22px;font-weight: 700;color: #046A4E;    position: relative; word-break: keep-all;  display: flex;   justify-content: space-around;    padding-top: 60px }
.rowBox>.hd h3::before,.rowBox>.hd h3::after{content:"";display:block;width: 400px;height:40px;}
.rowBox>.hd h3::before{background: url(../img/left_hd.png) right center no-repeat;left: calc(-75% - 28px);}
.rowBox>.hd h3::after{background: url(../img/right_hd.png) left center no-repeat;left: calc(115% - 28px);}
.rowBox>.hd h3 .line{height: 34px;background: url(../img/red_start.png) center no-repeat; margin-bottom: 20px;display: block;position: absolute;width: 200px;top: 15px;}
.rowBox>.hd h3 span{padding: 0 20px;}

.atlasBox .hd {background: #009688;background: linear-gradient(to bottom, #14c9a1, #26af6c)}
.atlasBox dt {background: linear-gradient(90deg, #26AF6C 0%, #249682 100%);}
.atlasBox ul li a:hover { background-color:#2b9f7f; color:#fff;}
#jcyy{padding: 0 0 30px;}

.solutionSafety-07 .more a{color:#26AF6C}
.solutionSafety-07 .more a::before{border-color:#26AF6C;}
#skipmenu{background-color:#058f75;}

@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;}
    .flex_ul li img{width: 70%;}
}


/* 相关技术支撑功能模块 */
#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; width: 300px; 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;}
.body_webFree .rowF .solution-institution .pics li .title{bottom: 25px;}